html { height: 100%; }
body {
	background: rgb(105,100,100) url(../images/bg.png);
	color: #666;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
  min-height: 100%;
}
a:link, a:visited, a:active {
	color: #df32f4;
	text-decoration: none;

}
a:hover {
	color: #9a006d;
	text-decoration: none;
}

h3 span {
    font-size: 12px;
    color: #666;
    text-transform: none;
}

#main {
  margin:0 auto;
  width:1100px;
}

#shop {
	background: #7cdd69 url(../images/shopBg.jpg);
}

#learn {
	background: #e2e372 url(../images/learnBg.jpg) !important;
}

#connect {
}

#headerLinks {
	height: 40px;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:bold;
}

#menu {
	height: 30px;
	margin: 25px 20px 0 195px;
}

#menu a{
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color: #ffffff;

}

#shop #menu a{
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color: #49a8c0;

}

#shop #menu a:hover, #shop #menu a.currentMenu{
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
	color: #49a8c0;

}


#menu a:hover, #menu a.currentMenu{
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
	color: #ffffff;

}

#subMenu {
  position: relative;
	margin: 20px 20px 0 190px;
  padding: 15px;
}


#subMenu a:hover:nth-of-type(1) ~ .lavalamp { width: 110px !important; left: 23px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a:hover:nth-of-type(2) ~ .lavalamp { width: 114px !important; left: 152px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a:hover:nth-of-type(3) ~ .lavalamp { width: 87px !important; left: 285px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a:hover:nth-of-type(4) ~ .lavalamp { width: 70px !important; left: 390px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a:hover:nth-of-type(5) ~ .lavalamp { width: 66px !important; left: 482px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a:hover:nth-of-type(6) ~ .lavalamp { width: 134px !important; left: 568px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a:hover:nth-of-type(7) ~ .lavalamp { width: 102px !important; left: 722px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#subMenu a.current:nth-of-type(1) ~ .lavalamp { width: 110px; left: 23px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a.current:nth-of-type(2) ~ .lavalamp { width: 88px; left: 151px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a.current:nth-of-type(3) ~ .lavalamp { width: 118px; left: 257px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a.current:nth-of-type(4) ~ .lavalamp { width: 70px; left: 394px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a.current:nth-of-type(5) ~ .lavalamp { width: 66px; left: 487px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a.current:nth-of-type(6) ~ .lavalamp { width: 134px; left: 575px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu a.current:nth-of-type(7) ~ .lavalamp { width: 102px; left: 731px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#subMenu.learn a:hover:nth-of-type(1) ~ .lavalamp { width: 115px !important; left: 15px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a:hover:nth-of-type(2) ~ .lavalamp { width: 152px !important; left: 135px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a:hover:nth-of-type(3) ~ .lavalamp { width: 97px !important; left: 295px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a:hover:nth-of-type(4) ~ .lavalamp { width: 82px !important; left: 405px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a:hover:nth-of-type(5) ~ .lavalamp { width: 132px !important; left: 500px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#subMenu.learn a.current:nth-of-type(1) ~ .lavalamp { width: 115px; left: 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a.current:nth-of-type(2) ~ .lavalamp { width: 152px; left: 135px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a.current:nth-of-type(3) ~ .lavalamp { width: 97px; left: 295px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a.current:nth-of-type(4) ~ .lavalamp { width: 82px; left: 405px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.learn a.current:nth-of-type(5) ~ .lavalamp { width: 132px; left: 500px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#subMenu.mall a:hover:nth-of-type(1) ~ .lavalamp { width: 110px !important; left: 15px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a:hover:nth-of-type(2) ~ .lavalamp { width: 103px !important; left: 130px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a:hover:nth-of-type(3) ~ .lavalamp { width: 143px !important; left: 240px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a:hover:nth-of-type(4) ~ .lavalamp { width: 90px !important; left: 390px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a:hover:nth-of-type(5) ~ .lavalamp { width: 98px !important; left: 490px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a:hover:nth-of-type(6) ~ .lavalamp { width: 62px !important; left: 595px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#subMenu.mall a.current:nth-of-type(1) ~ .lavalamp { width: 110px; left: 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a.current:nth-of-type(2) ~ .lavalamp { width: 103px; left: 130px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a.current:nth-of-type(3) ~ .lavalamp { width: 143px; left: 240px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a.current:nth-of-type(4) ~ .lavalamp { width: 90px; left: 390px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a.current:nth-of-type(5) ~ .lavalamp { width: 98px; left: 490px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#subMenu.mall a.current:nth-of-type(6) ~ .lavalamp { width: 62px; left: 595px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

.lavalamp {
    position: absolute;
    top: 8px;
    z-index: 50;
    height: 30px;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    background : rgba(223,50,244, 1) url(../images/lava.png);
}

#connect .lavalamp { background: #FCBD00; border-radius : 2px; -moz-border-radius : 2px; -webkit-border-radius : 2px; }


#subMenu a {
  position: relative;
  font: bold 13px arial;
  text-decoration: none;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  height: 30px;
  margin: 0px;
  z-index: 300;
  padding: 10px 20px;
  -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;
}

#connect #subMenu { margin-top: 23px; }
#connect #subMenu a { padding: 10px 17px; }

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}

#shop #subMenu a { color: #00596f; }

#feature {
	height: 300px;
}
ul#feature-buttons li{
	float: left;
	margin-top: 10px;
}
ul#feature-buttons li a {
	display: block;
	-webkit-border-radius: 8px;
	border-radius: 8px; 
	width: 126px;
	height: 43px;
	padding: 10px 0 0 77px;
	font-size: 18px;
	font-weight: bold;
}
ul#feature-buttons li a.newtalentsubmissions {
	color: #2f4c14;
	background: #7ac533 url(../images/feature_newtalentsubmissions.png) no-repeat 10px 5px;
	border: 1px solid #568b24;
	margin-right: 10px;
	padding-top: 19px;
}
ul#feature-buttons li a.newtalentsubmissions:hover {
	 background-color: #80cf36;
	 border-color: #65a42a;
}
ul#feature-buttons li a.aboutus {
	color: #113232;
	background: #44cece url(../images/feature_aboutus.png) no-repeat 10px 5px;
	border: 1px solid #236b6b;
	padding-top: 19px;
}
ul#feature-buttons li a.aboutus:hover {
	 background-color: #46d4d4;
	 border-color: #2f8d8d;
}
ul#feature-buttons li a.models {
	color: #2e2900;
	background: #fcdf00 url(../images/feature_models.png) no-repeat 10px 5px;
	border: 1px solid #8a7a00;
	margin-right: 10px;
	padding-top: 19px;
}
ul#feature-buttons li a.models:hover {
	 background-color: #ffe617;
	 border-color: #c3ac00;
}
ul#feature-buttons li a.talent {
	color: #2f4c14;
	background: #7ac533 url(../images/feature_talent.png) no-repeat 10px 5px;
	border: 1px solid #568b24;
	padding-top: 19px;
}
ul#feature-buttons li a.talent:hover {
	 background-color: #80cf36;
	 border-color: #65a42a;
}
ul#feature-buttons li a.oursuccesses {
	color: #113232;
	background: #44cece url(../images/feature_oursuccesses.png) no-repeat 10px 5px;
	border: 1px solid #236b6b;
	margin-right: 10px;
	height: 52px;
}
ul#feature-buttons li a.oursuccesses:hover {
	 background-color: #46d4d4;
	 border-color: #2f8d8d;
}
ul#feature-buttons li a.contactus {
	color: #2e2900;
	background: #fcdf00 url(../images/feature_contactus.png) no-repeat 10px 5px;
	border: 1px solid #8a7a00;
	margin-right: 10px;
	padding-top: 19px;
}
ul#feature-buttons li a.contactus:hover {
	 background-color: #ffe617;
	 border-color: #c3ac00;
}


h1{
	font-size: 50px;
}

h3{
text-transform: uppercase;
font-size: 24px;
margin: 0;
padding:0;
color: #FFAC00;

}

.content .diamond{
margin: 10px 0 0 0;

}

#menu sup{
margin: 0;
padding: 0;
vertical-align: top;
font-size: 14px;

}


#menuMain {
	margin: 0 25px 0 18px;

}

#menuMain li {
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	margin: 2px 94px 0 0;
	letter-spacing: 1px;
}

#menuMain li.last{
	margin: 2px 0 0 46px;

}

body#learn #menuMain, body#shop #menuMain { margin: 0 25px 0 23px; }
body#learn #menuMain li, body#shop #menuMain li { margin: 2px 104px 0px 40px; }
body#learn #menuMain li.last, body#shop #menuMain li.last { margin: 2px 0 0 40px; }

body#connect #menu li { margin: 2px 22px 0px 0px; }
body#connect #menu li a { opacity: 1; padding: 12px 50px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-border-radius: 5px; border-radius: 5px; }
body#connect #menu li a {
border-bottom: 2px solid #B34400;
background: #fcca28; /* Old browsers */
background: -moz-linear-gradient(top,  #fcca28 0%, #ff9d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcca28), color-stop(100%,#ff9d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcca28 0%,#ff9d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcca28 0%,#ff9d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcca28 0%,#ff9d00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcca28 0%,#ff9d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcca28', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */

}

.about{
	background:url(../images/orangeHeader.jpg) no-repeat #ffffff;
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
	width: 176px;
}
#connect #globalHeader {
	background: url(../images/header_orange.png) no-repeat bottom;
	width: 1100px;
	height: 195px;
	margin: 0 auto;
}

#learn #globalHeader {
	background: url(../images/NEW_learnheaderTop.png) no-repeat bottom;
	width: 1100px;
	height: 195px;
	margin: 0 auto;
}

#shop #globalHeader {
	background: url(../images/NEW_mallheaderTop.png) no-repeat bottom;
	width: 1100px;
	height: 195px;
	margin: 0 auto;
}

#logo {
	float: left;
	margin: 0 0 0 10px;
}

#connect #logo a {
  display: block;
  height: 123px; width: 185px;
  text-indent: -9999px;
  background: url(../images/logo-bmbt.png) no-repeat bottom;
}

#content{
	background-color: #f0f6f9;
	width: 1000px;
	padding: 0 10px 10px;
	margin: -15px 0 0 40px;
}

table#messages td{
	padding: 10px;
}

.disp_row2 { background: #d6d6d6; }

.row{
padding: 0 0 10px 0;
clear: both;
}

.prattybucks_window{
width:147px;
height:50px;
color:black;
font-size:22px;
font-weight:bold;
float:left;
background: url(../images/prattybucks_window.png) no-repeat 0 3px;
}

.col{
float: left;
margin: 0 5px;

}


.dashprofile{
	width: 190px;
	height: 202px;
	background: url(../images/mainTop.jpg);
}

.dashstatus{
	width: 190px;
	height: 202px;
	background: url(../images/statusTop.jpg);
}

.dashbucks{
	width: 190px;
	height: 202px;
	background: url(../images/brattyTop.jpg);
	margin-right:-25px;
	margin-left:-50px;
}

.dashshop{
	width: 190px;
	height: 202px;
	background: url(../images/shopTop.jpg);
	color:#49a8c0;
	margin-right:-25px;
	margin-left:-50px;
}

.dashshop .tmb{
	margin: 0 auto;
	display: block;
}



.dashMessage{
	width: 474px;
	height: 151px;
	background: url(../images/message.jpg);
	padding: 25px;
	margin: 0;
	
}


.dashMessage h2{
	font-size: 30px;
	font-family: lucida sans;
	margin: 0;

}
.dashMessage h3{
	font: 23px normal Arial, Helvetica, sans-serif;
	margin: 5px 0;
	color: #ff9c00;
}

.instantSuccess{
	background: url(../images/instantSuccessButton.jpg);
	width: 268px;
	height: 201px;


}





.dashTop{
	text-align: center;
text-transform: uppercase;
font-size: 18px;
color:#ffffff;
height: 41px;
padding: 12px 0 0 0;



}


.dashshop .dashTop{

	color:#49a8c0;
	font-size: 15px;
}

.statusDesc{
text-align: center;
font-size:20px;
text-transform:uppercase;
height:110px;

}

.bucksDesc{
text-align: center;
font-size:20px;
text-transform:uppercase;
height:105px;

}



.statusDesc img/, .bucksDesc img/{
	margin: 10px auto;
	display: block;
	
	
}


.profileImage{
padding: 13px 13px 0;

}

.dashbucks .bucksDesc{
	font-size: 34px;
	color: #92e6e6;

}

a.heyShop {
	width: 168px;
	height: 43px;
	background: url(../images/brattyMall_hey.jpg) no-repeat;
	text-indent: -9999px;
	margin: 11px auto;
	display: block;
}

 a.heyVideo{
	width: 168px;
	height: 43px;
	background: url(../images/brattyVideos_hey.jpg) no-repeat;
	text-indent: -9999px;
	margin: 11px auto;
	display: block;
}


a:hover.heyShop {
	width: 168px;
	height: 43px;
	background: url(../images/brattyMall_hey_ro.jpg) no-repeat;
	text-indent: -9999px;
	margin: 11px auto;
	display: block;
}

 a:hover.heyVideo{
	width: 168px;
	height: 43px;
	background: url(../images/brattyVideos_hey_ro.jpg) no-repeat;
	text-indent: -9999px;
	margin: 11px auto;
	display: block;
}

.dashbot{
text-align: center;
text-transform: uppercase;
margin: 8px 3px;
font-weight: bold;
font-size:15px;

}
#connect #footer{ width: 1020px; height: 100px; margin: 0 auto; background: url(../images/bottomBg_bt.jpg) #3f3c36 repeat-x; }
#footer .copyright {font-size: 13px !important;}

#shop #footer{
  width: 1020px;
  height: 100px;
  margin: 0 auto;
	background:  #62d74b;
}

#learn #footer{
	width: 1020px;
  height: 100px;
  margin: 0 auto;
	background: #62d74b repeat-x;

}


 #footer .footerInner{
	margin: 0 auto;
	width: 850px;
	padding: 20px 0;
	color: #fff;
	font-size: 14px;
}

 #footer .footerInner a{
	color: #fff;

}

 #footer .footerInner li{
	margin: 0 0 3px 0;
	font-size: 14px;
}

 #footer .col{
	width: 180px;
}

.clear{
	clear: both;
	margin-top: 30px;
}

.right{
	float: right;

}

.profileAgency{
background: #fff;
text-align: center;
font-size: 18px;
text-transform: uppercase;
padding: 20px 0;
border-top: 1px solid #d8d8c8;

}

.videoIcon, .quizIcon, .shopIcon, .addIcon, .agencyIcon{
width: 60px;
height: 62px;
background:url(../images/icons.jpg);
}

.quizIcon{
background-position: 0 -88px;
}

.agencyIcon{
background-position: 0 -175px;
}

.addIcon{
background-position: 0 -265px;
}


.shopIcon{
background-position: 0 -347px;
}


.activity{
clear: both;


}

.actRow{
	padding: 20px 0 ;
	clear: both;

}

.actDesc{
	width: 300px;
	margin: 0 0 0 20px;
}

.activity .actHeader{
	padding: 40px 0 10px 0;
	border-bottom: 1px solid #d8d8c8;
	color: #e34ff6;
	font-weight: bold;
	
}


.signInButton{
	text-indent: -9999px;
	background: url(../images/signInButton.jpg);
	width: 69px;
	height: 21px;
	border: 0;
}

.homepageBg{
	background: url(../images/topwindow.PNG) no-repeat;
	width: 796px;
	height: 324px;
	margin: -15px 15px;
	padding-bottom: 250px;
}


#myAlternativeContent{
	width: 402px;
	float: left;

}

.leftCol{
	width: 590px;
}

.quickLinks li{
	float: left;
	text-transform: uppercase;
	margin: 5px 20px 0 0;
}

.textArea{
	width: 480px;
	height: 140px;

}


 input[type='button'], input[type='submit']{
	background: #d398dc;
	color: #ffffff;
	padding: 3px;
	border: 0;
	font-size: 14px;
	background:url(../images/OK_btn.png);
	width:63px;
}

/* styling for Status Page */

.radioDemo{
	display:none;
}

table.radioTable {
	background-color:#efefe8;
	width: 720px;
}
  table.radioTable th,
  table.radioTable td {
    padding: .5em 1.5em;
    font-size: 13px;
    color: #666;
    text-align: center;
    vertical-align: middle;
	border-collapse: separate;
  }
  
  table.radioTable thead th {
    padding-top: 25px;
    font-size: 35px;
    color: #FFF;
  }
  
  table.radioTable tbody th {
    text-align: right;
    font-size: 11px;
    color: #4cb0c8;
    width: 150px;
  }
    table.radioTable tbody th acronym {
      margin-right: -16px;
      padding-right: 16px;
    }
  
      table.radioTable td em {
        display: block;
        font-size: 11px;
        font-weight: normal;
        color: #4cb0c8;
      }
      
  table.radioTable .highlight {
    background-color: #FFF;
    color: #4cb0c8;
  }
  
    table.radioTable .header.highlight {
    background-color: #ff9c00;
    color: #FFF;
  }
  
  table.radioTable .header{
  	font-size:22px;
	  padding: .25em 1.5em;
	  color: #ff9c00;
  }
  
    table.radioTable .rowheader{
	  color: #ff9c00;
  }
  
    table.radioTable .odd {
    background-color: #fffff8;
  
  }
  
  
  table.radioTable thead .highlight {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-bottom-radius: 4px;
    -webkit-border-top-bottom-radius: 4px;    
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-radius: 4px;
  }
  
  .radioTable .row-price td {
    font-size: 13px;
    color: #ff9c00;
  }
    .radioTable .row-price strong {
      padding: 0 .25em;
      font-weight: normal;
      font-size: 21px;
      color: #ff9c00;
      font-family: Georgia, serif;
    }
      
  .radioTable .complete {
    font-size: 18px;
    font-weight: 100;
   
  }
  .radioTable .dotted {
    color: #4cb0c8;
    font-size: 18px;
    font-weight: 100;
    
  }
  .radioTable .dashed {
    color: #4cb0c8;
    font-size: 10px;
  }

  .radioTable a.signup {
    display: block;
    margin: 4px 0 10px 5px;
  	color: #FFF;
  	font-size: 12px;
  	line-height: 1;
  	background-color: #EF8412;
  	width: 83px;
  	height: 26px;
  	-moz-border-radius-bottomleft: 7px;
  	-moz-border-radius-bottomright: 7px;
  	-moz-border-radius-topright: 7px;
  	-moz-border-radius-topleft: 7px;
	margin: 0 auto;
  }
    .radioTable a.signup strong {
      display: block;
      padding: 6px 17px 0px 6px;
      margin-left: 7px;
  	  background-color: #EF8412;
      height: 20px;
      -moz-border-radius-bottomright: 10px;
      -moz-border-radius-topright: 7px;
    }
  .radioTable a.signup:hover {
    background-position: 0 -26px;
    color: #FFF;
    background-color:#F39D01;
  }
    .radioTable a.signup:hover strong {
      background-position: 100% -26px;
      background-color:#F39D01;
    }
    
  .radioTable a.btn-more {
    margin-left: 10px;
    width: 103px;
  }

	.sendit  {
		width:100%;
		-moz-border-radius: 10px;
		background-color:#EF8412;
		color:#FFF;
		padding:5px;
		border:none;
		font-weight: bolder;
		font-size:1.5em;
		cursor:pointer;
		margin-top:0px;
	}
	button.sendit:hover{
	background-color: #FF9900;
	
	}
	
	
.wrapperMessage{
		background: #fff;
		padding: 10px;
}
	
	
h3.jewels{
	padding: 18px 366px 18px 0;
	background: url(../images/jewels.jpg) no-repeat right;
}

.tmbTitle, .bucksTmb, .tmb{
	margin: 0 0 10px;
	font-size:14px;
}



a .tmbTitle{
	color: #000;
	font-size:14px;
	
}

a .tmbDesc {
	color:#C3F;
	text-transform:none;
	font-weight:bold;
}

.tmbEpisode {
	color:#52cccc;
	font-weight: bold;
	text-transform:uppercase;
}

.tmbName {
	padding-bottom:10px;
}
	
	
/* this is the css for the product page */
#prodBox {
	width:400px;
	float:left;
	margin:7px 0 0 50px;
}

.prodDesc{
	margin: 0 0 2px 70px;	
	background: #fff;
	padding: 10px;
	width: 400px;
	color: #000;
	font-size: 12px;
	line-height: 1.5em;
}



.prodDesc option{
	color: #666;	
}

.prodDesc select {
	font-size: 14px;
	color: #666;
}

div.content {
	float: left;
	width: 340px;
}

.prodDesc h3{
	font-size: 18px;
}

div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}

#containerItems .col {
	width:995px;
	float:left;
	margin:0px;
}


div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	width:350px;
	margin:7px 0 0 2px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 320px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	float: right;

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img/ {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 320px;
	top: 0;
	left: 0;
}


ul.thumbs {
	clear: both;
	margin-top: 0px;
	margin-right:-55px;
	padding: 0;
	float: right;
	width: 200px;
	
}
ul.thumbs li {
	float: right;
	padding: 0;
	margin: 10px 0px 0;
	list-style: none;
	
}
a.thumb {
	padding: 0px;
	display: block;
	margin: 0 0 37px 0;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img/ {
	border: none;
	display: block;
}


/* Category View */

.catGrid {
width: 750px;
}

.vidGrid {
	width:790px;
}

.catGrid .col{
	margin: 0 5px 5px 0;
	background: #fff;
	padding: 7px;
	width: 165px;
	height: 220px;
}

.vidGrid .col {
	width: 175px !important;
	
}

.catGrid .col a {
	color: #666;
}

.shopHomeBucks{
	margin-top: 85px;
	margin-left: 55px;	
}

.description{
	font-size: 12px;
	line-height: 1.4em;
}


/* Video CSS */

.items{
	margin: 10px 0 0 20px;
}

.items .tmbTitle{
	font-size: 14px;
	margin-right:5px;	
}

.items .videoPlay{
	height: 270px;
	font-size:14px;
}

.videoPlay .col{
	position: relative;
	padding-right:10px;
}


.videoPlay .col a span{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	display: block;
}



.videoPlay .col a:hover span{
	position: absolute;
	z-index: 10;
	background: url(../images/videoOver.png);
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	display: block;
	margin-left: 20px;
	font-size:14px;
}

.scrollable .videoPlay .col a:hover span{
	position: absolute;
	z-index: 10;
	background: url(../images/videoOver.png);
	top: 0;
	left: 20px;
	width: 150px;
	height: 150px;
	display: block;
	font-size:14px;
}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 260px;
	width: 235px;
	float: left;
	margin: 0 0 0 10px;
	background: #fff;
	font-size:14px;
}

.scrollable a {
	/*font-weight: bold;
	text-transform: uppercase;*/
	font-size:14px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	font-size:14px;
	width:210px;
	/* this time we have very large space for the height */
	height:20000em;
}

#actions{
 width: 215px;
 margin: 0 0 1px 10px;
 float: left;
 background: #fff;
 padding: 10px;
}

/*#actionBox {
        width:215px;
        float:left;
		height:550px;
		padding-right:5px;
}*/

.video-next {
	float: right;	
}

.disabled{
	display: none;
}


/*parent page style */

#flowpanes div.parentMContent{
	width: 880px;	
	margin-right: 5px;
	margin-left:25px;
	float: left;
}

#flowpanes .parentRContent{
	width: 215px;
	float: right;
	margin-top:0px;
}

.parent #wizard .page {	
	padding:20px 0;
	width:880px;
	float:left;	
}

.parent #wizard h2 {
	
	font-size:22px;
	font-weight:normal;
	margin:0 0 0 0;
	padding-bottom:15px;		
}

	
/* everything is constructed with a single background image */
/* root element for tabs */
#flowtabs {
	font-family:Arial, Helvetica, sans-serif;
	/* dimensions */
	width:950px;
	height:31px !important;
	margin:0 auto !important; 
	padding:0;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}
/* single tab */
#flowtabs li { 
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
/* a- tag inside single tab */
#flowtabs li a {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	height: 31px;   
	
	padding:0px 20PX;
	margin:0px;
	/* font decoration */
	color:#fff;
	font-size:16px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	background: #ff9c00;
	border-right: 1px solid #fff;
}
#flowtabs li a.current{
	background: #fff;
	color: #ff9c00;
	font-family:Arial, Helvetica, sans-serif;
}
/* panes */
#flowpanes {
	background:#fff;
	width:930px;
	height:650px;	
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
}



/* single pane */
#flowpanes div {
	display:none;	
	margin:10px 10px;
	color: #333;
}
/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	letter-spacing:1px;
	margin:0px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
		
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;

}

#flowpanes p, #flowpanes samp {
	color:#ccc;	
	font-family:Arial, Helvetica, sans-serif;	
}

#flowpanes .narrow {
	padding-right:160px;		
}


/* override the root element to enable scrolling */
	#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}
/* override single pane */
	#flowpanes div {
	float:left;
	display:block;
	width:900px;
	font-size:14px;
}
/* our additional wrapper element for the items */
	#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:14px;
	
}

/* Style change for Public Info CONNECT-LEARN-SHOP */

.publicInfo {
	font-family: Comic Sans MS, arial, helvetica, sans-serif;
	height:800px !important;
}

.publicInfo span {
	font-size:18px;
	line-height:24px;
}

.sparklemargin {
	margin-left: 80px;
}

.heymodel-viewmore {
	position: absolute;
	margin: 15px 0 5px 900px;
	font-size:14px;
}

.heymodel-viewmore a {
	color: #ff9c00;
	font-weight: bold;
	font-size:14px;
	text-transform:uppercase;
}

.heymodel-bubble {
	width: 515px;
	height: 199px;
	background: url('../images/heymodel-bubble.jpg') no-repeat;
	line-height: 2.9em;
}

.heymodel-bubble h2 {
	margin: 20px 0 0 20px;
	color: #ff9c00;
	font-size: 30px;
	letter-spacing: 1px;
}

.heymodel-bubble p {
	margin: 10px 20px 0 20px;
	color: #f9c00;
	font-size: 24px;
	letter-spacing: .05em;
}

.heymodel-bubble h2 span {
	text-transform: capitalize;
}

/* Account Form Styling */

.account-form {
	margin: 10px;
}

.account-form label {
	display: block;
	color: #ff9c00;
	font-weight: bold;
	margin-bottom: 8px;
}

.account-form label input {
	padding: 5px;
	font-size: 14px;
	color: #666;
	width: 300px;
	margin-top: 3px;
}

.picture-container {
	padding: 8px !important; 
	border: 1px solid #ccc; 
	width: 400px !important;
	margin: 0 0 5px 0 !important;
}

.picture-thumb {
	float: right !important; 
	width: 70px !important;
}

.pictures-ctd {
	text-align: right;
	border: 0;
	font-size: 11px
}

.account-form input.button {
	background: #ff9c00;
	padding: 5px;
	font-size: 16px;
	color: white;
	border: 0;
	font-weight: bold;
	clear: both !important;
}

/* Purchase Form Styling */

.purchase-form {
	width:320px;
}

.purchase-form label {
	display: block;
	color: #ff9c00;
	font-weight: bold;
	margin-bottom: 8px;
	width:320px;
}

.purchase-form label input {
	padding: 5px;
	font-size: 14px;
	color: #666;
	width: 320px;
	margin-top: 3px;
}

.purchase-form input.button {
	background: #ff9c00;
	padding: 5px;
	font-size: 16px;
	color: white;
	border: 0;
	font-weight: bold;
	clear: both !important;
	width: 330px;
}


.purchase-col {
	width: 29%;
	padding: 10px;
	margin-right: 1%;
	float: left;
	border: 1px solid #dedede;
	height: 565px;
	background-color: #fefefe;
}

.purchase-col h3 {
	text-align: center;
	margin-bottom: 25px;
}

.purchase-col p {
	margin-bottom: 10px;
	font-size: 13px;
	text-align: center;
	color: #666;
}

.white {
	background-color: white;
}

.center {
	text-align: center !important;
}

.points {
	color: #ff9c00;
	font-weight: bold;
}

/* Checkout Form Styling */

.checkout-form td{
	padding-bottom: 5px;
}

.checkout-form td.label {
	color: #ff9c00;
	font-weight: bold;
	width: 320px;
	font-size: 12px
	
}

.checkout-form td.input input {
	padding: 3px;
	font-size: 12px;
	color: #666;
	width: 320px;
	margin-top: 3px; 
}


input.checkout-button {
	background: #ff9c00;
	padding: 5px;
	font-size: 16px;
	color: white;
	border: 0;
	font-weight: bold;
	clear: both !important;
}

.checkoutpay-col {
	width: 46%;
	padding: 10px;
	margin-right: 17px;
	float: left;
	border: 1px solid #dedede;
	background-color: #fefefe;
	height: 390px;
}

.shipping-col {
	width: 97%;
	padding: 10px;
	margin-right: 1%;
	margin-bottom: 17px;
	float: left;
	border: 1px solid #dedede;
	background-color: #fefefe;
}

.checkout-col h3 {
	text-align: center;
	margin-bottom: 25px;
}

.checkout-col p {
	margin-bottom: 10px;
	font-size: 13px;
	text-align: center;
	color: #666;
}

.white {
	background-color: white;
}

.center {
	text-align: center !important;
}

.points {
	color: #ff9c00;
	font-weight: bold;
}


/* Status Form Styling */

.status-form {
	margin: 10px;
}

.status-form label {
	display: block;
	color: #ff9c00;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 14px;
}

.status-form label input {
	padding: 5px;
	font-size: 14px;
	color: #666;
	width: 300px;
	margin-top: 3px;
	text-transform: none;
}

.status-form input.button {
	background: #ff9c00;
	padding: 5px;
	font-size: 16px;
	color: white;
	border: 0;
	font-weight: bold;
	clear: both !important;
}

h1.status-header {
	font-size: 30px;
	text-transform: uppercase;
	color: #ff9c00;
}
.headerGray {
	color:#666;
}

.gray {
	color: #666;
}


/* Terms and Conditions/Privacy */

h3.privacy {
	font-weight: bold; 
	font-size: 16px;
	color: #ff9c00;
	margin: 10px 0;
}

h1.privacy {
	text-transform: uppercase;
	font-size: 24px;
	margin: 0 0 20px 0;
	padding:20px 0 0 0;
	color: #FFAC00;
}

div.privacy {
	width: 900px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-bottom: 40px; 
	color: #333;
	line-height: 1.8em;
}

div.privacy p {
	margin: 0 0 10px 0;
}

p.coppa {
	float: right;
	width: 90px;
	text-align: center;
}

p.coppa a {
	color: #666;
	font-weight: bold;
}

/* Pagination */

.pagination {
	text-align: left;
	clear: both;
	color: #fff;
	font-weight: bold;
	padding: 20px 0;
}

.pagination a {
	background: #FF9C00;
	padding: 4px;
	color: #fff;
}

.pagination a:hover {
	background: #999900;
}

.pagination span.current {
	background: #62d74b;
	padding: 4px;
}

/* Blog */

.myblog-post {
	padding: 10px;
	background: white;
	border: 1px solid #dedede;
	color: #666;
	margin-bottom: 10px;
}

.myblog-post p {
	margin-bottom: 10px;
}

.myblog-post p.options {
	margin-bottom: 0;
}

.myblog-post p.options input.button {
	background: #ff9c00;
	border: 0;
}

.myblog-post a.title {
	color: #ff9c00;
	font-size: 16px;
	font-weight: bold;
}

.myblog-post a.title:hover, .myblog-post a.readmore:hover {
	color: #999900;
}

.myblog-post a.readmore {
	color: #ff9c00;
	font-weight: bold;
}

a.post-button {
	background: #ff9c00;
	padding: 5px;
	color: white;
	font-weight: bold; 
}

a.post-button:hover {
	background: #999900;
}

#post-container {
	color: #666;
	background: white;
	border: 1px solid #dedede;
	padding: 15px;
}

#post-container h1 {
	font-size: 30px;
	color: #ff9c00;
	margin-left: 78px;
	margin-bottom: 15px;
}

#post-container p {
	font-size: 12px;
}

#post-container p.ptext {
	margin-left: 78px;
}

#post-container img/ {
	margin: 0 10px 10px 0;
	border: 3px solid #ccc;
}

#comments-container {
	background: #999900;
	color: white;
	padding: 10px;
	
}

#comments-container h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

#comments-container p {
	margin-bottom: 10px;
	padding: 10px;
	background: #ff9c00;
}

#comments-container p span.ctext {
	margin-left: 60px;
	display: block;
	margin-bottom: 0;
}

#comments-container p span strong.commenter {
	font-size: 14px;
}

#comments-container input.button {
	border: 0;
	background: #ff9c00;
	color: white;
	font-weight: bold;
	padding: 4px;
	margin-top: 10px;
}

#comments-container label {
	font-weight: bold;
	font-size: 12px;
}

#comments-container label input {
	width: 500px;
	text-transform: none;
	padding: 3px;
	font-size: 13px;
	color: #666;
	margin-top: 4px;
}

/* Your Agency */

ul.agency-options li a {
	background: #ff9c00;
	padding: 5px;
	color: white;
	font-weight: bold;
}

ul.agency-options li a:hover {
	background: #F6C;
}

ul.agency-options li {
	margin-right: 4px;
}





h1.headline {
	text-transform: uppercase;
	font-size: 24px;
	color: #ff9c00;
	margin-bottom: 15px;
}

.box {
	background: white;
	border: 1px solid #cdcdcd;
	padding: 15px;
}

.box2 {
	background: white;
	padding: 15px;
}


#payoptions{
	margin-bottom: 8px;
	font-size:16px;
}

#shippingaddress {
	float: left;
	width: 250px;
	margin-right: 8px;
	margin-bottom: 15px;
	height: 470px;
}

#cartaddress {
	float: left;
	width:296px;
	margin-right: 5px;
	margin-bottom: 10px;
	height: 450px;
}

#shortaddress {
	float: left;
	width:296px;
	margin-right: 5px;
	margin-bottom: 10px;
	height: 200px;
}

#checkout-totals {
	float: left;
	width:250px;
	margin-left: 5px;
	margin-bottom: 10px;
	height:100%;
}

.checkout_input { 
        width: 220px;
}

#cart {
	float: left;
	width: 675px;
	margin:0px;
	min-height:470px;
	height:100%;
	overflow: hidden;
}

#minicart {
	height:200px;
}

#carttotal{
	
}

#contshop {
	
}


table.cartheader {
	width: 99%;
	border-bottom: 1px solid #ccc;
}

table.cartheader th, table.buckstotal td.totallabel {
	color: #ff9c00;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

div#cartitems {
	height: 100%;
	overflow: auto;
}

table.cartitems {
	width: 100%;
}

table.cartitems td {
	vertical-align: left;
	height: 60px;
	border-bottom: 1px solid #dedede;
}

table.cartitems td.image, table.cartheader th.image {
	width: 15%;
}

table.cartitems td.name, table.cartheader th.name {
	width: 25%;
}

table.cartitems td.color, table.cartheader th.color {
	width: 25%;
}

table.cartitems td.size, table.cartheader th.size {
	width: 10%;
}

table.cartitems td.bucks, table.cartheader th.bucks {
	width: 10%;
}

table.cartitems td.qty, table.cartheader th.qty {
	width: 15%;	
}

table.cartitems td.videoimage, table.cartheader th.videoimage {
	width: 10%;
}

table.cartitems td.videoname, table.cartheader th.videoname {
	width: 30%;
}

table.cartitems td.videocolor, table.cartheader th.videocolor {
	width: 20%;
}

table.cartitems td.videosize, table.cartheader th.videosize {
	width: 20%;
}

table.cartitems td.videobucks, table.cartheader th.videobucks {
	width: 20%;
}

table.cartitems td.videoqty, table.cartheader th.videoqty {
	width: 15%;
}

 #buckstotal {
	width: 500px;
	margin: 15px 0 0 0;
	border:0px;
	padding-top: 10px;
}

table.buckstotal td.totallabel {
	text-align: right;
	padding-right: 50px;
}

#buckstotal input.submit, .accountcol input.submit {
	clear: right;
	float: right;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	width: 170px;
	/*background: #ff9c00;*/
	/*padding: 5px;*/
	border: 0;
	margin-top: 5px;
}

.accountcol input.submit {
	float: none;
}

.box h2, .accountcol h2 {
	margin-bottom: 10px !important;
	font-size: 15px;
}

.box2 h2, .accountcol h2 {
	margin-bottom: 10px !important;
	font-size: 15px;
}

.accountcol h2 {
	font-size: 16px !important;
}

.box label, .accountcol label {
	color: #ff9c00;
	font-size: 13px;
	font-weight: bold;
}

.payoptions label {
	margin-right: 15px;
	font-size:15px;
}

.payoptions label input {
	margin-right: 10px;
}

.shippingaddress label, .accountcol label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px ;
	width:240px;
}

.shippingaddress label.checkbox, .accountcol label.checkbox {
	font-weight: normal;
	color: #666;
	width:240px;
}


.shippingaddress label input.text, .accountcol label input.text {
	width: 95%;
	font-size:14px;
}

.cartaddress label, .accountcol label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px ;
	width:270px;
}

.cartaddress label.checkbox, .accountcol label.checkbox {
	font-weight: normal;
	color: #666;
	width:270px;
}


.cartaddress label input.text, .accountcol label input.text {
	width: 95%;
	font-size:14px;
}


.shortaddress label, .accountcol label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px ;
	width:270px;
}

.shortaddress label.checkbox, .accountcol label.checkbox {
	font-weight: normal;
	color: #666;
	width:270px;
}


.shortaddress label input.text, .accountcol label input.text {
	width: 95%;
	font-size:14px;
}

.checkout-totals label, .accountcol label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px ;
	width:270px;
}

.checkout-totals label.checkbox, .accountcol label.checkbox {
	font-weight: normal;
	color: #666;
	width:270px;
}


.checkout-totals label input.text, .accountcol label input.text {
	width: 95%;
	font-size:14px;
}


#accountcol {
	width: 30% !important;
}

#accountcol a {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	text-decoration: underline;
}
ul.purchase_options li {
    display: inline;
	font-size:14px;
}
ul.purchase_options li ul {
    float: right;
    /*position: relative;
    right: 110px;*/
}

label .error, .errorlist {
    color: red;
    padding-top: 5px;
    padding-bottom: 5px;
}

table#upgrade {
	color: white;
	font-family: Comic Sans MS, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #666 1px 1px 1px;
	letter-spacing: -.03em;
}
table#upgrade img.upgradebtn {
	margin-top: 10px;	
}
table#upgrade td.ucol1top {
	background: url('../images/upgradechartbg.jpg'); 	
	border-right: 1px solid white;
}
table#upgrade td.ucol2top {
	background: url('../images/upgradechartbg.jpg') 0px -89px; 	
	border-right: 1px solid white;
}
table#upgrade td.ucol3top {
	background: url('../images/upgradechartbg.jpg') 0 -178px; 	
	border-right: 1px solid white;
}
table#upgrade td.ucol4top {
	background: url('../images/upgradechartbg.jpg') 0 -267px; 	
	border-right: 1px solid white;
}
table#upgrade td.ucol5top {
	background: url('../images/upgradechartbg.jpg') 0 -356px; 	
}
table#upgrade td.ucol1 {
	background: url('../images/upgradechartbg.jpg') 0 -445px;
	border-right: 1px solid white;
	font-size: 11px;
	line-height: 12px;
	padding-right: 8px;
}
table#upgrade td.ucol2 {
	background: url('../images/upgradechartbg.jpg') 0 -534px;
	border-right: 1px solid white;
}
table#upgrade td.ucol3 {
	background: url('../images/upgradechartbg.jpg') 0 -623px; 
	border-right: 1px solid white;
}
table#upgrade td.ucol4 {
	background: url('../images/upgradechartbg.jpg') 0 -662px; 
	border-right: 1px solid white;
}
table#upgrade td.ucol5 {
	background: url('../images/upgradechartbg.jpg') 0 -445px; 	
}
table#upgrade td.ucol1btm {
	background: #ff9c00; 	
	border-right: 1px solid white;
	font-size: 18px;
	padding-right: 8px;
}
table#upgrade td.ucol2btm {
	background: #979797; 	
	border-right: 1px solid white;
	font-size: 19px;
}
table#upgrade td.ucol3btm {
	background: #a4a4a4; 	
	border-right: 1px solid white;
	font-size: 19px;
}
table#upgrade td.ucol4btm {
	background: #b5b5b5; 	
	border-right: 1px solid white;
	font-size: 19px;
}
table#upgrade td.ucol5btm {
	background: #ff9c00; 	
	font-size: 19px;
}
 
table#upgrade td.ucol5topcap {
	background: url('../images/upgradechartbg.jpg') 0 -751px; 	
}
table#upgrade td.ucol5btmcap {
	background: url('../images/upgradechartbg.jpg') bottom; 
	height: 8px;
}
table#upgrade td.nopadding {
	padding; 0;
	height: 8px;
	overflow: hidden;
}
#topalert {
	width: 670px;
	height: 50px;
	background: transparent url('../images/alertbg.png') no-repeat;	
	margin: 0 0 20px 0;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: white;
	padding-left: 60px;
	float:left
}

/* List */

ol.olist {
    padding: 10px 20px;
    color: #ff9900;
    font-size: 18px;
    font-weight: bold;
}

ol.olist li {
    margin: 15px 20px;
}

ol.olist li span {
    color: #666;
    font-weight: bold;
}

ul.ulist {
    font-size: 16px;
    color: #ff9900;
    list-style-type: disc;
    margin: 15px 0;
}

ul.ulist li {
    margin: 5px 20px;
}

ul.ulist li span {
    font-weight: normal;
    color: #666;
}

ul.ulist li span strong {
    font-weight: bold;
}

ul.ulist li span strong.orange {
    color: #ff9900;
    font-size: 20px;
}

ul.ulist li ul.check {
    margin: 15px 0;
    list-style-image: url('../images/bullet-check.png');
    list-style-type: disc;
}

ol a {
    color: #df32f4;
    font-weight: bold;
}

p.howtoplay {
    margin: 10px 0;
    font-size: 18px;
    font-family: Comic Sans MS, sans-serif;
    font-weight: bold;
    margin-bottom: 0;
}

p.htptext {
    margin: 10px 20px;
    font-size: 16px;
}

h2.headline {
    color: #ff9900;
    font-size: 20px;
}

/* Connect Main Bubble */

#bubble {
    position: absolute;
    width: 505px;
    z-index: 5000;
    margin: -140px 0 0 120px;
    display: none;
}

#bubbleclose {
    position: absolute;
    margin: 10px 0 0 470px;
}

#bubbletop {
    width: 505px;
    height: 11px;
    background: transparent url('../images/bubble-top.png') no-repeat;
    overflow: hidden;
}

#bubblecontent {
    background: transparent url('../images/bubble-bg.png');
    padding: 10px 30px;
    font-size: 16px;
}

#bubblecontent h2 {
    color: #ff9900;
    font-size: 22px;
    margin-bottom: 15px;
}

#bubblebottom {
    width: 505px;
    height: 28px;
    background: transparent url('../images/bubble-btm.png') no-repeat;
    overflow: hidden;
}

.leftfloat {
float: left;
}

.centerfloat {
	float:50%;
}

.clear {
clear: both;
}

a {
text-decoration: none !important;
outline: none;
}

b{font-size: 110%;}

#maincontainer{
width:995px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #eee;
}

#welcome {
margin: 0 10px;
color: #9999cc;
font-size: 16px;
font-family: Comic Sans MS, sans-serif;
}

#contentwrapper{
float: left;
width: 100%;
height: 600px;
}

#contentcolumn{
margin: 0 228px 0 327px; 
}

#content2column{
margin: 0 10px 0 310px; 
}


#content3column{
margin: 0 10px 0 200px; 
}


#content2columnb{
margin: 0 228px 0 0px; 
}

#leftcolumn{
float: left;
width: 300px; /*Width of left column in pixel*/
margin-left: -995px; /*Set margin to that of -(MainContainerWidth) */
}

#left2column{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -995px; /*Set margin to that of -(MainContainerWidth) */
}


.module {
background: #f5f5f5 url('../images/modulebg.png') repeat-x;
border: 1px solid #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 10px 0;
line-height: 2.1em;
color: #9999cc;
}

.moduleComment {
background: #f5f5f5 url('../images/modulebg.png') repeat-x;
border: 1px solid #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 5px 0 10px 0;
line-height: 2.1em;
color: #9999cc;
padding:5px;
display:inline-block;
width:550px;
}

.module p {
line-height: 14px;
font-size: 14px;
}

.module p a {
font-size: 14px;
}

.module h2 {
font-family: Comic Sans MS, sans-serif;
font-weight: normal;
font-size: 24px;
color: #9999cc;
margin: 0;
padding: 0;
}



.module h2 span {
color: #ff9c00;
}

.module h2 a {
font-size: 23px;
}

.module h2.search {
font-size: 18px;
}

.module h3 {
text-align: center;
font-family: Comic Sans MS, sans-serif;
font-weight: normal;
font-size: 20px;
color: #9999cc;
margin: 0;
padding: 0;
}

.module hr {
border: 0;
border-top: 1px solid #e9e9e9;
height: 0;
margin: 0;
padding: 0;
clear: both;
}

.module .navbg {
height: 19px;
background: url(../images/modnavbg.png);
text-align: right;
padding-right: 10px;
}

.module .navbg a {
    margin: 0 3px;
}

#rightcolumn{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
}

.innertube{
margin: 0px 5px; 
padding: 5px 0;
font-size:120%;
}


.module img.border {
border: 1px solid #ccc;
}

.module img.icon {
margin-right: 10px;
margin-left:10px;
}

.module img.icon2 {
margin-right:4px;
margin-left:2px;
}

.module a {
font-size: 14px;
text-decoration: none;
color: #cc33ff;
}

.module textarea {
width: 98%
}

.nomarginbottom {
margin-bottom: 0;
}

.invite {
margin-top: 0;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
border-radius: 0px 0px 10px 10px;
}

a.btn1 {
background: transparent url('../images/btn1.png') no-repeat;    
height: 36px;
overflow: hidden;
padding-left: 20px;
text-decoration: none;
display: block;
margin-bottom: 2px;
}

a.btn1 span {
background: transparent url('../images/btn1.png') right -36px no-repeat;
height: 36px; 
line-height: 35px;
color: #cc33ff;
font-size: 15px;
font-weight: bold;
height: 36px;
display: block;
}

a.btn2 {
background: transparent url('../images/new_btn2.png') no-repeat;    
height: 36px;
overflow: hidden;
padding-left: 20px;
display: block;
text-decoration: none;
margin-bottom: 2px;
}

a.btn2 span {
background: transparent url('../images/new_btn2.png') right -36px no-repeat;
height: 36px; 
line-height: 36px;
color: #cc33ff;
font-size: 16px;
font-weight: bold;
text-align:left;
/*padding-left: 10px;*/
display: block;
}

a.btn2 .newvalue {
position: absolute;
line-height: 18px;
color: white;
text-align: left;
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 150px;
width: 125px;
}
#extraspaceHome {
	height:35px;
	background-color:#fefefe;
}

a.btn3 {
background: transparent url('../images/new_btn3.png');    
background-repeat:no-repeat;
height: 70px;
width:100px;
overflow: hidden;
padding-left: 5px;
display: block;
float:left;
text-decoration: none;
margin-bottom: 2px;
/*margin-left:5px;*/
}

a.btn3 span {
height: 60px; 
color: white;
font-weight:bold;
font-size: 14px;
display: block;
margin-top: 5px;
margin-left:15px;
}

a.btn3 .newvalue {
position: absolute;
color: #C39;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
font-size: 18px;
font-weight: bold;
margin: -30px 5px 20px 20px;
height:18px;
}
a.btn3 .newvalue .newsmaller {
position: absolute;
color: #333;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
font-size: 14px;
font-weight: bold;
margin: -25px 5px 20px 20px;
height:18px;
}

a.btn4 {
background: transparent url('../images/btn4c.png') no-repeat;    
height: 36px;
overflow: hidden;
padding-left: 20px;
text-decoration: none;
display: block;
margin-bottom: 2px;
}

a.btn4 span {
background: transparent url('../images/btn4c.png') right -36px no-repeat;
height: 36px; 
line-height: 35px;
color: #fff;
font-size: 15px;
font-weight: bold;
height: 36px;
display: block;
}


a.bucksbtns {    
width: 120px;
float: left;
margin-right: 5px;
}

.hmimg {
margin-right:8px;
margin-left:5px;
margin-bottom:10px;
}

.activity {
font-size: 14px;
line-height: 16px;
}

.actheader {
line-height: 22px;
}



.minilapse {
	position:absolute;
}

.activityicon {
float: right;
margin-top: 13px;
}

.center {
text-align: center;
}

.btncenter {
text-align: center;
text-indent: -15px;
}

ul.ptabs {
margin: 0;
list-style-type: none;
padding: 0;
}

ul.ptabs li {
padding: 0;
margin: 0;
width: 50%;
display: block;
float: left;
text-align: center;
background:url(../images/rightCol_btn.jpg) no-repeat;
color:#FFF;

}

ul.ptabs a {
display: block;
font-size: 14px;
color:#FFF;
}

/* when mouse enters the tab move the background image */
ul.ptabs a:hover {
color:#000;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.ptabs a.current, ul.ptabs a.current:hover, ul.ptabs li.current a {
background-position: -420px -62px;		
cursor:default !important; 
color:#C3F !important;
/*background-color: #C3F;*/
background:url(../images/rightCol_Current_btn.jpg) no-repeat;
}


.brattyworld
{
	height: 602px;
	overflow: hidden;
}
body#shop .brattyworld { height: 710px; }

.suggestion {
background: #f8f11d;
height: 602px;
overflow: hidden;
}

.suggestion h3 {
color: #333;
font-size: 18px;
}

.suggesttop {
background: transparent url('../images/suggest-top.png') center no-repeat;
height: 10px;
}

.suggestion p {
font-size: 15px;
margin: 10px;
color: #333;
line-height: 18px;
}

.suggestion a {
font-size: 14px;
}

.isb {
position: absolute;
right: -4px;
top: -4px;
z-index: 1000;
}

.gray {
color: #9999cc;
}

.edittab {
    width: 107px;
    height: 20px;
    background: url('../images/edittab.png') no-repeat;
    line-height: 20px;
    color: #cc33ff;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    z-index: 1000;
    bottom: -1px;
    left: 50px;
}

.edittab a {
    color: #cc33ff;
    font-size: 13px;
}

.edittab a:hover {
    color: #9999cc;
}

.editprofile {
    position: relative;
    z-index: 1000;
    bottom: -1px;
    left: 100px;
	top:210px;
}

.athumb {
float: left;
width: 31%;
font-size: 11px;
}

.searchlabel {
color: #ff9900;
font-weight: bold;
margin-right: 10px;
font-size: 13px;
}

form.agencysearch {
margin-left: 100px;
}

.agencymodels {
margin-top: 8px;
}

.agencymodels h3 {
font-family: arial;
letter-spacing: -1px;
margin: 10px 0
}

.modelvalue {
color: #ff9900;
font-weight: bold;
font-size: 45px;
padding: 5px 0;
display: block;
}




ul.inviteopttabs {
margin: 0;
list-style-type: none;
padding: 0;
}

ul.inviteopttabs li {
padding: 0;
margin: 0;
width: 30%;
display: block;
float: left;
text-align: center;

}

ul.inviteopttabs a {
display: block;
padding: 10px 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-radius: 10px 10px 0px 0px;
font-weight: bold;
font-size: 14px;
}

/* when mouse enters the tab move the background image */
ul.inviteopttabs a:hover {
color:#000;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.inviteopttabs a.current, ul.inviteopttabs a.current:hover, ul.inviteopttabs li.current a {
background-position: -420px -62px;		
cursor:default !important; 
color:#9999cc !important;
background: #ffffff;
border: 1px solid #ddd;
border-bottom: 0;
}

ul.inviteicons {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.inviteicons li {
float: left;
margin: 0 5px 0 0;
padding: 0;
height: 51px;
overflow: hidden;
}

ul.inviteicons li a {
border: 0;
}

p.ipanettl {
background: #ff9900;
color: white;
margin: 0 -10px;
padding: 5px 10px;
margin-bottom: 10px;
}

textarea {
border: 1px solid #ccc;
}

label {
color: #ff9900;
font-weight: bold;
}

label span {
color: #9999cc;
font-weight: normal;
}

.inviteintro p {
margin-left: 15px;
letter-spacing: -.04em;
font-size: 14px;
line-height: 1.3em;
}

.inviteintro {
font-size: 14px;
}

.inviteintro ul {
margin-left: 0;
}

.inviteintro h2 {
margin-bottom: 10px;
}

.orange {
color: #ff9900;
}

.underline {
text-decoration: underline;
}

.absolute {
position: absolute;
width: 670px;
}

.invite-callout {
background: url('../images/invite-callout.png');
width: 124px;
height: 107px;
float: right;
margin: 5px 5px 0 10px;
}

.invite-callout a span {
font-family: arial;
letter-spacing: normal;
}

input.formbtn {
height: 36px;
width: 117px;
background: url('../images/formbtn.png') no-repeat;
text-align: center;
border: 0;
float: right;
color: white;
font-weight: bold;
font-size: 13px;
margin-top: 10px;
}

.page_navigation a {
font-size: 11px;
}

form.agencysearch ul li {
float: left;
margin-right: 10px;
}

/* New CSS for Blog */

.blogbtn {
float: right;
}

.blogbtn span {
padding-right: 15px; 
}

.postleft {
float: left;
}



.blogcal {
width: 70px;
height: 80px;
background: url('../images/calbg.png') no-repeat;
margin-right: 20px;
position: relative;

font-family: Comic Sans MS, arial, helvetica, sans-serif;
}

.blogcal span.bmonth {
position: absolute;
width: 100%;
margin: 10px 0 0 0;
text-align: center;
color: white;
font-size: 11px;
}

.blogcal span.bday {
position: absolute;
width: 100%;
margin: 40px 0 0 0;
text-align: center;
font-size: 25px;
text-shadow: #fff 1px 1px 1px;
}

.blogpost {
margin-left: 90px;
line-height: 1.4em;
}

.blogpost p {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
}

.blogedit {
position: absolute;
margin-top: 3px;
}

.blogdelete {
position: absolute;
margin-top: 25px;
}

.bbottom {
font-size: 0px;
height: 8px;
}

.blogprev {
width: 95px;
}

.blognext {
width: 95px;
float: right;
}

.blogprofile {
display: block;
margin: 0 0 0 1px;
padding-top: 3px;
}

.post {
line-height: 2em;
}

/* Additional New Chart CSS */

.ttlcolumn {
background: #ff9c00;
border-right: 1px solid white;	
}

.collabel {
font-size: 16px;	
}

.charttitle {
font-size: 24px;
color: #9999cc;
margin: 8px 0;
margin-top: 10px;
font-weight: normal;
font-family: "Comic Sans MS", sans-serif;
}

.chartcopy {
font-size: 16px;
color: #9999cc;
margin: 5px 0;
}

.chartdisc {
font-size: 14px;
color: #888;	
margin: 5px 0;
margin-bottom: 15px;
}

.pricecell {
padding-top: 10px;	
}



/****Start CSS for Articles & Quizzes*/

h4.result {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	/*text-indent:25px;*/
}

.resultColor {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3CC;
}


.articleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
	text-align: left;
}


.questionText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 15px;
	color:#3CC;
	font-weight:bold;
	
}

.answersText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 15px;
	color:#000;
}

.questionText2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 15px;
	color:#3CC;
	font-weight:bold;
	
}

.answersText2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 15px;
	color:#000;
}

.highlight {
		background-color:#FF3;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
}

.highlight2 {
		background-color:#FF3;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		border:1px #666 solid;
		border-spacing:15px;
		padding:15px;
}


.articlePic img{
	float:right;
	padding:10px;
	width:200px;
	height:300px;
}

.articlePic2 img{
	float:left;
	padding:10px;
	width:200px;
	height:300px;
}

.submitButton {
		margin:0 auto;
		text-align:center;
}

#articleContainer {
		width:750px;
		float:left;
		padding:0 225px 0px 10px;
}

h1.article {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ff9c00;
	margin-bottom: 15px;
}

.resultsPic img {
	width:200px;
	height:300px;
	padding:10px;
	margin-left: 25px;
}

.resultsText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	
}

.extrasText {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	
}

#shareResults {
		margin-top: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000;
}

.smallText {
		font-family:Arial, Helvetica, sans-serif;
}

.boldit {
	font-weight:bold;
	font-style:italic;
}


.boxColText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.resultIcon img {
		text-align:center;
		vertical-align:middle;
		margin:0 auto;
}

ul.messagenav {
list-style-type: none;
float: right;
padding: 0;
margin: 0;
}

ul.messagesubnav {
list-style-type: none;
height: 25px;
padding: 0;
margin: 0;
margin-left: 5px;
}

ul.messagenav li, ul.messagesubnav li {
float: left;
margin-right: 3px;
}

ul.messagenav li a, ul.messagesubnav li a {
padding: 4px 6px;
font-size: 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
}

ul.messagenav li a:hover, ul.messagenav li.current a, ul.messagesubnav li a:hover, ul.messagesubnav li.current a {
background: yellow;
}

a.btn5 {
background: transparent url('../images/btn_4b.png') no-repeat;    
height: 36px;
padding-left: 13px;
text-decoration: none;
display: block;
}

a.btn5 span {
background: transparent url('../images/btn_4b.png') right -36px no-repeat;
height: 36px; 
line-height: 35px;
color: #fff;
font-size: 15px;
font-weight: bold;
height: 36px;
display: block;
}

.msgRightFloat {
	float:right;
	margin-top:5px;
}

.messagepg {
width: 45px;
float: right;
margin-left: 5px;
}

.messagedel {
width: 125px;
margin-bottom: 8px;
}

.messagedel2 {
width: 220px;
margin-bottom: 8px;
}

.messageapprove {
width: 140px;
margin-bottom: 8px;
margin-right: 4px;
}

.messagedeny {
width: 115px;
margin-bottom: 8px;
}

ul.msglist {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.msglist li {
float: left;
margin-right: 10px;
}

ul.msglist li.from {
width: 20%;
}

ul.msglist li.fromreply {
width: 90%;
margin-right: 0;
}

ul.msglist li.msg {
width: 58%;
}

ul.msglist li.remove {
text-align: right;
margin-right: 0;
}

ul.msglist li.remove a.messageremove {
height: 30px;
width: 30px;
background: url('../images/messageremove.png') no-repeat;
display: block;
float: right;
}

ul.msglist li.remove a.messageremove:hover {
background-position: 0 -30px;
}

ul#replycomment li {
margin-bottom: 8px;
}

.innertube h4 {
font-family: Comic Sans MS, sans-serif;
font-size: 19px;
font-weight: normal;
}

#flash2 {
	margin-left: 0px;
	float:left;
}


/* New Homepage 11/1/10 */

#topWindow {
	margin: 190px 225px;
}

#movieFrame {
	margin: -327px 0px;
}


#brattyworld {
	margin: 5px 46px;
	line-height: 1;
}

#whohere {
	margin: 11px 20px;
}

#confirm {
	margin: -4px 0px 10px 0;
}

#greenframe {
	float:left;
	position: absolute;
	margin: 0px 15px;
}

#intro {
	width:402px;
	height:324px;
}

/* plugin stylings */

#topmall {
	float: left;
	position: absolute;
	height: 282px;
	width: 251px;
	margin: 50px 0 0 0;
}

#mhnumbers {
	color: #F90;
	font-size: 190%;
	float: left;
	line-height: 260%;
	margin: -5px 15px;
	padding-right:10px;
}

#mhcountdown {
	line-height: 200%;
	margin: 3.5px -17px;
	float: left;
}


#whatsup {
	float: left;
	height: 290px;
	margin: 55px 0 0 296px;
	position: absolute;
	width: 251px;
}

#miniactivity {
	margin-left: 20px;
	height:385px;
	overflow:hidden;
}

#miniactivity li {
	margin-bottom: 10px;
	float: left;
	/*position: relative;*/
	margin-right:5px;
	font-size:14px;
}

#vititle {
	font: 300% arial, helvetica, sans-serif;
	float: left;
	color: #fff;
	width: 995px;
	margin: 8px 80px;
	text-transform: uppercase;
}

#visubtitle {
	font: 120% arial, helvetica, sans-serif;
	float: left;
	font-weight: bold;
	margin: 20px 120px;
	color: #49a8c0;
	text-transform: uppercase;
}

#visubtitle2 {
	font: 120% arial, helvetica, sans-serif;
	float: right;
	font-weight: bold;
	position: absolute;
	margin: 80px 555px;
	width: 520px;
	padding-bottom: 13px;
	color: #49a8c0;
	text-transform: uppercase;
}

#votinginterface {
	background: url('../images/viframe.png') no-repeat;
	float: left;
	width: 995px;
	height: 572px;
	margin: -17px 4px;
}

#vibigscreen {
	position: absolute;
	margin-top: 53px;
	margin-left:85px;
	width: 394px;
	height: 260px;
}

#viprofiledivs {
    margin-top: 45px;
}

#viwinprofile {
	float: left;
	margin: -4px 5px;
}

#featured_vid {
	background: url('../images/newviajax-loader-copy.gif')no-repeat;
    width: 520px;
    height:  364px;
    position: absolute;
    top: 10px;
    left: 231px;
    display: block;
}
.top_video { 
width:420px;
float:left;
}


#vicountdown {
	height: 440px;
	float: right;
	margin: 5px -380px;
	width: 380px;
}

#vicountdown li {
	float: left;
	list-style: none;
}

.vistats {
	background: url('../images/virankingthumb.PNG')no-repeat;
	width: 61px;
	height: 34px;
	margin: 12px 15px 15px 0;
}

.vitoploveit {
	width: 72px;
	height: 22px;
	margin: 13px 0px 0;
}

#vibutton {
	margin: -18px -70px;
	float: right;
}

.vitoplove {
	margin: -43px 161px;
	float: right;
	width: 50px;
}

#facepilemockup {
	float: left;
	margin: 55px 0 0 565px;
	position: relative;
	z-index: 1000;
}

#facepile {
}

.virankingrows {
	background: url('../images/virowbg.PNG')no-repeat;
	width: 450px;
	height: 54px;
	float: right;
	margin-right: -46px;
	margin-top: 4px;
}

.virankingrows li {
	float: left;
	margin-bottom: 5px;
}

#vitoprank {
	font: 160% arial, helvetica, sans-serif;
	float: left;
	letter-spacing: 3;
	margin: 5px 10px; 
	color: #49a8c0;
	font-weight: bold;
}

#viwinstatus, #viwinvotes {
	font: 100% arial, helvetica, sans-serif;
	float: left;
	letter-spacing: 3;
	color: #49a8c0;
}

#viwinstatus {
	margin: 5px 0;
}

#viwinvotes {
	float: right;
	margin: 7px 53px;
	color: #ffac00;
	font-size: 180%;
	font-weight: bold;
	}


#vilowlft1 {
	margin: 10px 20px;
	float: left;
}

#vilowlft2 {
	float: right;
	margin-top:-25px;
}

#vivideodesc {
	margin-top: 14px;
	margin-left: 60px;
}

#viloveitdesc {
	margin-left: 87px;
}

#vibbdesc {
	margin-left: 45px;
}

#virankdesc {
	margin-top: 14px;
	margin-right: 3px;

}

#viheaderdesc {
	color: #49a8c0;
	float: right;
	font-size: 120%;
	font-weight: bold;
	margin-top: -26px;
	margin-left: 30px;
	width: 400px;
}

#viheaderdesc li {
	float: right;
}

#vimodinter {
	margin: 82px 50px 0px 0px;
	float: right;
}

#votinginterrow {
	float: right;
	margin: 5px 35px;
}

#viheaderbg {
	float: right;
	margin: -36px -450px;
	background: url('../images/viheaderbg.PNG')no-repeat;
	width: 418px;
	height: 40px; 
}

.virank {
    color: #49a8c0;
    font-size: 160%;
    font-weight: bold;
    margin: 17px 15px;
    float:right;
    width:15px;
}

.vibb {
	color: #ffac00;
	float: right;
	font-size: 180%;
	font-weight: bold;
	margin-left: 367px;
	margin-top: -39px;
}

#vitable {
	float: right;
	margin: 4px -450px;
	overflow: scroll;
	overflow-x: hidden;	
	height: 408px;
	width: 420px;
}

.virankthumb {
	float: right;
	margin-left: 12px;
	margin-right: 5px;
	margin-top: 4px;
}

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

#bdayentry2 {
	width: 80px;
	margin-top: 2px;
	margin-bottom: -5px;
	height: 15px;
        color: gray;
        size: 100%;
}

#gender {
	margin: 0px -3px;
}

#genderbuttons {
	float: right;
	margin: -29.5px 235px;
}

#fradiobutton {
	width: 25px;
	margin: -10px 0;
	
}

#mradiobutton {
	margin: 0px;
	width:30px;
}

#gbut1 {
	margin-left: -35px;
}

#gbut2 {
	margin: -16px 2px;
}

#mallmerch {
	float: left;
	margin: 5px 8px;
}

#bbbox {
	float: right;
	margin: 0px 30px 0px 0px;
	height: 0px;
}

/* Intro Form */

#hometop  {
	width:950px;
	float: left; 
	margin-top: -10px;
	margin-left:15px;
}


.decoration {
position: absolute;
}

#registerform {
	margin: 0;
	padding: 0;
}

#registerform label {
	display: block;
	color: #3366cc;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	margin-left: 0;
}

#registerform label span {
	position: relative;
	z-index: 1000;
	color: #3366cc;
	font-weight: bold;
	margin-left:55px;
}

#registerform label input, #registerform span.genradio {
	position: absolute;
	margin-left: 144px;
}

#registerform span.genradio {
	margin-top: 9px;
}

#registerform span.genradio input {
	position: relative;
	margin: 0;
}

input.submitNow{
	background: url(../images/submit2.PNG) no-repeat;
	width: 130px;
	height: 51px;
	text-indent: -99999px;
	border: 0;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

.signUp{
	width: 380px;
	padding: 4px;
	margin-right:75px;
	font: 14px bold Arial, Helvetica, sans-serif;
	color: #db35ef;
	text-transform: uppercase;
}

.signUp input{
	width: 220px;
	height: 12px;
	padding: 6px;
	margin: 0 0 0 20px;
}

label span {
    font-weight: normal;
    color: #666;
}

#registerform a.privacy {
    position: relative;
    left:145px;
    z-index: 1000;
    font-size: 10px;
} 


/* Intro Bottom */

.btmFiller{
	width: 810px;
	height: 480px;
	overflow:hidden;
	text-transform:uppercase;
}

	.btmFiller .topLink {
		display:block;
		float:left;
		text-indent:-999px;
		width:237px;
		height:51px;
	}

	.btmFiller #connect {
		background:url(../images/bottom_menu_tab_connect.gif) !important;
		margin:14px 0px 0px 36px;
	}

	.btmFiller #learn {
		background:url(../images/bottom_menu_tab_learn.gif) !important;
		margin:14px 0px 0px 30px;
	}

	.btmFiller #shop {
		background:url(../images/bottom_menu_tab_shop.gif) !important;
		margin:14px 0px 0px 29px;
	}

	.btmFiller .links {
		float:left;
		line-height:15px;
	}
	
		.btmFiller .links a {
			color:#25a6a1;
		}
		
		.btmFiller .links a:hover {
			color:#db35ef;
			text-decoration:underline !important;
		}
		
	.btmFiller #linksConnect {
		margin:12px 0px 0px 38px;
		width:220px;
	}
	
		.btmFiller #linksConnect li {
			list-style:url(../images/list_dot_orange.gif);
			padding:0px 0px 12px 8px;
		}
		
	.btmFiller #linksLearn {
		margin:12px 0px 0px 46px;
		width:220px;
	}
	
		.btmFiller #linksLearn li {
			list-style:url(../images/list_dot_green.gif);
			padding:0px 0px 14px 8px;
		}
		
	.btmFiller #linksShop {
		margin:12px 0px 0px 46px;
		width:240px;
	}
	
		.btmFiller #linksShop li {
			list-style:url(../images/list_dot_yellow.gif);
			padding:0px 0px 14px 8px;
		}

	.btmFiller .bigBottomLink {
		float:left;
		width:262px;
		margin:0px;
		text-align:center;
		font-size:15px;
		font-weight:normal;
		line-height:17px;
		color:#25a6a1;
	}
		
	.btmFiller .bigBottomLink:hover {
		color:#db35ef;
		text-decoration:underline !important;
	}

		.btmFiller .bigBottomLink span {
			font-weight:bold;
		}
		
#pluginWindows {
	list-style: none;
	width: 970px;
	margin-left: 30px;
}

#pluginWindows li.window {
	float: left;
	width: 300px;
	background: url('../images/sm plugin window.PNG') no-repeat;
	height: 506px;
	margin-right:20px;
	
}

#pluginWindows li.middleWindow {
	float: left;
	width: 300px;
	height: 506px;
	margin-right:20px;
}

.pluginHeadline {
	text-align: center;
	font: 16px arial, helvetica, sans-serif;
	color: #ff9c00;
	text-transform: uppercase;
	font-weight: bold;
	height: 40px;
}

#tophaul {
	margin: 11px 34.5px;
}

#utubethumb {
	float: right;
	height: 115px;
	overflow: hidden;
	margin-right: 18px;
	margin-top: 4px;
}

#mhrules {
	color: #3CC;
	float: right;
	font-size: 100%;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 300%;
	list-style: disc;
	margin: 25px 20px 0 0;
}

#mhrules li {
	margin-bottom: 10px;
}

#activities li {
	float: left;
	display: block;
}

module .whatsHot {
font-family: Comic Sans MS, sans-serif;
font-weight: normal;
font-size: 24px;
color:#C30;
text-align:center;
}

module .whatsNot {
font-family: Comic Sans MS, sans-serif;
font-weight: normal;
font-size: 24px;
color:#3CF;
text-align:center;
}

p {
		overflow:hidden;
		font-size:14px;
}

#forgotpw_link {
		font-size:12px;
}

.lineheight {
	line-height:18px;
	color:#000;
	margin-top:8px;
}

.episodeno {
	font-weight:bold;
	color:#52cccc;
	font-size:15px;
}


.episodename {
	font-weight:bold;
	font-size:15px;
}



#hotBox {
	width:650px;
	margin-left:25px;
}

#hotBox img {
	margin:5px auto;
	padding-bottom:10px;
}

.module .innertube .hotTitle {
	font-family:"Comic Sans MS", cursive;
	color:#52cccc;
	font-size:24px;
	line-height:28px;
	text-align:left;
}

.module .innertube .hotTitle2 {
	font-family:"Comic Sans MS", cursive;
	color:#52cccc;
	font-size:16px;
	text-align:left;
	float:left;
}

.module .innertube p.hotText {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	line-height:16px;
	text-align:left;
}
.hotBtn {
	width:200px;
	height:50px;
	background:url(../images/whatshot/votebtn.jpg);
}

#tallys img {
	padding-left:5px;
	vertical-align:middle;
}
#tallys {
	float:center;
	font-size:24px;	
}

.tallyNumber {
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
	color:#000;
}



.stayRight{
	float:right;
	font-size:14px;	
	text-align:right;
	width:520px;
	vertical-align:middle;
}

.stayRightL{
	position:relative;
	float:left;
	text-align:right;
	font-size:14px;	
	

}
.stayRightR {
	text-align:right;
	position:relative;
	float:left;
	margin-top:-10px;
	
}

.underline {
	text-decoration:underline;
}

.commentFont {
	color:#000;
	text-align:left;
	font-size:14px;
	margin-left:10px;
}

.commentName {
	color:#000;
	text-align:left;
	font-size:14px;
	vertical-align:top;
}

#commentDiv {
	height:40px;
	vertical-align:middle;
}

#alphaOrder {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#F90;
}

#alphaOrder a:hover{
	color:#F90;
}

.resultFont{
	text-align:right; float:left;margin-right:35px;
}

.resultBox {
	float:left; width:520px;
}

.resultFB {
	float:right;margin-top:-35px;
}

#playerMain{
	display:block;width:735px;height:407px;
}

.profileContainer {
		width:975px;
		float:left;
		margin-left:15px;
		height:700px;
}


#profileLeft {
	float:left;
	width:450px;
	height:650px;
}


#profileRight {
	float:left;
	width:400px;
	height:550px;
	margin-top:15px;
}
	
	h1.profileTitle {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #3CC;
	margin-bottom: 15px;
}

.genradio select {
    margin-right: 13px;
}

.genradio select option {
    margin-top: 5px;
}



/*PORTFOLIO*/

#portfolioContainer {
	margin:0 auto;
}

#portfolioThumbs{
	text-align:center;
}

#portfolioThumbs img {
	padding:10px;
}

#portfolioViewer {
	width:500px;
	margin:0 auto;
	height:450px;
	position:relative;
}

#portfolioViewer img {
	position:absolute;
	left:100px;
}

.greyitalic {
	color: #999;
	font-style: italic;
}

ul.ptabs2 li {
	padding-top: 10px;
	margin: 0;
	width: 50%;
	display: block;
	float: left;
	text-align: center;
	background: url(../images/brattyprofile_tab_current.jpg) no-repeat;
	color: white;
	height: 20px;
}


.winnername {
	color:#e400ff;
	font-size:12px;
	font-weight:bold;
}

.unclaimed {
	color:#093;
	font-size:12px;
	font-weight:bold;
}

 .winnertitle {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#c39;
	font-weight:bold;
	padding: 0px 20px 0px 15px;
	margin-bottom:15px;
}

#winLeft {
	width:135px;
	float:left;
	margin-left:0px;
	text-align:left;
}

#winRight {
	width:135px;
	float:left;
	margin-left:10px;
	text-align:left;
}

#winnersbox {
	background:url(../images/winnersbox.png);
	background-repeat:no-repeat;
	width:300px;
	height:72px;
	margin-top:3px;
	padding: 15px 10px 5px 10px;
}


/* accordion buttons added 4/12/11 */

.accordion_more {
	background-image:url(../images/morefromuser_btn.jpg);
	background-repeat:no-repeat;
	background-position:right;
	vertical-align:baseline;
	width: 400px;
	height:50px;
	text-align:center;
	padding:5px 3px 0px 20px;
	margin-left:60px;
	maring-bottom:-20px;
	margin-top:-20px;
}

.accordion_more a{
	font-size:12px;
	padding: 0px 10px;
}

.accordion_less {
	background-image:url(../images/lessfromuser_btn.jpg);
	background-repeat:no-repeat;
	float:right;
	vertical-align:baseline;
	width: 230px;
	height:25px;
	text-align:center;
	padding:5px 5px 0px 10px;
	margin-right:55px;
	maring-bottom:0px;
	margin-top:-5px;
}

.accordion_less a {
	color: white;
	font-size:12px;
	padding: 0px 10px;
}

#accBox {
	width:350px;
	height:18px;
	float:right;
	vertical-align:baseline;
}

.timelapse {
	color: #9999cc;
	font-size:10px;
}

.italic {
	font-style:italic;
}
	
.peopleGuys {
	width:150px; display:inline-block;
}
	
.hottieBox {
	width: 550px; margin:auto; text-align:left;
}

.signUp {
    width: 420px;
    padding: 4px;
    margin-right:75px;
    font: 14px bold Arial, Helvetica, sans-serif;
    color: #db35ef;
    text-transform: uppercase;
}

.valid_email {
    font-size:10px;
    color:#F09;
    text-transform:none;
    float:right;
    margin-right:-93px;
    margin-top:-25px;
}

.splat {
	list-style: url(../images/splat-bullet.png);
	text-indent: 50px;
	list-style-position: inside;
	color: black;
	font-size: 14px;
	line-height: 18px;
}

.bluedot {
	list-style:url(../images/blue_splat.jpg);
	font-size: 14px;
	line-height: 18px;
	text-indent:10px;
	list-style-position:inside;
}

/* Register Popup */

.registerform span {
	left: 10px !important;
}

.registerform input {
	left: 100px !important;
}

.registerform .genradio {
	left: 100px !important;
}

.registerform .genradio input {
	left: 0 !important;
}

.registerform .privacy {
	left: 10px !important;
}




.guestbox {
	position:relative;
	left:-50px;
	width:450px;
}


#register_box {
	display:none;
}

.register_title{
	color:#3366cc;
	text-transform:none;
	font-size:19px;
	margin: 5px 0 30px 0;
}

.valid_email2 {
    font-size:10px;
    color:#F09;
    text-transform:none;
    float:right;
    margin-left:200px;
    margin-top:-29px;
}

#cart-holder{
	width:100%;
	background:white;
	border: 1px solid #cdcdcd;
	height:100%;
}
/* --- store homepage --- */
#videos { 
width:1000px;
height:380px;
margin:0 auto;
padding-bottom: 40px;
background-color:#fff;
font-family: Arial;
color: #000;
text-align:center;
font-size:11px;
position: relative;
}

.recently_bought { 
width:230px;
padding: 60px 0 0 16px;
margin:0 1px 0 0px;
background:url(../images/recentlybought_sign.png) no-repeat 10px 4px;
font-weight:bold;
float:left;
}
.recently_bought_display {
overflow: auto;
height: 380px;
}

.colum1 { 
width:110px;
height:auto;
margin:0 0 0 0px;
float:left;
}
.colum2 { 
width:110px;
height:auto;
margin:0 0 0 4px;
float:left;
}

.video_info { 
width:521px;
background-color:#e7e7dc;
text-align:right;
line-height: 30px;
font-size:20px;
display: block;
position: absolute;
bottom: 11px;
left: 230px;
}
.thumbnails { 
width:231px;
height:380px;
background:url(../images/vote_sign.png) no-repeat 2px 3px;
font-weight:bold;
float: right;
margin: 5px 15px 0 0;
}
.thumbnails_display {
overflow: auto;
margin-top: 56px;
height: 348px;
}

.item { 
width:100px;
height:115px;
margin:0 5px 2px 2px;
background-color:#e7e7dc;
float:left;
overflow: hidden;
}

#stores { 
width:1000px;
height:400px;
margin:0 auto;
background-color:#fff;
font-family: Arial;
color: #000;
position: relative;
}
#stores-container { 
position: absolute;
top: 0;
}
.shop-container { 
 width:233px;
 margin:10px 0 15px 18px;
 text-align:center;
 float:left;
 position: relative;
}
#t-shirt { 
width:260px;
height:360px;
text-align:center;
background:url(../images/stores_bkg.png) no-repeat top;
float:left;
margin: 0 36px;
}
#t-shirt .shop-container { margin:10px 0 15px 12px; }
#makeup { 
width:260px;
height:460px;
text-align:center;
background:url(../images/stores_bkg.png) no-repeat top;
float:left;
margin: 0 36px;
}

#skincare { 
width:260px;
height:360px;
text-align:center;
background:url(../images/stores_bkg.png) no-repeat top;
float:left;
margin: 0 36px;}

.store-arrow-links { position: absolute; top: 60px; left: 10px; z-index: 5; }
.store-arrow-links .next { margin-left: 170px; }


.brattybank { 
width:141px;
height:360px;
background:url(../images/brattybankATM.png) no-repeat;
float:right;
margin-left: 15px;
text-align: center;
font-size: 30px;
font-weight: bold;
padding-top: 162px;
}
.shop-container img.slideshow-link { margin-bottom: 60px; }
.store_bkg { 
width:261px;
height:360px;
text-align:center;
float:left;
}
/* --- end store homepage --- */

.float-right { float: right; }
.float-left { float: left; }
img.float-left { padding: 5px 15px 10px 10px; }
img.float-right { padding: 5px 10px 10px 15px; }
.align-center { text-align: center; }

#logininfo { position: absolute; top: 0px; right: 100px; height: 70px; }
#logininfo ul { list-style: none; margin: 0; padding: 0; }
#logininfo li { display: inline; margin: 0 0 0 20px; }
#logininfo img, #logininfo input[type=image] { position: relative; top: 7px; }
#logininfo img.cart-icon { top: 3px; } 

#contact { width: 571px; height: 500px; margin: 0 auto; padding: 20px 0 0 280px; background: url(../images/bg_contact.png) no-repeat center top; }
#contact h1 { color: #ff9c00; text-transform: uppercase; font-size: 2em; margin-bottom: 20px; }
#contact h2 { color: #000; font-size: 1.2em; margin: 0; padding: 0; }
#contact li { color: #999; font-size: 1.5em; margin-bottom: 40px; line-height: 1.3em; padding: 10px 0 10px 80px; }
#contact li.phone { background: url(../images/contacticon_phone.png) no-repeat left center; }
#contact li.address { background: url(../images/contacticon_address.png) no-repeat left center; }
#contact li.email { background: url(../images/contacticon_email.png) no-repeat left center; }

#model { text-align: center; width: 840px; margin: 0 auto; }
#model h1 { font-size: 2em; margin-bottom: 10px; }
#model #stats { background: #f5f5f5 url('../images/modulebg.png') repeat-x; float: left; border: 1px solid #ddd; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; width: 400px; font-size: 1.5em; }
#model #stats table { width: 350px; }
#model #stats table td { padding: 0 10px; text-align: right; height: 58px; }
#model #stats table td.align-left { text-align: left; }
#model #stats table tr { margin-bottom: 200px; }
#model #headshot { float: right; width: 400px; }
#model #headshot img.headshot { background: #f5f5f5 url('../images/modulebg.png') repeat-x; border: 1px solid #ddd; border-bottom: 2px solid #bbb; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 10px 14px 10px; margin-bottom: 10px; max-width: 354px; max-height: 479px; }

#newtalent h1 { color: #ff9c00; font-size: 3em; text-transform: uppercase; margin-bottom: 20px;  }
#newtalent div { float: left; width: 480px; margin: 0 10px; color: #000; }
#newtalent div img { text-align: center; margin-bottom: 20px; }
#newtalent h2 { font-size: 1.5em; font-weight: normal; }
#newtalent div p, h2 { margin-bottom: 20px; line-height: 1.4em; padding: 0 0px; }
#newtalent div.requirements { background-color: #fff; padding: 15px; width: 439px; margin: 0; -webkit-border-radius: 20px; border-radius: 20px; font-size: 14px; }

#account { position: relative; background: #fff; margin: 0 30px; padding: 5px 10px; color: #000; font-size: 15px; }
#account ul { margin: 0 0 15px; }
#account li { margin: 0px 5px 3px; position: relative; }
#account label { line-height: 20px; font-size: 14px; }
#account input[type=text] { width: 288px; font-size: 1em; }
#account ul#login-details { margin-left: 2px; }
#account ul#login-details li { display: inline-block; margin: 0px 3px; }
#account ul#login-details li input { width: 289px; }
#account ul#billing-details { float: left; }
#account ul#creditcard-details { float: left; }
#account ul#creditcard-details #creditcard-icons { position: absolute; top: -5px; right: -10px; width: 195px; }
#account ul#creditcard-details #creditcard-icons img { float: left; width: 65px; }
#account ul#creditcard-details #expiration_month { width: 200px; }
#account ul#creditcard-details #expiration_year { width: 81px; }
#account ul#creditcard-details #cvv2 { width: 50px; }
#account .cvv2help_link { font-size: 11px; font-weight: normal; }
#account span.cvv2help { display: none; position: absolute; top: 0px; right: -215px; }
#account .cvv2help_link:hover span.cvv2help { display: block; z-index: 9; }
#account #secure-image { text-align: left; padding: 9px 0 0; }
#account #secure-image img { height: 50px; }
#account ul#webservices-details { float: left; }
#account ul#webservices-details select { width: 298px; }
#account ul#webservices-details .total { padding-top: 25px; }
#account #agreement { width: 600px; font-size: 14px; line-height: 18px; margin: 0px 0 0 5px; position: absolute; bottom: 23.8px; right: 19px; }
#account #agreement input[type=text] { width: 450px }
#account #account-submit-button { position: absolute; bottom: -15px; right: 0; }

#disclosure { display: none; font-size: 14px; }
#disclosure h1 { font-size: 1.5em; margin-bottom: 10px; }
#disclosure h2 { font-size: 1.25em; margin-bottom: 5px; }
#disclosure p { margin: 5px 0; font-size: 1em; line-height: 1.3em; }

#account-callout { font-size: 14px; line-height: 18px; background: #ddd url(../images/icon-exclamation.png) no-repeat 5px 2px; padding: 8px 10px 8px 60px; margin: 0px 30px 5px; }
#account-callout strong { color: #333; font-size: 1.1em; }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}
.fancybox-skin{position:relative; background:#fff; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.fancybox-opened{z-index:8030}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer, .fancybox-inner{position:relative}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap}
.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%}
.fancybox-image{max-width:100%; max-height:100%}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{}
#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060}
#fancybox-loading div{width:44px; height:44px;}
.fancybox-close{background-image:url('../fancybox/fancy_close-2.png'); position:absolute; top:5px; right:5px; width:25px; height:25px; cursor:pointer; z-index:8040}
.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; ; -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden}
.fancybox-prev span{left:10px; background-position:0 -36px}
.fancybox-next span{right:10px; background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important}
.fancybox-lock{overflow:hidden}
.fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010;}
.fancybox-overlay-fixed{position:fixed; bottom:0; right:0}
.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll}
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center}
.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0,0,0,0.8); -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}
.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}


ul#list_models { padding: 0 25px; }
ul#list_models a { color: #000; }
ul#list_models a:hover { color: #df32f4; }
ul#list_models a:hover img { border: 1px solid #bbb; }
ul#list_models li { float: left; margin: 5px 27px; text-align: center; font-size: 1.1em; font-weight: bold; }
ul#list_models img { border: 1px solid #ccc; border-bottom: 1px solid #bbb; -moz-border-radius: 15px; border-radius: 15px; padding: 5px; margin-bottom: 3px; background: #f5f5f5 url('../images/modulebg.png') repeat-x; }
#alphabet_links { text-align: center; margin: 30px 0; }
#alphabet_links a { color: #000; font-weight: bold; margin: 0 2px; }

#polaroids { text-align: center; position: relative; }
#polaroids ul#stats { font-size: 11px; border: 1px solid #ddd; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; margin: 0 120px 10px 120px; background: #f5f5f5 url('../images/modulebg.png') repeat-x; }
#polaroids ul#stats li { display: inline; margin: 0 5px; }
#polaroids ul#stats h1 { display: inline; font-size: 1.5em; }
#polaroids img.polaroid { margin: 0 5px; max-width: 354px; max-height: 479px; }
#polaroids #links { margin: 20px 0px; }
#polaroids #links a { margin: 0 4px; }
#polaroids #arrowlinks { position: absolute; top: 250px; left: 48px; z-index: 0; }
#polaroids #arrowlinks a.next { margin-left: 800px; }


#portfolio { text-align: center; position: relative; }
#portfolio ul#stats { font-size: 11px; border: 1px solid #ddd; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; margin: 0 110px 10px 110px; background: #f5f5f5 url('../images/modulebg.png') repeat-x; }
#portfolio ul#stats li { display: inline; margin: 0 5px; }
#portfolio ul#stats h1 { display: inline; font-size: 1.5em; }
#portfolio img.polaroid { margin: 0 5px; z-index: 1; max-width: 354px; max-height: 479px; }
#portfolio #links { margin: 20px 0px; }
#portfolio #links a { margin: 0 4px; }
#portfolio #arrowlinks { position: absolute; top: 250px; left: 48px; z-index: 0; }
#portfolio #arrowlinks a.next { margin-left: 800px; }

ul#resume { background: #f5f5f5 url('../images/modulebg.png') repeat-x; float: left; border: 1px solid #ddd; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; width: 390px; margin-left: 10px; font-size: 1.5em; text-align: left; font-size: 12px; min-height: 482px; }
ul#resume h2 { margin-bottom: 5px; }
ul#resume ul { margin: 0 0 5px 20px; }
ul#resume ul li { margin-bottom: 2px; }

#successes .success { background: #f5f5f5 url('../images/modulebg.png') repeat-x; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 230px 20px 0; text-align: center; padding: 10px; }
#successes h1 { font-family: Comic Sans MS, sans-serif; font-weight: normal; font-size: 24px; color:#3CF; margin: 15px 0; }
#successes .success p { text-align: left; margin-bottom: 10px; font-size: 1em; line-height: 1.4em; color: #000; }
#successes .brattyworld { float: right; width: 210px; text-align: center; height: 100%; padding-bottom: 10px; }
#successes ul#pagination { margin: 0 225px 40px 0px; text-align: center; }
#successes ul#pagination li { display: inline; }
#successes ul#pagination li a { background-color: #ff9900; color: #fff; padding: 5px; font-size: 13px; }
#successes ul#pagination li a:hover { background-color: #66cc33; }
#successes ul#pagination li a.active { background-color: #bbb; color: #555; }

.about-tabs { position: relative; margin: 0 auto; width: 960px; font-size: 14px; color: #000; }
.about-tabs h2 { font-weight: normal; margin-bottom: 0; }
.about-tabs input { position: absolute; z-index: 1000; width: 236px; opacity: 0; }
.about-tabs input#tab-2 { left: 237px; width: 80px; }
.about-tabs label { margin-top: 3px; background: #FF9C00; color: #fff; font-size: 16px; line-height: 40px; position: relative; padding: 0 20px; float: left; display: block; letter-spacing: 1px; text-align: center; font-weight: normal; }
.about-tabs input:hover + label { cursor: pointer; }
.about-tabs label:first-of-type { z-index: 2; }
.about-tabs .tab-label-2 { z-index: 1; }
.about-tabs input:checked + label { background: #fff; color: #FF9C00; z-index: 6; }
.about-tabs .tab-content { background: #fff; position: relative; z-index: 5; }
.about-tabs .tab-content div { line-height: 1.4em; top: 0; left: 0; padding: 10px 40px; z-index: 1; opacity: 0; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; }
.about-tabs .tab-content div.tab-content-2 { position: absolute; top: 0; }
.about-tabs input.tab-selector-1:checked ~ .tab-content .tab-content-1, .about-tabs input.tab-selector-2:checked ~ .tab-content .tab-content-2 { z-index: 100; opacity: 1; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; }
ul#faq-answers p { color: #000; font-size: 1em; }
ul#faq-answers h1 { font-size: 1.2em; line-height: 1.5em; color: #00cccc; margin-bottom: 5px; margin-top: 20px; }

.learn-tabs { font-size: 14px; float: right; }
.learn-tabs h3 { margin: 2px 0; }
.learn-tabs input { position: absolute; z-index: 1000; opacity: 0; }
.learn-tabs label { background: url("../images/rightCol_btn.jpg") no-repeat center center; color: #fff; position: relative; padding: 0 27px; float: left; display: block; letter-spacing: 1px; text-align: center; font-weight: normal; }
.learn-tabs input:hover + label { cursor: pointer; }
.learn-tabs label:first-of-type { z-index: 2; }
.learn-tabs .tab-label-2 { z-index: 1; }
.learn-tabs input:checked + label { background: url("../images/rightCol_Current_btn.jpg") no-repeat center center; z-index: 6; color: #cc33ff; }
.learn-tabs .tab-content { margin-top: 5px; position: relative; z-index: 5; height: 356px; text-align: center; overflow: auto; }
.learn-tabs .tab-content div { width: 100%; line-height: 2em; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; }
.learn-tabs input.tab-selector-1:checked ~ .tab-content .tab-content-1, .learn-tabs input.tab-selector-2:checked ~ .tab-content .tab-content-2 { z-index: 100; opacity: 1; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; }
.watchandlearn { margin-top: 20px; padding-bottom: 30px; }
.watchandlearn, .watchandlearn h3, .watchandlearn h4, .watchandlearn h5 { font-size: 14px; }
.watchandlearn ul { background-color: #fff; }
.watchandlearn li { position: relative; width: 180px; padding: 20px 10px 50px; float: left; line-height: 22px; }
.watchandlearn li a .playbutton { position: absolute; background-image: url("../images/videoOver.png"); width: 150px; height: 150px; top: 0px; left: 17px; z-index: 20; display: none; } 
.watchandlearn li a:hover .playbutton { display: block; }
.watchandlearn li a img { margin-bottom: 10px; }
.watchandlearn h3 { color: #46d205; background: url("../images/learnGrayTab.png") no-repeat; padding: 7px 0 0 18px; height: 20px; }
.watchandlearn h3 a { display: block; color: #ff9c00; float: right; }
.watchandlearn a h4 { color: #52cccc; }
.watchandlearn a h5 { color: #c3f; }
.watchandlearn a p { color: #000; }

h1#item-header { background: url(../images/icons.jpg) 0 -347px no-repeat; height: 62px; color: #000; font-size: 18px; padding: 20px 0 0 65px; text-transform: uppercase; }
#item-gallery { float: left; width: 500px; position: relative; margin: 0 60px 60px 0; }
#item-thumbnails { position: absolute; top: 0; right: 0; z-index: 500; }
#item-thumbnails a { display: block; margin-bottom: 35px; border: 1px solid #ccc; }
#item-info { font-size: 14px; line-height: 1.3em; color: #000; margin: -60px 0 0 0; }
#item-info li { background: #fff; margin-left: 560px; padding: 10px; margin-bottom: 2px; }
#item-info p { margin-bottom: 15px; }
#item-info span.price { color: #FFAC00; font-weight: bold; font-size: 18px; }
select#size { width: 60px; }

h1#videos-header { font-size: 24px; height: 50px; color: #FFAC00; text-transform: uppercase; padding: 20px 0 0 65px; background-image: url("../images/icons.jpg"), url("../images/jewels.jpg"); background-repeat: no-repeat; background-position: top left, top right; }
#videos-list { width: 780px; margin-left: -2px; }
#videos-list li { position: relative; background-color: #fff; width: 180px; height: 300px; padding: 5px; margin: 2px; float: left; line-height: 18px; }
#videos-list li a .playbutton, #videos-box li a .playbutton { position: absolute; background-image: url("../images/videoOver.png"); width: 150px; height: 150px; top: -15px; left: 17px; z-index: 20; display: none; } 
#videos-list li a:hover .playbutton, #videos-box li a:hover .playbutton { display: block; }
#videos-list li a img, #videos-box li a img { margin-bottom: 10px; }
#videos-list, #videos-list h2, #videos-list h3, #videos-box, #videos-box h2, #videos-box h3 { font-size: 14px; }
#videos-list a h2, #videos-box a h2 { color: #52cccc; margin-bottom: 0; }
#videos-list a h3, #videos-box a h3 { color: #c3f; text-transform: none; }
#videos-list a p, #videos-box a p { color: #000; }

#video-player { background-color: #ddd; width: 755px; height: 450px; }
#videos-box { width: 214px; background-color: #fff; padding: 10px; float: right; }
#videos-box li { position: relative; line-height: 18px; }
#videos-box li a { width: 200px; display: block; margin: 0 auto; }
#videos-box hr { margin: 5px 0 10px 0; padding: 0; border: none; height: 1px; background-color: #efefe8; }

#article { float: left; width: 750px; color: #000; line-height: 1.6em; padding-left: 10px; }
#article p { margin-bottom: 20px; }

p.memory-intro { font-size:16px; color:#000; }
#game_instruction ol { font-size: 14px; line-height: 1.4em; margin: 0 20px 40px; }
#game_instruction li { margin-bottom: 10px; }
#scoretext { width: 230px; font-size: 16px; color: #000; font-weight: bold; text-align: center; }
#scoretext h1 { font-size: 23px; color: #ff9c00; margin-bottom: 15px;  }
#scoretext strong { color:#ff9c00; }
#doubles_facebook_button { position: absolute; bottom: 3px; left: 325px; }
#endscreen { position: relative; }
strong.brattybucks { font-size:18px; color:#000; }

#quiz { margin: 0 230px 0 20px; }
#quiz ul { margin-bottom: 20px; }
#quiz li label { font-size: 14px; line-height: 1.3em; color: black; font-weight: normal; }
h1#quiz-result-header { font-size: 24px; height: 50px; color: #FFAC00; text-transform: uppercase; padding: 20px 0 0 70px; background-image: url("../images/icon-quiz.png"), url("../images/jewels.jpg"); background-repeat: no-repeat; background-position: top left, top right; }

.loginpopup { border: 6px solid #33cc00; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
body#loginpopup { height: 225px; overflow: hidden; }
#loginpopup-inner h1 { color: #3366cc; font-size: 15px; text-align: center; margin-top: 15px; }
#loginpopup-inner form{ width: 250px; margin: 0 auto; margin-top: 30px; }
#loginpopup-inner label { text-align: right; width: 80px; display: block; float: left; color: #3366cc; font-size: 13px; padding-top: 5px; }
#loginpopup-inner p { position: relative; display: block; height: 30px; }
#loginpopup-inner input { position: absolute; right: 0; }
#loginpopup-inner form .actions { margin-top: 15px; }
#loginpopup-inner form .actions p { height: 50px; }

#authorized-login { padding: 20px 0 50px; }
#authorized-login h1 { font-size: 23px; color: #ff9c00; margin-bottom: 15px; text-align: center; }
#authorized-login form{ width: 280px; margin: 0 auto; margin-top: 30px; }
#authorized-login label { text-align: right; width: 110px; display: block; float: left; color: #3366cc; font-size: 13px; padding-top: 5px; }
#authorized-login p { position: relative; display: block; height: 30px; }
#authorized-login input { position: absolute; right: 0; }
#authorized-login form .actions { margin-top: 15px; }
#authorized-login form .actions p { height: 50px; }


body#brave-talent {	background: rgb(105,100,100) url(../images/bg-bravetalent.png); }
#brave-talent #globalHeader { background: url(../images/header_bravetalent_silver.png) no-repeat bottom; width: 1100px; height: 195px; margin: 0 auto; }
#brave-talent #globalHeader.orange { background: url(../images/header_bravetalent_orange.png) no-repeat bottom; }
#brave-talent #globalHeader.blue { background: url(../images/header_bravetalent_blue.png) no-repeat bottom; }
#brave-talent #footer{ width: 1020px; height: 100px; margin: 0 auto; background: url(../images/bottomBg_bt.jpg) #3f3c36 repeat-x; }

#brave-talent #logo a { display: block; }

#brave-talent #menu li { margin: 2px 22px 0px 0px; }
#brave-talent #menu li a { opacity: 1; padding: 12px 50px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; -webkit-border-radius: 5px; border-radius: 5px; }
#brave-talent #menu.silver li a { 
border-bottom: 2px solid #4D4D4D;
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d8d8 0%, #c4c4c4 51%, #a5a5a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(51%,#c4c4c4), color-stop(100%,#a5a5a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d8d8d8 0%,#c4c4c4 51%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d8d8d8 0%,#c4c4c4 51%,#a5a5a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d8d8d8 0%,#c4c4c4 51%,#a5a5a5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d8d8d8 0%,#c4c4c4 51%,#a5a5a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */

}
#brave-talent #menu.blue li a {
border-bottom: 2px solid #006691;
background: #50cece; /* Old browsers */
background: -moz-linear-gradient(top,  #50cece 0%, #49a8c0 51%, #0098bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50cece), color-stop(51%,#49a8c0), color-stop(100%,#0098bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #50cece 0%,#49a8c0 51%,#0098bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #50cece 0%,#49a8c0 51%,#0098bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #50cece 0%,#49a8c0 51%,#0098bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #50cece 0%,#49a8c0 51%,#0098bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50cece', endColorstr='#0098bf',GradientType=0 ); /* IE6-9 */

}
#brave-talent #menu.orange li a {
border-bottom: 2px solid #B34400;
background: #fcca28; /* Old browsers */
background: -moz-linear-gradient(top,  #fcca28 0%, #ff9d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcca28), color-stop(100%,#ff9d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcca28 0%,#ff9d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcca28 0%,#ff9d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcca28 0%,#ff9d00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcca28 0%,#ff9d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcca28', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */

}

#brave-talent #subMenu { margin-top: 23px; }
#brave-talent #subMenu a { padding: 10px 17px; }

#brave-talent .lavalamp { border-radius : 2px; -moz-border-radius : 2px; -webkit-border-radius : 2px; }
#brave-talent .lavalamp.silver { background : #C4C4C4; }
#brave-talent .lavalamp.blue { background: #45C5E6; }
#brave-talent .lavalamp.orange { background: #FCBD00; }

#brave-talent #subMenu a:hover:nth-of-type(1) ~ .lavalamp { width: 110px !important; left: 23px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a:hover:nth-of-type(2) ~ .lavalamp { width: 88px !important; left: 151px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a:hover:nth-of-type(3) ~ .lavalamp { width: 118px !important; left: 257px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a:hover:nth-of-type(4) ~ .lavalamp { width: 70px !important; left: 394px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a:hover:nth-of-type(5) ~ .lavalamp { width: 66px !important; left: 487px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a:hover:nth-of-type(6) ~ .lavalamp { width: 134px !important; left: 575px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a:hover:nth-of-type(7) ~ .lavalamp { width: 102px !important; left: 731px !important; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#brave-talent #subMenu a.current:nth-of-type(1) ~ .lavalamp { width: 110px; left: 23px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a.current:nth-of-type(2) ~ .lavalamp { width: 88px; left: 151px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a.current:nth-of-type(3) ~ .lavalamp { width: 118px; left: 257px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a.current:nth-of-type(4) ~ .lavalamp { width: 70px; left: 394px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a.current:nth-of-type(5) ~ .lavalamp { width: 66px; left: 487px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a.current:nth-of-type(6) ~ .lavalamp { width: 134px; left: 575px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
#brave-talent #subMenu a.current:nth-of-type(7) ~ .lavalamp { width: 102px; left: 731px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

#brave-talent #content { background-color: #f0f6f9; }

#brave-talent #bt-intro { background: #fff; color: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0px 10px 0; padding: 10px; line-height: 1.5em; }
#brave-talent #bt-intro.orange { border: 1px solid #ff9d00; }
#brave-talent #bt-intro.silver { border: 1px solid #aaa; }
#brave-talent #bt-intro.blue { border: 1px solid #0099c0; }
#brave-talent #bt-intro p { margin-bottom: 10px; }

#brave-talent .bt-entry { background: #fff; border: 1px solid #ddd; border-bottom-color: #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0px 5px 0; padding: 10px 10px 0 10px; }
#brave-talent .bt-images { margin-bottom: 10px; }
#brave-talent .bt-images img { width: 238px; border: 2px solid #ddd; }
#brave-talent .bt-story { font-family: "Georgia", serif; margin: 15px 10px 0 205px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 1.5em; }
#brave-talent .bt-story p { margin-bottom: 8px; }
#brave-talent .bt-links { float: left; margin-top: 0px; border-right: 1px solid #ddd; padding-right: 10px; }
#brave-talent .bt-links h1 { font-size: 24px; text-align: center; margin-bottom: 10px; }
#brave-talent .bt-links a { display: block; -webkit-box-shadow: 0 0px 1px 0 #ccc; box-shadow: 0 0px 1px 0 #ccc; border: 1px solid #bbb; padding: 23px 40px; margin-bottom: 9px; color: #555; font-size: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; text-align: center;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
#brave-talent .bt-links a:hover { border: 1px solid #B200C9; color: #fff; -webkit-box-shadow: 0 1px 1px 0 #bbb; box-shadow: 0 1px 1px 0px #bbb;
background: #ff3dff; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3dff 0%, #df32f4 50%, #d602f2 51%, #e102ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3dff), color-stop(50%,#df32f4), color-stop(51%,#d602f2), color-stop(100%,#e102ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3dff 0%,#df32f4 50%,#d602f2 51%,#e102ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3dff 0%,#df32f4 50%,#d602f2 51%,#e102ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3dff 0%,#df32f4 50%,#d602f2 51%,#e102ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3dff 0%,#df32f4 50%,#d602f2 51%,#e102ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3dff', endColorstr='#e102ff',GradientType=0 ); /* IE6-9 */
 }
#brave-talent .bt-entry br.clear { margin: 0; }
