/************** DO NOT RENAME THIS FILE - CREATE A BACKUP COPY BEFORE EDITING *******************/




/************** GLOBAL SHARED STYLES USED BY BOTH TOUR AND MEMBERS AREA CSS *******************/

/* Startup CSS */
html {overflow-y: scroll;}
body {margin:0px; padding:0px; font-family: 'Raleway', sans-serif, Helvetica;  font-size:14px; /*background-image:url(images/background.png);*/background-color:#FFF; line-height:100%; }
.bodyArea{background:#fff;}
div {margin:0px; padding:0px;}
form {margin:0px; padding:0px;}
img {display:block; border:0px;max-width:100%!important;}
a:hover {cursor:pointer; text-decoration:underline; color:#7C7C7C;}
a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.clear {clear:both;}
.nowrap {white-space: nowrap;}
.wrapper { /*background-image:url(images/background_shadow.png); background-attachment:fixed; background-position:center; background-repeat:repeat-y;*/ /*padding-top:51px;*/}
.wrapper.nopadding { padding-top:0; }
.wrapper_inner { display:block; padding:0 40px; }
.page_body {width:100%; margin:auto; text-align:left; /*background-color:#FFFFFF;*/ }
.content_wrapper {width:100%;padding:0 10px 0 10px;margin:auto;}
.table {display: table;text-align:left;}
.row {display: table-row;text-align:left;}
.cell {display: table-cell;text-align:left;vertical-align:middle;padding-bottom:6px;padding-right:6px;font-weight:normal;}
.cell_top {display: table-cell;text-align:left;vertical-align:top;padding-bottom:6px;padding-right:6px;font-weight:normal;}
.cell_content {display: table-cell;text-align:left;vertical-align:middle;font-weight:normal;}
.100% {width:100%;}
.right {float:right;}
.red {color:#FF0000;}
.big_heading {font-size:20px;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Footer CSS */
.footer {display:block;margin:0 auto;  width:100%;border:0px; text-align:center;vertical-align:middle; color:#FFFFFF; font-size:12px; line-height:26px; 

padding-top:50px;
padding-bottom:50px;}
.footer a {}
.footer a:hover {color:#808080;}
.subfooter {font-weight:normal; font-size:10px; color:#FFFFFF;}
.footer .footer_links > a, .footer .footer_links .twitter_link, .footer .footer_links .facebook_link { padding:5px 8px; }
.footer .footer_links > span { display:none; }
.footer.fullwidth { width:100%; }
.footer a{text-decoration:underline; color:#807e7e;}
footer{text-align:center; padding:10px 0;}
footer p{ text-align:center; padding:25px 0; font-size:14px; color:#807e7e; text-transform:uppercase;line-height: 1.4; }
footer p a{text-decoration:underline; color:#807e7e;}
footer p a:hover{color:#FFF;text-decoration: underline;}




/*  Tour Top Menu Links CSS */
.tour_top_menu_wrapper {margin-left:auto; margin-right:auto;width:100%; height:51px; text-align:center; vertical-align:middle; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; border-style:solid; border-color:#FFFFFF; background-image: url(http://bigtitstrannies.com/tour/images/top_menu.png);}
.tour_top_menu_container {margin-left:auto; margin-right:auto; padding:0px;position:relative;width:100%; display:inline-block; vertical-align:middle; line-height:51px;}
.tour_top_menu_container a {text-decoration:none;}
.tour_top_menu {float:left;}
.tour_top_menu span {color:#808080;}
.tour_top_menu a {padding-left:20px; padding-right:20px; text-decoration:none; color:#000000;}
.tour_top_menu a.current { /*padding-left:20px; padding-right:20px; line-height:51px;*/ text-decoration:none; color:#808080;}
.tour_top_menu a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.tour_top_menu a.hilite {color:#e7040a;}
.mobile_button {margin:auto; text-align:center; border:0px; color:#FFFFFF; text-decoration:underline;}
.mobile_button:hover {color:#808080;}

/*Override Default Styling*/
.tour_top_menu { border-right:1px solid #FFF; }
.tour_top_menu span { display:none; }
.tour_top_menu a { float:left; padding:0px 25px; border-right:1px solid #CCC; border-left:1px solid #FFF; background:rgba(0,0,0,0.2); text-shadow:#CCC 1px 1px 0px; }
.tour_top_menu a:first-child { border-left:0; }
.tour_top_menu a:last-child { border-right:1px solid #FFF; }
.tour_top_menu a:hover, .tour_top_menu a.current { background:#000 url('http://bigtitstrannies.com/tour/images/title_bar.png') repeat-x center top; color:#FFF; text-shadow:#111 1px 1px 0px; }


.welcome {
font-size:14px; line-height:22px;
padding: 0 0 10px 10px;
}

/* NATS */

.tour_top_menu_NATS {text-align:center;}
.tour_top_menu_NATS span {color:#808080;}
.tour_top_menu_NATS a {padding-left:20px; padding-right:20px; text-decoration:none; color:#000000;}
.tour_top_menu_NATS a.current { /*padding-left:20px; padding-right:20px; line-height:51px;*/ text-decoration:none; color:#808080;}
.tour_top_menu_NATS a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.tour_top_menu_NATS a.hilite {color:#e7040a;}
.mobile_button {margin:auto; text-align:center; border:0px; color:#FFFFFF; text-decoration:underline;}


/*Override Default Styling*/
.tour_top_menu_NATS { border-right:1px solid #FFF; }
.tour_top_menu_NATS span { display:none; }
.tour_top_menu_NATS a { float:left; padding:0px 25px; border-right:1px solid #CCC; border-left:1px solid #FFF; background:rgba(0,0,0,0.2); text-shadow:#CCC 1px 1px 0px; }
.tour_top_menu_NATS a:first-child { border-left:0; }
.tour_top_menu_NATS a:last-child { border-right:1px solid #FFF; }
.tour_top_menu_NATS a:hover, .tour_top_menu a.current { background:#000 url('http://bigtitstrannies.com/tour/images/title_bar.png') repeat-x center top; color:#FFF; text-shadow:#111 1px 1px 0px; }


fieldset{margin:1em 0;border:1px solid #000000;}

input.radiobutton {width: 18px;}
.form_input input {width: 180px;}
legend{ margin:.4em 0; padding:0 .5em; color:#333333; background:transparent; font-size:1.7em; font-weight:bold;}

#container{ margin:0 auto; padding:1em; width:50%; text-align:center;}



#form{margin:0 auto;width: 500px; text-align:center;}
#formgateway{margin:0 auto;width: 860px; text-align:center;}
label .member{float:left;width:50%;}

label{width:100%;font-size:16;}

div{margin-bottom:.5em;padding:0;display:block;}

div fieldset div textarea{width:150px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}


.form_input{padding-top:3px;width: 100%;}

.option-input{width:20px;padding-top:4px;float:right;}

.option-padding{width: 100%;margin-left:auto;margin-right:auto;text-align: center;}

.option{width: 70%;}

.opt-title{float: left;text-align:center;padding-top:3px;width:100%;}

.join_error{color: #8A1F11;text-align:center;margin-left:auto;margin-right:auto; padding: 0px;}

.submit{display:block;width:100px;height:100%;margin-left:auto;margin-right:auto;border: 1px solid black;}

.logo{}.memberinfo{width:180px;text-align:right;float:left;padding:0 1em;}

.button {margin-left:auto; margin-right:auto;padding: 0 10px;padding-top: 5px;height: 35px;font-size: 16px;line-height: 25px;text-align: center;color: #000000;
background: -webkit-linear-gradient(#fc1417, #b90d0b); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fc1417, #b90d0b); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fc1417, #b90d0b); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fc1417, #b90d0b); /* Standard syntax */;background-repeat-x: repeat;background-repeat-y: no-repeat;background-attachment: initial;background-position-x: initial;background-position-y: initial;background-origin: initial;background-clip: initial;background-color: #ff090c;cursor: pointer;border-radius: 5px;-moz-border-radius: 5px;border: 0px;}

.pressed-button{margin-left:auto; margin-right:auto;padding: 0 10px;padding-top: 5px;height: 35px;font-size: 16px;line-height: 25px;text-align: center;color: #FFFFFF;background-image: url('/nats_images/heading-gradient.png');background-repeat-x: repeat;background-repeat-y: no-repeat;background-attachment: initial;background-position-x: initial;background-position-y: initial;background-origin: initial;background-clip: initial;background-color: #333333;cursor: pointer;border-radius: 5px;-moz-border-radius: 5px;}

.jqifade{position: absolute;background-color: #aaaaaa;}

div.jqi{width: 300px;height: 200px;font-family: Arial;position: absolute;background-color: #ffffff;font-size: 16px;text-align: center;border: solid 1px #eeeeee;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 7px;}

div.jqi .jqicontainer{font-weight: bold;}

div.jqi .jqimessage{padding: 10px;line-height: 20px;color: #444444;}

.jqiclose{visibility:hidden;}

.noscript{width:20px;border-top:0px solid #555;border-left:0px solid #555;border-bottom:0px solid #ccc;border-right:0px solid #ccc;padding:0px;}

div .join{width:100%;margin-left:auto; margin-right:auto; text-align: center; padding-top: 3px;}

.join .button{height: 45px;padding-top: 0px;font-weight: bold;color: #000000;background-color: #FFA100;font-size: 20px;}

#join-text{width:290px;float:left;color: #0;font-size: 16px;padding-top: 25;} 




.myradiobutton {
text-align:left!important;
margin:15px 0 0 18px!important;
padding:0px!important;
font-size:16px;
font-weight:bold;
float:left;
}


@media only screen and (max-width: 767px) and (min-width:320px)  {

.tour_top_menu_wrapper,.tour_top_menu_container, .tour_top_menu_NATS { display:none;}

#formgateway{margin:0 auto;width: 100%!important;
object-fit:cover;
max-width:100%!important;
overflow:hidden!important;
 text-align:center;}	
 
 
 #form{margin:0 auto;width: 100%;max-width:100%; text-align:center;}


#formgateway.gatewayform {
text-align:center;
margin:0 auto;
width:100%;
max-width:100%!important;
min-width:100%;
display:block;
}

#gatewayleft{
display:block;
width:100%;clear:both;
text-align:left;
}
#gatewayright{display:block;
width:100%;clear:both;
text-align:left;
}

.logo{}.memberinfo{margin-left:0;text-align:left;float:left;padding:0 1em;}
label.memberinfo{margin-left:0;text-align:left;float:left;padding:0 1em;}

label.gatewaylabel {margin-left:0;
text-align:left;padding:0;
}

}



#footerleft{
font-family: Arial;
font-size:12px;
position:relative;
float:left;
width:40%;
text-align:left;
}
#footercenter{
float:left;
width:10%;
margin:0 auto;
text-align:center;
}
#footerright{
font-family: Arial;
font-size:12px;
float:right;
width:40%;
}
/* this makes my text move to the right in the responsive
label.gatewaylabel {
width:200px;text-align:right;float:left;padding:0 1em;
}
*/
#form.gatewayform {
text-align:center;
margin:0 auto;
width:860px;
min-width:860px;
}

#gatewayleft{
display:block;
position:relative;
float:left;
width:50%;
text-align:left;
}
#gatewayright{display:block;
float:left;
width:50%;
text-align:left;
}

.centeredimage{
width:300px;
height:inherit;

}