@CHARSET "UTF-8";

/************************************
	GENERAL BODY STYLES	
************************************/

html, body {
background-color:#E7D6B5;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:0.8em;
margin-left:0px;
margin-top:0px;
padding:0px;
width:100%;
}

/************************************
	HEADER STYLES	
************************************/

#pageheader {
background-color:#D9D9D9;
border-bottom:medium none;
color:black;
font-size:2em;
height:80px;
left:0px;
letter-spacing:0.2em;
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
top:0px;
}

.logo_mcliff {
font-size:0.65em;
height:60px;
position:relative;
}

.ramheader {
font-size:0.8em;
font-weight:bold;
left:10px;
position:relative;
}

.userheader {
font-size:0.45em;
left:30px;
position:relative;
top:10px;
}

.poheader {
font-size:0.65em;
position:relative;
}

#menuwrapper {
background:#32396A none repeat scroll 0% 0%;
border-color:white -moz-use-text-color;
border-style:solid none;
border-width:1px medium;
height:20px;
width:100%;
margin:0pt;
padding:0pt;
z-index:1000;
color:#000000;
}

#left_menu {
float: left;
}

#right_menu {
float: right;
}

#menuwrapper a:hover {
background:#FFFFFF none repeat scroll 0% 0%;
color:#000000;
}

#menuwrapper a {
border-left:1px solid white;
color:#FFFFFF;
cursor:pointer;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:8pt;
font-weight:normal;
letter-spacing:1px;
line-height:0.75em;
padding:5px 18px 5px 7px;
text-decoration:none;
display:block;
}

.logo_eon {
font-size:0.65em;
height:80px;
position:absolute;
right:0px;
top:0px;
}

/************************************
	GENERAL CONTENT STYLES	
************************************/

#content {
background-color:#E7D6B5;
top:103px;

}



#message {
min-width:720px;
width:51em;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
padding: 5px;
font-weight:        bold;
border:1px solid #000000;
background: #ffffff;
}

.highlight_error {
 background-color: red;
}

#menutreewrapper {
	width: 205px;
	float: right;
}

.validation_error {
	color: black;
}

a.quicklink {
	margin: 3px;
	padding: 3px;
	cursor: pointer;
	padding: 1px 0 1px 15px;
	text-decoration: none;
	letter-spacing: 1px;
}

.content_box {
position: relative;
margin-right: 205px;
margin-top: 20px;
margin-left: 10px;
}


#content_query, #query_display, .content_general  {
background-color: #FFFFFF;
border-color: #240A67;
border-style: inset;
position: relative;
padding: 5px;
}

#query_display  {
font-size:1.3em;
}

#query_response {
padding-top: 20px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
background-color: #FFFFFF;
border: 2px inset #240A67;
position: relative;
width: -moz-fit-content;
min-width: 100%;
}


a.legend {
background-color:#FFFFFF;
border:2px solid #240A67;
border-bottom-width: 0px;
font-size:12px;
margin-left:0.5em;
padding-left:0.5em;
padding-right:0.5em;
position:relative;
text-decoration: none;
}

a.legend:hover {
  color: #666666;
  cursor: pointer;
}


div.legend {
background-color:#FFFFFF;
border:2px outset #240A67;
font-size:12px;
left:0.5em;
padding-left:0.5em;
padding-right:0.5em;
position:absolute;
top:-0.9em;
}

label {
border:medium none;
color:#666666;
display:block;
line-height:1.5em;
}



a:link {
}

a:hover {
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

a {
font-weight:bold;
}

div.locate {
display:inline;
float:left;
position:static;
width:1px;
}

#sql_debug {	
	padding-left: 20px;	
	padding-top: 50px;
	width: 80%;
		
}
	

/************************************
	TABLE STYLES	
************************************/

th {
background-color:#32396A;
color:white;
padding-left:0.4em;
padding-right:0.5em;
padding-top:0.5em;
text-align:left;
vertical-align:bottom;
}

.th_right {
text-align: right;
}
	
table.sortable thead {
    background-color:   #eee;
    color:              #666666;
    font-weight:        bold;
    cursor:             default;
}

table.sortable a.sortheader {
	margin:				0;
	line-height:		1.35em;
	padding-bottom:		2px;
	padding:			0;
	font-weight:		bold;
	font-size:			xx-small;
    line-height:		135%;
	height:				100%;
    display:			block;
    cursor:				pointer;
	color: #FFFFFF;
	
	
    }

table.sortable a:hover {
	text-decoration:	underline;	
}



table.sortable span.sortarrow {
	color:				black;
	font-size:			11pt;
	font-weight:		bold;
	text-decoration:	none;
	cursor:				auto;
}



tfoot {
    background-color:   #eee;
    font-weight:        bold;
    cursor:             default;
}

/*Needed for IE6. Must be stated explicitly to force the thead and tfoot to print on every page*/
thead {                    
     display: table-header-group;
}

tbody {
     display: table-row-group;
}

/*.query_table {
	margin: 2px;
}*/

.query_table td {
	vertical-align: top
}

td.total {
    background-color:   #eee;
    color:              #666666;
    font-weight:        bold;
    cursor:             default;
}


/* Summary tables */
table.summary td {
  border:1px solid #888;
}

table.summary td.name{
    background-color:   #eee;
	font-weight:bold;
}


/************************************
	FORM STYLES
************************************/

input, textarea, select {
	text-align: left;
	padding-left: 0.2em; /* padding inside the input box */
	font-family: Verdana, Tahoma, Arial Narrow, Helvetica, sans-serif;
	font-size: 11px;
		color: #000;
}

input.submit {
	color: #000;	
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #E7D6B5;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
}