/*******************************************************************************************
*******************************************************************************************
/shared/css/layout/_login.css
*******************************************************************************************
*******************************************************************************************/

/*** login window in bundlebar ***/

.loginLink {
    z-index: 501 !important;
    top: -4px;
}
.loginLink.active {
    background: #83bd45 !important;
    border-color: #83bd45;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 8px;
    color: #fff;
    text-shadow: none;
}

.login {
	position: relative;
	z-index: 501;
	width: 980px;
	margin: 0 auto;
}
.login #loginFormDiv {
	background: #fff;
	border: solid 3px #83bd45;
	border-radius: 10px;
	border-top-right-radius: 0;
	padding: 12px 15px 15px;
	position: absolute;
	top: 20px;
	right: 36px;
	z-index: 10;
}
.login #loginForm table {
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
}
.login #loginForm table td {
	margin: 0;
	padding: 3px 0 0 5px;
	border: 0;
	font-size: 11px !important;
	color: #222 !important;
}
.login #loginForm input[type="checkbox"] {
	margin: 0;
}
.login #loginForm input.inputbox {
	background: #FFF;
	border: #afd785 1px solid;
	width: 103px;
	padding: 2px 5px;
	margin: 0;
}

.login #loginForm .loginNotMember a { 
    border-radius: 5px; border: 1px solid #3879BA ; padding: 5px 10px; margin: 20px 0 10px 0; font-size: 11px; z-index: 1; width: auto;
    background: #4a8dd1;
    background: -moz-linear-gradient(top,  #4a8dd1 32%, #3879ba 75%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#4a8dd1), color-stop(75%,#3879ba));
    background: -webkit-linear-gradient(top,  #4a8dd1 32%,#3879ba 75%);
    background: -o-linear-gradient(top,  #4a8dd1 32%,#3879ba 75%);
    background: -ms-linear-gradient(top,  #4a8dd1 32%,#3879ba 75%);
    background: linear-gradient(to bottom,  #4a8dd1 32%,#3879ba 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a8dd1', endColorstr='#3879ba',GradientType=0 );
    color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 #2D6195; display: block; width: 100px;
}

.login #loginForm .loginNotMember a:hover {
	background: #4a8dd1;
}
#loginOverlay {
    border: 0 none;
    left: 0;
    margin: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background: #000 !important; 
    z-index: 500;
}
    
a.notRegistered {
    background: #7abcff;
    background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%) repeat scroll 0 0 transparent;
    border: 1px solid #2488ec;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-size: 13px;
    margin: 20px 0 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #2488ec;
    width: 100px;
    z-index: 1;
}
a.notRegistered:hover { background: #4096ee; }