/* DEFAULTS
----------------------------------------------------------*/
body   
{
	background: #73ADD7 url(https://edif.princegeorgescountymd.gov/images/bluegradient.gif);
	background-repeat:repeat-x;
	font-size: .80em;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000; /*#; very light green color*/
}

a:link, a:visited
{	text-decoration: none; color: #034af3;}
a:hover
{	text-decoration:underline;}
a:active
{	color: #034af3; }

p
{	margin-bottom: 10px;	line-height: 1.6em;}

#container
{	margin: 0px auto 0px auto; width:95%;	background: #fff;}

#header
{	background: #fff;	padding: 20px;height:65px;}

#header h1 { margin: 0; }

.app_name{float:left;font-size:24px;font-weight:bold;color:#507CD1;}

#content
{	clear: both;	padding: 20px; min-height: 500px;}

#content h2
{	color: #000;	font-size: 160%;	margin: 0 0 .5em;}

#content h3
{	color: #000;	font-size: 120%;	margin: 0 0 .5em;}

#footer
{	background: #6699cc;	clear:both; text-align: right;	padding: 20px;	height: 70px;	color:#000;}

/* Custom Styles */


.actionbutton
{	border:solid 1px #73add7; /*light green color*/
	background-color:#73add7;	color:#000;	font-family:Tahoma, Arial;	font-size:12px; 	cursor:pointer;	padding:3px;
	}
.actionbutton:hover
{	background-color:#0A59A2;	color: White;	}

.actionbutton2
{	border:solid 1px #996600;	background-color:#996600;	font-family:Tahoma, Arial;	font-size:12px; 	
	cursor:pointer;	padding:3px;	color:#fff;	}
.actionbutton2:hover
{	background-color:#7e7e7e;border:solid 1px #7e7e7e;text-decoration:underline;}

.actionbutton3
{ background-color:#996600; color:#fff;padding:2px;text-align:center; font-family:Tahoma, Arial; font-size:12px; 
  cursor:pointer; border:solid 1px #996600;}
.actionbutton3:hover
{background-color:#7E7E7E;text-decoration:underline;border:solid 1px #7E7E7E;}

.actionbutton4
{ background-color:#7E7E7E; color:#fff;padding:2px;text-align:center; font-family:Tahoma, Arial; font-size:12px; 
  cursor:pointer; border:solid 1px #7E7E7E;}
.actionbutton4:hover
{background-color:#996600;text-decoration:underline;border:solid 1px #996600;}

.greenborder
{	border: 1px solid #008e8d;}
.brownborder
{	border: 1px solid #996600;}

.control_width1
{	width:300px;}

.control_width2
{	width:100px;}

.control_width3
{	width:450px;}

.control_width4
{	width:75px;}
.control_width5
{	width:200px;}

.ctrl_right_align_with_pad
{
text-align:right;padding-right:10px;}
.ctrl_left_align_with_pad
{
text-align:left;padding-left:10px;}
.ctrl_align_with_pad 
{text-align: Center;padding-left: 10px;padding-right: 10px;}

/* Modal Pop up*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 500px;
	vertical-align: text-top;
	text-align: center;
}
.center_align
{
	text-align:center;}
.AccordHeader
{
	background-color:#7f9900; /*green*/
	color:#fff;
	font-weight:bold;
	cursor:hand;
	padding: 5px 5px 5px 5px;
	height:25px;
}
.AccordHeader2
{cursor: hand; cursor: pointer; font-weight: bold; float: left; padding-right: 25px; text-decoration:underline;}

.AccordContent
{
	color:Black;
	font-weight:bold;
	cursor:hand;
	/*pointer:hand;*/
	padding: 5px 5px 5px 5px;
}
.text_bold
{    font-weight:bold;}
.text_normal
{    font-weight:normal;}

.base_table
{ width:100%; margin:3px; padding:3px;}

/*redcolor*/
.red_color
{ color:#FF0000; }
/*greencolor*/
.green_color
{ color:#006600; }
.brown_color
{ color:#996600; }


#headerstrip
{ width:95%;margin:0 auto 0 auto; background-color:transparent;height:25px;}
.header_top_strip
{    text-align:right;    float:right;    font-size:11px;    vertical-align:top;    height:20px; color:#fff;}   


#divWelcome
{ float:right;padding-right:0%;font-weight:bold;color:#fff;}

#divGTranslate
{ float:left;padding-left:0%;}

.testbtn1 
{
	text-align:center;    font-size:14px;	width: 10em;	padding: .5em;	color: #ffffff;    font-weight:bold; 	text-shadow: 1px 1px 1px #000;
	border: solid thin #882d13;	-webkit-border-radius: .7em;	-moz-border-radius: .7em;	border-radius: .7em;	-webkit-box-shadow: 2px 2px 3px #999; 
	box-shadow: 2px 2px 2px #bbb;	background-color: #ce401c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}
.rounded_corners2
{
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
	border-radius: 10px;
}
.rounded_corners
{
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	border-radius: 5px;
}

.rounded_corners3
{
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius: 5px;
}
.show_border
{ border:1px solid #008e8d}
.div_header1
{ font-weight:bold;font-size:14px;color:#fff;}

.link_type1
{ background-color:#996600; color:#fff;padding:5px;text-align:center; cursor:pointer;}
.link_type1 a
{ color:#fff;}
.link_type1:hover, .link_type1 a:hover
{background-color:#7E7E7E;text-decoration:underline;}


.link_type2
{ background-color:#537924; color:#fff;padding:5px;text-align:center; cursor:pointer;}
.link_type2 a
{ color:#fff;}
.link_type2:hover, .link_type2 a:hover
{background-color:#7E7E7E;text-decoration:underline;}


.left_td_width1 
{   width: 30%;}
.right_td_width1
{   width: 70%;}
.left_td_width2
{    width:25%;}
.right_td_width2
{    width:75%;}
.left_td_width3
{   width: 50%;}
.right_td_width3
{   width: 50%;}
.left_td_width4 
{   width: 40%;}
.right_td_width4 
{width: 60%;}
.td_width1
{ width:10% }
.td_width2
{ width:20% }
.td_width3
{ width:30% }
.td_width4
{ width:40% }
.td_width5
{ width:70%;}
.td_width6
{ width:90%;}
.td_width7
{ width:25%;}
.td_width8
{ width:50%; }
.td_width9
{ width:90%; }
.td_width10
{ width:100%; }


/* ----- Sub Header Styles ------*/
#navcontainer ul
{margin: 0;padding: 0;list-style-type: none;text-align: center;}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{color: #fff;}

#navcontainer ul li a:hover
{color: #fff;background-color: #996600;}

.active_sub_header_active
{ text-decoration: none;padding: .4em 2em;color:#fff;background-color:#7f9900;}
.active_sub_header_regular
{ text-decoration: none;padding: .4em 2em;color:#fff;background-color:#0A59A2;}

.appidstyle
{
	font-weight:bold;color:#0A59A2;font-size:14px;text-decoration:underline;
}
.mandatory
{ color:#FF0000;font-size:10pt;font-weight:bold;
}

.app_num
{ background-color:#996600; font-weight:bold;color:#fff;padding:5px;}
/* ----- Sub Header Styles End------*/

#tb_workflow td
{
	font-weight:bold;
	padding:5px;
}
.w_edc
{    background-color:#01678F;  color:#000;}
.w_cao
{    background-color:#7CBA0D;    color:#000; }
.w_fsc
{    background-color:#FF9900;    color:#000;}
.w_edt
{    background-color:#D45C4A;    color:#000;}
.w_fac
{    background-color:#9933FF;    color:#000;}
.w_ool
{    background-color:#D7A431;    color:#000;}
.w_oof
{    background-color:#449466;    color:#000;}
.w_omb
{    background-color:#6E6D6D;    color:#000;}
.w_gray
{    background-color:#DCDCDC;    color:#000;}
.w_green
{ background-color:#66CC66;     color:#000;}
.w_yellow
{ background-color:#FFCC00;     color:#000;}
.w_red
{ background-color:#FF3333;     color:#000;}
.w_comp_light_green
{ background-color:#CCFFCC;     color:#000;}
.w_blue
{ background-color:transparent;     color:#000; font-size:16px;}
.Watermark
{	color:Gray;}
.blue_back_color
{    background-color:#eef2f1;}

.legend_completed
{ background-color:#CCFFCC;     color:#000; width:75px; height:25px;}
.legend_progress
{ background-color:#66CC66;     color:#000;width:75px; height:25px;}
.legend_gray
{ background-color:#DCDCDC;     color:#000;width:75px; height:25px;}
.legend_onhold
{ background-color:#FFCC00;     color:#000; width:75px; height:25px;}
.legend_notapproved
{ background-color:#FF3333;     color:#000; width:75px; height:25px;}

.valign_top
{ vertical-align:top; }
.Expander
{
	background-color:#7f9900; /*green*/	color:#fff;	font-weight:bold;	cursor:hand; cursor:pointer;	padding: 3px;}
.blue_button
{ text-decoration: none;padding: .2em 1em;color:#fff;background-color:#0A59A2;}
.blue_button:hover
{ cursor:hand;cursor:pointer;}
.proj_cost
{}
.source_funds
{}

/* ----- Small Menu Styles ------*/
#smallmenu ul
{margin: 5px;padding: 5px;list-style-type: none;text-align: center;}

#smallmenu ul li { display: inline; color:#fff;}

#smallmenu ul li a
{color:#fff;background-color:#0A59A2; padding: .4em 2em;}

#smallmenu ul li a:hover
{color: #fff;background-color: #996600;cursor:hand;cursor:pointer;}

.invisible
{ display:none;
}

.RedColor {
    color: red
}

<style >
.GridPager a, .GridPager span {
    display: block;
    height: 25px;
    width: 25px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

​​ .GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

​​ .GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

</style >