body
{
    background: #000 url("../img/backgrounds/body.jpg") top center repeat;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:76%;
    margin: 0;
}

a
{
    text-decoration: none;
    color: #fff;
}

a img{
    border: 0px;
}

#container
{
    width:764px;
    margin: 0px auto;
    position: relative;
    margin-bottom: 40px;
}

#loginForm
{
    float:right;
}

#loginForm .submitButton{
    background:url("../img/global/loginButton.png") top center no-repeat;
    height:20px;
}

#loginForm .submitButton:hover{
    background-position:bottom center;
}

.loginFormBlock{
    margin-top:8px;
}

.loginFormBlock, .loginFormBlock label, .loginFormBlock input{
    float:left;
    display:block;
    font-weight:bold;
}

.loginFormBlock label{
    width:75px;
    padding-top:5px;
}

.loginFormBlock input{
    width:120px;
}

#loginFormWrap{
    height:40px;
    background:url("../img/backgrounds/loginBg2.png") repeat-x top center;
    float:right;
    width:764px;
    margin-top:-1px;
}

#footerNav
{
    background: #818181 url("../img/backgrounds/footerNav.gif") center top no-repeat;
    clear:both;
    padding:10px 20px;
}

#footerNav a
{
    color:#363636;
    border-right: 1px solid #363636;
    font-size: 0.9em;
    padding: 0px 10px;
}


#container,
#container.controlPanel #navigation,
#container.controlPanel #mainContent .controlPanel-content,
#container.controlPanel #footer{
    -webkit-box-shadow: 0px 0px 30px #787878;
    -moz-box-shadow: 0px 0px 30px #787878;
    box-shadow: 0px 0px 30px #787878;
}
#container.controlPanel{
    -webkit-box-shadow: 0px 0px 0px #787878;
    -moz-box-shadow: 0px 0px 0px #787878;
    box-shadow: 0px 0px 0px #787878;
}
#container.controlPanel .controlPanel-content{
    width: 764px;
    float: right;
}
#container .controlPanel-content-inn{
    padding: 20px;
}

#Web_Store #container .controlPanel-content-inn{
    padding-left:0;
    padding-right:0;
    padding-bottom:0px;
}

#Webstore #container .controlPanel-content-inn p{
    padding-right:5px;
}

.control-t,
.control-c,
.control-b{
    background: transparent url("../img/controlPanel/bg-Caps.png") top left repeat-y;
    display: block;
}
.control-t,
.control-b{
    height: 15px;
}
.control-c{
    background-position: right top;
    padding: 0px 10px;
}
.control-b{
    background-position: bottom left;
}
/************** Side wide "tool" styles *****************/

.left{
    float: left;
}
.right{
    float: right;
}
.clear{
    clear: both;
}

/********************* Site wide Styles *****************/
#mainFlash{
    background: url("../img/backgrounds/noFlashGradi.jpg") 50% 0% repeat-x #000000;
}
#mainFlash div
{
    margin-left: -150px;
    position: relative;
    left: 50%;
    width: 300px;
    padding-top: 100px;
    padding-bottom: 100px;
}
#mainFlash div p
{
    color: #ffffff;
}
#mainFlash div p a:link,
#mainFlash div p a:active,
#mainFlash div p a:visited
{
    color: #CCCCCC;
}
#mainFlash div p a:hover{
    text-decoration: underline;
}
.extraPad{
    padding: 7px 9px;
    background-image: url("../img/backgrounds/bg_extraPad.jpg");
    background-repeat: repeat-x;
    background-position:top;
    background-color: #565656;
}

.miniStacker{
    background-color: #FFFFFF;
    width: 461px;
    border: 1px solid #999999;
    padding-bottom: 9px;
    padding-top: 0px;
}
.miniStacker h1{
    font-size: 1.1em;
    color: #363636;
    padding: 4px 25px;
    display: block;
    background-image:url("../img/backgrounds/bgMiniStackerHead.gif");
    background-repeat:no-repeat;
    margin: 0px;
}
.miniStacker .even{
    background-color: #ebebeb;
}
.miniStacker .stacker{
    margin: 0px 8px;
    padding: 5px 10px;
    color: #626262;
}

.miniStacker .stacker img{
    float: left;
    border: 1px solid #626262;
    border-bottom: 2px solid #626262;
}
.miniStacker .stacker .stackBody{
    float: right;
    width: 76%;
}
.miniStacker .stacker h2{
    font-size: 1.1em;
    color: #2e3092;
}
.miniStacker .stacker .stackBody a:link,
.miniStacker .stacker .stackBody  a:active,
.miniStacker .stacker .stackBody  a:visited{
    font-size: 1em;
    color: #2e3092;
    background-image: url("../img/backgrounds/lilArrow.gif");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 10px;
}
.miniStacker .stacker .stackBody a:hover{
    color: #000066;
}
.miniStackCallout{
    float: right;
}

fieldset,
fieldset{
    margin-bottom: 15px;
}
fieldset legend,
fieldset legend{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 5px;
    border: 1px solid #ffffff;
    background-color: #666666;
}

/********************* Home Page ************************/

body#Home div.extraPad div#heroSelect{
    margin-bottom: 10px;
}

body#Home div.extraPad div#heroSelect img{
    float: left;
}

/****************** Application Page ********************/

body#Profile #container,
body#Application #container
{
   /* background: #8493ca url("../img/application/containerBackground.jpg") repeat-x; */
}

#applicationForm, #createGroupForm, #childHeroForm, #assessment, #goalForm, #removeForm, #requestForm, #inviteForm{
    width:100%;
    margin-top:35px;
}

body#Application #container #messages #applicationForm fieldset{
    margin: 0 32px 0 0;
}

 #messageForm{
     width:100%;
     margin-top:15px;
 }

body#Create_Group fieldset,
body#Superhero #childHeroForm,
body#Profile #applicationForm fieldset,
body#Application #applicationForm fieldset,
body#Contact #contactForm fieldset,
body#Create_Group_Goal #goalForm fieldset,
body#Invite #inviteForm fieldset,
body#Remove_a_Member #removeForm fieldset,
body#Request #requestForm fieldset,
body#Take_Assessment #assessment fieldset
{
   background: url("../img/backgrounds/formBg.png") repeat-y transparent;
   background-position: right top;
    margin: 50px auto 70px auto;
    position: relative;
    border: 0 none;
    float: right;
    margin: 0;
    padding: 0;
    z-index:4;
    width: 489px;
}

body#Message_Board #messageForm fieldset{
    border: 0 none;
     margin: 0;
    padding: 0;
    z-index:4;
}

body#Superhero #messages{
    margin-top: 33px;
}


body#Invite #messages{
    margin-top:20px;
}

body#Superhero #childHeroForm fieldset{
    border: 0 none;
    margin: 0;
    padding: 0;
    z-index:4;
}


#messages form img,
#messages form label
{
    display:block;
}

#messages form label{
    float:left;
}

body#Profile #applicationForm p,
body#Application #applicationForm p
{
    margin:10px;
}

body#Profile #areYouReady,
body#Application #areYouReady
{
    float: left;
    padding: 20px;
}

body#Profile #areYouReady img,
body#Application #areYouReady img
{
    display: block;
}

body#Profile #parentEmail,
body#Application #parentEmail
{
/*	display: none;
*/
    margin: 10px 10px 10px 0;
}

/**************** End Application Page ******************/

/*
 * Mail Widget
 */
#warriorMail{

}

/**************** Welcome Page **************************/


.sloanBg{
    background: #000 url("../img/backgrounds/bg-solan.jpg") fixed top no-repeat;
}

.chuneBg{
    background: #000 url("../img/backgrounds/bg-chune.jpg") fixed top no-repeat;
}

.mayeBg{
    background: #000 url("../img/backgrounds/bg-maye.jpg") fixed top no-repeat;
}

.vibratoBg{
    background: #000 url("../img/backgrounds/bg-vibrato.jpg") fixed top no-repeat;
}

.shaktiBg{
    background: #000 url("../img/backgrounds/bg-shakti.jpg") fixed top no-repeat;
}

.echoBg,
body#Track,
body#Extra,
body#Superhero,
body#Remove_a_Member,
body#Create_Group,
body#Profile,
body#Library,
body#Jeopardy,
body#Welcome
{
    background: #000 url("../img/backgrounds/bg-echo.jpg") fixed top no-repeat;
}

.allBg,
body#Home{
    background: #000 url("../img/backgrounds/bg-allwarriors.jpg") fixed top no-repeat;
}

body#Take_Assessment #container #mainContent,
body#View #container #mainContent,
body#Welcome #container #mainContent,
body#Extra #container #mainContent,
body#Track #container #mainContent,
body#Profile #container #mainContent,
body#Recruits #container.controlPanel #mainContent .controlPanel-content,
body#Track #container.controlPanel #mainContent .controlPanel-content,
body#Welcome #container.controlPanel #mainContent .controlPanel-content,
body#Extra #container.controlPanel #mainContent .controlPanel-content,
body#Meet #container #mainContent,
body#Group_Info #container #mainContent,
body#Invite #container #mainContent,
body#Message_Board #container #mainContent,
body#Library #container #mainContent .controlPanel-content,
body#Jeopardy #container #mainContent .controlPanel-content,
body#Remove_a_Member #container #mainContent .controlPanel-content,
body#Application #container,
body#Comic #container,
body#Create_Group_Goal #container #mainContent .controlPanel-content,
.showbg
{
    display: block;
    background: #000 url("../img/welcome/containerBackground.jpg") top no-repeat;
}

body#Profile #container #mainContent .controlPanel-content,
body#Request #container #mainContent .controlPanel-content,
body#Application #container,
body#Superhero #container.controlPanel #mainContent .controlPanel-content{
    display: block;
    background: url("../img/backgrounds/warriorsBg.jpg") no-repeat scroll center top #000000;
}


body#Create_Group #container #mainContent .controlPanel-content{
    background: #000 url("../img/backgrounds/warriorsBg.jpg") top no-repeat;
}

body#Recruits #container.controlPanel #mainContent,
body#Create_Group_Goal #container.controlPanel #mainContent,
body#Profile #container.controlPanel #mainContent,
body#Superhero #container.controlPanel #mainContent,
body#Request #container.controlPanel #mainContent,
body#Track #container.controlPanel #mainContent,
body#Welcome #container.controlPanel #mainContent,
body#Jeopardy #container.controlPanel #mainContent,
body#Extra #container.controlPanel #mainContent
{
    background: transparent none top repeat-x;
}
body#View #container #mainContent:after,
body#Create_Group_Goal #container #mainContent:after,
body#Library #container #mainContent:after,
body#Welcome #container #mainContent:after,
body#Extra #container #mainContent:after,
body#Track #container #mainContent:after,
body#Request #container #mainContent:after,
body#Profile #container #mainContent:after,
body#Extra #container #mainContent:after,
body#Remove_a_Member #container #mainContent:after,
body#Jeopardy #container #mainContent:after,
body#Take_Assessment #container #mainContent:after,
{
    display: block;
    clear: both;
    content: " ";
}

body#Recruits #container #mainContent,
body#Create_Group #container #mainContent,
body#Superhero #container #mainContent,
body#View #container #mainContent,
body#Library #container #mainContent,
body#Remove_a_Member #container #mainContent,
body#Welcome #container #mainContent,
body#Create_Group_Goal #container #mainContent,
body#Extra #container #mainContent,
body#Track #container #mainContent,
body#Jeopardy #container #mainContent,
body#Profile #container #mainContent,
body#Request #container #mainContent,
body#Extra #container #mainContent,
body#Take_Assessment #container #mainContent{ /* auto clear */
    display: inline-block; /* @ IE 7 */
    _height: 1%; /* @ IE 6 */
}

body#View #messages,
body#Welcome #messages,
body#Profile #messages,
body#Jeopardy #messages,
body#Extra #messages{
    float: right;
    width: 100%;
}

body#Welcome #messages #headerCap
{
    padding-bottom: 2px;
    border-bottom: 6px solid #f7941d;
    margin-bottom: 8px;
}

body#View #messages .heroMachine,
body#Welcome #messages .heroMachine
{
    float: left;
    height: 389px;
    width: 272px;
}

body#View #editHero,
body#Welcome #editHero
{
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    float: left;
    clear: left;
}

#childHeroForm{
    padding:0 10px;
    margin:15px 0;
    position:relative;
}

#Superhero #messages h1{
    padding:0 0 10px 10px
}

body#View #messages #stats,
body#Welcome #messages #stats{
    float: right;
    width: 256px;

}
body#View #messages #stats #currentLevel,
body#Welcome #messages #stats #currentLevel{
    background: url("../img/welcome/currentLevel.gif") top left no-repeat;
    padding-left: 100px;
}

body#View #messages #stats #experiencePoints,
body#Welcome #messages #stats #experiencePoints{
    background: url("../img/welcome/experiencePoints.gif") top left no-repeat;
    padding-left: 125px;
}

body#View #messages #stats #currentLevel,
body#View #messages #stats #experiencePoints,
body#Welcome #messages #stats #currentLevel,
body#Welcome #messages #stats #experiencePoints{
    color: #ffffff;
}

body#View #messages #currentRankBar,
body#Welcome #currentRankBar {
    width: 245px;
    border: 1px solid #ffffff;
    margin: 8px 0 0px 86px;

}
body#Welcome #currentRankBar{
    width: 99%;
    margin-left: 0px;
}


body#View #superHeroStory
{
    float: left;
    width: 210px;
}

#currentRankBar div
{
    background-image: url("../img/welcome/currentRankBar.gif");
    height: 13px;
    width: 100%;
}

#shaktiOS
{
    background: url("../img/backgrounds/statusUpdate.png") top center no-repeat;
    padding-bottom: 45px;
    margin: 10px 0px;
    padding:20px 5px 40px 10px;
    min-height:150px;
}

#shaktiOS span{
    color:#fbaf5d;
    font-weight:bold;
}

body#View #shaktiOS
{
    background: none;
}

body#View #mainContent{
    width:100%;
}

#shaktiOS #sideBorder
{
    background: url("../img/welcome/shaktiOSSidesBG.gif") repeat-y;
    width: 8px;
}

body#View #shaktiOS
{
    background: none;
}

#shaktiOS #informationArea
{
    background: url("../img/welcome/shaktiOSCenterBG.gif") top repeat-x #6f85a0;
    padding: 10px 20px 20px 20px;
}

body#View #shaktiOS #informationArea
{
    background: none;
}

#shaktiOS #informationArea h1,
#shaktiOS #informationArea p,
#shaktiOS #informationArea span
{
    font-family: Helvetica, sans-serif, Arial;
    color: #FFFFFF;
    font-size: 1em;
    padding: 0px;
    margin: 3px 0px;
}

#shaktiOS #informationArea h1
{
    font-size: 1.2em;
    font-weight:bold;
}

#shaktiOS #informationArea span{
    color: #ffcc00;
    font-weight: bold;
}


#superHeroMessages h1
{
    /* background: url("../img/backgrounds/messagesHeaderBackground.png") no-repeat; */
    font-size: 1.2em;
    padding: 10px 0 0 0;
    margin: 0;
    height: 27px;
    display: block;
    color: #000;
    text-decoration:underline;
}


#superHeroMessages h2
{
    color: #000;
    margin:0px;
    font-size:1.3em;
}
#superHeroMessages p
{
    font-size:1.1em;
}

#superHeroMessages a:active,
#superHeroMessages a:link,
#superHeroMessages a:visited

{
    color: red;
    font-weight: bold;
}
#superHeroMessages a:hover

{
   text-decoration:underline;
}


body#Message_Board #superHeroMessages .message
{
    background: url("../img/backgrounds/messageBackground.png") no-repeat;
    padding: 20px;
    margin: 0;
    width:518px;
}

#superHeroMessages img
{
    float: left;
    margin: 0 10px 0px 0;
}

/*
 * New Welcome Styles
 */
#warrior-heroMachine{
    float: left;
    width: 330px;
}
/* warrior in trainning right side */
#warrior-infoDisplay{
    float: right;
    overflow:hidden;
    width: 333px;
}

#welcomeUser{
    background: url("../img/welcome/welcome.png") no-repeat scroll left top transparent;
    color: #6EB6E9;
    font-family: arial;
    font-size: 2.5em;
    font-weight: bold;
    padding-top: 19px;
    text-shadow: 1px 1px 2px #1f1f1f;
    filter: dropshadow(color=#1f1f1f, offx=1, offy=1);
    float: left;
}
#user-rank{
    float: right;
    text-align: right;
}
#totalPointsHolder	{
	margin: 0px;
	padding: 0px;
	float: none;
}
#totalPointsHolder p	{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
#currentLevel,
#experiencePoints{
    text-shadow: 1px 1px 2px #4a6678;
filter: dropshadow(color=#4a6678, offx=1, offy=1);
}
#experiencePoints{
    font-size: 4em;
    font-weight: bold;
    color: #ccc;
}
#currentLevel{
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
}

#warriors-pointsBreakdown{
    margin-bottom:40px;
    margin-top:20px;
    position:relative;
}
#warriors-pointsBreakdown ul,
#warriors-pointsBreakdown li{
    -moz-padding-start: 0;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#warriors-pointsBreakdown li{
    vertical-align: top;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: 24%;
}
#warriors-pointsBreakdown li.last{
    border-right-width: 0px;
	vertical-align: top;
}
#warriors-pointsBreakdown li strong{
    font-size: 2.5em;
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 2px #0033ff;
    filter: dropshadow(color=#0033ff, offx=1, offy=1);
}
#warriors-pointsBreakdown li span{
    color: #CCCCCC;s
    text-shadow: 1px 1px 2px #242424;
    filter: dropshadow(color=#242424, offx=1, offy=1);
}
#warrior-teams{
    margin-bottom:40px;
    background:url("../img/welcome/useButtons.png") no-repeat bottom center;
    margin-top:20px;
    position:relative;
}
#warriors-pointsBreakdown h3,
#warrior-teams h3{
    border: 1px solid #fff;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 5px 0px;
    background: transparent url("../img/welcome/teamTitleBg.png") top right repeat-y;
    margin-right: -20px;
    margin-top:0px;
}

.welcomeHeader h1{
    border: 1px solid #fff;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 5px 0px;
    background: transparent url("../img/welcome/welcomeHeaderBg.png") top right repeat-y;
    margin:0 0 20px 0;
}

#warrior-teams .teamCard{
    width: 156px !important;
    margin-bottom: 10px;
    margin-right:20px;
}
#warrior-teams .col_1{
    float: left;
}
#warrior-teams .col_2{
    float: right;
}

#warrior-earnPoints{
    background:url("../img/welcome/earnPointsBg.png") no-repeat top center;
    text-align:center;
    padding-bottom:17px;
}

#warrior-earnPoints .dailyTraining{
    margin-bottom: 15px;
    display: block;
    padding-top:30px;
}

#warrior-earnPoints .jeopardy{margin-right:15px;float: right;}
#warrior-earnPoints .library{margin-left:15px;float: left;}

body#Jeopardy .header{
    margin:20px 0 0px 20px;
}

/**************** End Welcome Page **********************/
/*
 * Team Cards
 */
.teamCard-inn{
    border: 3px solid #7da7d9;
    border-bottom-width: 6px;
    padding: 5px;
    background: #fff;
    color: #7d7d7d;
    position: relative;
}
.teamCard .points{
    text-transform: uppercase;
}
.teamCard .points strong{
    display: block;
    font-size: 1.8em;
}
.teamCard .title{
    margin-top: 10px;
    font-size: 2em;
}
.teamCard .icon{
   position: absolute;
   top: 5px;
   right: 5px;
}
/*
 * Team Themes
 */
.theme_a .teamCard-inn{
    border-color: #7da7d9;
}
.theme_a .points strong,
.theme_a .title
{
    color: #7da7d9;
}
.theme_b .teamCard-inn{
    border-color: #dcb916;
}
.theme_b .points strong,
.theme_b .title
{
    color: #dcb916;
}
.theme_c .teamCard-inn{
    border-color: #00a651;
}
.theme_c .points strong,
.theme_c .title
{
    color: #00a651;
}
.theme_d .teamCard-inn{
    border-color: #32004b;
}
.theme_d .points strong,
.theme_d .title
{
    color: #32004b;
}
.theme_e .teamCard-inn{
    border-color: #ed1c24;
}
.theme_e .points strong,
.theme_e .title
{
    color: #ed1c24;
}
.theme_f .teamCard-inn{
    border-color: #ed145b;
}
.theme_f .points strong,
.theme_f .title
{
    color: #ed145b;
}
/**************** Side Menu *****************************/
#container.controlPanel{
    width: 954px;
    margin: 0px auto;
}
#container.controlPanel #mainContent{
    display: block;
    width: 100%;
}
#container.controlPanel #navigation,
#container.controlPanel #footer
{
    width:764px;
    margin: 0px auto;
    float: right;
}

#sideMenuContainer{
    position: absolute;
    left: 0px;
    z-index: 50;
    width: 188px;
    padding: 9px 0px 9px 10px;
}
#sideMenuContainer #sideMenuBottomCap{
    padding: 12px;
    background: url("../img/welcome/menuBottomCap.gif") top center no-repeat;
}
.sideMenu
{
    list-style: none;
    padding: 4px 8px;
    margin: 0px;

}

.sideMenu,
#calendarContainer
{
    background-image: url("../img/welcome/menuGradi.jpg");
    background-position: center left;
    background-repeat: repeat-y;
    background-color: #3c434d;
}

#calendarContainer
{
    border: none;
}

#calendar
{
    background-color: #fff;
}

.sideMenu .userTable {
    background: url("../img/backgrounds/bg-userInfo.gif") top repeat-x #2b3c52;
    width: 100%;
    padding: 7px 7px 5px 7px;
    margin-bottom: 7px;
}

.sideMenu .userTable .highLight {
    color:#ffcc00;
}

.sideMenu li
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px;
    clear: both;
}

.sideMenu a.button
{
    display: block;
    color: #ffffff;
    background: url(../img/welcome/menuLinksCandyButton.gif) left top no-repeat;
    padding: 7px 10px;
    -webkit-box-shadow: 0px 1px 2px #000000;
    -moz-box-shadow: 0px 1px 2px #000000;
    box-shadow: 0px 1px 2px #000000;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height:15px;
}

.sideMenu a:hover
{
    color: #fff;
    background-position: left bottom;
}

.sideMenu,
body#Welcome #messages #heroMachine{
    /* border: 1px solid #4d6081; */
}

/**************** End Side Menu **************************/

/**************** Track Your Points **********************/

body#Track .dateLabel
{
    font-size: 0.7em;
}

/* See #messages rule in Welcome */
#messages
{
    width: 100%;
    float: right;
    margin-bottom:25px;
}

body#Recruits #messages{
    float: right;
    background: #525252 url("../img/application/fieldsetBackground.jpg") repeat-x;
    margin-top:15px;
}

body#Extra h1,
body#Extra h2,
body#Track h1,
body#Track h2
{
    margin: 0 auto 0 auto;
    padding: 0 auto 0 auto;
}
body#Extra h2,
body#Track h2
{
    color: #ddf;
    margin-bottom: 20px;
}

body#Extra #messages table,
body#Track #messages table
{
    border-collapse: collapse;
    margin: 15px 0;
    border: 1px solid #4d6081;
    width: 100%;
}

body#Extra table tbody,
body#Track table tbody
{
    /*text-align: right;*/
}

body#Extra #pointsColumn,
body#Track #pointsColumn
{
    /*float: left;*/
}
body #trackYourPoints td.sizedBox input{
    margin: 0px;
    padding: 0px;
    float: none;
}
body#Extra td.category,
body#Track td.category
{
    font-size: 1.4em;
    font-weight: bold;
    background:url("../img/backgrounds/tdBg.jpg") top center repeat-x;
    padding: 3px;
    text-align: left;
}
body#Extra table#trackYourPoints thead,
body#Track table#trackYourPoints thead
{
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: url("../img/application/tableHeaderBG.gif") top repeat-x #c67617;
    font-size: 1.4em;
}
body#Extra table thead tr td,
body#Track table thead tr td{
    padding-top: 10px;
}
body#Extra td.category
body#Track td.category
{
    border-bottom: 1px groove gray;
}
body#Extra td.categoryOptions,
body#Extra td.categoryOptionsCap,
body#Track td.categoryOptions,
body#Track td.categoryOptionsCap{
    color: #000;
    background-color: #cccccc;
}

body#Extra td.categoryOptions,
body#Extra td.categoryOptions,
body#Track td.categoryOptions,
body#Extra td.categoryOptions{
    text-align:center;
}


body#Extra td.categoryOptionsCap,
body#Track td.categoryOptionsCap{
    background: url("../img/application/pointsTableBgLight.gif") left repeat-y #747474;
    color:#ffffff;
}

body#Track td.currentDay{
    background: url("../img/application/pointsTableBgLight.gif") left repeat-y #747474;
    color:#ffffff;
}

body#Extra #messages td,
body#Track #messages td{
    border-right: 1px solid #252a30;
    border-bottom: 1px solid #252a30;
    border-left: 1px solid #4a4f55;
    border-top: 1px solid #4a4f55;
    padding: 5px 10px;
}

#calendarContainer
{
    margin: 0;
    padding: 0px 9px;
    color: #000;
}

table#calendar
{
    width: 148px;
    display: block;
    margin: 10px auto;
}

/**************** End Track Your Points ******************/

/**************** Meet Other Warriors ********************/

body#Meet .warrior,
body#Group_Info .warrior
{
    margin-bottom:20px;
    float: left;
    width: 216px;
    background:#f8941d url(../img/backgrounds/warriorCardbg.jpg) no-repeat top center;
    margin-right:20px;
}

body#Meet .warrior{
    width:229px;
}

body#Meet .last,
body#Group_Info .last{
    margin:0px;
}

body#Meet h2{
    font-size:2.4em;
    color:#f8941d;
}

body#Meet .fieldWrap{
    float:left;
}
body#Meet .fieldWrap select{
    width:150px;
    padding-top:4px;
}
body#Meet .fieldWrap input[type="text"]{
    height:23px;
}
body#Meet .fieldWrap .submitButton{
    margin-top:3px;
}

body#Group_Info h2{
    font-size:2.4;
    color:#f8941d;
}

.pointsHead{
    color:#fff;
	float: left;
}

.points{
    font-size:1.5em;
	margin-left: 10px;
	display: inline-block;
	color: #7d5429;
}

.name{
    display: inline-block;
    float:left;
    width:100%;
	clear:both;
	margin-top: 10px;
}

.blue{
    border-bottom: 10px #7da7d9 solid;
    border-top:3px solid #7da7d9;
    border-left: 3px solid #7da7d9;
    border-right: 3px solid #7da7d9;
}


.name a{
    color:#000
}
.orange{
    border-bottom: 10px #ffb53a solid;
    border-top:3px solid #ffb53a;
    border-left: 3px solid #ffb53a;
    border-right: 3px solid #ffb53a;
}

.green{
    border-bottom: 10px #39b54a solid;
    border-top:3px solid #39b54a;
    border-left: 3px solid #39b54a;
    border-right: 3px solid #39b54a;
}

.purple{
    border-bottom: 10px #a864a9 solid;
    border-top:3px solid #a864a9;
    border-left: 3px solid #a864a9;
    border-right: 3px solid #a864a9;
}

.warrior .last{
    margin:0px;
}

.warrior .rank{
    color:#000;
    font-weight:bold;
    font-size:1.2em;
    margin-top:5px;
    margin-bottom:5px;
    display:block;
    float:left;
    width:100%;
}

.warrior .location{
     color:#494848;
     display:block;
	 font-weight: bold;
}

.warriorWrap{
    padding:3px 5px;
	position: relative;
}
.pic{
	width: 150px;
    margin:15px 0;
}

.pic img{
    width:150px;
}
.tabHolder	{
	background:url(../img/backgrounds/tabBG.png) no-repeat top left;
	width: 111px;
	height: 15px;
	display:block;
}
.rankImg	{
    display: block;
    float: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.rankImg a	{
	background: #ffad23;	
}
.rankImg .invite	{
	background: #ffbb4b;
	padding-left: 10px;
}
body#Meet .warrior a, body#Group_Info .warrior a
{
    display: block;
    font-size: 1.5em;
}

body#Meet .next
{
    float: right;
}


body#View #messages {
    width:735px;
}

body#View #messages .heroMachine {
    margin-top: 15px;
}

body#View #messages #stats
{
    float: right;
    width: 404px;
    margin-right:32px;
}

body#View #messages #stats h1
{
    font-size: 1.25em;
    margin: 10px 0px;
}

body#View #messages #stats strong,
body#Group_Info .groupStats strong
{
    color:#b7b7b7;
}

body#View #messages #stats hr
{
    margin: 10px 0px;
}

body#View #messages #viewWarriorData,
body#Group_Info .messages .viewTeamData
{
    background-image: url(../img/backgrounds/bg-viewReadOut.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color:#7187a4;
    padding: 9px;
    margin-bottom: 18px;
}

.viewTeamData a{
    color:#f7941d;
}

/**************** End Meet Other Warriors ****************/


/**************** Extra Credit ***************************/

/**************** End Extra Credit ***********************/


/**************** Terms / Privacy  ******************/
body#Terms div#mainContent,
body#Privacy div#mainContent{
    background-image: url(../img/backgrounds/legal.jpg);
    background-position:top;
    background-repeat: repeat-x;
    background-color: #ffffff;
    padding: 50px 18px;
    color: #000;
}
body#Terms div#mainContent p,
body#Privacy div#mainContent p{
    color: #000000;
    margin: 10px 0px;
}
body#Terms div#mainContent h1,
body#Privacy div#mainContent h1{
    font-size: 1.2em;
    color: #0054a6;
    font-weight: bold;
}

body#Terms div#mainContent ul,
body#Privacy div#mainContent ul{
    color: #000000;
    margin: 10px 0px 0px 20px;
}

body#Terms #mailTo,
body#Privacy #mailTo
{
    color: #0054a6;
}
/**************** End Terms ******************/
/**************** mission_recruits  ******************/
body#Mission #mainContent{
    background: url(../img/backgrounds/yourMission.jpg) bottom no-repeat #000103;
    padding: 100px 18px 78px 314px;
    color: #FFFFFF;
}
body#Mission #mainContent p{
    color: #FFFFFF;
    margin: 22px 0px;
}
body#Mission #mainContent p span{
    color: #FFFF00;
}
/**************** End mission_recruits  ******************/
/****************** Training *****************************/
body#Training #mainContent{
    background-color: #000000;
    padding: 0px;
}

body#Training #trainingBlueBox {
    background-image: url(../img/backgrounds/trainingBlue.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #C9CFE9;
    padding: 20px;
}

body#Training #trainingBlueBox p {
    color: #000000;
    padding: 10px 294px 0px 0px;
    font-size: 13px;
}

body#Training #trainingGrayBox {
    width: 448px;
    padding: 20px;
    background-color: #252525;
    background-image: url(../img/backgrounds/trainingGray.jpg);
    background-repeat: repeat-x;
}

body#Training #trainingGrayBox p {
    color: #ffffff;
}

body#Training #trainingGrayBox ul,
body#Training #trainingGrayBox ol {
    color: #ffffff;
    font-size: 11px;
    list-style-image: url(../img/training/arrow.jpg);
}

body#Training #trainingGrayBox span {
    font-size: 11px;
    color: #fff200;
}

body#Training #trainingLightGrayBox {
    width: 234px;
    padding: 20px;
    background-color: #d7d7d7;
    background-image: url(../img/backgrounds/trainingLightGray.jpg);
    background-repeat: repeat-x;
}

body#Training #trainingLightGrayBox p {
    color: #000000;
    margin: 18px 20px 0px 19px;
    font-size: 11px;
}

body#Training #trainingLightGrayBox ul,
body#Training #trainingLightGrayBox ol {
    color: #000000;
    font-size: 11px;
    list-style-image: url(../img/training/arrowBlack.jpg);
}

.thumbnail1 {
    float: right;
}

.listHDR
{
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}
/****************** End Training *************************/
/******************* Contact **************************/
/*Contact Us Page*/

body#Contact #mainContent{
    background-image: url(../img/backgrounds/contact.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #210e2f;
}

body#Contact #grayBox ,
#grayBox {
    background-image: url(../img/backgrounds/contactBox.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #525252;
    padding: 20px;
    margin-bottom: 20px;
}

body#Contact #darkGrayBox {
    background-color: #3f3f3f;
    padding: 10px 10px;
    margin:5px 30px;
}



.buttonText {
    color: #fff200;
}

.messageText {
    padding: 10px 0px 3px 0px;
    display: block;
}

.chromeHDR {
    margin-bottom: 10px;
}

.yellowText {
    color: #fff200;
}

.smallText {
    color: #ffffff;
}
/**************** End Contact *********************/
/**************** Open BGCC ***********************/
body#BGCC #firstBox,
body#BGCC #secondBox,
body#BGCC #thirdBox,
body#BGCC #fourthBox,
body#BGCC #sixthBox,
body#BGCC .charts
{
    background-color: #6f42c5;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid white;
}
body#BGCC #firstBox img,
body#BGCC #logoReflect
{
    margin-right: 20px;
}
body#BGCC #secondBox,
body#BGCC #fourthBox,
body#BGCC #sixthBox
{
    background-color: #4461c5;
}
body#BGCC #whiteBG
{
    background-color: #fff;
    padding: 20px;
}
body#BGCC h1
{
    font-weight: bold;
    font-size: 1.3em;
    color: #ffffff;
    margin: 0;
    padding: 0px 0px 10px 0px;
}
body#BGCC #firstBox p
{
    width: 506px;
}
body#BGCC p{
    font-size: 1em;
    padding-bottom: 10px;
}
body#BGCC #secondBox p
{
    margin-top: 10px;
}
body#BGCC #thirdBox{
    background-image: url(../img/bgcc/shakti.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}

body#BGCC #thirdBox h1,
body#BGCC #thirdBox p
{
    width: 360px;
    margin: 0px;
}

body#BGCC #thirdBox p
{
    font-style: italic;
}

body#BGCC #fourthBox img
{
    margin-bottom: 20px;
}

body#BGCC #fourthBox h1
{
    text-align: center;
    padding: 0px 20px;
}

body#BGCC #fourthBox p
{
    margin-bottom: 10px;
    text-align: center;
    padding: 0px 20px;
}

body#BGCC .subHDR5
{
    margin: 0px 0px 0px 0px;
    float: left;
    display: inline;
}

body#BGCC .tagLine
{
    color: #fff;
    font-size: 14px;
    margin: 20px;
}

body#BGCC #sixthBox span
{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
    display: block;
}

body#BGCC #sixthBox img
{
    margin: 0px 0px 0px 0px;
}

body#BGCC .echo
{
    margin: 20px 0px 0px 0px;
}

body#BGCC .rightCont
{
    float: right;
    margin-right: 40px;
    margin-bottom: 80px;
}

body#BGCC .blueBar
{
    background-color: #4180B7;
    background-repeat: repeat-x;
    background-image: url(../img/backgrounds/tableBG2.jpg);
}


/**************** End Open BGCC *******************/
/**************** Games Page **********************/
body#Gamers #mainContent,
body#Retro #mainContent,
body#Kids #mainContent,
body#Arcade #mainContent{
    background-image: url(../img/backgrounds/games.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #000000;
}

body#Arcade #mainContent h1{
    font-size: 1.2em;
    color: #fff200;
    font-weight: bold;
}

body#Arcade #mainContent p{
    color: #ffffff;
}

body#Arcade #mainContent a:link,body#Arcade #mainContent a:visited,body#Arcade #mainContent a:active {
    text-decoration: none;
    color: #fff200;
    font-weight: 800;
    display: block;
    margin-top: 5px;
    }

body#Arcade #mainContent a:hover {
    text-decoration: underline;
}


body#Gamers a img,
body#Kids a img,
body#Retro a img,
body#Arcade a img{
    margin-top: 3px;
    margin-right: 5px;
}

body#Arcade #gameSelect{
    float: right;
    width: 500px;

}

body#ArcadePopUp{
    background-image: none;
    background-color: #000000;
    padding: 0px;
}
body#ArcadePopUp div#navigation,
body#ArcadePopUp div#footer{
    display: none;
}
body#ArcadePopUp div#container{
    width: 100%;
    position: relative;
    background-image: none;
    left: 1%;
    margin: 0;
}

.thumbnails {
    padding-bottom: 36px;
    padding-left: 32px;
    padding-right: 18px;
    float: left;
}

.thumbTextPosition {
    clear: both;

}

.thumbTextPosition div{
    width: 370px;
    float: left;
}
/************* End Games Page *********************/

/************* Start Camp Shakti Page *********************/

body#Camp #campShakti
{
    background-image: url(../img/campShakti/blueBG.jpg);
    background-color: #4288c5;
    background-repeat: repeat-x;
    float:left;
    width:100%;
}

body#Camp #campShaktiInner{
    padding:20px 10px;
}

body#Camp #campShakti .header
{
    margin-bottom: 20px;
}

body#Camp #campShakti p
{
    margin-bottom: 20px;
}

body#Camp #campShakti ul
{
    color: #fff200;
    font-size: 12px;
    list-style-type: disc;
    font-weight: bold;
}

body#Camp #orangeBG
{
    background-color: #f5931d;
    background-repeat: repeat-x;
    padding: 10px 10px 20px 10px;
}

body#Camp #orangeBG h1
{
    color: #000000;
    font-size: 14px;
    margin: 15px 0px 0px 0px;
}

body#Camp #orangeBG h1 span
{
    color: #000000;
    font-size: 11px;
    margin: 15px 0px 0px 0px;
    font-style: italic;
}

body#Camp #orangeBG p
{
    color: #000000;
}

body#Camp .charts
{
    padding: 20px 0px 20px 0px;
    background-color: #4288c5;
}

body#Camp .blueBar
{
    background-color: #4180B7;
    background-repeat: repeat-x;
    background-image: url(../img/campShakti/tableBG2.jpg);
}

body#Camp .charts td
{
    padding: 10px 10px 10px 10px;
}

body#Camp .charts h1
{
    color: #ffffff;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
}

body#Camp .charts table
{
    background-color: #fff;
}

body#Camp .charts h2
{
    color: #4288c5;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

body#Camp .charts p
{
    color: #000000;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}

body#Camp .charts ul
{
    color: #000000;
    font-size: 11px;
    list-style-type: disc;
    margin: 0px 15px;
    padding: 0px 15px;

}
body#Camp .charts li{
    padding: 0px 0px;
    margin: 0px 0px;
}

body#Camp #purpleBox
{
    background-image: url(../img/campShakti/purpleBG.jpg);
    background-color: #9371d4;
    background-repeat: repeat-x;
    padding: 5px 5px 5px 5px;
}

body#Camp #purpleBox .leftSide
{
    width: 342px;
    float: left;
    margin: 0px 20px 0px 0px;
}

body#Camp #purpleBox p
{
    width: 362px;
}

body#Camp .purpleBoxHDR
{
    margin-top: 60px;
}

body#Camp #mailTo
{
color: #4288c5;
}

/************* End Camp Shakti Page *********************/

/************* Start Recruits Page *********************/

body#Recruits #header
{
    float: left;
    margin: 10px;
}

body#Recruits #findYourRecruiter
{
    background-image: url("../img/recruits/findYourRecruiterBg.jpg");
    background-color: #b4b4b4;
    background-repeat: repeat-x;
    padding: 10px;
    float: left;
    margin-right:15px;
}

body#Recruits #findYourRecruiter img{
    display:block;
}

body#Recruits #message{
    margin:15px 0;
}

body#Recruits #findYourRecruiter input
{
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

body#Recruits h1
{
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 8px;
}

body#Recruits h2
{
    font-size: 1.6em;
    font-weight: bold;
    margin: 10px 10px 0px 10px;
}

body#Recruits h3
{
    color: #000;
    margin: 0px 10px 0px 10px;
    display: inline;
}

body#Recruits #searchBttn
{
    display: inline;
    float: left;
    margin: 5px 0px 0px 10px;
}

body#Recruits #whoRecruitedYou
{
    width: 206px;
    float: left;
    margin: 0px 6px 10px 10px;
    background-image: url("../img/recruits/whoRecruitedBg.jpg");
    background-color: #556375;
    background-repeat: repeat-x;
    border: 1px solid #6b7786;
}

body#Recruits #whoRecruitedYou input
{
    float: left;
    width: 15px;
    margin: 10px;
}

body#Recruits .leftSideLiner
{
    width: 206px;
    padding: 0px;
    margin: 0px;
    color: #6b7786;
}

body#Recruits .rightSideLiner
{
    width: 333px;
    padding: 0px;
    margin: 0px;
    color: #8e5611;
}

body#Recruits #yourRecruits
{
    background-image: url("../img/recruits/yourRecruitsBg.jpg");
    background-color: #a26113;
    background-repeat: repeat-x;
    border: 1px solid #6b7786;
    float: left;
    width: 333px;
}

body#Recruits .spacing
{
    margin-bottom: 28px;
    padding: 0px;
}

body#Recruits #heroBanner
{
    display: block;
    float: left;
    margin: 0px 0px 10px 20px;
}
/************* End Recruits Page *********************/
/*
 * fancybox overide
 */

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('fancybox.png');
    background-position: -40px -122px;
}

.customized{
    margin:20px 0;
}

/*
 * TODO: Merge these changes where they belong
 */
/*
 * Global styles
 */

/* GROUP DETAILS PAGE */

.groupSidebar{
    float:left;
    margin:20px 0px 0 0px;
    width:276px;
}

body#Group_Info .messages{
    padding:20px 29px;
}

.groupMain{
   float:right;
   width:415px;
}

.groupImage{
    padding-bottom:10px;
    text-align:center;
}

.messageBoard{
    margin:10px 0;
}

#groupDetailsHeader{
    margin-top:20px;
}

.groupStats strong{
    width:82px;
    display:block;
    float:left;
    text-align:right;
    margin-right:10px;
}

#Group_Info .teamWarriors h1,
#Group_Info .groupMain h2{
    color: #6EB6E9;
    font-family: arial;
    font-size: 2.5em;
    font-weight: bold;
    text-shadow: 1px 1px 2px #1f1f1f;
    filter: dropshadow(color=#1f1f1f, offx=1, offy=1);
    margin:10px 0;
}

#Group_Info .teamWarriors #superHeroMessages h1{
    color:#fff;
}

body#Meet .invite a{
	background-color: #FFBB4B;
    font-size:1em;
    display:block;
}

.subjectWrap{
    display: block;
    float: left;
    padding-left: 74px;
    width: 35%;
}

.grandTotal{
    display:block;
    width:100%;
    margin-top:20px;
    font-size:1.3em;
    font-weight:bold;
    text-align:right;
}

.grandTotalPoints{
    font-size:1.5em;
}

.article{
    width:50px;
    display:block;
    float:left;
    background:url("../img/library/article.png") no-repeat 0px -46px;
    height:53px;
    width:50px;
}

.article:hover{
    background-position:0px 2px;
}

.total{
    display:block;
    float:left;
}

.articleInner{
    display:block;
    margin:0px 0 0 11px;
    padding-top:3px;
}

.libImg{
    margin-right:5px;
    display:block;
    float:left;
}

#Invite .controlPanel-content-inn{
    padding:20px;
}

.fieldWrap{
    width:484px;
    display:block;
    float:left;
}

body#Message_Board textarea{
    width:100%;
}

.form-tc {
    top: -19px;
    height:34px;
    background: url("../img/backgrounds/formBg.png") no-repeat left top transparent;
}

.form-bc{
    background-position: left bottom;
    bottom: -19px;
    height:49px;
    background: url("../img/backgrounds/formBg.png") no-repeat left bottom transparent;
}

.form-tc, .form-bc {
    background-repeat: no-repeat;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index:-1;
}

.fieldWrap label{
    font-size:1.1em;
    width:455px;
    background:url(../img/backgrounds/formOrb.png) no-repeat 10px -261px;
}
.fieldWrap label.focus{
    background-position: 10px 5px;
}

.fieldWrap input, .fieldWrap select, .fieldWrap input[type="submit"], .fieldWrap textarea {
    background: rgb(215,215,215); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(215,215,215,1) 0%, rgba(101,101,101,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,1)), color-stop(100%,rgba(101,101,101,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(215,215,215,1) 0%,rgba(101,101,101,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(215,215,215,1) 0%,rgba(101,101,101,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(215,215,215,1) 0%,rgba(101,101,101,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(215,215,215,1) 0%,rgba(101,101,101,1) 100%); /* W3C */
    border:2px solid #0c66e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:1.1em;
    width: 244px;
    margin-bottom:16px;
}

.fieldWrap input[type="file"]{
    width:230px;
}

.fieldWrap input[type="submit"] {
    margin-left:144px;
}

.fieldWrap input, .fieldWrap select, .fieldWrap input[type="submit"]{
    height:29px;
}

.fieldWrap textarea{
    padding:4px;
    font-family:arial;
    width:236px;
}

.fieldWrap select{
    width:247px;
    background-color:grey;
    color:#000;
}

.homeLink{
    width:547px;
    margin: 0px auto;
}

.fieldsetWrap{
    z-index:5;
}

.fieldWrap .submitButton{
    background:url(../img/global/submit.png) top center no-repeat;
    height:30px;
    width:151px;
    border:none;
    margin:0px 32px 0 0;
    padding:none;
    float:right;
    filter:none;
}

body#Superhero .fieldWrap .submitButton,
body#Request .fieldWrap .submitButton,
body#Profile .fieldWrap .submitButton,
body#Remove_a_Member .fieldWrap .submitButton,
body#Application .fieldWrap .submitButton,
body#Create_Group_Goal .fieldWrap .submitButton{
    margin:0px 32px 0 0;
}

.fieldWrap .submitButton:hover{
    background-position:bottom centser;
}

.homeLink a{
    height: 115px;
    display: block;
}

.menuWrap{
    text-align:center;
    width:1024px;
    margin:0 auto;
}

.menu{
    z-index:50;
    height:36px;
    margin:0px auto;
    width:831px;
    padding-bottom:1px;
    float:right;
}

#Home .menu,
#Take_Assessment .menu,
body#Meet .menu,
body#Training .menu,
body#Chaos .menu,
body#Arcade .menu,
body#View .menu,
body#Group_Info .menu,
body#Application .menu,
body#Privacy .menu,
body#Contact .menu,
body#Bios .menu,
body#BGCC .menu,
body#Kids .menu,
body#Gamers .menu,
body#Retro .menu,
body#Message_Board .menu,
body#Camp .menu,
body#Terms .menu,
body#Web_Store .menu,
body#Invite .menu,
body#Comic .menu,
body#Mission .menu{
    float:none;
}

#Home .homeLink,
#Take_Assessment .homeLink,
body#Meet .homeLink,
body#Invite .homeLink,
body#Mission .homeLink,
body#Training .homeLink,
body#Arcade .homeLink,
body#Web_Store .homeLink,
body#Kids .homeLink,
body#Gamers .homeLink,
body#Retro .homeLink,
body#Contact .homeLink,
body#Bios .homeLink,
body#Group_Info .homeLink,
body#View .homeLink,
body#Privacy .homeLink,
body#BGCC .homeLink,
body#Terms .homeLink,
body#Message_Board .homeLink,
body#Application .homeLink,
body#Camp .homeLink,
body#Comic .homeLink,
body#Chaos .homeLink{
    width:736px;
}

.menuL{
    position:relative;
}

.menuL, .menuL li{
    margin: 0px;
    padding: 0px;
    display: block;
    list-style-type: none;
}

.menuL li{
    position:relative;
    display:block;
    float:left;
    z-index:999;
}

.menuL li a:link,
.menuL li a:active,
.menuL li a:visited,
.menuL li a:hover
{
    text-indent: -9999999px;
    display:block;
    height:36px;
    background: url("../img/menu/menuBg.png") no-repeat;

}

#main-yourTraining a:link,
#main-yourTraining a:visited,
#main-yourTraining a:active{
    background-position: 0 0;
    width:188px;
}
#main-yourTraining a:hover{
    background-position:0px -36px;
}

#main-yourMission a:link,
#main-yourMission a:visited,
#main-yourMission a:active{
   background-position: -188px 0;
    width:122px;
}
#main-yourMission a:hover{
    background-position:-188px -36px;
}

#main-meetOther a:link,
#main-meetOther a:visited,
#main-meetOther a:active{
    background-position:-310px 0;
    width:184px;
}
#main-meetOther a:hover{
    background-position:-310px -36px;
}


#main-badGuys a:link,
#main-badGuys a:visited,
#main-badGuys a:active{
    background-position: -494px 0;
    width:126px;
}
#main-badGuys a:hover{
    background-position:-494px -36px;
}


#main-gameRoom a:link,
#main-gameRoom a:visited,
#main-gameRoom a:active{
    background-position:-620px 0;
    width:83px;
}
#main-gameRoom a:hover{
    background-position:-620px -36px;
}

#main-webStore a:link,
#main-webStore a:visited,
#main-webStore a:active{
    background-position:-703px 0;
    width:127px;
}
#main-webStore a:hover{
    background-position:-703px -36px;
}

.chromeWrap{
    background: url("../img/meetOthers/chrome.png") bottom center no-repeat;
    height:230px;
}

.chromeWrap img{
    display:block;
    padding-top:30px;
    padding-bottom:63px;
    width:659px;
    margin:0px auto;
}

.chromeHeader{

}
.showField,.searchField,.orderField{
    text-align:right;
    display:block;
    float:left;
}

.showField{
    width:150px;
    color:#39b54a;
    padding-left:10px;
}
.searchField{
    width:350px;
    padding-left:40px;
}

.searchField  input[type="text"]{
    height:18px;
    font-size:14px;
    border: 4px outset #39b54a;
}

.searchField input{
    float:left;
}
.orderField{
    width:190px;
    padding-left:20px;
    color:#7da7d9;
}

#searchOthers{
    background:url("../img/meetOthers/search.png") no-repeat;
    width:157px;
}

.bodyWrap{
    position:relative;

}

.warriors{
    position:absolute;
    width:100%;
    height:411px;
    top:25px;
    z-index:-80;
}

.showField select{
    width:144px;
    float:right;
}

.meetOthers h1{
    margin:0px;
}

.copyFooter{
    margin-top:10px;
    margin-left:10px;
    font-size:0.9em;
    float:left;
}

.subLinks{
    float:right;
    margin-top:10px;
    margin-right:10px;
}

#Meet h1{
    color:#f8941d;
    font-size:2.8em;
}

.formTitle{
    z-index:3;
    margin-left:15px;
    margin-bottom:10px;

}

#gameDisplay{
    width:599px;
    margin:0 auto;
    padding-bottom:15px;
}

body#Arcade .subheader,
body#Retro .subheader,
body#Gamers .subheader,
body#Kids .subheader{
    margin-top:15px;
}

#GamesPopUp .warriors,
#GamesPopUp .homeLink,
#GamesPopUp .menuWrap,
#GamesPopUp #loginFormWrap{
    display:none;
}

#GamesPopUp{
    overflow:hidden;
}

.assessmentWrap, #superHeroMessages{

}

body#Message_Board #superHeroMessages{
    background:none;
    height:auto;
}

.assessmentInner, #superHeroMessagesInner{
    color: black;
    padding: 5px 10px 40px 57px;
    margin-top: 20px;
    margin-bottom: 100px;
    margin-left: -22px;
    background:url("../img/backgrounds/alertBg.png") repeat-y scroll -424px 0 transparent;
}

.assessmentFormInner{
    margin-left:20px;
}


.headerPic{
    margin-top:20px;
}

body#Meet .headerPic{
     margin-top:48px;
}

.academyBlock{
    display:block;
    float:left;
}

.catWrap{
    display:block;
    float:left;
    margin-bottom:40px;
    width:240px;
}

.catInner{
    margin:15px 0 0;
}

.catWrap img{
    display:block;
    margin:0 auto;
    width:202px;
}

.adminOptions{
    margin:15px 0;
     background:url("../img/group/adminOptionsBg.png") no-repeat left top;
     padding:25px 0 38px 15px;
     font-size:1.2em;
     line-height:1.4em;
}

.groupName{
    display:block;
    font-weight:bold;
    font-size:2em;
    margin:20px 0 0 0;
}


label.error{
    background:none;
    margin-top:-12px;
    margin-bottom:12px;
    color:red;
}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.jcarousel-prev{
    display:block;
    float:left;
    background:url("../img/welcome/prev.png") no-repeat top center;
    height:18px;
    width: 18px;
    cursor:pointer;
}

.jcarousel-next{
    display:block;
    float:right;
    background:url("../img/welcome/next.png") no-repeat top center;
    height:18px;
    width: 18px;
    cursor:pointer;
}

div.searchWrap{
    margin-top:20px;
}

div.searchWrap fieldset {
    border:none;
}


div.searchWrap .fieldWrap{
    width:auto;
    float:right;
}

div.searchWrap .submitButton {
    margin:0;
    padding:0;
    background:url("../img/meetOtherWarriors/searchButton.png") no-repeat top center;
}

.checked{
    background-position:0 -95px;
}

.checked:hover{
    background-position: 0 -95px;
}

body#Library .subheader{
    margin-top:10px;
}

body#Library .header p{
    margin-left:7px;
}

#recaptcha_widget_div{
    float: right;
margin-right: 30px;
margin-bottom: 15px;
}

#recaptcha_widget_div input{
    height:auto;
}

#fancybox-wrap{
    width:538px !important;
}

.alert-tc {
    top: -18px;
    height:48px;
    background: url("../img/backgrounds/alertBg.png") no-repeat left top transparent;
}

.alert-bc{
    background-position: left bottom;
    bottom: 0px;
    height:104px;
    background: url("../img/backgrounds/alertBg.png") no-repeat left bottom transparent;
}

.alert-tc, .alert-bc {
    background-repeat: no-repeat;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index:-1;
    margin-left:-21px;
}

.shmWrapper{
    background:url("../img/backgrounds/alertInnerBg.png") repeat-x bottom center white;

}

.jcarousel-container{

}

#comicBookDisplay{
    width:461px;
    float:left;
    margin-top:5px;
}

.comicWrap{
    width:460px;
    float:left;
    margin-bottom:10px;
}

.createComic{
    float:right;
    width:272px;
}

.createComic img{
    margin-bottom:8px;
}

.assessmentText{
     background:url("../img/backgrounds/assessmentText.png") no-repeat top center;
     padding: 5px 20px 22px 20px;
    margin: 10px 0px 0px 0px;
}

.assessmentText span{
    color: #FBAF5D;
font-weight: bold;
}
/*NEW ASSESSMENT PG STYLES*/
#assessSidebar {
    width: 223px;
    float: left;
}
#assessment form {
    float: right;
}
#assessSidebar a:link,
#assessSidebar a:visited,
#assessSidebar input.assessDone {
    height: 30px;
    width: 223px;
    display: block;
    outline: none;
    background-image: url("../img/menu/assessment-nav.png");
    background-repeat: no-repeat;
    padding-bottom: 5px;
}
/*NAV HERO'S BODY*/
#assessSidebar a#nav-body {
    background-position: 0 0;
}
#assessSidebar a#nav-body:hover {
    background-position: 0 -350px;
}
#assessSidebar a#nav-body.active {
    background-position: 0 -350px;
}
#assessSidebar a#nav-body.complete {
    background-position: 0 -175px;
}
/*NAV HERO'S MIND*/
#assessSidebar a#nav-mind {
    background-position: 0 -35px;
}
#assessSidebar a#nav-mind:hover {
    background-position: 0 -385px;
}
#assessSidebar a#nav-mind.active {
    background-position: 0 -385px;
}
#assessSidebar a#nav-mind.complete {
    background-position: 0 -210px;
}
/*NAV HERO'S HEART*/
#assessSidebar a#nav-heart {
    background-position: 0 -70px;
}
#assessSidebar a#nav-heart:hover {
    background-position: 0 -420px;
}
#assessSidebar a#nav-heart.active {
    background-position: 0 -420px;
}
#assessSidebar a#nav-heart.complete {
    background-position: 0 -245px;
}
/*NAV HERO'S COMMUNITY*/
#assessSidebar a#nav-community {
    background-position: 0 -105px;
}
#assessSidebar a#nav-community:hover {
    background-position: 0 -455px;
}
#assessSidebar a#nav-community.active {
    background-position: 0 -455px;
}
#assessSidebar a#nav-community.complete {
    background-position: 0 -280px;
}
/*SUBMIT BUTTON*/
#assessSidebar input.assessDone {
    background-position: 0 -140px;
    margin-top: 48px;
}
#assessSidebar input.assessDone:hover {
    background-position: 0 -490px;
}
/*#assessSidebar input.assessDone:active {
    background-position: 0 -490px;
}*/
/*ASSESSMENT FORM FIELDSET SYLES*/
#assessmentCarousel{
    float: right;
    margin-top: -20px;
    width: 489px;
    overflow: hidden;
}
.assessmentCard{
    width: 489px;
    padding: 20px 0;
}

.assessField .form-tc {
    background: url("../img/backgrounds/formBg-alt.png") no-repeat scroll left top transparent;
    height: 102px;
    top: -19px;
}
.assessField .form-bc {
    background: url("../img/backgrounds/formBg-alt.png") no-repeat scroll left bottom transparent;
    bottom: -19px;
    height: 74px;
}
body#Take_Assessment #assessment fieldset.assessField {
    background: url("../img/backgrounds/formBg-alt.png") repeat-y scroll right top transparent;
    border: 0 none;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    width: 489px;
    z-index: 4;
}



/*ASSESSMENT FORM STYLES*/
h2 .assessmentSubHdr {
    padding: 0px 0px 0px 15px;
    color: #FFF;
    text-transform: uppercase;
}
fieldset.assessField h1 {
    text-align: right;
    padding: 0px;
    margin: 0;
}
fieldset.assessField h1 img {
    float: right;
    padding: 0;
    margin: 0;
}
fieldset.assessField h2 {
    border-bottom: 1px solid #1747ae;
    font-size: 1.2em;
    padding-bottom: 20px;    
}
fieldset.assessField .assessmentFormInner {
    padding-right: 20px;
}
fieldset.assessField .assessmentFormInner table {
    width: 100%;
}
fieldset.assessField .assessmentFormInner table td {
    text-align: center;
}
fieldset.assessField .assessmentFormInner td.answerTitles {
    vertical-align: bottom;
    width: 10%;
}
fieldset.assessField .assessmentFormInner td.answers {
   width: 10%;
   background: transparent url("../img/assessment/inactive-radio.png") center center no-repeat;
}
fieldset.assessField .assessmentFormInner td.active {
   background: transparent url("../img/assessment/active-radio.png") center center no-repeat;
    
}
fieldset.assessField .assessmentFormInner td.questions {
    width: 50%;
}
fieldset.assessField .assessmentFormInner table .answers p,
fieldset.assessField .assessmentFormInner td.answerTitles {
    color: #FFF;
    font-size: 0.6em;
}
fieldset.assessField .assessmentFormInner table .questions p {
    text-align: left;
    padding-left: 10px;
}
fieldset.assessField .assessmentFormInner table input {
    width: auto;
    vertical-align: bottom;
}
/**************** Meet Other Warriors Teams ********************/
body#Meet .teamWarrior,
body#Group_Info .teamWarrior
{
    margin-bottom:20px;
    float: left;
    width: 216px;
    background-color:#f6f5f5;
    margin-right:20px;
}
body#Meet .teamWarrior a, body#Group_Info .teamWarrior a {
    display: block;
    font-size: 1.5em;
}
.teamPointsHead{
    color:#7d7d7d;
}

.teamPoints{
    font-size:1.7em;
}

.teamName{
    display:block;
    float:left;
    border-bottom: 1px solid #d1d0d0;
    width:100%;
}


.blue .teamPoints{
    color: #3B60AF;
}
.blue .teamName a{
    color:#448ccb;
}
.blue{
    border-bottom: 10px #7da7d9 solid;
    border-top:3px solid #7da7d9;
    border-left: 3px solid #7da7d9;
    border-right: 3px solid #7da7d9;
}

.orange .teamPoints{
    color:#9e6214
}
.orange .teamName a{
    color:#f8941d
}
.orange{
    border-bottom: 10px #f8941d solid;
    border-top:3px solid #f8941d;
    border-left: 3px solid #f8941d;
    border-right: 3px solid #f8941d;
}

.green .teamPoints{
    color:#39892f;
}
.green .teamName a{
    color:#39b54a;
}
.green{
    border-bottom: 10px #39b54a solid;
    border-top:3px solid #39b54a;
    border-left: 3px solid #39b54a;
    border-right: 3px solid #39b54a;
}

.purple .teamPoints{
    color:#a864a8;
}
.purple .teamName a{
    color:#630460;
}
.purple{
    border-bottom: 10px #a864a9 solid;
    border-top:3px solid #a864a9;
    border-left: 3px solid #a864a9;
    border-right: 3px solid #a864a9;
}

.teamWarrior .last{
    margin:0px;
}

.teamWarrior .rank{
    color:#000;
    font-weight:bold;
    font-size:1.2em;
    margin-top:5px;
    margin-bottom:5px;
    display:block;
    float:left;
    width:100%;
}

.teamWarrior .teamLocation{
     font-style: italic;
     color:#707070;
     display:block;
}

.teamWarriorWrap{
    padding:10px;
}

.teamPic{
    text-align: center;
    margin:15px 0;
}

.teamPic img{
    width:150px;
}
.teamWarrior .teamRank {
    color: #000000;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
}


/**************** End Meet Other Warriors Teams ********************/