﻿/* Authentication CSS Styles */

.loginTextbox
{
	width: 195px;
}

.newUserTextbox
{
	width: 100%;
}

#dv_LoginLoading
{
	z-index: 1500;
	background-color: #f00;
	width: 55px;
	color: #fff;
	padding: 0px 2px;
	left: 215px;
	top: 35px;
	position:relative;
}

#dv_LoginLoadingOutside
{
	z-index: 1500;
	background-color: #f00;
	width: 55px;
	color: #fff;
	padding: 0px 2px;
	left: 455px;
	top: 0px;
	position:relative;
}

.throbberWrapper
{
	position:absolute;
}

.throbberWrapperOutside
{
	position:absolute;
}

.forgotPasswordInput
{
	width: 240px;
}

.passwordTextBox
{
	width: 100%;
}

.hideEmail, .hideText
{
	display: none;
}

.product_1 .logo
{
	padding-left: 60px;
}







/* New Layout for Datalab */

#divLogin_Login, #divLogin_Register, #divLogin_ChangePassword, #divLogin_AfterRegister, #divLogin_AfterLogin, #divLogin_ForgotPassword, .whatsNewPopup, #divLogin_TokenExpired
{
    display: none;
    z-index: 10000;
}

#divLogin_Login
{
    text-align:left;
}

.login_link
{
    color: rgb(51, 102, 153);
    text-align:right; 
}

.mailto-link
{
    color: rgb(51, 102, 153);
    text-decoration: none;
    cursor: pointer;
}

.login_link a
{
    color: rgb(51, 102, 153);
}

.loginImage a img
{
    cursor: pointer;
    border-width:0px;
}

.loginImage
{

    color: rgb(51, 102, 153);
}

#Login_LoginButton, #LoginButton
{
    margin-top:-5px;
}

#dv_greyout
{
    display:none;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 1;
}

#psLogo
{
    cursor: pointer;
}

#updateLogin
{
    width: 450px;
    background-color: #fff;
    padding: 10px;
}

.var_label
{
    background-color: rgb(198, 198, 198);
    padding: 5px 10px;
}

.close
{
    float: right;
}

.titleText
{
    float: left;
    color: rgb(255, 255, 255);
    font-family: 'Droid Sans',Arial,Verdana,Helvetica,sans-serif;
    font-size: 15px;   
}

.clear
{
    clear: both;
}

.login_link a
{
    color:#3C8DC3;
	text-decoration:none;
}

.login_link a:hover, .mailto-link:hover
{
	color:#E27232;
	text-decoration:none;
}

input[type="text"], input[type="password"]
{
    margin-top: 4px;
    color: rgb(153, 153, 153);
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgb(239, 239, 239) inset;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    font-family: 'Droid Sans',Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
}

#Login_UserName, #Login_Password, #UserName, #Password
{
    width: 250px;
}

.login_label
{
    margin-top: 10px;
    float: left;
    margin-left: 41px;
    text-align: right;
    margin-right: 5px;
    width: 87px;
    font-family: 'Droid Sans',Arial,Verdana,Helvetica,sans-serif;
}

.login_box
{
    float: right;
    margin-right: 55px;
}

.login_spacer
{
    margin-top: 6px;
}

.create_account
{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 54px;
}

.login-note
{
    padding: 10px;
}

.note-1
{
    padding-bottom: 20px;
}

.note-2
{
    padding-bottom: 10px;
    text-align:left;
}

.note-3
{
    padding-bottom: 10px;
    text-align:left;
}

.note-4
{
    padding-bottom: 10px;
    text-align:left;
}

.note-5
{
    padding-bottom: 10px;
    text-align:left;
}

.note-6
{
    padding-bottom: 0px;
    text-align:left;
}

.outer_terms
{
    width: 446px;
    height: 200px;
    border: 1px solid rgb(198, 198, 198);
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.nces_usage
{
    width: 436px;
    height: 200px;
    font-family: 'Droid Sans',Arial,Verdana,Helvetica,sans-serif;
    color: rgb(102, 102, 102);
    border: 0px solid rgb(255, 255, 255);
    border-radius: 4px;
}

.inner_terms
{
    padding: 10px;
    padding-top: 25px;
}
    

.nces_usage ul
{
    margin-left: 40px;
}

.forgot_password
{
    float: left;
    padding-bottom: 10px;
}

div.logo
{
    margin-top: 20px;
    margin-bottom: 30px;
}

div.logoqs
{
    margin-top: 28px;
    margin-bottom: 30px;
}

.logoboxqs
{
    cursor: pointer;
}

div.hideText
{
    display: none;
}

#usage_agreement
{
    position: absolute;
    z-index: 10000;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(198, 198, 198);
    border-radius: 4px;
    width: 460px;
    padding: 20px;
    font-family: 'Droid Sans',Arial,Verdana,Helvetica,sans-serif;
    color: rgb(102, 102, 102);
}

.agreement a
{
    color:#3C8DC3;
	text-decoration:none;
}

.agreement a:hover
{
	color:#E27232;
	text-decoration:none;
}

.print_agreement
{
    font-size: 11px;
}

.agreement_title
{
    border-bottom: 5px solid rgb(102, 102, 102);
    color: rgb(102, 102, 102);
    margin-bottom: 15px;
}

.agreement_end
{
    border-bottom: 5px solid rgb(102, 102, 102);
    color: rgb(102, 102, 102);
    padding-bottom: 15px;
}

#usage_agreement p
{
    padding-bottom: 15px;
}

#usage_agreement ul
{
    padding-left: 25px;   
    padding-bottom: 15px;
}

#agree, #donotagree
{
    cursor: pointer;
}

#ttesttool
{
    cursor: pointer;
}

#register_text
{
    margin-bottom: 7px;
    text-align:left;
}

#divLogin_Register, #divLogin_AfterRegister, #divLogin_AfterLogin, #divLogin_ForgotPassword, #divLogin_ChangePassword, .whatsNewPopup, #divLogin_TokenExpired
{
    padding: 10px;
    width: 450px;
    background-color: rgb(255, 255, 255);
}

.popupText
{
    padding: 10px;
    background-color: rgb(255, 255, 255);
    text-align: left;
}

#UserNameRegister, #ScreenName
{
    width: 330px;
}

#becomeUser, #cancelNewUser, .closeLogin, .cancelButton, .cancelNewPasswordButton, .whatsnew, .becomeUser
{
    cursor: pointer;
}

.closeLogin 
{
    margin:10px 0 10px 0;
}

.forgotPasswordInput
{
    width: 340px;
}

#divLogin_ChangePassword input[type="password"]
{
    width: 250px;
}

#Email, #UpdateScreenName
{
    display: none;
}

.helpText
{
    text-align: left;
}

input.btn-small[type="button"],
input.btn-small[type="submit"]{
	border:#E27232 1px solid;
	color:#fff;
	background:url(../images/bg-btn-sm2.png) center left no-repeat;
	background-color:#E27232;
	font-size:12px;
	height:24px;
	letter-spacing:0px;
	margin:0px 0 0 6px;
	min-width:45px;
	padding:3px 10px;
	text-transform:uppercase;
	  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	vertical-align:top;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px #999;
		-moz-box-shadow: 0px 2px 2px #999;
			box-shadow: 0px 2px 2px #999;
		 -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;			
}

input.btn-small[type="button"]:hover,
input.btn-small[type="submit"]:hover{
	border:#d2582c 1px solid;
	background:url(../images/bg-btn-sm2.png) bottom left no-repeat;	
	background-color:#d2582c;
	text-shadow: 0 1px 1px rgba(33, 33, 33, 1);
}

input.btn-close[type="button"],
input.btn-close[type="submit"]{
	border:none;
	color:#fff;
	background:none;
	background-color:none;
	font-size:13px;
	font-weight:700;	
	padding:1px 0 0 0;
	 text-shadow: 0 1px 1px rgba(33, 33, 33, 0.25);
}

input.btn-close[type="button"]:hover,
input.btn-close[type="submit"]:hover{
	color:#E27232;
}

input.disabled 
{
    background-color:#B1B1B1 !important; 
    border:#B1B1B1 1px solid !important;
}

.login_error
{
    height:15px;
    padding-top:3px;
    text-align:center;
    color:#E27232;
    font-weight:bold;
}

#LoginError
{
}

.login-bar
{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
    color: #fff;
    padding-left: 20px;
}

#tdCreateUser div
{
    margin-top: 15px;
    margin-bottom: 15px;
}

div#createUserOK a input
{
    margin-top: 15px;
    margin-bottom: 15px;
}

#divLogin_AfterRegister, #divLogin_AfterLogin
{
    background-color: #fff;
    z-index: 10001;
    height: 120px;
}

#AfterLoginButton
{
    margin-top: 25px;
}

#divLogin_TokenExpired
{
    background-color: #fff;
    z-index: 10001;
    height: 150px;
}

.create-account
{
    float: right;
    padding-bottom: 15px;
    width: 400px;
    text-align: right;
}

#old-password
{
    display: none;
}

div p.token_forgot, div p.token_create
{
    text-align: center;
    width: 450px;
    margin-bottom: 0px;
    padding: 0px;
}

#divLogin_TokenExpired
{
    padding-top: 25px;
} 

textarea
{
    resize: none;
}







/* Trendstats Video CSS Styles */

.pointer
{
    cursor: pointer;
}

.tscplayer_inline
{
    width: 627px;
    height: 333px;
    background-color: #000;
}

#player_wrapper
{
    display: none;
}