)
* * text classes (e.g. classes for )
* * form classes (e.g. classes for )
* * status_message definitions
* * anchor tag classes (for various link classes)
*
* UPDATE 2007-09-17 : Default text color for all tags is inherited from
* the body tag. This allows you to set the color of
* a table cell and not worry about whether or not
* tags in that cell will be black when you need white, etc.
*
* html & body are set to height:100% so that, by default,
* you can have tables expanding the entire height of the
* page.
*
* bottom-margins and font-sizes are now different for
* different tags, so is now different from
* like one would expect.
*
* All block tags are set with a gray, solid border but
* with the border-width set to 0pz for all sides. This
* enables you to make quick borders without having to
* set all properties, and in particular exists to work
* with the classes: .bordered, .line_top, .line_right,
* .line_bottom, .line_left, and will also affect
* .left_form_cell and .right_form_cell unless you
* specify additional details within those classes
*
* .margin_centered is now .center_block since that is a
* more accurate name.
*
*
***************************************************************************/
/*******************************************************************
SCROLLBAR DEFINITION
- if using XHTML, change "body" to "html", for it to work.
*******************************************************************/
body {
scrollbar-face-color: #C0C0C0;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #ffffff;
}
/*******************************************************************
TAG DEFINITIONS
- only change colors, font-family, and size as needed. Try not
to write too many tag definitions beyond what's here
*******************************************************************/
html { width:100%; height:100%; }
body { width:100%; height:100%; margin:0px 0px 0px 0px; background-color:white; color:black; }
td { padding:0px 0px 0px 0px; vertical-align:top; }
form { margin:0px 0px 0px 0px; }
fieldset { display:block; margin-top:0px; margin-bottom:12px; }
legend { font-size:16px; font-weight:bold; }
/* DEFAULT FONT SETTING */
table, td, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: inherit;
}
textarea, input, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* FONT SIZES & BOTTOM MARGINS */
h1 { font-size:24px;margin-bottom:24px; }
h2 { font-size:20px;margin-bottom:20px; }
h3 { font-size:16px;margin-bottom:16px; }
h4 { font-size:14px;margin-bottom:14px; }
td, p, blockquote, ul, ol, h5, h6 { font-size:12px;margin-bottom:12px; }
div { font-size:12px; }
/* ALIGNMENT */
p, blockquote, li { text-align:justify; }
/* SET BORDER-DEFAULT COLOR/STYLE, BUT SET 0px SIZE */
img, table, tr, td, form, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
border-color: #CCCCCC;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
/* SET DEFAULT LINK COLORS */
a:link, a:visited { color:#0000CC; }
a:hover, a:active { color:#CC0000; }
a.blue { color:#116CC1; text-decoration: none;}
a.blue:visited { color:#116CC1; text-decoration: none;}
a.blue:hover { color:#AAAAAA; text-decoration: underline; }
a.blue:active {color:#116CC1; text-decoration: underline; }
/*******************************************************************
TABLE CLASSES
- classes for use with table rows and table cells
*******************************************************************/
.center_table { margin-left:auto; margin-right:auto; }
.left_form_cell { padding:3px 3px 3px 3px; border-width:0px 0px 0px 0px; }
.right_form_cell { padding:3px 3px 3px 3px; border-width:0px 0px 0px 0px; text-align:right; }
.title_cell { padding:5px 5px 5px 5px; font-size:14px; font-weight:bold; white-space:nowrap; }
.content_cell { padding:5px 5px 5px 5px; }
.row1 { background-color:#FFFFFF; }
.row2 { background-color:#EDEDED; }
.row_selected { background-color: #FFFF99; }
/* .clickable_cell and .clickable_cell_on are used with the cms-full
application. They are designed to be used so that JavaScript can
toggle the BG color of a cell onmouseover and toggle back onmouseout. */
.row1 .clickable_cell { background-color:#FFFFFF; }
.row2 .clickable_cell { background-color:#EDEDED; }
.clickable_cell_on { background-color:#FFFFCC; }
.clickable_cell, .clickable_cell_on { cursor:pointer; padding:5px 5px 5px 5px; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
/*******************************************************************
BLOCK CLASSES
- classes for block-level tags, such as