@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

.compliancebox{font-family: 'Roboto', sans-serif; width:100%; height:154px; padding:8px 0px 8px 8px; color:#ffffff; margin-bottom:25px;}
.boxonebg{background-image:url(../images/bg1.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxtwobg{background-image:url(../images/bg2.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxthreebg{background-image:url(../images/bg3.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxfourbg{background-image:url(../images/bg4.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxfivebg{background-image:url(../images/bg5.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxsixbg{background-image:url(../images/bg6.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxsevenbg{background-image:url(../images/bg7.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxeightbg{background-image:url(../images/bg8.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.boxninebg{background-image:url(../images/bg9.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;}
.pendingcol{width:74px; padding-top:68px; padding-right:0px !important; margin-right:0px !important; float:right !important}
.iconcol{width:50px;}
.textsmall{font-size:12px; text-transform:uppercase; font-family: 'Roboto', sans-serif; color:#ffffff; font-weight:700; line-height:18px; text-align:center !important;}
.textnumber{font-size:28px; text-transform:uppercase; font-family: 'Roboto', sans-serif; color:#ffffff; font-weight:700; line-height:18px; text-align:center !important;}
.pendingbox{background-color:#ff5722; padding:5px; height:50px; width:50px;}
.viewbox{background-color:#000000; padding:5px; height:15px; width:65px;}
.comp-title{font-family: 'Roboto', sans-serif; color:#ffffff; font-size:26px; font-weight:500; line-height:24px; padding-top:12px; padding-left:10px; letter-spacing:-1}
.viewlink {font-size:14px; text-transform:uppercase; font-family: 'Roboto', sans-serif; color:#ffffff; font-weight:700; line-height:18px; text-align:center !important; background-image:url(../images/icon-view.png);
background-position:right; padding-right:30px; background-repeat:no-repeat;}
.viewlink a{font-size:14px; text-transform:uppercase; font-family: 'Roboto', sans-serif; color:#ffffff; font-weight:700; line-height:18px; text-align:center !important; background-image:url(../images/icon-view.png);
background-position:right; padding-right:30px; background-repeat:no-repeat;}
.viewlink:hover {font-size:14px; text-transform:uppercase; font-family: 'Roboto', sans-serif; color:#ffffff; font-weight:700; line-height:18px; text-align:center !important; background-image:url(../images/icon-view.png);
background-position:right; padding-right:30px; background-repeat:no-repeat;}



/** page structure **/
#w {
  display: block;
  width: 750px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 45px; font-size:11px !important; font-family: 'Roboto', sans-serif;
}

#content {
  display: block;
  width: 100%;
  background: #fff;
  padding: 25px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; font-size:11px !important; font-family: 'Roboto', sans-serif;
}

.thumbs {
  padding: 8px 0;
  text-align: center; font-size:11px !important; font-family: 'Roboto', sans-serif;
}

.thumbs ul li {
  display: block;
  position: relative;
  float: left;
  margin-left: 50px;
  margin-bottom: 50px; font-size:11px !important; font-family: 'Roboto', sans-serif;
}

.big-img {font-size:11px !important; font-family: 'Roboto', sans-serif; line-height:12px !important;}
.big-img table{font-size:11px !important; font-family: 'Roboto', sans-serif; line-height:12px !important;}

/** detail panel **/
.details-pane {
  display: none;
  color: #414141;
  background: #f1f1f1;
  border: 1px solid #a9a9a9;
  position: absolute;
  z-index: 99999;
  width: 330px;
  padding: 6px 8px;
  text-align: left;
  -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
  box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
	font-size:11px !important; font-family: 'Roboto', sans-serif;
}
.details-pane.rightside {
  right: 10px;
}
.details-pane.rightside2 {
  right: 130px;
}

.details-pane h3 {
  font-size: 2.0em;
  line-height: 1.1em;
  margin-bottom: 4px;
}

.details-pane h3 span {
  font-size: 0.75em;
  font-style: italic;
  color: #555;
  padding-left: 15px;
}

.details-pane .desc {
  font-size: 1.2em;
  margin-bottom: 6px;
}


/** hover styles **/

a.hvrlink:hover + .details-pane {
 display: block;
 	text-decoration:none !important;
}
.details-pane:hover {
  display: block;
	text-decoration:none !important;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }