
/* ---------- Basic Layout Styles ----------- */

html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
  min-width: 960px;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#header div.section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 0 5px 10px;
}
.with-secondary-menu .region-header {
  margin-top: 3em;
}
.without-secondary-menu .region-header {
  margin-top: 15px;
}
#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;
}
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
.one-sidebar #content {
 /* width: 1020px;*/
 width: 720px;
}
.two-sidebars #content {
  width: 480px;
}
.no-sidebars #content {
  width: 960px;
  float: none;
}
#sidebar-first,
#sidebar-second {
  width: 240px;
}
#main-wrapper {
  min-height: 300px;
}
#content .section,
.sidebar .section {
  padding: 0 15px;
}
#breadcrumb {
  margin: 0 15px;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 20px 30px;
  width: 280px;
}
#footer-wrapper {
  padding: 35px 5px 30px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 10px;
  width: 220px;
}
#footer {
  width: 940px;
  min-width: 920px;
}

/* PAGE VOTE */
#content.full{
  width: 960px;
}
.separator{
  height: 1px;
  background: #231f20;
  margin: 18px 0 30px;
}
.row:after{
  content: '';
  display: table;
  clear: both;
}
.col{
  float: left;
  position: relative;
  left: 100%;
}
.col-h-1{
  margin-left: -100%;
}
.col-h-2{
  margin-left: -48%;
}
.grid-h{
  width: 48%;
}

.box-annot{
  text-align: center;
  margin: 30px 0;
  font-size: 18px;
  line-height: 24px;
}
.box-annot h1{
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0 0 .4em;
  font-size: 30px;
}

.form-vote{
  margin: 0 0 30px;
}
.form-vote .btn{
  display: block;
  width: 100%;
  background: #c5c7c9;
  text-transform: uppercase;
  color: #fff;
  border: none;
  outline: none;
  text-transform: uppercase;
  font-size: 28px;
  padding-top: 4px;
  line-height: 38px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
}
.form-vote .btn:focus,
.form-vote .btn:hover{
  background: #999;
}
.form-vote ul{
  overflow: hidden;
  margin-left: -35px;
  text-align: center;
}
.form-vote li{
  float: left;
  width: 20%;
}
.form-vote li:nth-child(6n){
  clear: both;
}
.form-vote input{
  position: absolute;
  left: -5000px;
}
.form-vote input:checked + span:after{
  display: block;
}
.form-vote .inner{
  display: block;
  margin: 0 0 35px 35px;
  cursor: pointer;
}
.form-vote .img{
  display: block;
  margin: 0 -2px 10px;
}
.form-vote .desc{
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
  padding-left: 30px;
  font-weight: normal;
}
.form-vote .desc:before{
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}
.form-vote .desc:after{
  content: '';
  position: absolute;
  left: 6px;
  top: 9px;
  width: 8px;
  height: 4px;
  border: 3px solid #000;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: none;
}
.form-vote .desc strong{
  display: block;
}


.box-content{
  line-height: 18px;
}
.box-content p{
  margin: 0 0 1em;
}
.box-content .upper{
  text-transform: uppercase;
}  

#main .form-vote span a {
    color: #fff;
    font-weight: bold;
    line-height: 0;
    padding-left: 10px;
}


.view-resources table { width:100%; }
.page-resources .view td { vertical-align:top; }
.page-resources .view td.views-field-field-image1 {
  width:100px;
  padding:1em;
}
.page-resources .view td.views-field-field-file { width:100px; }
.page-resources .view td.views-field-title, .page-resources .view td.views-field-field-file {
  padding-top:3em;
  padding-bottom:3em;
}

.page-resources .view .show-more { margin-top:1em; }
.page-resources .view .show-more .ctools-collapsible-content {
  margin-top:1em;
  clear:both;
}


.view-policies table { width:100%; }
.page-policies .view td { vertical-align:top; }
.page-policies .view td.views-field-field-image1 {
  width:100px;
  padding:1em;
}
.page-policies .view td.views-field-field-file { width:100px; }
.page-policies .view td.views-field-title, .page-policies .view td.views-field-field-file {
  padding-top:3em;
  padding-bottom:3em;
}

.page-policies .view .show-more { margin-top:1em; }
.page-policies .view .show-more .ctools-collapsible-content {
  margin-top:1em;
  clear:both;
}
