/*******************************************************************************************************************************
Begin Default control styles
********************************************************************************************************************************/
body
{
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	margin: 0 0 25px 0;
	height: 100%;
	background-image: url('Images/body-bg.jpg');
    background-repeat:repeat-x;
    background-color:#7e9ba9;
}

.wrapper {
	width:930px;	
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	border: 1px solid #006993;
	padding: 10px 0 25px 0
} 

.header
{
	margin-top: 15px;
	padding: 10px 35px 10px 35px
}

.content { padding: 10px 30px 10px 30px }

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #6b8996;
}

label 
{
    font-size: 11px;
    padding:2px;
	display:inline-block;	
}   

.HeaderLinks { float:right; text-align:right; }
.HeaderLinks a { margin-left:5px; color: #FFFFFF }


span 
{ 
    color: #666666; 
    font-size: 11px;
    vertical-align:top;
    display:inline-block;
} 

input[type=text], 
input[type=password], 
select, 
textarea,
input[type=file] {
    border: inset 2px #aeaeae;
    border-top:inset 2px #F1F1F1;
    border-left:inset 2px #F1F1F1;
    font-size:9pt;
    vertical-align:top;
    margin:4px 4px 4px 0;
    padding: 1px 3px 1px 3px; 
}

input[type=file] { margin:9px 0 0 4px
}
    
select  
{
    width:175px;
    padding:0  
}


input[type=text], input[type=password], textarea
{
    width: 165px; 
}
    
textarea {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt;
}
    
input[type=text]:hover, input[type=text]:focus, 
input[type=password]:hover, input[type=password]:focus,
textarea:hover, textarea:focus, 
select:hover, select:focus, select:active 
{
    border:inset 2px #5794bf;     
    border-top:inset 2px #5794bf;
    border-left:inset 2px #5794bf;
}
    


/* custom DropDownList size styles */
select.small {
    width:85px;}
select.medium {
    width:110px;}
select.large {
    width:250px;}
select.full {
    width:98%}

/* custom TextBox, TextArea size styles */
input[type=text].small, 
textarea.small {
    width:75px;}
input[type=text].medium, 
textarea.medium {
    width:135px;}
input[type=text].large, 
textarea.large {
    width:250px;}
input[type=text].full, 
textarea.full 
{
    width:98%;}
    
.col
{
    float:left; 
    width:50%;
}

.EndCol 
{
    overflow:hidden;
    width:50%;
}    

.tricol
{
    float:left; 
    width:33%;
}

.EndTriCol 
{
    overflow:hidden;
    width:34%;
}

a:link{color: #3d555f; text-decoration: underline;}
a:hover{color: #548ca3; text-decoration: underline;}
a:visited{color: #548ca3; text-decoration: underline;}
a:active{color: #3d555f; text-decoration: underline;}
/*******************************************************************************************************************************
End Default control styles
********************************************************************************************************************************/

/********************************************************************
DETAIL SECTION (Panel with label, textboxes and other input controls)
********************************************************************/
.Details, .Details .DetailHeader
{
   width:100%;
   overflow:hidden;
   margin:0; padding:20px 0 20px 0
}

.Details span 
{
    padding:9px 0 0 0;
    width:100px;
    text-align: right;
}

.Details span.LeftAbove
{
    width:auto;
    text-align: left;
}

.Details label
{
	padding: 5px 0 0 0;
	width: 30%;
	text-align: right;
}


/********************************************************************
END DETAIL SECTION
********************************************************************/

/*******************************************************************************************************************************
Begin Table Style 
********************************************************************************************************************************/
.TableTitle 
{
    font-weight:bold;
    color:Black}

.TableStyle
{
	border-collapse: collapse;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 100%;
	margin: 5px 0 15px 0;
	border: 1px solid #9babb5; 
	clear:both
}
    
.TableStyle th, .TableStyle .tblHeader td
{
	background: url(images/table-header-bg.jpg) repeat-x;
	border-right: solid 1px #9babb5;
	border-bottom: solid 1px #9babb5;
	color: #FFF;
	font-weight: bold;
	padding: 5px 4px 4px 4px;
	text-align: center;
}

.TableStyle th a, .TableStyle .tblHeader td a
{
	color: #FFF;
}

.TableStyle th.NoPadding { padding:0 }


.TableStyle td {
    border-right:solid 1px #9babb5;
    border-top: 1px solid #dde2e6;
    color:#7b7b7b;
    padding:4px;
    text-align:left;
    background-color: #ffffff
}

.TableStyle span {width:98%}


.TableStyle .Alt td {background-color: #f2f2f2;}


.TableStyle td.ActionField { text-align:center; }
.TableStyle td.ActionField select { width:98%; }


.TableStyle .TextCenter { text-align:center }
.TableStyle .TextLeft { text-align:left }
.TableStyle .TextRight { text-align:right }

.TabelStyle .TextHeader
{
	color: #FFF;
	font-weight: bold;
	text-align:center;
}


.TableStyle .Edit td { text-align:center }
.TableStyle .Edit td input { text-align:center }
.TableStyle .Edit td a { padding:0 4px 0 4px }

.TblEdit td
    {padding: 3px 5px; 
    background: #fff; 
    text-align:center;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 11px; 
    border-right: 1px solid #dde2e6; 
    border-bottom: 1px solid #dde2e6;
    }

.TblEdit td {background-color:#F0F8FF}
    
.tblTtl td 
    {background-color: #fbe0e0; 
    border-color: #dac7ca;
    border-right: 1px solid #9babb5; 
    font-weight:bold
    }
    
.TblSub 
    {width: 100%;
    border: solid 1px #a9bac2;
    }

/*******************************************************************************************************************************
Begin Footer Style
********************************************************************************************************************************/
.TableStyle .Footer td {
    background-color: #fbe0e0; 
    border-color: #dac7ca;
    font-weight:bold;
}


/*******************************************************************************************************************************
Pager Styles
********************************************************************************************************************************/
.TableStyle .Pager td {
    background-color:#f2f2f2; 
    border-top:1px solid #dde2e6;
    text-align:center;
} 
   
.TableStyle .Pager td table tr td { border:none; }

.TableStyle .Pager td table tr td span, .TableStyle .Pager td table tr td a {padding:0; margin:0 5px 0 5px; }   

/**End Pager Styles**/

/*******************************************************************************************************************************
End Table Style 
********************************************************************************************************************************/

/********************************************************************
BEGIN AJAX Calendar Extender
********************************************************************/
.Calendar
{
	background: url(Images/Calendar.png) no-repeat;
	border: none;
	margin: 5px 0 0 0;
	width: 21px;
	height: 18px;
	vertical-align: text-bottom;
	outline: none;
	cursor: pointer;
}

div.ajax__calendar_days table tr td{padding-right: 0px;}
div.ajax__calendar_body{width: 180px;}
div.ajax__calendar_container{width: 180px;}
/********************************************************************
END AJAX Calendar Extender
********************************************************************/

/********************************************************************
BEGIN Number Button
********************************************************************/
.Number
{
	background: url(Images/pound-button.jpg) no-repeat bottom right;
	border: none;
	margin: 4px 0px;
	width: 19px;
	height: 19px;
	vertical-align: text-bottom;
	outline: none;
	cursor: pointer;
}

/********************************************************************
END AJAX Number Button
********************************************************************/

/*******************************************************************************************************************************
BEGIN BUTTON STYLE (For Custom button using sliding door technique)
********************************************************************************************************************************/
a.button
{
	background-image: url('Images/button-a.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 28px;
	outline: none;
	padding-left: 10px; /* sliding doors padding */
	text-decoration: none; 
	margin:20px 7px 7px 0px
	
}

a.button span
{
	background-image: url('Images/button-span.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	height: 17px;
	font-size: 13px;
	font-weight: bolder;
	font-family: arial, sans-serif;
	padding: 5px 11px 6px 0px;
	margin-top: 0;
} 


a.button:hover  { background-position:0 -28px }

a.button:hover span { background-position:100% -28px; }

a.button:active, a.LinkActive { background-position:0 -56px; }

a.button:active span, a.LinkActive span {
    background-position:100% -56px;
    padding:6px 10px 5px 1px;
}

/*******************************************************************************************************************************
END BUTTON STYLE
********************************************************************************************************************************/

.HeaderLabel
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #6b8996;
}

.nav {
	background: url(images/menu-bg.jpg) repeat-x;
	height: 49px;
	margin: 0 auto;
	width: 930px;
}
.wideNav {
	background:url(images/menu-blank.png) repeat-x;
	width: 100%;}

.nav ul {
	height: 49px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.widenav-wrap {
	background: url(images/menu-bg-wide.png) no-repeat;
	height: 49px;
	margin: 0 auto;
	width: 957px;
}

.wideNav ul {
	margin: 0 auto;
	width: 953px;
	}

.nav ul li
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #000000;
}

.nav ul li a
{ 
    text-decoration:none;  
}

.nav ul li:last-child { 
	display: block;
	float: right; 
	margin: 0;
	padding: 0;
	margin: 0;
}


a.menuButton{ 
	display: block;
	height: 49px;
	width: 231px;
	cursor:pointer;
}

a.menuButton span
{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-top: 18px;
}


.ButtonList div ul li
{
    padding-bottom:10px;
}

a.menuButton span.disabled { color: Gray }
a.menuButton span.enabled { color: White }


.InlineButton {margin-top:6px}

/*******************************************************************************************************************************
SEARCH SECTION (FOR A FORM)
********************************************************************************************************************************/
div.SearchSection {
    text-align:center; 
	margin:8px auto 10px auto;
	width: 100%;}
	
div.SearchSection table {
	margin:8px auto 10px auto;}
			
.Filters 
{
	margin:8px auto 10px auto;
	width:90%;
	border-collapse:collapse;
}
	
.Filters td {text-align:center; padding:0 5px 0 5px; }
.Filters td span { vertical-align:middle }
.Filters td input, .Filters td select { margin:0 0 15px 0;  }
.Filters td.checkbox {text-align:center;}
.Filters td.checkbox input { margin:0 0 15px 0; }
	
.Filters td select {min-width:100px;}

.Filters td span.small { 
    vertical-align:top; 
    display:inline-block;
    padding:3px 3px 0 0 }

/*******************************************************************************************************************************
END SEARCH SECTION (FOR A FORM)
********************************************************************************************************************************/