/*#content {background: url('/images/product_detail_gradient.jpg') left top repeat-x; }*/

#gameheader {display: none;}
#signin, #maincontentarea { border-spacing: 25px; padding: 20px; margin: 0;}
#signin .error { color: Red; font-weight: bold; }
#signin .note { font-style: italic; font-size: 10px; }
/* buttons */
#signin .button 
{
    font-size: 14px;
    font-weight: bold; 
    padding: 6px 15px;
    margin-top: 10px; 
    margin-bottom: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8ecd', endColorstr='#236c8f');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b8ecd), color-stop(90%, #236c8f));
    background: -moz-linear-gradient(top, #1b8ecd 0%, #236c8f 90%);
    border: 1px solid #A1A1A1;
    border-radius: 10px 10px 10px 10px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
}

.mobile #signin .button:hover {
    background-color: #BED600;
}

#signin .button a {
    color: #FFF;
}
#signin .button a:hover {
    text-decoration: none;
}
#signin .conditional { display: none; }
#signin.nick_warn .conditional.nick_warn { display: inherit; }
#signin.invalid_login .conditional.invalid_login { display: inherit; }

#signin h2, #forgotpassword h2 { margin: 0 0 8px; padding: 0; font-size: 11pt; font-weight: bold; }
#signin h1, #forgotpassword h1 { padding: 0; margin: 0; font-size: 12pt;font-weight: bold;}
#signin p, #forgotpassword p { padding: 0; margin: 0; font-size: 14px; }

/* containers */
#signin #login_container, #create_container { 
    vertical-align: bottom; 
    border: 4px solid #BDE4F4; 
    background-color: #ADD4E4; 
    border-radius: 5px; 
    padding: 10px 20px; 
    display: table-cell;
    width: 300px;
}

.mobile #signin #login_container, .mobile #create_container {
	display: block;
}

.mobile #signin #login_container .button, .mobile #create_container .button {
	width: 250px!important;
}

*+html #login_container, *+html #create_container { margin-left: 90px; margin-bottom: 50px; display: block; float: left;}
#signin #login_container {position: relative;}
#signin #login_container .waiting, #signin #login_container .loginerr {
    display: none;
    width: 320px; 
    height: 80px; 
    position: absolute; 
    margin: -10px 0 0 -20px; 
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #FFF;
    background-color: #000;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
    padding: 50px 10px;
}
#signin #login_container .waiting {
    background: #000 url(/images/loader.gif) 50% 50% no-repeat; 
}
*+html #create_container {height: 160px;  margin-left: 30px }
#signin #layout td { vertical-align: bottom; }
#signin #login_container ul { padding: 0; margin: 0; list-style: none; }
#signin #login_container li { padding: 2px 0; }
#signin #login_container li span.form-label, #signin #login_container input {  font-size: 16px; line-height: 20px; padding: 4px; }
#signin #login_container input { border: 2px solid #EEEEEE; }
#signin #login_container span.form-label { width: 80px; display: inline-block; text-align: center;font-weight: normal;
	margin-bottom: 5px}

#subnav_title {
    display: none;
}

.genericformdiv { margin: 20px 0; }
.genericformdiv ul {clear: both; margin: 0; padding: 0;}
.genericformdiv li {display: inline;float: left;list-style: none outside none;margin: 5px 0 0; padding: 0 10px 0 0;}
.genericformdiv .labelli {text-align: right;width: 200px; line-height: 35px;}
.genericformdiv label {color:#555; display: inline; font-size: 14px; font-weight: bold; padding: 2px 10px 0 0;}
.genericformdiv .genericcheckboxli {text-align: right;width: 200px;}
.genericformdiv .genericradiocheckli input { float: left; width: 20px !important; }
.genericformdiv ul.reset_help { padding: 10px 0 0; margin: 0 0 0 50px;}
.genericformdiv ul.reset_help li { display: block; float: none; margin: 0; padding: 0 0 0 20px;
    background: transparent url('/images/icons/16x16/arrow_grey_right.png') left 4px no-repeat;
}
.genericformdiv ul.reset_help a { color: #FFF; font-size: 12px;}

.genericsubmitdiv {clear: both; margin: 30px 0 0 200px; padding-top:5px;}
.genericsubmitdiv input {cursor: pointer;float: left;margin: 0 10px 0 0;}
.genericsubmit {
    background: url("/images/search_button_course.gif") repeat scroll 0 0 transparent;
    border: 0 none;color: #FFF;font-size: 12px;font-weight: bold;height: 21px !important;width: 89px !important;
    font-family: Arial,Helvetica,sans-serif;
}

.blockUI {
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}
.button_link_blue .text {
    background-color: #3377BB;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
    line-height: 23px;
    margin: 0;
    min-height: 23px;
    padding: 0 5px;
    text-align: center;
}
.button_link_blue .left {
    background: url("/images/button_bg_blue-left.png") repeat scroll 0 0 transparent;
    float: left;
    height: 100%;
    margin: 0;
    width: 3px;
    line-height: 23px;
}
.button_link_blue .right {
    background: url("/images/button_bg_blue-right.png") repeat scroll 0 0 transparent;
    float: left;
    height: 100%;
    margin: 0;
    width: 3px;
    line-height: 23px;
}

.forgotPwdErr {
    clear: both;
    color: #F00;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0;
}

/* mobile styles */
.mobile #maincontentarea {padding: 0px 10px;}
.mobile #signin { height: 100%; padding:0px;}
.mobile #signin .button a {color: #000; }

.mobile #signin #login_container, .mobile  #create_container {width:96%;padding: 10px; margin: 2%;}
.mobile #signin h1 { font-size: 18px; }
.mobile #signin h2 { font-size: 16px; text-align: center;}

.mobile #signin #login_container li {padding-right:10px;}
.mobile #signin #login_container li label,
.mobile #signin #login_container li input,
.mobile #signin .button,
.mobile #signin .error { font-size: 18px; font-style: normal;}
.mobile #signin #login_container .waiting, .mobile #signin #login_container .loginerr {width:100%!important;margin: 0px -10px!important;padding: 10px!important;height: 181px!important;background-size:35px auto;}

.mobile #signin .note { font-size: 14px; text-align: center; width: 100%; display: inline-block; padding: 10px 0; }

.mobile #signin #login_container input, 
.mobile #signin #login_container li label { width: 100%; }
.mobile #signin #login_container {display: block; }

.mobile #signin #login_container ul {max-width: 350px; margin: 0 auto;}
.mobile #signin #login_container, .mobile #signin create_container { border-width: 1px; } 
.mobile #signin #login_container li label,
.mobile #signin #login_container .form-label span { display:none; }
.mobile #signin #login_container .form-label input {width: 90%; max-width: 340px; margin: 3px auto;}
.mobile .genericsubmit {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #C1D400;
    border-radius: 15px;
    box-shadow: 1px 1px 1px #333333;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 15px auto;
    max-width: 202px;
    padding: 6px;
    text-align: center;
	height: 38px !important;
    width: 200px !important;
}

.mobile .genericsubmit:hover {
	color: #FFFFFF;
	background: linear-gradient(to left top,#1B8ECD 0,#236C8F 80%) repeat scroll 0 0 transparent!important;
	background: #1B8ECD!important;
	background: -moz-linear-gradient(top,#1B8ECD 0,#236C8F 100%)!important;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1B8ECD),color-stop(100%,#236C8F))!important;
	background: -webkit-linear-gradient(top,#1B8ECD 0,#236C8F 100%)!important;
	background: -o-linear-gradient(top,#1B8ECD 0,#236C8F 100%)!important;
	background: -ms-linear-gradient(top,#1B8ECD 0,#236C8F 100%)!important;
	background: linear-gradient(to left top,#1B8ECD 0,#236C8F 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B8ECD',endColorstr='#236C8F',GradientType=0)!important;
	cursor:pointer;
}