/*
Navy Blue #036494
Magenta (Pink) #ff306b
Transform Coral #e7879e
*/

 @font-face {
	font-family: 'SerifaBTRoman';
	src: url('/fonts/serifa_bt-webfont.eot');
	src: url('/fonts/serifa_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/serifa_bt-webfont.woff') format('woff'),
		 url('/fonts/serifa_bt-webfont.ttf') format('truetype'),
		 url('/fonts/serifa_bt-webfont.svg#SerifaBTRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}

 @font-face {
	font-family: 'PerspectiveSansBlack';
	src: url('/fonts/persanbk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:0.9em;
	/*line-height:1.6em;*/
	color:#555;
	background-color:#f4f4f4;
}

#overlay {position: fixed; background: #000; left:0; right:0; top:0; bottom:0; opacity: 0.6; z-index: 100;}
#popup {position: absolute; z-index: 200; opacity: 1; width: 800px; top: 200px;}
#popup-close {position: absolute; right:8px; top:5px;}
#popup img {display: block;}
#tinymce {padding: 10px !important;}
#toggles {font-size: 12px;}
#filters {font-size: 12px; background:#f8f8f8;}
#top-nav { display: none; }

/* TinyMCE specific rules */
body.mceContentBody { padding:10px; }

p { padding-top:0; margin:0 0 10px 0; }

a img { border:none; text-decoration:none; }
a { text-decoration:none; color: #036494; }
a:hover { color: #555 !important; }

.smaller {font-size:smaller;}
.larger {font-size:larger;}

.uppercase-text {}
.lowercase-text {text-transform:lowercase;}
.capitalize-text {text-transform:capitalize;}

img.left, .left {float:left; margin:0 8px 6px 0;}
img.right, .right {float:right; margin:0 0 6px 8px;}

img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

form { margin:0; padding:0; }
fieldset { margin:0 0 15px 0; }

input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], select, textarea {font-family:arial, helvetica, sans-serif; font-size:1em; color:#555; border:1px solid #ccc; padding:3px; width:100%; border-radius:2px; }
input[type=date] {font-family:arial, helvetica, sans-serif; color:#555; border:1px solid #ccc; width:100%; height:40px; border-radius:2px; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border:1px solid #C4D600; }
textarea { width:333px; height:150px; font-family:arial, helvetica, sans-serif; font-size:12px; padding:5px; vertical-align: top; }
input.txt { width:500px; }
input.num { width:100px; }
.input-note { font-size:10px; }

input, select, label, input[type=checkbox], input[type=radio] { vertical-align:middle; }

input:read-only { background: #f8f8f8; color: #888;}

label {color:#000;}

::-webkit-input-placeholder {color:#bbb;}
::-moz-placeholder {color:#bbb;}
input:-moz-placeholder {color:#bbb;}
input:-ms-input-placeholder {color:#bbb;}

select { padding:1px; }

h1,h2,h3,h4,h5,h6 {font-family:'SerifaBTRoman', sans-serif; color:#444; font-weight:normal;}

h1 { font-size:26px; margin:10px 0 0 0; padding:0; line-height:1.2em; color:#C4D600; font-family:'SerifaBTRoman', sans-serif; font-weight:normal; }
h2 { font-size:19px; margin:10px 0 10px 0; padding:0; line-height:1.3em; font-family:'SerifaBTRoman', sans-serif; font-weight:normal; }
#home h2 {font-family:arial, helvetica, sans-serif; font-weight:bold; line-height:1.4em; }
#content h2.section { font-size:24px; border-top:1px solid #C4D600; padding:10px 0 5px 0; margin-top:30px; }

h3 { font-size:15px; margin:10px 0 5px 0; }
h4 { font-size:13px; margin:0; }
h5 { font-size:12px; margin:0; }
h6 { font-size:10px; margin:0; }

/*
table { border-collapse:collapse; }
th { padding:4px; text-align:left; }
td { padding:4px; }
*/

/* for CMS-entered tables */
table.hozTable {  }
table.hozTable th, table.hozTable td { border:1px solid #ddd; padding:6px; }
table.hozTable th { background:#f2f2f2; }

.req { color:red !important; }

ul.noBullets { list-style-type:none; margin:0; padding:0px 8px; }
ul.noBullets li { margin:0; padding:4px 0; }

hr { border:none; border-top:1px solid #ccc; width:100%; margin:5px 0 20px 0; padding:0; }

/* Layout */
.left-10 { float:left; width: calc(10% - 20px); }
.right-90 { float:right; width: 90%; }

.left-30 { float:left; width: calc(30% - 20px); }
.right-70 { float:right; width: 70%; }

.left-33 { float:left; width: calc(33% - 20px); }
.middle-33 { float:left; width: calc(35% - 20px); margin-left: 24px; margin-right: 24px; }

.left-50 { float:left; width: calc(50% - 20px); }
.right-50 { float:right; width: 50%; }

.left-60 { float:left; width: calc(60% - 20px); }
.right-40 { float:right; width: 40%; }

.left-70 { float:left; width: calc(70% - 20px); }
.right-30 { float:right; width: 30%; }

.left-80 { float:left; width: calc(80% - 20px); }
.right-20 { float:right; width: 20%; }

.left-25 { float:left; width: calc(25% - 30px); }
.right-75 { float:right; width: 75%; }

.fix-20 { width: calc(100% - 20px) !important; }


div.autocomplete {
	position:absolute;
	background-color:white;
	margin:0;
	padding:0;
	z-index: 50;
	box-shadow: 0 0 5px #888;
}
div.autocomplete ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.autocomplete ul li.selected { background-color: #C4D600; color:#fff;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:5px;
	cursor:pointer;
}

/* Classes */
.current  {background: #f1f1f1;}
.results { color: #888; font-size: 14px; position: relative; max-height: 200px; overflow: hidden; }
.results:after { background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%); content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 50%; }
.not-paid { background: #ffe7e7; }
.cancelled { background: #f4d3d3; }
.sub-heading  {color: #000; font-size: 18px;}
.sub-text  {color: #777; font-size: 14px;}
.small-text  {color: #777; font-size: 13px !important;}
.div-box { padding: 10px; }
.digits, .dates { width: 99px !important; }
.icon {padding: 0; margin: 0;}
.new {background:red; font-size: 10px; color: white !important; padding: 0 5px; border-radius: 2px; font-weight: normal;}
.recent {background:#e1e9f8; font-size: 10px; padding: 4px 8px; border-radius: 4px; font-weight: normal;}
.dark {background: #444 !important; color: #fff !important;}
.bubble {background:#eee; font-size:10px; color:#333; padding:2px 6px; border-radius:2px; font-weight:normal;}
.bubble-plain {font-size:10px; color:#333; padding:4px 8px; border-radius:4px; font-weight:normal;}
.tag {background: #C4D600; color: #fff; padding: 5px 10px; border-radius: 2px; font-size: 12px;}
.comments {color: #444; font-size: 12px; padding: 5px 10px; background: linear-gradient(to right, #f1f1f1, #fff); font-family: consolas; letter-spacing: -1px;}
.help {color: #888; font-size: 12px; padding: 5px 10px; background: #eee; font-style: italic; }
.advice {color: #777; font-size: 12px; padding: 10px; background: linear-gradient(to right, #efe2fc, #f3eafc); }
.search {padding:10px !important; width: 100% !important; font-size:16px !important; border:3px solid #66d1f6 !important;}
.search:focus {border:3px solid #C4D600 !important; outline: none !important;}
.notes { font-size:12px; color:#999; }
.footnote { font-size: 12px; color:#999;}
.notes-box {font-size:10px; color:#777; border: 1px dashed #777; padding:0px 5px 20px 5px;}
.special-box {color:#666; margin:5px 0; padding:10px; background:#eee;}
.noticeBox { background:#ffffe7; border:1px solid #f0f0ab; padding:9px 12px; margin:10px 0 10px 0; }
.grayBox { background: #eee; border-radius: 2px; padding:10px; }
.lightGrayBox { background: #f8f8f8; border-radius: 2px; padding:5px; }
.blueBox { padding:15px; margin:10px 0; color:#333; background:#f1fafe; }
.infoBox { padding:10px; color:#333; background:#f1f1f1; }
.highlight { background: #fdfee0; }
.indent { background: #ccc; }
.today { background: #e0ecf1; }
.slim { margin:0; border-top:none; border-right:none; border-left:none; border-bottom-width:1px; }
.strikeout, .strikeout td { text-decoration:line-through; }
.number, th.number, table.formattedTable th.number { text-align:right !important; }
.center, th.center, table.formattedTable th.center { text-align:center !important; }
.disabled {pointer-events:none; opacity: 0.6;}
.disabledText { color:#999; }
.red-text {color:#f00 !important;}
.green-text {color:#0eb317 !important;}
.purple-text {color:#dbbdf9 !important;}
.cpd-points {color:#FCB424; font-size:12px;}
.image-text {position:absolute;top:10px;left:10px;font-size:22px;background:#C4D600;color:white;font-weight:bold;padding:5px;}
.image-sub-text {position:absolute;top:40px;left:10px;font-size:14px;background:#C4D600;color:#000;padding:5px;}
.image-text-small {position:absolute;top:10px;left:10px;font-size:13px;background:#C4D600;color:#fff;padding:5px;line-height:1em !important;}
.image-text-support {position:absolute;top:33px;left:10px;font-size:12px;background:black;color:gray;padding:5px;line-height:1em !important;}
.required-field { border: 1px solid #FF454D !important; background: #ffeced;}
.ok-field { border: 1px solid #cfe0d1 !important; background: #f0f5f1;}
.checkboxList { width:300px; height:150px; overflow-y:scroll; border:1px inset #666; padding:2px; }
.dropit { font-size: 16px; text-align: center; background: #9ECA3B; margin:10px 0; color: white; border-radius: 2px; border: 1px dashed white; }
.circleit { border: 2px solid #000; border-radius: 25%; padding:5px 10px; }
.grid-box {display:inline-block; padding:5px; font-size:12px; border: 1px solid #888; border-radius:2px; margin:5px;}
.strip-heading {padding:10px; background:#f1f1f1; border-radius:2px;}
.event-heading {padding:0 5px; background:#eee; border-radius:2px;}
.hero { padding:0 35px; }
.hide { display: none; }
.padded-box-5 { padding: 5px;}
.padded-box-10 { padding: 10px;}
.padded-box-15 { padding: 15px;}
.padded-box-20 { padding: 20px;}
.padded-box-30 { padding: 30px;}
.padded-box-40 { padding: 40px;}
.padded-box-50 { padding: 50px;}
.padded-tb-5 { padding: 5px 0;}
.padded-tb-10 { padding: 10px 0;}
.padded-tb-15 { padding: 15px 0;}
.padded-tb-20 { padding: 20px 0;}
.padded-tb-40 { padding: 40px 0;}
.padded-tb-30 { padding: 30px 0;}
.padded-tb-50 { padding: 50px 0;}
.padded-lr-5 { padding: 0 5px;}
.padded-lr-10 { padding: 0 10px;}
.padded-lr-15 { padding: 0 15px;}
.padded-lr-20 { padding: 0 20px;}
.padded-lr-30 { padding: 0 30px;}
.padded-lr-40 { padding: 0 40px;}
.padded-lr-50 { padding: 0 50px;}
.padded-text { padding: 20px 35px; }
.login-box { margin:50px auto; width:50%; background:#f8f8f8; }
.buttonContainer { text-align:right; padding:10px; background:#444; color:#fff; } /* To be deleted */
.button-container { margin-top:20px; text-align:right; padding:10px; background:#f1f1f1; color:#fff; border-radius: 2px; }
.box-selector {float:left;width:256px;text-align:center;margin:5px;border-radius:5px;border:1px solid #ddd;min-height:320px;}
.paused { background: #c696f6 !important; }

/* Layout */
.row {  }
.row h5 { font-family: arial; font-size: 10px; color: #888; }

/* Colours */
.red {background: red !important; color: #fff !important;}
.blue {background: #0079c7 !important; color: #fff !important;}
.green {background: #8CC43C !important; color: #fff !important;}
.green:hover {background: #005900 !important;}
.orange {background: #E4B21B !important;}
.orange:hover {background: #b68e15 !important;}
.purple {background: #dbbdf9 !important; color: #fff !important;}
.purple:hover {background: #9984ae !important;}


/* Statuses */
.pending { background: #dbbdf9; }
.denied { background: #FF454D; color: white !important; }
.approved { background: #d9f6e2; }

/* Add to Calendar */
.add-to-cal { opacity: 0.6; width: 16px; margin-left: 5px; margin-bottom: -3px; }

/* Company */
.company {padding: 10px;}
.company h1, .people h2, .people h3 {font-weight: normal;}
.company h1 {padding: 0 0 5px 0; margin: 0; color:#444; border-bottom: 1px dotted #ddd;}

/* User Photo */
.user-photo {max-width:220px; padding:5px; margin: 0 auto; background: #f8f8f8;}
.user-photo img {display: block;}

/* Typography */
.thead {padding:10px; background: #f1f1f1; color: #222; font-size: 16px; }
.tcopy {padding:20px; background: #f8f8f8; color: #888; font-size: 14px; }

/* Messages */
.messageText {padding:10px; background: #f8f8f8; border-radius: 2px; }
.messageGood {padding:10px; background: #cfe0d1; border-radius: 2px; }
.messageWarning {padding:10px; background: #ffdb99; border-radius: 2px; }
.messageBad {padding:10px; background: #FF454D; color: white; border-radius: 2px; }
.messageInfo {padding:10px; background: #b3e4fa; border-radius: 2px; }
.messageNotice {padding:10px; background: #dbbdf9; border-radius: 2px; }

.messageText a, .messageGood a, .messageWarning a, .messageInfo a, .messageNotice a { color: #000; }
.messageBad a { color: #eee; }

.alertBoxBad { background:#f4d3d3 url(/images/oct07/icons/exclamation.png) no-repeat 10px center; border-radius:2px; padding:8px 8px 8px 40px; margin:8px 0; }
.alertBoxGood { background:#d5e9d9 url(/images/oct07/icons/accept.png) no-repeat 10px center; border-radius:2px; padding:8px 8px 8px 40px; margin:8px 0; }
.alertBoxNotice { background:#ffffcc url(/images/oct07/icons/error.png) no-repeat 10px center; border-radius:2px; padding:8px 8px 8px 40px; margin:8px 0; }
.alertBoxInfo   { background:#b2e8fa url(/images/oct07/icons/information.png) no-repeat 10px center; border-radius:2px; padding:8px 8px 8px 40px; margin:8px 0; }

/* Meter */
.meter { position: relative; background: #f1f1f1; border-radius: 5px; color: white; }
.meter span { display: inline-block; height: 100%; border-radius: 2px; padding: 2px; }


/* Filters */
.filters label { font-size: 12px; color: #888; }
.filters select { font-size: 12px; }
.filters tools { display: block; font-size: 12px; padding:10px; }


/* Lists */
.tab-list, .tab-list ul { margin:0; padding:10px 0; list-style-type:none;}
.tab-list li { display: inline-block; }
.tab-list a { color: #444; text-decoration: none; background: #eee; padding: 10px; width: 180px; display: block; }
.tab-list a:hover { background: #3F4450; color: #fff !important; }
.tab-list .selected { background: #3F4450; color: #fff !important; }

.arrow-menu {  margin:0; padding:0; list-style-type:none; }
.arrow-menu li { display: inline-block; width: 123.6px; text-align: center; font-size: 10px; padding: 5px; background: #f1f1f1;  border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.arrow-menu li.selected { background: black; color: white;  }


.side-list, .side-list ul { margin:0; padding: 0; list-style-type:none; }
.side-list li { margin:0; padding: 5px 0; }
.side-list a { font-size: 14px; }
.side-list div { font-size: 12px; color: #777; }

.simpleList, .simpleList ul { margin:0; padding: 0; list-style-type:none; }
.simpleList li { margin: 0; padding: 0; }

.menu-list { margin:0; padding:0; list-style-type:none; border-bottom: 1px solid #036494; }
.menu-list li { display: inline-block; width: 110px; text-align: center; padding: 5px 5px; background: #036494; border-top-right-radius: 10px;}
.menu-list a { text-decoration: none; font-size: 11px; color: white !important; }
.menu-list li:hover, .menu-list .selected { background: #444; }

.standard-list, .standard-list ul { margin:0; padding: 0; list-style-type:none; }
.standard-list li { margin-bottom:5px; padding: 5px; background: #ddd; }

.clean-list, .standard-list ul { margin:0; padding: 0; list-style-type:none; }
.clean-list li { margin-bottom:2px; padding: 5px; }

/* Forms */
.breakout-form .header { background: linear-gradient(to right, #444 50%, #fff); color:white!important; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; font-size: 13px; }
.breakout-form .subheader { background: linear-gradient(to right, #f8f8f8, #fff); border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }
.breakout-form .body { border: 1px solid #f1f1f1; background:#fff; }
.breakout-form .footer { background: #f8f8f8; border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; font-size: 12px; }
.breakout-form td { padding: 10px 0; vertical-align: top; border-bottom: 1px solid #f1f1f1;}
.breakout-form span { color:#000; }

.form-element {padding: 0;}
.form-element label {display: block; color: #777; font-size: 14px;}
.form-element strong {color:#000; font-weight: normal;}
.form-element input[type=text], .form-element input[type=password], .form-element input[type=email], .form-element input[type=url] {padding: 10px; width: 100%; color: #000; font-size: 14px;}
.form-element select {padding: 6px; width: 100%; color: #000; font-size: 14px;}
.form-element textarea {padding: 6px; width: 100%; height: 150px; line-height: 1.5em; font-family: consolas;}
.form-head {color: #333; margin-top: 15px; font-weight: bold;}

/* Boxes */
.featured-box img { border-radius: 4px; }
.item-box { width:calc(33% - 8px); float:left; position:relative; background:#f1f1f1; border-radius:4px; margin: 5px; height: 452px; }
.item-box img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.related-box { height: 370px; }

/* Summary Header*/
.summary-box {background: #f8f8f8; padding: 10px;}
.summary-box td {vertical-align: top; padding:0;}
.summary-box img {display: block;}
.summary-box .large-text {font-size:36px; font-weight:normal; margin:14px 0;}
.summary-box .med-text {font-size:22px; font-weight:normal;}
.summary-box .small-text {font-size:12px; font-weight:normal; margin:5px 0;}
.summary-box .fee-box {border-radius:12px; background:#ddd; padding:8px; font-weight:bold; line-height:1.1em; text-align:center;}
.summary-box .points-box {height:97px; width:150px; border-radius:12px; padding:8px; color:white; font-weight:bold; text-align:center; line-height:1.2em; background: #444;}
.summary-box .points-box-points {font-size:40px; padding:12px;}
.summary-box .enrolment-box {padding:8px; font-weight:bold; line-height:1.2em; text-align:right;}


/* Tables */
.standard-table {
	width:100%;
	border-collapse: collapse;
}

.standard-table th {
	vertical-align: top;
	padding: 10px !important;
	color: #000 !important;
	background-color: #f1f1f1;
	font-weight: normal;
	text-align: left;
	font-size: 15px;
}

.standard-table tbody td {
	vertical-align: top;
	padding: 8px !important;
	color: #444;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}

.standard-table tfoot td {
	padding: 8px !important;
	color: #000 !important;
	font-weight: bold !important;
	background: #f9f9f9;
}

.standard-table a {
	color: #145f98;
	text-decoration: none;
}

/* Dashboard */
.portal-box { float:left; width:32%; padding:0; margin-right:10px; margin-bottom:10px; color:#888; font-size: 13px; border-radius: 2px; }
.portal-box label a { color: #777; background: #fff; padding: 10px; display: block; font-size: 16px; font-weight: light; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.portal-box label a:hover { color: #777 !important; background: #f9f9f9; }
.portal-box card { display: block; padding: 10px; background: #fff; color: #000; border-top: 1px solid #eee; min-height: 100px; }
.portal-box card stat { display: block; font-size: 46px; padding: 10px 0; }

/* CPD Allocation */
.score-box {padding:20px; border-radius:5px; color:white;}
.green-box {background:#2AB744;}
.gray-box {background:#ddd;}

/* PAM */
.pam-list {list-style: none; padding:0; margin: 0;}
.pam-list li {margin: 10px 0;}
.pam-list li:first-child {margin-top: 0;}
.pam-list img {vertical-align: middle;}
.pam-list a {padding: 10px 10px 10px 30px; border: 1px solid #eee; border-radius: 4px; color: #333; font-size: 14px; width: 100%; display: block; text-decoration: none;}
.pam-list a {background: url('/images/icons/radio-unchecked.png') no-repeat 10px 50%; background-size: 12px 12px;}
.pam-list a:hover {background: url('/images/icons/radio-checked.png') no-repeat 10px 50%; background-color: #5174ff !important; color: #fff !important; background-size: 12px 12px;}
.pam-subtext {font-size: 12px;}

.pam-status {float:right; padding: 0 40px; text-align: center; color:#fff; border-radius: 2px; font-size:12px; }

.pam-file-preview {list-style: none; margin: 0; padding: 0;}
.pam-file-preview li {display: block; padding: 5px; border-bottom: 1px dotted #ddd;}
.pam-file-preview li:first-child {border-top: 1px dotted #ddd;}
.pam-file-preview a {text-decoration: none;}
.pam-file-preview a:hover {color: #222;}

.pam-list-selected {background: url('/images/icons/radio-checked.png') no-repeat 10px 50% !important; background-color: #5174ff !important; color: #fff !important; background-size: 12px 12px !important;}

/* Buttons */
.cancel-button {
	font-size: 13px !important;
	padding: 8px 20px !important;
	background: red !important;
	color : white !important;
	text-decoration: none !important;
	border: 0 !important;
	border-radius: 2px !important;
}
.cancel-button:hover {background: #ad141e !important; color:white !important; cursor:pointer;}


.mini-cancel-button {
	padding: 2px 5px !important;
	background: red !important;
	color : white !important;
	text-decoration: none !important;
	border: 0 !important;
	border-radius: 2px !important;
	font-size: 11px;
}
.mini-cancel-button:hover {background: #ad141e !important; color:white !important; cursor:pointer;}

.mini-button {
	font-family:arial, helvetica, sans-serif;
	padding:2px 5px;
	background:#036494;
	color:white !important;
	text-decoration:none !important;
	border: 0;
	border-radius:2px;
	font-size: 11px;

}
.mini-button:hover {background:#024667; cursor:pointer; text-decoration:none !important; color:white !important;}

.mini-button-selected {
	font-family:arial, helvetica, sans-serif;
	padding:2px 5px;
	background:#000;
	color:white !important;
	text-decoration:none !important;
	border: 0;
	border-radius:2px;
	font-size: 11px;
}
.mini-button-selected:hover {cursor:pointer; text-decoration:none !important; color:white !important;}

.button {
	font-size: 13px !important;
	padding: 8px 20px !important;
	background: #036494;
	color: white !important;
	text-decoration:none !important;
	border: 0;
	border-radius: 2px;
}
.button:hover {background:#024667; cursor:pointer; text-decoration:none !important; color:white !important;}

.big-button {
	font-family:arial, helvetica, sans-serif;
	padding:12px 24px;
	background:#036494;
	font-weight:bold;
	color:white !important;
	text-decoration:none !important;
	border-radius:2px;
}
.big-button:hover {background:#024667; cursor:pointer; text-decoration:none !important; color:white !important;}

.button-mod { width:120px !important; height:37px !important; display:inline-block; text-align:center; }
.button-long { display:block; text-align: center; font-size: 18px;}

.buttonWithImage { padding:3px 8px; }
.buttonWithImage img { margin-right:7px; vertical-align:sub; }

blockquote {
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
	background:#f9f9f9;
	padding:1em 1em 1em 2.3em;
	margin:10px 0px;
	font-family:georgia, "times new roman", serif;
	font-size:14px;
	text-indent:-1.7em;
}
blockquote:before {
    content: "\2018\2018";
    font-size: xx-large;
    font-weight: bold;
}

blockquote:after {
    content: "\2019\2019";
    font-size: xx-large;
    font-weight: bold;
}

.breakOutBox {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	background:#f8f8f8;
	padding:15px;
	margin:10px 0px;
	color:#333;
}
/*.breakOutBox p { margin:16px 0 0 0; padding:0; }*/
.breakOutBox ul { margin-top:0; }

.grayOutBox {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#f8f8f8;
	padding:10px;
	margin:15px 0px;
}

.citation {float:right; width:250px; margin:15px 0 15px 15px; background:#f8f8f8; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;}

#modal-box {
	position:absolute;
	background-color: #fff;
	-webkit-borde-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	z-index: 1002;
	text-align: left;
	-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.75);
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.75);
	box-shadow:1px 1px 10px rgba(0,0,0,0.75);
}

/* Green Building Day*/
.tablegbd { border-collapse: collapse; border-spacing: 0; }
.tablegbd td { padding: 0; }
.tablegbd img { display: block; }

.gbd-sessions { border-collapse:collapse; border-spacing:0; width:100%; }
.gbd-sessions td { padding:13px; border-bottom:1px solid #DDD; color:#333; vertical-align:top; }

.gbd-sessions.sydney strong { color:#E51564; }
.gbd-sessions.sydney em { font-weight:bold; font-style:normal; }
.gbc-sessions.sydney tr:hover { background:#FAD0E0; }

.gbd-sessions.melbourne strong { color:#646BB1; }
.gbd-sessions.melbourne em { font-weight:bold; font-style:normal; }
.gbc-sessions.melbourne tr:hover { background:#E0E1EF; }


.clear {clear:both;}
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
.clearfloat { float: none !important; }

/* Custom Styles */
.pageit a { padding: 5px 7px; border: 1px solid #C4D600; text-decoration: none; margin: 0 2px;}
.pageit a:hover { background: #C4D600; color: #fff;  }
.pageit span {border: 1px solid #C4D600; background: #C4D600; padding: 5px 7px; color: #fff; }

.maintenance {
	color: #222 !important;
	padding: 3px !important;
	background: #fcf88c;
	padding: 0px;
	font-size: 12px;
	text-align: center !important;
}

.dev-ribbon {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #990000;
	padding: 0px;
	opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	font-size: 12px;
	text-align: center !important;
}

xmp{
	font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
	font-size: 11px;
	margin-bottom: 10px;
	overflow: auto;
	width: 1130px!important;
	word-wrap: break-word;
	width: auto;
	padding: 5px;
	background-color: #eee;
	padding-bottom: 20px!important;
	height: 200px;
}