/* Base */
body { background: #fff url(/images/base/bg.png) repeat-x; margin:0 auto; overflow-x: hidden; }
form { font-family: Nunito; font-size: 0.8em; color: #264827; margin:0 auto; margin-top:0px; margin-bottom:0px; width:100%; line-height:1.4em; padding:0px; }
h1 { font-family: Nunito; font-size: 1.9em; color: #A86A00; font-weight: normal; margin-top:0px; margin-bottom:20px; text-transform: capitalize; line-height:1.2em; padding-bottom:0px; border-bottom: solid 1px #eee; }
h2 { font-family: Nunito; font-size: 1.9em; color: #A86A00; font-weight: normal; margin-top:0px; margin-bottom:20px; text-transform: capitalize; line-height:1.2em; padding-bottom:0px; border-bottom: solid 1px #eee; }
h3 { font-family: Nunito; font-size: 1.3em; color: #A86A00; font-weight: normal; margin-top:4px; margin-bottom:12px; line-height:1.4em; font-weight:bold; }a:link, a:active, a:visited { text-decoration:underline; border:none; color: #fff;}
a:link, a:active, a:visited { color: #3499C1; transition:0.25s; }
a:hover, a:active:hover, a:visited:hover { color: #3FAEC6; text-decoration:underline; border:none }
img { border:0; }
img:hover { border:0; }
input:focus { outline:none; }

/* Header */
#header { width: 100%; height: 97px; position: relative; }
#header .logo { position: absolute; top:15px; left:0px; width:200px; }
#header .logo img { width:100%; }
#header .subtitle { position: absolute; right:20px; bottom:10px; color: #444; }
#header a:link, #header a:active, #header a:visited { color: #A86A00; }
#header a:link:hover, #header a:active:hover, #header a:visited:hover { color: #ffa500; }

#main { padding: 30px 20px; }

/* Menu */
#menu { width:100%; height:38px; position:relative; z-index:100; font-size:1.1em;  background: #000; margin-bottom:0px; font-family: Nunito; z-index:200; text-transform:uppercase; padding-left:20px; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { float: left; display: inline; }
#menu li:hover { display: inline;}
#menu li a { padding: 11px 20px 10px 20px; display:block; color: #fff; text-decoration:none; transition:0.25s; }
#menu li a:hover { background: #FF3300; color: #fff; text-decoration:none; transition:0.25s; }
#menu ul ul {  display: none; position: absolute; top: auto; left: auto; margin-left: -1px; width:150px; background:none; }
#menu li:hover ul { display: block; }
#menu li li a { width: 170px; color: #fff; margin-top: 0px; text-transform:uppercase; border-top:0; background: #000; padding:10px 20px; }
#menu li li a:hover {  background: #FF3300; color: #fff; }
#menu li.menu3 li a { width:170px; }
#menu li.menu5 li a { width:170px; }

/* EMail Preview */
.item { float:left; width:125px; padding-top:8px; }
.value { float:left; width:calc(100% - 125px); }
.clear { clear:both; height:10px; }
.result { font-size:1.2em; font-weight:bold; }

/* Status */
.scheduled { background: #73DB3F; }
.cancelled  { background: #ddd; }
.noshow  { background: #dd0000; }
.completed { background: #4E912A; }
.checkedin { background: #68CE58; }
.confirmed { background: #FFF200 }
.paid { background: #ffa500; }

/* Colours */
.green { background:#4E912A; }
.red { background: #dd0000; }
.amber { background: #ffa500; }
.grey { background: #ddd; }
.blue { background: #66A0FF; }

/* Dates */
.current { background: #73DB3F; }
.past  { background: #ddd; }
.future { background: #4E912A; }

/* Popup */
.popupbg { background: url(/images/base/popupbg.png); position: fixed; width:100%; height:100%; left:0px; top:0px; z-index:10000; }
.popup { position: relative; left:50%; top:50%; padding:20px; margin-left:-340px; margin-top:-220px; width:640px; height:400px; background:#fff; }
.popup .item { float:left; width:80px; margin-right:10px; padding-top:8px; }
.popup .value { float:left; width:calc(100% - 90px); }
.popup .item2 { float:left; margin-right:10px; padding-top:8px; }
.popup .value2 { float:left; }
.popup .item3 { float:left; width:110px; margin-right:10px; padding-top:8px; }
.popup .value3 { float:left; width:calc(100% -120px); }
.popup .clear { clear:both; height:8px; }
.popup .buttons { position: absolute; bottom:20px; left:20px; width:calc(100% - 40px); font-size:1.2em; font-weight:bold; }
.popup .info { font-weight:600; color: #4BAAC1; margin-bottom:20px; padding:0px; text-align:left; font-size:1.2em; }
.popup table { margin-top:10px; }
.popup .titleheading { font-size:1.0em; }
.popup .titleheading td { padding: 8px 8px; }
.popup .copytable { height:230px; overflow-y:auto; margin-top:0px; }
.popup .copytable table { margin-top:0px; }
.popup .buttons .cancel { position: absolute; left:0px; bottom:0px; filter:grayscale(1); opacity:0.5; }
.popup .buttons .ok { position: absolute; right:0px; bottom:0px; }

.separator { width: 200px; border-top: solid 1px #d9c9a3; margin-top:5px; margin-bottom:3px;padding: 0px 10px; }
#footer { text-align: center; width: 950px; 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; }

.blank { background-image: none; }
.balance { background: #57CC51; font-size:1.4em; font-weight:600; padding: 10px 10px; color: #fff; width:180px; margin-bottom:20px; border: solid 0px #fff; border-radius:3px; }
.balancenegative { float:left; margin-right:10px; background: #ffa500; font-size:1.4em; font-weight:600; padding: 10px 10px; color: #fff; width:180px; margin-bottom:20px; border: solid 0px #fff; border-radius:3px; }
.paybalance { float:left; margin-left:10px; }
.paybalance a:link, .paybalance a:active, .paybalance a:visited { display:block; background: #57CC51; font-size:1.4em; font-weight:600; padding: 10px 10px; color: #fff; width:180px; margin-bottom:20px; border: solid 0px #fff; border-radius:3px; transition:0.25s; text-align:center; text-decoration:none; }
.paybalance a:link:hover, .paybalance a:active:hover, .paybalance a:visited:hover { background: #439E3F; }

.requestsubmitted { background: #ffa500; }
.requestresponded { background: #57CC51; }
.requestcompleted { background: #57CC51; }
.requestcancelled { background: #ddd; }

.bulletindisplay { background: #57CC51; }
.bulletinarchive { background: #ffa500; }

/* Reports */
.reportline { background: #f8f8f8 url(/images/base/bullet.png) no-repeat; padding: 5px 10px 5px 30px; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; margin-top:-1px; transition:0.25s; background-position:5px 4px; }
.reportline:hover { background-color: #f1f1f1; }

.icon { margin: 5px 10px; }
.icon:disabled { opacity:0.25;  -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.text { font-family: Nunito; font-size: 1.0em; color: #222; padding:0; text-align:justify; margin-top:0; line-height:1.5em; }
.text a { text-decoration:underline; border:none; color: #222;}
.text a:hover { color: #53AD53; text-decoration:underline; border:none }
.input { font-family: Nunito; font-size:1.0em; color: #1e401e; margin-bottom:3px; margin-top:3px; padding: 3px 4px; border: solid 1px #aaa; border-radius:2px; }
.input:disabled { color: #888; background: #f4f4f4; }
.inputwarning { font-family: Nunito; font-size:1.0em; color: #bb0000; margin-bottom:3px; margin-top:3px; padding: 3px 4px; border: solid 1px #dd0000; border-radius:2px; background: #FFF2F3; }
.textinput { font-family: Nunito; font-size:1.0em; color: #1e401e; margin-bottom:3px; margin-top:3px; padding: 4px 4px 5px 4px; border: solid 1px #aaa; border-radius:2px; }
.textinput:disabled { color: #888; background: #f4f4f4; }
.listinput { font-family: Nunito; font-size:1.0em; color: #1e401e; margin-bottom:3px; margin-top:3px; padding: 2px 4px; border: solid 1px #aaa; border-radius:2px; }
.listinput:disabled { color: #aaa; }
input:focus { outline:none; }
.input3 { font-family: Nunito; font-size:1.0em; color: #1e401e; margin-bottom:3px; margin-top:3px; text-align:center; }
.input3:disabled { color: #aaa; }
.button { font-family: Nunito; font-size:1.0em; color: #1e401e; margin: 3px 5px; padding: 2px 9px; transition:0.25s; }
.button:hover { cursor: pointer; }
.button:disabled { opacity:0.5; }
.input { transition:0.25s; }
.input:hover { background: #f4f4f4; cursor:pointer; }
.input2 { background: #222; border: solid 1px #222; border-radius:0px; color: #fff; font-family: Nunito, Arial; font-size:1.2em; padding: 6px 20px 7px 20px; font-weight:400;  transition:0.25s; border-radius:3px; margin:5px 0px;  transition:0.25s;  }
.input2:hover { cursor: pointer; background: #FF3300; border: solid 1px #FF3300; transition:0.25s; }
.input2:focus { outline:none; }
.input2:disabled { background: #ddd; border: solid 1px #ddd; }
.input2:disabled:hover { background: #ddd; border: solid 1px #ddd; cursor: default; }
.input3 { background: #FF3300; border: solid 1px #FF3300; border-radius:0px; color: #fff; font-family: Nunito, Arial; font-size:1.1em; padding: 4px 20px 4px 20px; font-weight:400;  transition:0.25s; border-radius:3px; }
.input3:hover { cursor: pointer; background: #C62700; border: solid 1px #C62700; transition:0.25s; }
.input3:focus { outline:none; }
.input3:disabled { background: #ddd; border: solid 1px #ddd; }
.input3:disabled:hover { background: #ddd; border: solid 1px #ddd; cursor: default; }
.input4 { background: #444; border: solid 1px #444; border-radius:0px; color: #fff; font-family: Nunito, Arial; font-size:1.2em; padding: 6px 20px 7px 20px; font-weight:400;  transition:0.25s; border-radius:3px; margin:5px 0px; }
.input4:hover { cursor: pointer; background: #555; border: solid 1px #555; transition:0.25s; }
.input4:focus { outline:none; }
.input5 { background: #FF8B60; border: solid 1px #FF8B60; border-radius:0px; color: #fff; font-family: Nunito, Arial; font-size:1.2em; padding:  6px 20px 7px 20px; font-weight:400;  transition:0.25s; border-radius:3px; margin:5px 0px; transition:0.25s; }
.input5:hover { cursor: pointer; background: #E07A55; border: solid 1px #E07A55; transition:0.25s; }
.input5:focus { outline:none; }
.image { text-align: center; }
.logintitle { background: #444; font-family:Nunito; border: none; color:#fff; border-bottom: solid 10px #fff; font-size:1.4em; font-weight:normal; padding-top:20px; text-transform:uppercase; }
.emaillabel { background: #f4f4f4; color: #444; padding: 7px 10px; font-weight:400; width:360px; }

/* Statuses */
.active { background: #6ACE61; }
.disabled { background: #ddd; }
.finished { background: #ddd; }

/* E-Mails */
.emails { background: #ffe672; border: solid 1px #d3be5f; padding:10px; margin-top:20px; }
.availability { width:85%; border: none; padding:2px; }
.angelfish { font-family:Nunito; 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: #fff; font-weight:normal; text-transform:none; font-size:1.2em; background:#444; line-height:1.4em; }
.titleheading td { padding: 10px 5px; }
.titleheading a {color:White; text-decoration: none; background:none;}
.titleheading a:hover {color:Silver; text-decoration: none; background:none;}
.notes { height:36px; color:#fff; font-weight:normal; background: #666; }
.notes td { padding:20px 5px; }
.notes a:link, .notes a:active, .notes a:visited { color: #fff; }
.notes a:link:hover, .notes a:active:hover, .notes a:visited:hover { color: #FFF249; }
.rowlight { transition:0.25s; }
.rowdark { transition:0.25s; }
.rowdark td { padding: 6px 4px; border-bottom: solid 1px #ddd;}
.rowlight td { padding: 6px 4px; border-bottom: solid 1px #ddd; }
.rowdark:hover { background: #f8f8f8; }
.rowlight:hover { background: #f8f8f8; }
.subrow { font-size:1.0em; background: #E8F2FF; }
.subrow td { padding: 6px 4px; border-bottom: solid 1px #ddd; }

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