﻿/*body , html {  height:100%; }*/
body { background: #fff; font: 9pt Trebuchet MS, Arial, sans-serif; color:#555;}
form { background: #fff; margin: 0 auto;  min-width:989px;}
h1 { font-size: 19pt; font-weight: bold; margin: 20px 10px; font-family: Arial; }
h2 ,
h3 { font-size: 15px; border-bottom:1px #ededed solid; margin-top:5px; padding: 5px 0 5px 20px; font-weight:bold;}
h4 {font-weight:bold; color:#000;}
hr {color:#aaa; background:#ddd; height:1px; border:0; margin:8px 0 4px;}
a { color: #1F79A5; font-size: 8pt; cursor: pointer; }
.floatfix {clear:both; height:0px; visibility:hidden;}

.magenta-fg {color:#eb3b84 !important;}

.jobs-list .list { width: 800px; }

.Omodule {padding:0 10px 10px 10px;; border:7px solid #eee; margin:0 0 10px 0; background:#fff;}
.module {padding:0px 10px 10px 10px; background: #ededed; margin:0 0 10px 0; }
span.module, span.Omodule {display:block; }

.Omodule h3, .module h3,
.Omodule h2, .module h2  {color: #1fa5d2; margin:0 0 10px -10px; padding-right:11px;}
h3 .count, h2 .count {font-size:12px; vertical-align:bottom;}
.Omodule h3 .total, .module h3 .total {color:#555; font-size:12px; margin-top:3px;}
.Omodule h3 a,.module h3 a,
.Omodule h2 a,.module h2 a {color: #09c;font-size:9pt; text-decoration:none;}
.module h3 {border-color:#fff; margin-left:-20px;padding-left:22px;}
.Omodule h3 {margin-left:-10px;margin-right:-10px; padding-left:15px;}
.main-content h3 {font-size:15px;}

h3 input[type="image"] {vertical-align:middle;}

.whole {width:100%;}
.rightside {float:right; margin:0 2px;}
.IE-60 div.rightside,
.IE-60 span.rightside {position:relative;}
.clear {clear:both;}
.rightcolumn {text-align:right;} 
.leftside {float:left; }
.hidden {display:none;}
span.inline { display:inline-block; vertical-align:top;}


/* Bordered grid */
.bordered-grid td,.bordered-grid th {border:solid #ededed 1px; }

/*Google Search*/
.google-search-button {vertical-align: bottom; margin-top: 10px;}
#cse-search-form {margin-bottom: 10px;}

/*Dashboard*/
.main-content .dashboard .list {background-image:none;}


/*banner*/
.banner {background: #000 url(/images/3bdicon.gif) no-repeat top left; position:absolute; top:0; width:100%; z-index:1000; height:42px;}
.banner .sitesearch {margin:12px;background:#777;padding:2px 5px;}
.banner .sitesearch .textbox ,
.banner .sitesearch .waterMark {background:#777;border:0;width:220px; padding:0; margin-top:-15px;}
.banner .sitesearch .textbox {color:#ccc;}
.banner .sitesearch .waterMark {color:#000;}

/* Rating */
.ratingStar { width: 13px; height: 12px; margin: 0px 10px 0 0; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(Images/FilledStar.png); }
.emptyRatingStar { background-image: url(Images/EmptyStar.png); }
.savedRatingStar { background-image: url(Images/SavedStar.png); }
.rating h3 { float: left;  }
.rating div { float: right; margin: 2px 25px 0 0; width:120px; }
.rating { width: 380px; height: 50px; }

/* NiceForms - Button*/
.buttonSubmit, .buttonSubmitHovered { background-color: #8CAD00; height: 23px; min-width: 70px; }
.buttonSubmitHovered { background-color: #688900; }

/* Standard Box */
.standard-box { width: 600px; }
.standard-box { background-position: center bottom; background-repeat: no-repeat; margin-bottom: 10px; }
.standard-box .ajax__tab_xp .ajax__tab_body, .standard-box .ajax__tab_xp .ajax__tab_header { border: 2px solid; border-bottom: none; border-top: none; }
.standard-box .item { float: left; font-size: 8pt; min-height: 17px; width: 231px; }


.standard-box .item .label { float: left; }
.standard-box .item .value { float: left; }


/*BIG boxes*/
.list-header-wrapper {display:block;}
.list h3, 
.list-header-wrapper h3 {margin-right: -1px; position: relative; left: 0px; color: #09c; padding: 8px 0 5px 12px; text-align: left; background-repeat: no-repeat; margin-bottom:0px;}

.two-columns-page h3 { width: 379px; }

.main-content .list { background-position: left bottom; background-repeat: no-repeat;}


/* jobs-list */
.jobs-list .head-line { font-weight: bold; font-size: 9pt; display: block; }
.jobs-list .head-line a { text-decoration: underline; font-size: 9pt;}
.jobs-list a.coloured-link { color: #8CAD00; }
.jobs-list .label { margin-right: 2px; }
.jobs-list .column { padding-right: 15px; width: 225px; }
.jobs-list .large{width:255px;}
.jobs-list .row { height: 85px; border-bottom: 1px solid #aaa; margin-bottom: 10px; float: left; padding-bottom:5px; }


/*Agency profile page tab*/
.main-content .form .ajax__tab_xp .ajax__tab_body { height: 300px; }
.main-content .agency-profile { width:100%;}
.agency-profile .form {padding-left:0;}
.agency-profile .form textarea { width:500px;}
.agency-profile .form .profile input[type="text"],
.agency-profile .form .profile textarea,
.agency-profile .form .profile select {width:300px;}
 


/*Correspondence*/
.main-content .messages .list { background: none; width: 800px; }
.main-content .messages .list .item { width: 740px; }
.main-content .messages .row { border-bottom: 1px solid #aaa; height: 70px; margin-bottom: 10px; }
.main-content .messages .row .button { float:right;}
.main-content .messages .buttons {margin-right:35px;}
.main-content .messages .column { padding: 8px; }
.main-content .messages .head-line, .main-content .temp2 .head-line a { font-weight: bold; font-size: 10pt; }
.main-content .messages .subject { font-weight: normal; font-size: 9pt; }
.main-content .messages .column a { color: #9CAA3B; }
.main-content .messages .search { height: 30px; margin-bottom: 10px; }
.main-content .messages .search .item { width: 400px; }
.main-content .messages .search .label { width: 50px; }
.main-content .messages .search .input { width: 300px; }
.main-content .messages .search .buttons { width: 200px; float: right; margin-right: 7px; }
.main-content .reply .buttons { margin-right: 38px; padding-top:10px; }


/* Timesheet-view */
.timesheet-view { width: 600px; }
.timesheet-view h3{ background:none; text-transform:none; }
.timesheet-view { background-position: center bottom; background-repeat: no-repeat; margin-bottom: 10px; }
.timesheet-view .item { float: left; font-size: 8pt; min-height: 19px; width: 231px; }
.timesheet-view .item .label { float: left;}
.timesheet-view .item .value { float: left; }
.timesheet-view .buttons { clear:both;}

/* Print Invoice */
/*invoice-header*/
.invoice-header { padding:10px;}
.invoice-header .from {border-bottom:solid 2px; padding-bottom:10px; margin-bottom:10px;}
.invoice-header .to {margin-top:10px;}
.invoice-header .to .header {float:right; font-size:200%; font-weight:bold; text-transform:uppercase;}
.invoice-header .logo {float:left;width:10px;}
.invoice-header .logo .value img {display:block;}
.invoice-header .item{font-size:16px;}
.invoice-header .item .label{float:left; width:120px;}
.invoice-header .company div.value {font-size:25px; font-weight:bold; }
.invoice-header .supplier { width:250px;float:right; text-align:left; display:block; }
.invoice-header .supplier .website {font-size:20px; font-weight:bold;}
.invoice-header .customer { clear:both; display:block;}
.invoice-header .details {font-weight:bold;}/*padding-left:5px;padding:10px 0px 20px 10px;}*/
.invoice-header .details .header {font-size:28px; text-align:center;}


/*invoice items*/
.print-invoice-items{margin-left:10px; clear:both; margin-top:20px;}
.print-invoice-items .list{width:100%;}
.print-invoice-items .list table.grid{width:100%;margin-bottom:0;}
.print-invoice-items .grid td.price-col {text-align:right; font-size:16px;}
.print-invoice-items th,.print-invoice-items td{border:solid gray 1px; color:#444;}
.print-invoice-items th{background-color:#f2f2f2;}
.print-invoice-items th a { color:#000;}
/*invoice-footer*/
.invoice-footer {border:1px solid gray; border-top:0; width:250px; font-size:16px; float:right;background-color:#f2f2f2; margin-bottom:10px;}
.invoice-footer .item .label {float:left; width:130px;  text-align:right; padding-right:20px;}
.invoice-footer .item .value {padding-left:10px; float:right;}
.invoice-footer .balance-due {font-weight:bold; font-size:18px; padding-top:15px;}


.payment-instruction {margin-left:14px; clear:both; white-space:normal;}



/*NOTIFICATIONS*/
.warning{margin-bottom:10px; white-space:normal;}
.warning b{font-size:large;}


/*EMBEDDED REPORT*/
.embedded-report {min-width:700px;}
.embedded-report .list{width:500px; background:none; margin-left:20px;}
.embedded-report .list .grid{width:500px; margin-bottom:0px;}
.embedded-report .list .grid th a{color:#D54E21;}

/*Inner iconed links*/
a img {vertical-align:-2px;}
.buttons a img {vertical-align:baseline;}

/*detailed buttons*/
.form .item .input .details-form-wrapper {display:block; text-align:right;}
.form .item .input .details-form-wrapper > div {text-align:left; min-height:30px;}
.form .item .input .details-form-wrapper .detailsGrid {}
.form .item .input .details-form-wrapper .detailsGrid tr td {vertical-align:middle;}
.form .item .input .details-form-wrapper .detailsAddButton {margin:5px 10px 2px; float:right;}


/*system-settings*/
.system-settings .item .label { width:260px; white-space:nowrap;}
.system-settings .item .label label {white-space:nowrap;}
.system-settings .form .item .input .file-upload-option {width:150px;}
.system-settings .file-upload-option + input + a {background:url(/images/icons/view.gif) no-repeat; padding-left:14px;}


/*logon-settings*/
.logon-settings .detailsGrid {width:100%;}
.logon-settings .detailsGrid td {white-space:nowrap;}
.logon-settings .detailsGrid td select {width:65px;}
.form .logon-settings .input {display:block;}
.logon-settings  .date-box {width:50px;}

/*RSS Feed Reader*/
#rss-feed {height:120px; overflow: hidden; font-size: 12px; margin-right: 15px; margin-bottom:5px; line-height: 1.4em;}
#rss-feed div {height: 120px; margin-bottom: 10px; text-align:justify;}
#rss-feed a { font-size: 12px; margin-bottom:10px;}

/*half-module*/
.half-module {width:50%;min-width:50%;}

/*printable, container*/
.printable {width:600px; margin:auto; padding-top:50px;}
.printable h3 {text-align:center; font-size:20px; border:0; margin-bottom:20px;}
.printable .total {border-top:splid 1px gray; margin-top:10px; padding-top:5px;}
.printable .total .value {font-weight:bold; font-size:14px;}

/*form*/
.form .photoUploader { position:absolute; right:10px; top:40px; width:200px;}
.form .item .input select.file-upload-option {width:100px;}
.form input[type="radio"] {margin-left:5px;}
.form .inline {display:inline;}
.footer-title {text-align:right;}

/*printable-page*/
.printable-page {margin:40px;}
.printable-page h3 {padding-left:0 !important;}

/*detailsGrid*/
.detailsGrid td input[type="image"] {margin-left:5px;}

/*calendar-icon*/
.calendar-icon { vertical-align:-10px;}

/*input in grid*/
.grid td input[type="image"] {vertical-align:top;}

/*justified*/
.justified {text-align:justify;}

/*longlabel*/
.form .item .longlabel label {width:200px;}

.form select.loading {background:url(/images/new-spinner.gif) no-repeat center center; } 

/* fill-timesheet */
.fill-timesheet .buttons .form .item { display:block; }
.fill-timesheet .buttons .form .item .input { float:left; margin-left:30px;}
.fill-timesheet .buttons .form .travel .input { margin-left:24px;}

