* { margin:0;padding:0;border: 0px none;}
ul, ol, li { list-style-type:none; }
a { text-decoration: none; color: #ec008c; }
a:hover {text-decoration: underline;}
body {
font: 12px "Arial", Helvetica, sans-serif;  
background: #167ec9;
color: #3f288e;
}

.andrew2 {font-weight: bold;  width: 90px; float: left;vertical-align:top; padding: 0px 0 0;}

.andrew {
border: 1px solid #8d8799;
font: normal 13px/14px "Arial", Helvetica, sans-serif;
background: #fff url(../images/input-bg.gif) 0 0 repeat-x;
padding: 5px;
margin: 0 8px 8px 0;
width: 175px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #6b608a;
}

html, body {height: 100%;}
#page {min-height: 100%;}
* html #page {height: 100%;}
#page {
z-index: 2;
position: relative;
margin: auto;
}
.bgstretcher {
background: #167ec9;
overflow: hidden;
width: 100%;
position: fixed !important;
z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
margin: 0;
padding: 0;
list-style: none;
}
/* center content within window */
#wrapper {width: 915px;margin: 0 auto;}
/* logo */
#header {width: 915px;text-align: center;}
#header img {margin: 5px 0 10px;font: bold 2.8em/1.2em "Arial", Helvetica, sans-serif; }


/* main navigation */
ul#nav {
width: 908px;
height: 59px;
float: left;
padding-left:7px;
margin: 0 0 15px;
font: bold 1.8em/1.2em "Arial", Helvetica, sans-serif;  
}
ul#nav, ul#nav li { float: left; }
ul#nav li a {display:block; height: 56px;  }
ul#nav li.home a {background:url(../images/nav.png) 0 0; width: 131px;}
ul#nav li.home a:hover {background:url(../images/nav.png) 0 -115px; }
ul#nav li.home a.active {background:url(../images/nav.png) 0 -56px;height: 59px; }
ul#nav li.competition a {background:url(../images/nav.png) -131px 0; width: 223px;}
ul#nav li.competition a:hover {background:url(../images/nav.png) -131px -115px; }
ul#nav li.competition a.active {background:url(../images/nav.png) -131px -56px;height: 59px; }
ul#nav li.game a {background:url(../images/nav.png) -354px 0; width: 213px;}
ul#nav li.game a:hover {background:url(../images/nav.png) -354px -115px; }
ul#nav li.game a.active {background:url(../images/nav.png) -354px -56px;height: 59px; }
ul#nav li.djs a {background:url(../images/nav.png) -567px 0; width: 163px;}
ul#nav li.djs a:hover {background:url(../images/nav.png) -567px -115px; }
ul#nav li.djs a.active {background:url(../images/nav.png) -567px -56px;height: 59px; }
ul#nav li.downloads a {background:url(../images/nav.png) -730px 0; width: 178px;}
ul#nav li.downloads a:hover {background:url(../images/nav.png) -730px -115px; }
ul#nav li.downloads a.active {background:url(../images/nav.png) -730px -56px;height: 59px; }
ul#nav li a span {display:none;}


/* home page container */
.container { 
clear: both;
text-align: center;
width: 886px;
margin: 0 0 25px 7px;
padding: 101px 22px 0 0;
height: 553px;
background:url(../images/container-bg.png) 0 0 no-repeat;
}
.container .left-column {float: left; width: 360px; text-align: center; padding: 0 0 0 15px;}
.container .share {
width: 193px;
clear: both;
height: 45px;
text-align: right;
float: right;
padding: 8px 0 0 0;
background: url(../images/share-bg.png) 0 0 no-repeat;
}
.share a { margin: 0 17px 0 2px;}


/* Tabs */
.ui-tabs { padding: 0; zoom: 1; width: 500px; float: right; margin: 0 0 16px;background: url(../images/video-tabs-bg.png) 0 31px no-repeat;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; width: 500px; height: 32px; float: left; padding: 0 0 0 12px; }
.content .ui-tabs .ui-tabs-nav li { position: relative; float: left; padding: 0; background: none;height: 32px;}
.ui-tabs ul, .ui-tabs ul li {margin: 0;float: left;height: 32px;} 
.ui-tabs .ui-tabs-nav li a { outline: none; margin: 0 5px 0 0; float: left; width: 134px; height: 23px;text-decoration: none; padding: 9px 0 0; font-size: 16px;font-weight: bold;color: #fff; text-align: center; background: url(../images/tabs.png) 0 0 no-repeat;}
.ui-tabs .ui-tabs-nav li a:hover { text-decoration: underline;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: url(../images/tabs.png) 0 -32px no-repeat;color: #3d2789;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { float: left; background: none; height: 455px; width: 500px; padding: 0;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel .tab-content { float: left;height: 445px; width: 480px; padding: 10px 10px 0; clear: both; text-align: left;}
.ui-tabs .ui-tabs-panel .tab-content p { text-align: center; margin: 10px 0 0;}
.ui-tabs .ui-tabs-panel .tab-content h2 { text-align: center; margin: 15px 0 0; font-size: 22px;}
.ui-tabs .ui-tabs-panel .tab-content h2 span { color: #ec008c;}
.ui-tabs .ui-tabs-panel .tab-content p a { margin: 0 2px;}



/* DJ Tabs */
body.djs .ui-tabs { width: 858px; float: left; background: none;}
body.djs .ui-tabs .ui-tabs-nav { width: 858px; height: 40px; padding: 5px 0; }
body.djs .content .ui-tabs .ui-tabs-nav li, body.djs .ui-tabs ul, .ui-tabs ul li { height: 40px;}
body.djs .ui-tabs .ui-tabs-nav li a { width: 230px; height: 32px;text-decoration: none; padding: 8px 0 0; font-size: 15px; background: url(../images/dj-tabs.gif) 0 -40px no-repeat;}
body.djs .ui-tabs .ui-tabs-nav li a span {font-size: 12px; font-weight: normal;}
body.djs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, body.djs .ui-tabs .ui-tabs-nav li.ui-state-disabled a, body.djs .ui-tabs .ui-tabs-nav li.ui-state-processing a { background: url(../images/dj-tabs.gif) 0 0 no-repeat;}
body.djs .ui-tabs .ui-tabs-panel {width: 858px; padding: 0;height: auto;}
body.djs .ui-tabs .ui-tabs-panel .tab-content { text-align:left; width: 858px; height: auto; padding: 10px 0 0;}
body.djs .ui-tabs .ui-tabs-panel .tab-content p { text-align:left; margin: 0 0 15px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content h2 { text-align: left; margin: 0 0 12px; font-size: 22px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content h2 a { float: right; }
body.djs .ui-tabs .ui-tabs-panel .tab-content h3 { margin: 0 0 5px; }
body.djs .ui-tabs .ui-tabs-panel .tab-content h2 span { color: #ec008c;}
body.djs .ui-tabs .ui-tabs-panel .tab-content p a { margin: 0 2px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content img.left {float: left; margin: 0;}
body.djs .ui-tabs .ui-tabs-panel .tab-content img.right {float: right; margin: 0 0 15px 20px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .gallery { float: left; width: 665px; margin: 10px 20px 15px 0;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .video-link { float: left; width: 170px;margin: 10px 0 15px 0;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .gallery h4, body.djs .ui-tabs .ui-tabs-panel .tab-content .video-link h4 { background: #3d2789; color: #fff; padding: 5px 10px; float: left; font-size: 14px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .gallery div, body.djs .ui-tabs .ui-tabs-panel .tab-content .video-link div { float: left; width: 645px; clear: left; background: #e0dfe6; padding: 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .video-link div { width: 150px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .gallery div img, body.djs .ui-tabs .ui-tabs-panel .tab-content .video-link div img { padding: 2px;border: 1px solid #a19cab; background: #fff; margin: 0 8px 0 0;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .rightcontent {float: right; width: 560px;}

body.djs .ui-tabs .ui-tabs-panel .tab-content .comment {background: url(../images/comment-btm.gif) 0 bottom no-repeat; margin: 0 0 10px; width: 857px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .comment div {background: url(../images/comment-top.gif) 0 0 no-repeat; padding: 7px 7px 7px 24px; width: 826px;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .comment p {margin: 0;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .comment span {float: right; padding: 0 0 0 20px; color: #7f7898;}
body.djs .ui-tabs .ui-tabs-panel .tab-content .comment span a.likeit {background: url(../images/heart.gif) 0 2px no-repeat; padding: 0 0 0 12px; margin-left: 5px;}


/* main content on internal pages */
#content { 
width: 908px;
clear: both;
margin: 0 0 25px 7px;
}
#content .top { 
width: 908px;
height: 20px;
background:url(../images/content-top.png) 0 0 no-repeat;
}
#content .btm { 
width: 858px;
padding: 5px 25px;
background:url(../images/content-btm.png) 0 bottom no-repeat;
}
#content .btm-white { 
width: 890px;
padding: 5px 8px;
background:url(../images/content-btm-white.png) 0 bottom no-repeat;
}
#content .share {
width: 193px;
clear: both;
height: 39px;
text-align: right;
float: right;
margin: 0;
padding: 12px 10px 0 0;
}
#content .btm-white .share {padding: 12px 25px 0 0;}
#content .share a { margin: 0 2px 0 17px;}
#content .left-column {float: left;}
#content .right-column {float: right;}
#content .comp {width: 500px;}
#content .video {width: 490px;}
#content .video-downloads {width: 360px;}


/* download videos */
.download-video {background: url(../images/download-video-bg.jpg) 0 0 no-repeat;width: 360px; height: 111px; padding: 0 10px;}
.download-video div {float: left;width: 170px; height: 96px; padding: 15px 0 0; text-align: center;}
.download-video div p { margin: 0 0 8px;}


/* common font styles */
h1 {font: bold 30px/33px "Arial", Helvetica, sans-serif; margin: 0 0 12px; color: #ec008c;letter-spacing:-1px;}
h1.margin {margin: 0 0 0 25px;}
h2 {font: bold 20px/25px "Arial", Helvetica, sans-serif; margin: 0 0 12px; letter-spacing:-1px;}
h2 span {font-weight: normal; font-size: 18px;}
p {font: 12px/16px "Arial", Helvetica, sans-serif;margin: 0 0 12px; }
ul {font: 12px/16px "Arial", Helvetica, sans-serif;margin: 0 25px 12px; }
ul li {margin: 0 0 12px; }
ul li ul {margin: 12px 25px; }
small { font-size: 11px;}


/* game navigation */
ul#game-nav {
width: 750px;
height: 32px;
float: left;
padding-left: 135px;
margin: -12px 0 10px;
font: bold 1.4em/1.2em "Arial", Helvetica, sans-serif;  
}
ul#game-nav, ul#game-nav li { float: left; }
ul#game-nav li a {display:block; height: 32px; width: 133px; margin-right: 10px;}
ul#game-nav li.play a {background:url(../images/game-nav.gif) 0 0;}
ul#game-nav li.play a:hover {background:url(../images/game-nav.gif) 0 -64px; }
ul#game-nav li.play a.active {background:url(../images/game-nav.gif) 0 -32px; }
ul#game-nav li.how a {background:url(../images/game-nav.gif) -133px 0;}
ul#game-nav li.how a:hover {background:url(../images/game-nav.gif) -133px -64px; }
ul#game-nav li.how a.active {background:url(../images/game-nav.gif) -133px -32px; }
ul#game-nav li.challenge a {background:url(../images/game-nav.gif) -266px 0; width: 181px;}
ul#game-nav li.challenge a:hover {background:url(../images/game-nav.gif) -266px -64px; }
ul#game-nav li.challenge a.active {background:url(../images/game-nav.gif) -266px -32px; }
ul#game-nav li.scoreboard a {background:url(../images/game-nav.gif) -447px 0; }
ul#game-nav li.scoreboard a:hover {background:url(../images/game-nav.gif) -447px -64px; }
ul#game-nav li.scoreboard a.active {background:url(../images/game-nav.gif) -447px -32px; }
ul#game-nav li a span {display:none;}


/* backgrounds for play game section */
.blue-bg-three-hundred {
width: 890px;
height: 280px;
padding: 20px 0 0;
margin: 0;
background:url(../images/blue-bg-300.gif) 0 0;
clear: both;
}
.center { text-align: center;}
.blue-bg-three-hundred .twocols div, .blue-bg-howtoplay .twocols div { float: left; width: 395px; padding: 0 25px;}
.blue-bg-three-hundred .twocols div.first, .blue-bg-howtoplay .twocols div.first { background:url(../images/trans-divider.png) right 0 repeat-y;}
.blue-bg-howtoplay {
width: 890px;
height: 365px;
padding: 20px 0 0;
margin: 0;
background:url(../images/blue-bg-385.gif) 0 0;
clear: both;
}


/* how to play page */
.blue-bg-howtoplay .twocols div.howtoplay {padding: 0; margin: 0 0 10px;}
.blue-bg-howtoplay .twocols div.howtoplay span {float: left; width: 45px; padding: 12px 0 0;}
.blue-bg-howtoplay .twocols div.howtoplay p {float: left; width: 230px;padding: 12px 0 0; font: 14px/18px "Arial", Helvetica, sans-serif;}
.blue-bg-howtoplay .twocols div.howtoplay div {float: right; margin: 0; padding: 0; width: auto;}


/* scoreboard section */
.blue-bg-scoreboard {
width: 890px;
height: 365px;
padding: 20px 0 0;
margin: 0;
background:url(../images/blue-bg-scoreboard.gif) 0 0;
clear: both;
}
.blue-bg-scoreboard .twocols div {float: left; width: 381px; padding: 53px 20px 0 40px; text-align: center;}
.blue-bg-scoreboard .twocols div table {font-size: 14px; width: 360px;}
.blue-bg-scoreboard .twocols div table th, .blue-bg-scoreboard .twocols div table td {padding: 3px 0 2px; text-align: left; border-bottom: 1px solid #d6dadd;}
.blue-bg-scoreboard .twocols div table tr.highlight td {background: #fde5f3; color: #ec008c;  font-weight: bold;}


#flashcontent { margin: 0 0 0 5px;}


/* form styles */
.blue-bg-three-hundred form label {font-weight: bold;  width: 110px; float: left; padding: 6px 0 0;}
.blue-bg-three-hundred form input, .blue-bg-three-hundred form textarea {
border: 1px solid #8d8799;
font: normal 13px/14px "Arial", Helvetica, sans-serif;
background: #fff url(../images/input-bg.gif) 0 0 repeat-x;
padding: 5px;
margin: 0 8px 8px 0;
width: 175px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #6b608a;
}
.blue-bg-three-hundred form textarea {width: 370px;}
.blue-bg-three-hundred form input.checkbox {border: 0;padding: 0; margin: 0 5px 0 0; background: none;width: auto;-moz-border-radius: 0;-webkit-border-radius: 0; }
.blue-bg-three-hundred form input:focus, .blue-bg-three-hundred form textarea:focus { outline: 0; border: 1px solid #ec008c;color: #ec008c;font-weight: bold}
.blue-bg-three-hundred form input.btn {
border: 0;
background: none;
padding: 0;
outline: none;
width: auto;
}


/* the competition list */
ul.pink {font: 17px/22px "Arial", Helvetica, sans-serif;margin: 0 0 12px; width: 500px; float: left;}
ul.pink li {
margin: 0 0 12px; 
background: url(../images/ul-pink-li.png) 0 0 no-repeat;
width:470px; 
height: 44px; 
padding: 14px 10px 0 20px;
color: #fff;
}
ul.pink li span{ font-size: 25px; font-weight: bold; padding: 0 2px 0 0;}


/* ruler between elements */
.ruler {background:url(../images/ruler.gif) 0 0 repeat-x; height: 5px; margin: 0 0 12px; width: 100%;}
.blue-ruler {background:url(../images/blue-ruler.gif) 0 bottom repeat-x; height: 5px; margin: 0 10px 15px; }


/* clear everything */
.clearall { 
width: 100%;
clear: both;
line-height: 0px;
font-size: 0px;
}


/* fixed footer */
#clearfooter {display: block;height: 50px;}
#footer {
width: 100%;
clear: both;
z-index: 3;
height: 41px;
background: url(../images/footer.png) 0 0 repeat;
text-align:center;
margin: -50px auto 0 auto;
position: relative;
padding-top: 9px;
}
#footer p {
margin: 0;
text-align: left;
padding: 0 0 0 20px;
font-size: 11px;
color: #fff;
float:left;
}
#footer p.follow { float: right;padding: 0 20px 0 0;}
#footer a { color: #e4bb3e; padding: 0 1px;}
/* thickbox */
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack, .TB_overlayBG {background: url(../images/thickbox/overlay.png) repeat;}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
z-index: 102;
color:#000000;
width: 570px;
height: 360px;
padding: 0 5px 40px 25px;
background: url(../images/thickbox/bg.png) repeat;
display:none;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_caption{ float:left;}
#TB_closeWindow a, #TB_closeAjaxWindow a{
height:44px;
width: 44px;
margin: -15px -18px 0 0;
float:right;
text-indent: -9999px;
background: url(../images/thickbox/close.png) repeat;
outline: none;
}
#TB_ajaxContent{
  clear:both;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{}
#TB_ajaxContent p{}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#TB_ajaxContent h1 {font: bold 25px/29px "Arial", Helvetica, sans-serif; margin: 0 0 12px; color: #ec008c;letter-spacing:-1px;}
#TB_ajaxContent h2 {font: bold 18px/22px "Arial", Helvetica, sans-serif; margin: 0 0 12px; letter-spacing:-1px;color: #3f288e;}
#TB_ajaxContent h3 {font: bold 14px/17px "Arial", Helvetica, sans-serif; margin: 0 0 6px; letter-spacing:-1px;color: #000;}
#TB_ajaxContent .ruler { width: 97%;}