/*Start of GLOBAL CSS* #########################################################################################/ */
body  {
	
	/*background: #fff url(../images/finalbgdark.jpg) no-repeat center top;*/
	
	font: 100% Verdana, Arial, Helvetica, sans-serif;	
}
a:link {
	color: #0066FF;
	text-decoration: none;
	
}
a:hover {
	color: #BB0000;
	text-decoration: none;
	
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:visited:hover {
	color: #BB0000;
	text-decoration: none;
}
h1 {
font-size:28px;
color:#345d99;


}
h2 {
font-size:18px;
color:#345d99;
}
h3 {
font-size:14px;
color:#345d99;
}
h4 { /*small text*/
font-size:10px;
color:#345d99;
}
h5 /*this and the class below this are only for the sitemap breadcrumb style and positioning.*/
{
font-size:12px;
color:#345d99; 
padding-left:10px;
}
.applicationformfieldlabels
{
font-size:14px;
font-weight:bold;
color:#006699;
}
.applicationformfieldlabels span
{
font-size:10px;
color:#333333;
}

.applicationbuttons
{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
font-size:18px;
background:url(../images/formbg.gif) repeat-x left top;
}

.applicationfields
{
display:inline;
font-size:18px;
border:1px solid #666666;
background:#fbfcd2;

}

.applicationtabel
{
background:#fff;
padding:10px;
margin:10px;
bordeR:1px solid #cacaca;
}


.applicationcontentwrapper
{
background:#e3f2fb;
    padding:15px;
    border:1px solid #bdbdbd;
}
.pindashes
{
    font-size:18px;
    font-weight:bold;
    display:inline;
    padding-right:0px;
    padding-left:2px;
    
    }

/*Start of various message boxes CSS /////////////////////////////////////////////////*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
font-weight:bold;
font-size:14px;
margin: 10px 0px;
padding:15px 10px 15px 60px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
width:615px;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/successcheck.png');
width:615px;
}
.warning 
{
color:#725a11;
background-color:#f9e093;
border:1px solid #d7ac29;
background-image: url('../images/warning.gif');
width:615px;
}
.error {
color: #6d1111;
border:1px solid #6d1111;
background-color: #FFBABA;
background-image: url('../images/error.png');
width:615px;
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/error.png');
}

.announcement {
color:#000;
background-color:#f9e093;
border:1px solid #e2ae11;
background-image: url('../images/warning.gif');
width:900px;
margin:0 auto;
border: 1px solid;
font-weight:bold;
padding:15px 10px 15px 60px;
background-repeat: no-repeat;
background-position: 10px center;
}



/*End of various message box CSS /////////////////////////////////////////////////////*/

/*Start of the tooltip CSS*/
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

a.tooltip:hover{z-index:25;}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; right:1em; width:20em;
	color:#000;
    border: 2px solid #C0C09F;padding: 6px 0px 0px 10px;
	background-color: #FFFFCC;
    text-align: left}
a.tooltip:hover span h1{
font-size:18px;color:#345d99;
}
/*End of the tooltip CSS*/
/*START of Tab content CSS ####################################################################################*/
		.tabcontentcontainer
		{
			margin-bottom: 1em; 
			padding: 10px; 
			border:1px solid #797d82;
			}
			
		.shadetabs{
		margin-left: 0;
		margin-top: 1px;
		margin-bottom: 0;
		padding-top:3px;
		padding-bottom:0px;
		padding-left:0px;
		font: bold 12px Verdana;
		list-style-type: none;
		background:#D5E3F0;
		height:20px;
		}
		
		
		.shadetabs li{
		display: inline;
		margin: 0;
		}
		
		.shadetabs li a{
		margin-right: 3px;
		padding: 0px 10px; /*padding inside each tab*/
		color:#3d3e3f;
		border-right: 1px solid #b3b3b3; /*right divider between tabs*/
		text-decoration:none;
		}
		
		.shadetabs li a:visited{
		
		}
		
		.shadetabs li a:hover{
		text-decoration: underline;
		
		}
		
		
		
		.shadetabs li a.selected{ /*selected main tab style */
		padding:10px;
		font-size:14px;
		background:url(../images/tabmenuselectedbg.jpg) top no-repeat;
		color:#fff;
		
		}
		
		.shadetabs li a.selected:hover{ /*selected main tab style */
		text-decoration: none;
		}
/*END of Tab content CSS ####################################################################################*/
/*END of GLOBAL CSS* ######################################################################################### */