@import url("sgims2A.color.css.php");

body {padding: 0px; margin: 0px; text-align: center; background-color: #EEEEEE; background-image: url(/sgims/supportfiles/background_main.gif); background-repeat: repeat-x; }
#clientname {display: none}
#headlogo {display: none}

#pagewrap {width: 996px; padding:0px; margin: 0 auto; text-align: left; background-color: white; margin-top: 3px; margin-bottom: 3px; background-image: url(/sgims/supportfiles/sgims-borders_03.gif); background-repeat: repeat-y}
#topwrap { width: 980px; padding: 8px; background-image: url(/sgims/supportfiles/sgims-borders_01.gif); background-repeat: no-repeat}
#footwrap { width: 980px; padding: 8px; background-image: url(/sgims/supportfiles/sgims-borders_04.gif); background-repeat: no-repeat; background-position: bottom left}

.tophead {  font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 10px; clear: both; height: 38px; overflow: hidden; background-repeat: no-repeat; background-position: 10px 10px}
.tophead .left {float: left; width: 450px; font-size: 21px; font-weight:bolder}
.tophead .left .link {font-size: 13px }
.tophead .right {float: right; width: 450px; text-align: right}

.headlinks {line-height: 22px}
.headuser {font-size: 11px }

.breaking { clear: both }

h3.breaking { padding-top: 1em; }

.linkhead {text-align: right; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif;  padding: 5px 10px;  clear: both}
div.linkhead div{display:inline;white-space:nowrap}
div.linkhead div.left{float:left}
#content>div.linkhead{display:table;width:100%}
#content>div.linkhead div{display:table-cell}
#content>div.linkhead div.left{float:none;text-align:left}
#content>div.linkhead div.right{text-align:right}

#archive { padding: 5px 8px; 
	font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	font-weight: bolder;
}

#peers {
	position: absolute;
	right: 0px;
	width: 250px;
	font-size: 11px;
	text-align: right;	
	background-color: white;
	z-index: 10;
}

#peers .peerset div { padding: 3px 10px 3px 3px; }

#peers .title {
	font-weight: bolder;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

#peers .peerset {
	margin-bottom: 6px;
}

#peers .peerset div.active { font-weight: bolder; color: #555 }
#peers .peerset div.active .label, #peers .peerset div.active .changer_link { display: none }

#peers .hidden .title {
	display: none;
}

#peers .hidden div {
	display: none;
}

#peers .hidden div.active {
	display: block;
	color: #333;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;	
}
#peers .hidden div.active .label, #peers .hidden div.active .changer_link {
	display: inline;
	color: black;
}


#content .body_title {
	}

#content { font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding-top: 3px; padding-right: 8px; padding-left: 10px; padding-bottom: 18px; width: 960px; float: left; position: relative }
#content_space { float: right; height: 380px; width: 2px }

.content_text { font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; }

#footer { clear: both }

#footer img {
	padding: 5px 8px;
}

#footer_left
{
	float: left;
	width: 200px;
	padding: 3px 8px;
}

#footer_right  { float: right; width: 600px; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif;  text-align: right; padding: 5px 10px;}
/* border-bottom: 1px solid #ddd; clear: both }*/

#footer_base {
	clear: both;
}

#content h2 .note {
	font-size: 0.7em;
	font-weight: normal;
	position: relative;
	top: -0.15em;
}

.name_extra {
	font-size: 0.8em;
	font-weight: normal;
}

/* content styles */

table.formtable {
	width: 980px;
	margin: 0px -10px;
	border-top: 1px solid #ddd;
}
.formtable td {
	padding-left: 10px !important;
	padding-right: 10px !important;	
	border-bottom: 1px solid #ddd;
}

.formtable td h4 {
	margin: -5px -10px;
	padding: 5px 10px;
}

.formtable td.first
{
	font-weight: bolder;
	color: #222;
	width: 180px;
	padding-right: 3px !important;
	border-right: 1px #F6F6F6 double;
}

.formtable tr.highlight td {
	background-color: yellow !important;
}

.formtable td.head
{
	color: white;
}

.formtable td .bodytable td {
	padding: 5px !important;
	border: 0px;
	width: auto;
}


table.bodytable   { }
td.head   {  font-weight: bolder; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.head18   {  font-weight: bolder; font-size: 18px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.head14   {  font-weight: bolder; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.head11   { font-weight: bolder; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.subhead   { font-weight: bolder; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }

.compact td { padding: 3px }
.compact td.head { font-size: 11px }
.compact td.row { font-size: 10px }

td.alt { 
	background-color: #eee !important;
}

td.row  { background-color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.row_inact { background-color: #bbbbbb; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }

td.rowsmall  { background-color: white; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.rowtiny  { background-color: white; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }
td.rowshort  { background-color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 3px 5px }
td.rowsmallshort  { background-color: white; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 3px 5px }
td.rowverytiny  { background-color: white; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }





table.cleartable { background-color: white }
td.plaincell { background-color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 0px }
td.padcell { background-color: white; padding: 5px }
td.cell14 { background-color: white; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px }

table.calendar { }
caption.calendar_label { font-weight: bolder; font-size: 22px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px; text-align: center }
td.calendar_day { font-weight: bolder; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 5px 3px }
td.calendar_empty {  padding: 3px }
td.calendar_date { font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 3px }
td.calendar_date_today { font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 3px }

table.calendar_cell { }
td.calendar_item { font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; padding: 2px 2px 3px }

div.unit_table {border: 1px solid #ddd; float: left; padding: 5px; margin-bottom: 8px; margin-right:8px; background-color: #eee}
div.unit_table h4 {font-size: 14px; padding-bottom: 5px; padding-left: 1px; margin: 0 0}
div.unit_table p {margin: 0 0}

a img { border-width: 0px }

a { }
a:hover { text-decoration: none }
a.white {  }
a.white:hover { text-decoration: none }

a.stealth { color: black; text-decoration:  none }
a.stealth:hover { color: black; text-decoration: underline }

.text11 { font-size: 11px }
.text10 { font-size: 10px }
.text9 { font-size: 9px }

.error_message { 
	background-color: lightyellow; 
	border: 1px solid yellow;
	padding: 5px;
	margin-left: -5px;
	margin-right: -5px;
}

.notice_setoff {
	background-color: lightyellow; 
	border: 1px solid yellow;
	padding: 5px;
	margin-left: -5px;
	margin-right: -5px;
}

.notice_setoff h3, .notice_setoff h4 {
	margin-top: 0px;
}

.info_setoff {
	background-color: #f9f9f9; 
	border: 1px solid #eee;
	padding: 5px;
	margin-left: -5px;
	margin-right: -5px;
}

.info_setoff h3, .info_setoff h4 {
	margin-top: 0px;
}

#home_left {
	float: left;
	width: 368px;
}

.right_module {
	float: right;
	clear: right;
	width: 580px;
}

#roll_charts {
	float: right; 
	width: 293px;
	margin-left: 8px;
}

#roll_charts .chart {
	display: block;
	padding: 5px;
	border-collapse: true;
	margin-bottom: 8px;
}

#roll_charts .chart .caption
{
	font-weight: bolder;
	display: block;
	margin: -5px -5px 3px -5px;
	padding: 5px;
}

.rowsmall .chart
{
	display: block;
	float: left;
	overflow: hidden;
	margin: -5px -5px -5px -5px;
}

.rowsmall .chart img {
	margin: -10px;
}

form { margin-bottom: 0px }

.photo_grid.spaced {
	margin-bottom: 12px;
	float: left;
}

.photo_grid.spaced .photo_cell {
	margin-bottom: 5px;
}

.photo_grid
{
	margin-right: -1px;
	margin-left: -1px;
}

.photo_grid .photo_cell {
	float: left;
	margin: 1px;
}

.photo_cell .photo_item {
	background-color: #f0f0f0;
	position: relative;
}

.photo_cell .photo_item .na_note
{
	display: block;
	text-align: center;
	position: absolute;
	top: 40%;
	padding: 0px 5px;
}

.photo_cell .caption {
	text-align: center;
	padding: 2px;
}

.backforward {
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	width: 980px;
	margin: 0px -10px 8px;
	padding: 5px 0px;
	float: left;
}

.backforward .back {
	float: left;
	padding: 0px 10px;
}

.backforward .forward {
	text-align: right;
	float: right;
	padding: 0px 10px;	
}



.newprofile {
	border-top: 1px solid #eee;
	margin: 0px -10px;
}

.newprofile .mainhead {
	padding: 6px 10px;
	clear: both;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	font-weight: bolder;
}

.newprofile .subhead {
	padding: 4px 10px;
	clear: both;
	border-bottom: 1px solid #eee;
	font-weight: bolder;
	background-color: #e0e0e0;	
}

.newprofile .minorhead {
	padding: 4px 10px;
	clear: both;
	border-bottom: 1px solid #eee;
	font-weight: bolder;
	background-color: #f0f0f0;	
}

.newprofile .subhead .floater {
	float: right;
	font-weight: normal;
}

.newprofile .block {
	padding: 4px 10px;
	clear: both;	
	border-bottom: 1px solid #eee;	
}

.newprofile .set {
	padding: 4px 10px;
	clear: both;
	border-bottom: 1px solid #eee;
	float: left;
	width: 960px;
}

.newprofile .set.left {
	border-right: 1px solid #eee;
	width: 460px;
	float: left;
	clear: left;
}

.newprofile .set.right {
	width: 460px;
	float: right;
	clear: right;
}

.newprofile .set.alt {
	background-color: #e0e0e0;
}

.newprofile .set .label {
	float: left;
	font-weight: bolder;
	width: 180px;
}

.newprofile .set.lite .label {
	float: left;
	font-weight: normal;
}

.newprofile .set.widelabel .label {
	width: 300px;
}

.newprofile .set.widelabel .item {
	width: 660px;
}

.newprofile .set .item {
	width: 780px;
	float: left;
}


.newprofile .doclabel {
	padding: 4px 10px;
	clear: both;
	font-weight: bolder;
	text-align: center;
}

.newprofile .pdf_frame {
	width: 980px;
	border-width: 0px;
	height: 1268px;
}

.newprofile .side {
	padding: 0px 10px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	float: right;
	width: 300px;
	margin-left: -2px;
}

.newprofile .main {
	float: left;
	width: 659px;
}

.newprofile .side .set {
	width: 300px;
	padding: 0px 0px;
	border-bottom-width: 0px;
}

.newprofile .side .set .label {
	width: 300px;
	font-weight: bolder;
	background-color: #e0e0e0;	
	margin: 0px -10px;
	padding: 4px 10px;
	border-bottom: 1px solid #eee;	
}

.newprofile .side .set .item {
	width: 300px;
	padding: 3px 0px 4px;
}



.newprofile .main .set {
	width: 639px;
}

.newprofile .main .set .item {
	width: 459px;
}

.newprofile .side.narrow { padding-top: 10px; padding-bottom: 10px }

.newprofile .side.narrow, 
.newprofile .side.narrow .set, 
.newprofile .side.narrow .set .label, 
.newprofile .side.narrow .set .item 
{
	width: 150px;
}

.newprofile .mainwide {
	float: left;
	width: 809px;
}

.newprofile .mainwide .set {
	width: 789px;
}

.newprofile .mainwide .set .item {
	width: 609px;
}


.newprofile .pair {
	padding: 4px 10px;
	clear: both;	
	border-bottom: 1px solid #eee;	
	float: left;
}

.newprofile .pair .first {
	float: left;
	width: 639px;
}

.newprofile .pair .second {
	float: right;
	width: 300px;
}

.newprofile .side.narrow .caption
{
	text-align: center;
	padding-top: 3px;
	font-size: 0.9em;
	font-style: italic;
}

.newprofile .side.narrow .caption.spaced {
	margin-bottom: 0.5em;
}

.newprofile .side.narrow .caption em {
	font-style: normal;
}

.threecolumns, .fourcolumns {margin-right: -10px}

.threecolumns .column, .fourcolumns .column {
	float: left;
	margin-right: 10px;
}

.threecolumns .column {
	width: 313px;
}

.fourcolumns .column {
	width: 232px;
}

.threecolumns .column .subhead, .fourcolumns .column .subhead {
	font-weight: bolder;	
	margin-top: 0.9em;
	padding-bottom: 2px;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #eee;
}

.threecolumns .column .subhead.top, .fourcolumns .column .subhead.top {
	margin-top: 0px !important;
}

.threecolumns .column .link, .fourcolumns .column .link {
	font-size: 0.9em;
}