/*
	*** 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; margin-bottom:1em; }
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; }

h2 em { color:#666; }

#system_header, #login_control, .menu_main
{ margin-left:50px; }

#system_header { height:50px; line-height:50px; }
#system_header #clock { float:left; width:183px; text-align:center; font-size:10px; }

#system_header .search_bar { margin:0 230px 0 200px; }
#system_header .search_bar input { font-size:smaller; }

#system_header .logos { float:right; margin-right:10px; width:230px; text-align:right; }
#system_header .logos a { display:block; height:50px; background:url(/_images/layup/cccu_logos.gif) no-repeat right center; }

#header { background:#d1d1d1 url(/_images/layup/bg_header.png) repeat-y top left; height:161px; overflow:hidden; }

#header #login_control { float:left; width:185px; height:161px; }
#header #login_control table { width:89%; margin:15px auto; }
#header #login_control table td { padding:5px; }
#header #login_control table h3 { color:#fff; font-family:Trebuchet MS, Verdana, Arial; }
#header #login_control table input[type="text"],
#header #login_control table input[type="password"] { font-weight:bold; color:#009; width:150px; height:20px; line-height:20px; text-align:center; }

#header #login_control .username { background:#fff url(/_images/layup/bg_login-controls.png) no-repeat 17px 5px; border:solid 1px #969696; }
#header #login_control .password { background:#fff url(/_images/layup/bg_login-controls.png) no-repeat 17px -20px; border:solid 1px #969696; }

#header #banner { height:161px; margin-left:235px; background:#d1d1d1 url(/_images/layup/banner_large.jpg) no-repeat left top; }
#header #logo { display:none; }
#header #logo a { height:76px; width:220px; margin-right:10px; float:right; background:url(/_images/layup/logo.png) no-repeat center center; }

#header.small { height:76px; }
#header.small #banner { height:76px; background-image:url(/_images/layup/banner_small.jpg); }
#header.small #logo { display:block; }

#header.small #login_control { height:76px; text-align:center; margin-top:10px; }
#header.small #login_control h4 { color:#fff; margin-bottom:5px; }
#header.small #login_control h6 { color:#fff; margin-bottom:10px; font-style:italic; font-size:.9em; }
#header.small #login_control input { font-size:smaller; color:#666; }

#footer { clear:both; font-size:11px; padding:0 10px; color:#fff; text-align:right; line-height:30px; height:30px; background-color:#d81e05; }
#stats { text-align:right; font-size:10px; color:#999; margin:10px 10px 0; padding-bottom:10px; }

.menu_main { float:left; width:183px; margin-bottom:10px; margin-top:5px; margin-right:10px; }
.menu_main li { display:block; font-size:11px; margin:0 10px; border-bottom:solid 1px #fff; background:#fff url(/_images/layup/bg_sidebar.png) repeat-y -10px top; }
.menu_main li a { display:block; height:25px; padding:0 10px; line-height:25px; font-weight:bold; color:#000; text-decoration:none; }

.menu_main li.last { border-bottom:none; }

.menu_main li.arrow a { background-image:url(/_images/layup/menu_arrows.png); background-repeat:no-repeat; background-position:right 8px; }
.menu_main li.arrow a:hover { background-position:right -22px; }

.menu_main li.arrow a.selected,
.menu_main li a.selected,
.menu_main li a:hover { color:#fff; background-color:#999; text-decoration:none; }
.menu_main li a:active { color:#d81e05; }

.submenu { display:none; width:200px; background:#999 url(/_images/layup/bg_submenu.gif) no-repeat -1px top; padding:1px 0px 0 0px; border-right:solid 1px #fff; border-bottom:solid 1px #fff; }
.menu_main li.arrow .submenu li { border-bottom-color:#ccc; background-image:none; background-color:#999; }
.menu_main li.arrow .submenu li a { padding:0 5px; background:none; background-color:#999; }

#content_area { margin:10px 10px 100px 245px; min-height:300px;  }
#content_area h2 { margin-bottom:10px; padding-bottom:.5em; color:#d81e05; border-bottom:solid 1px #d81e05; }
#content_area h3 { margin:15px 0; color:#999; }


/******************************
	Footer menu
******************************/

#footer a { color:#fff; }

#copyright { float:left; }

.footer_menu { float:left; margin-left:230px; padding:8px 0; }
.footer_menu li { float:left; margin-right:10px; padding-right:10px; line-height:14px; border-right:solid 1px #d87b6e; }
.footer_menu li a { color:#fff; }

.footer_menu li.last { border-right:none; }


/******************************
	Message
******************************/
.message { padding:5px; border:double 3px #009; background-color:#ddf; margin-bottom:10px; line-height:1.4em; }
.message.error { background-color:#ffe; border:double 3px #990; }

/******************************
	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; }


table.contact_panel th select { font-size:smaller; width:175px; }
table.contact_panel th input[type="radio"] { float:left; }


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

.gridview { 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 th.sort a { padding-right:15px; }
.gridview th.sort.asc a { background:#999 url(/_images/icons/sort_asc.png) no-repeat right center; }
.gridview th.sort.desc a { background:#999 url(/_images/icons/sort_desc.png) no-repeat right center; }

.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; }
.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 .row_archived td { font-style:italic; /*color:#c88;*/ color:#888; }

.gridview th.controls { background:none; border-top:none; border-right:none; text-align:center; }
.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; }
.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 .options input,
.gridview .options select { width:auto; }

.gridview .filter_txt { width:150px; }
/* .gridview input.filter_btn { font-size:smaller; } */

.gridview .options_info td { }
.gridview .options_info .filter_remove { margin-left:75px; }

.gridview .paging a { color:#666; display:block; border:solid 1px #ccc; height:20px; width:20px; line-height:18px; }
.gridview .paging a:hover { color:#d81e05; border:solid 1px #d81e05; text-decoration:none; }


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


.permissions { width:100%; margin-top:20px; }
.permissions th { padding:5px; border:solid 1px #ddd; vertical-align:middle; font-weight:bold; }
.permissions td { padding:5px; border:solid 1px #ddd; text-align:center; }

.permissions .alt th,
.permissions .alt td { background-color:#eee; }

.permissions .hover th,
.permissions .hover td { background-color:#ffffdd; }

ul.key_dates { list-style-type:square; list-style-position:outside; margin-left:30px; }
ul.key_dates li { color:#d81e05; margin-bottom:10px; margin-left:30px; line-height:1.6em; }
ul.key_dates li span { color:#000; }

/******************************
	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 { display:block; padding:.5em; }
.search_results li a { /*display:block;*/  }
/*.search_results li a:hover { background-color:#ffd; }*/
.search_results li: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
******************************/
.highlight { background-color:yellow; display:inline; }

.red { color:#d81e05; }
.grey { color:#d1d1d1; }
.darkgrey { color:#616161; }

.noborder { border:none; }

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

.vTop { vertical-align:top; }

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


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