/* GLOBAL STYLES */
html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }
body { background:url(bg.gif) repeat; padding:0px; margin:0px; font-size: 75%;font-family: arial, helvetica, sans-serif; color:#333333}
p {font-family: arial, helvetica, sans-serif; color:#333333; text-align:justify;}
select {font-family: arial, helvetica, sans-serif; color:#333333}
input[type=text], input[type=password] {font-family: arial, helvetica, sans-serif; border:1px solid #999999; padding-left:2px }
input[type=radio] { margin:0px 2px 0px 0px; padding:0px; vertical-align:middle }
h1 { background:url(bg_h1.gif) repeat; margin:0px; padding:0px; color:white; letter-spacing: 1px; line-height:21px; height:21px; font-weight:normal }
h2 { background:url(bg_h2.gif) repeat; margin:0px; padding:0px 0px 2px; color:white; letter-spacing: 1px; line-height:21px; font-weight:normal; clear:left }
h3 { font-size:110%; font-weight:bold; margin:0px 0px 12px 0px }
h4 {margin:0px 0px; padding:5px;}
.pz-fontsmall {font-size:92%}
.pz-fontsmaller {font-size:84%}
.pz-fontsmallest {font-size:75%}
.pz-fontbig {font-size:110%}
.pz-fontbigger {font-size:120%}
.pz-fontbiggest {font-size:130%}
a { color:#0066CC; text-decoration:none }
a:hover { color:#FF6600;cursor:hand; cursor:pointer }
a.white { color: #FFFFFF; text-decoration: none; }
a.white:hover { color: #FFFFCC }
a.orange { color: #FF6600; text-decoration: none; }
a.orange:hover { color: #FF6600 }
a.actionLink {text-align:center; display:block; padding-top:5px }
img {border: 0px}
form { margin:0px; padding:0px }
ul { margin:0px; padding:0px; list-style:none }
#logo { float:left; background:url(logo.gif) left no-repeat; height:41px; width:210px; margin:0px 15px; padding:18px 0px }
.btn, .btnC, .btnCR, .addBtn, .btndisabled { border:1px solid #CCCCCC; height:21px; width:70px; color:white; line-height:21px; padding:0px 7px; cursor:pointer; float:left; margin:10px 0px 0px 0px}
.btn, .btnC, .btnCR, .addBtn { background:url(bg_tab_s.gif) left repeat-x; }
.btnC {text-align: center}
.btnCR {text-align: center; margin-right:10px}
.btnLabel {height:21px; line-height:21px; padding:0px 3px; float:left; margin:10px 0px 0px 0px}
.btndisabled {text-align: center; background:url(bg_tab_s_disabled.gif) left repeat-x; }
.btn:hover,.btnC:hover, .btnCR:hover { background:url(bg_tab_s_hover.gif) }
*:first-child+html .btn { margin:10px 0px 0px 0px }
*:first-child+html .addBtn { margin:10px 0px 0px 20px }
.btnLrg { width:80px; float:left }
.btnSml { width:60px; float:left }
.btnIdp { margin:0px 0px 20px 5px; float:left;background-color:#FFFFFF }
.adminbtn { background:url(bg_tab_s.gif) left repeat-x; border:1px solid #CCCCCC; height:35px; width:50px; color:white; line-height:35px; font-size:10px; padding:1px 1px; cursor:pointer; float:left; margin:0px 5px 0px 0px}
#photogrid { width:100%; padding:10px 0px 10px 0px }
*:first-child+html #photogrid { padding:0px }
#photogrid a.photoname {font-size:110% }
#photogrid a.creatorname { }
#photogrid span { }
#photogrid td { text-align:center; vertical-align:top;}
#photogrid td .count { float:left; line-height:21px; padding-left:3px }
#photogrid .photounit {padding: 0px 0px 10px 0px}
#photogrid .actions { width:136px; height:50px; margin:0px auto }
#photorating { padding: 2px 0px 0px 0px }
#photogrid .s0, #photogrid .s1, #photogrid .s2, #photogrid .s3, #photogrid .s4, #photogrid .s5 { float:none !important; width:14px; height:14px; cursor:pointer }
.photostars { font-size: 80%; color: #999999; display:inline; vertical-align:middle;}
.photostars img {padding-top: 0px; padding-bottom: 5px}
#photogrid #commentsright .comments{float:right;padding:0px 0px 0px 30px; width:30px;height:16px;/*margin:0px 30px 0px 0px;*/}
#photogrid .photometrics { padding:5px 0 0 0;}
#photogrid .photo { width:75px; height:75px; max-height:75px; max-width:75px;}
#photogrid .photoImg { max-height:75px; max-width:75px; }
#photogrid .photo td { vertical-align:middle; }
/* mouseover box contains large version of photo */
#photoHoverBox img { max-height:200px; max-width:200px;}
#photoHoverBox { position:absolute; z-index:2000; padding:0px; background-color: #f2ebe3; color:#333333;}
/* page bottom */
#bottomrow { width:650px; margin:0px 0px 15px 15px; float:left; clear:left; display:inline; }
#bottomrow .bottomrowringtone {float:left; width:150px; padding-right:5px}
#bottomrow .bottomrowphoto {float:left; width:310px; padding-left:10px;}
#bottomrow .bottomrowpeoplenames {float:left; width:150px;padding-left:10px;}
.greyHeader, .orangeHeader { background: url(bg_h2.gif) repeat-x; color:white; font-size:110%; width:100%; clear:left; height:21px}
.orangeHeader { background: url(bg_h1.gif) repeat-x }
.eHeader { padding:10px; color:red; font-size:110%; width:100%; clear:left;}
.error, .warning, .status { margin:10px 0; padding:0px; font-size:110%; font-weight:normal }
.error {border: 2px solid red; color: red}
.warning {border: 2px solid #cccccc}
.status {border: 2px solid #cccccc }
.error ul, .status ul, .warning ul, .about ul {margin:3px 0px 0px 16px; list-style:disc; }
.mText { padding:15px 20px 0px 20px;}
.statustext { padding:10px}
.m635 { width:635px }
.orangeHeader td, .greyHeader td, .eHeader td { }
.blankHeader {width:635px}
.left { background:url(tl-1.png) left top no-repeat; height:21px; width:12px }
.right { background:url(tr-1.png) right top no-repeat; height:21px; width:12px }
.bleft { background:url(bl.png) left top no-repeat; height:21px; width:12px }
.bright { background:url(br.png) right top no-repeat; height:21px; width:12px }
.centerleft { padding: 0px 12px }
.right, .left, .bright, .bleft, .center {}
.centerbig { font-size:120%}
/* RIGHT COLUMN */
#community { background:url(bl.png) left bottom no-repeat #e6e6e6; padding-bottom:15px; margin-bottom:10px; width:300px }
.who { margin:10px 10px -5px 10px; width:280px }
.who td { margin:0px; padding:0px; border:0px solid white; vertical-align:top }
.pic { padding-right:7px; width:75px }
.who dl { padding-left:5px; width:193px;}
.who dt a { color:#0066CC; line-height:21px }
.who dt a:hover { color:#FF6600 }
.who dd { clear:left; width:193px ; font-size: 90%}
/* ads */
#ad, #ad2, #adbb { margin:0px 0px 15px 0px; font-size:90%; color:#999999; text-align:center;}
.loading { height:248px; width:100%; background:url(loading.gif) center no-repeat white; border:1px solid #eeeeee; border-right:0px solid #eeeeee }
#adbb { clear:both }
#ad2 { border: 1px solid #CCCCCC;text-align:left;padding-right:5px;padding-left:5px;}
.ad iframe { margin:0px; padding:0px; overflow:hidden }
.addiv_300x250 { width:300px; height:265px; overflow:hidden }
.addiv_160x600 { width:160px; height:615px; overflow:hidden; }
.addiv_728x90 { width:728px; height:105px; overflow:hidden }
.addiv_180x160 { width:180px; height:155px; overflow:hidden }
.addiv_300x90 { width:300px; height:105px; overflow:hidden }
/* house tips */
#houseTips { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;text-align:left; margin:0px 0px 15px 0px;}
#houseTips .houseTipsHeader { background:url(bg_h1.gif) repeat #999999; color: white; width:100%; font-size:110%; font-weight:bold;}
#houseTips .houseTipsHeader .houseTipsTitle { padding-left:5px}
#houseTips .houseTipsTip {padding:5px}
/* CORNERS */
.tl, .tlc { background:url(tl-1.png) bottom left no-repeat; height:21px; width:12px }
.tr, .trc { background:url(tr-1.png) bottom right no-repeat; height:21px; width:12px }
.bl, .blc { background:url(bl.png) left bottom no-repeat; height:21px; width:12px }
.br, .brc { background:url(br.png) right bottom no-repeat; height:21px; width:12px }
h1 .tr, h2 .tr { float:right; clear:none }
h1 .tl, h2 .tl { float:left; clear:none }
.tlc { position:absolute; margin:0px 0px 0px 0px }
.trc { position:absolute; margin:0px 0px 0px 38px }
.blc { position:absolute; margin:-21px 0px 0px 0px }
.brc { position:absolute; margin:-21px 0px 0px 38px }
.who .tlc, .who .trc, .who .blc, .who .brc, .cb .tlc, .cb .trc, .cb .blc, .cb .brc { width:20px; height:20px; position:absolute; z-index:999 }
.who .tlc, .cb .tlc { margin:0px 0px 0px 0px; background:url(tl.png) top left no-repeat }
.who .trc, .cb .trc { margin:0px 0px 0px 18px; background:url(tr.png) top right no-repeat }
.who .blc, .cb .blc { margin:-20px 0px 0px 0px; background:url(bl-1.png) bottom left no-repeat }
.who .brc, .cb .brc { margin:-20px 0px 0px 18px; background:url(br-1.png) bottom right no-repeat }
.bgdbl { background:url(bgdbl.png) left bottom no-repeat; height:50px; width:12px; float:left }
.bgdbr { background:url(bgdbr.png) right bottom no-repeat; height:50px; width:12px; float:right }
.rcbl { background:url(rcbl.png) left bottom no-repeat; height:20px; width:12px; float:left; margin-bottom:-15px }
.lcbr { background:url(lcbr.png) right bottom no-repeat; height:20px; width:12px; float:right; margin-bottom:-15px }
/* FOOTER */
#footer { font-family: Arial,Helvetica,sans-serif; background-color: #cccccc; width:auto; clear:both; font-size:90%; text-align:center; padding:20px; }
#footer a.companylinks { padding:0px 10px }
#footer #copyright { color:#666666; padding:5px }
#footer .contentlinks1, #footer .contentlinks2, #footer .contentlinks3 {padding-top:15px; float:left; text-align:left}
#footer .contentlinks1 {width:38%}
#footer .contentlinks2 {width:40%}
#footer .contentlinks3 {width:22%}
.userActionLinksBox {width: 100px; padding: 5px 0px 0px 0px; }
.userActionLinksBox .userActionLink {display:block; border-bottom: 1px solid #999999; padding: 4px 0 0 0}
.nomsgallowed { background:url(mail.gif) center left no-repeat;padding:0 0 0 17px;}
a.pz-contentname { font-size:110%; }
/* My Profile */
#mp { width:635px; background:url(bg_featured.gif) top left repeat-x; text-align:left; padding-top:15px; margin-left:15px }
#mp td {vertical-align:top }
#mp td.center {vertical-align:middle}
#mp dl { padding:0px 0px 0px 10px }
#mp table.pi {cellspacing:0; cellpadding:0; padding-top:5px}
#mp table.pi thead th { font-size:110%; padding:0px 0px 5px 0px; text-align:left }
#mp table.pi thead th sup { font-size:75% }
#mp table.pi tr { padding:0 5px 3px 5px }
#mp .btn { margin: 0px 0px 12px 10px; line-height:21px; text-align:center }
#mp .phoneImg { margin:0px 0px 0px 0px; float:left }
#mp .btn { margin-top:10px }
#mp .formlabel {width:125px; text-align:right; padding-right:10px }
#mp .formlabel2 { }
#mp .text a {}
#mp .text { }
#mp .editpi {margin:0px 0px 10px 10px}
#mp .editpi td { padding-bottom:10px }
#mp .editpi td sup { font-size:75%; }
#mp .editpi .txt, #mp .editpi textarea, #mp .editpi select { border:1px solid #999999; }
#mp .editpi textarea { width:448px }
#mp .header {float:left; background: url(bg_h3.gif) repeat-x;width:100%;padding-top:3px}
#mp .userpic {float:left;width:110px}
#mp .userpic img {}
#mp .userinfo1 {width:260px; margin:0 0 0 5px}
#mp .userinfo2 {width:245px; margin:0 0 0 10px}
#mp .aboutme {clear:both; margin:10px 5px 10px 115px;overflow:hidden}
#mp .title { color:black;padding: 0 5px; font-size:110%}
#mp .label, #mp .label1, #mp .label2 {font-size:90%; color: #999999; }
#mp .label {width:65px }
#mp .label2 {width: 55px }
#mp .edit { color:green;padding: 0 5px; font-weight:bold}
#mp .edit:hover { color:#FF6600}
.pz-edit { color:green;padding: 0 5px; font-weight:bold;font-size:90%}
.pz-edit:hover { color:#FF6600}
/* msgs */
#inbox { float:left; width:635px; background:url(bg_featured.gif) top left repeat-x; text-align:left; padding:15px 0; margin-left:15px }
#inbox .mb {float:left;}
#inbox .row {float:left; width:625px; padding:5px;border-bottom: 3px solid #e6e6e6}
#inbox .userpic img {width:75px;}
#inbox .row .action {float:left; width:110px}
#inbox .row .msgbody {float:left; width:400px; padding: 0 15px}
#inbox .row .title{color:gray;font-size:90%}
#inbox .row .timestamp{color:gray;font-size:80%}
#inbox .row .msgbodyheader {width:400px}
#inbox .row .msgbodymsg {clear:both; float:left; padding:10px 0}
#inbox .userpic {float:left;}
#inbox .fromMobile {float:auto; background:url(phone.jpg) center right no-repeat;padding-right:17px;}
/* Feeds */
#feeds { float:left; width:635px; background:url(bg_featured.gif) top left repeat-x; text-align:left; padding:15px 0; margin-left:15px }
#feeds .mb {float:left; background-color: #E6E6E6;}
#feeds .row {float:left; margin:10px 5px; width:625px}
#feeds .row .feedbody {float:left; width:350px; padding-right: 10px}
#feeds .row .action {float:left; width:110px}
#feeds .msgrow {float:left; margin:10px 5px; width:625px}
#feeds .msgrow .action {float:left; width:110px}
#feeds .msgrow .msgbody {float:left; width:350px; padding-right: 10px}
#feeds .msgrow .msgbody .timestamp2 {float:left; font-size:80%; color:gray;padding-top:3px}
#feeds .callout {float:right; margin-right: 5px; margin-left:-20px}
#feeds table.co{ width: 500px; border-spacing:0px;}
#feeds .ear { margin-right:-1px; margin-top:12px; float:left; background:url(cb_ear.png) top left no-repeat; width:13px; height:17px; }
#feeds table td {vertical-align:top ;padding:0px}
#feeds td.center {vertical-align:middle}
#feeds dl { padding:5px 0px 0px 5px; }
#feeds table.pi {cellspacing:0; cellpadding:0;}
#feeds table.pi thead th { font-size:110%; padding:0px 0px 5px 0px; text-align:left }
#feeds table.pi thead th sup { font-size:75% }
#feeds table.pi tr { padding:0 5px 3px 5px }
#feeds .btn { width:100px; margin: 0px 0px 0px 10px; line-height:21px; text-align:center }
#feeds .playbtn, #feeds .stopbtn, #feeds .pausebtn {margin:1px 0px 0px 0px; }
#feeds .formlabel {width:125px; text-align:right; padding-right:10px }
#feeds .text a { }
#feeds .text { }
#feeds .header {float:left; background: url(bg_h3.gif) repeat-x;width:100%;}
#feeds .userpic {float:left;width:110px;padding-top:3px; margin-left:5px}
#feeds .userinfo1 {width:260px; margin:0 0 0 5px}
#feeds .userinfo2 {width:245px; margin:0 0 0 10px}
#feeds .aboutme {clear:left; margin:10px 5px 10px 115px;}
#feeds .title { color:black;padding: 0 5px; font-size:110%}
#feeds .label, #mp .label1, #mp .label2 {font-size:90%; color: #999999; }
#feeds .label {width:65px }
#feeds .label2 {width: 55px }
#feeds .timestamp {float:left; font-size:80%; color:gray; padding-top:5px}
#feeds .cmt, #sthist .cmt {padding-top:5px}
#feeds .delFeed, #sthist .delFeed { float:right; background:url(delete.gif) center left no-repeat; padding:0 0 0 15px;margin: 0 10px}
#feeds .fromMobile {float:auto; background:url(phone.jpg) center right no-repeat;padding-right:17px;}
#friends { float:left; width:635px; background:url(bg_featured.gif) top left repeat-x; text-align:left; padding:15px 0; margin-left:15px }
#friends .mb {float:left; background: transparent url(bg_diagnals.gif) repeat scroll left top}
#friends .row {float:left; margin:5px 5px 5px 5px; width:625px; }
#friends table.co{ width: 625px; border-spacing:0px;background-color: white}
#friends .userpic {width:105px; float:left; padding-right:10px; display:block}
#friends table.userdata{ width:320px; border-spacing:0px;background-color: white; float:left; display:block}
#friends table.userdata tr { padding-bottom:5px }
#friends td.center {vertical-align:middle}
#friends .label {width:65px; font-size:90%; color: #999999; }
#friends .activityMsg { }
#friends .activityTime { font-size: 80%}
.pz-forgot { margin: 0 20px;}
.pz-forgot .stitle {background-color: #c2bfba; font-weight: bold; padding:5px }
.pz-forgot .sbody { padding:5px }
.pz-forgot .header { width:47%; height: 230px; float:left; border:1px solid #c2bfba;margin-right:15px}
/* status history */
#sthist { float:left; width:635px; background:url(bg_featured.gif) top left repeat-x; text-align:left; padding: 0; margin-left:0 }
#sthist .mb {float:left; background-color: #E6E6E6;}
#sthist .row {float:left; margin:10px 5px; padding-left:10px; width:615px}
#sthist .callout {float:left; margin-right: 5px; margin-left:0}
#sthist table.co{ width: 600px; border-spacing:0px;}
#sthist table td {vertical-align:top ;padding:0px}
#sthist .timestamp {font-size:80%; color:gray;}
#mysthist { width:634px; margin:0; padding:0; float:left; clear:left }
#mysthist .rthead { margin-bottom:0 }
/* TEMPLATE STRUCTURE */
#header {}
#content { background-color:#FFFFFF;border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin: 0px auto; width:970px }
#lhs { width:180px; float:left; clear:left; }
#leftcol { padding-bottom:15px; margin-bottom:15px; background: url(br.png) right bottom no-repeat #F6F6F6 }
#mfleftcol { width:300px; float:left; clear:left; padding-bottom:0px; margin:15px 0px; background: url(br.png) right bottom no-repeat #e6e6e6 }
#leftcol h2, #mfleftcol h2 { padding:0px 0px 0px 10px }
#leftcol h2 .tr, #mfleftcol h2 .tr { background:url(tr-1.png) top right no-repeat; margin: 0px 0px 0px 0px }
#ringtones { width:454px; margin:0px 0px 15px 15px; float:left }
#ringtonesSkinnyL { width:310px; margin:0px 0px 15px 15px; float:left; display:inline;}/* photos: home page needs width 315 */
#ringtonesSkinnyR { width:310px; margin:0px 0px 15px 15px; float:left; display:inline; }/* photos: home page needs width 315 */
#searchResults { width:590px; margin:0px 0px 15px 15px; float:left }
#googleSearchResults { width:760px; margin:15px 15px 15px 15px; float:left }
#myringtones { width:634px; margin:0px 0px 15px 0px; float:left; clear:left }
#myfriendsringtones { width:464px; margin:15px 0px 15px 5px; float:left }
.results { margin-top:15px }
#rightcol { width:300px; float:right; padding:10px 0px 15px 0px; clear:both }
#mfrightcol { width:175px; float:right; padding:10px 0px 15px 0px; clear:both }
#rightcol h2 { padding: 0px 0px 2px }
#middlecol { width:454px; margin:0px 0px 15px 15px; float:left }
/* LOG-IN FORM */
form#login { z-index:2;font-size: 90%}
form#login table, form#login table td { border:0px solid white; padding:0px; margin:0px; vertical-align:top }
form#login th { line-height:10px; font-weight: normal; vertical-align:baseline; padding:0px; margin:0px; text-align:left }
form#login input[type=text], form#login input[type=password] { width:80px; color:#666666; height:17px; margin:0px; padding:1px 2px 0px 2px }
#screenName, #password { width:80px; color:#666666; height:18px; margin:0px; padding:0px 3px 0px 3px }
form#login label#welcome, #join p { color:#666666; padding-top:3px; text-align:left }
form#login a { }
form#login #signin, form#login #register, #join #signin, #join2 #signin { background:url(bg_tab_s.gif) left repeat-x; border:1px solid #999999; line-height:18px; text-align:center; width:60px; color:white; padding:0px 7px; cursor:pointer }
form#login #registerG, #join #registerG, #join2 #registerG { background:url(bg_tab_sg.png) left repeat-x; border:1px solid #999999; line-height:18px; text-align:center; width:60px; color:white; padding:0px 7px; cursor:pointer }
#join2 #signin, #join2 #registerG { }
*:first-child+html #signin, *:first-child+html #register { margin-top:1px }
form#login input[type=checkbox] { margin:0px 3px 0px 0px; padding:0px }
form#login #rememberLabel { margin:0px 0px }
form#login #forgot {float:right; padding-top:3px; }
#loggedin { z-index:2; width:460px;float:left; margin-left:80px;margin-top:8px;vertical-align:middle; height:100%; display:block}
#notloggedin { z-index:2; width:450px;float:left; margin-left:50px;margin-top:8px;vertical-align:middle}
label#messages, label#messages a { }
label#messages a {padding:4px 0px 0px 5px }
/* pop up boxes */
.activityQ, .activityMsg {font-size:90%;}
.activityEdit {font-size:90%; font-weight:bold; color:green;}
.activityTime {font-size:80%; color:gray;}
.activityLabel {font-size:90%; color: #999999; width:65px }
#activityDivProf, #noActivityDivProf {line-height:15px; }
#activityDivHead {line-height:15px; padding-bottom:3px }
.commentbox {width:310px;position:absolute;z-index:2000;padding:15px 15px 25px 10px;background-color: #f2ebe3;
color:#333333;border:5px solid #999999;text-align:left;}
.commentbox .clx{ height:20px; background:url(close.png) right top no-repeat; cursor:pointer }
.commentbox .titl {float:left; font-size: 110%; font-weight:bold; padding-bottom: 10px}
.commentbox textarea { width:300px; float:right }
.commentbox .hint { padding-top:10px; float:right; font-weight:bold; }
.commentbox .hintdiv { width:300px; float:right; }
.commentbox .plugdiv { width:300px; clear:both; padding-top:10px;font-size:90% }
#leaveActivity .plugdiv { width:325px; clear:both; padding-top:10px;font-size:90% }
.commentbox#leaveActivity { width:330px; left:0; right:0 }
.commentbox#leaveActivity textarea { width:323px; float:right }
.commentbox .charsleftdiv { float:right; margin-top:10px }
.commentbox .gimg { width: 50px; height:50px; float:left}
.commentbox .gtxt { padding-left: 55px}
form.tip, div.tip, form.dltip {width:305px;position:absolute;z-index:2000;padding:15px;background-color: #f2ebe3;color:#333333;border:3px solid #999999; }
form.dltip {width:600px; margin:0 350px 0 0}
form.dltip.usingringtone { border-top:none; }
.clx{ height:20px; background:url(close.png) right top no-repeat; cursor:pointer }
.feedsubbox, .removefriendbox {position:absolute;z-index:2000;padding:10px 10px 20px 10px; color:#333333;border:0;text-align:left;}
.removefriendbox {background-color: #f2ebe3; border:3px solid #999999;}
.feedsubbox .clx,.removefriendbox .clx { height:20px; background:url(close.png) right top no-repeat; cursor:pointer }
.feedsubbox .header,.removefriendbox .header {float:left; font-size: 110%; font-weight:bold; padding-bottom: 10px}
.feedsubbox table {text-align:left; }
.feedsubbox table td, .feedsub table th {padding-left:5px}
.closeX { position:absolute; margin:-13px 0px 0px 298px; height:20px; width:20px; background:url(close.png) left top no-repeat; cursor:pointer }
*:first-child+html .closeX { margin:-8px 0px 0px 298px }
*:first-child+html .closeComment { margin:-8px 0px 0px 298px }
.subtext {font-size:80%; margin-left:10px; position:absolute }
/* MAIN TABS */
ul#tabs { background:url(bg_tab.gif) left repeat-x; font-size:110%; font-weight:bold; margin:0px -1px; padding:0px 10px; width:auto; height:25px }
ul#tabs li.main, ul#tabs li.selected, ul#tabs li.spacer { border-right:1px solid white; float:left; padding: 0px 0px; line-height:25px }
ul#tabs li.main a, ul#tabs li.selected a { color:white; text-decoration:none; padding:2px 10px }
li.main, li.sub, li.selected, li.spacer { border-right:1px solid white; float:left; padding: 0px 0px; line-height:34px }
li.main:hover { background:url(bg_tab_s.gif) left repeat-x; cursor:pointer }
li.main a, li.selected a { color:white; text-decoration:none; padding:5px 15px }
li.sub { float:right; border-right:none; font-weight:normal; padding: 0px 0px 0px 0px }
li.sub a { color:white; text-decoration:none; padding:0px 15px 0px 5px }
li.sub a:hover { color:#FFCC99 }
li.selected { background:url(bg_tab_s.gif) left repeat-x }
li.spacer { padding:0px 0px; line-height:34px }
ul#subtabs { background:url(subtabBG.gif) left repeat-x; font-weight:bold; margin:0px 0px; padding:0px 0px; width:auto; height:20px; }
ul#subtabs li.main, ul#subtabs li.sub, ul#subtabs li.selected, ul#subtabs li.spacer { border-right:1px solid white; float:left; padding: 0px 0px; line-height:20px }
ul#subtabs li.main a { padding: 5px 10px }
ul#subtabs .leftcorner { float:left; padding:0px; height:24px; width:19px; background:url(subtabLeftCorner.gif) top left; border-right:1px solid white }
ul#subtabs .rightcorner { float:right; padding:0px; height:24px; width:19px; background:url(subtabRightCorner.gif) top right }
ul#secnav { background:url(bg_tab_s.gif) left repeat-x; color:black; font-size:110%; font-weight:bold; margin:0px 0px; padding:0px 0px; width:auto; height:23px;}
ul#secnav li.main { float:left; padding:0px 0px; line-height:23px; border-right:0px; }
ul#secnav li.main a { color:white; padding: 0px 10px ; }
ul#secnav li.main:hover { background:url(bg_tab.gif) left repeat-x; cursor:pointer;height:23px;line-height:23px }
ul#pzlbtabs { background:url(subtabBG.gif) left repeat-x; font-weight:bold; margin:0px 0px; padding:0px 0px; width:auto; height:24px; }
ul#pzlbtabs li.main, ul#pzlbtabs li.selected{ font-size: 90%; border-left:1px solid white; border-right: 0px solid; float:left; padding: 0px 0px; line-height:24px }
ul#pzlbtabs li.main a, ul#pzlbtabs li.selected a { font-size: 90%; padding: 8px }
ul#pzlbtabs li.title { color:white; font-size: 110%; float:left; padding: 0px 30px 0 5px; line-height:24px }
.clearboth { clear:both }
.clearleft { clear:left }
.clearright { clear:right }
#fade { height:111px; width:550px; position:absolute; z-index:1100; background: url(loading.gif) center no-repeat white; text-align:center; color:#333333; vertical-align:middle }
.bgd { background:url(bg_diagnals.gif) repeat }
/* RINGTONES */
.rthead { background: url(bg_diagnals.gif) top left repeat; height:25px; width:auto; margin-bottom:5px }
#ringtonesform { background: url(bg_diagnals.gif) top left repeat; padding: 10px; height:0px; width:auto; }
#ringtonesform table,#ringtonesform table td { border:0px solid white; margin:0px; padding:0px }
#ringtonesform label { margin-top:3px }
#ringtonesform input[type=checkbox] { margin:2px 3px 0px 5px; padding:0px }
input[type=text]#rtselect, input[type=text]#phselect, input[type=text]#faveSortBy, input[type=text]#follSortBy { width:215px; float:left; cursor:pointer; height:17px; padding:2px 3px }
input[type=text]#faveSortBy {width:190px;}
input[type=text]#follSortBy {width:190px;}
input#feedSortBy { height:19px}
.menubtn { background:url(btn_menu.gif) center no-repeat; border:1px solid #999999; height:21px; width:21px; margin-left:-1px; cursor:pointer; padding:0px; float:left }
*:first-child+html input[type=text]#rtselect, *:first-child+html input[type=text]#phselect, *:first-child+html input[type=text]#faveSortBy { width:213px; height:17px; padding:2px 3px }
*:first-child+html input[type=text]#faveSortBy { width:190px; height:21px; padding:0px 3px }
#ringtonecontainer { overflow:hidden; clear:left}
.ringtone, .ringtonelast { padding: 5px 0px;}
.artist {font-size: 90%;color: #666666; font-weight: bold}
.playbtn, .stopbtn, .pausebtn { height:19px; width:18px; border:1px solid #999999; float:left; margin:4px 5px 0px 0px; cursor:pointer; font-size:10px }
.playbtn {background:url(btn_play.gif) left top}
.stopbtn {background:url(btn_stop.gif) left top}
.pausebtn {background:url(btn_pause.gif) left top}
.playbtn:hover {background:url(btn_play_hover.gif) left top}
.stopbtn:hover {background:url(btn_stop_hover.gif) left top}
.pausebtn:hover {background:url(btn_pause_hover.gif) left top}
.ringtonetype { float:left; background:url(ringtone-type.png) left top no-repeat; height:15px; width:15px; margin:5px 5px 0px 0px }
.phototype { float:left; background:url(photo-type.gif) left top no-repeat; height:15px; width:15px; margin:5px 5px 0px 0px }
.copyrighted { float:left; background:url(copyrighted.gif) left top no-repeat; height:12px; width:13px; margin:4px 5px 0px 0px }
.copyrightyes { }
.copyrightyes input { vertical-align:middle; margin-right:6px }
.ratings, .comments, .downloads, .sent, .notsent, .sharedyes, .sharedno, .deletecontent {float:right; font-size:80%; padding-top:16px; margin-right:5px; text-align:center; color:#999999 }
a .notsent, a .sharedyes, a .sharedno, a .downloads, a .deletecontent {color:#0066CC; }
a .notsent:hover, a .sharedyes:hover, a .sharedno:hover, a .downloads:hover , a .deletecontent{ color:#FF6600 }
a.rtlink {}
.deletecontent { margin:5px 8px 0px 8px}
.deletecontent { background: url(delete_comment.gif) top center no-repeat; width:16px}
a .deletecontent:hover { background: url(delete_comment_hover.gif) top center no-repeat;width:16px}
.comments { background:url(comment.gif) top center no-repeat; width: 30px; }
a .comments:hover { background:url(comment_hover.gif) top center no-repeat; width: 30px }
.downloads { background:url(download.gif) top center no-repeat; width:35px }
a .downloads:hover { background:url(download_hover.gif) top center no-repeat; width:30px }
.sharedno { background: url(shared_no.gif) top center no-repeat; width:42px }
a .sharedno:hover { background: url(shared_no_hover.gif) top center no-repeat; width:42px }
.sharedyes { background: url(share_yes.gif) top center no-repeat; width:42px }
a .sharedyes:hover { background: url(share_yes_hover.gif) top center no-repeat; width:42px }
dl { margin:0px; float:left }
dt a { color:#FF6600; font-size:110%; font-weight:bold }
dd { margin:0px; float:left; padding-right:5px; color:#999999; font-size: 90%}
dd a { }
.stars { margin: 0px -2px 2px 0px; float:right; }
.ratings { margin-top:-16px; width:72px; text-align:right }
.s0, .s1, .s2, .s3, .s4, .s5 { float:left; width:14px; height:14px; cursor:pointer }
.s0 { background:url(star_0.gif) top left no-repeat }
.s1 { background:url(star_1.gif) top left no-repeat }
.s2 { background:url(star_2.gif) top left no-repeat }
.s3 { background:url(star_3.gif) top left no-repeat }
.s4 { background:url(star_4.gif) top left no-repeat }
.s5 { background:url(star_5.gif) top left no-repeat }
.s0:hover, .s1:hover, .s2:hover, .s3:hover, .s4:hover, .s5:hover { background:url(star_hover.gif) top left no-repeat }
#ringtonepagination { height:30px; padding:10px; text-align:right; }
.friendspagination { height:30px; margin-top:15px; padding:10px; text-align:right; border-top:1px dotted #CCCCCC }
.br { background:url(br.png) bottom right no-repeat; position: relative }
.bl { background:url(bl.png) bottom left no-repeat; position: relative }
.tr { background:url(tr-1.png) top right no-repeat; position: relative }
.tl { background:url(tl-1.png) top left no-repeat; position: relative; height:12px; width:12px }
.top, .next, .previous, .hnext, .hprevious { height:26px; width:26px; float:left; margin-right:5px; cursor:pointer }
.top_disabled, .next_disabled, .previous_disabled, .hnext_disabled, .hprevious_disabled { height:26px; width:26px; float:left; margin-right:5px; cursor:default }
.hnext, .hprevious, .hnext_disabled, .hprevious_disabled {margin-right: 0px}
.top { background:url(top.png) top left no-repeat }
.next { background:url(next.png) top left no-repeat }
.previous { background:url(previous.png) top left no-repeat }
.hnext { background:url(hnext.png) top left no-repeat }
.hprevious { background:url(hprevious.png) top left no-repeat }
.top_disabled { background:url(top_disabled.png) top left no-repeat }
.next_disabled { background:url(next_disabled.png) top left no-repeat }
.previous_disabled { background:url(previous_disabled.png) top left no-repeat }
.hnext_disabled { background:url(hnext_disabled.png) top left no-repeat }
.hprevious_disabled { background:url(hprevious_disabled.png) top left no-repeat }
#ringtonesform td.rto {padding-left:40px} /* photos: changed from 200 to 80 */
#ringtonesform ul#rtoptions, #ringtonesform ul#phoptions, #ringtonesform ul#gmoptions, #MyFavesForm ul#favoptions { margin:0px 0px 0px 0px; padding:4px 4px; position:absolute; border:1px solid #999999; background-color:white; width:235px;clear:left;z-index:1004; }
#MyFavesForm ul#favoptions { width: 210px}
#ringtonesform ul#rtoptions li a, #ringtonesform ul#phoptions li a, #ringtonesform ul#gmoptions li a , #MyFavesForm ul#favoptions li a{ font-size:110%; color:#333333; line-height:16px; display:block }
#ringtonesform ul#rtoptions li a:hover, #ringtonesform ul#phoptions li a:hover, #ringtonesform ul#gmoptions li a:hover, #MyFavesForm ul#favoptions li a:hover { color:#FF6600 }
.inviteFriends { margin-left:5px; margin-right:5px; text-align:right }
.srchString, .srchStringNarrow, srchStringNarrow2, .srchAreaCode {padding:2px 3px 0px 3px; width:235px; height:17px; line-height:17px; font-size:85%; color:#666666; float:left }
.srchStringNarrow { width:200px; float:none; }
.srchStringNarrow2 { width:150px; float:none; }
.srchAreaCode { width:45px; float:none; }
#MyFavesForm { }
#MyFavesForm .searchbtn { background:url(btn_search.gif) left repeat-x; height:19px; width:30px; border:1px solid #999999; float:left; margin: 10px 0px 10px -1px; cursor:pointer }
#MyFavesForm table td.sf { padding:10px 12px;}
#MyFavesForm .users {border-top:1px solid white;margin:5px 8px 0px 8px; width:280px}
#MyFavesForm .pic { padding-right:0px; width:75px }
#MyFavesForm .pic img {border: 0px;}
#MyFavesForm .users dl { padding-left:5px; width:193px; }
#MyFavesForm .users dt a { color:#0066CC; line-height:21px }
#MyFavesForm .users dt a:hover { color:#FF6600 }
#MyFavesForm .users dd { clear:left; width:193px }
#searchbtn { background:url(btn_search.gif) left repeat-x; height:19px; width:30px; border:1px solid #999999; float:left; margin: 10px 0px 10px -1px; cursor:pointer }
#searchbtnlong { background:url(btn_search.gif) left repeat-x; height:19px; width:30px; border:1px solid #999999; float:left; margin: 0px 15px 0px -1px; cursor:pointer }
ul.categories { margin: 10px 0px }
ul.categories li { list-style-image:url(li.gif); cursor:pointer; padding:0px 10px 0px 0px; margin:0 0 5px 23px; line-height:14px }
ul.categories li.s { line-height:21px; list-style-image:none; cursor:default; background-color:white; margin:3px 0px; padding:0px 0px 0px 23px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC }
ul.categories li.s a { font-weight:bold; color:#FF6600; cursor:pointer }
ul.categories li:hover, ul.categories li a:hover { list-style-image:url(li_s.gif) }
ul.categories li.s:hover { list-style:none }
ul.categories li.horoscopeSignList {margin:0 0 0 15px; clear:left;padding-bottom:10px;list-style-image:none}
p.tags { margin: 10px 0px 10px 10px; }
p.tags { line-height:19px }
p.tags a.s { color:#FF6600; font-weight:bold }
p.tags a { padding-right:10px; float:left; display:inline; white-space:nowrap }
p.tags a.L1 { font-size: 135%;font-weight:bold; white-space:nowrap }
p.tags a.L2 { font-size:125%; font-weight:bold; white-space:nowrap }
p.tags a.L3 { font-size:118%; font-weight:bold; white-space:nowrap }
p.tags a.L4 { font-size:110%; white-space:nowrap }
p.tags a.L5 { font-size:100%; white-space:nowrap }
/* COMMENT BUBBLE */
.cb { margin:0px 0px 0px 6px; padding:0px 0px 0px 0px }
.cblong { width:525px }
.cbtl {background:url(cb_tl.gif) top left no-repeat; height:12px; width:12px}
.cbt {background: url(cb_border.gif) top repeat-x white; height:12px}
.cbtr {background:url(cb_tr.gif) top right no-repeat; height:12px; width:12px}
.cbl {background:url(cb_border.gif) left repeat-y white; width:12px}
.cbc {background:white}
.cbr {background:url(cb_border.gif) right repeat-y white; width:12px}
.cbbl {background:url(cb_bl.gif) bottom left no-repeat; height:12px; width:12px}
.cbb {background:url(cb_border.gif) bottom repeat-x white; height:12px;}
.cbbr {background:url(cb_br.gif) bottom right no-repeat; height:12px; width:12px}
.cbear {background:url(cb_ear.png) top left no-repeat; width:13px; height:17px; position:absolute; margin-left:-6px; margin-top:12px}
*:first-child+html .cbear { margin-left:-12px }
.cb dt { font-size:110% }
.cb dl, .cb dt, .cb dd { width:170px }
.cblong dl, .cblong dt, .cblong dd { width:500px }
.cb dl {padding-bottom:5px}
.pic150 { width:100px; overflow:visible }
.reply { border:0px; position:absolute; margin:-10px 0px 0px -50px; cursor:pointer }
.share { border:0px; position:absolute; margin:-10px 0px 0px -30px; cursor:pointer }
.delete { border:0px; position:absolute; margin:-10px 0px 0px -10px; cursor:pointer }
.comment, .remove, .add, .addsp { padding:0px 0px 0px 15px; margin-top:2px; line-height:12px; font-weight:normal;}
.remove { background:url(remove.png) left no-repeat}
.add, .addsp { background:url(add.png) left no-repeat}
.comment { background:url(comment_sm.png) left no-repeat }
.lComment { background:url(comment.png) left no-repeat; height:16px; width:15px; position:absolute; margin:-0px 0px 0px -18px }
.aFriend { background:url(add.gif) left no-repeat; height:14px; width:14px; position:absolute; margin:-0px 0px 0px -18px }
*:first-child+html .lComment, *:first-child+html .aFriend { margin:2px 0px 0px -18px }
.notaFriend { background:url(remove.gif) left no-repeat; height:14px; width:14px; position:absolute; margin:-0px 0px 0px -18px }
.friend { padding-left:5px }
/* MAIN CONTENT */
#maincontent { margin: 20px 10px 30px 20px }
#maincontent #rightcol { padding:0px 0px 15px 0px}
#ringtonedetails { margin: 10px 10px 30px 8px; width: 635px }
#maincontent .box { background:url(bg_diagnals.gif) repeat; border: 0px solid #CCCCCC; padding: 0px; width: 635px }
#maincontent .boxwide { background:url(bg_diagnals.gif) repeat; border: 0px solid #CCCCCC; padding: 0px; width: 700px }
#maincontent .boxfull { background:url(bg_diagnals.gif) repeat; border: 0px solid #CCCCCC; padding: 0px; width: 930px }
/*#maincontent .box TD, #maincontent .boxwide TD, #maincontent .boxfull TD { padding: 0 0 10px 0 }*/
#maincontent .box TD, #maincontent .boxwide TD, #maincontent .boxfull TD { padding: 0 0 6px 0 }
#maincontent .widebox { background:url(bg_diagnals.gif) repeat; border: 0px solid #CCCCCC; padding: 0px; width: 695px }
.blankHeaderwide {width:700px}
.blankHeaderfull {width:930px}
#maincontent .title { margin: 0; }
#ringtonedetails .title { margin: 3px 0 10px 0; }
#maincontent input.field { width: 250px; height:18px; margin:0px; padding:0px 3px 0px 3px }
#maincontent input.fieldnarrow { width: 180px; height:18px; margin:0px; padding:0px 3px 0px 3px }
#maincontent input.Odd { background-color: #FFFFFF; border: 0px; width: 250px; height:18px; margin:0px; padding:0px 3px 0px 3px }
#maincontent input.Even { background-color: #EEEEEE; border: 0px; width: 250px; height:18px; margin:0px; padding:0px 3px 0px 3px }
.Odd { background-color: #FFFFFF; }
.Even { background-color: #EEEEEE; }
#maincontent input.fieldwide { width: 500px; height:18px; margin:0px; padding:0px 3px 0px 3px; }
#maincontent textarea.fieldwide { width: 500px; margin:0px; padding:0px 3px 0px 3px; height: 125px }
#maincontent textarea.field { width: 250px; height:40px; margin:0px; padding:0px 3px 0px 3px; }
#maincontent textarea.fieldmedium { width: 350px; margin:0px; padding:0px 3px 0px 3px; }
#maincontent .title em, #ringtonedetails .title em, #mp .title em { font-size:130%; line-height:22px; font-weight:bold; font-style:normal; display:block; color:#FF6600; margin: 0px 20px 0px 0 }
.pz-contentTitleBig { font-size:130%; line-height:22px; font-weight:bold; color:#FF6600;}
.pz-biggerTitle { font-size:125%; font-weight:bold; color:#FF6600;}
#maincontent #browse { background:url(bg_tab_s.gif) left repeat-x; border:1px solid #999999; line-height:18px; text-align:center; width:60px; color:white; padding:0px 7px; cursor:pointer; }
#maincontent .formlabel {padding-right:10px; white-space: nowrap }
#maincontent .pagetitle { font-size: 90%; font-weight: bold }
#ringtonedetails .button { background:url(bg_tab_s.gif) left repeat-x; font-size: 90%; border:1px solid #999999; line-height:21px; text-align:center; width:77px; color:white; padding:0px 7px; cursor:pointer; float: left; margin-right: 2px;}
#ringtonedetails .buttondisabled { background:url(bg_tab_s_disabled.gif) left repeat-x; font-size: 90%;border:1px solid #999999; line-height:21px; text-align:center; width:77px; color:#e1e1e1; padding:0px 7px; cursor:default; float: left; margin-right: 2px; }
#maincontent table { border:0px solid white; padding:0px; margin:0px; }
#maincontent .helptext { float: left; margin: 3px 0 0 20px }
#maincontent .helptext2 { float: left; margin: 3px 0 0 0 }
#maincontent .copyrightbuttons, #maincontent .shared { float: left; margin: 0 0 0 20px }
#maincontent .fieldlabel { float: left }
#maincontent .floatleft { float: left }
#maincontent .upload { margin: 20px 0 10px 0; width:119px; border:1px solid #999999; color:white; font-size:120%; line-height:25px; font-weight:bold; background:url(bg_tab_s.gif) left repeat-x; cursor:pointer;}
#maincontent .subtext { margin-top: 30px; padding-top: 10px; border-top: 1px dotted #cccccc; width: 580px; clear: both }
.subtext2 { width: 580px; margin:15px 20px 0px 20px }
.subtext3 { width: 580px; margin:15px 20px 0px 20px; border-top: 1px dotted #cccccc; }
.subtextfull { width: 880px; margin:15px 20px 0px 20px }
.subtexthalf { width: 380px; margin:15px 20px 0px 20px }
#maincontent table {margin:0px}
#maincontent table.inner {margin:0}
.smalltext { }
.formtext { font-size:90%;}
.corpform { margin:20px }
.corpform td.forms { padding: 0px 20px 10px 20px;}
#container { margin: 0 20px 0 20px }
#rightcolsmall { width:215px; float:right; padding:10px 15px 15px 0px; clear: both }
.howto, .whydo, .usingringtone { margin-top: 15px }
.usingringtone { border-top:1px dotted #CCCCCC; margin-top: 5px; padding-top: 10px; width: 580px; }
.whydo ol { margin-top: 5px; padding-top: 10px; border-top: 1px dotted #cccccc; width: 250px; }
.howto ol { margin-top: 5px; padding-top: 10px; border-top: 1px dotted #cccccc; width: 170px; }
.howto li, .whydo li, .usingringtone li { margin-bottom: 10px; position: relative; left: -20px }
.howtotext { margin-top: 5px; padding-top: 10px; border-top: 1px dotted #cccccc; width: 200px; }
#maincontent .explicttbuttons { float: left }
#selectphone td { padding-bottom: 10px }
.sendinvitation { border:1px solid #999999; color:white; font-size:121%; line-height:25px; font-weight:bold; background:url(bg_tab_s.gif) left repeat-x; cursor:pointer; width: 170px; margin: 0; }
.familyfilter { border:1px solid #999999; color:white; font-size:121%; line-height:25px; font-weight:bold; background:url(bg_tab_s.gif) left repeat-x; cursor:pointer; width: 170px; float: left; margin: 20px 0 0 0 }
.heading { font-size: 125% }
#similarringtones { width: 635px; margin: 10px 10px 30px 20px }
#ringtonefooter { background:url(bg_diagnals.gif) repeat; border: 0px solid #CCCCCC; padding: 0px; width: 635px; white-space: nowrap }
#ringtonefooter a { }
#rd { width:315px; background: #F6F6F6; text-align:left; }
#rd .label, #cb .label, #gd .label {font-size:90%; color: #999999; width:65px; padding: 0 5px 3px 0; }
#rd .formlabel, #cb .formlabel{ width:125px; text-align:right; padding-right:10px }
#rd .text a, #cb .text a, #gd .text a { }
#rd .text, #cb .text, #gd .text { padding: 0 5px 3px 0 }
#rd table.rtd{ margin:5px 10px 10px 10px; width: 300px }
#rd table.rtd td, #cb table.rtd td { padding-bottom: 5px }
.cb td { margin: 0 0 5px 0; padding:0px; border:0px solid white; vertical-align:top }
.rdco { width:315px; background: #e6e6e6; text-align:left;}
.rdco td { padding: 0 0 5px 0; vertical-align:top }
.rdco .text { color:#333333; padding: 0 5px 5px 0 }
.rdco .label {font-size:90%; color: #999999; width:55px;padding: 0 5px 5px 0; }
.rdco .formlabel { color: #333333; text-align:right; padding-right:10px }
.rdco .ud { float:left;padding:5px 5px 5px 10px}
.rdco .pd {float:right;padding:5px 10px 5px 5px}
.rdco .pd img {}
.rdco .more {border-top: 1px dotted #666666; margin: 0px 10px; padding:5px 0}
#contentcomments { background: #e6e6e6; padding-bottom: 15px; }
.explicitbox { margin: 10px; padding: 0px; font-size: 90%}
.copyrightbox { margin: 10px 5px 10px 0; padding: 10px; border: 1px solid #e18928; background:url(bg_diagnals.gif) repeat; font-size: 11px }
.notebox { margin: 0 0 5px 0; border: 1px solid #e18928; background: #FFFFFF; font-size: 90%; padding: 10px; }
.copyrighted2 { float:left; background:url(copyrighted.gif) left top no-repeat; height:11px; width:13px; margin:2px 5px 0px 0px }
.required { font-weight: bold }
.subtextline { margin-top: 30px; padding-top: 10px; border-top: 1px dotted #cccccc; width: 580px; clear: both }
.subtextlineshort { margin-top: 30px; padding-top: 10px; border-top: 1px dotted #cccccc; width: 400px; clear: both }
.subtextblank {margin: 10px 0 0 0 }
.btnBuffer { margin: 20px 10px 20px 0 }
.btnWide, .btn150 { width: 150px }
.btn100 { width: 100px }
.btn125 { width: 125px }
.tos {}
.btngrey, .btngrey:hover { background:url(bg_tab_s_disabled.gif) left repeat-x; cursor:default; }
/* new styles needed for upload/create pages */
#live_record_div { width:400px; float:right; margin: 0 0 0 0; }
#vertical_divider { width:75px; height:300px; float:right; margin: 0 0 0 0;}
#file_select_div {width:400px; margin: 0 0 0 0; }
#photo_file_select_div { margin: 0 0 0 0; display:inline; z-index:2; }
#progress_div { margin: 0 0 0 0; display:none;z-index:3; }
.notcopyrighted { float:left; height:12px; width:13px; margin:4px 5px 0px 0px }
#progressBar { padding-top: 5px; height: 15px; }
#progressBarBox { width: 350px; height: 15px; border: 1px inset; background: #999999 }
#progressBarBoxContent { width: 0; height: 15px; border-right: 1px solid #444; background: #FFA920; }
/* new styles need for ringtone details page */
.sharednoBtn { background: url(shared_no.gif) top center no-repeat; width:40px; cursor:pointer; }
.sharedyesBtn { background: url(share_yes.gif) top center no-repeat; width:40px; cursor:pointer; }
div#explainCopyright { width:305px; position:absolute; z-index:999; padding:20px; background-color: #f2ebe3; color:#333333; border:3px solid white }
/*Add for show all comments */
.showAllText { padding-right: 15px; cursor:pointer;cursor:hand; }
/*display hand pointer */
.showHand {cursor:pointer;cursor:hand; }
/*force the vertical scrollbar*/
html { height: 100%; margin-bottom: 1px; }
a.breadcrumb { color: #FFFFFF; text-decoration: none; }
/* add the following line to a.white:hover */
a.breadcrumb:hover { color: #FFFFCC }
/* needed this for arbitrary width error box */
.blankHeader100 {width:100%;}
/* Updated and New styles */
.explicitFiltered { padding: 5px; text-align: left; font-size: 90%; font-weight: bold; }
.noWrap { white-space: nowrap; }
.widgetBox{ width:280px;padding:5px 7px}
.maintenance { width:auto; padding:15px; text-align:center; height:12px; font-size:110%;font-weight:bold; background:url(bg_diagnals_warning.gif) repeat; border-bottom:1px solid #CCCCCC }
/*status history warning box*/
#historyBoxDiv { background-color: #e6e6e6; margin-bottom:10px; width:300px }
.historyBox{ margin:5px 0 5px 5px; width:295px }
.historyBoxInterior{ margin:5px 5px 5px 5px; background-color:white}
/* used for status message box (similar to m635 style) */
.mwide { width:700px }
.mfull { width:930px }
.mnarrow { width:630px }
.homeLink { display:block; height:41px }
.highlight { font-weight: bold; }
#quicklinks { float:right; margin-top:8px; text-align:right; padding-right:15px;}
#quicklinks a { font-weight:normal; line-height:16px; display:block }
.search { float:right;line-height:17px }
.searchinput { margin:6px 0px 0px 0px; padding:2px 3px 0px 3px; width:150px; height:17px; line-height:17px; font-weight:normal; color:#666666; float:left }
.search label { color:white; line-height:34px }
.topsearchinput {font-size: 13px;border: 1px solid #666666; margin:2px 0px 0px 0px; width:115px; height:17px; line-height:17px; font-weight:normal; color:#666666; float:left;padding-top:2px }
.topsearchbtn { background:url(btn_search.gif) left repeat-x; height:19px; width:30px; border:1px solid #999999; float:left; margin: 2px 0px 0px 0px; cursor:pointer }
.topsearchselect {font-size: 13px; border: 1px solid #666666;float:left;margin:2px 0px 0 0; color: #666666;padding: 1px;height:22px}
.searchbtn { background:url(btn_search.gif) left repeat-x; height:19px; width:30px; border:1px solid #999999; float:left; margin: 6px 0px 6px -1px; cursor:pointer }
/* Search Reslts with Google */
#csResults { width:764px; margin:10px 0px 15px 15px; float:left }
#csResults table { width:100%; }
#csResults table .keyword { text-align: left; width:50%; }
#csResults table .more { text-align: right; width:25%; }
#googleResults { width:764px; margin:15px 0px 15px 15px; float:left; clear:left }
#googleSearchUnitIframe { border:0px solid white; width:762px; border-left:1px solid #f8eee5; border-right:1px solid #f8eee5 ; border-bottom:1px solid #f8eee5}
*:first-child+html #googleResults { width:764px; margin:5px 0px 15px 18px; float:left }
.resultscontainer { clear:left; border-left:1px solid #f8eee5; border-right:1px solid #f8eee5; width:100% }
.resultscontainer th { font-size:90%;font-weight:normal;text-align:left; background-color:#f8eee5; padding: 3px 0px 3px 7px }
.resultscontainer tbody tr { background:url(bg_ringtone.gif) bottom left repeat-x }
.resultscontainer tbody tr .noline {background:url(null); }
.resultscontainer tbody tr td { padding: 3px 0px 3px 7px }
.resultscontainer .playbtn, .resultscontainer .stopbtn, .resultscontainer .pausebtn { height:19px; width:18px; border:1px solid #999999; float:left; margin:0px 0px 0px 0px; cursor:pointer }
.resultscontainer .title { font-size:110%; font-weight:normal; color:#ff6600 }
.resultscontainer .copyrighted { float:auto; background:url(copyrighted.gif) center middle no-repeat; height:12px; width:13px; margin:0px 0px 0px 0px }
.resultscontainer .creator {font-size:90%;}
.resultscontainer .artist {font-size:90%;}
.resultscontainer .downloads {}
.resultscontainer .comments {}
.resultscontainer .ratings {}
#rightcolsr { width:175px; float:right; padding:15px 0px 15px 0px; clear:both }
.resultscontainer .ratings, .resultscontainer .comments, .resultscontainer .downloads {float:none; font-size:80%; padding-top:0px; margin-right:0px; text-align:left; color:#999999; line-height:24px }
.resultscontainer .downloads { background:url(download.gif) left no-repeat; width:auto; padding-left:16px }
.resultscontainer a.downloads:hover { background:url(download_hover.gif) left no-repeat; width:auto }
.resultscontainer .comments { background:url(comment.gif) left no-repeat; width:auto; height:24px;padding-left:17px }
.resultscontainer a .comments:hover { background:url(comment_hover.gif) left no-repeat; width:auto;}
.resultscontainer .stars { margin: 4px 2px 0px 0px; float:left; width:auto }
*:first-child+html .resultscontainer .stars { margin: 4px 2px 0px 0px }
.resultscontainer .ratings { margin-top:auto; width:auto; text-align:left }
.resultscontainer th.pb { width:18px }
.resultscontainer th.cr { width:12px }
.resultscontainer tbody tr.peopleNames {background:url(null); }
.peopleName { font-size:110%; font-weight:bold; color:#ff6600 }
/* Profile Detail Page */
/*.photobox { width:650px; height:125px; background:url(bg_featured.gif) top left repeat-x; border:1px solid #000000; float:left; text-align:center; padding-top:15px }*/
#photoorg { float: left; margin-top: 5px; margin-left:10px;margin-right:20px; max-height:300px; max-width:300px }
.centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; }
.phonecontainer { width: 130px; height:115px; float:left; margin-top:5px; margin-right:50px;padding:5px;text-align:left; color:#000000; }
.phonetext {color:#999999; float: left; vertical-align:top; height:50px;}
.pht {background: url(trdot.gif) 0 0 repeat-x; width: 20em;}
.phb {background: url(trdot.gif) 0 100% repeat-x; width: 20em;}
.phl {background: url(trdot.gif) 0 100% repeat-y;}
.phr {background: url(trdot.gif) 100% 0 repeat-y;}
.phtl {background: url(tr1.gif) 0 0 no-repeat; height:11px;}
.phtr {background: url(tr2.gif) 100% 0 no-repeat;height:11px;}
.phbl {background: url(tr3.gif) 0 100% no-repeat;height:11px;}
.phbr {background: url(tr4.gif) 100% 100% no-repeat;height:11px;}
/* Flash based dynamic content containers */
#homepageModule { width:650px; float:left; padding:15px 0 0 15px; margin-bottom:10px; }
#newHomepageModule { width:650px; height:264px; float:left; text-align:center; padding: 0px 0 0 0px; }
#photosModule,#ringtonesModule,#gamesModule { width:650px; height:120px; float:left; text-align:center; padding-top:15px }
#ftGamesModule { width:635px; height:220px; float:left; text-align:center; padding:15px }
/* ReturnPath SmartForm CSS */
.rptextelement {}
#rplists {}
td td .rpliststd_text { text-transform: none;}
td td .rpliststd_input {padding:0 2px 0 4px}
#addressImport {margin-left:15px; padding:10px 10px 0 10px; border:1px solid gray;}
#addressImportNew {margin:0; padding:10px 0; border: 0;}
#linkshare {background:#E6E6E6 none repeat scroll 0%; height:20px; padding:5px 10px; float:left;}
.contentshare, .facebookshare,.googleshare, .diggshare, .deliciousshare {cursor:pointer; float:left;}
.facebookshare { background:url(facebook-icon.gif) left no-repeat;padding:0 20px;}
.googleshare { background:url(google-icon.gif) left no-repeat; padding:0px 20px;}
.diggshare { background:url(digg-icon.gif) left no-repeat; padding:0px 23px;}
.deliciousshare { background:url(delicious-icon.gif) left no-repeat; padding:0px 23px;}
.relatedContent {background:url(bg_diagnals.gif) repeat;padding: 5px; font-size:110%;}
.relateContent a, .relatedontent a:visited { font-weight:bold; font-style:normal; color:#FF6600; text-decoration:none}
.relatdContent a:hover {color:#0066CC;}
#sort {float:left; background: transparent url(bg_diagnals.gif) repeat scroll left top; width:100%; }
#sort ul#sortoptions { margin:0px 0px 0px 0px; padding:4px 7px; position:absolute; border:1px solid #999999; background-color:white; width:229px;clear:left;z-index:1004; }
#sort ul#sortoptions li a{ color:#333333; line-height:16px; display:block }
#sort ul#sortoptions li a:hover { color:#FF6600 }
/* modal box properties */
.modaloverlay {background-color: #999999; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 3000; display: block;}
.modalbox { position:absolute; width:300px; height: 200px; border: 5px solid #ff6600; z-index: 3100; }
.modalframe { border:0; height:100%; width:100%; }
.modalcontainer { height:100%; padding: 10px; background-color: #f2ebe3 }
.modalmsg {position:absolute;width:300px;z-index:3100;padding:15px;background-color: #f2ebe3;color:#333333;border:3px solid #999999; text-align: center}
/* generic heml select style sheets ; just change teh height and width to suite other needs */
.selectoptions { z-index:2000; background-color: white; border: 1px solid #999999; width: 324px; max-height:200px; overflow-y: auto; overflow-x:hidden;}
.selectoptionsinput {width:300px; font-size: 110%; height: 19px; line-height: 19px;}
.selectoptionslist {background-color: white; font-size: 110%; padding:0px 5px}
.selectoptionslist:hover { background-color: #3399ff; cursor:pointer}
.thumbsup, .thumbsdown, .thumbsupdisabled, .thumbsdowndisabled {color: #999999; float:left; font-size:80%; text-align:center; padding-top:30px; width: 36px; }
.thumbsmsg {color: #999999; clear: right; float:left; font-size:80%; text-align:center; width: 80px; line-height: 19px;}
.thumbsup {background:url(thumbsup.jpg) top center no-repeat; }
.thumbsdown {background:url(thumbsdown.jpg) top center no-repeat;}
.thumbsupdisabled {background:url(thumbsup_disabled.jpg) top center no-repeat; }
.thumbsdowndisabled {background:url(thumbsdown_disabled.jpg) top center no-repeat;}
.thumbsup:hover, .thumbsdown:hover { cursor:pointer }
.fl { float:left}
.fr { float:right}
.clb { clear:both}
.edit { color:green; font-size:90%; font-weight:bold}
.edit:hover { color:#FF6600}
/* My Profile */
#wh {}
.bgbox { background: url(bg_diagnals.gif) top left repeat; padding: 10px; }
#mp textarea{}
#wh .label {font-size:90%; color: #999999; }
#wh table td { padding: 5px 5px 0 0; vertical-align:top}
.whformlabel {color: #666666; width:100px; text-align:right; padding-right:10px }
.whradiolabel {color: #666666; valign:top}
.whtextarea {padding: 2px; }
.whSortSelected { color: #FF6600;text-decoration: underline; }
.whSort:hover { color: #FF6600;text-decoration: underline; }
.whSortSelected a, .whSort:hover a {font-weight:bold; color: #FF6600 }
.wemixcontesttext {background-image:url(bg-dark.gif); border: 3px solid #e6e6e6; color: #ffffff; width:615px; padding:10px}
.wemixcontesttext a {color: #ffffff; text-decoration: underline}
.wemixcontesttext a:hover {color: #ff6600; text-decoration: underline}
.timestamp {font-size:80%; color:gray;}
#selectgiftbox {width:528px; height: 423px; border:1px solid gray;background-color: #ffffff}
#selectgiftbox .giftunit {width: 90px; float:left; margin:5px; text-align:center}
#selectgiftbox .giftunit img { width: 80px;}
#selectgiftbox .lhsarea {float:left; width: 110px; height:100%; padding: 0 0 0 10px; border-right: 1px solid gray}
#selectgiftbox .rhsarea {float:left;}
#selectgiftbox #dataoutput { width:405px; height: 390px}
#selectgiftbox #paginationLinkOutput {width:90%; height:22px; margin:8px 15px; padding-top: 2px; text-align: right}
#selectgiftbox #dataoutput .loadermsg{ padding-top: 100px; text-align: center}
#selectfriendbox {overflow: auto; width:548px; height: 323px; border:1px solid gray; background-color: #ffffff}
#selectfriendbox .fbox {width: 95px; min-height: 120px; float:left; margin:5px; text-align:center}
#selectfriendbox .fbox img { width: 80px;}
#selectfriendbox #paginationLinkOutput {width:90%; height:22px; margin:8px 15px; padding-top: 2px; text-align: right}
#selectfriendbox #dataoutput { clear:both; width: 100%}
#selectfriendbox #dataoutput .loadermsg{ padding-top: 100px; text-align: center}
.sharewithfriends { background:url(icon_share_16x16.png) center left no-repeat; padding:0 0 0 17px; ; float:left;}
.stext79 {font-size: 110%}
.stext72 {font-size: 100%}
#whmiddle {float:left; padding:10px 5px; width:410px}
#whmiddle .title {float:left; padding-bottom:3px; text-align:left}
#whmiddle .thumbs {float:right;width:80px;}
#whmiddle .details {clear:left; padding-top:5px; width:100%}
#whmiddle .desc {clear:left; padding-top:15px; width:100%}
#whmiddle .pic {clear:left; float:left;padding-top:5px; text-align:center; width:100%;}
#whmiddle .pic img {width:405px;}
#whmiddle .actionLink{float:left; padding:0 20px 0 0}
#whprev, #whnext { float:left; width:75px;}
#whprev {padding:160px 15px 0 15px}
#whnext {padding:160px 15px 0 15px}
#whprev img, #whnext img {width:75px; }
.messageBox {padding: 10px;margin:5px 0; background-color: #cccccc;text-align:center; width:610px; border:2px solid #999999}
.messageBox a {}
#popup_container {
padding:15px;background: #F2EBE3;border: solid 5px #999999;
min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
#popup_title {float:left; font-size: 110%;font-weight: bold;line-height: 1.75em;padding-bottom:10px}
#popup_clx{ height:20px; background:url(close.png) right top no-repeat; cursor:pointer }
#popup_content {clear:both}
#popup_content.alert {}
#popup_content.confirm {}
#popup_content.prompt {}
#popup_message {}
#popup_panel {text-align: center;margin: 1em 0em 0em 0em;}
#popup_prompt {margin: .5em 0em;}
#popup_ok1, #popup_cancel1 {background:url(bg_tab_s.gif) left repeat-x; border:1px solid #CCCCCC; height:21px; width:70px; color:white; line-height:21px; font-weight:bold; padding:0px 7px; cursor:pointer; margin:10px 0px 0px 0px;}
.trophy {background: transparent url(icon_trophy.png) no-repeat scroll; display:block; height:13px; position:absolute; right:4px; top:-2px; width:14px;}
img.pz-grayborder {border: solid 2px #e6e6e6}
a:hover img.pz-grayborder {border:solid 2px #ff6600}
img.pz-blackborder {border: solid 2px black}
.gamenotsupported { border:3px solid #FFFFFF; background-color:#f2ebe3; opacity:.90; filter:alpha(opacity=100); font-size:100%; font-weight:normal; font-family:arial, Helvetica, sans-serif; line-height:15px; color:#000000; padding:30px 10px; width:300px; position:absolute; text-align:left; margin:50px 0px 0px 150px }
.gamenotsupported .closeX {margin:-25px 0px 0px 283px;}
.bonustop{
background:url(bonustop.gif) no-repeat top left;
}
.bonusbot{
background:url(bonusbottom.gif) no-repeat bottom left;
padding:0 4px 8px 4px;
}
.bonus{
float:left;
width:195px;
padding-left:10px;
height:auto;
}
.articles{
padding:8px 0;
border-bottom:1px dotted #CCCCCC;
}
.greybox{
padding:0 0 15px 0;
}
.greytop{
background:url(greyboxtop.gif) no-repeat;
height:50px;
}
.greytop h4{
color:#ffffff;
line-height:35px;
padding:0 0 0 10px;
}
.greybot{
background:url(greyboxbot.gif) no-repeat bottom left;;
height:auto;
padding:0 15px 45px;
}
.greybot .story{
padding:5px 0 5px 0;
border-bottom:1px dotted #DDDDDD;
}
.greybot .story a{
color:#FF6600;
text-decoration:none;
}
.ringtone h2{
background:none;
clear:left;
color:#333333;
font-size:15px;
font-weight:normal;
letter-spacing:1px;
line-height:21px;
margin:0;
padding:0 0 2px;
}
.starbonus{
padding:5px 0 5px 0;
border-bottom:1px dotted #cccccc;
color:#999999;
font-size:11px;
}
.starbonus a{
color:#0066CC;
text-decoration:none;
}
.starbonus a:hover{
color:#ff6600;
}
span.playnow{
font-size:11px;
line-height:14px;
text-align:right;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px;
padding:10px ;
line-height:20px;
height:20px;
background:none;
color:#333333;
}
.bonusbot p{
margin:0px;
padding:10px 0 10px 0;
}