/* Start off elements at 0 */

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, div, table {padding: 0;margin: 0;border:0;}


h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table {
margin-bottom: 5px;}

/* Anchor Link Styles */

a { text-decoration: none; background: transparent; }

a:link { color:	#69c;}
a:visited { color: #c52f2c; }
a:hover { color: #c90; text-decoration: underline; }
a:active { color: #9cf; }

/* Take off borders around image links */
a img { border: 0; }

body {
margin:0;
font: normal 62.5%/1.4em "Lucida Grande", "Lucida" Verdana, Geneva, Helvetica, Arial, sans-serif;
background: #fff;
color: #444;
}

p {margin-bottom: 1em;}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight:  normal;
}

h1 { 
font: bold 1.5em Arial, Helvetica, Verdana, Tahoma, sans-serif;
text-transform: uppercase;
color: #369;
}

#center-content h1 {color:#444;margin-bottom:12px;}

legend {
	color: #4974A9;
    font-weight:bold;
}

fieldset{
	margin-bottom: 20px;
	/*border: solid 1px #333300;
	border-color:#333300;*/
	-moz-border-radius: 10px; /* mozilla only */
}


h2 {font: bold 1.15em Arial, Verdana, sans-serif;color:#fff;}

#center-content h2 {
background: #ccc;
padding:5px 0;
padding-left:5px;
color: #444;
letter-spacing: 1px;
}


#center-col h3 {
font: bold 1.2em "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
color: #222;
padding:5px;
background:#ccc;
}

#center-content #search-box h3 {
font: bold 1.1em Verdana, tahoma, Arial, serif; color: #444;}

ul {
list-style-type: none;
margin-left: 2em;
}

tr {vertical-align: top;}

td {padding: 3px;}

input.button {border:1px solid #c52f2c;background:#47a;color:#fff;padding:0 4px;}

fieldset {}
legend {font-weight: bold;	color:#4772A9;}

/*----------------------------
Setting up main elements
----------------------------*/

#header, #splash, #nav-bar, #main-content, #main-col, #footer {
float:left;
width:100%;
}

#container {width:100%;}

#header {
height: 77px;
background: #092832;
border-bottom:1px solid #fff;
overflow:hidden;
}

/* gets rid of a line break right after the image */
#header img { display: block; }

#nav-bar {
font:normal 12px Arial, Tahoma, Verdana, Geneva, sans-serif;
background: url(Images/navbar-bg.jpg) repeat-x 0 0;
border-bottom:1px solid #fff;
}

html > #nav-bar #nav-menu a {padding: 0px;}
/* Nav style to use with ASP.NET control */
#nav-bar td{margin:0px 0px 0px -10px;padding:1px 10px 1px 10px; height:22px; vertical-align:middle;}
.menu{width:0px;}
/*.menustaticlink{border-right:1px dotted #3B669D;}*/
.menustaticlink{}
.menulink { color: #fff;}
.menuvisited { color: #fff; }
.menuhover { color: #eed; background:url(Images/navbar-bg-over.jpg) repeat-x 0 0 #c96;}
.menuactive { color: #000; }
.menucurrent {  background-color:#EA9934; color: #092832; }


/* Navigation bar anchor link styles */
#nav-bar a:link { color: #fff;}
#nav-bar a:visited { color: #fff; }
#nav-bar a:hover { color: #eed; background:url(Images/navbar-bg-over.jpg) repeat-x 0 0 #c96;}
#nav-bar a:active { color: #000; }

#nav-bar a#current { color: #EA9934; }

#nav-menu, #nav-menu ul { /* all lists */
margin-left:0;
list-style: none;
line-height: 1;
}

#nav-menu li { /* all list items */
float:left;
width: 92px;
border-right:1px dotted #3B669D;
}

#nav-menu li ul { /* second-level lists */
z-index: 100;
position: absolute;
background:#DDE6EE;
border: 1px solid #444;
width: 140px;
height: auto;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav-menu li ul a {width: 124px;border: 1px solid #fff;border-bottom:0;text-align:left;}
#nav-menu li ul a:link { color: #444; background: #C4DAF1;}
#nav-menu li ul a:visited { color: #444; background: #C4DAF1;}
#nav-menu li ul a:hover { color: #444; background: #DFE9F4; }


#nav-menu li ul ul { /* third-and-above-level lists */
margin: -1em 0 0 10em;
}

#nav-menu li:hover ul ul, #nav-menu li.sfhover ul ul {
left: -999em;
}

#nav-menu li:hover ul, 
#nav-menu li li:hover ul, 
#nav-menu li.sfhover ul, 
#nav-menu li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav-menu li ul li.menu-bottom {border-bottom:1px solid #fff;}

#splash {overflow:hidden;border-bottom:5px solid #fff;}

#splash img {border:0;margin:0;padding:0;display:block;}


/*----------------------------
CONTENT DIVS
-----------------------------*/

#main-content {
border-top:5px solid #EA9934;
background: url(Images/left-bg.gif) top left repeat-y #fff;
/* Used to create the left-content column background, change the image to change the background */
padding-top:10px;}

#main-col {
/* background: url(Images/rightbg.jpg) top right repeat-y;
Used to create the right-content column background, change the image to change the background */
padding:0;}



#left-content {float: left;width: 215px;text-align:left;}
/*#right-content {float: right;width: 20%;text-align:left;}*/

#left-content div.col, #right-content div.col div {
border:1px solid #ddd;
background:#eee;
padding:3px;
margin-bottom:1em;
}
/*
#left-content div{
border:1px solid #ddd;
background:#eee;
padding:3px;
margin-bottom:1em;
}*/


/* This highlights the div that is moused over but isn't supported in IE, out for now
#left-content div.col div:hover {background:#f5f5f5;border:1px solid #bbb;}
*/


/*#center-content {margin: 0 20.5%;margin-bottom:2em;padding:0;}
#center-content {margin: 0 218px;margin-bottom:2em;padding:0;}*/
/* Makes center-content stretch over right-content area */

#center-content {
margin: 0px 5px 0px 233px;
}

html > body #center-content
{
	margin: 0px 5px 0px 218px;
}

#center-content-noside {
margin: 0px 5px 0px 10px;
}

#center-col {
padding:0;
}


#center-col div.box {
background: url(Images/centerdiv-bg.jpg) repeat-x 0 0 #E6E6E6;
border:1px solid #ddd;
margin-bottom:10px;
padding:3px;
}

#center-col div.box table {width:99.5%;}

#footer {
color: #369;
font-size: 1em;
border-top:1px solid #ccc;
padding:1em 0;
background:#eee;
}

/*----------------------------
CLASSES
-----------------------------*/

/* Use to provide spacing inside each content div (left, right, center) */
div.col { margin: 0 5px; }
div.col table {width:185px; margin-left:0px}
html>body div.col table {width:182px; margin-left:-3px}

.box-emphasis {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fafafa;
margin:1em 0;padding:1em .5em;}

.center {margin: 0 auto;text-align:center;}




ul.menu {
font-size: 1em;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.menu li { padding: 0;border-top:1px solid #ccc;}

ul.menu li a {
display: block;
width:160px;
text-decoration: none;
padding: 3px 2px;
background: transparent url(Images/arrow_off.gif) left center no-repeat;padding-left: 18px;
text-align:left;
}

#center-content ul li {margin-bottom: 1em;}

/* Passing to Mozilla, Opera, etc */
html > body ul.menu li a {width: auto;}

ul.menu li a:link { color: #c33; }
ul.menu li a:visited { color: #933; }
ul.menu li a:hover { color: #444; text-decoration: none;
background: url(Images/arrow_on.gif) left center no-repeat;}
ul.menu li a:active { color: #000; }

#my-favorites div.col {margin:0 5px;}

#my-favorites ul {
font-size: 1em;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4em;
}

/* Misc classes */
.clear { clear:	both; } /* required to fix floating issues in various browsers */
.hide { display: none; }

.float-left { float:  left; }
.float-right {float: right; }

.cpTitle { background-color: #cfcfcf; padding: 2px 2px 2px 2px; }
.cpTitleCollapsed { background-color: #acacac; padding: 2px 2px 2px 2px; }
.cpContent { padding: 2px 2px 2px 2px; border: solid 1px #cfcfcf; }

.errortext{color:Red; font-weight:bold}

.timepicker_TimeStyle{width:auto; height:15px; text-align:left; background-color:#DDEEFF;}
.timepicker_SelectedDate{color:#092832}