/*======================================
8 COLUMN GRID
======================================*/

.section8 { clear: both; padding: 0px; margin: 0px; }
.col8 { display: block; float: left; margin: 1% 0 1% 1%; }
.col8:first-child { margin-left: 0; }
.col8DF { display: block; float: left; margin: .5% 0 .5% 1%; }
.col8DF:first-child { margin-left: 0; }
.searchcol8 { display: block; float: left; margin: 0%; }
.group8:before,
.group8:after { content: ""; display: table; }
.group8:after { clear: both; }
.group8 { zoom: 1; /* For IE 6/7 */ }
.span8_of_8 { width: 100%; }
.span7_of_8 { width: 87.37%; }
.span6_of_8 { width: 74.75%; }
.span5_of_8 { width: 58%; margin-right: 30px; }
.span4_of_8 { width: 49.5%; position: relative; }
.span3_of_8 { width: 35%; }
.span3_of_8B { width: 35%; }
.span2_of_8 { width: 24.25%; position: relative; }
.span1_of_8 { width: 11.5%; }
.span1_of_8M20 { width: 11.5%; max-width: 60px; }
.span1_of_8M20T { width: 11.5%; max-width: 60px; margin-top: 5px; }
.search1_of_8 { width: 11.5%; }
.search3_of_8 { width: 36.87%; }
.search4_of_8 { width: 49.5%; }
.span2_of_8_header { width: 22.5%; }
.span3_of_8_header { width: 36%; }
.span4_of_8PP { width: 48%; position: relative; }
.aft_2_of_8 { width: 20%; height: 56px; text-align: center; padding: 15px 0 0 0; margin: 5px 2%; font-weight: 700; font-size: 20px; }
/*column titles*/
.af_1_of_3 { width: 20%; height: 38px; border-bottom: 3px solid #3d3d3e; background: #eceff3; text-align: center; padding: 15px 0 0 0; margin: 5px 2%; font-weight: 700; font-size: 18px; }


@media only screen and (max-width: 750px) {
    .col8 { margin: 1% 0 1% 0%; }
    .span1_of_8, .span2_of_8, .span3_of_8, .span3_of_8B, .span4_of_8, .span5_of_8, .span6_of_8, .span7_of_8 { width: 100%; }
    .search1_of_8 { width: 30%; }
    .search3_of_8 { width: 68%; margin-right: 1% }
    .search4_of_8 { width: 0px; }
}

.footerwrap { width: 100%; height: auto; background: #3d3d3e; color: #FFF; }
.footerwrap a { color: #FFF; text-decoration: none; font-weight: 700; }
.footerlinks { color: #fff; font-size: 16px; margin-bottom: 35px; }
.follow-icons { margin-bottom: 30px; padding: 12px 0px 0px 0px; color: #6e6e70; font-size: 12px; line-height: 20px; font-family: 'HelveticaNeueW02-75Bold', Arial, sans-serif; }
.follow-icons a { margin: 0 30px; }
.listHeader { background: #004260; color: #FFF; padding: 10px 0 10px 20px; font-size: 12px; }

/*======================================
END 8 COLUMN GRID
======================================*/

.relative { position: relative; }
.bgWhite { background: #FFF; color: #3d3d3e; }
.padd20 { padding: 20px; }
.contentWrap1200 { max-width: 1100px; min-width: 300px; margin: 0 auto; height: auto; position: relative; padding: 0 30px 0 30px; }
.widget-outerwrap { min-width: 415px; position: relative; line-height: 16px; border: 2px solid #DBDBDB; padding: 0 30px 30px 30px; background: #FFF; }
.widget-innerwrapSM { min-height: 150px !important; position: relative; border: 2px solid #DBDBDB; padding: 20px; font-size: 14px; background: #FFF; }
.widget-innerwrapSM h2, .widget-outerwrap h2 { margin: 0; text-align: left; }
.lblImportLocation { width: 98%; height:; position: relative; color: #303030; padding: 22px 0 22px 10px; font-size: 32px; font-weight: 700; }
.bttnShowmore { display: block; position: absolute; right: 10px; bottom: 5px; cursor: pointer; text-decoration: underline; font-size: 12px; font-weight: 700; }
.bttnShowless { display: none; position: absolute; top: 10px; right: 5px; cursor: pointer; text-decoration: underline; font-size: 12px; font-weight: 700; }
.allImportHistory { display: none; }
.importHistory3 { display: block; }
.fileSelect { min-height: 58px; }
.importSummry { font-size: 18px; line-height: 28px; }
.pagesOuterWrapper { min-height: 100px; position: relative; padding: 20px; background: #4772B8; color: #FFF; }
.deleteOuterWrapper { width:; min-height: 100px; position: relative; padding: 20px; background: #ff0000; color: #FFF; }
.pagesOuterWrapper h2, .deleteOuterWrapper h2 { color: #FFF; }
.importReportWrapper { width:; min-height: 100px; position: relative; padding: 10px; background: #242424; color: #FFF; font-size: 14px; }
.detailWrapper { padding: 0 20px; background: #eceff3; color: #3d3d3e; font-size: 13px; font-weight: 700; }
.closeDetails { position: absolute; right: 10px; top: 10px; color: #FFF; background: #242424; font-size: 13px; font-weight: 700; padding: 5px 10px; cursor: pointer; }
.closeDetails:hover { background: #f58200; }
.previewWrapper { padding: 0; background: #eceff3; color: #3d3d3e; font-size: 13px; font-weight: 700; }
.linkEditProperties { position: absolute; right: 10px; top: 10px; color: #004260; text-decoration: underline; cursor: pointer; }
#pageList { display: block; }
/*
#createPage {
    display: none;
}*/

#pagesOuterWrapper { display: none; }
#pageContent { display: none; }
#editProperties { display: none; }

.importSuccess { height: 60px; }
.importSuccess img, .importFail img { margin: 0 10px -10px 0; }
.importFail { height: 60px; }
.bttnview { font-size: 13px; font-weight: 700; text-decoration: underline; cursor: pointer; }
.bttnview:hover, .bttnShowmore:hover, .bttnShowless:hover { color: #B93E96; }
.bttnCreate { width: 180px; height: 45px; position: absolute; right: 28px; top: 10px; text-align: center; padding: 14px 0 0 0; background: #004260; border: 2px solid #FFF; color: #FFF; cursor: pointer; }
.bttnCreate:hover { background: #B93E96; text-decoration: none; color: white; }
.bttnNext { width: 180px; height: 45px; position: absolute; right: 10px; bottom: 10px; background: #004260; border: 2px solid #FFF; color: #FFF; cursor: pointer; }
.bttnNext:hover { background: #B93E96; }
.bttnCancel { width: 180px; height: 45px; position: absolute; right: 200px; bottom: 10px; background: #004260; border: 2px solid #FFF; padding: 14px 0 0 0; text-align: center; color: #FFF; cursor: pointer; }
.bttnCancel:hover { background: #B93E96; text-decoration: none; color: white; }
.bttnContent { width: 180px; height: 45px; position: absolute; right: 390px; bottom: 10px; background: #004260; border: 2px solid #FFF; padding: 0 0 0 0; text-align: center; color: #FFF; cursor: pointer; }
.bttnContent:hover { background: #B93E96; }
.ddl100 { width: 100%; height: 60px; border: none; border-radius: 2px; color: #3d3d3e; padding: 0 5px; background: #eceff3; margin-top: 0; position: relative; outline: none; font-size: 16px; font-weight: 600; color: #3d3d3e; }
.txtProperties { width: 100%; height: 45px; }
.commentProperties { width: 100%; min-height: 125px; }
.ddlProperties { width: 100%; height: 45px; }
.lblProperties { text-transform: uppercase; }
.dp-event { width: 100%; position: relative; z-index: 120; height: 45px; border-radius: 2px; border: 1px solid #000; color: #004260; padding: 0 0 0 15px; outline: none; }
.featureOtf { width: 100%; min-height: 300px; background: url("/Content/MainPageBackground.png"); position: relative; }
.PreviewOuterWrap { max-width: 1250px; height:; margin: 0 auto; position: relative; }

@media (max-width: 1300px) {
    .PreviewOuterWrap { margin: 0 50px; }
}

.createWrap { width: 90%; min-height: 240px; margin: 0 auto; position: relative; color: #3d3d3e; }
.FileWrap { width: 90%; min-height: 80px; margin: 0 auto; position: relative; border: 1px solid #6e6e70; color: #3d3d3e; }
.lblCreateWrap { width: 90%; margin: 0 auto; height: 14px; color: #004260; }
.lblCreateWrapTaller { width: 90%; margin: 0 auto; height: 17px; color: #004260; line-height:17px; }

.bttnPublicPage { width: 120px; height: 45px; font-size: 14px; position: absolute; right: 280px; top: 10px; padding: 14px 0 0 0; text-align: center; background: #004260; border: 2px solid #FFF; color: #FFF; cursor: pointer; }
.bttnPublicPage:hover { background: #B93E96; text-decoration: none; color: white; }
.bttnSavePage { width: 120px; height: 45px; font-size: 14px; position: absolute; right: 150px; top: 10px; text-align: center; padding: 0 0 0 0; background: #004260; border: 2px solid #FFF; color: #FFF; cursor: pointer; }
.bttnSavePage:hover { background: #B93E96; text-decoration: none; color: white; }
.bttnCancelPage { width: 120px; height: 45px; font-size: 14px; position: absolute; right: 20px; top: 10px; padding: 14px 0 0 0; text-align: center; background: #004260; border: 2px solid #FFF; color: #FFF; cursor: pointer; }
.bttnCancelPage:hover { background: #B93E96; text-decoration: none; color: white; }
.bttnPreviousPage { width: 120px; height: 45px; font-size: 14px; position: absolute; right: 280px; top: 10px; padding: 0 0 0 0; text-align: center; background: #004260; border: 2px solid #FFF; color: #FFF; cursor: pointer; }
.bttnPreviousPage:hover { background: #B93E96 }
.pageHeader { color: #FFF; font-size: 26px; font-weight: 300; position: absolute; margin-top: 20px; }
.bodyWrap100 { width: 100%; height: auto; background: url("/Content/ItemPageBackground.png"); }

.contentFeature { /*    max-width: 1100px;
    min-height: 150px;
    margin: 0 auto;
    position: relative;
    left: 50%;
    margin-left: -600px;*/ }

.featureUpload { width: 100%; /*max-width: 1200px;*/ height: 325px; }
.featureUpload img { width: 100%; max-width: 1200px; max-height: 325px; }
.gradientLeft { width: 350px; height: 325px; background: url(/Images/img--gradient.png) no-repeat; position: absolute; left: -150px; }
.gradientRight { width: 350px; height: 325px; background: url(/Images/img--gradient.png) no-repeat; position: absolute; right: -150px; top: 0 }
.contentWrapOTF { width: 90%; max-width: 1100px; background:#FFF; line-height: 22px; padding: 30px; margin: 0 auto; min-height: 650px; height: auto; position: relative; min-width: 400px; font-weight: 400; font-size: 13px; }
.contentWrapOTF h2 { color: #004260; margin-bottom: 20px; }
.contentWrapOTF h1 { color: #004260; margin-bottom: 20px; }

.contentWrap3Col { width: 90%; max-width: 1100px; line-height: 22px; padding: 0; margin: 0 auto; min-height: 350px; height: auto; position: relative; min-width: 400px; font-weight: 400; font-size: 13px; }
.contentWrap3Col h2 { color: #004260; margin-bottom: 20px; }
#content2 img { width: 100%; height: auto; }

@media (max-width: 1100px) {
    .gradientLeft, .gradientRight { display: none; }
}

.section3 { clear: both; padding: 0px; margin: 0 auto; }
.col3 { display: block; float: left; margin: 1.5%; }
.col3:first-child { margin: 1.5%; }
.group3:before,
.group3:after { content: ""; display: table; }
.group3:after { clear: both; }
.group3 { zoom: 1; /* For IE 6/7 */ }
.span3_of_3 { width: 98%; }
.span2_of_3 { width: 66%; }
.span1_of_3 { width: 32%; }
.bgWhite { background: #FFF; min-height: 0px; padding: 30px; }
.bgWhite img { width: 100%; height: auto; }

@media only screen and (max-width: 1000px) and (min-width:551px) {
    .col3 { margin: 1.5%; }

    .col3:first-child { margin-left: 1.5%; }

    .span2_of_3, .span1_of_3 { width: 45%; }
}

@media only screen and (max-width:550px) {
    .col3 { margin: .5% 0 .5% 0%; }

    .col3:first-child { margin-left: 0%; }

    .span3_of_3, .span2_of_3, .span1_of_3 { width: 100%; }
}

/*Begin Custom Report Classes ... Custom Reports leverage classes above as well*/

.bgReportWhite { background: #FFF; color: #3d3d3e; }
.ReportWidgetOuterwrap { min-width: 815px; position: relative; line-height: 16px; border: 2px solid #DBDBDB; padding: 0 30px 30px 30px; background: #4772B8; }
.ReportWidgetOuterwrap h2 { color: #FFF; margin: 10px 0; }
.ReportControlWrap { width: 80%; padding: 5px 10px 5px 15px; min-height: 70px; background: #004260; border: 2px solid #DBDBDB; border-radius: 12px; }
.linkClearFilters { position: absolute; right: 10px; top: 10px; color: #FFF; text-decoration: underline; text-transform: uppercase; cursor: pointer; font-size: 11px; font-weight: 700; }
.lblFilters, .lblFilters2 { text-align: center; color: #FFF; font-size: 12px; }
.lblFilters2 { text-align: left; margin-bottom: 2px; }
.ddl100Rpt { width: 100%; height: 40px; border: none; border-radius: 2px; color: #3d3d3e; padding: 0 5px; background: #eceff3; margin-top: 0; position: relative; outline: none; font-size: 13px; font-weight: 600; color: #3d3d3e; }
.bttUpdate { width: 100%; height: 60px; background: #4772B8; border: 2px solid #eceff3; color: #FFF; cursor: pointer; border-radius: 12px; }
.bttUpdate:hover { background: #B93E96 }
.bttnWrap { background: #4681c2; height: 70px; position: relative; border-radius: 12px; padding: 13px; margin: 0 auto; margin-top: 20px; font-size: 16px; }
.bttnRptPrevious { font-weight: 600; float: left; width: 140px; border-radius: 12px; height: 45px; background: none; border: 2px solid #FFF; color: #FFF; cursor: pointer; font-size: 13px; }
.bttnRptNext { font-weight: 600; float: right; width: 140px; border-radius: 12px; height: 45px; background: none; border: 2px solid #FFF; color: #FFF; cursor: pointer; font-size: 13px; }
.bttnRptPrevious:hover, .bttnRptNext:hover { background: #B93E96; }
.lblRecords { height: 45px; font-size: 14px; font-weight: 600; color: #FFF; position: absolute; left: 250px; top: 30px; }
.records-wrapper { margin-top: 15px; }
.ReportDetailWrap { width: 80%; min-height: 350px; margin: 0 auto; font-size: 28px; line-height: 32px; text-align: center; padding-top: 45px; }
.ReportDetailWrap2 { width: 80%; min-height: 50px; margin: 0 auto; font-size: 28px; line-height: 32px; text-align: center; padding-top: 5px; }
.bttnExportCSV { width: 180px; height: 56px; background: #4772B8; color: #FFF; border: 2px solid #DBDBDB; border-radius: 12px; font-size: 14px; padding: 10px 30px; }
.bttnExportCSV:hover { background: #B93E96; }
#customReport { display: block; }
#reportDetails { display: none; }

.validation-messages { color: red; display: hidden; }
.result_message { color: white; }

.result_message_edit { /*position: relative;
    bottom: 120px;
    left: 55px;*/ color: white; }

.bttn_padding { padding: 14px 0 0 0; }