/*PADRAO GERAL DO SITE ----------------*/
body{margin:auto;padding: 0px;font: normal 12px Verdana;text-align: center;background: url('/Images/bg2.jpg') repeat-y top center;color: #666;}
form{margin:0; padding: 0}
a{color: #000;text-decoration: none;}
a:hover{color: #000;text-decoration: none;}
img{border: none;}
input, select, td{color: #666;}
ul{margin: 0px;padding: 0px;list-style-type: none;}
p{margin: 0; padding: 5px 0}
h1{font-family:Hobo Std; font-weight: bold; font-size: 26px; color: #d21241; padding:10px 0;margin:0}
h2{font-family:Hobo Std; font-weight: bold; font-size: 24px; color: #d21241; padding:10px 0;margin:0}
h3,h4{font-family:Hobo Std;  font-weight: bold; font-size: 20px; color: #FFF; padding:5px 0;margin:0}

/*CLASSES GERAIS --------------------*/
.none{display: none;}
.floatLeft{float: left;}
.floatRight{float: right;}
.inline{display: inline;vertical-align: top;}
.clear{clear: both;}
.small{font-size: 10px;}
.smallButton{font:bold 14px Hobo Std; display: block;float: left;background: url('/Images/button_bg_small.gif') repeat-x;height: 26px;line-height: 26px;color: #d21241}
.button {font:bold 22px Hobo Std; background:url('/Images/button_bg.gif') repeat-x; height: 43px; line-height: 43px; color: #d21241; display: block; float: left;padding: 0 5px;}
.textVerm{color: #d21241}
.backHome{font-size: 9px; float: right; padding: 15px;}

.errorMessage{ width: 380px; height: 17px; background:#ffe6e6 url('/Images/exclamation_orange.gif') no-repeat 0 0; border: 1px solid #ff2d00;padding: 5px 0 3px 35px; color: #ff2d00; font-weight:bold; font-size: 12px}
.sucessMessageSmall{width: 603px; height: 19px; float: left; background:#def8d7 url('/Images/exclamation_green_small.gif') no-repeat 0 0; border: 1px solid #00891d; margin-top: 10px; padding: 6px 0 0 35px; color: #00891d; font-weight:bold; font-size: 12px}

#geral{width: 765px; margin: auto; text-align: center}
#topo{width: 765px; margin:auto}
#content{width: 765px; margin: 0 auto; padding: 0}

/*Lista de Itens -------------------- */
#wallpapers_list{background:#d21241}
#screensavers_list{background:#d21241}

/* Content---------------- */
#topo #how_download{width: 765px; padding-bottom: 2px}
#topo #how_download ul{ text-align: left;}
#topo #how_download ul li{width: 215px; float: left; padding:8px 20px; text-align: center}
#topo #how_download ul li span{text-align: left; display: block;}
#topo #how_download ul li strong{color:#da696b; font-size: 16px;}

#topo #sign{width: 755px;clear: both; padding: 0px 5px; margin: 0; text-align: left}
#topo #sign #login{background:#ab0535; width: 220px; height: 115px; float: left; margin:0px; padding:35px 20px 55px 20px; color:#FFF; font-weight: bold; font-size: 16px; text-align: center}
#topo #sign #login .button{ width: 85px;display: block; margin: 0px; padding:30px 0 0 70px}
#topo #sign #register{background:#ab0535; width: 465px; height: 205px; float: left; margin: 0 5px 0 0; padding: 0px 10px 0 15px; color: #ffffff;}
#topo #sign #register h2{color: #FFF}
#topo #sign #register #phoneNumber{width: 225px; color: #FFF; padding:0px 0 10px 0;float: left}
#topo #sign #register #phoneNumber input{width:90px; margin-top: 4px; padding: 3px 2px;}
#topo #sign #register #pinNumber{width: 225px;color: #FFF; float: left;}
#topo #sign #register #pinNumber input{width:40px; padding: 3px 2px; margin: 4px 7px 0 0; font-size: 14px}
#topo #sign #register #passwordNumber{width: 160px;color: #FFF;padding-bottom: 5px; float: left}
#topo #sign #register #passwordNumber input{width:40px; padding: 3px 2px; margin: 4px 7px 0 0; font-size: 14px;}
#topo #sign #register .errorMessage{width: 203px;float: left;margin-top: 17px;}
#topo #sign #register .button{width: 125px; float: left; margin: 0 0 0 0;padding: 0 0 0 0}
#topo #sign #register .smallButton{width: 125px; float: left; margin: 5px 0 0 0;padding: 0 0 0 0}
#topo #sign #register .small{color: #ffffff; font-size:9px}
#topo #sign #register .small a{color: #ffee7e}
#topo #sign #register #resendPassword{float: left; padding: 5px 0 0 0; margin: 0;}
#topo #sign #register #resendPassword li{background: url('/Images/bullet_seta_yellow.gif') no-repeat 3px 5px; padding-left: 11px;}
#topo #sign #register #resendPassword li a{font: bold 11px Verdana;color: #ffee7e}
#topo #sign #register #resendPassword li a:hover{text-decoration: underline;}
#topo #sign #register ul{float: right; padding: 0 0 0 0; margin: 0;}
#topo #sign #register ul li{background: url('/Images/bullet_seta_yellow.gif') no-repeat 3px 5px; padding-left: 11px;}
#topo #sign #register ul li a{font: bold 11px Verdana;color: #ffee7e}
#topo #sign #register ul li a:hover{text-decoration: underline;}
#topo #sign #logged{background:#ab0535; margin-top: 4px; padding: 15px 22px; color: #FFF; font-size: 14px}
#topo #sign #logged ul{margin: 0; padding: 0; text-align: left}
#topo #sign #logged ul li{float: left; border-right: 1px solid #FFF; padding: 0 20px 0 20px; margin:0}
#topo #sign #logged ul li.last{border: none;}
#topo #sign #logged ul li.phoneModel{width: 161px; text-align: center}
#topo #sign #logged ul li a{color:#ffee7e; font-weight: bold}
#topo #sign #logged ul li a:hover{text-decoration: underline;}
#topo #sign #pinRedeemMessage{width: 678px; height: 36px; float: left; background:#def8d7 url('/Images/exclamation_green.gif') no-repeat 0 0; border: 1px solid #00891d; margin-top: 10px; padding: 10px 0 10px 75px; color: #00891d; font-weight:bold; font-size: 16px}

#content #games{width: 765px; clear: both}
#content #games h2{font-size: 32px;}
#content #games #game_list{width: 740px; padding: 10px 15px 0 10px; text-align: left;background:#d21241 url('/Images/line_division.gif') no-repeat 10px 233px}
#content #games #game_list li{width: 740px; height:230px; text-align: left; margin-bottom: 5px}
#content #games #game_list li h3{font-family:Verdana; padding: 0 0 10px 0!important}
#content #games #game_list li .imgBig{width: 174px; height: 205px; float: left; margin: 5px 15px 0 5px}
#content #games #game_list li .game_list_infor{width: 530px; float: left; color: #FFF}
#content #games #game_list li .game_list_infor h3{margin: 0; padding: 0}
#content #games #game_list li .game_list_infor .smallButton{clear: none;padding: 0 0 13px 0; display: block;}
#content #games #game_list li .game_list_infor .supportDevices{background-position: 8px 4px;width: 150px;float: left; padding:0 0 10px 20px; color: #ffee7e; font-weight:  bold;}
#content #games #game_list li .game_list_infor ul{width:530px;clear: both}
#content #games #game_list li .game_list_infor ul li{border: none; display: inline;}
#content #games #game_list li .game_list_infor ul li img{width: 80px; height: 95px; padding: 0 5px}

#content #ringtones{width: 765px; clear: both}
#content #ringtones h2{font-size: 32px;}
#content #ringtones #ringtone_list{width: 765px; clear: both; color: #FFF; background:#d21241}
#content #ringtones #ringtone_list .supportDevices{width: 208px; margin: auto; clear: both;}
#content #ringtones #ringtone_list ul{text-align: left;}
#content #ringtones #ringtone_list ul li{width:362px; float: left; padding: 10px;}
#content #ringtones #ringtone_list ul li .imgBig{float: left; padding-right:10px;}
#content #ringtones #ringtone_list ul li div{width: 250px;float: left; font-size: 14px;}
#content #ringtones #ringtone_list ul li div .controlButton{display: block; clear: none}
#content #ringtones #ringtone_list ul li div.activePlaing{background-color: transparent;}

#content #wallpapers{width: 765px; clear: both}
#content #wallpapers h2{font-size: 32px;}
#content #wallpapers #wallpapers_list{width: 765px; clear: both; color: #FFF; background:#d21241; padding-bottom: 10px}
#content #wallpapers #wallpapers_list .supportDevices{width: 220px; margin: 10px auto 0 auto; padding-bottom: 5px; font-weight:bold; color: #ffee7e;display: block; clear: both}
#content #wallpapers #wallpapers_list ul{text-align: center; padding-top: 5px}
#content #wallpapers #wallpapers_list ul li{width: 132px;height:167px;float: left; padding: 10px 10px 0 11px}
#content #wallpapers #wallpapers_list ul li img{width: 132px; height:132px}
#content #wallpapers #wallpapers_list ul li .controlButton{float: left;padding: 5px 0 0 2px;}
#content #wallpapers #wallpapers_list ul li .controlButton img{width: 123px; height: 27px}

#content #screensavers{width: 765px; clear: both}
#content #screensavers h2{font-size: 32px;}
#content #screensavers #screensavers_list{width: 765px; clear: both; color: #FFF; background:#d21241; padding-bottom: 10px}
#content #screensavers #screensavers_list .supportDevices{width: 230px; margin: auto; font-weight:bold; color: #ffee7e; display: block;clear: both}
#content #screensavers #screensavers_list ul{text-align: center; padding-top: 5px}
#content #screensavers #screensavers_list ul li{width: 132px;height:167px;float: left; padding: 10px 10px 0 11px}
#content #screensavers #screensavers_list ul li img{width: 132px; height:132px}
#content #screensavers #screensavers_list ul li .controlButton{float: left; padding: 5px 0 0 2px}
#content #screensavers #screensavers_list ul li .controlButton img{width: 123px; height: 27px}


#content #privacyPolicy{text-align: left; padding: 0 10px; color: #000000}
#content #privacyPolicy p{margin-left: 15px;}

#content #termsAndConditions{text-align: left; padding: 0 10px; color: #000000}

#content #pageNotFound{text-align: left; padding: 0 10px; color:#000000}

#content #errorOcurred{text-align: left; padding: 0 10px; color:#000000}

#content #help{text-align: left;padding: 0 10px; color: #000000}
#content #help #boxSearch{background: #eedfcd; height: 65px; padding: 15px}
#content #help #boxSearch p{color: #000}
#content #help #boxSearch .seeAll{color: #ab0535; font-weight:bold}
#content #help #boxSearch .search{width: 250px; padding: 5px; margin-right: 10px; float: left}
#content #help #boxSearch .controlButton{width: 100px;display: block; clear: none; float: left}

#footer{width: 765px; background:#ab0535; margin: 30px auto 0 auto}
#footer img{float: right; margin: 15px;}
#footer ul{float: left; margin-top: 35px;}
#footer ul li{float: left; border-right: 1px solid #ffee7e;}
#footer ul li.last{border: none;}
#footer ul li a{color:#ffee7e; padding:0 15px 0 15px; font-weight: bold; display: block}

/* PLAYER --------------- */
.ringtonePlayer{background: url('/Images/btn_play.gif') no-repeat 0px 0px; display: block; width: 24px; height: 24px; margin:5px 5px 5px 0}
.ringtonePlayer_Active{background: url('/Images/btn_play_over.gif') no-repeat 0px 0px;}
.loading{background: url('/Images/load_small.gif') no-repeat 0px 0px;}
.stop{background: url('/Images/btn_stop.gif') no-repeat 0px 0px;}

#audio{width: 0; height: 0; line-height: 0; border: 0; position: absolute;}

/* Estilos da div absoluta que escurece a pagina ----------------- */
#fade{background-color: #000;width: 100%;position: absolute;top: 0px;left: 0px;z-index: 10;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
#controlaFloater{width: 710px;z-index: 100;position: static; margin: auto;height: 0px;display: none; }
#loginForm{background-color: transparent;position:fixed;top: 150px; left: 0; z-index: 1000}

/*Estilos pagina help*/

#helpAnswers{padding: 0px; margin-bottom: 5px;}
#helpAnswers b{color: #000;}
#helpAnswers ul{margin: 25px 5px;}
#helpAnswers ul li{margin-bottom: 10px;}
#helpAnswers ul li a{color: #000;font-weight: bold;font-family:Verdana;}
#helpAnswers .answer{display: none;margin: 5px 0 0 10px;}
#helpAnswers .answer .j1{color: #000!important;font-weight: normal!important; font-size:12px}
#helpAnswers .answer ul{margin: 0!important;padding:10px 0 3px 0!important;}
#helpAnswers .answer ul li{padding: 0 0 0 10px; font-family:Verdana; font-size: 12px}
#helpAnswers .answer ul li ul{margin: 0; padding:0}
#helpAnswers .answer ul li ul li{padding-left: 10px;}
#helpAnswers span{color: #000;font-weight: bold;}

/* paginação */
.pagingValue{float: right; line-height: 20px;padding: 5px 10px;}
.paging{background-color: #eedfcd;padding: 2px 10px;height: 20px;line-height: 20px;text-align: center;}
.paging .leftActive{float: left;background: url('/Images/paging_active_left.gif') no-repeat;width: 9px;height: 15px;display: block;margin-top: 3px;}
.paging .rightActive{float: right;background: url('/Images/paging_active_right.gif') no-repeat;width: 9px;height: 15px;display: block;margin-top: 3px;}
.paging ul{text-align: center;}
.paging ul li{display: inline;}
.paging ul li a{color: #ab0535;padding: 0px 3px;}
.paging ul li a.active{color: #000;font-weight: bold}
.sortBy{background-color: #3c3839; color: #bbb;height: 20px;line-height: 20px;}
.sortBy strong{margin-left: 10px;}
.sortBy a{color: #cc6600!important;font-weight: bold;margin-left:10px;}

#search{float: right;margin: 45px 0px 0px 0px;}
#search input{width: 200px;float: left;padding: 1px 0px 0px 5px;margin: 0px;border: 1px solid #727272;border-right: none;}
#search img{float: left;}