/*---  Reset ---*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
/*--- End Reset ---*/
body, html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #5a5a5a;
	/*preload images for fatser render*/
	background-image: url(Images/Logo.png);
	background-image: url(NewWeb/SpryAssets/vertical_submenu.png);
	background-image: url(NewWeb/SpryAssets/vertical_submenu.png);
	background-image: url(NewWeb/SpryAssets/SpryMenuBarDownHover.png);
	background-image: url(NewWeb/SpryAssets/SpryMenuBarDown.png);
	background-image: url(Images/tl.png);
	background-image: url(Images/t.png);
	background-image: url(Images/tr.png);
	background-image: url(Images/l.png);
	background-image: url(Images/r.png);
	background-image: url(Images/bl.png); 
	background-image: url(Images/b.png); 
	background-image: url(Images/br.png); 
	background-image: url(Images/RedCross.png); 
	background-image: url(Images/RightArrow.png); 
	background-image: url(Images/DownArrow.png); 
	background-image: url(Images/Edit.png); 
	background-image: url(Images/New.png); 
	background-image: url(Images/Delete.png);
	background-image: url(Images/Details.png);  
	background-image: url(Images/Save.png); 
	background-image: url(Images/Folder.png); 
	background-image: url(Images/OpenFolder.png); 
	background-image: url(Images/RightArrow_Highlight.png); 
	background-image: url(Images/DownArrow_Highlight.png); 
	background-image: url(Images/Edit_Highlight.png); 
	background-image: url(Images/New_Highlight.png); 
	background-image: url(Images/Delete_Highlight.png); 
	background-image: url(Images/Details_Highlight.png); 
	background-image: url(Images/Save_Highlight.png); 
	background-image: url(Images/Folder_Highlight.png); 
	background-image: url(Images/OpenFolder_Highlight.png); 
	/*set actual background image*/
	background-image: url(Images/BodyBackground.png);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #5a5a5a;
	cursor: auto;
}
#main
{
	background: #f0f0f0;
	margin: 0 auto;
	width: 900px;
	padding: 0 auto;
}
#header
{
	font-weight:normal;
    background: #f0f0f0;
    color: #afafaf;
	clear: both;
	padding: 10px 5px 0 5px;
	text-transform: uppercase;
}
#header A
{
	text-decoration: underline;
	background-color: Transparent;
	color: #5a5a5a;
	font-weight: bold;
}
#header A:hover
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: bold;
}
#header A:active
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: bold;
}
#menu
{
	font-size: 10px;
	width: 100%;
}
#content
{
	padding: 5px;
	background-position: center top;
	background-image: url();
	background-repeat: repeat-y;
}
#contentSide
{
	float: left;
	width: 225px;
	padding: 0;
}
#contentMain
{
	
	text-align: left;
	padding: 15px;
	font-size: 13px;
	
}
#footer {
    clear: left;
    text-align: center;
    background-color: #afafaf;
    padding: 5px;
}
#PageUnderConstruction
{
	width: 100%;
	height: 600px;
	background-image: url(Images/PageUnderConstruction.png);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
#PageTitle
{
	
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 15px 0;
	color: #f0f0f0;
	font-weight: bold;
	font-size: 20px;
	height: 43px;
	background-position: 0% 0%;
	background-image: url(Images/PageTitle.png);
	background-repeat: repeat-x;
	/*background-color: #550000;*/
	text-transform: uppercase;
}
table
{
	border-collapse: collapse;
}
a
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: normal;
}
a.LinkButton:link
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: normal;
	text-transform: none;
	font-size: 9px;
}
a.LinkButton:visited
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: normal;
	text-transform: none;
	font-size: 9px;
}
a.LinkButton:hover
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: normal;
	text-transform: none;
	font-size: 9px;
}
a.LinkButton:active
{
	text-decoration: none;
	background-color: Transparent;
	color: #af1919;
	text-decoration: underline;
	font-weight: normal;
	text-transform: none;
	font-size: 9px;
}
textarea 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.DropDownList_Enabled
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: #AFAFAF 1px solid;
	color: #5a5a5a;
	background-color: #ffffff;
	min-height: 18px;
}
.DropDownList_Disabled
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: #AFAFAF 1px solid;
	color: #5a5a5a;
	background-color: #E6E6E6;
	min-height: 18px;
}
.TextBox_Enabled
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #5a5a5a;
	border: 1px solid #AFAFAF;
	padding: 3px 4px 0 3px;
	min-height: 16px;
}
.TextBox_Disabled
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E6E6E6;
	border: 1px solid #AFAFAF;
	color: #5a5a5a;
	padding: 3px 4px 0 3px;
	min-height: 16px;
}
.TextBox_Enabled_Centered
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	color: #5a5a5a;
	border: 1px solid #AFAFAF;
	text-align: center;
	padding: 3px 4px 0 4px;
	min-height: 16px;
}
.TextBox_Disabled_Centered
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E6E6E6;
	border: 1px solid #AFAFAF;
	color: #5a5a5a;
	text-align: center;
	padding: 3px 4px 0 4px;
	min-height: 16px;
}
.TableRow_Validator
{
	background-color: #FFAFAF;
	color: Red;
	font-weight: bold;
}
.ValidationSummary
{
	font-weight:bold;
	background-color: #FFAFAF;
	color: Red;
}
.ValidationSummary ul
{
	list-style-type:square;
	padding-left: 25px;
	font-weight: normal;
}
.Display_None
{
	display: none;
}
.Display_Hidden
{
	visibility: hidden;
}
.FieldTitle
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 75%;
	text-align: right;
	vertical-align: top;
}
.HoverMenuExtender
{
	background-color: #f0f0f0;
	border: solid 1px #5a5a5a;
	padding: 3px;
	color: #af1919;
}

/*GridView
<HeaderStyle CssClass="GridViewHeader" />
<RowStyle CssClass="GridViewRow" />
<AlternatingRowStyle CssClass="GridViewAlternateRow" />
<SelectedRowStyle CssClass="GridViewSelectedRow" />
<EmptyDataRowStyle CssClass="GridViewEmptyDataRow" />
<FooterStyle CssClass="GridViewFooter" />
<PagerStyle CssClass="GridViewPagerStyle" /> */                                                           

.GridView
{
	font-size: 9px;
	border: solid 1px #C8C8C8;
	border-collapse: collapse;
}

.GridView td
{
	font-size: 9px;
	padding: 3px;
	border: solid 1px #5a5a5a;
	border-collapse: collapse;
}

.GridView caption
{
	background-color: #5A5A5A;
	font-size: 14px;
	text-transform: uppercase;
	color: #f0f0f0;
	text-align: left;
	font-weight: bold;
	border: solid 1px #5a5a5a;
	border-collapse: collapse;
	padding: 3px;
}

.GridViewHeader
{
	background-color: #C8C8C8;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	font-size: 11px;
	color: #5a5a5a;
	text-transform: uppercase;
}

.GridView th
{
	padding: 3px;
	border: 1px solid #5a5a5a;
}

.GridViewHeader a
{
    text-decoration: none;
    color: #5a5a5a;
    font-weight: bold;
}

.GridViewRow
{
}

.GridViewRow td
{
	border: 1px solid #C8C8C8;
	padding: 3px;
}

.GridViewAlternateRow
{
}

.GridViewAlternateRow td
{
	background-color: #E6E6E6;
	border: 1px solid #C8C8C8;
	padding: 3px;
}

.GridViewSelectedRow
{
}

.GridViewSelectedRow td
{
	background-color: #FFC800;
	color: #000000;
	border: 1px solid #C8C8C8;
	padding: 3px;
}

.GridViewSelectedRow a
{
    color: #000000;
}

.GridViewEmptyDataRow
{
	border: 1px solid #5a5a5a;
}

.GridViewEmptyDataRow td
{
	background-color: #C8C8C8;
	font-weight: bold;
	color: #5a5a5a;
	border: 1px solid #5a5a5a;
	font-size: 10px;
}

.GridViewFooter
{
}

.GridViewFooter td
{
	background-color: #C8C8C8;
	padding: 3px;
	border: solid 1px #C8C8C8;
}

/* Accordion */
.accordionHeader
{
	background-color: #C8C8C8;
	font-size: 11px;
	text-transform: uppercase;
	color: #5a5a5a;
	text-align: left;
	font-weight: bold;
	border: solid 1px #5a5a5a;
	border-collapse: collapse;
	padding: 3px;
	margin-top: 5px;
	cursor: pointer;
	
	/*border: 1px solid #5a5a5a;
	color: #5a5a5a;
	background-color: #C8C8C8;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	margin-top: 5px;
	cursor: pointer;*/
}

.accordionHeaderSelected
{
	background-color: #5A5A5A;
	font-size: 14px;
	text-transform: uppercase;
	color: #f0f0f0;
	text-align: left;
	font-weight: bold;
	border: solid 1px #5a5a5a;
	border-collapse: collapse;
	padding: 3px;
	margin-top: 5px;
	cursor: pointer;
	
	/*border: 1px solid #5a5a5a;
	color: #f0f0f0;
	background-color: #878787;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	margin-top: 5px;
	cursor: pointer;*/
}

.accordionContent
{
    border: 1px dashed #5a5a5a;
    border-top: none;
    padding: 5px;
}

/*GridView hidden row div style*/
.GridViewRow_Div 
{
	margin-left: 15px;
	margin-top: -5px; /*offset for accordian header margin*/
	margin-right: 15px;
}

.WindowModal
{
}
.WindowModalTopContainer
{
}
.WindowModalTopLeft
{
	background-image: url(Images/tl.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: left;
}
.WindowModalTopRight
{
	background-image: url(Images/tr.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 20px;
	float: right;
}
.WindowModalTop
{
	height: 20px;
	margin-left: 20px;
	margin-right: 26px;
	background-image: url(Images/t.png);
	background-repeat: repeat-x;
}
.WindowModalCenterContainer
{

}
.WindowModalLeft
{
	width: 20px; 
	background-image: url(Images/l.png); 
	background-repeat: repeat-y;
	float: left;
}
.WindowModalRight
{
	width: 26px;
	background-image: url(Images/r.png);
	background-repeat: repeat-y;
	float: right;
}
.WindowModalContentContainer
{

}
.WindowModalContentCenter
{
	margin-left: 20px;
	margin-right: 26px;
	background-color: #F0F0F0;
}
.WindowModalContentHeader
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #646464;
	background-color: #E1E1E1;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	height: 16px;
	text-align: center;
	color: #5a5a5a;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.WindowModalContentHeaderTitle
{
	float: left;
	width: 450px;
	text-align: left;
	display: inline;
	padding-left: 4px;
	font-size: 13px;
}
.WindowModalContentHeaderClose
{
	float: right;
	text-align: right;
	display: inline;
	width: 50px;
	padding-right: 4px;
}
.WindowModalContentBodyContainer
{
	text-align: left;
	overflow: scroll;
}
.WindowModalContentBody
{
}
.WindowModalBottomContainer
{
}
.WindowModalBottomLeft
{
	width: 20px; 
	height: 26px;
	background-image: url(Images/bl.png);
	background-repeat: no-repeat;
	float: left;
}
.WindowModalBottomRight
{
	width: 26px; 
	height: 26px;
	background-image: url(Images/br.png); 
	background-repeat: no-repeat; 
	float: right;
}
.WindowModalBottom
{
	height: 26px;
	margin-left: 20px;
	margin-right: 26px;
	background-image: url(Images/b.png); 
	background-repeat: repeat-x; 
}
.WindowModalBackground
{
	background-color: #646464;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.UpdateProgressBackground
{
	position: fixed;
	z-index: 999000;
	top: 0px;
	left: 0px;
	background-color: #646464;
	filter:alpha(opacity=70);
	opacity:0.7;
	width: 100%;
	height: 100%;    
}
* html .UpdateProgressBackground
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.UpdateProgressMessage
{
	z-index: 999001;
	position: fixed;
	width: 264px;
	height: 78px;
	vertical-align: middle;
	margin-top: -65px;
	margin-left: -160px;
	top: 50%;
	left: 50%;
	color: #5a5a5a;
}
* html .UpdateProgressMessage
{
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}
#dhtmltooltip{ position: absolute; width: 150px; border:0; border: 1px solid #cccccc; padding: 1px; background-color: #ffffff; visibility: hidden; z-index: 100;}