* {padding:0;margin: 0;}
html, body {height: 100%;	margin: 0px;	padding: 0px; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 13px;background: url('/resources/graphics/bg/main_bg_signup.png') #FFFFFF; background-repeat:repeat-x;}

/* header */
#wosHeader{font-family: Tahoma, Verdana, sans-serif, Arial;  width:100%; margin: 0px auto;  text-align:center; overflow:hidden;}
#headerLogo{float:left;margin:0px 0px 0px 5px;overflow:hidden;border:0px;width: 45px; height: 50px;}
#topNavigator{margin: 0px auto; width:925px; text-align:left;}
#logo{}
#logo img{border:none;}
#headerWrapper{margin: 0px auto; background: transparent; overflow:hidden; clear:both; height: 55px;}
#headerControlBox{background: url('/resources/contest/audition1/lib/header_bg.png') bottom repeat-x; margin: 0px auto; padding: 0 0 5px 0;width:925px; text-align:left;overflow:hidden;}
#headerButton{margin:5px 0px 0px  10px; float:left;width: 450px; }
* html #headerButton{margin-left: 10px;float:left;width: 450px; }



#main-nav {width: 515px; height: 30px; margin: 0 auto; padding: 0;}
#main-nav li, #main-nav li a {height: 30px; display:inline;margin-top: 5px;}
#main-nav li {list-style: none;}
#main-nav li a{float: left;display:inline;color:#000000;text-decoration: none; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 17px;padding:0 0 0 12px; height: 30px;line-height: 30px;text-align: center;cursor: pointer;}
#main-nav li a span{float: left;display:inline;padding: 0 12px 0 0px; }

#main-nav li a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.png') no-repeat;	background-position: left top;}
#main-nav li a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.png') no-repeat right top;}
#main-nav li a:hover{color: #FFFFFF;	background: url('/resources/graphics/bg/bg_head_navigator_left.png') no-repeat;	background-position: left top;}
#main-nav li a:hover span{color: #FFFFFF;background: url('/resources/graphics/bg/bg_head_navigator_right.png') no-repeat right top;}
#main-nav li.headerActive a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.png') no-repeat; background-position: left bottom;}
#main-nav li.headerActive a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.png') no-repeat right bottom;}

* html #main-nav li a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.gif') no-repeat;	background-position: left top;}
* html #main-nav li a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.gif') no-repeat right top;}
* html #main-nav li a:hover{color: #FFFFFF;	background: url('/resources/graphics/bg/bg_head_navigator_left.gif') no-repeat;	background-position: left top;}
* html #main-nav li a:hover span{color: #FFFFFF;background: url('/resources/graphics/bg/bg_head_navigator_right.gif') no-repeat right top;}
* html #main-nav li.headerActive a{color: #000000;	background: url('/resources/graphics/bg/bg_head_navigator_left.gif') no-repeat; background-position: left bottom;}
* html #main-nav li.headerActive a span{color: #000000;background: url('/resources/graphics/bg/bg_head_navigator_right.gif') no-repeat right bottom;}



#badgeOption{ width: 330px;  color: #333333; font-size: 13px; padding-top:5px;	text-align:right; overflow: hidden;  }
#badgeProfile{width: 250px;float:right; padding-right: 5px;text-align:right;font-size: 13px;}
#badgeProfile ul{list-style:none;}
#badgeProfile li{display:inline;}
#badgeProfile li.divide{border-left: 1px solid #CCCCCC;padding-left: 5px;}
#badgeProfile div#nav-profile{float:right;clear:both; padding-top: 3px; background: url('/resources/graphics/icons/icon_home.png') no-repeat;}
#badgeProfile div#nav-profile a{color: #0099FF;padding-left: 25px;}
#badgeProfile div#nav-profile a:hover{color: #0099FF;padding-left: 25px;}
#badgeProfile a{text-decoration: none;color: #333333; background:transparent;}
#badgeProfile a:hover{text-decoration: underline;color: #62A0BF;	background:transparent;}
#badgeProfile li.noMsg{background: url('/resources/graphics/icons/icon_email.png') no-repeat;}
#badgeProfile li.hasMsg{background: url('/resources/graphics/icons/icon_email_receive.gif') no-repeat;}
#badgeProfile li#nav-message a{padding-left: 20px; }
#badgeProfile li#nav-message a:hover{padding-left: 20px; }
#badgeProfile span#nav-accType{color: #62A0BF;}
#badgeAvatar{float:right;}
#badgeAvatar img{height:38px;width:38px;border:none;margin-right: 10px;-ms-interpolation-mode: bicubic;}

/* content */
#wosContent{font-family: Tahoma, Verdana, sans-serif, Arial; width: 923px; border: 1px solid #DDDDDD; margin: 0px auto; overflow:hidden;}
#pageWrapper{margin: 0px;background:#FFFFFF;}
#wrapper{background: transparent; min-height: 100%;}


/* wos footer */
#wosFooter {margin: 0 auto; text-align:center; position: relative;margin-top: 0em; width:100%;background: transparent; font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}
div#footer{height: 20px; color: #333333;  font-size: 13px; background: #FFFFFF; display:block;padding:0pt 0pt 2em;visibility:visible;width:923px;border: 1px solid #DDDDDD;margin: 0 auto; text-align:left;}
#footer a{text-decoration:none;color: #333333;}
#footer a:hover{text-decoration:underline;}
#wosFooterClear {margin: 0 auto; text-align:center; position: relative;margin-top: 0em; height: 20px; width:100%; background: transparent;}



/******* Page *********/
#pageHeader{clear:both; overflow:hidden;  width: 925px;display:none;}
#pageMain{clear:both; overflow:hidden; width: 925px;}
#pageFooter{clear:both; overflow:hidden; width: 925px;display:none;}


/* short cut  */
.left{float:left;}
.center{text-align: center; margin: 0px auto;}
.right{float:right;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.nomargin{margin:0px;}
.clear{clear:both;display:block;height:0pt;visibility:hidden;}
.clear:after{clear:both;content:".";display:block;height:0pt;visibility:hidden;}
.hidden{display:none;}
.show{display:block;}
a{-moz-outline: none;}
a:active, a:focus{ outline: none;-moz-outline-style: none; }
a{color: #0099FF;text-decoration:underline;}
a:hover{color:#FF0099;text-decoration:underline;}

#signUpContainer{background: #FFFFFF;padding: 10px;overflow:hidden;clear:both;}
#signUpStep{width: 300px;float:left}
#signUpStep h4{font-size: 20px;font-weight:normal;}
#signUpStep ol{list-style:none;}
#signUpStep li{font-size: 14px;color: #333333;padding: 2px 0px;}
#signUpBanner{width:300px; height: 100px; background: url('/resources/graphics/general/signup_logo_thewos.png') top left no-repeat;margin-bottom: 20px;}
#signUpAds{}

#signUpDetail{float:right;width: 590px;}
#signUpDetail h3{padding-bottom:10px;font-size: 22px;}
#signUpDetail h4{font-size: 17px;font-weight:normal;}
#signUpDetail fieldset{border:none;margin: 5px 0px;padding: 0px;}
#signUpDetail legend{font-size: 14px;margin:0;padding: 5px 0px;color: #000000;font-weight:bold;}
#signUpDetail label.fldlabel{float:left;width:25%;text-align:right;padding:.2em .5em 0 0;color:#505050}
#signUpDetail input.fldinput, #signUpDetail select.fldinput, #signUpDetail span.fldremark{position:relative;margin-bottom:.2em;font-size:100%;padding-top:2px}
#signUpDetail input.fldinput{width: 150px;}
#signUpDetail span.fldremark{color: #505050;}
#signUpDetail .tip{font-size: 11px;font-style:normal;}
#signUpDetail div.tbMkt{margin: 5px 0px;overflow:hidden;clear:both;}
#signUpDetail div.tblabelMkt{float:left;width:150px;text-align:right;padding:.2em .5em 0 0;color:#505050}
#signUpDetail div.tbfldMkt{position:relative;margin-bottom:.2em;font-size:100%;padding-top:2px;}
#signUpDetail div.tbfldinput{float:left;padding:.2em .5em 2em .5em;}
#signUpDetail div.pPrefsTos{color:#505050}
#signUpDetail div.formSubmit{margin: 20px 0px 30px 0px;text-align:center;}
#signUpDetail .formSubmit input{font-size: 17px;font-family:Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;}

#encryptContainer div.encrypt_text{margin: 10px;color: #999999;}


div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
  z-index: 12;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#efefef;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}