* {
	margin: 0px;
	padding: 0px;
}

.hidden {
	display: none;
}

.clearer {
	clear: both;
}

.testleft {
	clear: left;
}
.left {
	float: left;
	
}
.right {
	float: right;
	text-align: right;
}

input.left {
	margin-right: 10px;
}
input.right {
	margin-left: 10px;
}


.col_left {
	float: left;
	width: 48%;
}
.col_right {
	float: left;
	width: 48%;
	margin-left: 20px;
}

p {
	margin-bottom: 20px;
}

h5 {
   font-size: 13px;
}

ol, ul {
	padding: 0px 20px 0px 30px;
}
li {
	margin-bottom: 10px;
}

.notes, .small {
	font-size: 80%;
}
th.notes {
	font-weight: normal;
	text-align: center;
}

.label {
	font-weight: bold;
}

a img {
	border: none;
}

img.portrait {
   padding: 1px;
   border: 2px solid #ffa12c;
   margin: 0px 0px 10px 10px;
}

.media {
	float: right;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 20px;
}
.media img {
	border: 1px solid #aaa !important;
}
.media input.button {
	margin-top: 6px;
}

.caption {
	font-size: 80%;
}

table.chart {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #bbb;
	border-spacing: 0px;
}
table.chart th {
	background-color: #cecece;
	text-align: left;
	border-bottom: 1px solid #909090;
	padding: 3px 3px 3px 10px;
	font-size: 13px;
}
html>body table.chart th {
	padding: 0px 0px 0px 10px;
}
table.chart td {
	padding: 3px 3px 3px 10px;
}
html>body table.chart td {
	padding: 2px 2px 2px 10px;
}
table.chart tr {
	background-color: #f7f7f7;
}
table.chart tr.alt {
	background-color: #e5e5e5;
}
table.pagination td {
	font-size: 9px;
	width: 33%;
}

body {
	background: #333 url(/images/VarPortal/bg_body.gif) repeat top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	text-align: center;
	
}


/* ----------------------------- WRAPPER ----------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#wrapper a {
	color: #666666;
}
#wrapper a:hover {
	color: #08b0dd;
}

/* ----------------------------- HEADER ----------------------------- */
#header {
	background: url(/images/VarPortal/bg_headernew.gif) no-repeat top left;
	height: 95px;
}
#header h1 {
	float: left;
}
#header h1 a {
	width: 435px;
	height: 95px;
	display: block;
}

#header h1 span {
	display: none;
}
#header h2 {
	display: none;
}

#header #alert {
	float: left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: blink;
	color: Aqua;
	margin-top: 15px;
	margin-right: 13px;
	width: 240px;
}
html>body #header #alert {
	margin-left: 10px;
	
}
#header #status {
	float: right;
	text-align: right;
	font-size: 10px;
	margin-top: 50px;
	margin-right: 13px;
	color: #333333;
}
html>body #header #status {
	margin-right: 25px;
}
#nav_primary {
	height: 27px;
	background: url(/images/VarPortal/bg_navnew.jpg) no-repeat center center;
	clear: both;
	text-align: center;
}
#VAR_Login {
	margin-top:-240px;
	margin-left: 599px;
	width:225px;
	padding-top: 0px;
	padding-left: 0px;	
	background-color: white;
	border: 1px solid gray;
}
html>body #VAR_Login {
	width: 225px;
}

#VAR_Login h3 {
	height: 30px;
	padding-top: 6px;
	padding-left: 9px;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
	color: white;
	background-color: #666666;
}
#VAR_text p {
	font-size: 11px;
}
#VAR_text b {
	
	font-size: 13px;
	font-weight: bold;
	color: #08b0dd;
}
#GT_NewUser {
	margin-top: 0px;
	margin-left: 167px;
	width:650px;
	padding-top: 0px;
	padding-left: 0px;	
	background-color: white;
	border: 1px solid gray;
}
html>body #GT_NewUser {
	width: 650px;
}

#GT_NewUser h3 {
	height: 25px;
	padding-top: 6px;
	padding-left: 9px;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
	color: white;
	background-color: #666666;
}
#GT_NewUser b {
	height: 15px;
	padding-top: 6px;
	padding-left: 9px;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
	color: white;
	background-color: #ffa93f;
}	
/* ----------------------------- CONTENT ----------------------------- */
#content_outside {
	background: url(../images/VarPortal/bg_content_outside_full1.gif) repeat-y top left;
	font-size: 13px;
	padding: 0px 1px;
	width: 980px;

}
#content_outside.full {
	background: url(/images/VarPortal/bg_content_outside_full1.gif) repeat-y top left;
}
#content_outside a {
	color: #7492b3;
}
#content_outside a:hover {
	color: #002e4f;
}




/* ----------------------------- COLUMN_CENTRAL ----------------------------- */
#column_central_outside {
	background: white;
	width: 966px;
	float: left;
	min-height: 700px;
	padding-top: 10px;
	padding-right: 12px;
}

html body #column_central_outside {
width:966px;
}
#column_central_outside h2 {

	font-size: 13px;
	margin-left:70px;

}

#inner_new {
	width:56%; 
	margin-left:70px;
}
#inner_new_login {
	width:56%; 
	margin-left:230px;
}
#image_right {
	width:30%; 
	float:right;
}
#column_central_outside div.box {
	width: 876px;
	margin-bottom: 10px;
}
#column_central_outside div.box h3 {
	height: 19px;
	padding-left: 9px;
	font-size: 13px;
	line-height: 19px;
	color: white;
}
#column_central_outside div.box .inner {
	padding: 4px 2px 2px 4px;
	border-top: none !important;
	height: 563px;
	width: 165px;
	font-size: 10px;
}
#column_central_outside div.box ul {
	list-style: none;
	padding: 0px;
}
#column_central_outside div.box li {
	margin-bottom: 4px;
}

#sample_profile {
	margin-left: 0px;
}

#column_central_outside h2 {
	font: 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
#column_central_outside h2 span.small {
	font-size: 8pt;
}
#column_central_outside h3 {
	font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
#column_central_outside p {
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
#content.full #column_central_outside {
	width: 876px;
	padding: 12px;
}

/* ----------------------------- FAQ_BOX ----------------------------- */
#FAQ_box {
	width: 90%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	height: 400px;
	overflow: scroll;
	background-color: #f0f0f0;
	border: 1px solid #aaa;
}

/* ----------------------------- COLUMN_CENTRAL End  ----------------------------- */

/* ----------------------------- FORM_2COLUMN and other form controls ----------------------------- */
.form_2column label {
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	margin-top: 4px;
}

.form_2column input, .form_2column select {
/* --	margin-top: 4px;  I killed this line to fix the RadCombobox vertical alignment problem - */
	margin-left: 8px;
}
.form_2column td input, .form_2column td select {
	margin-left: 0px;
}

.nofloat label {
	width: auto !important;
}
label.nofloat {
	float: none;
	display: inline;
}

input.field, select, textarea {
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   border: 1px solid #7492b3;
   padding: 2px;
}
input:hover.field, select:hover, textarea:hover {
	background-color: #eee;
}
input:focus.field, texarea:focus {
	background-color: #eee;
}
input.field_login {
	width: 150px;
}
select:focus, textarea:focus {
	background-color: white;
}

label.disabled {
	color: #999;
}
input.disabled, textarea.disabled {
	background-color: white;
	border-color: #999;
}
input:hover.disabled, texarea:hover.disabled {
	background-color: white !important;
}

option {
   padding: 1px;
}

input.button {
	color: white;
	text-align: center;
	font-weight: bold;
	border: 0px;
	width: 100px;
	height: 28px;
	background: url(/images/VarPortal/button_blue.gif) top left no-repeat;
	cursor: pointer;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
input.secondary {
	background: url(/images/VarPortal/button_gray.gif) top left no-repeat;
}
input:hover.button {
	color: #a4c2e3;
}
input:hover.secondary {
	color: #ccc;
}
fieldset {
	border: 1px solid #aaa;
	padding: 10px;  /* padding in fieldset support spotty in IE */
	margin: 0;
	background: #e7e7e7;
}

fieldset legend {
	font-weight: bold;
	color: #666;
	font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left
                         be careful with padding, as it'll shift the nice offset on top of border  */
}
.error_message {
	color: #a00;
}

.required {
	font-size: 80%;
	color: #a00;
}
p.required {
	margin-bottom: 10px;
	text-align: right;
}

.symbol {
}

.login label {
	width: 100px;
	text-align: left;
	float:left
}
.login input {
	float:left
}
#edit_preferences label {
	width: 130px;
}
#edit_preferences .settings label {
	width: 110px;
}
#select_role label {
	width: 100px;
}
#edit_preferences select {
	margin-bottom: 4px;
}

/* ----------------------------- FOOTER ----------------------------- */
#footer {
	background: url(/images/VarPortal/bg_footer1.jpg) no-repeat top left;
	text-align: center;
	padding: 10px 0px 0px 150px;
	height: 64px;
	font-size: 11px;
	color:#333333;
}
#footer #keywords {
	margin-top: 6px;
	font-size: 10px;
}

/* ----------------------------- COPYRIGHT ----------------------------- */
#copyright {
	color: white;
	text-align: center;
	font-size: 9px;
}
#copyright a {
	color: white;
}
#copyright a:hover {
	color: #ccc;
}