/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0!important; left:0; z-index:9000; overflow:hidden;}
#cboxOverlay{position:fixed; width:99%; height:100%; top:80px !important;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#111;}

#colorBox{}
#cboxLoadedContent{margin-bottom:0;}


/* Gateway page */
#gate-wrapper {width:652px; height:650px; margin-top:70px; }
#gate-container{    
background-color: none;
background-image:url(../../images/backgrounds/flag-extension-for-gate.gif);
background-repeat:no-repeat;
background-position:right top;
padding:20px 25px 10px 125px;
text-align:center;
}

#gate-container a {color:#FFF; text-decoration:underline;}
#gate-container a:hover {text-decoration:none;}
#gate-container h1 {color:#FFF; font-size:2.5em; margin:0 0 10px 0;
text-shadow: 2px 2px 2px #77353d;
}
#gate-container h2{color:#fff; font-size:1.428em; margin:0 0 15px 0;
text-shadow: 2px 2px 2px #77353d;
}
#gate-container p{margin-bottom:1.286em;}

#gate-container .std_form {
padding:0 20px 0 20px;
}
#gate-container .std_form label {
display:block; 
margin:0; 
color:#FFF;
float:left;
width:122px;
padding:0 15px 0 0;
text-align:right;
}
#gate-container .std_form select {width:230px; float:left; box-shadow:1px 1px 1px #77353D;}
#gate-container .std_form .date_field{}
    #gate-container .std_form .birth {margin:0 0 20px 0;}
    #gate-container .std_form .habitue {margin:0 0 10px 0;}
	#gate-container .std_form .date_field .inputText{text-align:center; box-shadow:1px 1px 1px #77353D;}
	#gate-container .std_form #day{float:left; display:inline; margin-right:10px; width:32px;}
	#gate-container .std_form #month{float:left; display:inline; margin-right:10px; width:36px;}
	#gate-container .std_form #year{float:left; display:inline; width:52px;}

#gate-container .rememberDetails {text-align:left; padding-left:10px; margin:0 0 15px 0;}
#gate-container .rememberDetails label {width:auto; font-size:0.72em; text-align:left; padding-right:0;}
#gate-container .rememberDetails label input.inputCheck {
float:left; 
display:inline; 
margin-right:10px;
box-shadow:1px 1px 1px #77353D;
}
#gate-container .rememberDetails label span {padding-top:5px; float:left;}
/*#gate-container .rememberDetails span{color:#666;}*/

#gate-container .std_form input.inputBtn {
margin:0 0 15px 0; 
color:#FFF;
box-shadow:2px 2px 2px #77353D;
width:224px;
height:26px;
background:url(../../images/buttons/step-this-way.gif) no-repeat;
}

#gate-container fieldset p.disclaimer {margin-bottom:30px; color:#FFF;text-align:left;
font-size:0.714em;}

#gate-container .gatedenied {
background:#fff; 
color:#d0043c; 
margin:0 auto 1em auto;
width:200px;
text-align:center;
border:1px solid #d0043c;
}

#gate-wrapper .disclaimerFooter {
position:absolute;
bottom:20px;
left:0;
width:596px;
margin:0 0 0 60px;
}
#gate-wrapper .disclaimerFooter p, #gate-wrapper .disclaimerFooter a {
color:#333333;
text-align:left;
font-size:0.714em;
text-align:center;
}
#gate-wrapper .disclaimerFooter a {text-decoration:underline;}
#gate-wrapper .disclaimerFooter a:hover {text-decoration:none;}