/* 
  -----------------------------------------------------
    Exerve, Inc. Basic CSS Layout for NetLink
    -> Includes 1 Column Fixed and Comment for Liquid

    Copyright (c) 2008 Exerve, Inc.
    www.exerve.com
  -----------------------------------------------------
*/

/* ---------- Primary Div IDs ------------------ */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #999966;   
	padding: 0;
	margin-top: 20px;  /*  set this line to 0px to start header at top of browser window    */
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#header {
	color: #999999;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0;
}
#header .content {
	padding: 5px;
}
#wrapper {
	width: 770px;  /* comment out this line for liquid page display - changes to this setting should be duplicated for page_core div */
/*  width: 100%;      use this line for liquid page display - changes to this setting should be duplicated for page_core div */   
	background-color: #FFFFFF;
	margin: 0 auto;
	border: 2px groove #000000;
}
#page_core {
	width: 770px;
}
#page_core .content {
	padding: 20px 24px;
	font-size: 0.8em;
	line-height: 1.65em;
	border: 1px solid #000;
}

#logo {
	float:left;
}
#page_title {
	position:relative;
	width: 500px;
	left:15px;
	top:10px;
	font-size: 22px;
	font-weight: bold;
	color: #999999;	
}
#header_menu {
	position: relative;
	float:right;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	width: 525px;
	right: 0px;
	
}

#header_menu a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#header_menu a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#header_menu a:hover {
	font-weight: bold;
	color: #FF9900;
}
#subheader {
	clear: both;
}

#account_info {
	position: relative;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 9px;
	text-align: right;
	width: 400px;
	top: -25px!important;
	top: 0px;
} 


#footer {
	color: #333333;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
}

#footer .content {
	padding-top: 20px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
}
#footer .content a:link {
	color: #000000;
	text-decoration: none;
}
#footer .content a:visited {
	color: #000000;
	text-decoration: none;
}
#footer .content a:hover
{
	color: #FF9900;
}

.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
#page_core a:link {
	color: #00529C;
}
#page_core a:visited {
	color: #00529C;
}
#page_core a:hover {
	color: #FF9900;
}

#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFFFFF;
	padding: 0 0 0 3px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
#footer a:link {
	color: #999999;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #FFFFFF;
}



/* ---------- Page_Core Div IDs ------------------ */

#highlightbox-small-div {
	background-color: #FEF0BA;
	width: 300px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #999999;
}
#highlightbox-medium-div {
	background-color: #FEF0BA;
	width: 500px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #999999;
}
#highlightbox-large-div {
	background-color: #FEF0BA;
	width: 650px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #999999;
}
#highlightbox-full-div {
	background-color: #FEF0BA;
	width: 95%;
	border: 1px solid #999999;
	margin: 0px;
	padding: 10px;
}

#report_head  {
	text-decoration: none;
	color: #00529C;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 3px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
}
#report_wrapper  {
	border: 1px solid #999999;
}


#twtabs {
	background-color: #CCCCCC;
}

.menu_item a:link {
	font-size: 105%;
	font-weight: bold;
	color: #00529C;
	text-decoration: none;
}
.menu_item a:visited {
	font-size: 105%;
	font-weight: bold;
	color: #00529C;
	text-decoration: none;
}
.menu_item a:hover {
	font-size: 105%;
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}



#nextpage {
}


/* ---------- Page_Core Table IDs ------------------ */

#table-small {
	width: 300px;
	text-align: left;
}
#table-medium {
	width: 500px;
	text-align: left;
}
#table-large {
	width: 650px;
	text-align: left;
}
#table-full {
	width: 98%;
	text-align: left;
}

table.padded-10 td { padding:10px; }
table.padded-5 td { padding:5px; }
table.border { border: 1px solid #CCCCCC;}

hr.divide {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
}

td.divide {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



/* section_title provides a box background and font setting for an area of a table */
#section_title {
	background-color: #CCCCCC;
	width: 100%;
	clear: both;
	border: 1px solid #999999;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #00529C;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/* ---------- Primary Font & Classes ------------------ */


h1 {
    display: inline;
	font-size: 1.8em;
	margin: 0;
}
h2 {
	display: inline;
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
h3 {
	display: inline;
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	display: inline;
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

.section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #DEE4F6;
}

/* ---------- Sub Fonts & Classes  ------------------ */

.white {	color: #FFFFFF; }
.red {	color: #CC0000; }
.blue {	color: #00509E; }
.green {	color: #006633; }
.orange {	color: #F7AD00; }
.grey { color: #666666; }

.huge { font-size: 140%; }
.large { font-size: 110%; }
.small { font-size: 90%; }
.small-11 { font-size: 85%; }
.small-10 { font-size: 80%; }

.bold { font-weight: bold; }
.bolder { font-weight: bolder; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { 	vertical-align: middle; }




/* ---------- Form Fonts & Classes ------------------ */

.FormLabel-std {
	font-size: 90%;
	font-weight: bold;
}
.FormLabel-large {
	font-size: 110%;
	font-weight: bold;
}
.FormLabel-header {
	font-size: 110%;
	font-weight: bold;
	color: #666666;
}
.FormField-std {
	font-size: 90%;
	font-weight: bold;
}
.FormField-large {
	font-size: 110%;
	font-weight: bold;
}
.FormField-search {
	font-size: 90%;
	font-weight: bold;
	background-color: #9FBFDF;	
}

.FormValue-std {
	font-size: 90%;
}
.FormValue-large {
	font-size: 110%;
}

.FormHelpNote-std {
	font-size: 75%;
	color: #999999;
}

/* ---------- Handheld Fonts & Classes ------------------ */

.hh-title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.hh-FormLabel {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}
.hh-FormField {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}

.nav {font-size: 11px;
	background-color: #bbccee;
    }
    
.navbar {font-size: 11px;
	background-color: #002771;
    }

.navhdr {font-size: 11px;
	background-color: #bbccee;color: #444444;
    }
    
.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	}
.status {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #bbccee;
}




/* -------------- Table Classes for styling table reports from RM --------------- */
th	{
	color: #FFFFFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #666666;
}

table tr.odd {
	background: #EEE;
	text-align: left;
	font-size: 13px;
}
table tr.even {
	text-align: left;
	font-size: 13px;
}
td.amt {
	border-bottom-color: white;
	border-right: 1px solid gray;
	text-align: right;
	background-color: #A8D3FF;
}
td.neg {
	color: #FF0000;
	text-align: right;
	background-color: #FFFF66;
}

/* ---------- Table and Form Classes from ERB ----- need to be integrated ------------------ */
th.orig {font: smaller Verdana, "Andale Mono", Courier, "Courier New", 
  monospace; color: black; border-right: 1px solid gray; border-bottom-style: dotted;
  white-space: nowrap; font-weight: bold;}
thead th {vertical-align: bottom; border: 1px solid gray;
  border-width: 0 1px 1px 0;
  white-space: normal;}


tr.totals td {
	font-weight: bold;
	border-bottom: 1px solid gray;
	color: #336699;
}
tr.totals th {
	border-bottom-style: solid;
}
tr.totalg td {
	font-weight: bold;
	border-bottom: 1px solid gray;
	color: #336699;
}
tr.totalg th {border-bottom-style: solid;}

/******** end rm styling **************************/


/******* for styling table data stand alone*******/

td.profile {
	font: normal 90.01% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/twbluebg.jpg);
	padding: 3px;
	text-transform: none;
}
td.profile2 {
	font: bold normal 90.01% Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background: #CCCCCC;
	padding: 3px;
	text-transform: none;	
}
td.profile3 {
	font: bold normal 90.01% Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	padding: 3px;	
    text-transform: none;
}

th.reg {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE1F5 url(images/bg_header.jpg) no-repeat;
}
th.regnobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	border-bottom-style: none;
}

th.regnobg-sm {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	border-bottom-style: none;
	font-size: 60.01%;
	color: #797268;
}
th.rpt {
	font: bold 70.01% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE1F5 url(images/bg_header.jpg) no-repeat;
}

td.reg {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.regalt {
	background: #EBF3F3;
	color: #797268;
	font-size: 90.01%;
}
td.regalt-amt {
	background: #EBF3F3;
	color: #797268;
	font-size: 90.01%;
	text-align: right;
}
td.regalt2 {
	background: #FFFFFF;
	color: #797268;
	font-size: 90.01%;
}
td.regalt3 {
	color: #FFFFFF;
	font-size: 90.01%;
	padding-left: 6px;
}
td.regalt-red {
	background: #B0ECC4;
	color: #797268;
	font-size: 90.01%;
}

th.regspec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom-style: none;
}

th.regspecalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	border-bottom-style: none;
}
/********** end table data styling ****************/
/**********start forms styles*********************/
/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.small {
	color:#999;
	font-size: 11px;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/

.textinput, .textinputHovered {
	width:255px;
	height:24px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputsml, .textinputsmlHovered {
	width:150px;
	height:24px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
/******* end of forms styles******/