/*Elements*/
html, body {
	height: 100%;
}
* {
	margin: 0;
	padding: 0
}
body {
	background: #eaeaea url(../img/bg_body.gif) no-repeat top;
	font-size: 11px;
}
body, input, textarea, select 
{
	font-family: verdana, arial, helvetica, sans-serif;
}
body, a {
	color: #333
}
h1 
{
	font-size: 16px
}
h2 
{
	font-size: 14px;
	margin: 0 0 24px 0
}
p 
{
	margin: 0 0 24px 0;
	font-size: 11px
}
li 
{
	list-style-type: none
}
select 
{
	width: 444px
}
img 
{
	border: 0
}
body.general textarea 
{
	height: 280px;
	width: 440px
}
body.general 
{
	width: 100%
}
body.general tr 
{
	background: #f0f0f0
}
body.general tr:hover
{
	background: #eaeaea
}
body.general th, body.general td 
{
	font-size: 11px;
	font-family: Arial,Helvetica,Sans-serif;
	padding: 4px 2px;
}
body.general th 
{
	text-align: left;
	background: #dbdbdb;
	padding: 6px 2px;
}
.blank 
{
	background: #fff;
	height: 20px
}
.controls 
{
	background: #f7d5bb;
	padding: 4px 12px;
	border-top: 1px solid #fc0;
	border-bottom: 4px solid #fc0;
	color: #333
}
.editselected,
.deleteselected 
{
	cursor: pointer
}



.currentvalues 
{
	background: #f7d5bb;
	padding: 4px;
	border: 1px solid #fc0;
	margin: 20px 0 20px 177px;
	width: 290px
}
.currentvalues p
{
	font-size: 12px;
	color: #666;
	margin-bottom: 6px
}
.currentvalues li 
{
	float: none;
	margin: 0;
	padding: 0;
	color: #fc0;
	font-size: 12px
}
.currentvalues li img 
{
	vertical-align: middle
}




/*Layout*/

#container {
	width: 960px;
	background: #fff;
	margin: 0 auto
}
#header 
{
	margin: 0
}




/*Misc*/
.message, .validation-advice 
{
	background: #fc0 url(../img/bg_message.gif) no-repeat 3px 3px;
	font-style: italic;
	padding: 4px 0 4px 24px;
	color: #013334;
	margin: 8px 0;
}
.validation-advice 
{
	font-style: normal
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #fc0;
	color : #fc0;
	background: #f1d4de;
}
.long
{
	width: 440px
}
label.alt, label.alt a
{
	color: #fc0
}




.highlight 
{
	color: #fc0;
	font-weight: bold
}






/*Breadcrumb*/

.breadcrumb,
.breadcrumbalt
{
	background: #599998;
	padding: 4px 0;
	margin: 0 0 36px 0
}
.breadcrumb 
{
	padding: 4px 40px
}
.breadcrumb *
{
	color: #fff
}
.breadcrumb li,
.breadcrumbalt li {
	list-style: none;
	padding: 0 6px 0 12px;
	display: inline;
	background: url(../img/bg_li_breadcrumb.gif) no-repeat left;
	font-size: 11px;
}
.breadcrumb li.first,
.breadcrumbalt li.first {
	padding: 0 6px 0 0;
	background: none
}


.breadcrumbalt * 
{
	color: #666
}
.breadcrumbalt 
{
	background: none;
	margin-top: 100px
}
.breadcrumbalt li {
	background: url(../img/bg_li_breadcrumbalt.gif) no-repeat left;
}




/*Main menu*/
.main-menu 
{
	font-size: 12px;
	float: left;
	width: 280px
}
.main-menu li 
{
	margin: 32px 0;
	padding: 6px 0 0 32px;
	font-weight: bold;
}
.main-menu ul li 
{
	margin: 8px 0 0 0;
	padding: 0 0 0 12px;
	font-weight: normal;
	color: #ccc
}

.master 
{
	background: url(../img/ico_master.gif) no-repeat left top;
}
.inspector 
{
	background: url(../img/ico_inspector.gif) no-repeat left top;
}
.sub 
{
	background: url(../img/ico_sub.gif) no-repeat left top;
}
.inspection-report 
{
	background: url(../img/ico_report.gif) no-repeat left top;
}
.type 
{
	background: url(../img/ico_type.gif) no-repeat left top;
}
.sheet 
{
	background: url(../img/ico_sheet.gif) no-repeat left top;
}
.structure 
{
	background: url(../img/ico_structure.gif) no-repeat left top;
}


.add 
{
	background: url(../img/ico_add.gif) no-repeat left
}
.edit 
{
	background: url(../img/ico_edit.gif) no-repeat left
}
.delete 
{
	background: url(../img/ico_delete.gif) no-repeat left
}
.magnify 
{
	background: url(../img/ico_magnify.gif) no-repeat left
}



/*Forms*/

body.general fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 16px 0;
	padding: 0;
	border: 1px solid #adadad;
	background: #f0f0f0 url(../img/fieldset_gradient.gif) repeat-x;
}

body.general legend
{
	margin-left: 12px;
	padding: 0;
	font-weight: bold;
	color: #333;
	font-size: 12px
}

body.general fieldset ol
{
	padding: 12px 12px 0 12px;
	list-style: none;
	zoom: 1;
}

body.general fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 12px;
}

body.general label
{
	position: relative;
	float: left;
	width: 167px;
	margin-right: 10px;
	font-size: 11px
}
body.general label.error {
	color: #599998;
	float: none;
	padding-left: 12px;
}

body.general label em
{
	position: absolute;
	left: 160px;
	top: 4px;
}

body.general label span 
{
	color: #999;
	font-style: italic
}

body.general fieldset.submit
{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 190px;
	background-color: transparent;
	background-image: none;
}


table.data td 
{
	padding: 2px
}
table.data input 
{
	width: 100%
}
body.general table {
	width: 100%
}
body.general td {
	padding: 4px 2px
}



.short 
{
	width: 80px
}







.paging a
{
	color: #fc0;
	text-decoration: none
}
.note 
{
	font-style: italic
}






#centeredcontent 
{
	z-index: 101;
	width: 400px;
	height: 60px;
	text-align: center;
	background: #fff;
	border: 2px dashed #fc0;
	color: #fc0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -30px; 
	/* Half the height of the DIV tag */
	display: none
}
#centeredcontent p 
{
	font-size: 14px;
	margin: 20px 0 0 0
}





.member-hide 
{
	display: none
}





#inner-container 
{
	padding: 0 40px
}








.section h2 {
	background: #dae8e8;
	padding: 4px 4px 4px 2px;
	margin: 40px 1px 0px 1px;
	font-size: 14px
}
.section h2.main-report {
	background: #accccb
}
.section {
	margin-bottom: 40px;
	clear: both
}
.section h2 a {
	float: right;
	font-size: 10px;
	font-weight: normal;
	color: #599998;
	text-decoration: none;
}
.section h2 a:hover {
	text-decoration: underline;
}
p.anchor-nav {
	margin: 0;
}
.anchor-nav a {
	color: #599998;
	text-decoration: none;
}
.anchor-nav a:hover {
	text-decoration: underline;
}






/* tables */
table.sortableTable thead tr .header {
	background-image: url(../img/sortableTable_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.sortableTable tbody tr.even td {
	background-color:#f0f0f0;
}
table.sortableTable tbody tr.odd td {
	background-color:#f6f6f6;
}
table.sortableTable thead tr .headerSortUp {
	background-image: url(../img/sortableTable_asc.gif);
}
table.sortableTable thead tr .headerSortDown {
	background-image: url(../img/sortableTable_desc.gif);
}
table.sortableTable thead tr .headerSortDown,
table.sortableTable thead tr .headerSortUp {
	background-color: #c7c7c7;
}