/* LAYOUT */
#masthead{height:30px; width:100%; background-color:#B8D6E9;margin:0px; padding:0px;}
.main{background-color:#fff; border-top:#FFFFFF 2px solid;margin:0px; padding:10px;}
#footer{height:26px; background-color:#E0E3F5; border-top:#FFFFFF 2px solid;margin:0px; padding:0px;font-size:0.8em; text-align:center; padding-top:4px;}

/* STYLES */

h1 { font:bold 1.5em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; }
h2 { font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; }
h3 { font:bold 1.1em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; }

img{border:none;}

body {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	width:100%;
}
a:link, a:visited {
	color: #0054ff;
}
a:hover {
	background-color: #0054ff;
	color: #fff;
}
input {
	font-size: 1.1em;
}

table.data {
	width:100%;
	font-size: 0.9em;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;

	border-collapse:collapse;
}   

table.data td {
	color:#000;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
/*	padding:.3em .5em; */
	font-size:0.8em;
}

table.data tr.even td {
	background:#f7fbff
	
}

table.data tr.approved td {
background:#CBFFE5;
}
table.data tr.declined td {
background:#E0E0E0;
}
table.data tr.open td {
background:white;
}

table.data th {
   padding-left: 14px;
   padding-right: 4px;
}


table.data thead tr {
	width:100%;
	background:#f4f9fe;
	font:bold 0.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3;
}

table.data th.sortup {
  background-image: url("/images/bullet_arrow_up.png");
  background-repeat: no-repeat;
  background-position: center left;
}

table.data th.sortdown {
  background-image: url("/images/bullet_arrow_down.png");
  background-repeat: no-repeat;
  background-position: center left;
}
/* display for "any" sort - eg up and down arrows */
.dataTable th.any {
  background-image: url("/images/SortAny.gif");
  background-repeat: no-repeat;
  background-position: center left;
}

table.data select {
	font-size:.95em;
}



div.progress_div {
	left:300px;
	margin-left:350px;
	width: 300px;
}
/* FILE UPLOAD */
div.pdf {
/*	border: 1px solid #C2E3EF;*/
	padding: 5px;
/*	background: #FFF;*/
	width: 300px;
	margin: 0 4px 8px 4px;
	font: 11px Verdana, sans-serif;
	text-align: center;
}

div.pdf div.name
{
	display:inline;
	width: 100px;
	overflow: hidden;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

div.pdf div.status
{
	width:100px;
}

div.pdf div.progress
{
	border: 1px solid #C2E3EF;
	text-align: left;
	height: 3px;
	width: 298px;
}

div.progress div
{
	background: #7BB963;
	height: 3px;
	width: 0;
}

div.message
{
	background: #FFF8CC;
	border: 1px solid #FFE222;
	padding: 10px;
	margin-bottom: 10px;
/*	line-height: 1.3;*/
	font-size:0.8em;
}

div.failed
{
	border: 1px solid #e5574b;
	background: #f2aaa4;
}

div.success
{
	border: 1px solid #39d147;
	background: #8ce494;
}

/* REPORT */
div.report {
	float: left;
	border: 1px solid #C2E3EF;
	padding: 5px;
	background: #FFF;
	width: 100px;
	height: 100px;
	margin: 0 4px 8px 4px;
	font: 11px Verdana, sans-serif;
	text-align: center;
}

div.report div.name
{
	width: 100px;
	overflow: hidden;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

div.report div.status
{
	margin-bottom: 10px;
}

div.report div.progress
{
	border: 1px solid #C2E3EF;
	text-align: left;
	height: 6px;
	width: 98px;
}

div.progress div
{
	background: #7BB963;
	height: 6px;
	width: 0;
}

div.message
{
	background: #FFF8CC;
	border: 1px solid #FFE222;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 1.3;
}

div.failed
{
	border: 1px solid #e5574b;
	background: #f2aaa4;
}

div.success
{
	border: 1px solid #39d147;
	background: #8ce494;
}



#crum {
	float: right;
}

#crum .wizard_page {
	margin:10px;
	width: 32px;
	height: 32px;
	float: left;
	background-color: #B8D6E9;
	border: 2px solid #B8C4E9;
	line-height: 32px;
	color: white;
	text-align:center;
}

#crum .current_wizard_page {
	margin:10px;
	width: 32px;
	height: 32px;
	float: left;
	background-color: #6a83d1;
	border: 2px solid #B8C4E9;
	line-height: 32px;
	color: white;
	text-align:center;
}

#crum .crum_description {
	float:left;
	margin:10px;
	line-height: 32px;
}

#searchform {
	display:block;
	padding:10px;
	margin-bottom:10px;
	background-color: #B8D6E9;
	border: 2px solid #B8C4E9;
	font:bold 1em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: white;
}

#searchform label {
	margin-right: 5px;
}

form.edit_user {
	display:block;
	padding:10px;
	margin-bottom:10px;
	border: 2px solid #9BE0BD;
	background-color: #D4F7E5;
	font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #4DC88A;
}

form.edit_user label {
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right;
}

form.new_user {
	display:block;
	padding:10px;
	margin-bottom:10px;
	border: 2px solid #9BE0BD;
	background-color: #D4F7E5;
	font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #4DC88A;
}

form.new_user label {
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right;
}



form.edit_title {
	display:block;
	padding:10px;
	margin-bottom:10px;
	border: 2px solid #9BE0BD;
	background-color: #D4F7E5;
	font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #4DC88A;
}

form.edit_title label {
	margin-right: 5px;
	margin-left: 20px;
}

form.edit_edition {
	display:block;
	padding:10px;
	margin-bottom:10px;
	border: 2px solid #9BE0BD;
	background-color: #D4F7E5;
	font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #4DC88A;
}

form.edit_edition label {
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right;
}

form.wizard_form {
	display:block;
	padding:10px;
	margin-bottom:10px;
	border: 2px solid #9BE0BD;
	background-color: #D4F7E5;
	color: #4DC88A;
}

form.wizard_form label {
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right;}

form.wizard_form .label_medium {
	float: left;  
	width: 20em;  
	margin-right: 1em;  
	text-align: right;}
}

.helptext {
	font-size:0.8em;
	color: black;
}

#notice {
    background:#e0f9c6;
    border: 2px solid #a9e072;
    padding:10px;

	margin-bottom: 10px;
    font-weight:bold;
    color:#82b94b;
}

#errors {
    background: #F8ADAF;
    border: 2px solid #EF5054;
    margin:10px;
    padding:10px;
    font-weight:bold;
    color:#EF5054;
}

div#langs {
	float:right;
	margin-right:10px;
	margin-top:5px;
}

div.pdf_thumbail_row {
	font-size:.8em;
	height:250px;
}

div.pdf_preview {
	margin:10px;
	float:left;
	padding: 2px;
	border: 2px solid #B8D6E9;
}


div.pdf_item {
	width:400px;
	margin-bottom:20px;
}
div.pdf_details table {
	width:350px;
	margin: 0px;
	padding: 0px;
	height: 275px;
	overflow: hidden;
}

div.pdf_details table td {
	width:50%;
}

.errorExplanation {
        padding: 20px;
        margin:20px;
        color: #EF5054;
        font-weight:bold;
        background: #F8ADAF;
	    border: 2px solid #EF5054;
}
.wide .errorExplanation h2 {
        background: none;
}

#progress_spinner {
	float:right; 
	margin-right: 20px; 
	margin-top:20px;
}

.label {
	font-weight:bold;
}

#login_screen {
	width:500px;
	background-color: #E3EFF6;
	border: 2px solid #B8C4E9;
	padding:40px;
	margin-left: auto;
	margin-right: auto;
}

table.search {
	width:70%;
	border-collapse:collapse;
	border: 0px;
}   

a.expander {
	display:block;
	width:11px;
	height:11px;
  	background:url('/images/expand.png');
}

a.expander.close {
	background:url('/images/collapse.png');
}

table.object_details {
	width:90%;
	border: 1px solid #E5EFF8;
}

table.object_details tr.diff {
	background-color: #E79B9D;
}

table.object_details tr.header {
	font-weight: bold;
}

.audit_details {
	background-color: #F9FCFE;
}

p.validation_error {
	margin-left:15em;
	font-size: 0.8em;
	color:red;
}

span.helptext {
	color: #9E9E9E;
	font-size: 0.8em;
	font-style: italic;
}

div.warning {
	font-size: 1.2em;
	color: red;
}

div#main_menu {
	font-size: 0.8em;
}
#main_menu a.active {
	font-size: 1.1em;
	font-weight: bold;
}

tr.approved td {
	background-color: red;
}

.error {
	color: red;
	font-size: 1.1em;
}

.warning {
	color: orange;
	font-size: 1.1em;
}

.simple_popup_div {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 300px;
}
.simple_popup_inner {
    padding: 20px;
    border: #999 2px solid;
    text-align: left;
}
.simple_popup_close {
    text-align: right;
}

#refresh_count {
	font-size:0.8em;
	font-style:italic;
}