﻿/* Layout */
html{ height:100%;}
body {background-color:#ffffff; height:100%; margin:0px; padding:0px; text-align:center;	font-family:Arial,sans-serif; font-size:small;}
#aspnetForm{ height:100%;}
#PageWrapper{ padding:0px;margin: -25px auto 0px; width:978px; min-height:100%; height:auto; background-color:#ffffff;position: relative; text-align: left; border:solid 0px #ffffff;  background-image:url(../images/greybarbg.jpg); border-left:solid 1px black; border-right:solid 1px black;}
* html #PageWrapper{height:100%;}

a,h2,li,p{ color: #666666;}
a:hover{ color:Black;}


#Header{padding-top:25px;background-image:url(/images/header.jpg);height:102px;  background-position:0px 25px;}

#Logo{ float:left; text-align:center; width:286px; }

#TopNav{ width:978px; padding:0px; min-height:41px; color:White; float:left;}
#TopNav a{ color:White;text-decoration:none;}

#TopNav #Name{ float:right; width:700px; padding:10px; text-align:right; color:Black; }
#TopNav #Name a{ color:#333}
#TopNav #Name #Contact{ margin-top:1em; color:#333;}
#TopNav #Links{ position:absolute; top:102px; width:978px; background-color:Blue; height:2em; margin-top:0px;}
#TopNav #Links ul{ margin:0px; padding:0px; background-repeat:repeat-x;  padding-top:0px; margin-left:330px; }
#TopNav #Links ul li{ float:left; list-style:none; }
#TopNav #Links ul li a{ display:block;  color:#cccccc;padding: 5px 10px 5px 10px ; }
#TopNav #Links ul li a:hover{ color:White;}
#TopNav #Links ul li.selected a{ background-color:Black;}
#TopNav #Links ul li a.Logout{ }
#TopNav #Search{ float:right; padding:5px; visibility:hidden;}

#Navigation{ width:296px; overflow: auto; padding-top:10px; margin-bottom:110px; }
#Navigation a{ text-decoration:none; color:Black;}
#Navigation a:hover{ color:Black;text-decoration:none;}
#Navigation #Help{ padding:10px; font-size:0.9em; color:#666666;}
#Navigation #Help p{ line-height:150%; }

#Content{  text-align:center; width:638px; float:left; text-align:left; padding:10px; min-height:300px; }
#Content h1{ font-weight:normal; font-size:1.7em; margin:0px; padding:0px;}
#Content h2{  font-weight:normal; font-size:1.3em; margin:0px; padding:0px; margin:5px 0px 10px 0px;}
#Content a{  text-decoration:none;}

#Content a.folderButton{ background-image:url(../images/folder.gif); padding-left:23px; background-repeat:no-repeat; background-position:0px -2px;}

#Calendar{ width:980px; padding:0px; min-height:600px; margin-bottom:120px;}

.modalBackground {	background-color:Gray;	filter:alpha(opacity=70); opacity:0.7;}

#Content{ float:right;}
#MainBody{ padding:10px; width:940px; margin:0px; position:relative;}

#CalendarNavigation{ background-color:#333333; padding:10px; border: solid 1px black; text-align:center; color:White;}
#CalendarNavigation a{ text-decoration:none; padding:0px; margin:0px; color:white; position:relative;}


.StandardTable{border-width:1px; border-color:#bbbbbb; border-style:solid; border-collapse:collapse; padding:2px; margin:0px; width:100%;}
.StandardTable TD{border: 1px #dddddd solid;padding:3px; border-style:solid;}
.StandardTable TD{ vertical-align:top;}
.StandardTable TR.Titles a{ color:#cccccc; text-decoration:underline;}
.StandardTable TR.Titles a:hover{color:White;}
.StandardTable TD TD{border: 0px #dddddd solid;padding:1px; }
.StandardTable TR.Titles{ color:#FFFFFF; background-color:#cccccc; font-weight:bold;}
.StandardTable TR.Titles th{ text-align:left;}

.ExtraTable{ border-top:solid 2px #999999;}

.boxed, .boxedwide {  border:1px solid #cccccc;font: 10pt Arial;padding:2px; border-bottom:solid 2px #cccccc;}
.boxed{ width: 150px; }
.boxedwide{ width:500px; font-size:1em; }

.padded{padding:10px;}

a.buttons, .buttons{ background-color:#999999; border:0px solid #000000; font: 10pt Arial; color:#ffffff; font-weight:bold; padding:2px; top:15px; text-decoration:none; text-align:center;}
a.buttons:hover, .buttons:hover{ background-color:Black; color:White;}

#Footer { margin:0px auto; font-size: 0.8em; width:978px; background-color:#0000FF; color: #fff; clear: both; height:25px;border-left:solid 1px black; border-right:solid 1px black;}
#Footer p{ padding:5px; margin:0px; color:White;}
#Footer a{ color:#ccc; text-decoration:none;}
#Footer a:hover{ color:White;}