@charset "utf-8";
/*SIX DEGREES GAMES*/
/*AUTHOR: Charles Diggs - User Interface Designer*/
/*NOTE*************************************************************************************/
/*Global style sheet for Action AllStars.com                                              */
/*index.jsp, chatApp.jsp, register.jsp and beta.jsp have separate style sheets.           */
/******************************************************************************************/
/*

- BASIC HTML

- BASIC CLASSES

- Wrapper

- GLOBAL WRAPPER

- WHAT'S NEW

- CREATE PARENT ACCOUNT PAGE

- CANCEL PARENT ACCOUNT PAGE

- PARENTS ACCOUNT PAGE w/AVATAR

- PARENTS LANDING PAGE
	*Login
  	*Create Parent Account
	*Modules
	
- FORGOT INFORMATION PAGE

- HELP

- PRIVACY

- MEMBERSHIP 
	
- CANCEL MEMBERSHIP PAGE

- CREDIT CARD FORM PAGE
	*custom form classes

- TERMS

- CONTACT US

- LOST PASSWORD

FORM MESSAGES


/*************************************************************************************************************************  BASIC HTML   *********/
body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background:url(../images/modern/bg_basic_xRepeat.jpg) 0 0 repeat-x;
background-color:#136A8C;
/*background-color:#0A1324;
background:url(../images/logoTiled.jpg) 0 0 repeat;
background:url(../images/bg.png) 0 0 repeat-x;*/
}
p{
line-height:19px;
font-size:12px;
margin:0;
padding:0;
}
img{
border:none;
}
img a:link{
border:none;
}
img a:visited{
border:none;
}
img a:hover{
border:none;
}
img a:active{
border:none;
}

a{
font-size:11px;
text-decoration:underline;
color:#CCCCCC;
}

a:link{
text-decoration:underline;
color:#CCCCCC;
}

a:visited{
text-decoration:underline;
color:#CCCCCC;
}
a:hover{
text-decoration:none;
color:#6699CC;
}
a:active{
text-decoration:none;
color:#6699CC;
}

/***********************************************************************************************************************  BASIC CLASSES  ***********/
.clear{ clear:both;}
.left { float:left;}
.right{ float:right;}
.center{ margin:0 auto;};
.centerImg{margin:0 auto;}


/***************************************************************************************************************  Splash Page Background   *********/


/***********************************************************************************************************************  GLOBAL WRAPPER   *********/
/*Wrapper for all pages except Splash Page*/
#wrapper
{
background:none;
width:907px;
height:auto;
margin:0 auto;
padding:0;
}

#skinnyNav{
margin:0 auto;
padding:0;
width:907px;
height:25px;
}


#header{
width:907px;
height:125px;
background:url(../images/modern/Standard_MLB_NBA_Header.jpg) 0 0 no-repeat;
margin:0 auto;
padding:0;
}

#swfHeader{
width:907px;
height:25px;
}

#swfHeaderSkinny{
width:907px;
height:25px;
}

#middle{
width:907px;
height:auto;
background-color:#0C4A62;
border:4px solid #0A4258;
/*background:url(../images/bg_middle.png) 0 0 repeat-y;*/
margin:30px auto 0 auto;
padding:0;
}

/*Two vertical Div inside the middle div. Width's 50% each*/
#middle_Container
{
margin:0 auto;
padding:5px 10px 0 10px;
width:800px;
height:auto;
background:none;
}
/*SPECIAL WIDE DIV FOR PREMIUM MEMBERSHIP*/
#middle_Container_MEMBERSHIP
{
margin:0 auto;
padding:5px 0 5px 0;
width:852px;
height:auto;
background:none;
}

#bottom{
width:907px;
height:34px;
background:none;
/*background-color:#0A1324;
background:url(../images/bg_footer.png) 0 0 no-repeat;*/
margin:0 auto;
padding:0;
}

#footer{
margin:0 auto;
width:907px;
height:50px;
background:none;
/*
background:#05346a;
*/
text-align:center;
}
#footer a:link
{
text-decoration:none;
color:#40869D;
font-size: 12px;
}
#footer a:visited
{
text-decoration:none;
color:#40869D;
font-size: 12px;
}
#footer a:hover
{
text-decoration:underline;
color:#CCCCCC;
font-size: 12px;
}
#footer a:active
{
text-decoration:underline;
color:#CCCCCC;
font-size: 12px;
}


/*******************************************************************************************************************  Splash Page Wrapper **********/
#wrapperSplash
{
background:none;
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
#headerSplash
{
width:100%;
height:25px;
background:#ff0000;
margin:0 auto;
padding:0;
}
#middleSplash{
width:1030px;
height:auto;
margin:0 auto;
padding:0;
}

/*************************************************************************************************************** Business/Affiliates  Footer *******/
#bussinessAssociations_Footer{
padding:0;
width:100%;
height:110px;
background:none;
margin:0 auto;
text-align:center;
}
#connectSafely
{
padding:0 40px 10px 0;
}
#bbb
{
margin:30px 0 0 0;
}


/*********************************************************************************************************************     HEADERS     *************/
#blueHeader{
margin:0 0 11px 7px;
color:#ffffff;
font-size:22px;
}
#blueSubHeader{
margin:0 0 0 7px;
color:#194b88;
font-size:22px;
}

#blueHeader18px{
margin:0 0 11px 0;
color:#ffffff;
font-size:18px;
}

#blackHeader14px{
margin:0;
color:#3E9CCA;
font-size:14px;
}

#goldSubHeader{
color:#9d8350;
margin:6px 0 0 0;
padding:0;
font-size:20px;
}

#largeWhiteHeader{
margin:0;
color:#ffffff;
font-size:26px;

}


/****************************************************************************************************************  CREATE PARENT ACCOUNT PAGE ******/
#createParentAccount_SETTERDIV{
height:auto;
background:none;
}
#submit_CreateParentAccount{
/*margin: 7px 175px 0 0;*/
border:none;
background:url(../images/buttons/btn_CreateParentAccount_wMouseOver.png) 0 0 no-repeat;
width:196px;
height:32px;
}
#submit_CreateParentAccount:hover{
border:none;
background:url(../images/buttons/btn_CreateParentAccount_wMouseOver.png) -197px 0 no-repeat;
width:196px;
height:32px;
}
#submit_CreateParentAccount:active{
border:none;
background:url(../images/buttons/btn_CreateParentAccount_wMouseOver.png) -197px 0 no-repeat;
width:196px;
height:32px;
}



/*********************************************************************************************************************  CANCEL ACCOUNT PAGE  ******/

#btn_keepAccount{
text-align:center;
margin:0 auto;
}
#btn_keepAccount a{
display:block;
height:30px;
width:163px;
background:url(../images/modern/btn_Back.jpg) 0 0 no-repeat;
text-decoration:none;
}
/*
#btn_keepAccount a:hover{
height:46px;
width:150px;
background-position: -155px 0;
}
#btn_keepAccount a:active{
height:46px;
width:150px;
background-position: -155px 0;
}
*/

#btn_DeactivateAccount{
float:left;
background:url(../images/buttons/btn_DeactivateAccount.png) 0 0 no-repeat;
width:192px;
height:46px;
border:none;
}
#btn_DeactivateAccount:hover{
background:url(../images/buttons/btn_DeactivateAccount.png) -200px 0 no-repeat;
width:192px;
height:46px;
border:none;
}
#btn_BackToMyAccount a{
margin:0 auto;
display:block;
width:196px;
height:46px;
background:url(../images/buttons/btn_Parents_BackToAccount.png) 0 0 no-repeat;
text-decoration:none;
}
#btn_BackToMyAccount a:hover{
width:196px;
height:46px;
background:url(../images/buttons/btn_Parents_BackToAccount.png) -200px 0 no-repeat;
}
#btn_BackToMyAccount a:active{
width:196px;
height:46px;
background:url(../images/buttons/btn_Parents_BackToAccount.png) -200px 0 no-repeat;
}



/************************************************************************************************************** PARENTS ACCOUNT PAGE w/ AVATAR ****/
#parents_parentsAccount_SETTERDIV{
width:785px;
height:auto;
background:none;
border:#000000;
margin:0 auto;
}
#parentAccountEditLinks{
height:30px;
text-align:right;
width:100%;
margin:0 auto;
font-size:11px;
background-color:none;
}
#parentAccountEditLinks a:link{
color:#194b88;
}
#parentAccountEditLinks a:visited{
color:#194b88;
}
#parentAccountEditLinks a:hover{
color:#5f81b4;
}
#parentAccountEditLinks a:active{
color:#5f81b4;
}



/************************************************************************************************************   PARENTS LANDING PAGE   ************/
#parents_heightSETTERDIV{ 
/*Houses the parents_middle_ContentLeft & Right Divs*/
height:auto; 
}
#parents_middle_ContentLeft{
width:100%;
height:auto;
}

#parents_CreateAccountModule{
width:90%;
padding:0 0 0 0;
margin:0 auto;
height:auto;
background:none;
}

/************************** LOGIN ****/
#parents_ExistingAccountLogin{
width:90%;
height:auto;
background:none;
text-align:center;
margin: 0 auto;
}

#parents_LoginFields{
height:56px;
}

#parents_LoginFields input{
height:51px;
width:231px;
margin:0;
padding:5px 0 0 4px;
background:url(../images/forms2/inputField_v1.png) 0 0 no-repeat;
border:0;
}
#parentsLogin_unOrderedList{
padding:0;
margin:0;
display:block;
list-style:none;
height:auto;
}
#parents_FormFieldTitles{
margin:25px 0 0 0;
color:#194b88;
font-size:11px;
}
#parents_FormSubmit{
height:30px;
width:97%;
text-align:right;
background:none;
border:0;
margin:10px 0 0 0;
}
#parents_FormSubmitButton{
outline:none;
background:url(../images/modern/btn_MyAccount_Login.jpg) 0 0 no-repeat;
border:none;
width:163px;
height:30px;
}
#parents_FormSubmitButton:hover{
background:url(../images/modern/btn_MyAccount_Login.jpg) 0 0 no-repeat;
}

#parents_FormSubmit2Button{
outline:none;
background:url(../images/modern/btn_Submit.jpg) 0 0 no-repeat;
border:none;
width:163px;
height:30px;
}
#parents_FormSubmit2Button:hover{
background:url(../images/modern/btn_Submit.jpg) 0 0 no-repeat;
}
#parentsForgotInfo{
text-align:right;
}
#parentsForgotInfo ul{
height:auto;
padding:0 0 10px 0;
margin:0;
}
#parentsForgotInfo ul li{
display:inline;
list-style:none;
}
#p_355px_Width{
width:355px;
height:auto;
}
#p_330px_Width{
width:330px;
height:auto;
}
#paragraph_SafeyTips{
padding:0;
margin:0 0 7px 10px;
width:320px;
}


/***************** CREATE ACCOUNT ******/
#parents_btnCreateParentAccount a{
display:block;
width:196px;
height:32px;
text-decoration:none;
background:url(../images/buttons/btn_CreateParentAccount_wMouseOver.png) 0 0 no-repeat;
}
#parents_btnCreateParentAccount a:hover{
width:200px;
height:32px;
background-position: -193px 0;
}
#parents_btnCreateParentAccount a:active{
width:200px;
height:32px;
background-position: -193px 0;
}
#parents_BtnSubmit{
margin:0 0 0 78%;
}
#quickLinkGray{
font-size:11px;
color:#CCCCCC;
margin:0;
padding:0;
}
#quickLinkGray a:link{
text-decoration:underline;
color:#7a7a7a;
}
#quickLinkGray a:visited{
text-decoration:underline;
color:#7a7a7a;
}
#quickLinkGray a:hover{
text-decoration:none;
color:#2e4966;
}
#quickLinkGray a:active{
text-decoration:none;
color:#2e4966;
}

#forgotPassword
{
width:300px;
height:25px;
background:none;
margin:0 auto;
display:inline;
}

/*************************   MODULES ****/
#parents_TelephoneResources{
margin:0 auto;
width:90%;
}

#parents_InternetMeasures{
width:90%;
margin:0 auto;
}

#footerCopy{
color:#ffffff;
font-size: small;
}

#module_377px_Width_LightBlue{
width:100%;
height:auto;
background:#0E5976;
border:2px solid #0A4258;
}

#module_377_Top{
width:100%;
height:10px;
background:none;
/*
background:url(../images/bg_ModuleTop_377x10_LightBlue.png) 0 0 no-repeat;*/
}

#module_377_Middle{
width:100%;
height:auto;
/*
background:url(../images/bg_ModuleMiddle_377x10_LightBlue.png) 0 0 repeat-y;*/
}

#module_377_Bottom{
width:100%;
height:10px;
/*
background:url(../images/bg_ModuleBottom_377x10_LightBlue.png) 0 0 no-repeat;*/
}





/********************************************************************************************************   Parents - Edit Account Styles  **********/
#parent_AccountEdit_DisplayInfo{
margin:0;
padding:0;
}

#parent_AccountEdit_DisplayInfo li{
font-size:13px;
color:#FFFFFF;
line-height:28px;
list-style:none;
display:block;
}
#parents_AccountDisplayFields{
color:#FFFFFF;
border:none;
background:none;
}




/*******************************************************************************************************************   FORGOT PASSWORD PAGE  *******/
#forgotPwd_SETTERDIV{
height:auto;
}





/**********************************************************************************************************************   HELP LANDING PAGE   *******/
#help_SETTERDIV{
font-size:11px;
background:none;
width:750px;
height:auto;
margin:0 auto;
}



/********************************************************************************************************************   PRIVACY LANDING PAGE  *******/
#privacy_SETTERDIV{
font-size:11px;
background:none;
width:700px;
height:auto;
margin:0 auto;
background:none;
}

#privacy_SETTERDIV p{
padding:0 0 20px 0;
width:650px;
}

/*
#privacy_SETTERDIV a{
font-size:11px;
}
#privacy_SETTERDIV a:link{
text-decoration:none;
color:#003366;
}
#privacy_SETTERDIV a:visited{
text-decoration:none;
color:#003366;
}
#privacy_SETTERDIV a:hover{
text-decoration:underline;
color:#5A577B;
}
#privacy_SETTERDIV a:active{
text-decoration:underline;
color:#5A577B;
}

*/







/***************************************************************************************************************  MEMBERSHIP LANDING PAGE  *******/
#membership_SETTERDIV{
width:852px;
background:none;
margin:auto 0;
text-align:center;
}

#PremiumMembershipActive_SETTERDIV{
	height:420px;
}

/****************************************************************************************************************  CANCEL MEMBERSHIP PAGE  ********/
/*
#btn_DontCancelMembership a{
display:block;
height:46px;
width:192px;
background:url(../images/buttons/btn_DontCancelMembership.png) 0 0 no-repeat;
text-decoration:none;
}
#btn_DontCancelMembership a:hover{
height:46px;
width:192px;
background-position: -204px 0;
}
#btn_DontCancelMembership a:active{
height:46px;
width:192px;
background-position: -204px 0;
}
*/

#cancelSubmitBtn{
float:left;
background:url(../images/buttons/btn_CancelMembership.png) 0 0 no-repeat;
width:192px;
height:46px;
border:none;
}
#cancelSubmitBtn:hover{
background:url(../images/buttons/btn_CancelMembership.png) -204px 0 no-repeat;
width:192px;
height:46px;
border:none;
}

#generalSumbitBtn{
background:url(../images/buttons/btn_ParentsSubmit_wMouseOver.png) 0 0 no-repeat;
width:78px;
height:22px;
border:none;
}
#generalSumbitBtn:hover{
background:url(../images/buttons/btn_ParentsSubmit_wMouseOver.png) -80px 0 no-repeat;
width:78px;
height:22px;
border:none;
}






/********************************************************************************************************************  CREDIT CARD FORM PAGE  *******/
#error_creditCardForm{
width:779px;
height:auto;
background:none;
}
/*****************  CUSTOM FORM CLASSES*/
.inputRadio
{
padding:0 0 0 0;
display:block;
float:left;
margin:0 0 0 10px;
width:400px;
height:50px;
border:none;
clear:both;
}
.inputRadio img{
vertical-align:middle;
margin:0 0 0 10px;
}
.radio{
margin:13px 0 0 20px; 
}
.inputTextBoxDiv{
padding:0;
display:block;
float:left;
margin:0 30px 0 10px;
width:410px;
height:50px;
border:none;
clear:both;
}
/*
.inputTextBoxDiv input{
font-family:Arial, Helvetica, sans-serif;
font-size:1.em;
color:#194b88;
background:url(../images/forms2/formTextField.png) 0 0 no-repeat;
height:40px;
width:231px;
border:none;
padding:12px 0 0px 10px;
float:right;
}
*/

.inputTextBoxDivSm{
padding:0 0 5px 0;
display:block;
float:left;
margin:0 0 0 10px;
width:400px;
height:50px;
border:none;
clear:both;
}
.inputTextBoxDivSm input{
font-family:Arial, Helvetica, sans-serif;
font-size:1.em;
color:#194b88;
background:url(../images/forms2/formTextFieldSm.png) top left no-repeat;
height:50px;
width:57px;
border:none;
padding:12px 0 10px 10px;
}

.formLabel{
color:#ffffff;
width:160px;
margin:11px 0 0 0;
float:left;
text-align:right;
}
.formSelectContainer{
padding:0 0 5px 0;
float:left;
margin:0 0 0 10px;
width:400px;
height:50px;
clear:both;
}
.formSelect{
color:#194b88;
width:200px;
margin:10px 0 0 10px;
}
#formSelectExpiration{
color:#194b88;
margin:10px 0 0 10px;
width:50px;
}


/********************************************************************************************************************** FORM ERROR MESSAGES *****/
#ERROR_1{
margin:0 auto;
height:auto;
}

#ERROR_2_parentsLogin{
margin:0 auto;
width:335px;
height:auto;
}

#parentsMiniErrorTop{
margin:0 auto;
width:335px;
height:10px;
background:url(../images/forms2/parents_MiniError_Top.png) 0 0 no-repeat;

}
#parentsMiniErrorMiddle{
margin:0 auto;
padding:0;
width:335px;
height:30px;
background:url(../images/forms2/parents_MiniError_Middle.png) 0 0 repeat-y;
}
#parentsMiniErrorBottom{
margin:0 auto;
width:335px;
height:10px;
background:url(../images/forms2/parents_MiniError_Bottom.png) 0 0 no-repeat;
}

/*
#htmlFormErrorContainerTop{
margin:0;
padding:0;
width:799px;
height:10px;
}
*/

#htmlFormErrorContainerMiddle{
padding:10px 20px 10px 20px;
text-align:left;
width:799px;
height:auto;
}
#htmlFormErrorContainerMiddle p{
color:#8f4d00;
font-size:12px;
margin:0 auto;
}

/*
#htmlFormErrorContainerBottom{
margin:0;
padding:0;
width:799px;
height:10px;
}
*/

#formErrorCopy{
font-size:12px;
margin:0;
padding:0;
color:#FFFFFF;
}



/********************************************************************************************************************** FORM SUCCESS MESSAGES ***/
/*
#htmlFormSuccessContainerTop{
width:799px;
height:10px;
}
*/

#htmlFormSuccessContainerMiddle{
width:799px;
height:auto;
text-align:center;
}

/*
#htmlFormSuccessContainerBottom{
width:799px;
height:10px;
}
*/




/******************************************************************************************************** Form - MEMBERSHIP CREDIT CARD SIGN-UP ****/

/*Security Code Styling - Membership Credit Card Form*/
#whatsThis{
padding:7px 80px 0 0;
font-size:10px;
color:#194b88;
text-decoration:underline;
float:right
}

#whatsThis a:link{
color:#194b88;
text-decoration:none;
}

#whatsThis a:visited
{
color:#194b88;
}
#whatsThis a:hover{
color:#999999;
text-decoration:underline;
}
#whatsThis a:active{
color:#999999;
text-decoration:none;
}


#formDiv{
text-align:center;
background:none;
height:auto;
width:80%;
margin:0 auto;
}

#formFieldTitlesDiv{
background:transparent;
padding:0;
width:200px;
height:auto;
margin:0 0 0 70px;
padding:0;
float:left;
}

#formFieldTitlesDiv h1{
margin:0;
padding:0;
}

#ulForm{
text-align:left;
padding:0 0 0 60px;
margin:0;

}

#ulForm li{
padding:10px 0 0 0;
list-style:none;
}

#btn_Submit
{
float:right;
margin:0 auto;
}

#btn_Cancel{
float:left;
margin:7px 0 0 100px;
}

#btn_Submit a:link{
background:url(../images/btn_Submit.png) 0 0 no-repeat;
}

#btn_Submit a:visited{
background:url(../images/btn_Submit.png) 0 0 no-repeat;
}

#btn_Submit a:hover{
background:url(../images/btn_Submit.png) -20px 0 no-repeat;
}

#btn_Submit a:active{
background:url(../images/btn_Submit.png) -20px 0 no-repeat;
}


/*
#membership_CreditCardSubmit{
width:142px;
height:45px;
background:url(../images/buttons/btn_MembershipSumbit_wMouseOver.png) 0 0 no-repeat;
outline:none;
border:none;
}

#membership_CreditCardSubmit:hover{
background:url(../images/buttons/btn_MembershipSumbit_wMouseOver.png) -146px 0 no-repeat;
}

*/



/*********************************************************************************************************Terms LANDING PAGE*/
/****************************************************************************************************************************/
#terms_SETTERDIV{
font-size:11px;
background:none;
width:650px;
height:auto;
margin:30px auto;
}


#terms_SETTERDIV p{
font-size:12px;
padding:5px 0 30px 0;

}


/****************************************************************************************************Contact us LANDING PAGE*/
/****************************************************************************************************************************/
#contact_SETTERDIV{
margin:0 auto;
width:650px;
height:400px;
}


#error_SETTERDIV{
margin:0 auto;
font-size:11px;
background:none;
width:799px;
height:auto;
}

#error_SETTERDIV p{
color:#FFFFFF;
}

#CancelMembership_SETTERDIV{
padding:25px 40px;
height:auto;
text-align:left;
}

#wrapper.contact .emailSection{
margin:30px 0 30px 0;
}

#wrapper.contact .emailSection *, #wrapper.contact #sdgContact, #wrapper.contact #helpTop{
margin:0 0 11px 7px;
}