/*
	*** BASE COLOURS ***
	QiSS Red: #d81e05
	Qiss Grey: #d1d1d1
*/

body {
	background:#fff url(/_images/layup/bg_sidebar.png) repeat-y 50px top;
	font-family:Arial, MS Sans Serif;
	font-size:12px;
}

h1,h2,h3,h4,h5,h6 { font-weight:bold; }
h1 { font-size:2.0em; }
h2 { font-size:1.6em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }
p { margin-bottom:1.5em; line-height:1.6em; }

a { color:#00b; text-decoration:none; }
a:hover { text-decoration:underline; }
a span { display:none; }


#header, #system_header, #login_control, .menu_main, #footer, #stats, .form_buttons
{ display:none; }


#content_area { margin:0;  }
#content_area h2 { margin-bottom:10px; padding-bottom:.5em; color:#d81e05; border-bottom:solid 1px #d81e05; }


/******************************
	Message
******************************/
.message { padding:5px; border:double 3px #009; background-color:#ddf; margin-bottom:10px; }


/******************************
	Field list view
******************************/
.view { margin-top:2em; border-style:solid none none none; border-width:1px; border-color:#666; padding:0px 5px 0 10px; }
.view legend { font-size:1.2em; line-height:1.2em; font-weight:bold; color:#666; padding:0 5px; }
.view table { width:100%; margin-top:1em; line-height:1.4em; }
.view table th { width:200px; vertical-align:top; padding:5px; color:#666; border:solid 1px #ccc; background-color:#ddd; font-weight:normal; }
.view table td { width:auto; vertical-align:top; padding:5px; border:solid 1px #ccc; }

/******************************
	Table View
******************************/

table.view { width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:.9em; color:#333;  }
table.view td, table.view th { width:auto; padding:5px; border:solid 1px #ddd; vertical-align:middle; }
table.view th { background-color:#999; font-weight: normal; color:#fff; border:solid 1px #999; }
table.view th a { font-weight: bold; color: #fff;}
table.view td { }
table.view { }

table.view .row_normal td { /* background-color:#efefef; */ }
.row_alternate td { background-color:#efefef; }
table.view .row_hover td,.row_hover th { background-color:#ffffdd; color:#000; cursor:default; }
table.view .cursorPointer td { cursor:pointer; }
table.view .row_highlight td { font-weight: bold; }


/******************************
	GridViews
******************************/

.gridview { clear:both; margin-top:1em; width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:.9em; color:#333;  }
.gridview td, .gridview th { padding:5px; border:solid 1px #ddd; vertical-align:middle; width:auto; }
.gridview th { background-color:#999; font-weight: normal; color:#fff; border:solid 1px #999; }
.gridview th a { font-weight: bold; color: #fff;}
.gridview td { }
.gridview { }

.gridview .row_normal td { /* background-color:#efefef; */ }
.gridview .row_alternate td { background-color:#efefef; }
.gridview .row_hover td,.row_hover th { background-color:#ffffdd; color:#000; cursor:default; }
.gridview .cursorPointer td { cursor:pointer; }
.gridview .row_highlight td { font-weight: bold; }

.gridview th.controls { background:none; border-top:none; border-right:none; text-align:center; display:none; }
.gridview td.controls { text-align:right; width:100px; color:#999; }
.gridview td.controls a {  color:#d81e05; text-decoration:none; }
.gridview td.controls a:hover {  color:#d81e05; text-decoration:underline; }

.gridview .options,.gridview .options table { margin:0; display:none; }
.gridview .options td { border: none; }
.gridview .options .filter { text-align:left; width:33%; }
.gridview .options .paging { text-align:center; width:34%; }
.gridview .options .pagesize { text-align:right; width:33%; }
.gridview .paging table { }
.gridview .paging table td { width:20px; height:20px; }
.gridview .paging table td.pagecount { width:auto; }
.gridview .paging table td div { border:solid 1px #ccc; height:20px; line-height:20px; padding:0 10px; }
.gridview .paging table td.pagecount span { }
.gridview .paging a { color:#d81e05; display:block; border:solid 1px #ccc; height:20px; width:20px; line-height:18px; }

.gridview .options input,
.gridview .options select { width:auto; }

.loading { position:absolute; background:#fff url(/_images/spinner.gif) no-repeat center center; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; }


/******************************
	Lists
******************************/

ul.list { list-style-type:square; color:#d81e05; line-height:1.6em; margin-bottom:2em; }
ul.list li { margin:.5em 3em; }
ul.list li span { color:#000; }

ul.list_contacts { list-style-type:square; }
ul.list_contacts li { margin:.5em 0 .5em 2em; }

ul.list_roles { list-style-type:square; color:#d81e05; }
ul.list_roles li { margin:1em 0 1em 3em; }
ul.list_roles li span { color:#000; }

.search_results { margin:1em; }
.search_results li { }
.search_results li a { display:block; padding:.5em;  }
.search_results li a:hover { background-color:#ffd; }

ul.admin { list-style-type:square; color:#d81e05; }
ul.admin li { margin-left:2em; }
ul.admin li a { display:block; padding:1em;  }
ul.admin li a:hover { background-color:#ffd; }

/******************************
	Helper Classes
******************************/
.red { color:#d81e05; }
.grey { color:#d1d1d1; }
.darkgrey { color:#616161; }

.noborder { border:none; }

.aLeft { text-align:left; }
.aCenter { text-align:center; }
.aRight { text-align:right; }

.fLeft { float:left; }
.fRight { float:right; }
.fNone { float:none; }

.clear { clear:both; }
.bold { font-weight:bold; }