﻿
html { height: 100%; margin-bottom: 1px; }

body    {
    font-family:Arial;
    font-size:13px;
    color:#333333;
    margin:0;
    text-align:center;
	padding:0px;
	height:100%;
	vertical-align: top;
	background-image: url('../../img/body_bkgrnd_1.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

h1 { font-family: Arial; font-size:18px; font-weight:normal; color:#a74812; padding:0px 0px 5px 0px; margin-bottom:0px; margin-top:0px; word-spacing:0.5px; }
.mainpage { font-family: Arial; font-size:14px; font-weight:normal; margin-bottom:0px; margin-top:0px; color:#a74812; }
h2 { font-family: Arial; font-size:13px; font-weight:normal; color:#344d7b; line-height:17px; padding:0px 0px 0px 0px; margin-bottom:5px; margin-top:0px; letter-spacing:-0.5px; word-spacing:0.5px; }
h3 { font-family: Arial; font-size:14px; font-weight:bold; color:#a74812; line-height:17px; padding:0px 0px 0px 0px; margin-bottom:5px; margin-top:0px; letter-spacing:-0.5px; word-spacing:0.5px; }

table {
    border-collapse:collapse;
    border:0px;
    padding:0px; 
}

td  
{
    font-family:Arial;
    font-size:13px;
    color:#333333;
    margin:0px;
    padding:0px;
    line-height:19px;
    letter-spacing:0px;
}

img { border:0px; padding:0px; }

	a { text-decoration:none; }
	a:link { color:#0052ac; background-color: transparent; }
	a:visited { color:#0052ac; background-color: transparent; }
	a:active { color:#0052ac; background-color: transparent; }
	a:hover { color:#4f7bd2; background-color: transparent; text-decoration:none; }


	a.menu { text-decoration:none; }
	a.menu:link { color:#333333; background-color: transparent; }
	a.menu:visited { color:#333333; background-color: transparent; }
	a.menu:active { color:#333333; background-color: transparent; }
	a.menu:hover { color:#000000; background-color: transparent; text-decoration:none; }
	
	a.blue { text-decoration:none; }
	a.blue:link { color:#0052ac; background-color: transparent; }
	a.blue:visited { color:#0052ac; background-color: transparent; }
	a.blue:active { color:#0052ac; background-color: transparent; }
	a.blue:hover { color:#4f7bd2; background-color: transparent; text-decoration:none; }
	
	a.blue.small { text-decoration:none; font-size:13px; }
	a.blue.small:link { color:#0052ac; background-color: transparent; }
	a.blue.small:visited { color:#0052ac; background-color: transparent; }
	a.blue.small:active { color:#0052ac; background-color: transparent; }
	a.blue.small:hover { color:#4f7bd2; background-color: transparent; text-decoration:none; }

/*.submenu
{
	float: left;
	font-size: 12px;
	line-height: 14px;
	border-top:1px solid #ede9dc;
	border-left:1px solid #bfb49d;
	border-right:1px solid #84a7d2;
	border-bottom: 1px solid #ede9dc;
	/*padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;

	background-position:top right;
	background-color:#FFFFFF;
}*/

	a.submenu1 { width:100%; padding:0px 10px 0px 10px; display:block; text-decoration:none; }
	a.submenu1:link { color:#003366; background-color: transparent; }
	a.submenu1:visited { color:#003366; }
	a.submenu1:active { color:#003366; background-color:#003366; }
	a.submenu1:hover { color:#FFFFFF; background-color:#003366;}
	

	/*a.submenu2 { width:100%; padding:0px 10px 0px 10px; display:block; text-decoration:none; }
	a.submenu2:link { color:#FFFFFF; background-color: #003366; }
	a.submenu2:visited { color:#FFFFFF;background-color: #003366; }
	a.submenu2:active { color:#003366; background-color:#FFFFFF; }
	a.submenu2:hover { color:#003366; background-color:#FFFFFF;}*/

.hpad  
{
	padding: 2px 0px 2px 0px;
	width:100%;
	color:#FFFFFF;
	text-align:left; }
	
	a.hpad { width:100%; display:block; text-decoration:none; text-align:left; padding-left:8px; }
	a.hpad:link { width:100%; color:#003366; background-color: transparent; }
	a.hpad:visited { color:#003366; }
	a.hpad:active { color:#003366; background-color:transparent; }
	a.hpad:hover { color:#FFFFFF; background-color:#13466c;}

.hpadsub  
{
	
	text-align:left;
	width:100%; }
	
	a.hpadsub { width:100%; display:block; text-decoration:none; padding: 2px 8px 2px 8px; }
	a.hpadsub:link { width:100%; color:#003366; background-color: transparent; }
	a.hpadsub:visited { color:#003366; }
	a.hpadsub:active { color:#003366; background-color:transparent; }
	a.hpadsub:hover { color:#FFFFFF; background-color:#13466c;}


.MasterContainer
{
    width:800px;
    border-top:1px solid #8098b7;
	border-left:1px solid #7e7261;
	border-right:1px solid #516c91;
	border-bottom:1px solid #516c91;
    padding:0px;
    vertical-align:top;
    background-image: url('../../img/main_bkgrnd_1.jpg');
	background-position:top left;
	background-repeat: no-repeat; 
	background-color:White;
}

.MasterHeaderContainer
{
    height:120px;
    width:770px;
    padding:0px 0px 5px 0px;
    vertical-align:bottom;
    text-align:left;
}

.MasterContentContainer
{
  height:100%; 
  width:770px;
  vertical-align:top;
   border-top:1px solid #516c91;
   border-left:1px solid #516c91;
   border-right:1px solid #516c91;
   border-bottom:1px solid #807c6b;
   background-color:#FFFFFF;
  background-image: url('../../img/sub_bkgrnd_1.jpg');
  background-position:top right;
  background-repeat:no-repeat;
  background-color:White;   
}

.MasterFooterContainer

{
    height:90px;
    width:800px;
    text-align:center;
    padding:10px;
    
}

.ColumnLeft
{
   vertical-align:top;
   width:150px;
   height:100%; 
   padding-top:10px;
   border:none;
   /*border-right:1px solid #bfb49d;*/
   background-position: left top;
   /*border-right: solid 1px #ddd8c9;*/
   background-color:#FFFFFF;
   float:left;
   vertical-align: top;
   background-image: url('../../img/left_col.jpg');
   background-repeat: no-repeat;
   
} 

.ColumnRight
{
   vertical-align:top;
   width:620px;
   height:100%; 
   padding:10px 10px 30px 10px; 
}

.PadRight
{
    padding-right:20px;
}

.ColumnMain
{
   vertical-align:top;
   width:100%;
   height:100%; 
   padding:10px 0px 30px 10px; 
}

.pager
{   
}
.pager td
   {
    color:#003366;
    padding:5px 4px 5px 4px;
    text-align:center;
    text-decoration:underline;
    font-size:16px;
   }
   
img { border:0px; padding:0px; }
   
   	a { text-decoration:none; }
	a:link { color:#0052ac; background-color: transparent; }
	a:visited { color:#0052ac; background-color: transparent; }
	a:active { color:#0052ac; background-color: transparent; }
	a:hover { color:#4f7bd2; background-color: transparent; text-decoration:none; }


	a.menu { text-decoration:none; }
	a.menu:link { color:#333333; background-color: transparent; }
	a.menu:visited { color:#333333; background-color: transparent; }
	a.menu:active { color:#333333; background-color: transparent; }
	a.menu:hover { color:#000000; background-color: transparent; text-decoration:none; }
	
	a.blue { text-decoration:none; }
	a.blue:link { color:#0052ac; background-color: transparent; }
	a.blue:visited { color:#0052ac; background-color: transparent; }
	a.blue:active { color:#0052ac; background-color: transparent; }
	a.blue:hover { color:#4f7bd2; background-color: transparent; text-decoration:none; }
	
	a.blue.small { text-decoration:none; font-size:13px; }
	a.blue.small:link { color:#0052ac; background-color: transparent; }
	a.blue.small:visited { color:#0052ac; background-color: transparent; }
	a.blue.small:active { color:#0052ac; background-color: transparent; }
	a.blue.small:hover { color:#4f7bd2; background-color: transparent; text-decoration:none; }
	
ul {  }

li {  }

li.pr {
	padding:0px;
	margin:0px;
	list-style-type:circle;
	color:#a74812;
}

ul.flush { margin-left: 0; padding-left: 0; list-style-position: inside; }
	
ul.menu  {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	color:#4f7bd2;
}

li.menu  {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.colDiv
{
	vertical-align:top;
	margin: 0px 5px 0px 0px;
	width:190px;
	/*border:1px solid red;*/
}

.rightcolIcon
{
    text-align:center;
    height:50px;
    padding-right:10px;    
    }


.rightcolDiv
{
	border:1px solid #8098b7;
	background-color:#ffffff;
	background-image:url('../../img/RightColDiv_Background.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	width: 170px;
	font-size:11px;
	line-height:16px;
	text-align:left;
	vertical-align:top;

}

.rightcolDiv1
{
	border:1px solid #8098b7;
	background-color:#ffffff;
	background-position:right bottom;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	width: 170px;
	font-size:11px;
	line-height:16px;
	text-align:left;
	vertical-align:top;

}

h1.rightcol 
{
	font-size:12px;
	padding-bottom:3px;
	color:#2a71c8;
}


/*----------------------State Dollar CSS---------------------------*/

.SDcontainer
{
	width:100%;
	float:left;
}

.SDcol1 
{
	width:290px;
	float:left;
	padding-right:10px;
	margin-right:10px;
}

.SDcol2 {
	width:220px;
	float:left;

}

/*-----------------------------------------------------------------*/


.btnFake
{
	border: 1px solid #ede9dc;
	background-color: #F5F5F5;
	cursor: hand;
	padding-right: 3px;
	padding-left: 3px;
	width:100%
}

/*----------------------portlet CSS---------------------------*/
.portlet
{
	width:175px;
	height:180px;
	margin:0px 12px 0px 0px;
	float:left;
	/*border:1px solid red;*/
}
h1.port { font-size:12px; color:#a74812; padding:0px
                   
}

.portletHeader
{
	height: 20px;
	padding: 0px 3px 2px 5px;
    margin: 0px 5px 3px 5px;
	border-bottom: 1px solid #ede9dc;
}
.portletBody
{
	padding-left: 10px;
	padding-right: 5px;
	width:100%;
	
}
.portletIcon
{
	padding-top: 8px;
	vertical-align:top;
	float:right;
	border: 1px solid #333333;
	z-index:1px;
}

/*----------------------ASP.NET controls---------------------------*/
.btn
{
	border: 1px solid #ede9dc;
	color: black;
}
.tb
{
	border: 1px solid #ede9dc;
	color: black;
}

.ajax__tab_header {white-space:nowrap;}
.ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_inner {display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_tab
{
	background-color: #CCCCCC;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
}
.ajax__tab_hover .ajax__tab_tab
{
	background-color: #4f7bd2;
}
.ajax__tab_active .ajax__tab_tab
{
	background-color: #F5F5F5;
	height: 30px;
}
.ajax__tab_body
{
	background-color: #F5F5F5;
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	padding-right: 10px;
	padding-left: 10px;
}

/* scrolling 
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}
*/

.titleImg
{
	float: right;
	padding:0px;
	height:90px;
}

.gridviewItem
{
	text-align: right;
	width: 120px;
}
.gridviewTotal
{
	border-width: 1px;
	border-color: #CCCCCC;
	text-align: right;
	width: 120px;
	border-top-style: solid;
}
.gridviewItemBond
{
	text-align: right;
}
.gridviewItemBondHeader
{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.panelpopup
{
	background-color: Gray;
	filter: alpha(opacity=90);
	opacity: 0.9;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1px;
	left: -1px;
}

.alignCenter
{
	text-align: center;
	vertical-align:top;
}
.alignRight
{
	text-align: right;
	vertical-align:top;
	padding-right: 10px;
}
.alignLeft
{
	text-align: left;
	vertical-align:top;
	padding-right: 10px;
	padding-left:10px;
	/*width: 200px;*/
}
	
.reportNameColumn
{
	text-align: left;
	width: 200px;
}

.gridviewLeft {  text-align: Left; vertical-align:top; padding: 5px; font-size:12px; }
.gridviewRight {  text-align: Right; vertical-align:top; padding: 5px; font-size:12px; }
.gridviewCenter {  text-align: Center; vertical-align:top; padding: 5px; font-size:12px; }

/* App-Dev Utilization Gridview Styles */
.ADUgridviewLeft {  text-align: Left; vertical-align:top; padding: 5px; font-size:12px; }
.ADUgridviewRight {  text-align: Right; vertical-align:top; padding: 5px; font-size:12px; }
.ADUgridviewCenter {  text-align: Center; vertical-align:top; padding: 5px; font-size:12px; }


/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_custom .ajax__tab_header {border-bottom:1px solid #999999; line-height:normal; font-family:verdana,tahoma,helvetica;font-size:11px;background:url(img/tab-line.gif) repeat-x bottom;white-space:normal !important;}
.ajax__tab_custom .ajax__tab_outer {border-bottom:1px solid #999999; line-height:normal;padding-right:0px;background:url(img/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_custom .ajax__tab_inner {border-bottom:1px solid #FFFFFF; line-height:normal;padding-left:3px;background:url(img/tab-left.gif) no-repeat;}
.ajax__tab_custom .ajax__tab_tab {line-height:normal;height:20px;padding:4px;margin:0;background:url(img/tab.gif) repeat-x;}
.ajax__tab_custom .ajax__tab_hover .ajax__tab_outer {line-height:normal;background:url(img/tab-hover-right.gif) no-repeat right;}
.ajax__tab_custom .ajax__tab_hover .ajax__tab_inner {line-height:normal;background:url(img/tab-hover-left.gif) no-repeat;}
.ajax__tab_custom .ajax__tab_hover .ajax__tab_tab {line-height:normal;background:url(img/tab-hover.gif) repeat-x;}
.ajax__tab_custom .ajax__tab_active .ajax__tab_outer {line-height:normal;background:url(img/tab-active-right.gif) no-repeat right;}
.ajax__tab_custom .ajax__tab_active .ajax__tab_inner {line-height:normal;background:url(img/tab-active-left.gif) no-repeat;}
.ajax__tab_custom .ajax__tab_active .ajax__tab_tab {line-height:normal;background:url(img/tab-active.gif) repeat-x;}
.ajax__tab_custom .ajax__tab_body {line-height:normal;font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}



/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align:left;
}

.left {
    text-align:left;
    vertical-align:top;
}

.right {
    text-align:right;
    vertical-align:top;
    padding-right:5px;
}

.center {
    text-align:center;
    vertical-align:top;
    padding-right:5px;
}

.pr 
{
    vertical-align:middle;
    font-size:11px;
    line-height:17px;
    padding:7px 7px 10px 0px;
    background-color: #FFFFFF;
}

.popupcenter {
    text-align:center;
    vertical-align:top;
    padding-right:5px;
}

.PopupPanel TABLE
   {
      border: 2px solid #333333;
      color: #060F40;
      background: #ffffff;
      width: 450px;
   } 
   
.PopupPanel td
    {
        padding: 10px;
    }
    
.Calendar.ajax__calendar_day
    
    {
        text-align:center;
    }    
    
.Calendar.ajax__calendar_body
    {   
        border: solid 1px #cccccc;
        background-color:White;
        margin-bottom:50px;
    }
    
.Calendar.ajax__calendar_container
    {   background-color: White;
        border:solid 1px #333333;
    }
    
.Calendar.ajax__calendar_dayname
    {
        text-align:center;
        font-weight:bold;
        margin-bottom: 4px;
        margin-top: 2px;
    }
