body { background: #fff; }
form { font-family: Nunito; font-size: 0.8em; color: #353f15; border:none; margin:0 auto; width:calc(100% - 20px); line-height:140%; margin-top:10px; margin-bottom:10px; background-color: #fff; padding:4px 10px; overflow-x:hidden; }
h1 { font-family: Nunito; font-size: 1.6em; font-weight: bold; margin-bottom:18px; text-transform:uppercase; padding-bottom:6px; border-bottom: solid 1px #efefef; }
h2 { font-family: Nunito; font-size: 1.3em; font-weight: bold; margin-bottom:18px; text-transform:none; padding-bottom:6px; border-bottom: solid 1px #efefef; }
h3 { font-family: Nunito; font-size: 1.2em; font-weight: bold; margin-bottom:18px; text-transform:none; padding-bottom:6px; border-bottom: solid 1px #efefef; }
p { text-align:justify; }
a:visited { color: #3778dd; }
a:hover { color: #cd521d; }
input[type="image"]:focus { outline:none; }
input[type="checkbox"] { width:1.3em; height:1.3em; vertical-align:middle; }
input[type="checkbox"] label { vertical-align:middle;  padding-left:5px; padding-right:30px;}

/* Document */
.document { padding: 20px; }
.document .introduction { text-align:center; margin-bottom:100px; font-size:1.4em; padding-top:100px; background:url("/images/base/logo_document.jpg") no-repeat; background-position:center top; }
.document h1 { border-bottom:none; padding-bottom:0px; margin-top:20px; }
.document h2 { border-bottom:none; padding-bottom:0px; margin-bottom:10px; }
.document h3 { border-bottom:none; padding-bottom:0px; margin-bottom:10px; }
.document .section { margin-bottom:30px; }

/* Master Page */
#header { margin:0; margin-top:0px; padding:0; border:0; background: url('/images/base/admin_header.jpg') no-repeat; height:80px; width:100%; }
#header #strapline { padding-top:55px; float:right;font-size:1.0em; font-family:Nunito; font-weight:normal; color: #888; }
#menu { border:0; padding:0; margin-top:0px; margin-bottom:20px;  height:33px; background: #f47957; border-bottom: solid 1px #fff; width:100%; padding-top:0px; z-index:200; min-width:1000px; position: relative; z-index:1000; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { float: left; display: inline; }
#menu li:hover { display: inline;}
#menu li a { display:block; color: #fff; font-weight: normal; font-size:1.1em; padding: 8px 9px 8px 9px;  text-decoration: none; font-family:Nunito; text-transform:none; border-right: solid 1px #fff; transition:0.25s; }
#menu li a:hover { font-weight: normal; text-decoration: none; color:#fff; background: #777; }
#menu li:hover ul { display: block; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; margin-left: -1px; width:158px; background:none; border-top: solid 1px #fff; }
#menu li li a { width: 120px; padding: 8px 9px; background: #f47957; color: #fff; border: 1px solid #fff; margin-top: 0px; text-transform:none; border-top:0; }
#menu li.menu4 li a { width:90px; }
#menu li.menu7 li a { width:170px; }
#menu li.menu10 li a { width:130px; }
#menu li.menu14 li a { width:90px; }
#menu li li a:hover { background: #777; }

/* User Hourly Rates */
.userhourlyrate { display: inline-block; vertical-align: middle; background: #f4f4f4; padding:10px; margin:10px 0px; margin-right:20px;  }
.userhourlyrate .label { padding-right:10px; }
.userhourlyrate .textbox { font-family:Nunito; border: solid 1px #aaa; border-radius:2px; padding: 2px; color: #444; font-size:1.0em; }

/* Calendar */
.calendaritem .time { float:left; width:100px; }
.calendaritem .users { float:left; width:240px; margin-right:10px; }
.calendaritem .details { float:left; width:calc(100% - 450px); }
.calendaritem .remove { float:left; width:100px; text-align:right; }
.calendar h2 { margin-bottom:5px; border-bottom:solid 1px #f4f4f4; margin-top:30px; }
.calendaritem .clear { clear:both; height:0px; border-bottom: solid 1px #f4f4f4; padding-bottom:5px; margin-bottom:5px; }
.calendaritem a:active, .calendaritem a:link, .calendaritem a:visited { color: #444; transition:0.25s; }
.calendaritem a:active:hover, .calendaritem a:link:hover, .calendaritem a:visited:hover { color: #ffa500; transition:0.25s; }

.updatenote { border-left: solid 5px #FFBC59; padding-left:10px; }
.updatesupportcharge { border-left: solid 5px #6DC9FF; padding-left:10px; }
.updateinvoice { border-left: solid 5px #88D33D; padding-left:10px; }

.select input[type="checkbox"] { width:1.2em; height:1.2em; }
.input:disabled { opacity:0.5; }
.input2 { padding: 2px 3px; }
.move { background: #f4f4f4; padding:20px; border: solid 1px #ccc; margin-bottom:20px; }
.admintable td { padding-right:20px; padding:20px; background: #f4f4f4; border-collapse:collapse; }
.admintable table { padding:0px; border: solid 1px #ccc; border-collapse:collapse; }
.admintable input[type="checkbox"] { vertical-align: middle; margin-right:10px; }
.admintable input[type="checkbox"] label { padding-left:10px; vertical-align:bottom; }
.filters { padding-right:20px; padding:20px; background: #f4f4f4; border:solid 1px #ccc; margin-bottom:20px; margin-top:-10px; }
.filters .input { margin-right:50px; }
.filters input[type="checkbox"] { margin-right:10px; }

/* Tables */
.table4 td { width:160px; }
.checkboxlist { background: #f8f8f8; padding:10px; border: solid 1px #ddd;}
.checkboxlist td { width:150px; }

/* Project Statuses */
.projectoverspent { color: #ff0000; }
.projectbehindschedule { color: #ffa500; }
.projectontarget { color: #00aa00; }
.projectoverspentbg { background: #ff0000; }
.projectbehindschedulebg { background: #ffa500; }
.projectontargetbg { background: #00aa00; }
.green { background: #00dd00; }
.amber { background: #ffa500; }

/* Banner */
.banner { padding:0; margin-top:0; margin-left:-10px; position:relative; width:1000px; height:224px; z-index:0;}
.banner:hover { border-color: #fff; }
.banner img { position: absolute; top: 0; }

/* Buttons */
.button { background: #444; border: solid 1px #444; font-size:1.2em; padding: 5px 20px; color: #fff; border-radius:3px; }
.button:hover { background: #222; border-color: #222; cursor: pointer; }
.button:disabled { background: #eee; border-color: #eee; }
.button:disabled:hover { background: #eee; border-color: #eee; cursor: default; }
.button2 { background: #ddd; border: solid 1px #ddd; font-size:1.2em; padding: 5px 20px; color: #222; border-radius:3px; }
.button2:hover { background: #bbb; border-color: #bbb; cursor: pointer; }
input[type="submit"]:focus { outline:none; }
.warning { color: #dd0000; font-weight:bold; }
.inputlarge { padding: 1px 4px; font-family:Nunito; color: #444; }
.packagecompleted { background: #888; color: #fff; }
.packagecompleted .light { font-size:0.85em; color: #eee; }
.packagerequired { background: #00aa00; transition:0.25s; filter:brightness(1); color: #fff; }
.packagerequired:hover { filter:brightness(0.97); cursor: pointer; }
.packagenotrequired { background: #eee; transition:0.25s;  filter:brightness(1); }
.packagenotrequired:hover { filter:brightness(0.97); cursor: pointer; }
.websiteavailable { background: #666; color: #fff; position: relative; padding:5px; }
.websiteavailable .remove { position: absolute; right:5px; top:5px; opacity:0.4; transition:0.25s; }
.websiteavailable .remove:hover { cursor: pointer; opacity:0.9; }
.websiteunavailable { background: #aaa; color: #fff; position: relative; padding:5px; }
.websiteunavailable .remove { position: absolute; right:5px; top:5px; opacity:0.4; transition:0.25s; }
.websiteunavailable .remove:hover { cursor: pointer; opacity:0.9; }

#main { margin:0; padding-top: 0px; padding-bottom: 5px; width:100%; background-color:#fff; min-width:1000px; min-height:800px; }

.separator { width: 220px; border-top: solid 1px #c2d0e4; margin-top:7px; margin-bottom:7px;padding: 0px 10px; }
#footer { text-align: center; width: 1000px; font-size: 1.0em; background-color:#758a2f; margin-top:0px; padding-bottom:8px; padding-top: 3px; border-top: solid 1px #566424; color: #fff;  }
#footer a { text-decoration:underline; border:none; color: #c7d593; }
#footer a:hover { color:#e0e9c1; text-decoration:underline; }

/* Times Booked */
.subrow { font-size:0.85em; background: #EFF7FF; }
.subrow td { border-bottom: solid 1px #ddd; padding:2px 3px; }

/* Support charges */
.completed { background: #41A84D; }
.awaitingcompletion { background: #59E567; }
.awaitingapproval { background: #F47C57; }
.rejected { background: #888888; }
.disputed { background: #ff0000; }
.completed:hover { cursor: pointer; }
.awaitingcompletion:hover { cursor: pointer; }
.awaitingapproval:hover { cursor: pointer; }
.rejected:hover { cursor: pointer; }
.disputed:hover { cursor: pointer; }

/* Quotes */
.quoterequired { background: #F2E452; }
.quotesent { background: #8C97FF; }
.quoteapproved { background: #36C436; }
.quotecompleted { background: #289128; }
.quotefollowuprequired { background: #6FDBAE; }
.quoteawaitingdecision { background: #F7973D; }
.quoterejected { background: #E04343; }
.quotearchived { background: #aaa; }
.quoterequired:hover { cursor: pointer; }
.quotesent:hover { cursor: pointer; }
.quoteapproved:hover { cursor: pointer; }
.quotefollowuprequired:hover { cursor: pointer; }
.quoteawaitingdecision:hover { cursor: pointer; }
.quoterejected:hover { cursor: pointer; }
.quotearchived:hover { cursor: pointer; }

/* Subscriptions */
.subscriptionactive { background: #36C436; }
.subscriptionexpiring { background: #F47C57; }
.subscriptionfinished { background: #444; }

/* Subscriptions */
.domainactive { background: #36C436; }
.domainexpiring { background: #F47C57; }
.domainexpired { background: #ff0000; }

/* Sessions */
.sessioninvoiced { background: #36C436; }
.sessionnotinvoiced { background: #F47C57; }
.sessionstandard { background: #f8f8f8; }

/* Actions */
.actioncompleted { background: #36C436; }
.actiondue { background: #F47C57; }
.actionoverdue { background: #ff0000; }

.blank { background-image: none; }

.text { font-family: Nunito, Tahoma; font-size: 1.0em; color: #353f15; padding:0; text-align:justify; margin-top:0;}
.text a { text-decoration:underline; border:none; color: #3778dd; transition:0.25s; }
.text a:hover { color: #cd521d; text-decoration:underline; border:none }
.input { font-family: Nunito, Tahoma; font-size:100%; color: #353f15; margin-bottom:3px; margin-top:3px; }
.image { text-align: center; }
.logintitle { background: #F47C57; border: none; color:#fff;  font-family:Nunito; font-size:1.3em; font-weight:normal; padding-top:18px; height:10px; border-bottom:solid 10px #fff; text-transform:uppercase; }
.selectedpage { background: #e4e4e4; padding: 2px 4px; }

.icon { height:24px; margin: 4px 5px; transition:0.25s; }
.icon:hover { opacity:0.6; cursor: pointer; }
.icon:disabled:hover { opacity:0.2; cursor:default; }
a.icon:disabled { opacity:0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.icon:disabled { opacity:0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.availability { width:85%; border: none; padding:2px; }

/* Statistics */
#statistics { margin-top:20px; }
#statistics .label { float:left; width:120px; margin-right:0px; padding-top:12px; padding-left:4px; background-color: #eee; height:30px; }
#statistics .figure { float:left; }
#statistics .turnover { background: #469135; color: #fff; padding: 2px 6px; text-align: right; font-size:0.8em; }
#statistics .sales { background: #59BC45;  color: #fff; padding: 2px 6px; text-align: right; font-size:0.8em; }
#statistics .balance { background: #444;  color: #fff; padding: 2px 6px; text-align: right; font-size:0.8em; }
#statistics .balance.diff { background: #59BC45; }
#statistics .balance.diffminus { background: #ffa500; }

/* Map */
.localmap { width: 800px; height: 600px; border: solid 1px #ccc; }
.overlaytitle { font-size:1.2em; font-weight:bold; margin-bottom:10px; }

.angelfish { font-family:Nunito, Tahoma; font-size:0.8em; margin-left:30px; color: #000000; }
.angelfish a { text-decoration: underline; color: #000000; }
.angelfish a:hover { text-decoration: underline; color: #007311; }

#updateprogress1 { color: #007311; }

/* Images */
.image { border:none; }
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }

/* Tables */
.titleheading {height:26px; color:White; font-weight:normal; background: #F47957;}
.titleheading a {color:White; text-decoration: none; background:none;}
.titleheading a:hover {color:Silver; text-decoration: none; background:none;}
.titleheading td { padding: 10px 5px; }
.rowstandard {background: #fff; transition:0.25s; }
.rowstandard:hover {background: #f6f6f6; transition:0.25s; }
.rowstandard td { padding: 5px 3px; border-bottom: solid 1px #eee; }
.rowdark {background: #fafafa; transition:0.25s; }
.rowlight {background: #f6f6f6; transition:0.25s; }
.rowdark:hover { background: #f2f2f2; }
.rowlight:hover { background: #efefef; }
.rowdark td { padding: 5px 3px; border-bottom: solid 1px #ddd; }
.rowlight td { padding: 5px 3px; border-bottom: solid 1px #ddd; }
.rowdarkcustomer {background-color: #93d276; padding: 2px 4px 2px 4px; }
.rowlightcustomer {background-color: #a9d993; padding: 2px 4px 2px 4px; }
.rowdarkcustomer td { padding: 3px; }
.rowlightcustomer td { padding: 3px; }
.rowdarkcompetitor {background-color: #e7afb2; padding: 2px 4px 2px 4px; }
.rowlightcompetitor {background-color: #eabcbe; padding: 2px 4px 2px 4px; }
.rowdarkcompetitor td { padding: 3px; }
.rowlightcompetitor td { padding: 3px; }
.rowdarkhotprospect {background-color: #dfc3e7; padding: 2px 4px 2px 4px; }
.rowlighthotprospect {background-color: #e9d6ee; padding: 2px 4px 2px 4px; }
.rowdarkhotprospect td { padding: 3px; }
.rowlighthotprospect td { padding: 3px; }
.rowdarkprospect {background-color: #dfff77; padding: 2px 4px 2px 4px; }
.rowlightprospect {background-color: #e9ff93; padding: 2px 4px 2px 4px; }
.rowdarkprospect td { padding: 3px; }
.rowlightprospect td { padding: 3px; }
.rowdarkpartner {background-color: #bccaee; padding: 2px 4px 2px 4px; }
.rowlightpartner {background-color: #d6def4; padding: 2px 4px 2px 4px; }
.rowlightpartner td { padding: 3px; }
.rowlightprospect td { padding: 3px; }
.rowdarkassociation {background-color: #f19461; padding: 2px 4px 2px 4px; }
.rowlightassociation {background-color: #f7c2a5; padding: 2px 4px 2px 4px; }
.rowdarkassociation td { padding: 3px; }
.rowlightassociation td { padding: 3px; }
.rowdarkfinished {background-color: #bbb; padding: 2px 4px 2px 4px; }
.rowlightfinished {background-color: #aaa; padding: 2px 4px 2px 4px; }
.rowdarkfinished td { padding: 3px; }
.rowlightfinished td { padding: 3px; }
.totalrow { padding: 15px 10px; background: #444; color: #fff; }
.totalrow td { padding: 15px 10px; }

/* Customers */
.customer { background: #63CE63; padding:5px; color: #fff; }
.hotprospect { background: #C06FE2; padding:5px; color: #fff; }
.prospect { background: #D79BFF; padding:5px; color: #fff; }
.partner { background: #F47C57; padding:5px; color: #fff; }
.association { background: #4F7DFF; padding:5px; color: #fff; }
.group { background: #4F7DFF; padding:5px; color: #fff; }
.competitor { background: #FF433D; padding:5px; color: #fff; }
.other { background: #aaa; padding:5px; color: #fff; }
.finished { background: #444; padding:5px; color: #fff; }
.excustomer { background: #444; padding:5px; color: #fff; }
.channel { background: #7FE0B6; padding:5px; color: #fff; }

/* Tasks */
.taskongoing { background: #63CE63; }
.taskcompleted { background: #444; } 
.taskoverdue { background: #F47C57; }

/* ToDoItems */
.notstarted { background: #ddd; color: #444; }
.overdue { background: #ffa500; }
.inprogress { background: #E5E53D; }
.completed { background: #63CE63; }

/* Priority */
.low { background: #FFE659; color: #fff; }
.medium { background: #ffa500; color: #fff; }
.high { background: #dd0000; color:#fff; }
.completed { background: #63CE63; color: #fff; }
.grey { background: #eee; }

/* Invoices */
.invoicepaid { background: #63CE63; padding:5px; color: #fff; }
.invoiceoverdue { background: #F47C57; padding:5px; color: #fff; }
.invoiceremindersent { background: #F47C57; padding:5px; color: #fff; }
.invoicesecondremindersent { background: #F47C57; padding:5px; color: #fff; }
.invoicefinalremindersent { background: #FF2B44; padding:5px; color: #fff; }
.invoiceinvoicesent { background: #D79BFF; padding:5px; color: #fff; } 
.invoicerefunded { background: #4F7DFF; padding:5px; color: #fff; } 
.invoicenotsent { background: #ddd; padding:5px; color: #222; } 
.invoicearchived { background: #444; padding:5px; color: #fff; } 
.invoicedonotchase { background: #C4772F; padding:5px; color: #fff; } 

/* Websites */
.website { background: #63CE63; padding:5px; color: #fff; }
.websiterenewaldue { background: #F47C57; padding:5px; color: #fff; }
.websitedomainrenewaldue { background: #4F7DFF; padding:5px; color: #fff; }
.websitefinished { background: #444; padding:5px; color: #fff; }
.websiteinvoicesupport { background: #C06FE2; padding:5px; color: #fff; }

/* FAQs */
.faq p { padding-top:6px; margin: 0; }
.faq ul { padding-top:5px; margin: 0; padding-bottom:8px; margin-left:24px; }
.faq .item1 { padding: 10px; background: #efefef; margin-bottom:20px; line-height:1.6em; }
.faq .item2 { padding: 10px; background: #dedede; margin-bottom:20px; line-height:1.6em; }
.faq .question { font-weight: bold; margin-bottom:4px; margin-top:0px; font-size:1.3em; font-family: Nunito; color: #965b00; }

/* Tasks */
.timepanel1 { float: left; width: 60px; height: 20px; background: #efefef; color: #000; text-align:center; padding:5px 0px; }
.timepanel2 { float: left; width: 60px; height: 20px; background: #dedede; color: #000; text-align: center; padding:5px 0px;}
.tasktime { float: left; height: 70px; background: #efefef; color: #000;  text-align:center; padding:5px 0px; overflow:hidden; font-size:0.8em; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }