/* Global Styles */

input 
{
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
}

select 
{
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
}

td 
{
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color:#003366;
}
	
a 
{
	font: 14px Arial, Helvetica, verdana, ms sans serif;
	color: #3366CC;
	line-height:12px;
	text-decoration: underline;
	font-weight: bold
}
	
a:hover 
{
	color: #FF6600;
}

#navigation a 
{
	font: 11px Arial, Helvetica, verdana, ms sans serif;
	color: #4a4d4f;
	line-height:12px;
	text-decoration: underline;
	display:block;
	padding: 4px 3px 4px 30px;
	background: url("../Images/Arrow1.png") 16px 50% no-repeat;
}
	
#navigation a:hover 
{
	background: url("../Images/Arrow2.png") 16px 50% no-repeat;
	color: #3366CC;
}
	
#container 
{
	min-height: 100%;
	background: #FFFFFF;
}
	
	
/* Class Styles */
.bannerframe
{
    background-image: url("../images/topgrad.gif");
    background-color: #002d96;
    background-repeat: repeat-x;
}

.main-banner a:link {
    font-family: Verdana, serif; 
    font-size: 8pt; 
    color: white;
    font-weight: bold; 
    text-decoration: none; 
}

.main-banner a:visited 
{
    font-family: Verdana, serif; 
    font-size: 8pt; 
    color: white;
    font-weight: bold; 
    text-decoration: none; 
}
   
.main-banner
{
    color: white;
    font-size: 8pt; 
    font-family: verdana; 
}

.main-navigate
{
	background-color: #d4e2ef;
}

.panelClass 
{
	background-color: #ffffff;
	font-family: Verdana, serif;
	color: #003366;
	border-color: #E2DED6;
	border-bottom-style: none;
}

.bodyText 
{
	font:11px Arial, Helvetica, verdana, ms sans serif;
	color:#003366;
	font-size:4pt;
	margin-top:0px;
}
	
.pageName
{
	font: 18px Arial, Helvetica, verdana, ms sans serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
}
	
.subHeader 
{
	font:bold 10px Arial, Helvetica, verdana, ms sans serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
}

.SuperScripts 
{
	font: 8px Arial, Helvetica, verdana, ms sans serif;
	text-decoration: none;
}
	
.smallText 
{
	font: 10px Arial, Helvetica, verdana, ms sans serif;
	color: #003366;
}
	
.navText 
{
	font: 11px Arial, Helvetica, verdana, ms sans serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}
	
.WhiteText 
{
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: White;
	margin-top:0px;
}
	
	

/*    Rounded Style   */
div.rounded 
{
    clear:both;
    max-width:2400px;
}

div.rounded div.top-outer 
{
    background:url(../Images/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.rounded div.top-outer div.top-inner 
{
    background:url(../Images/tr.gif) no-repeat right bottom;
    margin-left:9px;
}

div.rounded div.top-outer div.top-inner div.top 
{
    background:url(../Images/tm.gif) repeat;
    height:23px;
    margin-right:9px;
    font-size:.01em;
}

div.rounded div.mid-outer 
{
    background:url(../Images/l.gif) left repeat-y;
    clear:both;
    width:100%;
}

div.rounded div.mid-outer div.mid-inner 
{
    background:url(../Images/r.gif) right repeat-y;
    margin-left:9px;    
}

div.rounded div.mid-outer div.mid-inner div.mid 
{
	background-color:#ffffff;
    margin-right:9px;
}

div.rounded div.bottom-outer 
{
    background:url(../Images/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom-outer div.bottom-inner 
{
    background:url(../Images/br.gif) no-repeat right top;
    margin-left:8px;
}

div.rounded div.bottom-outer div.bottom-inner div.bottom 
{
    background:url(../Images/bm.gif) repeat;
    height:9px;
    margin-right:8px;
    font-size:.01em;
}


/*  GridView Style  */

.grid 
{ 
	/* width:700px; */
	font-family:Arial, Helvetica, verdana, ms sans serif;
}

.grid H2 
{ 
	margin:0; padding:0; 
	color:#ffffff;
	height:20px;
	line-height:20px;
	font-size:14px;
}

.grid .mid
{
	padding:3px 0px 0px 0px;
}

.grid .datatable
{
	width:100%;
	color:#666;
}  
      
.grid .datatable TH
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:#0066cc;
    border-bottom:solid 2px #bbd9ee;
}

.grid .datatable TD
{
    padding: 2px 5px;
}

.grid .datatable TH A
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}

.grid .datatable TH.sortasc A { background:url(../Images/asc.gif) right center no-repeat; }
.grid .datatable TH.sortdesc A { background:url(../Images/desc.gif) right center no-repeat; }
.grid .datatable .row TD
{
    font-size:11px;
    text-align:left;
    padding:6px 4px;
    border-bottom:solid 1px #bbd9ee;
}  
    
.grid .datatable .row:hover
{
	background-color:#e4dec6;
	color:#000;
}

.grid .datatable .row TD.first { padding-left:10px; }
.grid .datatable TH.first { padding-left:10px; }
.grid .datatable .row:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(../Images/bullet.gif);
}  

/* Data Pager Styles */
.grid TR.pager-row TD
{
    border-top:solid 2px #bbd9ee;
}

.grid .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:6px;	
    font-size:18px;
} 

.grid .pager SPAN.command,        
.grid .pager SPAN.current,        
.grid .pager A.command,
.grid TR.pager-row TD A
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}

.grid .pager A.command:hover,
.grid TR.pager-row TD A:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}  
      
.grid .pager SPAN.current,
.grid TR.pager-row TD SPAN
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
}

.grid TR.pager-row TD
{
	border-top:none;
	text-align:center;
}

.grid TR.pager-row TABLE
{
	height:35px;
	margin:0 auto 0 auto;
}


/*  3D Table  */

DIV.uedge 
{
	BACKGROUND-IMAGE: none; 
	WIDTH: 100%; 
	BACKGROUND-COLOR: #f9cc72
}

DIV.redge 
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../Images/redge.gif);  
	BACKGROUND-REPEAT: repeat-y;
}

DIV.bedge 
{
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url(../Images/bedge.gif); 
	BACKGROUND-REPEAT: repeat-x;
}

DIV.ledge 
{
	BACKGROUND-IMAGE: none;
}

DIV.ulcorner 
{
	BACKGROUND-POSITION: left top; 
	BACKGROUND-IMAGE: url(../Images/tlcorner.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.urcorner 
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../Images/trcorner.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.blcorner 
{
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url(../Images/blcorner.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.brcorner 
{
	PADDING-RIGHT: 30px; 
	BACKGROUND-POSITION: right bottom; 
	PADDING-LEFT: 15px; 
	BACKGROUND-IMAGE: url(../Images/brcorner.gif); 
	PADDING-BOTTOM: 30px; 
	PADDING-TOP: 15px; 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.innercontent 
{
	WIDTH: 100%;
}


/*  3D Table for Menu */

DIV.uedge_menu
{
	BACKGROUND-IMAGE: none; 
	WIDTH: 100%; 
	BACKGROUND-COLOR: #dee4eb;
}

DIV.redge_menu 
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../Images/redge_menu.gif);  
	BACKGROUND-REPEAT: repeat-y;
}

DIV.bedge_menu 
{
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url(../Images/bedge_menu.gif); 
	BACKGROUND-REPEAT: repeat-x;
}

DIV.ledge_menu 
{
	BACKGROUND-IMAGE: none;
}

DIV.ulcorner_menu 
{
	BACKGROUND-POSITION: left top; 
	BACKGROUND-IMAGE: url(../Images/tlcorner_menu.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.urcorner_menu 
{
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../Images/trcorner_menu.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.blcorner_menu 
{
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url(../Images/blcorner_menu.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.brcorner_menu 
{
	PADDING-RIGHT: 30px; 
	BACKGROUND-POSITION: right bottom; 
	PADDING-LEFT: 15px; 
	BACKGROUND-IMAGE: url(../Images/brcorner_menu.gif); 
	PADDING-BOTTOM: 30px; 
	PADDING-TOP: 15px; 
	BACKGROUND-REPEAT: no-repeat;
}

DIV.innercontent_menu 
{
	WIDTH: 100%;
}


/* Set Header and Footer */


/* ---  ---*/

TD.main-titleareaframe {
   color: black;
}

Div.main-titleareaframe 
{
   border-top: 3px solid #ffd275; 
}

.main-titlearea 
{ 
    font-family: verdana; 
    font-size: 9pt; 
}

.main-pagetitle 
{
    color: black; 
    font-family: arial; 
    font-size: 14pt; 
    font-weight: normal; 
}

.main-pagetitle a 
{
    text-decoration:none; 
    color: black;  
}

.main-pagetitle a:hover 
{
    text-decoration: underline; 
}


/*  Web parts styles */
.webpart-PartTitleStyle
{
	background-image: url("../images/partgrad.gif");
	background-color: #b9d1f4;
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: #003366;
	background-repeat: repeat-x;
}

.webpart-MenuPopupStyle
{
	background-image: url("../images/partgrad.gif");
	background-color: #b9d1f4;
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: #003366;
	background-repeat: repeat;
}

.webpart-MenuLabelStyle
{
	color: #003366;
}

.webpart-MenuLabelHoverStyle
{
	background-color: #003366;
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: #faf702;
}

.webpart-PartChromeStyle
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: #003366;
	border-color: #E2DED6;
	border-bottom-style: none;
}

.webpart-MenuVerbHoverStyle
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: #003366;
	border-color: #003366;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.webpart-MenuVerbStyle
{
	background-color: #d4e2ef;
	font-family: Arial, Helvetica, verdana, ms sans serif;
	font-size: 11px;
	color: #003366;
	border-color: #5D7B9D;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.TopMessage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Maroon;
}

.LargeText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}