﻿HTML {background: transparent url(Images/Background.jpg) repeat-x; background-color:#C4C6B8;}
BODY {margin:0;padding:0;font-family:Verdana;font-size:8pt;color:#333;}
a{color:#CC0000;}

#HeaderFrame{background-color:#393532;color:#fff;min-width:1024px; margin-left:auto; margin-right:auto;}
#nav{width:1024px; margin-left:auto; margin-right:auto; height:auto;}
#nav ul{margin:10px 0px 10px 0px;padding:0;list-style-type:none;list-style-position:inside; display:inline;}
#nav li{display:inline; padding:0px 10px 0px 0px;}


#TopHeading	{background: transparent url(Images/Banner.jpg) repeat-x;padding:20px 0px 20px 0px; min-width:1024px; margin-left:auto; margin-right:auto;}
#TopHeading img.Header1{}
#TopHeading img.Header2{float:right;}

#TopContent	{background-color:#fff; margin-left:60px;margin-right:60px;border-left:solid 1px #393532;border-right:solid 1px #393532;width:1024px;margin-left:auto; margin-right:auto;}
#TopContent ul {margin:0;padding:0;list-style-position:inside; list-style-image: url(Images/TRSList.png);}
#TopContent li {padding:4px 0px 4px 4px; border-bottom:solid 1px #F5F5F5;}
#TopContent li.Last {border-bottom:none;}
#TopContent	table{border-collapse:collapse;}
#TopContent a{font-family:Verdana; color:#A6A994; text-decoration:none;}
#TopContent a:hover{color:#CC0000;}

#Seperator	{background-color:#393532; padding-top:10; padding-bottom:10; min-width:1024px; margin-left:auto; margin-right:auto;}

#Content	{background-color:#fff; margin:0px 60px 0px 60px; border: solid 1px #393532;border-top:none;border-bottom:none; width:1024px;margin-left:auto; margin-right:auto;}
#Content	.margin{margin-left: 20px;}
#Content	ul{padding:0px; margin:20px;}
#Content	li{color:#CC0000; font-size:10pt; padding:5px 0px 5px 0px;}
#Content    .space{padding: 10px 0px 10px 0;}
#Content	.text{color:#333;}
#Content	table{margin:0px,15px,0px,15px;}
#Content	td.Left{width:60%;}

#FooterMenu	{background-color:#393532; font-family: Verdana; color:#fff; text-align:center; padding-top:15px; 
			margin:0px 60px 0px 60px; padding-bottom:15px; width:1024px;margin-left:auto; margin-right:auto; display:block;
			border: solid 1px #393532;border-top:none;border-bottom:none;}
#FooterMenu ul{display:inline;}
#FooterMenu li{display: inline; padding: 0px 5px 0px 5px; border-right: 1px solid #fff}
#FooterMenu  a {color:#fff; text-decoration:none;}
#FooterMenu  a:hover{color:#CC0000; text-decoration:none;}
#FooterMenu li.Last {border-right:none;}

.GridViewHeader { display:block; clear:both; height:22px; width:100%; background:#333366; padding-top:5px; color:#f1f1f1; font-size:10pt; font-weight:bold; }
.GridViewHeader .cmgridtext { display:block; float:left; width:60%;  font-size:10pt; color:#f1f1f1; font-weight:bold; padding:2px 0 0 5px; }
.GridViewHeader .cmgridsearch { display:block; float:right; width:180px; font-size:8pt;  }
.GridViewHeader .cmgridsearch input { font-size:8pt; border:dotted 0px #2d2d2d; color:#5e5e5e; }

.GridView { font-family:Arial, Trebuchet MS; font-size:8pt; width:100%; }
.GridView .gvCellHide { display:none; }
.GridView .GridViewItem { background-color:#FFFFFF; color:Black; font-family:Arial, Sans-Serif; font-size:8pt; cursor:pointer; border:solid 1px #666666; }
.GridView .GridViewAltItem { background-color:#d1d1d1; color:Black; font-family:Arial, Sans-Serif; font-size:8pt; cursor:pointer; border:solid 1px #666666;  }
.GridView .GridViewHeader	 { background-color:#09147C; color:White; height:25px;  font-family:Arial, Sans-Serif; font-size:11pt; padding-left:5px; white-space:nowrap; }
.GridView .GridViewItem td, .GridView .GridViewAltItem td { padding:3px 5px 3px 5px; margin:0; overflow:hidden; border:solid 1px #a1a1a1; color:#000000; vertical-align:top; }

.GridViewPager td {	border:1px solid #a1a1a1; height:10px; font:bold 7pt Arial, Sans-Serif; padding:3px 3px 3px 3px; background:#333366; }
.GridViewPager table td{ border:0; height:10px; background:none;}
.GridViewPager table td span{ color:#999999; font-size:8pt; }
.GridViewPager table td a, .GridViewPager table td a:link, .GridViewPager table td a:visited { color:#ffffff; font-size:8pt; }
.GridViewPager table td a:hover{ color:#ff8000; font-size:8pt; }

/*Gallery Control CSS Start*/
.gallerynav { float:left; margin-right:auto; border:solid 1px #9d9d9d; padding:3px; margin:3px 5px 10px 5px; width:112px; }
.gallerynav div { float:left; padding:1px 1px 1px 1px; }
.gallerynav a { background-color:#ffffff; }
.gallerynav a:hover { background-color:#ff8000; }
.gallerynav img { padding:2px 2px 2px 2px; }

.galleryshow { float:right; margin-left:auto; border:solid 1px #9d9d9d; padding:3px; margin:3px 5px 10px 3px; height:500px; width:600px; display:block; }
/*Gallery Control CSS End*/

/* STCalendar Control Styles */
.CalendarOuterTable { width:850px; }

.CalendarTable { width: 100%; border-color:#B3B7DD; border-width: 0 0 1px 1px; border-style: solid; }
.CalendarTable td { width:136px; border-color: #B3B7DD; border-width: 1px 1px 0 0; border-style: solid; }

.Header { background-color:#004D91; font-weight: bold; color: #ffffff; text-align:center; padding:3px 0 3px 0 !important; font-size: 14px;}
.DayNumberContainer { height: 16px; color:#666666; font-weight: bolder; background:#D1D4EB; }
.HighlightDayContainer { height: 16px; color:#000000; font-weight: bolder; background:#ffa800; }

.DayNumber {  color:#666666; font-weight: bolder; }
.HighlightDay {  color:#000000; font-weight: bolder; }

.DayContent { min-height:80px; font-size:10px; }

.DayContainer { margin: 0; }

.AddOrEditEventBackground { position:fixed; top:0px; left:0px; right:0px; padding:0; margin:0; background-color:#000000; filter:alpha(opacity=50); opacity:0.5; z-index:1000; height:100%; }
.AddOrEditEventContainer { position:absolute; top: 30%; left:30%; width:255px; padding:10px; z-index:1001; background-color:#ffffff; border:solid 2px #000000; text-align:left; font-size: 8pt; }
.AddOrEditEventTextBox { width: 250px; }
.AddOrEditEventTextArea { width: 250px; height: 100px; font-size: 8pt; font-family: Verdana; }
.AddOrEditEventDropDown { font-size: 10px; }
.AddOrEditEventValidation { font-size: 7pt; }

.EventDetailContainer { position:absolute; top: 30%; left:30%; width:255px; padding:10px; z-index:1001; background-color:#ffffff; border:solid 2px #000000; text-align:left; font-size: 8pt; }

.Label { font-size: 8pt; font-weight:normal; }

.MonthHeader { font-weight: bold; font-size: 16px; }
.MonthNav a { font-weight: bold; }

.UserEvent { padding-left:5px; font-weight:bolder;  }
.EventText { padding:0 0 5px 10px; text-decoration:none; }

.Event a { color:#ffffff;  }
.Event a:hover { color:#000000; }

.AddEvent { text-align:center; float:right; width:30px; font-size:10px; font-weight:normal; margin:1px 1px 0 0; }

.MainCalendarContainer { width: 955px; margin: 0 auto 0 auto; }
/* STCalendar Control Styles End */

.ol_bgclass { width:350px; }
.ol_bgclass table { border:solid 1px #999999; }
.ol_captionfontclass { background:#D1D4EB; color:#000000; height:20px; font-size:10px; font-weight:bold; }
.ol_fgclass { background:#ffffff; min-height:80px; text-align:left; border-top:none !important; }

.ol_textfontclass { padding:5px; }
.ol_textfontclass h1 { font-size:10px; color:#333333; font-weight:bold;  font-style:italic; margin-top:0; margin-bottom:0; }
.ol_textfontclass h2 { font-size:10px; color:#333333; font-weight:bold; font-style:italic; margin-top:0; margin-bottom:0; }
.ol_textfontclass p { font-size:10px; color:#666666; line-height:16px; margin-top:0; margin-bottom:0; }

.duestable { margin-left:10px; width:540px !important; height:auto !important; }
.duestable tr { }
.duestable .alt { background:#e1e1e1; color:#333333; }
.duestable th { border:solid 1px #999999 !important; background:#333366; color:#ffffff; text-align:center; height:20px; }
.duestable td { border:solid 1px #999999 !important; color:#666666; text-align:right; padding-right:4px;  height:20px; padding-left:4px; }

.ValidationSummary {padding:10px;border:solid 1px #ccc;}
.ValidationSummary ul {margin:0;list-style-position:inside;}
.ValidationSummary ul li {color:#FFA500;font-weight:bold;font-family:Verdana;}

#editor { margin-top:-20px; position:absolute; top:0px; left:0px; z-index:100;  font-weight:bold; background-color:#e5e5e5; color:#dfdfdf ;border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; }