/* Forms CSS stylesheet for KAO Ban */

/* Form styles for event.asp */
.optin #content,.contact #content
{
    margin: 70px 60px 0px;
    width: 615px;
    min-height: 550px;
    padding-left: 225px;
    padding-right: 25px;
    background: url('/images/event_form_bg.jpg') top left no-repeat;
    color: #0072BC;
    font-size: 100%;
}
.optin #content_bottom,.contact #content_bottom
{
    margin: 0px 60px;
    width: 862px;
    height: 20px;
    padding-top: 20px;
    margin-bottom: 40px;
    background: url('/images/event_form_bg_bottom.jpg') bottom left no-repeat;
}
/*Vertical Form Layout */
.vertical
{	
    margin-left: -79px;
    overflow: hidden;
    width: 684px;
}
/*Vertical Brand Image */
.vertical #BrandImageContainer
{
    left: 21px;
    position: absolute;
    top: 9px;
	float: left;
}
/*Vertical Header Image */
.vertical #formHeader h1
{
    height: 50px;
    left: 122px;
    position: absolute;
    text-indent: -9000px;
    top: -62px;
    width: 400px;
}
.vertical .FormContainer{float:left;width:600px;}
/*Vertical Description Container */
.vertical .DescriptionContainer h2
{
    font-size: 110%;
    font-weight: bold;
    color: #0072bc;
    padding: 15px 0;
}
.vertical .DescriptionContainer
{
    
    margin-left: 79px;
    width:100%;
}
.vertical .DescriptionContainer p
{
    color: #0072bc;
    padding-bottom: 5px;
}
.vertical .DescriptionContainer p.bottomBorder{border-bottom: 1px solid #0072BC;}
.vertical .DescriptionContainer #tyPage {width:590px;min-height: 285px;}
/*Vertical Required Disclaimer*/
.vertical .req
{
    padding:10px;
    text-align:right;
}
/*Vertical General Form Sytles */
.vertical label,
.vertical .CountryContainer span, 
.vertical .DescriptionContainer, 
.vertical .FormContainer,
.vertical .MemberInfoContainer,
.vertical .MemberInfoContainer,
.vertical .QuestionContainer,
.vertical .OptinContainer,
.vertical #submit-container,
.vertical .DisclaimerContainer
{
    display: block;
    float: left;
    clear:both;
}
.vertical input,.vertical select
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #0072BC;
    border-top: 1px solid #0072BC;
    margin-top: -3px;    
    float: left;
   
}
.vertical input{width: 255px;}
.vertical select{width: 258px;padding: 2px 0 2px 2px;}
.vertical .MemberInfoContainer,
.vertical .QuestionContainer {width:100%;border-bottom: 1px solid #0072BC;margin-bottom:15px;padding-bottom:12px;}
.vertical .Question 
{
    float:left;    
    margin-bottom:10px;
}
/*Vertical Fake Country Input*/
.vertical .MemberInfoContainer label, .vertical .CountryContainer span {
    
    font-size: 100%;
    margin: 0 10px 0 92px;
    text-align: right;
    width: 100px;
}
.vertical span.fake_input
{
    background: none repeat scroll 0 0 #CCCCCC;
    border-left: 1px solid #0072BC;
    border-top: 1px solid #0072BC;
    color: #000000;
    line-height: 18px;
    margin: -2px 0 2px;
    padding: 2px;
    text-align: left;
    width: 253px;
}
.vertical .CountryContainer span.fake_input{ clear:none;}
/*Vertical Birthday Container */
.vertical .BirthdayContainer select
{
    margin-right: 4px;
    width: 83px;
}
/*Vertical Marketing Questions */
.vertical .QuestionContainer label
{
    width:250px;
    margin-right:5px;
}
/*Vertical Optin Container */
.vertical #contactFormWrap .OptinContainer {
	width: 485px;
	border-width: 1px 1px 1px 0;
	font-size:100%;
}

.vertical #contactFormWrap .OptinContainer label {
	width:auto;
}
.vertical #contactFormWrap .OptinContainer p.privacy {
	font-weight: bold;
	margin-left:25px;
}
.vertical #contactFormWrap .OptinContainer a {
	 color: #0072BC;
	text-decoration: underline;
}
.vertical #contactFormWrap .OptinContainer a:hover{color: #728521;}
.vertical #contactFormWrap .OptinContainer input {
	width: 20px;
	padding: 0;
	margin: 0;
	clear: left;
	border: 0;
	float: left;
}
.vertical #contactFormWrap .OptinContainer label a {
	font-weight: bold;
}
.vertical #contactFormWrap .OptinContainer div.MultiBrandOptinContainer {
	padding: 0 0 0 25px;
}
.vertical #contactFormWrap .OptinContainer ul {
}
.vertical #contactFormWrap .OptinContainer li {
	margin: 10px 0 0 25px;
	float: left;
}
* html .vertical #contactFormWrap .OptinContainer li {
	float: none;
}
.vertical #contactFormWrap .OptinContainer input {
	margin: 2px 0 0 -25px;
	float: left;
}
.vertical #contactFormWrap .OptinContainer label {
	float: left;
	clear:none;
}
.vertical #contactFormWrap .OptinContainer .MultiBrandOptinContainer input.multiOptin {
	margin: 0;
}
.vertical #contactFormWrap .OptinContainer #optinToAll {
	margin-left: 0;
}
.vertical #contactFormWrap .OptinContainer .jfOptinChkbox {
	margin-bottom: 5px;
}
.vertical  #contactFormWrap  .CurrentSiteOptinContainer{width:600px;}
.vertical #contactFormWrap .OptinContainer .brandLabels {
	width: auto;
}
.vertical #DisclaimerContainer{float:left;margin:25px 0 0 30px;width: 550px;}
/*Signup Button */
   .signup input.buttonLink{
   background: url("/images/form_go_btn.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 0;
    margin: 26px 0 0 273px;
    padding: 24px 0 0;
    width: 145px;
}
.signup input:hover.buttonLink {
	background-position:0px -24px;
}
/*contact Button */
.contact input.buttonLink{
    background: url("/images/submit_btn.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    margin-left: 210px;
    text-indent: -9000px;
    width: 112px;
}
.contact input:hover.buttonLink {
	background-position:0px -22px;
}
/*contact Error Messages */
.vertical .ErrorContainer
{
    float:left;
    clear:both;
}
.vertical .MemberInfoContainer .ErrorContainer
{
    margin:3px 0px 0px 202px;
    width:400px;
}
.vertical .QuestionContainer .ErrorContainer
{
   margin: -3px 0 0 256px;
   width:400px; 
}
#content_bottom{clear:both;}
/*Contact Form */
.contact .DescriptionContainer h2
{
    font-weight: bold;
    color: #0072bc;
    padding:0px;
    margin-top: 18px;
    font-size: 100%;
}
.contact .DescriptionContainer
{
    margin-left: 79px;
    width:100%;
    border:none;
    margin-top:10px;
}
.contact ul
{
    display:block;
    float:left;
    clear:both;
}
.contact .DescriptionContainer ul li{width:455px;float:left;clear:both;}
.contact .req {text-align:left;margin-left:70px;}
.contact .MemberInfoContainer{border:none}
.contact .MemberInfoContainer label, .contact .CountryContainer span 
{
    text-align:left;
    margin-left:80px;
}
.contact .MemberInfoContainer input, .contact .MemberInfoContainer select, .contact .MemberInfoContainer span.fake_input
{
    border: 1px solid #0072BC;
    margin-bottom: 0px;
    width: 211px;
}
.contact .MemberInfoContainer select {width:212px;}
.contact .MemberInfoContainer span.fake_input{margin:-2px 0px 3px 0px;width: 207px;}

.contact .MemberInfoContainer select
{
    margin-top:-3px;
}

/*Contact Birthday Container */
.contact .BirthdayContainer {margin:3px 0px 0px 0px}
.contact .BirthdayContainer select
{
    margin-right: 4px;
    width: 68px;
}
.contact .QuestionContainer{display:none;}
.contact .MemberInfoContainer .ErrorContainer {
    margin: 3px 0 0 190px;
    width: 400px;
}
.contact .MemberInfoContainer .Question{margin-bottom: 8px;}
.contact .MemberInfoContainer .CommentContainer{margin-top:12px;}
.contact .MemberInfoContainer .CommentContainer label{width:200px;}
.contact .MemberInfoContainer .CommentContainer textarea
{
    clear:both;
    float:left;
    border: 1px solid #0072BC;
    height: 150px;
    margin: 2px 0 0 80px;
    width: 406px;
}
.contact .MemberInfoContainer .CommentContainer .ErrorContainer{margin-left:78px;}
.contact .DescriptionContainer #tyPage {width:428px;margin-top:25px;}
/*No Form */
.noForm .DescriptionContainer 
{
    width:500px;
    margin:35px auto;
    font-weight:bold;
}
/******************************************************************************
  	Unsubscribe Form
*******************************************************************************/

#optOut {
	float: left;
	margin: 10px 0;	
	min-height: 400px;
}
* html #optOut {
	height: 400px;	
}
#optOut h1 {
	    background: url("/images/unsub_header_bg.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    font: bold 18px/1.3 arial,helvetica,sans-serif;
    height: 42px;
    left: 120px;
    position: absolute;
    text-indent: -9999px;
    top: -63px;
    width: 327px;
}
#optOut p {
	font: normal 12px/1.3 arial,helvetica,sans-serif;
	display:block;
	float:left;
	width:600px;
	
}
#optOut p.req 
{
    border-top:1px solid #0072BC;	
	margin:10px 0px 10px 0px;
	padding-top:10px;
	display:block;
	float:left;
	width:600px;
}

#optOut label {
	display: block;
	float: left;
	width: 75px;
	font-size: 12px;
	line-height: 22px;
	margin:0px 10px 0px 55px;
	text-align:right;	
}
#optOut input
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #0072BC;
    border-top: 1px solid #0072BC;
    float: left;
    width: 255px;
}
#optOut input.submit {
	background: url("/images/submit_btn.jpg") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 0;
    margin:15px 0px 0px 140px;
    padding: 22px 0 0;
    width: 112px;
}
#optOut input.submit:hover{background: url("/images/submit_btn.jpg") no-repeat scroll 0 -22px transparent;}
#optOut span.errormsg {
	clear: none;
	padding-left: 10px;
}
.unsubImage
{
    left: 21px;
    position: absolute;
    top: 9px;
}
/*Sbumit Button */
.useSubmitBtn input.buttonLink{
    background: url("/images/submit_btn.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    margin-left: 350px;
    text-indent: -9000px;
    width: 112px;
}
.useSubmitBtn input:hover.buttonLink {
	background-position:0px -22px;
}