html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-weight:normal;}
em {font-style:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font-family:Arial, Helvetica, sans-serif;}

/* Theming */
body {background:blue;}
body.aqua {background:aqua;}
body.green {background:green;}
body.red {background:red;}
body.orange {background:orange;}
body.purple {background:purple;}


/* Heading styles */
h1 {color:#fff; font-size:30px; margin:20px 0; display:inline-block;} /* Was 42px */
h2 {color:#333; font-size:22px; margin-bottom:20px; }
h3 {color:#333; font-size:22px; font-weight:bold;margin-bottom:11px;}
h4 {color:#666; font-weight:bold; font-size:16px; margin-bottom:1em;}
#cboxContent h4 {color:#666; font-weight:bold; font-size:16px; margin:1em 0;}
#cboxContent .dialogRight h4 {margin-top:0;}

/* Branding */
a.logo {margin:0; text-decoration:none; color:#666; display:block; overflow:hidden;}
a.logo img {margin:0; width:100%; }
a.sitelogo {
	text-decoration:none; color:#666; display:inline-block; overflow:hidden;
	margin: 20px 0px;
	font-size: 42px;
}
/* Global structure */
.branding {background:#fff;}
.dark {background:url(./img/bg-trans.png) repeat-x 0 0;position:relative;  min-height:185px; }
.inner {width:960px; margin:0 auto; position:relative;}
.main {
	/*background:#fff; */
	clear: both;
	position:relative;}

#managerbanner {
	background-color: #990000;
	padding: 5px 0px;
}
#managerbanner_inner {
  width: 940px;
  margin: 0px auto;
/*  padding: 5px;
  border-radius: 5px;
  background-color: #ffffff; */
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}
.iframe #managerbanner_inner {
  width: 700px;
}

/* nav */
.nav {display:block; overflow:visible; height:37px;}
.nav li {float:left;display:inline-block; border-right:solid 1px rgba(0,0,0,0.1); border-left:solid 1px rgba(255,255,255,0.1); height:37px; overflow:visible; }
.nav li a {height:27px; text-decoration:none;  color:#fff; font-size:12px; padding:5px 15px; display:block; line-height:27px;}
.nav li a:hover {background:rgba(0,0,0,0.1);}
.nav li.active {height:37px;}
.nav li.active a {background:url(./img/nav-ac.png) no-repeat center 0; height:37px; color:#333;}

/* User panel */
.userPanel {height:54px; font-size:11px; float:right;overflow:hidden;background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; margin:30px 0 0 0; color:#333;}
.userPanel>li {float:left; height:34px; display:block; border-left:solid 1px rgba(0,0,0,0.3); overflow:hidden; padding:10px;}
.userPanel a {color:#333;padding:0 10px 0 0; }
.userPanel>li.active {background:#fff; color:#333;}
.userPanel a:hover {color:#000; }
.userPanel .info {font-size:13px; font-weight:bold;display:block; margin-bottom: 3px;}
.userPanel .links {overflow:hidden; display:block;}
.userPanel .links li {float:left;margin-right:2px;}

/* homepage */
.homePanel {margin:30px 0;clear:both; float:none; overflow:hidden; background:rgba(255,255,255,0.2);-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;padding:10px;}
 .col4 {float:left; width:230px; margin-right:10px;font-size:12px;color:#fff; text-align: left;}
 .col4:last-child {margin-right:0;}
 .col4 h3 {font-size:14px; border:solid 1px #ccc; margin:0; background:#eaeaea; margin:0; overflow:hidden; padding:15px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
 .col4 h3 strong {font-size:48px;float:left;margin: -10px 10px -10px 0;}
 .col4 ul {border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
 .col4 ul li {padding:10px; background:#fff; border-bottom:solid 1px #ccc; }
 .col4 ul li a {text-decoration:none; color:#333; }
 .col4 .colFoot {background:#eaeaea; padding:10px; border:solid 1px #ccc; border-top:0;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;moz-border-radius-bottomright: 5px;moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.homePanel .introContent {float:left; width:630px; overflow:hidden;}
.signedin .homePanel .introContent {float:none; width:auto;}
.homePanel .introContent p {color:#fff;margin-bottom:1em; line-height:1.4em;}
.homePanel .loginPanel {float:left; width:310px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background:#fff;}
.homePanel .loginPanel .formList {background:#fff;font-size:12px;}
.homePanel .loginPanel .formList label {width:90px;display:inline-block;}
.homePanel .loginPanel .formList li {margin-bottom:10px;}
.homePanel .loginPanel .header {padding:15px 10px; background:#666; color:#fff; margin:0;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.homePanel .loginPanel .header h4 {color:#fff;margin:0;display:inline;}
.homePanel .loginPanel .header .reg {text-decoration:none; font-size:12px; font-weight:bold;background:#fff; color:#333;float:right; padding:5px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.homePanel .loginPanel .withreg {padding:15px 0; overflow:hidden; background:#666; color:#fff; margin:0;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.home .footer {background:#fff;}
.home .footer .inner {padding:20px; /* text-align:center; */ }
.home .footer .inner .footerLinks {list-style-type:none; font-size:12px;margin-bottom:30px;}
.home .footer .inner .footerLinks li {display:inline; margin-right:10px;}
.home .footer .inner .logos li{margin-right:30px;}
.home .footer .inner .footerLinks li a {color:#666;}
.home .footer .inner .footerLinks li a:hover {color:#333;}



/* Template structure - inside content area */
.content {width:960px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;  position:relative; overflow:visible;}
.home .content {overflow:hidden;}
.listing {width:700px; padding:10px; float:left; margin:-30px 0 30px 0; background:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; min-height:400px;}
.custom .listing {width:auto; padding:10px; float:none; margin:-30px 0 30px 0; background:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; min-height:400px;}
.sidebar {width:220px; float:left; margin-right:20px;}
.listingPage .sidebar { background:#eaeaea; width:198px; float:left; margin:20px 20px 0 0; padding:10px; border:solid 1px #ccc;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.profile {padding:20px; width:680px;}



/* form styles */

input[type="checkbox"] {margin-right:10px;}
fieldset ul { overflow:hidden; display:block; margin:0; background:#eaeaea;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #ccc;}
fieldset ul li { display:block; padding:1em 0; border-top:solid 1px #efefef; overflow:hidden; position:relative;}
fieldset ul li:first-child {border-top:0;}
fieldset ul .innerFormLeft { display:block; clear:both; color:#666; float:left; font-size:13px;
  /* font-weight:bold; */
  line-height:1em;  padding:8px 20px 0 12px; text-align:right; width:150px;} /* 160px width, 2px left margin */
fieldset ul .innerFormLeft label { line-height:1em; }
fieldset ul .innerFormRight {float:left; display:block;  width:478px;}
.form input[type=text], .form input[type=password]  {height:35px; float:left; width:280px; font-size:16px; line-height:1em; padding:0 5px;}
.form input[type=file] { float:left; font-size:13px; line-height:1em; padding:0 5px; margin-top:6px;}

/* Stop nested forms compounding the styling */
fieldset ul ul { margin:0; ;-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border: none;}
fieldset ul ul li { padding:0; border-top:solid 1px #efefef; }


fieldset ul .innerFormRight select { float:left; font-size:16px; margin:6px 0 6px 0; } /* width:100px; */
fieldset .suffix {color:#333333;display:inline;;font-size:12px;padding:8px 0 0 4px;}
fieldset .prefix {color:#333333;display:block;float:left;font-size:12px;padding:8px 4px 0 0;}
fieldset .note {font-size: 12px; float:left; padding:5px 10px; background:#FDF8B5; border:1px solid #EABD37; position:relative; margin:15px 20px 0 180px; color:#8D4D05 ! important;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
fieldset .description {font-size: 12px; float:left; background:#FFF; color:#666 ! important; position:relative; padding:5px 10px;  margin:15px 20px 0 180px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;-moz-box-shadow: 1px 1px 5px #ccc;-webkit-box-shadow: 1px 1px 5px #ccc;box-shadow: 1px 1px 5px #ccc;}

fieldset ul  ul.radio_list {
	border: 0px;
}
fieldset ul  ul.radio_list li {
  padding: 0px;
}

.formButton {cursor:pointer; margin:20px 10px 30px 200px;background:url(../images/formNext.jpg) no-repeat 0 0; width:107px; height:33px; text-indent:-9000px; border: 0 none;}
.formButton:hover {background-position:0 -33px;}
.formButton span {padding:0; border:0 none; }

.blueBtn {background:url(../images/blue-btn-l.jpg) no-repeat 0 0; height:33px; padding-left:33px; overflow:hidden; text-decoration:none; display:inline-block;}
.blueBtn span {background:url(../images/blue-btn-r.jpg) no-repeat right 0; height:33px; display:block; color:#fff; text-decoration:none; padding:6px 10px 0 5px;font-weight:bold;}
.blueBtn:hover {background-position:0 -33px;}
.blueBtn:hover span {background-position:right -33px;}
.createForm .blueBtn {margin:0 10px 0 0;}

.greyBtn {background:url(../images/grey-btn-l.jpg) no-repeat 0 0; height:33px; padding-left:33px; overflow:hidden; text-decoration:none; display:inline-block;}
.greyBtn span {background:url(../images/grey-btn-r.jpg) no-repeat right 0; height:33px; display:block; color:#333; text-decoration:none; padding:6px 10px 0 5px;}
.greyBtn:hover {background-position:0 -33px;}
.greyBtn:hover span {background-position:right -33px;}
.createForm .greyBtn {margin:0 10px 0 200px;}

.addBtn {background:url(../images/addBtn-l.png) no-repeat 0 0; height:28px; padding-left:31px; overflow:hidden; text-decoration:none; display:inline-block;}
.addBtn span {background:url(../images/addBtn-r.png) no-repeat right 0; height:28px; display:block; color:#fff; text-decoration:none; padding:3px 15px 0 5px; line-height:20px;}
.addBtn:hover {background-position:0 -28px;}
.addBtn:hover span {background-position:right -28px;}
.innerFormRight .addBtn {margin:3px 0 0 20px;}


.footerButton {text-align:center;}
.addTimeSlot {cursor:pointer; background:url(../images/add-time-slot.png) no-repeat 0 0; width:136px; height:28px; text-indent:-9000px; border: 0 none;}
.addTimeSlot:hover {background-position:0 -28px;}
.addTimeSlot span {padding:0; border:0 none; }

.addMeetingPlace {cursor:pointer; background:url(../images/add-meeting-place.png) no-repeat 0 0; width:154px; height:28px; text-indent:-9000px; border: 0 none; float:left; margin:3px 0 0 20px;}
.addMeetingPlace:hover {background-position:0 -28px;}
.addMeetingPlace span {padding:0; border:0 none; }

.step2 table {margin:0 0 0 20px;}
.slotsFormLeft { display:block; clear:both; color:#666; float:left; font-size:13px; font-weight:bold; line-height:20px;  padding:8px 20px 0 2px;  width:200px;}
.step2 input[type=text] {width:70px; font-size:14px; margin-right:10px; height:28px;}
.slotsHeader {border:0;}
.slotStart, .slotEnd {background-image:none; background-color:#fff; color:#666;}
.step2 td {padding:10px;}
td.check {text-align:center;}


.innerFormRight label {color:#333;line-height:2em; }
.innerFormRight input[type=checkbox], .innerFormRight input[type=radio] { margin-right:10px;}
.innerFormRight input[type=checkbox]:first-child {margin-top:5px;}


label {font-size:13px;}
#messagedialog ul {margin:20px;}
#messagedialog label {width:100px; margin:0 20px 15px 0; display:inline-block}
#messagedialog input[type="text"], #messagedialog textarea {width:400px;}
#messagedialog .inputline {margin-bottom:1em;}
#messagedialog h3 {margin:20px 0 0 20px;}


/* message centre */

.messageTableWrap {margin-top:10px;border:solid 1px #ccc;background:#eaeaea;-moz-box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset;}
.messages {width:100%;}
.messages tbody td {padding:5px; border-bottom:solid 1px #ccc; font-size:12px;}
.messages tbody td a {text-decoration:none; color:#333;}
.messages tbody tr:hover {background:rgba(255,255,255,0.3);}
.messages tbody tr.unread {background:#fff;}
.messages tbody tr.unread a {color:blue; text-decoration:none; font-weight:bold;}
.subnav {overflow:hidden; display:block; margin-top:20px; background:#eaeaea; padding:3px;border:solid 1px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.subnav li{}
.subnav li a{display:block; padding:10px;text-decoration:none; font-size:12px; color:#333;}
.subnav li.active a{ background:url(./img/sub-active.png) no-repeat 0 0; padding:12px 10px;}
.prevMessage {margin-top:20px;border:solid 1px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.prevMessage .messageHeader{padding:10px;-moz-box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 0 40px rgba(0, 0, 0, 0.1) inset;}
.prevMessage .messageHeader .from {font-size:12px;margin-bottom: 5px;}
.prevMessage .messageHeader h4 {margin-bottom:0;}
.prevMessage .messageBody{padding:10px;font-size:12px; line-height:1.4em;}
/* buttons */
button.shiny {
  background: #2463de;
  background: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #759ae9), color-stop(0.5, #376fe0), color-stop(0.5, #1a5ad9), color-stop(1, #2463de));
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0;
  text-shadow: 0 -1px 1px #1a5ad9;
  width: 150px;
  margin:0 auto;
  display:block;
}

button.shiny:hover {
  background: #0d53de;
  background: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #5d89e8), color-stop(0.5, #2261e0), color-stop(0.5, #044bd9), color-stop(1, #0d53de));
  cursor: pointer;
}


/* Theming

a, h1, h2, h3, h4, h5, h6 {color:green;}

 */

/* temporary */
.hiddenContent {display:none;}

.metatext li {
  list-style: inherit;
  margin-left: 20px;
}