a, a:active { outline: none; }
h1, h3 { padding: 0; margin: 5px 0; }
.navlink { color: #0088cc; text-decoration: none; }
.navlink:hover { text-decoration: underline; color: #0088cc; }
.logolink { color: #333; text-decoration: none; }
.checkbox input { margin-right: 5px; }
body { text-align: center; color: #333; }
#wrapper { width: 950px; margin: 0 auto;  text-align: left; }

#header { border-bottom: solid 2px #333; padding: 5px; margin-bottom: 10px; }
#header h2 { float: left; width: 50%; padding: 0; margin: 0; font-size: 150%; }
#headeroptions { float: right; text-align: right; width: 50%; }
#headeroptions ul { margin: 0; padding: 0; list-style: none; }
#headeroptions li { margin: 0; padding: 0; list-style: none; display: inline; }
#body { width: 950px; }

#leftnav { width: 200px; float: left; padding-top: 10px; }
.navbox { border: solid 1px #ccc; margin-bottom: 10px; }
.navbox h3 { margin: 0; padding: 3px; background-color: #eee; color: #333; border-bottom: dotted 1px #ccc; font-weight: normal; text-align: center; }
.navbox ul { list-style: none; }
.navbox ul li { list-style: none; margin: 3px 0; }
.navbox a { color: #333; display: block; }
.navbox a:hover { color: #333; }
.navbox p { margin: 5px; }

.navboxh ul li { margin: 5px 0; display: inline; }
.navboxh ul li a { display: inline; }

#content { width: 740px; float: right; padding-top: 10px; }

#footer { border-top: solid 1px #ccc; font-size: 90%; clear: both; margin-top: 20px;}
#footer ul { list-style: none; }
#footer li { display: inline; }
#footer a { color: #0088cc; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.message { font-size: 120%; margin: 10px 0; }
.message .error { color: Red; border: solid 1px Red; padding: 3px; }
.message .info { color: Green; border: solid 1px Green; padding: 3px; }

#logintext { width: 350px; float: left; background-color: #eaeaea; padding: 0 30px 30px 30px; margin-bottom: 20px; }
#loginform { border: solid 1px #ccc; margin: 0; padding: 10px; float: right; width: 450px; margin-bottom: 20px; }
#loginform legend { margin: 0; font-weight: bold; font-size: 130%; }
#loginform ul { padding: 0; margin: 0; padding-top: 15px; }
#loginform li{ list-style-type: none; float: left; clear: left; margin-bottom: 5px; width: 100%; }
#loginform label { width: 200px; float: left; text-align: right; margin-right: 10px; }
#loginform input, fieldset select, fieldset textarea { float: left; text-align: left; }
#loginform span { float: left; text-align: left; }
#loginform input.button, fieldset input.submit { width: auto; margin-left: 210px; text-align: center;} /*label + margin*/
#loginform span.required { color: #ff0000; margin-left: 10px;}
#loginform span.hidden { display: none; }
#loginform span.visible { display: block; }
#loginform .messagebox { height: 100px; width: 350px; }

.clearb { clear: both;  }

.grid { border: solid 1px #fff; width: 100%; font-size: 90%;  }
.grid td { font-weight: normal; border: solid 1px #466e5d; padding: 1px; line-height: 1.7em; }
.grid th { font-weight: normal; border: solid 1px #466e5d; }
.gridheader { color: #eee; background-color: #466e5d; border: solid 1px #466e5d; font-weight: bold; }
.gridaltitem { background-color: #fff; }
.griditem { background-color: #efefef; }
.gridemptyitem { background-color: Yellow; font-weight: bold; font-size: 130%; text-align: center; }
.grid a { color: #333; }
.grid a:hover { color: #000; }
.grid .clipname { max-width: 100px; overflow: hidden; }
.solidheading { background-color: #466e5d; color: #fff; padding: 5px; }

.selector { float: left; clear: left; margin-bottom: 30px;  }
.selector a { display: block; border: solid 1px #aaa; text-decoration: none; color: #333; background-color: #eee; padding: 2px; margin: 2px 0; clear: both; }
.selector div { text-align: center; float: left; }
.selectoravailable {  }
.selectorchosen { margin-left: 10px;  }
.selector select { width: 200px; height: 80px; }

.form ul { list-style: none; }
.form li { list-style: none; margin-bottom: 5px; clear: left; }
.form label { width: 250px; float: left; text-align: right; margin-right: 10px; }


#summaryh { float: left; width: 200px; margin: 0; padding: 0; }
#summaryh h1, #summary h3 { margin: 0; padding: 0; line-height: 1.0; width: 100%; float: left; }
#timeframe { margin: 0 0 3px 0; padding: 0; text-align: right; float: right; vertical-align: text-bottom; }
input.btn { color: #333; background-color: #efefef; border: solid 1px #466e5d; border-color: #fff #333 #333 #fff; margin: 0; padding: 2px 4px; cursor: pointer; display: inline; }
input.btnhov { background-color: #cacaca; }
input.active { background-color: #466e5d; color: #fff; }
a.btn { color: #333; background-color: #efefef; border: solid 1px #466e5d; border-color: #fff #333 #333 #fff; margin: 2px; padding: 2px 4px; text-decoration: none; }
a.pagenav { color: #fff; margin-right: 10px; }

#analyticslink { background-color: #eb7d23; color: #222; border: solid 1px #333; padding: 10px; font-size: 200%; text-decoration: none;}
#analyticslink:hover { background-color: #e07020; }

#reportheader { width: 100%; margin: 0; padding: 0; border: none; }
#reportheader td { padding: 0; margin: 0; border: none; }
#reportheader ul { list-style: none; margin: 0; border: solid 1px #ccc; background-color: #eaeaea; padding: 5px; }
#reportheader ul li { list-style: none; margin-bottom: 10px; }
#reportheader h1, h3 { margin: 5px 0; padding: 0; }

#reporttitlebar { width: 100%; margin: 0; padding: 0; border: none; }
#reporttitlebar td { border: none; }

#reportstitlebox { }
#daterangechooser select, #daterangechooser #endlabel { margin-left: 20px; }
.datepickerpanel { display: inline; }

.block { display: block;  }

.btn, 
.btnAdd, 
.btnCancel, 
.btnDelete, 
.btnSave, 
.btnReports,
.btnAddStation,
.btnEditStation,
.btnAddOwnershipGroup, 
.btnEditOwnershipGroup,
.btnAddUser,
.btnEditUser, 
.btnManageUsers,
.btnManageAds,
.btnManageBackgrounds,
.exportcsv,
.btnMoveUp,
.btnMoveDown
{ margin: 2px; padding: 3px 4px 3px 24px; color: #333; text-decoration: none; background: #eee no-repeat 4px center; border: solid 1px #ccc; }

.btn:hover,
.btnAdd:hover,
.btnCancel:hover,
.btnDelete:hover,
.btnSave:hover,
.btnReports:hover,
.btnAddStation:hover,
.btnEditStation:hover,
.btnAddOwnershipGroup:hover, 
.btnEditOwnershipGroup:hover,
.btnAddUser:hover,
.btnEditUser:hover,
.btnManageUsers:hover,
.btnManageAds:hover,
.btnManageBackgrounds:hover,
.exportcsv:hover,
.btnMoveUp:hover,
.btnMoveDown:hover
{ background-color: #dfdfd3; }

.btnAdd { background-image: url(../img/add.png); }
.btnCancel { background-image: url(../img/cancel.png); }
.btnDelete { background-image: url(../img/delete.png); }
.btnSave { background-image: url(../img/accept.png); }
.btnReports { background-image: url(../img/report.png); }
.btnAddStation { background-image: url(../img/building_add.png); }
.btnEditStation { background-image: url(../img/building.png); }
.btnAddOwnershipGroup { background-image: url(../img/chart_organisation_add.png); }
.btnEditOwnershipGroup { background-image: url(../img/chart_organisation_edit.png); }
.btnAddUser { background-image: url(../img/user_add.png); }
.btnEditUser { background-image: url(../img/user_edit.png); }
.btnManageUsers { background-image: url(../img/group.png); }
.btnManageAds { background-image: url(../img/pictures.png); }
.btnManageBackgrounds { background-image: url(../img/phone.png); }
.exportcsv { background-image: url(../img/page_white_excel.png); }
.btnMoveUp { background-image: url(../img/arrow_up.png); display: block; width: 80px;  }
.btnMoveDown { background-image: url(../img/arrow_down.png); display: block; width: 80px; }

#sortableads { margin: 0; padding: 0;  }
#sortableads li.nonumber { list-style: none; }


.adcontainer { margin: 2px 0; border: solid 1px #ccc; list-style: none; }
.adcontainer h3 { background: #eee url(../img/move.png) no-repeat 4px center; border-bottom: solid 1px #ccc; padding: 3px 4px 3px 24px; margin: 0; color: #333; display: block; }
.hover { cursor: move; }
.adplaceholder { height: 60px;  }
.bgplaceholder { height: 200px; }

.formlayout { margin: 0; padding: 0; list-style: none; }
.formlayout li { list-style: none; padding: 0; margin: 0; }
.formlayout li label { text-align: right; width: 80px; float: left; clear: left; }
.formlayout li input { float: left; }
.formlayout span {margin-left: 5px; font-size: 87%; }

.orderboximg, .orderboxurl, .orderboxbuttons, .orderboxmove { float: left; padding-top: 3px; }
.orderboxurl { background-color: #eee; }
.orderboxbuttons { margin-top: 5px; }

.orderboxmove { float: right; }

.orderboxmovedisabled a { opacity: 0.4; filter: alpha(opacity=40);  }
.orderboxmovedisabled a:hover { background-color: #eee;  } /*disables effect*/

.orderboximg img { margin: 2px; padding: 2px; border: solid 1px #ccc; display: block; }