/* GLOBAL ELEMENTS */
body {
	background-image:url(res/bg-ss-gradient.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#055687;
	margin:0px;
	font: 12px tahoma;
	line-height: 18px;
	color:#6C7050;
}

img{
	border: 0px;
}

/* HEADER */
#header{
	width: 960px;
	height: 40px;
	padding-top: 15px;
	font: 12px tahoma;
	color: #FFFFFF;
}
.planon
{
	background-color:#ffff00;
}
.planoff
{
	background-color:#D5E3F2;
}

.mbgon
{
    visibility: visible;
}
.mbgoff
{
    visibility: hidden;
}

#header a:link, #header a:visited, #header a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* TOP NAV */
#topnav{
	float: right;
	padding-top: 10px;
}

#topnav span{
	margin: 0px 8px 0px 8px;
}

/* PRIMARY NAV */
#nav{
	width: 960px;
	height: 44px;
	padding: 0px;
	padding-top: 10px;
	clear: both;
	overflow: hidden;
}

#nav li{
	list-style: none;
	
	float: left;
}

#nav li.active{
	list-style: none;

	float: left;
}

/* SECONDARY NAV */
#subnav{
	width: 952px;
	height: 30px;
	line-height: 14px;
	padding-left: 8px;
	background: url(res/subnav_bg1.gif) repeat-x;
	border-bottom: 2px solid #6d6d49;
	clear: both;
}

#subnav a:link, #subnav a:visited{
	font: 14px tahoma;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

#subnav a:hover{
	font: 14px tahoma;
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}

#subnav li{
	list-style: none;
	padding: 8px 7px 0px 7px;
	float: left;
}

#subnav .active{
	font: 14px tahoma;
	font-weight: bold;
	text-decoration: underline!important;
}

/* SIDEBAR */
#sideBar{
	width: 213px;
	background: #d5e3f2;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b5d2f1;
	text-align: left;
	padding: 20px 10px 50px 15px;
}

/* BODY CONTENT */
#mainBody{
	background: #FFFFFF;
	border-right: 1px solid #b9b9b9;
	text-align: left;
	padding: 20px 20px 50px 20px;
}



/* LOGIN LEFT */
#loginLeft{
	width: 600px;
	background: #d5e3f2;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b5d2f1;
	text-align: left;
	padding: 20px 10px 50px 15px;
}

/* LOGIN RIGHT */
#LoginRight{
	background: #FFFFFF;
	border-right: 1px solid #b9b9b9;
	text-align: left;
	padding: 20px 20px 50px 20px;
}




/* TEXT FORMATTING */
h1{
	font: 24px tahoma;
	margin-top: 0px;
}

h2{
	font: 18px tahoma;
	margin-top: 0px;
}

/* FORM FIELD FORMATTING */
.inputField{
	border: 1px solid #7aa1c8;
	font: 12px tahoma;
	color: #333333;
	height: 17px;
	padding: 2px 0px 0px 5px;
	margin: 0px;
}

/* FORM FIELD FORMATTING */
.textArea{
	border: 1px solid #7aa1c8;
	font: 12px tahoma;
	color: #333333;
	padding: 2px 0px 0px 5px;
	margin: 0px;
}

.inputFieldSmall{
	border: 1px solid #7aa1c8;
	font: 12px tahoma;
	color: #333333;
	height: 17px;
	width: 40px;
	padding: 2px 0px 0px 5px;
	margin: 0px;
}

.inputFieldDrop{
	border: 1px solid #7aa1c8;
	font: 12px tahoma;
	color: #333333;
	height: 20px;
	width: 50px;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

A.links{
font-size: 12px; 
color:#ffffff;
text-decoration:none;
}

A.links:hover {
text-decoration:underline;
font-size: 14px;
}

.tabdeselected1
{
	background-color:#c1c1c1;
	padding:5px;
	border-bottom: solid;
	border-top: solid;
	border-width: 1px;
	border-color: #999999;
}

.tabselected1
{
	background-color:#e4e4e4;
	padding:5px;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: #999999;
	border-bottom-color: #e4e4e4;
}

.legend
{
	font-size:14px;
	font-weight:bold;
}