@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Lato|Dosis:600);

html {
  height:100%;
}

/* Stop the editor from having a background */
body#page {
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	padding: 0;
	margin: 0;
	background: #fff;
	color: #000;
	min-height:100%;
	position:relative;
}

a img {
  border: none;
}

div.clearfix {
  clear: both;
}

/* Wrapper */

.wrapper {
	width: 975px;
	margin: 0 auto;
}

.wrapper.nomargin {
  width: auto;
}

/* Header */

.header {
  font-size:11pt;
}

.header .header-top {
  background:#00b4de;
  color:#fff;
  font-size:9pt;
}

.header .header-top .wrapper {
  position:relative;
  padding:8px 0;
}

.header .header-top .wrapper * {
  vertical-align:middle;
}

.header .header-top .wrapper .username {
  margin-left:15px;
}

.header .header-top .wrapper .links {
  position:absolute;
  right:15px;
  top:5px;
  text-align:right;
}

.header .header-top .wrapper .links>* {
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
}

.header .header-top .wrapper .links a {
  color:inherit;
  text-decoration:none;
  margin-left:0;
}

.header .header-top .wrapper .links a:hover {
  text-decoration:underline;
}

.header .header-top .wrapper .links a+a {
  font-size:0;
  margin-left:10px;
  position:relative;
}

a.button, a.formandu-button, .formandu-button, button, .cmp-pager a, .cmp-pager span {
  display:inline-block !important;
  border:1px solid #ed7715;
  border-radius:8px;
  padding:5px 10px;
  color:#fff !important;
  text-decoration:none;
  background: #ff6633;
  background-image: -moz-linear-gradient(top,  #ff9900 0%, #ff6633 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ff6633));
  background-image: -webkit-linear-gradient(top,  #ff9900 0%,#ff6633 100%);
  background-image: -o-linear-gradient(top,  #ff9900 0%,#ff6633 100%);
  background-image: -ms-linear-gradient(top,  #ff9900 0%,#ff6633 100%);
  background-image: linear-gradient(to bottom,  #ff9900 0%,#ff6633 100%);
  background-size:10px 100%;
  background-position:left top;
  background-repeat:repeat-x;
  transition:background 0.1s, box-shadow 0.3s;
  -o-transition:background 0.1s, box-shadow 0.3s;
  -ms-transition:background 0.1s, box-shadow 0.3s;
  -moz-transition:background 0.1s, box-shadow 0.3s;
  -webkit-transition:background 0.1s, box-shadow 0.3s;
  box-shadow:0 0 0 0 #000 inset;
  cursor:pointer;
}

.cmp-pager span {
  background: #7cc8da;
  background-image: -moz-linear-gradient(top,  #00B4DE 0%, #7cc8da 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#7cc8da));
  background-image: -webkit-linear-gradient(top,  #00B4DE 0%,#7cc8da 100%);
  background-image: -o-linear-gradient(top,  #00B4DE 0%,#7cc8da 100%);
  background-image: -ms-linear-gradient(top,  #00B4DE 0%,#7cc8da 100%);
  background-image: linear-gradient(to bottom,  #00B4DE 0%,#7cc8da 100%);
  border-color: #00B4DE;
  cursor: default;
}

.formandu-button:hover, button:hover, a.button:hover, a.formandu-button:hover, .cmp-pager a:hover, .cmp-pager span {
  background-position:left -10px;
  box-shadow:0 2px 5px -3px #000 inset;
  text-decoration:none !important;
}

div.menubar {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

nav.menu span.item a {
  color: #00B4DE;
  transition: color 0.3s;
}

nav.menu span.item a:hover {
  color: #f28b19;
}

hr {
  border: none;
  height: 0;
  border-bottom: 2px solid #f28b19;
  margin: 5px auto;
}

/* Main */

div.main {
}

/* Content */

div.content {
  margin-top:10px;
  padding-bottom:210px;
  transition:font-size 0.3s;
  -o-transition:font-size 0.3s;
  -ms-transition:font-size 0.3s;
  -moz-transition:font-size 0.3s;
  -webkit-transition:font-size 0.3s;
  color:#444;
}

div.content img{
  max-width: 975px;
  height: auto;
}

div.content>*:first-child {
  margin-top: 0;
}

div.content td>*:first-child {
  margin-top: 0;
}

div.content td>*:last-child {
  margin-bottom: 0;
}

div.content h1,div.content h2,div.content h3,div.content h4,div.content h5,div.content h6 {
  font-family:dosis;
  color:#00b4de;
}

div.content h1,div.content a {
  color:#f28b19;
  text-decoration:none;
}

div.content a:hover {
  text-decoration:underline;
}

div.content a.img-link {
  position:relative;
  font-size:0;
}

div.content a.img-link:after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  background:#fff;
  transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  -ms-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -webkit-transition:opacity 0.3s;
}

div.content a.img-link:hover:after {
  opacity:0.2;
}

/** Footer */

div.footer {
  font-size:0;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  
}

div.footer .f-top {
  background:#fff7e6;
  color:#4c4c4c;
}

div.footer .f-top .wrapper {
  padding:20px 0;
}

div.footer .f-top .wrapper>* {
  display:inline-block;
}

div.footer .f-top .wrapper>div {
  font-size:9pt;
  vertical-align:top;
  margin-left:60px;
  margin-top:30px
}

div.footer .f-top .wrapper>div.f-t-o {
  margin-top:0;
}

div.footer .f-top .wrapper>div>h4 {
  margin-top:0;
  color:#f28b19;
}

div.footer .f-top .wrapper>div>div {
  padding-left:3px;
}

div.footer .f-top .wrapper>div.f-t-s>* {
  color:#00b0dc;
  font-weight:bold;
  font-size:105%;
  text-decoration:none;
}

div.footer .f-top .wrapper>div>a:hover {
  text-decoration:underline;
}

div.footer .f-top .wrapper>div>div>a {
  display:block;
  color:inherit;
  text-decoration:none;
  transition:color 0.3s;
  -o-transition:color 0.3s;
  -ms-transition:color 0.3s;
  -moz-transition:color 0.3s;
  -webkit-transition:color 0.3s;
}

div.footer .f-top .wrapper>div>div>a:hover {
  color:#00b0dc;
}

div.footer .f-bottom {
  background:#3f3f3f;
}

div.footer .f-bottom .wrapper {
  padding:7px 0;
  font-size:9pt;
  color:#fff;
}

div.footer .f-bottom .wrapper a {
  color:inherit;
  text-decoration:none;
  transition:color 0.3s;
  -o-transition:color 0.3s;
  -ms-transition:color 0.3s;
  -moz-transition:color 0.3s;
  -webkit-transition:color 0.3s;
}

div.footer .f-bottom .wrapper a:hover {
  color:#f28b19;
}


/** gallery styles */

div.slideshow#image-gallery {
  
}

div#image-gallery a.slides-next, div#image-gallery a.slides-prev {
  background:#333;
  background: rgba(51,51,51,0.6);
  text-decoration: none;
  transition:padding 0.2s, background 0.2s;
  -o-transition:padding 0.2s, background 0.2s;
  -ms-transition:padding 0.2s, background 0.2s;
  -moz-transition:padding 0.2s, background 0.2s;
  -webkit-transition:padding 0.2s, background 0.2s;
  padding:0 5px;
}

div#image-gallery a.slides-next:hover, div#image-gallery a.slides-prev:hover {
  background: #333;
  padding:0 10px;
}

div#image-gallery * {
	padding:0;
	list-style:0;
}

div#image-gallery *:after, div#image-gallery *:before {
	display:none;
}

/** extra styles */
div.bbc-link {
  position:relative;
}

body#page div.bbc-link a:first-child:after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0;
  content:'';
  transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  -ms-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -webkit-transition:opacity 0.3s;
  z-index:3;
}

div.bbc-link:hover {}

body#page div.bbc-link:hover a:first-child:after {
  opacity:0.08;
}

div.bbc-link a:first-child+a {
  background:rgba(255,255,255,0.7);
  padding:10px 10px 10px 20px;
  width:470px;
  bottom:10px;
  left:0;
  font-weight:bold;
  position:absolute;
  z-index:2;
}

div.img-link {
  position:relative;
  font-size:0;
}

body#page div.img-link a:after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0;
  transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  -ms-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -webkit-transition:opacity 0.3s;
  z-index:5;
  content:'';
}  

body#page div.img-link a:hover {}

body#page div.img-link a:hover:after {
  opacity:0.08;
}


/* News Styles */

div.article-list {}

div.article-list .post-outer {
  position:relative;
  background:#fff;
  transition:background 0.3s;
  -o-transition:background 0.3s;
  -ms-transition:background 0.3s;
  -moz-transition:background 0.3s;
  -webkit-transition:background 0.3s;
  border-top:3px solid #00B4DE;
  padding:15px 0;
}

div.article-list .post-outer:last-child {
  border-bottom:3px solid #00B4DE;
}

div.article-list .post-outer:hover {
  background:#DFF9FF;
}

div.article-list .post-outer h2 {
  position:absolute;
  left:215px;
  top:15px;
  margin:0;
}

div.article-list .post-outer .entry {
  position:relative;
}

div.article-list .post-outer .entry p {
  padding-top:35px;
  margin-top:0;
}

div.article-list .post-outer .entry img {
  max-width:200px;
  height:auto;
  margin-right:20px;
  vertical-align:top;
}

div.article-list .post-outer .post-meta {
  text-align:right;
  padding-right:10px;
  margin-top:-20px;
}

div.article-list .post-outer .post-meta a.permalink {
  font-size:0;
}

div.article-list .post-outer .post-meta a.permalink:hover {
  text-decoration:none;
}

div.article-list .post-outer .post-meta a.permalink:after {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  content:'';
}

div.article-list .post-outer .post-meta p:last-child {
  display:none;
} 

/** ComplianceNow */

h2.dash-head {
  background: #00b4de;
  color: #fff !important;
}

h1.cmp-main-title {
  background: #00b4de;
  color: #fff !important;
  text-align: center;
  padding: 3px;
}

h1.cmp-main-title a.inline-help {
  color: #fff;
}

h3 {
  border-bottom: 2px solid #00b4de;
}

table.report {
  width: 100%;
  border-spacing: 0;
}

table.report th {
  background: #888;
  color: #fff;
  text-align: left;
  padding: 2px;
  font-size: 90%;
  vertical-align: bottom;
}

table.report td {
  vertical-align: top;
}

div.content h3.sub {
  color: #888;
}

h2.dash-head .inline-help {
  color: #f28b19;
}

div.content h2.ops-section {
  color: #f28b19;
  border-bottom: 2px solid #00b4de;
}

div.content h2.ops-section .inline-help {
  margin-top: 0.5em;
}

.showicon:before {
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  border-radius: 0 0 10px 0 !important;
}

.green {
  background: #fff !important;
  box-shadow: 0 0 15px 5px #90ff83 inset;
  color: #359C20;
}

.green.faded {
  box-shadow: 0 0 10px #90ff83 inset;
}

.green.bordered {
  border-color: #359c20;
}

.amber {
  background: #fff !important;
  box-shadow: 0 0 15px 5px #dabb32 inset;  
  color: #888A03;
}

.amber.faded {
  box-shadow: 0 0 10px #dabb32 inset;
}

.amber.bordered {
  border-color: #888a03;
}

.red {
  background: #fff !important;
  box-shadow: 0 0 15px 5px #ff4e4a inset;
  color: #9F0000;
}

.red.faded {
  box-shadow: 0 0 10px #ff4e4a inset;
}

.red.bordered {
  border-color: #9f0000;
}

.formandu-section {
  border-bottom: 2px solid #f28b19 !important;
}

.dash-head.acms-toggle {
  cursor: pointer;
  transition: background 0.3s !important;  
}

.dash-head.acms-toggle:hover {
  background: #7cc8da;
}

.dash-head.acms-toggle span.inline-help {
  display: none;
}

.dash-head.acms-toggle.toggled-on span.inline-help {
  display: block;
}

.helppanel {
  background: #a6d8e4 !important;
  border-top: 2px solid #f28b19 !important;
  border-bottom: 2px solid #f28b19 !important;
}

.formandu-grid th {
  background: #00b4de !important
}

.content .cmp-overdue {
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  border: 2px solid #f28b19;
  margin: 10px 0;
  padding: 6px 0;
}

.footnote sup {
  background: #00b4de !important;
}

.footnote {
  border-color: #d8d8d8 !important;
}

td.uneditable {
  background: #e2e2e2;
}