body { margin:0 auto; font-family:Arial, Helvetica, sans-serif;background:url("../../images/mainBG.jpg") repeat-x scroll center top #FFFFFF; font-size:17px; line-height:1.4; color:#555555; }
a { color:#2B6DAC }

/* content */
.loginwrapper { padding-top:100px; width:960px; margin:0 auto; }
.loginwrapper .leftcol { width: 533px; float: left; overflow: hidden; }
.loginwrapper .rightcol { padding-top:54px; float:left; width:421px; }
.eventloginheader { margin-left:-6px; }
#eventLogin { padding-top:50px; }
.submitbutton { margin-left:110px; margin-top: 5px; }

/* form */
input[type=text], input[type=password], textarea, select { 
    font-family:Arial, Helvetica, Sans-Serif; border:solid 1px #999; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
    font-size:17px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=text]:hover, input[type=password]:hover, textarea:focus, select:hover {
    border:solid 1px #000; background:#fff; color:#555;
}
 
label span.required { color:#f00f0f; }

.leftlabels label { width:110px; float:left;padding-top:7px; }
.leftlabels div.inputcontainer { padding-bottom:11px; }
.toplabels div.inputcontainer { clear:both; padding-bottom:15px; }
.toplabels div.inputcontainer.last { padding-bottom:0; }
.toplabels label { display:block; float:none; width:auto; padding-bottom:5px; }
.toplabels .inputcontainer.floatleft { clear:none; }
.inputcontainer.error label { color:#e41a0e; }
.inputcontainer.error input  { color:#e41a0e; border-color:#e41a0e; background:#f8ebeb; }
.errorcontainer { border:solid 1px #e41a0e; background:#f8ebeb; color:#e41a0e; text-align:left; font-size:13px; font-weight:bold; margin:0 0 15px 0; padding:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }


.survey fieldset { border:solid 1px #cacaca; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:20px; margin-bottom:30px; }
.survey legend { background-color: #DDDDDD; border: 1px solid #CCCCCC; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; color: #333333; font-size: 14px; font-weight: bold; margin: 0 -0.4em; padding: 5px 15px; }        
.survey textarea { border:solid 1px #cacaca; }


/* slideshow */
.showcasePhotoWrapper { float:left; width:533px; height:375px;  }
.showcasePhoto { display:block; padding:18px 33px 29px 14px; background:url(../../images/slideshow/showcasePhotoBG.png) 0 0 no-repeat; }
div.slideShow { position: relative; }
div.slideShow ul { list-style-type: none; margin: 0; padding: 0; }
div.slideShow ul li { margin: 0; padding: 0; }
div.slideShow li.slide img { border: 0; }
.slides { margin:0; padding:0; }
.slide_displayblock { display:block; }
.slide_displayblock img { display:block; }
.hide { display: none; }
div.slideShow .loader { position:absolute; z-index:0; top:146px; left:232px; width:32px; height:32px; }

/* footer */
.footer a { color:#2B6DAC; text-decoration:none; } 
.footer a:hover { text-decoration:underline; } 
.footer { float:left; width:100%; text-align:center; font-size:11px; color: #666; padding:10px 0 80px 0}
.photocredit { line-height:16px; }


/* buttons */
.button {
   background: #5686ea;
   color: #ffffff;
   font-size:14px;
   font-weight:normal;
   padding:7px 24px;
   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
   cursor:pointer;   
   display:inline-block;
   text-decoration:none;   
   font-family:'open_sansregular',Arial,Helvetica,Sans-Serif;
   border:0;
}
   
.button:hover {
   background: #4e7ad4;
   color: #fff;
    text-decoration:none;    
}

.button:active {   
   background: #5686ea;
   color: #fff;
    text-decoration:none;  
}


/* buttons */
.button.green, .button.savecustomizationmodal {
    background-color: #1d9b53;
    color:#ffffff;
}

.button.green:hover, .button.savecustomizationmodal:hover {
    background-color: #1c884a;
    color: #FFFFFF;
    text-decoration:none;    
}

.button.green:active, .button.savecustomizationmodal:active {        
    background-color: #1d9b53;
    color: #FFFFFF;
    text-decoration:none;
}

.button.facebook { padding:0 20px 0 0; line-height:34px; text-align:center; }
.button.facebook img { vertical-align:middle; display:inline-block; }
/* .button.facebook span { width:35px; height:35px; float:left; background:url(../../resources/images/icon-facebook-1.png) no-repeat center; margin-right:10px; } */


/* accordion */
.cbp-ntaccordion { list-style: none; margin:20px 0 0 0; padding: 0; } 
.cbp-ntsubaccordion { list-style: none; } 
.cbp-ntaccordion .cbp-nttrigger { cursor: pointer; } 
.cbp-ntaccordion h3 { font-size:18px; font-weight:normal; padding-bottom:15px; color:#2B6DAC; margin-bottom:0; margin-top:0; }
  
/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent { height: 0; overflow: hidden; font-size:14px; }
 
/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
    height: auto;
    padding-bottom:15px;
    margin-bottom:20px;
    border-bottom:solid 1px #ddd;
}

.cbp-ntaccordion > li.cbp-ntopen:last-child .cbp-ntcontent{ border-bottom:0; margin-bottom:0; }

/* accoridon faqs */
.faqs { width:940px; margin:20px auto; padding:30px 0; border-top:solid 1px #ddd; border-bottom:solid 1px #dddddd; }
.browsercompatibility { margin:15px 0; padding:0; }
.browsercompatibility li { display:inline-block; padding:0 10px 0 0; }
.faqs p { margin-bottom:15px; margin-top:0; }
.faqs ul.default > li { padding-bottom:8px; list-style-type:disc; }
.faqs ol.default > li { padding-bottom:8px; }

/* modals */
.modal { z-index:101; display:none; max-width:1100px; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .3); }
.modalheader { position:relative; height:78px; border-bottom:solid 1px #d9d9d9; text-align:center; }
.modalheader h2 { line-height:36px; font-size:20px; margin:0; padding-left:20px; padding-top:10px; }
.modalheader .closebuttonwrapper { position:absolute; top:21px; right:22px; }
.modalheader .closebuttonwrapper .closebutton { padding-right:29px; background:url(../images/modals/sprite-icon-close.png) no-repeat right top; font-size:14px; line-height:22px; color:#a7a7a7; cursor:pointer; display:inline-block; }
.modalheader .closebuttonwrapper .closebutton:hover { background-position:right -43px; color:#bbbbbb; text-decoration:none; }
.modal .contentwrapper { padding:20px; background:url(../images/modals/modal-contentwrapper-bg.png) center top no-repeat, #ececec url(../images/bg-light.jpg) 0 0 repeat; }
.modal .contentwrapper .content { padding:20px; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .2); box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .2); }
.modal.nofooter .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
.modalfooterwrapper { border-top:solid 1px #d9d9d9; height:80px; }
.modalfooter { padding:20px 10px 20px 20px; text-align:right; }
.modalfooter .button { padding:9px 14px; margin-right:10px; }
.modal .utilities { padding:10px 0 0 0; }
.modal .content.center { text-align:center; }
.modal.genericprogressmodal .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;  }
.cmodalbg { position: fixed; height: 100%; width: 100%; background: url(../images/modals/bg_reveal-modal.png) repeat; z-index: 100; display: none; top: 0; left: 0; }
.cmodalbghidden { position: fixed; height: 100%; width: 100%; background: url(../images/modals/bg_reveal-modal-hidden.png) repeat; z-index: 100; display: none; top: 0; left: 0; }
.modal.nofooter .contentwrapper { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }

.loginmodal {}
.loginmodal .closebuttonwrapper { position:absolute; right:5px; top:4px; z-index:3; font-size:29px; cursor:pointer; width:40px; height:40px; text-align:center; color:#fff; }
.eventinfo { height:200px; width:400px; font-family:'open_sansregular',Arial,Helvetica,Sans-Serif; color:#fff; position:absolute; z-index:2; }
.eventinfo table { height:200px; width:400px;  }
.eventheading { font-size:13px; line-height:19px; }
.eventsubheading { font-size:19px; margin-top:-3px }
.loginmodal .content { padding:30px; }
.loginmodal .content label { font-size:16px; font-family:'open_sansregular',Arial,Helvetica,Sans-Serif; }
.loginmodal .content .button, .loginmodal .content input[type=text] { width:100%; }
.loginmodal .loginemail { }
.loginmodal .loginfacebook { background:#fff url(../../resources/images/hr-or.png) center 16px no-repeat; padding-top:77px; }
.loginmodal .featurephoto 
{
    position:relative; width:400px; height:200px; background-repeat:none; background-position:center center; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size: cover; background-size:cover;
    -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}
.loginmodal .featurephoto-background 
{
    background:#000; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; opacity: 0.6; height: 200px;
    -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}


.modalShadow { display:none !important; }

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

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