/*	Start: the rules below are mostly generic to all templates, but are included due to file requests from the browser. */
 
html, body { background: #000 center top url(../media/bg/body-background.jpg) fixed no-repeat; }
#top-menu { background: url(../media/logos/logo-home.png) no-repeat right 22px; }
#top-menu li a { background: url(../media/list-items/q-dot.png) no-repeat; }
#top-menu li a:hover, #top-menu li a.active { background: url(../media/list-items/q-dot-active.png) no-repeat; }
#lower-menu { background: url(../media/bg/background-bar-bottom.png) repeat-x left center; }
#lower-menu div a { background: url(../media/logos/bottom-bar.png) no-repeat right top; }
#searchbar { background: url(../media/bg/dialog-background.png); }
div.month-select { background: url(../media/bg/background-monthselect.gif); }
.dialog { background: url(../media/bg/dialog-background.png); }
table.event-table tr.even { background: url(../media/bg/dialog-background.png); }
table.list { background: url(../media/bg/buttons-background.png) repeat-y; }
.blue-icon th.icon { background: url(../media/list-items/q-dot-blue.png) no-repeat left top; }
.green-icon th.icon { background: url(../media/list-items/q-dot-green.png) no-repeat left top; }
.yellow-icon th.icon { background: url(../media/list-items/q-dot-yellow.png) no-repeat left top; }
.purple-icon th.icon { background: url(../media/list-items/q-dot-purple.png) no-repeat left top; }
.red-icon th.icon { background: url(../media/list-items/q-dot-red.png) no-repeat left top; }
.orange-icon th.icon { background: url(../media/list-items/q-dot-orange.png) no-repeat left top; }
.pink-icon th.icon { background: url(../media/list-items/q-dot-pink.png) no-repeat left top; }
table.addresslist thead th { background: none; color:#3d5266;}
table.addresslist td { background: url(../media/bg/dialog-background.png); }
.selectbar { background: url(../media/bg/background-selectbar.gif); width: 535px; height: 22px; margin: 0 0 5px 0px; }
div.togglebox.big span { background: url(../media/bg/settings-toggleboxbig-enabled.gif) no-repeat; background-position: 0px -27px; }
a.enabled { background: url(../media/buttons/toggle-button-on.gif); }
a.disabled { background: url(../media/buttons/toggle-button-off.gif); }
a.busy { background: url(../media/buttons/toggle-button-busy.gif); }
.selectButton { background: url(../media/buttons/empty_small.gif); }
.xsmall { background: url(../media/buttons/empty_xsmall.gif); }
.small { background: url(../media/buttons/empty_small.gif); }
.medium { background: url(../media/buttons/empty_medium.gif); }
.medium-160px { background: url(../media/buttons/emptybutton-160px.jpg); }
.large { background: url(../media/buttons/empty_large.gif); }
div.buttonbox { background: url(../media/bg/buttons-background.png); }
span.msve-icon { background: url(../media/icons/pushpin.png); }
#top-menu li a:hover, #top-menu li a.active{color:#445e77;}
#top-menu li a{color:#868688;}
h1{color:#445E77;}
h2{color:#445E77;}
.dialog p{color:#000000;}
table thead th{color:#ffffff;background-color:#445E77;}
table.statuslist{border-bottom:solid 1px #445E77;}
table.statuslist td{color:#000000;}
#lower-menu li a{color:#868688;}
#lower-menu li a:hover{color:#445E77;}

/* Content module */
.content { color: #868688; }
.content a { color: #868688; text-decoration: none; }
.content a:hover { color: #445e77; }

/* End */

#lower-menu div a { float: right; display: block; line-height: 80px; width: 265px; background: url(../media/logos/bottom-bar.png) no-repeat right top; }

.rightpanel td {
	color: #555;
}

/**
 * slform Guardian, Safety Zone, settings
 */
form.slform.guardian, form.slform.guardian label, form.slform.guardian fieldset, form.slform.guardian legend,
form.slform.settings, form.slform.settings label, form.slform.settings fieldset, form.slform.settings legend 
form.slform.safetyzone, form.slform.safetyzone label, form.slform.safetyzone fieldset, form.slform.safetyzone legend {
	color: #555555;
}
form.slform.guardian li span.description,
form.slform.settings li span.description,
form.slform.safetyzone li span.description {
	color: #777;
}
form.slform.guardian input[type="submit"],
form.slform.guardian input[type="button"],
form.slform.settings input[type="submit"],
form.slform.settings input[type="button"],
form.slform.safetyzone input[type="submit"],
form.slform.safetyzone input[type="button"] {
	background: url('../media/buttons/empty_medium.gif');
	color: #3d5266;
}

/**
 * These lines are an addition to the above rules, specifically for Internet Explorer 7
 */
*:first-child+html form.slform.guardian legend {
	margin: 0 -7px;
}

.overlayed.home img.hover{display:none;}
.overlayed.home:hover img.normal{display:none;}
.overlayed.home:hover img.hover{display:block;}
.overlayed.home:hover p{visibility:visible; left: 0;}
.overlayed.home:hover h2{color:#ACE4FF; left: 0;}
.flowable{color:#868688;}
div.helpbox, div.helpbox p{color:#868688;}
.dialog .article ul li{color:#868688;}
/*a.overlayed div{color:#FFFFFF;width:auto;padding:40px 40px 0;}*/
a.overlayed.home p{position:absolute;width:90px;margin-left:45px;margin-right:45px;margin-top:50px;visibility:hidden;}
a.overlayed.home h2{color:#837E84;position:absolute;margin-left:45px;margin-right:45px;margin-bottom:40px;bottom:0;width:90px;word-wrap:break-word;}
a.overlayed.home{color:#FFFFFF;text-align:center;}