html
{
background: url(background.png) repeat-x top;
background-color: #eef;
}
body
{
margin: 0 auto;
padding: 2em;
max-width: 60em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4
{
color: #6495ED;
}
div.main
{
background-color: White;
padding: 30px 30px 200px 30px;
margin-top: 1.8em;
-moz-border-radius: 15px 15px 0 0;
}
h1.heading, h1 a
{
color: white;
text-decoration: none;
margin: -1.2em 0 1em 0;
font-size: 1.25em;
}
h1.heading, h1 a:hover
{
color: white;
}
h1.heading
{
background-image: url(clock.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0px 0px 5px 70px;
}
h1 .subheading
{
display: block;
font-size: 0.96em;
color: #E0FFFF;
}
.minheading
{
text-align: right;
margin-top: -3.5em;
}
.minheading h2
{
font-size: 0.9em;
display: inline;
padding-left: 1em;
}
.minheading .name
{
color: white;
margin-right: 1em;
}
.minheading a
{
color: white;
}
.minheading a:hover
{
color: Yellow;
}
a
{
color: #f61;
}
a:hover
{
color: red;
}
/** menu **/
.sitemap
{
text-align: center;
margin-top: 1.5em;
margin-bottom: -1.5em;
}
ul.level1
{
}
ul.level1, ul.level2
{
margin: 0;
padding: 0;
list-style: none;
}
ul.level1 li
{
display: inline;
}
ul.level1 li .menuitem
{
padding: 0.3em 20px 0.3em 20px;
background-color: #B6CEF7;
cursor: pointer;
background-image: url(tabs.png);
background-repeat: repeat-x;
color: #f71;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
}
ul.level1 li.active .menuitem
{
background-color: White;
background-image: none;
}
ul.level1 li .menuitem img
{
border: 0 none;
vertical-align: middle;
margin-top: -4px;
}
ul.level2
{
display: none;
}
li.active ul.level2
{
float: left;
display: block;
width: 95%;
margin: 1em 0 0 0;
padding-bottom: 1em;
}
li.active ul.level2 li a
{
margin-left: 1em;
color: #f61;
text-decoration: none;
border-bottom:1px dashed #f61;
}
li.active ul.level2 li a:hover
{
color: Red;
}
/** forms **/
fieldset
{
margin: 0;
border: 1px solid #6495ED;
padding: 1.5em;
}
fieldset legend
{
font-weight: bold;
color: #4169E1;
padding: 0.5em;
}
fieldset.login label, fieldset.signup label
{
float: left;
color: #708090;
width: 120px;
text-align: right;
}
fieldset.signup label
{
width: 9em;
}
fieldset span.required
{
font-size: 0.85em;
font-weight: bold;
color: Red;
}
fieldset.login div, fieldset.signup div
{
padding: 0.25em;
}
fieldset.login .remember label
{
float:none;
margin-left: 0.4em;
}
fieldset.login .remember input
{
margin-left: 133px;
}
fieldset.login .signin input
{
padding: 0.1em 2em;
margin-left: 133px;
}
fieldset.signup .wizardNav
{
margin: 1em;
padding-left: 9em;
}
/** list */
.row0
{
background-color: #cdf;
}
.row1
{
background-color: #eef;
}
.required-input, .required-input1, .required-input2
{
border: 2px solid red;
background-color: #FFE4E1
}
.copyrights
{
font-size: 0.8em;
text-align: center;
color: #708090;
margin-top: 2em;
}