html {background-color:#FFF;}
body {margin: 0;}
h1, h2, h3, h4, h5, h6, h7 {font-weight: 100}
p {line-height: 1.2em;font-size: .8em;}
a {text-decoration: none; overflow: hidden;}
ol, ul {list-style: none;margin: 0;padding: 0;}
.bold {font-weight: 700}
.floatl {float: left}
.floatr {float: right}
.no-margin {margin-right: 0!important}
.no-border {border: none!important}
.clearing {clear: both}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*--------------!FONTS----------------*/
body {font-family: Arial, Helvetica, Geneva, sans-serif}
h1, h2, h3, input, textarea, button {font-family: Arial, Helvetica, Geneva, sans-serif}

/*--------------!COLOURS----------------*/
body {color: #000;}
#masthead a, #masthead, #logged li, #logged li a, .btn {color: #fff}
a, #subnavbar a, #footer-links , #footer-links a {color: #000;}
#footer .modCopy {color: #999;}
#navbar .active a {color: #fff;}
#masthead a, #masthead, #logged li, #logged li a, .btn, .page-sort li a {color:#FFFFFF;}
h2, h3, #logbox h4 {color: #000;}
#subnavbar li a:hover {color: #000;}
#mainbody-header h2 {color:#666666;font-weight:700;margin-left:5px;margin-top:10px;}
.btn-tertiary {background-color: #000;padding: 3px 5px;}
.btn-tertiary:hover {background-color: #999;}
.btn-primary {background-color: #990000;padding: 3px 5px;}
.btn-primary:hover {background-color: #CC0000;}

/*--------------!LAYOUT----------------*/
#container {margin: 10px auto;width:960px;}
#login {margin:7em auto;width:320px;}
#login form {-moz-border-radius:8px 8px 8px 8px;-moz-box-shadow:0 4px 12px #C8C8C8;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E5E5E5;font-weight:normal;margin-left:8px;padding:16px 16px 40px;}
#login label {color:#777777;font-size:13px;}
#user_pass, #user_login, #user_email {background:none repeat scroll 0 0 #FBFBFB;border:1px solid #E5E5E5;font-size:22px;margin-bottom:16px;margin-right:6px;margin-top:2px;padding:3px;width:97%;}
input.button-primary, button.button-primary, a.button-primary {background:url("/g/button-grad.png") repeat-x scroll left top #000;border-color:#000;color:#FFFFFF;font-weight:bold;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);}
input.button-warning, button.button-warning, a.button-warning {background:url("/g/button-grad-warning.png") repeat-x scroll left top #CC0000;border-color:#CC0000;color:#FFFFFF;font-weight:bold;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);}
.button-primary, .button-warning {-moz-border-radius:6px 6px 6px 6px;border:1px solid;cursor:pointer;font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;font-size:12px;margin-top:-3px;padding:3px 10px;text-decoration:none;}
#login h1 a {background:url("/g/logo-cms.png") no-repeat scroll center top transparent;display:block;height:66px;overflow:hidden;padding-bottom:15px;text-indent:-9999px;width:300px;}
#header-container {border-bottom:4px solid #000;width:960px;}
#header-container h1 a {background:url("/g/logo-cms-sml.png") no-repeat scroll center top transparent;display:block;height:66px;overflow:hidden;padding-bottom:0;text-indent:-9999px;width:215px;float:left;}
#header-links {color:#000000;font-size:12px;font-weight:normal;margin:10px;padding:0;float:right;}
#navbar {background-color:#fff;overflow:hidden;width:680px;float:left;margin-top: 15px;margin-left: 25px;}
#navbar li {float: left; border-right: 1px solid #fff;border-left: 1px solid #fff;}
#navbar li a {background-color:#fff;display:block;font-size:0.9em;margin:0;padding:8px 20px 10px;font-weight:100;text-transform:uppercase;}
#navbar li a:hover {background: #666;color: #fff;}
#navbar .active a {background: #000;display: block;}
#navbar .active a.home {background: #774383;}
#navbar .active a.timesheets {background: #BF1F77;}
#navbar .active a.expenses {background: #8A0437;}
#navbar .active a.clients {background: #112E74;}
#navbar .active a.reports {background: #3770BD;}
#header-container.home {border-color: #774383;}
#header-container.timesheets {border-color: #BF1F77;}
#header-container.expenses {border-color: #8A0437;}
#header-container.clients {border-color: #112E74;}
#header-container.reports {border-color: #3770BD;}
#navbar li li a:hover {background: none;color: #000;text-decoration: underline;}
#subnavbar li {margin: 0 15px;font-size: .8em;float: left;}
#subnavbar li a:hover {text-decoration: underline;}
#subnavbar .active a {-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;background-color:#EEEEEE;border:1px solid #666666;font-weight:700;padding:3px 6px 6px;}
#footer {margin-top:20px;padding:0 5px 15px 0;text-align:center;border-top:1px solid #999;}
#footer .modCopy {clear:both;font-size:0.7em;margin-top:8px;}
#footer .modCopy {color:#999999;}
#mainbody-header {border-bottom:2px solid #CCCCCC;color:#999999;margin:20px 0;width:960px;}
#mainbody-header td{padding:3px;}
#mainbody-header h1 {font-size:16px;font-weight:bold;margin:2px 0 2px 5px;padding:0;}
.error, #login #login_error {background-color:#FFEBE8;border-color:#CC0000;}
#login_error, .message {-moz-border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px;margin:0 0 16px 8px;padding:12px;font-size:0.8em;}
#mainbody-container, #main-body {min-height:400px;}
#mainbody-container .error-permission {margin:20px auto;width:600px;}
#intro {margin-top:20px;border-bottom:1px solid #ccc;}
#intro h2 {font-size:1.6em;padding-bottom:10px;}

/*--------------!TABLE----------------*/
.filter .table-display, .panel-filter h3 {background:none repeat scroll 0 0 #666;color:#FFFFFF;}
.filter table, .filter .table-display, panel-filter {border-color:#666;}
.table-display {margin:0 auto;padding:5px;width:950px;}
.page-sort li {display:inline-block;font-size:0.8em;margin-right:15px;}
.page-sort li a {text-decoration:underline;}
.pages a {display:inline-block;margin:0 3px;}
.pages .selected {font-weight:700;}
.table-info th {color:#333;font-size:0.9em;font-weight:100;padding:5px 3px;text-align:left;vertical-align:top;}
#sortableTable .headerSortUp, #sortableTable .headerSortDown, #sortableTable2 .headerSortUp, #sortableTable2 .headerSortDown {background:none repeat scroll 0 0 #C0C0C0;}
#sortableTable .header, #sortableTable2 .header {background-image:url("/g/small.gif");background-position:right center;background-repeat:no-repeat;cursor:pointer;}
#sortableTable .headerSortUp, #sortableTable2 .headerSortUp {background-image:url("/g/small_asc.gif");}
#sortableTable .headerSortDown, #sortableTable2 .headerSortDown {background-image:url("/g/small_desc.gif");}
#sortableTable .nosort, #sortableTable2 .nosort {background-image:none;}
.filter th, .panel-filter h4 {background: none repeat scroll 0 0 #CCCCCC;font-size: 0.8em;padding: 5px;text-align: left;}
.filter table, .filter .table-display, panel-filter {border-color:#666;}
.table-info {border-style:solid;border-width:1px;margin:0 auto;width:916px;}
.table-info td {border-bottom-style:dotted;border-bottom-width:1px;font-size:0.8em;padding:5px;vertical-align:top;}
.filter td {border-color:#B8D2D9;font-size: 0.8em;padding: 8px 5px;text-align: left;}
.table-info p {font-size:1em;margin-bottom:1em;}
#mainbody-container .table-display .first {background-position:0 0;}
#mainbody-container .table-display .first:hover {background-position: 0 -14px;}
#mainbody-container .table-display .back {background-position:-14px 0;}
#mainbody-container .table-display .back:hover {background-position: -14px -14px;}
#mainbody-container .table-display .forward  {background-position:-28px 0;}
#mainbody-container .table-display .forward:hover {background-position: -28px -14px;}
#mainbody-container .table-display .last  {background-position:-42px 0;}
#mainbody-container .table-display .last:hover {background-position: -42px -14px;}
.back, .forward, .first, .last {background-image:url("/g/arrows.gif") !important;background-repeat:no-repeat !important;height:14px !important;text-indent:-9999px !important;width:14px !important;}
.table-info .table-col-btn {width:1%;}
.table-info tr:hover {background:none repeat scroll 0 0 #DDD;}

/*--------------!FORM----------------*/
#logbox dl {border-bottom:1px dotted #999999;margin:10px auto;padding-bottom:15px;width:100%;}
#logbox dt {width:160px;}
#logbox dt {display:inline-block;font-size:0.8em;margin-top:12px;}
#logbox dd {display:inline-block;margin-top:10px;vertical-align:top;width:700px;}
#logbox dd ul li {margin:0 10px 3px 0;overflow:hidden;font-size:0.8em;text-transform:capitalize;}
#logbox dd ul li ul li {margin:0 10px 3px 0;overflow:hidden;font-size:1em;text-transform:capitalize;}
#logbox dd ul li ul {margin-left:20px;}
#logbox dd ul li input, #logbox dd ul li ul li input {float:none;}
#logbox dd ul li span{font-size:0.9em;color:#666666;}
#logbox input, #logbox select {float:left;margin-right:10px;}
#logbox {width:960px;position:relative;margin:0 auto;}
#passwordcheck, #usercheck {width:200px;float:left;font-size:0.75em;margin:0 0 0 8px;}
#passwordcheck .passwordinvalid, #usercheck .passwordinvalid{background-color:#FFEBE8;border-color:#CC0000;padding:5px;-moz-border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px;}
#passwordcheck .passwordweak {background-color:#FFE7C1;border-color:#FF6600;padding:5px;-moz-border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px;}
#passwordcheck .passwordstrong {background-color:#D5FFD5;border-color:#006600;padding:5px;-moz-border-radius:3px 3px 3px 3px;border-style:solid;border-width:1px;}
#permissionerror {-moz-border-radius:3px 3px 3px 3px;background-color:#FFEBE8;border:1px solid #CC0000;font-size:0.8em;margin:10px auto;padding:5px;width:600px;}
#savedsuccess {-moz-border-radius:3px 3px 3px 3px;background-color:#D5FFD5;border:1px solid #006600;font-size:0.8em;margin:10px auto;padding:5px;width:600px;}
.uploadedimage {left:150px;position:relative;top:-30px;width:100px;}
#reviewtags a {color:#0095D0;margin-right:5px;padding:3px;}
#reviewtags a:hover {background-color:#A3BD34;color:#fff;}
#reviewtags {margin-top:10px;}
#viewtags a {-moz-border-radius:2px 2px 2px 2px;background-color:#2A4E2E;color:#fff;margin-right:5px;padding:3px;}
#logbox #vieworgcatlist, #logbox #vieworgcatlist li ul {list-style-type:square;padding:5px;}
#logbox #vieworgcatlist li, #logbox #vieworgcatlist li ul li {overflow:visible;}
#alphabet {overflow:hidden;margin-left:20px;margin-bottom:10px;}
#alphabet li {float:left;padding-right:5px;padding-left:5px;border-right: 1px dotted #999;}

/*--------------!REPORTS----------------*/
.reportfullwidth, .reporthalfwidth {margin:0px 20px 20px 20px;overflow:hidden;position:relative;}
.reportfullwidth h2, .reporthalfwidth h2 {background-color:#999999;color:#FFFFFF;font-weight:700;padding:5px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
.reportfullwidth h2 span, .reporthalfwidth h2 span {font-weight:400;}
.reporthalfwidth {float:left;width:438px;}
.reportfullwidth a, .reporthalfwidth a {background-color:#CCCCCC;color:#666;font-weight:700;padding:5px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;display:inline-block;}
.reportfullwidth a {width:906px;} 
.reporthalfwidth a {width:428px;}
.reportfullwidth a:hover, .reporthalfwidth a:hover {background-color:#DDDDDD;}
#daterange {height:30px;margin:5px;}
#daterangetext {float:left;margin:5px;}
#daterange a {background-color:#999999;color:#FFFFFF;padding:2px 4px 4px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;}
#daterange a:hover {background-color:#666;}
#daterange label {margin-right:10px;color:#666;}
#daterange input {margin-right:10px;}
.reportfullwidth a#exportexcel {-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;background-image:url("/g/excel.gif");background-position:right center;background-repeat:no-repeat;height:22px;padding:0;position:absolute;right:5px;top:2px;width:22px;}
#searchtermslist a {background:none repeat scroll 0 0 transparent;font-weight:400;padding:0;width:auto;}
#systemstatus {color:#999999;margin:20px;width:auto;}
#systemstatus td {padding:4px;}
.summary .value {color: #000000;font-weight: 700;}
.summary td, .summary th {padding: 5px;border: solid 0.5px #666;}
.summary table {width: 100%;}
.dropdown ul {display:inline;}
.dropdown ul li{display:inline;padding:8px 0px 8px 0px;position:relative;}
.dropdown ul li a{font-size:1em;padding:6px 8px 6px 8px;margin-right:1px;}
.dropdown ul li:hover{background-color:#000;color:#fff;}
.dropdown ul li:hover a{color:#fff;}
.dropdown ul li ul{height:0;left:-9999px;position:absolute;top:-9999px;width:0;}
.dropdown ul li:hover ul.sub{height:auto;left:0px;padding:3px;top:29px;white-space:nowrap;width:140px;background-color:#000;z-index:200;}
.dropdown:hover ul.sub li{display:block;}
.dropdown:hover ul.sub li:hover{background-color:#666;}
.dropdown:hover ul.sub li a:hover{color:#fff;}
.dropdown p{position:absolute;right:20px;top:8px;}
.breadcrumb {margin-top:5px;}
#halftable {margin: 20px 0;}
#halftable td{padding: 5px;}
#halftable td.topborder {border-top: 2px solid #CCCCCC;margin: 0 0 20px 0;}
.expenses h3 {margin: 20px 0;font-size:1.4em;}
.expenses #intro a {border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;float:right;display:block;height:30px;width:100px;margin-top:-37px;padding:8px 0 0 0;text-align:center;text-transform:uppercase;color: #999999;font-size: 0.9em;}
.expenses #intro a:hover {background-color:#eee;}
#expenseform td {vertical-align:top;}
#expenseform fieldset:nth-child(odd) { background-color:#eee; }
#expenseform fieldset:nth-child(even) { background-color:#fff; }
#sortableTable tr:nth-child(odd) { background-color:#eee; }
#sortableTable tr:nth-child(even) { background-color:#fff; }
#expenseform th {background: none repeat scroll 0 0 #CCCCCC;font-size: 0.8em;padding: 5px;text-align: left;}
#expenseform fieldset fieldset {padding: 5px;}
#expenseform input {float:none;}
.buttontable {border-top:1px solid #CCCCCC;margin-bottom:10px;}
.buttontable td {padding-top: 10px;}
.buttontable #plus {text-decoration:underline; font-size:0.9em;}
#reportcriteria, #reportresults {float:left;margin-top:10px;}
#reportcriteria {width:250px;margin-right:20px;}
#reportresults {width:690px;}
.reports th {background: none repeat scroll 0 0 #CCCCCC;font-weight:700;text-align:left;padding:3px;color:#000;}
#reportresults .table-display {width:auto;}
#reportcriteria td {padding:5px;}