/********** Page Elements ************/
body						{ margin: 0; padding: 0; font: 12px arial; background-color: #bbbbbb; }
p							{ margin: 0; padding: 0; }
h1, h2, h3					{ border: 0; margin: 0; padding: 0; }
h1							{ font-size: 18px; color: #666666; } 
h2							{ font-size: 14px; } 
h3							{ font-size: 14px; }

ul							{ border: 0; padding: 0; margin: 0;}
li							{ border: 0; padding: 0; margin: 0; list-style-type: none;}
div							{ border: 0; margin: 0; padding: 0; width: auto; }

a		{ color: #333333; }
a:hover { color: #777777; }

/********** DIV Ids ******************/
#body						{ width: 1000px; margin: 0 auto 0 auto; }
#header						{ margin-top: 4px; padding: 10px 10px 8px 10px; background-color: #ffffff;}
#footer						{ background-color: #ffffff; text-align: center; padding: 15px 0 15px 0; margin: 7px 0 0 0; }
#pathandsearch				{ background-color: #ffffff; margin-bottom: 7px; height: 25px; }


/********** UL Classes ***************/
#sitemap					{ }
#sitemap ul					{ line-height: 24px; background-color: White; border: solid 1px black; background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBack.gif") repeat-x top left; padding-left: 10px; }
#sitemap ul li				{ line-height: 24px; display: inline; padding: 0; margin: 0; }
#sitemap ul li a			{ padding: 5px 15px 4px 15px; color: #ffffff; text-decoration: none; }
#sitemap ul li a:hover		{ background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBackHot.gif") repeat-x top left; }
#sitemap ul li a.active	    { background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBackHot.gif") repeat-x top left; }
#sitemap ul li a:hover.active { background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBackHot.gif") repeat-x top left; }

#subsitemap   				{ background-color: #fbfbfb; padding: 3px; margin-bottom: 5px; }
#subsitemap ul				{ margin-left: 5px; }
#subsitemap ul li			{ line-height: 30px; display: inline;  }
#subsitemap ul li a			{ padding: 2px 4px 2px 4px; background-color: White; border: solid 1px #f2f2f2; font: 11px; font-weight: bold; color: #333333; text-decoration: none; }
#subsitemap ul li a:active	{ background-color:#e0e0e0; }
#subsitemap ul li a:hover	{ background-color:#f0f0f0; }
#subsitemap ul li a.active	{ background-color:#f0f0f0; }
#subsitemap ul li a:hover.active	{ background-color:#f0f0f0; }

ul.activity					{  }
ul.activity li				{  }

#customers ul				{ }
#customers ul li			{ height: auto; float: left;  }
#customers ul li a			{ float: left; color: Black; height: 30px; text-decoration: none; padding: 10px; width: 460px; }
#customers ul li a:hover	{ background-color:#F9FCFF; }
#customers ul li a:active	{ background-color:#C0D3E6; }

#orgactivity ul				{ }
#orgactivity ul li			{ height: auto; float: left;  }
#orgactivity ul li a			{ float: left; color: Black; height: 30px; text-decoration: none; padding: 10px; width: 460px; }
#orgactivity ul li a:hover	{ background-color:#F9FCFF; }
#orgactivity ul li a:active	{ background-color:#C0D3E6; }

#staterulelist ul				{ margin-top: 10px; }
#staterulelist ul li			{ }
#staterulelist ul li a			{ text-decoration: none; width: 237px; float: left; padding: 1px 10px 1px 10px; }
#staterulelist ul li a:hover	{ background-color:#F9FCFF; color: Black; }
#staterulelist ul li a:active	{ background-color:#C0D3E6; }
#staterulelist ul li a.active	{ font-weight: bold; }

#providers ul				{ margin-top: 10px; }
#providers ul li			{ }
#providers ul li a			{ text-decoration: none; width: 237px; float: left; padding: 1px 10px 1px 10px; }
#providers ul li a:hover	{ background-color:#F9FCFF; color: Black; }
#providers ul li a:active	{ background-color:#C0D3E6; }
#providers ul li a.active	{ font-weight: bold; }


#reports ol					{ margin-left: 20px; }
#reports ol li				{  }
#reports ol li a			{ font-weight: bold; text-decoration: none; }
#reports p					{ padding: 0 0 12px 0; }

#statuskey   					{ float: left; margin-left: 400px; display: block; }
#statuskey ul					{ float: left; line-height: 15px; display: block; }
#statuskey ul li				{ line-height: 15px; display: block; width: 80px; float: left; white-space: nowrap; text-indent: 40px;  }

#cardlist a					{ padding: 10px; height: 30px; display: block; text-decoration: none; clear: both;}
#cardlist img				{ border: 0; }
#cardlist a:hover			{ background-color:#F9FCFF; }
#cardlist a:active			{ background-color:#C0D3E6; }

/********** DIV Classes **************/
.leftformwidth
{
	
	clear:both;	
	padding:10px;
	
 }
.informheader				{ color:navy; font-size:10pt; width:100%; font-variant: small-caps; font-weight:bolder; border-bottom:solid 1px #5D7B9D; margin: 5px 0px 10px -2px; clear:both; }
.formcolumnrequired 		{ clear: left; float: left; padding-right:10px; background: #fff url(Images/req.gif) no-repeat top right; text-align: right; font-weight: bold; width: 125px; }
.formcolumn					{ clear: left; float: left; padding-right:10px; text-align: right; font-weight: bold; width: 125px; }
.formcontrol				{ padding-left:5px; text-align: left; font-weight: bold; width: 190px; float: left; }
.forminstruct				{ margin-left: 10px; clear:right; text-align: left; line-height: 10pt; float: left; width: 210px; }
.error						{ clear: left; width: inherit; background-color: #660000; color:white; margin-bottom:10px; border: dotted 2px red; text-align: left; padding: 5px; }
.updated					{ clear: left; width: inherit; background-color: #009900; color:white; margin-bottom:10px; border: dotted 2px green; text-align: left; padding: 5px; }

div.lefthalf				{ width: 497px; float: left; display: block; }
div.righthalf				{ width: 496px; float: left; display: block; margin-left: 7px; }

.leftformwidththin			{ clear:both; padding: 0 0 2px 0; float: left; }
.formcolumnthinrequired 	{ clear: left; float: left; padding-right:10px; background: #fff url(Images/req.gif) no-repeat top right; text-align: right; font-weight: bold; width: 60px; }
.formcolumnthin				{ clear: left; float: left; padding-right:10px; text-align: right; font-weight: bold; width: 60px; }
.formcontrolthin			{ padding-left:5px; text-align: left; font-weight: bold; width: 135px; float: left; }

/********** Control Classes **********/
.button						{ padding: 4px; font: bold 1em Arial, Sans-Serif; }
.textbox					{ padding: 2px; border: solid 1px gray; font: normal 1em  Sans-Serif,Arial; height: 16px; width: 180px; }
.dropdown					{line-height:29px; padding: 2px; font: 12px Arial; width:190px}



/** A's **/
a.rightbutton				{ width: 100%; line-height: 40px; display: block; text-align: center; font-weight: bold; text-decoration: none; border: solid 1px gray; background-color: #eeeeee; margin-bottom: 10px; }
a:hover.rightbutton			{ background-color: #f5f5f5; }

div.maincontainer				 { background-color: #bbbbbb; }
div.maincontainer h2			 { padding: 4px; background-color: White; border: solid 1px black; background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBack.gif") repeat-x top left; color: White; font-weight: bold; clear: left; }
div.maincontainer div.innercontainer { padding: 10px; }

div.container				     { background-color: #ffffff; }
div.container h2				 { margin: 0; padding: 4px; background-color: White; border: solid 1px black; background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBack.gif") repeat-x top left; color: White; font-weight: bold }
div.container h3				 { margin: 0; padding: 4px; background-color: White; border: solid 1px black; background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBack.gif") repeat-x top left; color: White; font-weight: bold; cursor: pointer; }
div.container div.innercontainer { padding: 10px; }


div.fixedcontainer				     { background-color: #ffffff; float: left; }
div.fixedcontainer h2				 { margin: 0; padding: 4px; background-color: White; border: solid 1px black; background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBack.gif") repeat-x top left; color: White; font-weight: bold; }
div.fixedcontainer h3				 { margin: 0; padding: 4px; background-color: White; border: solid 1px black; background: url("App_Themes/BlackGlass/PivotGrid/pgHeaderBack.gif") repeat-x top left; color: White; font-weight: bold; }
div.fixedcontainer div.innercontainer { padding: 10px; float: left; }


.statusok, .statusloanout, .statusnsf, .statuschargedoff { width: 15px; height: 15px; display: block; border: solid 1px gray; margin-left: 10px; float: left; }

.statusok			{ background-color: #05FF35; }
.statusloanout		{ background-color: Orange; }
.statusnsf			{ background-color: #ff0000; }
.statuschargedoff	{ background-color: #000000; }


.statusBoxApproved, .statusBoxDeclined, .statusBoxIncomplete {width: 25px; height: 25px; display: block; border: solid 1px gray; float: left; margin: 2px 10px 0 0;}
.statusBoxApproved {background-color: #05FF35;}
.statusBoxDeclined {background-color: #D73232;}
.statusBoxIncomplete {background-color: yellow;}


.summarykey    { font-weight:bold;padding-right:5px;width:200px;text-align:right;float:left;}
.summarykey2   { font-weight:bold;padding-right:5px;width:140px;text-align:right;float:left;}
.summaryvalue  {float:left;width:540px; }
.summaryvalue2 {float:left;width:140px; }

.tablehead { }

div.dashbox              { width: 224px; padding: 0 10px 10px 10px; height: 100px; float: left; border-right: solid 1px #f5f5f5; }
div.dashbox th           { text-align: left; font-size: 14px; width: 220px; text-transform: uppercase; color: #5D7B9D; padding-bottom: 5px; }
div.dashbox td.rowheader { text-align: center; width: 60px; }

.complete, .inprogress, .returned { width: 25px; height: 15px; display: block; }
.complete   { background-color: #00EC21; }
.inprogress { background-color: Yellow; }
.returned   { background-color: Red; }