div.picture { text-align: center;  float: right }
ul { margin-top: 0px;  margin-bottom: 0px; }

h2 { margin-top: 10px;  margin-bottom: 5px; }
h3 { margin-top: 10px;  margin-bottom: 20px; }
h4.list { margin-top: 10px;  margin-bottom: 5px }

/* DBIx::Frame::CGI Default Stylesheet                                        */
/* Version: 0.10                                                              */
/* License: see http://www.ks.uiuc.edu/Development/MDTools/dbix-frame/        */

/* error and status message information - used when DBIx::Frame::CGI wants to 
   output debugging information.  Generally used with <h2> or <h3> tags. */

.error  { text-align: center; clear: both; } 
.status { text-align: center; clear: both; font-weight: normal }

/* tablehead - used to offer standardized headers within our tables saying 
   which section of the table the user is in - ie, "User Information".  Also
   used with <h2> and <h3> tags. */

.tablehead {
	text-align: center;  font-weight: bold;  font-size: normal;
        margin-bottom: 0px;  margin-top: 10px; clear: both;
}


/* Base Table - this is the main body of most DBIx::Frame::CGI output, where 
   we put the search, edit, etc areas (generally the output of html()-type 
   functions).  Used in *many* packages. */

div.basetable {
	background-color: lightgrey;	color: black;
  	float: center; text-align: center; 
        margin-top: 3px; margin-bottom: 3px; display: table;
}

/* row1, row2, row3, row4 - standard div classes to logically lay out table-
   like information in a standard manner - each item has a short label
   (span.label) and an actual form element (span.formw).  This is the main 
   stylesheet type you'll be using with DBIx::Frame::CGI.  row(n) refers to 
   the number of label/form element pairs you want to use in the given line
   of text - row1 is for a single item, row2 for two items, etc. */

div.row1 { clear: both; padding-top: 10px; }
div.row2 { clear: both; padding-top: 10px; }
div.row3 { clear: both; padding-top: 10px; }
div.row4 { clear: both; padding-top: 10px; }

/* span.label - these are the label elements within row1-4; margins are chosen 
   to by the specific div choice, but otherwise these are fairly similar. */

div.row1 span.label {
  float: left;  margin-left: 5px; margin-right: 5px;
  width: 100px; text-align: center;
}

div.row2 span.label {
  float: left;  margin-left: 5px; margin-right: 5px;
  width: 100px; text-align: center;
}

div.row3 span.label {
  float: left;  margin-left: 5px; margin-right: 5px;
  width: 75px; text-align: center;
}

div.row4 span.label {
  float: left;  margin-left: 5px; margin-right: 5px;
  text-align: center;
}

/* span.formw - these are the form elements within row1-4; these are actually
   quite similar, but we might want to split them in the future... */

div.row1 span.formw {
  float: left;  margin-left: 5px; margin-right: 5px; text-align: left;
} 

div.row2 span.formw {
  float: left;  margin-left: 5px; margin-right: 5px; text-align: left;
} 

div.row3 span.formw {
  float: left;  margin-left: 5px; margin-right: 5px; text-align: left;
} 

div.row4 span.formw {
  float: left;  margin-left: 5px; margin-right: 5px; text-align: left;
} 

/* div.multicol - designed for TCB::People, this style option is used when you
   want to put multiple rows of items into a given box, ie, when you've got 
   one element on the left wide which is tall but narrow, and you'd like to 
   use the rest of the space.  <br /> tags will separate the different label/
   formw pairs. */

div.multirow span.label { float: left;  margin-left: 5px; margin-right: 5px; }

div.multirow span.formw { 
  float: left;  margin-left: 5px; margin-right: 5px;
  margin-bottom: 0px;  margin-top: 0px; text-align: left;
}

div.multirow br { margin-top: 3px; margin-bottom: 5px; }

/* rowfloat - used in TCB::Publications, this just uses clear: left instead 
   of clear:both.  It's convenient, but not strictly vital. */

div.rowfloat { clear: left; padding-top: 5px; }

/* The submit item should float on the right side of our box, and be on a 
   line of its own; if we want more than one item in there (like, say, a 
   'Reset' button) we can put it in the same box. */

div.submitbar {
	clear: both;  float: right; 
      	margin-left: 10px; margin-right: 10px;
	margin-top:  10px; margin-bottom: 5px;
}

/* modbox - a small table that contains information about when a table was 
   created and last modified, and who it was that did these things.  Used by
   many packages, it offers some basic idea of when things are being worked 
   with.  It would probably be good if I offered some of the related functions
   with DBIx::Frame::CGI directly... */

div.modbox {
	float: right; margin-left: 20px;  clear: right;
	margin-top:  10px; margin-bottom: 0px;  margin-right: 20px;
}

table.modbox {
	background-color: darkgrey; color: black; 
	display: table; border-color: lightgrey; 
}

/* Request Form - same general idea as div.basetable, but without much text-
   markup.  Designed for TCB::Publications' paper.cgi. */

div.reqform { float: center; }

/* ########################################################################## */
/* ### Version History ###################################################### */
/* ########################################################################## */
/* # 0.10       Thu 16 Jun 09:09:54 CDT 2005    tskirvin                      */
/* ### Initial commented version, for distribution with DBIx::Frame directly. */
/* ########################################################################## */