/* ========================================================================= */ 
/* HEADER */

.header {
	background: #00395e url("../Images/header-bluepx-bk5.png") repeat;
	width: 100%;
	background-color:#FFF;
}

.header-text 
{  
	font-size: 1.5em; 
	font-family: "Times New Roman", Times, serif;
	text-decoration: none; 
	color: white;
}

.header-context-text {
	font-size: 1.3em; 
	font-family: "Times New Roman", Times, serif;
	text-decoration: none; 
	color: yellow ;
}

/* ========================================================================= */ 
/* NAVBAR */

.navbar {
	background-color: #3D7599;
	border-top: 1px solid #3D7599;
	border-bottom: 1px solid #00395E;
	/*clear: left;*/
	/*float: left;*/
	width: 100%;
	
	background:-moz-linear-gradient(19% 75% 90deg, #00395E, #3D7599);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D7599), to(#00395E));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3D7599 0%, #00395E 100%); /* IE10 */
}

.navbar-body ul {
	/*font-family: verdana, arial, sans-serif;*/
	/*font-size: 0.9em;*/
	/*font-weight: bold;*/
	display: inline;
	padding: 0;
	margin: 0;
	
	/*text-shadow: .2em .2em #000;*/
}

.navbar-body ul li {
	display: inline;
}

.navbar-body ul li a{
	/*float: left;*/
	color: #FFF;
	padding: 0.3125em 0.75em;
	text-decoration: none;
	/* optional set width of each menu item */
  	/* width: 90px; */
	width: 5.625em;
  	text-align: center;	
  	
	font-family: verdana, arial, sans-serif;
	font-size:  large;
	font-weight:  normal;
  	
}

.navbar-body li a:hover{
	color: #00FFDB;
}

/* ========================================================================= */ 
/* TABBAR */

.tabbar 
{
    width: 480px;
	margin: 0 auto;
    /*border: 1px solid yellow;*/
    /*background-color: Red; */
}

.tabbar-body ul {
	display: inline;
}

.tabbar-body ul li {
	display: inline;
}

.tabbar-body ul li input {
    font-size: 1.2em;
    margin: 0 auto;
    padding: .1em .9em .1em .9em;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.tab-unselected 
{
    Color: Gray;
    background-color: #215D84;
    /*background-color: #40395E;*/
}

.tab-selected 
{
    Color: White;
    background-color: #3D7599;
}

/* ========================================================================= */ 
/* CONTENT */

.content {
	/*border: 1px solid yellow;*/
	width: 100%;
	/*float: left;*/
	/*background-color:#FFF;	*/
}

.content-info {
	margin: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid;
	font-size:12px;
	text-align: center;
}

.content-info-body {
	background: #FF5C40;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0.3em 0.3em;
}

.content-info-title {
	background: #FF5C40;
	font-size: 1.1em; 
	font-family: verdana, arial, sans-serif; 
	font-weight: bold; 
	color: #fff;
	padding: 0.3em 0.3em;
}

/* ========================================================================= */ 
/* FOOTER */

.footer 
{        
    /*min-height:1px; */
    /*bottom: 0;*/
    /*position: fixed;*/
    
	margin-top: 0.5em;
	float: left;
	width: 100%;
	clear: left;
	text-align: center;
	border-top: 0.0625em solid #3D7599;
	background-color: #3D7599;
	padding: 0.5em 0  0.5em 0;
	
	background:-moz-linear-gradient(19% 75% 90deg,#00395E, #3D7599);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D7599), to(#00395E)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3D7599 0%, #00395E 100%); /* IE10 */

}

.footer-title {
	font-size: 0.6em; 
	font-family: verdana, arial, sans-serif; 
	font-weight: normal; 		
	color: #FFF;
	padding-bottom: 0.5em;
}

.footer-body ul {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 0.6em;
	color: #FFF;
	font-weight: normal;
}

.footer-body ul li {
	display: inline;
}

.footer-body ul li a {
	color: #FFF;
	padding-right: 0.625em;
	text-decoration: none;
	background: transparent center right repeat-y;
}

.footer-body ul li a:hover{
	color: #00FFDB;
}

/* ========================================================================= */ 
/* MESSAGES */

.system-message
{
 	font-size: 1.5em; 
	font-family: "Times New Roman", Times, serif;
	text-decoration: none; 
	/*color: #ADD8E6 ;*/
	/*color: #90EE90 ;*/
	/*color: #87CEFA ;*/
	/*color: #F08080 ;   */
	
	background:-moz-linear-gradient(19% 75% 90deg,#00395E, #3D7599);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D7599), to(#00395E)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3D7599 0%, #00395E 100%); /* IE10 */
}


.PortalMessage
{
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 10px;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;

    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    /*border: 1px solid;*/

    background:-moz-linear-gradient(19% 75% 90deg,#00395E, #3D7599);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D7599), to(#00395E));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3D7599 0%, #00395E 100%); /* IE10 */
               
}

label {
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
}

.welcome  
{
    color: White; 
    font-size: medium;
    font-weight:bold;    
	font-family: Verdana, Geneva, sans-serif;    
}

/* =================================================================== */
/* FORMS */

.BaseForm 
{
	margin: 0 auto;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    padding: 10px 20px 20px 20px;
    margin-top: 0.5em;
    overflow:hidden;
     
    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    /*border: 1px solid yellow; */
    
    background-color: #00395E; /* this must be here due to IE gradient bug showing all white form */
    background:-moz-linear-gradient(19% 75% 90deg,#00395E, #3D7599);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D7599), to(#00395E));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#00395E')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3D7599 0%, #00395E 100%); /* IE10 */ 
}

OLD-#LoginForm 
{
    width: 225px;
    padding: 15px 20px 20px 20px;
}

#PortalForm
{
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

#MessageForm 
{
	margin: 0em 0.5em 0.5em 0.5em;
	font-size:12px;
	text-align: center;
	padding: 10px;
}

#GenericForm
{
    width: 700px;
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

#GenericForm-400
{
    width: 400px;
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

#GenericForm-500
{
    width: 500px;
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

#GenericForm-600
{
    width: 600px;
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

#SearchForm
{
    width: 500px;
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

#SearchForm-550
{
    width: 550px;
    padding: 20px; 
    margin: 0.5em 0.5em 0.5em 0.5em;
    overflow:hidden;
}

/* =================================================================== */
/* FORM SPECIFIC */

form a {
	font-size:12px;
	color: #6CC;
}

form a:hover {
	color:#6FF;
}

form a:active {
	color:#F63;
}

/* =================================================================== */
/* INPUT */

input 
{
    color:#fff;
    background: #3D7599;
    padding: 3px;
    /*margin-bottom: 10px;*/
    border-top: 1px solid #5098C7;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
 
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;
}

input[type="checkbox"]
{
    border-top: 0px;
    padding: 1px;
}

input[type="checkbox"]+label
{
    margin: 0 auto;
    padding: 0px;
	color: Yellow;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;     
}

input[type="radio"]
{
    background:transparent;
    border-top: 0px;
    padding: 1px;
}

input[type="radio"]+label
{
    margin: 0 auto;
    padding: 0px;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;   
}

input[type="text"] 
{
    background-color: #4682B4; 
    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

input:focus[type="text"]
{
 	background-color: #7EC0EE;
 	color:White;
}


input[type="password"] 
{
    background-color: #4682B4;     
    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

input:focus[type="password"]
{
 	background-color: #7EC0EE;
 	color:White;
}

select, option 
{ 
    background: #4682B4; 
    border:solid 1px #4682B4;
    color: White;

    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

input[type="text"][disabled="disabled"] {
   color: white;
}

input:hover {
	background: #5098C7;
}

input[type="radio"]+label:active, input[type="radio"]+label:focus, 
input[type="radio"]+label:hover 
{
    background: #5098C7;
}

input.submit {
   
    color: #fff;
    text-transform: uppercase;
    /*text-shadow: #000 1px 1px;*/
    border-top: 1px solid #3D7599;
	border-right: 1px solid #00395E;
	border-bottom: 1px solid #333;
	border-left: 1px solid #00395E;
	margin-top: 10px;
 
 
    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

	background:  -moz-linear-gradient(19% 75% 90deg,#40395E, #3D7599);   
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D7599), to(#40395E));   
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3D7599', endColorstr='#40395E'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5098C7', endColorstr='#40395E')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3D7599 0%, #40395E 100%); /* IE10 */
    
    /*-webkit-box-shadow: 0px 0px 2px #000;*/ /* THIS is a problem in CHROME */    

}

input.submit:hover {
	border-top-color: #00FFDB;
	border-bottom-color:#00FFDB;
	border-right-color:#00FFDB;
	border-left-color:#00FFDB;
	
	/*-webkit-box-shadow: 0px 0px 2px #000;*/
}

input.submit:active 
{
 	background:  -moz-linear-gradient(19% 75% 90deg,#007A69, #00FFDB);   
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00FFDB), to(#007A69)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FFDB', endColorstr='#007A69'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00FFDB', endColorstr='#007A69')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #00FFDB 0%, #007A69 100%); /* IE10 */

}


/* ========================================================================= */
/* GENERAL FONTS */

.normal-s-colored
{
    color:Yellow;
    font-size: small;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
}

.normal-xs
{
    font-size:x-small;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
}

.normal-s
{
    font-size:small;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
    /*border: 1px solid yellow;*/
}

.normal-m
{
    margin 20 20 20 20;
    font-size:medium;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
}

.normal-l-colored
{
    color:Yellow;
    font-size: large;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
}

.normal-l
{
    font-size: large;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
}

.warning-normal-s
{
    font-size:small;
    font-weight:bold;  
    font-family: Verdana, Geneva, sans-serif;
    /*color:#FF5C40; orig */
    /*color:#F08080; LightCoral good */
    /*color:#FF6347; Tomato good */
    color:#F08080;
}

.warning-normal-l
{
    font-size:large;
    font-weight:bold;  
    font-family: Verdana, Geneva, sans-serif;
    /*color:#FF5C40; orig */
    /*color:#F08080; LightCoral good */
    /*color:#FF6347; Tomato good */
    color:#F08080;
}
.bold-m
{
    font-size: medium;
    font-weight:bold;  
    font-family: Verdana, Geneva, sans-serif;
}

.bold-s
{
    font-size:small;
    font-weight:bold;  
    font-family: Verdana, Geneva, sans-serif;
}

.bold-xs
{
    font-size:x-small;
    font-weight:bold;  
    font-family: Verdana, Geneva, sans-serif;
}
/* ========================================================================= */
/* Prescriptive Delegation Specific */

.PD_AgreementPanel
{
    border: 1px solid #FFF; 
    padding: 4px;
}

.PD_Title1
{
    font-size:medium;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
    color:#000000;
    text-decoration:underline;
}

.PD_Title2
{
    font-size:medium;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
    color:yellow;
}

.PD_Title3
{
    font-size:small;
    font-weight:normal;  
    font-family: Verdana, Geneva, sans-serif;
    color:#FF5C40;
}

.xGridview
{
    width: 100%;
}

.xGridview input 
{
    height: auto; 
    line-height:normal; 
    margin: 0px 0px 0px 0px; 
    border:0px 0px 0px 0px; 
    padding: 1px 1px 1px 1px;
    padding-right: 0px;
    margin: 0px, 0px, 0px, 0px;
    vertical-align: middle;
}
      
/* ========================================================================= */      
/* HELP PAGES */     

.help {	/* help documentation container */
    margin: 0.5em 0.5em 0.5em 0.5em;
    font-family: Verdana, Geneva, sans-serif;
}

.help h1 {	/* used to highlight help topic title */
	color: #00395E;
	font-size:  larger;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;	
     text-align:center;
} 

.help h2 {						/* used for help topic subtext */
	color: #00395E;
	background: #8ab5d1;
	padding: 10px;
	font-weight: normal;
	font-size: medium;
	font-family: Verdana, Geneva, sans-serif;
		
	-moz-border-radius: 10px; 	/* Firefox 1-3.6 */
    -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 10px; 		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
		
}   

.help h3 {						/* used to highlight step numbers */
	font-weight: bold;
	font-size: medium;
	display:inline;
}

.help h4 {						/* used to highlight actions or text */
	/*font-weight: normal;*/
	/*font-style: oblique;*/
	font-weight: bold;		
	font-size: medium;
	display: inline;
	color: #FF5C40;
}

.help a {
	font-size: medium;
}

.help-body {
	width:50%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.note {							/* for noteworthy text: text is in a red box with rounded corners */
	padding: 10px;
	border: dashed 2px #fff;
	background: #FF5C40;
	color: #fff;
	font-size: medium;
	margin: 1em 3em 1em 0em;
	-moz-border-radius: 10px; 	/* Firefox 1-3.6 */
    -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 10px; 		/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    width: 400px;
}

.btnHelp {   
    color: #fff;
    background-color: #3399FF;
    text-transform: uppercase;
    padding: 3px 12px 3px 12px;
    border-top: 1px solid #3D7599;
	border-right: 1px solid #00395E;
	border-bottom: 1px solid #333;
	border-left: 1px solid #00395E;
	margin-top: 10px;

    -moz-border-radius: 20px; /* Firefox 1-3.6 */
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

	background:-moz-linear-gradient(19% 75% 90deg, #008BCC, #3399FF);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3399FF), to(#008BCC));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3399FF', endColorstr='#008BCC'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3399FF', endColorstr='#008BCC')"; /* IE8 & IE9 */
	background-image: -ms-linear-gradient(top, #3399FF 0%, #008BCC 100%); /* IE10 */

}

.btnHelp:hover {
	border-top-color: #00FFDB;
	border-bottom-color:#00FFDB;
	border-right-color:#00FFDB;
	border-left-color:#00FFDB;
	
	/*-webkit-box-shadow: 0px 0px 2px #000;*/
}
/* ========================================================================= */ 
/* MISC */

/* format of panel group text */
legend  
{
    color: White; 
    font-size:medium;
    font-weight:bold;    
	font-family: Verdana, Geneva, sans-serif;    
}

.PortalApps
{
    /*border:1px solid yellow; */
    width:90px; 
    float:left;
    
}

body {
	margin: 0em auto;
	background-color:#FFFFF7;
}

.ViewButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	/*height:34px;*/
	/*line-height:34px;*/
	/*width:120px;*/
	width:8em;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}


/* ========================================================================= */ 
/* TOOLS */

.tools {
	width: 100%;
	color:Black; 
	padding:0 0 0 0;
	margin:0 0 0 0;	
}

.tools #tools_title {
	font-size:x-large; 
	font-weight:bold; 
	text-align:center; 
	background-color: #f6eded; 
	padding:.5em 0 .5em 0;	
}

.tools ul {
	color: Blue;
	text-indent: 4em;
	line-height:2;
}
.tools ul li a{
	font-size: 1.3em;   	
	color: Blue;
}

.tools li a:hover{
	color: #00FFDB;
}