* {
margin:0px;
padding:0px;
}
html {
height:100%;
/*width:100%;
*width:auto;*/
margin:0px;
padding:0px;
/*overflow-x:hidden;*/
/*overflow:scroll;*/
}
body {
/* background:#ffffff ; */
color:#666666;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
margin:0pt;
padding:0;
max-width:1610px;
min-width:1005px;
width:100%;
}
#C4Logo {
width:215px;
height:51px;
margin:6px 0 6px 12px;
padding:0pt 10px 0pt 0pt;
position:relative;
/*width:270px;*/
/*height:60px;*/
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
input{text-align:left;
line-height:12px;}
strong{ font-weight:bold}
h1{width:100%;
text-align:left;
text-indent:5px;
font-size:20px;
/* margin: 12px; */
font-weight:bold;
/* text-transform:capitalize; */
}
h2 {
background:#ffe1d7;
float:left;
color:#333;
font-size:12px;
font-stretch:narrower;
font-weight:bold;
line-height:1.3em;
margin:0 0 1px 0;
/*padding:2px 5px;*/
text-align:right;
/* text-transform:capitalize; */
text-indent:4px;
width:100%;
clear:both;
}
h2 span {
float:left;
/*font-size:12px; */
font-weight:bold;
padding-left:5px;
padding-top:2px;
}
h3 {
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:15px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:3px;
padding:15px;
/* width:850px; */
/* text-transform:capitalize; */
color:#888;
}
h5{ font-size:16px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
/* text-transform:capitalize; */
color: #666666;
margin:4px 0px;
line-height:22px;
text-indent:15px;
}
hr{width:90%;
border:1px dotted #cccccc;
margin:2px 0px;
}
#header {
background:none;
font-size:1.1em;
font-weight:normal;
/*height:72px;*/
*height:auto;
line-height:1.5em;
margin:0pt;
text-align:left;
width:100%;
position: relative;
padding:6px 0 0 0;
}
#header .optionsBar {
background:#fc531d /*url(/images/menu-bg.jpg)*/ repeat-x scroll center top;
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-stretch:extra-condensed;
font-weight:bold;
line-height:28px;
width:100%;
/* text-transform:capitalize; */
}
#header .optionsBar a {
background:transparent none repeat scroll 0%;
border-bottom-style:none;
color:#FFFFFF;
font-weight:bold;
margin:0;
padding:6px;
line-height:28px;
}
#header .optionsBar a:hover {
background-color:#e83c00;
background-position:center top;
background-repeat:repeat-x;
color: #ffffff;
text-decoration:none;
line-height:28px;
}
.usersearchForm input {
width: 120px;
}
.usersearchForm {
margin: 0px;
padding: 0px;
border: 0px;
display: inline;
}
.topad {margin-top:2px;
}
#topHeader {
position: relative;
background-color:#CCCCCC;
color:#003366;
font-size:9px;
height:18px;
/*line-height:16px;
padding-right:1px;*/
text-align:left;
/*text-indent:15px;*/
width:100%;
/*float:right;
width:100%*/
}
#stats {
position: absolute;
right: 0px;
float: left;
}
#topHeader p{float:left;}
#q {
margin:0pt;
text-align:left;
vertical-align:bottom;
}
#q .inputbox {
margin:6px;
padding:2px;
vertical-align:middle;
width:300px;
float:left;
}
.inputbox input, .inputbox select { float:left;
width:110px;
*width:150px;
height:18px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
margin-right:5px;
text-indent:1px;
font-weight:100;
color: #666;
}
.checkbox input { float:left;
width:12px;
height:12px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
margin-right:5px;
}
.checkbox span {float:left;
line-height:22px;
margin:0px 1px;
font-weight:normal;
}
.inputbox span {float:left;
line-height:17px;
margin:0px 5px;
font-weight:normal;
}
#content {
color:#666666;
font-size:10px;
font-weight:100;
margin:0;
min-height:100%;
position:relative;
text-align:left;
width:100%;
clear:both;
}
#main-content {
background-color:#FFFFFF;
background-position:center top;
background-repeat:repeat-x;
float:none;
margin-right:1px;
overflow:hidden;
width:auto;
z-index:10;
}
#main-content-header_secure {background-color:#FFFFFF;
/*background-image:url(/images/bg.jpg);*/
background-position:center top;
background-repeat:repeat-x;
float:left;
margin:0;
overflow:hidden;
width:100%;
z-index:10;
}
textarea{border:1px solid #ccc;
height:60px;
margin-top:5px;
}
a {color:#333333;
text-decoration:none;
border:none;
}
a:hover {
/*border-bottom:1px solid #000099;*/
text-decoration:underline;
}
.img, .img:hover {
border-bottom:0pt none;
}
.img_thumb, .img_thumb:hover {
max-width: 120px !important;
max-height: 90px !important;
border-bottom:0pt none;
}
#searchfield2 {
display:block;
margin:0pt auto 20px;
padding:0pt 0pt 0pt 10px;
text-align:center;
width:500px;
}
.ad {
float:right;
margin-right:0px;
}
.ad a {
border:0pt none;
text-decoration:none;
}
.smalltext {
font-size:0.8em;
}
#left-content {
background:#F6F1EE none repeat scroll 0%;
left:0pt;
position:absolute;
top:0pt;
width:120px;
z-index:1;
}
#left-content a, #left-content img {
border:0pt none;
}
#right-content {
background:none;
text-align:center;
float:right;
margin:0;
top:0;
display:block;
}
#right-content-bottom{
margin-left:-40px;
}
/*#subfoot {
margin-top:1em;
text-align:LEFT;
}*/
#footer {background:transparent none;
color:#F5712B;
font-size:0.9em;
/*padding:10px; */
text-align:left;
width:100%;
float:none;
margin:10px 0px;
/* position:absolute;*/
clear:both;
}
.footer_line { width:75%;
float:left;
padding:0;
margin-bottom:20px;
}
.bottom_footer {height:54px;
background:white;
padding:15px 0 0 0;
margin:10px 0 20px 0;
border-top:10px solid #fc531d;
width:100%;
float:right;
position:static;
vertical-align:top;
text-align:center;
margin-left:-180px;
}
.bottom_footer p{ /* width:100%;
height:18px;
line-height:18px;
font-size:10px;*/
color:#969696;
padding:0;
margin: 0 0 10px;
/* float:left; */
}
.bottom_footer p a{ margin:0 3px 0 3px;
text-decoration:none;
/* font-size:10px; */
color:#fc531d;
}
.bottom_footer p a:hover{ text-decoration:underline}
.error {
color:red;
}
.profileBox {
background-color:white;
border:1px solid #FFE1D7;
float:left;
height:95px;
margin:2px;
padding:10px 10px 10px 15px;
position:relative;
width:246px;
font-family:Arial, Helvetica, sans-serif;
}
.profileBox:hover { background-color:#FFE1D7;
border:1px solid #FFE1D7;
cursor:pointer;
}
.profileBoxTitle {
clear:both;
color:#fc531d;
font-size:14px;
font-stretch:narrower;
font-weight:bold;
overflow:hidden;
text-align:left;
/*text-indent:5px;*/
line-height:15px;
/* text-transform:capitalize; */
float:left;
width:100%;
padding:0;
margin:0;
}
.profileBoxTitle a {
color:#fc531d;
}
.profileDetailArea {
color:#6E6E6E;
/*padding-left:8px;
padding-top:10px;*/
/* text-transform:capitalize; */
float:left;
width:100%;
padding:0;
margin:0;
}
.titleWithStatusMsg {
text-align:left;
color:#333333;
}
.statusMsg {
font-size:11px;
font-weight:normal;
float:left;
color:#fc531d;
width:100%;
}
/*.odd {
background:none;
background-image:url(/images/offline_box.gif);
background-position:top;
background-repeat:repeat-x;
color: #CCCCCC;
}*/
.profileDataBox {
position:absolute;
padding:0;
margin:0;
padding:0;
margin:0;
}
.profileDataBox .super {
border:0px none;
position:absolute;
top:71px;
width:120px;
height:17px;
left:0px;
}
.profileDataBox .award {
border:0px none;
position:absolute;
top:60px;
width:29px;
height:29px;
left:0px;
margin:0 0 0 3px;
}
.profileDataBox img {
border:thin solid #FFF;
float:left;
margin:0;
padding:0;
}
.profileDataBox a img {
border:1px solid #FC531D;
margin:0;
padding:0;
width:120px;
height:90px;
float:left;
*width:110px;
}
.profileDetailBox {
/*background-color:#EDEDED;*/
/*border-left:thin dotted #FFFFFF;*/
float:left;
height:95px;
margin:5px;
padding-left:2px;
padding:0;
text-align:left;
width:120px;
color:#333333;
}
.toggle_tabs li {
color:#333333;
float:left;
font-weight:bold;
padding:2px 8px 3px 9px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
height: 16px;
border-bottom: 0px;
}
.toggle_tabs .first {
/*border-left:1px solid white;*/
}
.toggle_tabs .last {
background:#F6F1EE none repeat scroll 0%;
/*border-left:1px solid white;*/
float:right;
position:relative;
}
.toggle_tabs li a:hover {
color:black;
outline-color:invert;
outline-style:none;
outline-width:0px;
}
.toggle_tabs ul {
height:0px;
list-style-type:none;
margin:0pt 0pt 0pt 10px;
padding:0pt;
}
.toggle_tabs ul li a {
/*border-bottom-style:none;*/
text-decoration:none;
color:#999999;
}
.toggle_tabs .selected {
background:#fc531d none repeat scroll 0%;
height:18px;
}
.toggle_tabs .selected a {
color:white;
}
.toggle_tabs { /*background-color:#F4AC8A*/;
width:98%;
height:22px;
border-bottom:solid 2px #fc531d;
margin-top:10px;
}
form{margin:10px 22px;
/*line-height:25px;
text-align:left;
width:310px;*/
padding-right:30px;
/*border-right:1px dotted #999999;*/
}
/*form input {float:left;
width:100%;
height:22px;
font-size:14px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
}*/
#languagesList {margin:0px;
padding:0px;
}
.form_fields{float:left;
width:130px;
*width:170px;
height:18px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
/*margin-left:5px;*/
}
.divfield{float:left;
width:100%;
/* height:22px;*/
font-size:12px;
/*background-color:#FFFFFF;
border:1px solid #CCCCCC;*/
margin-top:6px;
}
.date { background-color:#FFFFFF;
line-height:12px;
font-size:11px;
margin-left:2px;
width:70px;
/**float:right;
*/}
.heightselect { /*background-color:#FFFFFF;
border:1px solid #CCCCCC;
line-height:12px;
font-size:11px;
height:18px;*/
margin:0px 3px;
width:65px;
*width:50px;
/**float:right;
*/}
.check{ font-size:12px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-left:10px;
float:left;
width:2px;
height:2px;
*width:12px;
*height:12px;
}
.check span{margin:0 0 0 2px;
}
.button{/*height:26px;
width:70px;*/
background-color: #fc531d;
color:#FFFFFF;
border:none;
margin:16px 2px;
padding:6px;
font-weight:bold;
text-align:center;
/*line-height:30px;
*/}
.button:hover{background-color: #FF9933;
cursor:pointer;
}
/*#editprofile_tab{margin:0 0 0 15px;
width:150px;
}
#editprofile_tab li{width:165px;
height:16px;
background:none;
border-bottom:1px dotted #ccc;
color:#FFFFFF;
font-size:12px;
line-height:22px;
font-weight:bold;
list-style:none;
text-transform:capitalize;
margin:6px 0px;
padding:3px;
}
#editprofile_tab li:hover{ background-color: #666666;
color:#FFFFFF;
}
#editprofile_tab li a{text-decoration:none;}
#editprofile_tab li a:hover{text-decoration:none;
color:#FFFFFF;
}*/
/** end of toggle tabs **/
.text {margin-left:10px;
margin-right:10px;
/* width:100%;*/
line-height:15px;
float:left;
}
.text li, .text ul{margin:0 0 0 10px;
padding:0;
/* width:100%; */
}
.text ul{margin-top:10px;
margin-bottom:10px;
}
.text strong {
/* color:#fc531d; */
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:15px;
line-height:22px;
margin:10px 0px;
/* text-transform:capitalize; */
/* display:block; */
padding-top:20px;
/* clear:both; */
}
.text p {
padding-bottom: 10px;
}
.text h5{color:#fc531d;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:20px;
line-height:40px;
margin:10px 0px;
/* text-transform:capitalize; */
}
.infotext{ color:#666666;
font-size:10px;
line-height:18px;
margin:2px 10px;
display:block;
text-align:justify;
/*width:650px; */
}
.infotext .entry {
display:block;
clear:both;
}
.infotext .subtitle {
font-weight: bold;
padding-top:7px;
}
.infotext a {text-decoration: underline }
.infotext a:hover {text-decoration: none; }
.infotext b { font-weight: bold; }
.add-info{ width:300px;
background:none;
color:#666666;
font-size:10px;
line-height:25px;
padding: 2px;
float:left;
}
.add-info h1{ font-size:25px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
/* text-transform:capitalize; */
color: gray;
margin:10px 0px 20px;
/*line-height:10px;*/
text-align: left;
}
.add-info h4{ font-size:20px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
/* text-transform:capitalize; */
color: #fc531d;
margin:10px 0px;
line-height:22px;
}
.table_sign { border-right:1px dotted #999999;
float:left;
height:550px;
margin:0pt 25px 15px 0pt;
width:420px;
}
.table_sign tr{height:22px;
vertical-align:center;
}
.table_sign td{width:170px;}
.table_sign td span{float:left;
font-size:10px;
margin:2px 0;
width:100%;
}
.awards_table {margin:0pt 25px 15px 0pt;
width:auto;
border:1px solid #ebebeb;
background-color:white;
color:#666666;
text-align:left;
font-size:11px;
}
.awards_table_files {
margin:0pt 25px 15px 15px;
width:840px;
border:1px solid #ebebeb;
background-color:white;
color:#666666;
text-align:left;
font-size:11px;
}
.awards_table_files td { Padding:2px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #666666;
border-bottom: 1px solid #ebebeb;
margin-top:6px;
width:auto;
}
.awards_table_files td ul { margin:0px;
padding:0px;
list-style-type: upper-roman;
}
.awards_table_files td ul li { margin:0px;
padding:0px;
}
.contest_files h1 {
color:#FC531D;
font-size:24px;
font-stretch:narrower;
font-weight:bold;
height:auto;
letter-spacing:0;
line-height:30px;
margin:5px 0 0 10px;
padding:10px 0;
width:100%;
}
.contest_files h3 {
color:#FC531D;
font-size:18px;
font-weight:bold;
height:auto;
line-height:20px;
margin-left:10px;
padding:5px;
}
.contest_files table {
margin-left:10px;
}
.awards_table tr{ height:25px;
vertical-align:middle;
}
.awards_table td { Padding:2px;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #333333;
text-align:center;
margin:0;
width:auto;
}
.viewers{ padding:0;
margin:0;
}
.awards_table td span{ float:left;
font-size:10px;
margin:2px 0;
width:100%;
height:25px;
}
.awards_table_titles{background:#FC531D;
text-align:center;
color:#FFF;
/* text-transform:capitalize; */
margin:2px 3px;
font-weight:bold;
}
.awards_table_subtitles{ font-weight:bold;
line-height:16px;
text-decoration:none;
font-weight:bold;
color:#FC531D;;
text-align:center;
text-transform: uppercase;
}
.winner1 {line-height:16px;
font-size:12px;
margin:5px auto;
padding:0;
width:100%;
float:left;
}
.winner1 a{ width:100%;
text-decoration:none;
/* text-transform:capitalize; */
color:#FC531D;
text-align:center;
line-height:16px;
float:left;
font-weight:bold;
}
.winner1 a:hover{ text-decoration:underline;}
.winner1 img{ width:120px;
height:90px;
margin:3px auto;
padding:0;
border:1px solid black;
}
.winner1 p{ width:100%;
margin:0;
text-decoration:none;
/* text-transform:capitalize; */
color: #999;
text-align:center;
font-size:11px;
line-height:16px;
padding:0;
float:left;
font-weight:bold;
}
.language{float:left;
margin:0 15px 0 5px;
}
.alertMessage {
border: 1px solid black;
width: 500px;
min-height: 60px;
margin: 25px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:18px;
font-stretch:normal;
padding: 10px 10px 0px 10px;
background-color: #FFFFFF;
}
.verification {
width: 700px;
margin-left: 25px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
}
.verification div {
margin: 10px;
}
.verification span {
font-style: italic;
}
.verification .state {
border: 1px solid black;
width: 500px;
min-height: 60px;
font-size:18px;
font-stretch:normal;
padding: 10px 10px 0px 10px;
background-color: #FFFFFF;
}
.verification .justSent {
font-style: italic;
color: green;
}
.verification .tip {
font-size: 15px;
}
.verification .mistake {
font-size: 15px;
font-weight: bold;
}
.verification .mistake a {
text-decoration: underline;
font-size: larger;
font-weight: bold;
}
#emailRetry {
border: 1px solid black;
display: none;
width: 500px;
min-height: 60px;
font-size:18px;
font-stretch:normal;
padding: 10px 10px 0px 10px;
background-color: #FFFFFF;
}
#emailRetry span {
font-style: normal;
color:black;
font-size: 14px;
font-weight: bold;
}
#emailRetry .errorMessage {
color: firebrick;
font-weight: bold;
}
#sform {
margin-top:25px;
}
#sform .sfilter {
display: block;
padding:5px;
}
#sform .sfilter .searchFieldDesc {
width:120px;
float:left;
text-align:right;
padding-right:5px;
}
#sform #submitBtn {
margin-left:130px;
}
#sform .age {
}
.pager {
clear: both;
padding:0;
line-height:38px;
height:38px;
text-decoration:none;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
width:100%;
text-align:center;
}
.pager .direction {
color:#FC531D;
padding-right:5px;
}
.pager a {
color:#FC531D;
padding:0 10px;
border-left:1px solid #FC531D;
font-size:14px;
}
.pager a:hover {
text-decoration:underline;
}
.pager span {
color:#CCC;
padding:0 10px;
font-size:14px;
border-left:1px solid #FC531D;
}
.pager .dots {
color:#ccc;
}
/*
.pager{ width:880px;
height:auto;
line-height:18px;
font-size:11px;
color:#969696;
padding:0;
margin:5px 0 0 25px;
text-transform:uppercase;
float:left;
}
.pager a{ margin:0 3px 0 3px;
text-decoration:none;
font-size:11px;
color:#fc531d;
text-transform:uppercase;
border-left:1px solid #fc531d;
padding:0 0 0 10px;
}
.pager a:hover{ text-decoration:underline}*/
#header .optionsBar .usersearchForm input {
background-image: url(../images/search.jpg);
background-repeat: no-repeat;
padding-left:18px;
width:140px;
}
.optionLinks {
float:left;
}
.optionSearchbox {
float:right;
margin-right:5px;
}
.copyRight { width:100%;
float:left;
text-align:center;
padding-bottom:10px;
}
.footer_line_menu { width:1020px;
float:left;
padding:0;
font-family: Verdana,Sans-Serif;
margin-top:20px;
font-size:11px;
text-align:center;
padding-bottom:6px;
}
.footer_line_menu a {
color:#F5712B;
}
.uploadImageFormSubmit {
clear:both;
padding:5px;
}
.uploadImageFormDesc {
clear:both;
padding-top:15px
}
/* START the styles for the banners page (support cam4.com) */
.bannersContent {
margin:10px;
width:880px;
}
.bannersContent .ButtonkBanners {
margin-bottom:20px;
float:left;
clear:both;
}
.bannersContent .ButtonkBanners p {
padding-bottom:0px;
}
.bannersContent .textlinkBanners {
margin-bottom:90px;
}
.bannersContent .textlinkBanners textarea {
float:left;
clear:both;
width:200px;
}
.bannersContent .resultTextlinkBanners {
float:left;
margin-top:5px;
margin-left:10px;
}
.bannersContent .sectionBanners {
margin-top:30px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
font-size:12px;
font-weight:bold;
float:left;
clear:both;
width:100%;
}
.groupBanners {
border-bottom:1px solid #CCCCCC;
clear:both;
float:left;
margin-bottom:20px;
margin-top:5px;
padding-bottom:5px;
width:880px;
}
.groupBanners textarea{border:1px solid #ccc;
height:60px;
margin-top:5px;
float:left;
/*position:absolute;*/
}
.groupBanners span {
margin-left:330px;
}
/* FINISH the styles for the banners page (support cam4.com) */
/* START styles for edit profile images */
.uploadImageForm {
width:100%;
}
.mainImage {
float:left;
width:300px;
}
.thumbImage {
float:left;
width:300px;
}
.otherImage {
float:left;
clear:both;
margin-top:30px;
}
.newImage {
float:left;
clear:both;
margin-top:30px;
}
.newImage em { text-transform:lowercase }
.uploadImageForm .otherImage .img {
float:left;
width:200px;
margin:5px;
}
.otherImageButtons {
float:left;
clear:both;
}
.uploadImageForm h3 {
width:90%;
height:10px;
border:1px solid #CCCCCC;
padding-left:10px;
padding-top:0;
}
/* FINISH styles for edit profile images */
.textLinkSections { float:left;
clear: both;
text-align:center;
margin-top:15px;
width:100%;
}
.paymentOptionGold{
position:absolute;
left: 800px;
width: 140px;
margin: 0px;
padding-left:50px;
}
.helpMenu {
width:100%;
margin:5px;
height:150px;
/*border-bottom:1px solid #CCCCCC;*/
}
.helpMenuLeft {
float: left;
/* width: 350px; */
margin-left: 10px;
}
.helpMenuRight{
position:absolute;
left: 350px;
/* width: 450px; */
margin-left:20px;
padding-left:10px;
}
.payform {
float: left;
width: 450px;
margin: 0px;
}
.createAcountFiels {
float: left;
width: 500px;
margin: 0px;
}
.fieldInfo {
width:500px;
height:35px;
position:relative;
margin: auto;
}
.description {
width:110px;
float:left;
clear:both;
text-align:left;
padding-right:5px;
}
.createAcountform_fields{float:left;
width:130px;
*width:170px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-bottom:5px;
height:18px;
}
.createAcountform_fieldsDate {
width:70px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
.kaptcha {
height:90px;
padding-left:115px;
padding-top:20px;
text-align:left;
*width:300px;
}
.kaptcha #kaptcha {
height:14px;
width:130px;
}
.createAcountLitleText {
padding-left:115px;
height:25px;
}
.createAcountText {
padding-top:5px;
text-align:left;
}
.createAcountButton {
padding-left:210px;
}
.clear {
clear: both;
}
/* NEW SIGNUP PROPERTIES */
.signup_form{ float:left}
.sweet_btn{ padding:10px 30px 10px 30px;
/*line-height:39px;*/
font-size:14px;
font-weight:bold;
color:#FFF;
background:url(/images/sweet_bg.jpg) repeat-x top #F67A2F;
text-decoration:none;
border: #F67A2F solid 1px;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
display:block;
}
.sweet_btn:hover{ background-position:0 -39px}
.new_signup_form{ position:absolute;
margin:25px;
width:450px;
padding:0;
height:auto;
font-family:Arial, Helvetica, sans-serif;
}
.new_signup_form h1{ width:100%;
/* height:35px;
line-height:35px; */
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-transform:uppercase;
text-indent:0px;
}
.new_signup_form h4{ width:100%;
/* height:32px;
line-height:32px; */
padding:0;
margin:2px 0 0 0;
color:#666;
font-weight:bold;
font-size:25px;
/* text-transform: capitalize; */
}
.new_signup_form table td{ font-weight:bold;
text-transform:uppercase;
padding:6px;
}
.signup_textfield{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
width:230px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}
.ali_right{ text-align:right}
.ali_left{ text-align:left}
.ali_right_small{ text-align:right; font-size:10px; color: #666; vertical-align:top;line-height:1px;}
.ali_left_small{ text-align:left; font-size:9px; color:#666; vertical-align:top;line-height:1px;}
.signup_container{ width:100%;
margin:0;
padding:0;
height:auto;
float:left
}
.signup_display{ width:580px;
height:464px;
float:right;
margin:0 0 0 25px;
padding:0;
background:white url(/images/signup_bg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
}
.signup_display_text{width:260px;
height:400px;
padding:0;
position:absolute;
margin:40px 0 0 270px;
}
.signup_display_text h6{ color:#000000;
font-size:30px;
line-height:30px;
font-weight:bold;
margin:5px 0 15px 90px;
padding:0;
width:65%;
text-align:right;
}
.signup_display_text b{ font-size:66px;
color:#fc531d;
text-transform:uppercase;
line-height:48px;
margin:0;
text-align:right;
width:100%;
padding:0;
display:block;
}
.signup_display_text h5{ color:#fc531d;
font-size:26px;
line-height:30px;
font-weight:bold;
margin:0;
padding:0;
width:100%;
text-align:right;
text-transform:uppercase;
}
.signup_display_text p{ color:#000000;
font-size:18px;
line-height:20px;
font-weight:bold;
margin:0 0 8px 0;
padding:0;
width:100%;
text-align:right;
}
/* SEARCH STYLES */
.members_search{ width:800px;
padding:15px;
margin:0;
height:auto;
background:none;
}
.members_search h1{ width:100%;
height:35px;
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
border-bottom:1px dashed #999;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:40px;
/* text-transform:capitalize; */
}
.members_search table td{ font-weight:bold;
padding:6px;
}
.members_search select{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
width:230px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}
/*.search_textfield{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
width:230px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}*/
.search_textfield_simple{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}
/* SUPER SHOWS STYLES */
.superShowsContainer { width:800px;
margin:0;
}
.superShowsLineTitle { width:800px;
float:left;
font-size:16px;
color:#F67A2F;
font-weight:bold;
text-align:center;
margin:0 0 20px 0;
height:25px;
padding:0;
text-transform:uppercase;
}
.superShowsLineTitle h6{ width:100%;
height:24px;
padding:0;
margin:10px;
color: #999;
font-weight:bold;
font-size:16px;
text-indent:0px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:24px;
/* text-transform:capitalize; */
text-align:left;
}
.superShowsLine { width:800px;
float:left;
border-bottom:1px dashed #999;
padding:3px;
margin:0 0 10px 0;
}
.superShowsLine:hover {border-bottom:1px dashed #F67A2F; }
.SuperShowsField1 { float:left;
width:54px;
height:40px;}
.SuperShowsField2 { float:left;
width:110px;
padding:1px;
text-align:center;
}
.SuperShowsField2 img{ margin:10px;
border:1px solid #F67A2F;
}
.SuperShowsField2 p{ margin:2px auto;
width:100%;
font-size:16px;
color:#F67A2F;
text-align:center;
font-weight:bold;
/* text-transform:capitalize; */
}
.supershows_details{ float:left;
width:520px;
padding:2px 10px;
height:auto;
margin:0 0 0 25px;
}
.supershows_details h6{ font-size:22px;
font-weight:bold;
margin:0;
padding:0;
line-height:24px;
color:#FC531D;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
}
.SuperShowsField3 {/* float:left;
width:145px;*/
width:100%;
padding:1px;
margin:2px 0;
}
.SuperShowsField3 p{ margin:auto;
width:100%;
font-size:12px;
color:#666;
}
.SuperShowsField4 {/* float:left;
width:220px;*/
width:100%;
padding:1px;
}
.SuperShowsField4 p{ margin:auto;
width:100%;
font-size:12px;
color:#666;
}
.SuperShowsField4 a{ color:#F67A2F; }
.SuperShowsField5 {/* float:left;
width:271px;*/
width:100%;
padding:1px;
}
.SuperShowsField5 p{ margin:auto;
width:100%;
font-size:12px;
color:#666;
}
.longHeightSpacer { height:500px}
.supershows_top{ width:850px;
padding:15px;
margin:0;
height:auto;
background-image:url(/images/super_shows.jpg);
background-repeat:no-repeat;
background-position:right 55px;
}
.supershows_top h5{ width:100%;
height:auto;
padding:0;
margin:0 0 15px 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:32px;
/* text-transform:capitalize; */
}
.supershows_top p{ width:420px;
padding:0;
margin:2px;
color: #666;
font-size:12px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
text-align:left;
line-height:19px;
}
.animatedtabs h5 { width:100%;
height:auto;
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
border-bottom:1px dashed #999;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:40px;
/* text-transform:capitalize; */
}
.small_login{ float:right;
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
color:#FFF;
}
.small_login span{ background-color:#fc961d;
padding:7px 0px;
line-height:28px;
margin:0 0 0 5px;
}
.small_login span:hover{padding:7px 0px; background:#E83C00;}
.loginbox { background-color:#FFF;
border:3px solid #FC531D;
color:#666666;
font-size:11px;
line-height:12px;
margin:0;
padding:6px 2px;
position:absolute;
right:0;
text-align:right;
top:0;
z-index:100;
display:block;
}
.loginbox form{margin:10px; padding:0;}
.loginbox span { margin:0 0 5px 5px;
float:left;
clear:both;
}
.loginbox span a { line-height:12px;
font-size:11px;
color:#666;
text-decoration:none;
background:none;
padding:5px;
margin:0;
}
.loginbox span a:hover { text-decoration:underline; background:none;}
.loginpage {margin:0 0 0 10px;
line-height:15px;
}
.closeit {padding:0;
position:absolute;
top:0;
right:0;
margin:0 5px 0 0;
*margin:2px 5px 0 0;
z-index:100;
cursor:pointer;
}
.login_fields{height:16px;
width:150px;
border:1px solid #CCC;
font-size:12px;
line-height:16px;
*line-height:15px;
color:#999999;
background:#FFF;
margin:2px;
}
.log_sweet_btn{ padding-top:2px;
padding-bottom:2px;
padding-right:4px;
padding-left:4px;
line-height:14px;
font-size:11px;
font-weight:bold;
color:#FFF;
background:#FC531D;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
display:block;
border:none;
margin:0 0 0 175px;
/* text-transform:capitalize; */
}
.log_sweet_btn:hover{background: #F00;}
.gogold_ads{
background:transparent none repeat scroll 0 0;
/* width:468px;
height:60px; */
position:absolute;
top:12px;
right:0;
padding:0;
background:none;
border:none;
z-index:60;
}
.gogold_ads_small{
background:transparent none repeat scroll 0 0;
width:234px;
height:60px;
position:absolute;
top:12px;
right:0;
padding:0;
background:none;
border:none;
z-index:60;
}
.gogold_ads img{
float:left;
padding:0;
margin:0;
border:none;
}
.xtra_titles { width:100%;
height:35px;
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
border-bottom:1px dashed #999;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:40px;
/* text-transform:capitalize; */
}
/* This is for list the Terms with upper cases */
.listLetters { list-style-type:upper-alpha }
li.off { list-style-type:none}
.contentTerm {
color:#FC531D;
font-size:15px;
margin-left:15px;
}
*.contentTerm { margin-left:20px }
.listLetters li {font-size:10px; color:#666666}
*.listLetters LI {
vertical-align:top;
}
/* CONTEST PAGE STYLE */
.contest_wrap{ width:100%;
min-height:550px;
background: url(/images/contest_bg.jpg) 98% 0px no-repeat;
padding:0 0 0 5px;
margin:0;
}
.contest_wrap_smallBG {width:100%;
min-height:550px;
background: url(/images/contest_bg_small.jpg) 98% 0px no-repeat;
padding:0 0 0 5px;
margin:0;
}
.of_month{background: url(/images/contest_bg_small_month.jpg) 98% 0px no-repeat;}
.contest_wrap h1{ width:100%;
height:auto;
line-height:30px;
font-size:24px;
font-weight:bold;
color:#FC531D;
letter-spacing:0;
font-stretch:narrower;
padding:10px 0;
margin:5px 0;
}
.contest_wrap_smallBG h1{ width:100%;
height:auto;
line-height:30px;
font-size:24px;
font-weight:bold;
color:#FC531D;
letter-spacing:0;
font-stretch:narrower;
padding:10px 0;
margin:5px 0;
}
.contest_copy_area{ width:65%;
height:auto;
margin:0;
padding:0;
background:none;
}
.contest_copy_area p{ width:96%;
height:auto;
margin:0 auto 0 12px;
font-size:11px;
line-height:18px;
color:#333;
padding:0;
}
.contest_copy_area h3{width:96%;
height:auto;
margin:0;
font-size:18px;
line-height:20px;
color:#FC531D;
font-weight:bold;
padding:5px;
}
.winners{ width:100%;
height:auto;
padding:25px 0 0 0;
margin:15px 0 0 0;
background:none;
}
.winners h4{ width:100%;
height:auto;
margin:10px 0;
line-height:26px;
font-size:24px;
color:#FC531D;
font-weight:bold;
/* text-transform:capitalize; */
}
/* WINNERS TABS GROUP */
.menuVideos { color:#FFFF00;
}
.abuse { color:#FFFF00;
}
.broadcastMail {
color:#FFFF00;
font-size:14px;
}
.helperInfoFieldError {
font-size:10px;
color:red;
}
#passwordSpan {
width:500px;
}
.passwordcs {
margin:10px 22px;
margin-top:20px;
}
.footerlanguages {
/* width:860px; */
}
/* Start the classes for the Social Links at the footer */
.c4_socials{
width:100%;
margin:5px auto;
height:60px;
padding:2px;
background:none;
clear:both;
}
.c4_socials a { text-decoration:none}
.c4_socials .box{ width:20%;
margin:5px 1%;
float:left;
padding:1% 0;
text-align:center;
line-height:40px;
background:none;
}
.c4_socials .box:hover{ cursor:pointer;
background:#FFE1D7;
}
.c4_socials .box:hover span{color:#FC531D}
.c4_socials .box span{line-height:32px;
height:32px;
padding:10px 0 10px 38px;
font-size:12px;
color: #999;
font-weight:bold;
}
.clear{ clear:both}
.fb_bg{ background:url(/images/facebook_32.png) no-repeat left;}
.tw_bg{ background:url(/images/twitter_32.png) no-repeat left;}
.yh_bg{ background:url(/images/yahoo_32.png) no-repeat left;}
.blog_bg { background:url(/images/blog_32.png) no-repeat left;text-decoration:none;}
.myspace_bg{ background:url(/images/myspace_32.png) no-repeat left;text-decoration:none;}
/* Finish the classes for the Social Links at the footer */
.supershows_details h6 a {color:#F67A2F}
.infotext ol {margin:0 0 0 15px;}
/* Start the css for the new reister page */
#wrapper {font-family: Arial,Helvetica,sans-serif; }
#wrapper { padding:10px 0 10px 24px;}
#wrapper h1 {font-size:36px; color:#f67a2f; font-weight:bold; font-style:italic;}
#wrapper h2 { background:none; text-align:left;}
span.four {color:#ef511e; float:none; padding:0;}
span.gold {color:#ffcc00; float:none; padding:0;}
.wrapper strong {color:#000;}
span.bigtxt {font-size:18px; font-weight:bold; color:#ef511e; display:block; text-transform:uppercase;}
#wrapper p {width:200px; float:left;}
#wrapper .listHeader {text-transform:uppercase; margin-bottom:6px; font-size:18px; float:left; width:450px; color:#000; padding-bottom:4px; height:25px; line-height:25px;}
#wrapper ul { list-style: none; float:left;}
#wrapper li { background: url(/images/bullet.png) no-repeat left 3px; padding-left:30px; margin-bottom:6px; color:#000000; font-size:12px; }
.group_success_wait { width:450px; float:left}
/*SPACERS*/
.mgnBottomLg {margin-bottom: 15px !important;}
/*floats*/
.clear{clear: both;}
.left {float: left;}
/*TEXT ALIGN*/
.textCenter {text-align: center !important;}
.textLeft {text-align: left !important;}
.register_group { border:1px solid #9b9b9b; float:left; width:98%; margin-bottom:30px;}
#updrade_now_to_gold { margin-left:110px; }
#updrade_now_to_gold span {color:#FFFFFF;
font-size:14px;
font-weight:bold;
left:135px;
padding-top:10px;
position:absolute;
text-align:center;
width:222px;}
.warningpaypal { padding:15px; color:#6E6E6E; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:100;}
.tipping_page {width:800px}
.tipping_titles {font-size:13px; float:left;}
.text .infotext .subtitle img {float:left;}
#tipping_payouts b { border-bottom:1px solid #FC531D; margin-bottom:10px; clear:both; display:block; width:100%;
font-size:13px; margin-top:25px; color:#FC531D}
#tipping_payouts table {margin-top:15px}
#tipping_payouts strong {line-height:0px;
margin:0px ;
padding-top:12px;
font-size:12px;
color:#666666}
#tipping_payouts table p {margin-left:5px}
.textmargin {
margin:10px;
}
#showBroadcastImages img {margin:0;}
/* Style for 2257 recort keeping form */
#recordKeeping { width:700px; }
#recordKeeping li {
margin-bottom:15px;
}
#recordKeeping span {
margin-left:20px;
}
@charset "utf-8";
/* Start styles migrated from reset.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#fff;background:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; float:left; margin:5px; }
.ads img {margin:0}
.awards_table img {float:none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#fff;}
.banners_page_title{ float:left;
line-height:35px;
font-size:30px;
width:100%;
padding:0;
color:#FC531D;
text-align:left;
border-bottom:2px dotted #CCC;
font-stretch:narrower;
font-weight:100;
text-transform: uppercase;
margin:10px 0;
}
/* NEW TABS */
.maintabs{ border-bottom: 1px solid #FFE1D7;
overflow: hidden;
width: 100%;
font-size: 12px;
margin:0 0 10px 0;
color:white;
background:none;
height:auto;
clear:left;
padding:15px 0 0 0;
}
.maintabs span{ margin:0;
padding:0;
}
.maintabs ul{margin:0 0 0 10px;
padding:0;
width:100%;
border-bottom:0;
border-right:0;
}
.maintabs li{ float: left;
margin:0 2px -3px 0;
padding: 0;
background:#FFE1D7;
overflow:hidden;
position:relative;
text-align:center;
}
.maintabs li.selected a {background:#fff;
color:#FC531D;
font-size:12px;
padding:3px 8px;
border-color:#FFE1D7 #FFE1D7 -moz-use-text-color;
border-style:solid;
border-width:1px;
margin:0;
}
.maintabs .right {float: right;
margin:0 15px 0 0;
}
.maintabs li a{ border-color:#FFE1D7;
border-style:solid solid none solid;
border-width:1px 1px 0 1px;
display:block;
font-size:12px;
font-weight:bold;
padding:3px 8px;
white-space:nowrap;
text-decoration:none;
/* text-transform:capitalize; */
color:#FC531D;
}
.maintabs li a:hover{background:#FC531D;
color:#FFF;
border-color:#FC531D;
text-decoration:none;
}
#right-content-top table img { margin:0px; }
/* Finish styles migrated from reset.css */
* {
margin:0px;
padding:0px;
}
html {
height:100%;
/*width:100%;
*width:auto;*/
margin:0px;
padding:0px;
/*overflow-x:hidden;*/
/*overflow:scroll;*/
}
body {
/* background:#ffffff ; */
color:#666666;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
margin:0pt;
padding:0;
max-width:1610px;
min-width:360px;
width:100%;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
input{text-align:left;
line-height:12px;}
strong{ font-weight:bold}
h1{width:100%;
text-align:left;
text-indent:5px;
font-size:20px;
/* margin: 12px; */
font-weight:bold;
/* text-transform:capitalize; */
}
h2 {
background:#ffe1d7;
float:left;
color:#333;
font-size:12px;
font-stretch:narrower;
font-weight:bold;
line-height:1.3em;
margin:0 0 1px 0;
/*padding:2px 5px;*/
text-align:right;
/* text-transform:capitalize; */
text-indent:4px;
width:100%;
clear:both;
}
h2 span {
float:left;
/*font-size:12px; */
font-weight:bold;
padding-left:5px;
padding-top:2px;
}
h3 {
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:15px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:3px;
padding:15px;
/* width:850px; */
/* text-transform:capitalize; */
color:#888;
}
h5{ font-size:16px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
/* text-transform:capitalize; */
color: #666666;
margin:4px 0px;
line-height:22px;
text-indent:15px;
}
hr{width:90%;
border:1px dotted #cccccc;
margin:2px 0px;
}
#header {
background:none;
font-size:1.1em;
font-weight:normal;
/*height:72px;*/
*height:auto;
line-height:1.5em;
margin:0pt;
text-align:left;
width:100%;
position: relative;
padding:6px 0 0 0;
}
#header .optionsBar {
background:#fc531d /*url(/images/menu-bg.jpg)*/ repeat-x scroll center top;
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-stretch:extra-condensed;
font-weight:bold;
line-height:28px;
width:100%;
/* text-transform:capitalize; */
}
#header .optionsBar a {
background:transparent none repeat scroll 0%;
border-bottom-style:none;
color:#FFFFFF;
font-weight:bold;
margin:0;
padding:6px;
line-height:28px;
}
#header .optionsBar a:hover {
background-color:#e83c00;
background-position:center top;
background-repeat:repeat-x;
color: #ffffff;
text-decoration:none;
line-height:28px;
}
.usersearchForm input {
width: 120px;
}
.usersearchForm {
margin: 0px;
padding: 0px;
border: 0px;
display: inline;
}
.topad {margin-top:2px;
}
#topHeader {
position: relative;
background-color:#CCCCCC;
color:#003366;
font-size:9px;
height:18px;
/*line-height:16px;
padding-right:1px;*/
text-align:left;
/*text-indent:15px;*/
width:100%;
/*float:right;
width:100%*/
}
#stats {
position: absolute;
right: 0px;
float: left;
}
#topHeader p{float:left;}
#q {
margin:0pt;
text-align:left;
vertical-align:bottom;
}
#q .inputbox {
margin:6px;
padding:2px;
vertical-align:middle;
width:300px;
float:left;
}
a.escortLink span.number{ background:#000; color:#ffff00; padding:1px 4px; }
.inputbox input, .inputbox select { float:left;
width:110px;
*width:150px;
height:18px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
margin-right:5px;
text-indent:1px;
font-weight:100;
color: #666;
}
.checkbox input { float:left;
width:12px;
height:12px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
margin-right:5px;
}
.checkbox span {float:left;
line-height:22px;
margin:0px 1px;
font-weight:normal;
}
.inputbox span {float:left;
line-height:17px;
margin:0px 5px;
font-weight:normal;
}
#content {
color:#666666;
font-size:10px;
font-weight:100;
margin:0;
min-height:100%;
position:relative;
text-align:left;
width:100%;
clear:both;
}
#main-content {
background-color:#FFFFFF;
background-position:center top;
background-repeat:repeat-x;
float:none;
margin-right:1px;
overflow:hidden;
width:auto;
z-index:10;
}
#main-content-header_secure {background-color:#FFFFFF;
/*background-image:url(/images/bg.jpg);*/
background-position:center top;
background-repeat:repeat-x;
float:left;
margin:0;
overflow:hidden;
width:100%;
z-index:10;
}
textarea{border:1px solid #ccc;
height:60px;
margin-top:5px;
}
a {color:#333333;
text-decoration:none;
border:none;
}
a:hover {
/*border-bottom:1px solid #000099;*/
text-decoration:underline;
}
.img, .img:hover {
border-bottom:0pt none;
}
.img_thumb, .img_thumb:hover {
max-width: 120px !important;
max-height: 90px !important;
border-bottom:0pt none;
}
#searchfield2 {
display:block;
margin:0pt auto 20px;
padding:0pt 0pt 0pt 10px;
text-align:center;
width:500px;
}
.ad {
float:right;
margin-right:0px;
}
.ad a {
border:0pt none;
text-decoration:none;
}
.smalltext {
font-size:0.8em;
}
#left-content {
background:#F6F1EE none repeat scroll 0%;
left:0pt;
position:absolute;
top:0pt;
width:120px;
z-index:1;
}
#left-content a, #left-content img {
border:0pt none;
}
#right-content {
background:none;
text-align:center;
float:right;
margin:0;
top:0;
display:block;
}
/*#subfoot {
margin-top:1em;
text-align:LEFT;
}*/
#footer {background:transparent none;
color:#F5712B;
font-size:0.9em;
/*padding:10px; */
text-align:left;
width:100%;
float:none;
margin:10px 0px;
/* position:absolute;*/
clear:both;
}
.footer_line { width:75%;
float:left;
padding:0;
margin-bottom:20px;
}
.bottom_footer {height:54px;
background:white;
padding:15px 0 0 0;
margin:10px 0 20px 0;
border-top:10px solid #fc531d;
width:100%;
float:right;
position:static;
vertical-align:top;
text-align:center;
margin-left:-180px;
}
.bottom_footer p{ /* width:100%;
height:18px;
line-height:18px;
font-size:10px;*/
color:#666666;
padding:0;
margin: 0 0 10px;
/* float:left; */
}
.bottom_footer p a{ margin:0 3px 0 3px;
text-decoration:none;
/* font-size:10px; */
color:#fc531d;
}
.bottom_footer p a:hover{ text-decoration:underline}
.error {
color:red;
}
.profileBox {
background-color:white;
border:1px solid #FFE1D7;
float:left;
height:95px;
margin:2px;
padding:10px 10px 10px 15px;
position:relative;
width:246px;
font-family:Arial, Helvetica, sans-serif;
}
.profileBox:hover { background-color:#FFE1D7;
border:1px solid #FFE1D7;
cursor:pointer;
}
.profileBoxTitle {
clear:both;
color:#fc531d;
font-size:14px;
font-stretch:narrower;
font-weight:bold;
overflow:hidden;
text-align:left;
/*text-indent:5px;*/
line-height:15px;
/* text-transform:capitalize; */
float:left;
width:100%;
padding:0;
margin:0;
}
.profileBoxTitle a {
color:#fc531d;
}
.profileDetailArea {
color:#6E6E6E;
/*padding-left:8px;
padding-top:10px;*/
/* text-transform:capitalize; */
float:left;
width:100%;
padding:0;
margin:0;
}
.titleWithStatusMsg {
text-align:left;
color:#333333;
}
.statusMsg {
font-size:11px;
font-weight:normal;
float:left;
color:#fc531d;
width:100%;
}
/*.odd {
background:none;
background-image:url(/images/offline_box.gif);
background-position:top;
background-repeat:repeat-x;
color: #CCCCCC;
}*/
.profileDataBox {
position:absolute;
padding:0;
margin:0;
padding:0;
margin:0;
}
.profileDataBox .super {
border:0px none;
position:absolute;
top:71px;
width:120px;
height:17px;
left:0px;
}
.profileDataBox .award {
border:0px none;
position:absolute;
top:60px;
width:29px;
height:29px;
left:0px;
margin:0 0 0 3px;
}
.profileDataBox img {
border:thin solid #FFF;
float:left;
margin:0;
padding:0;
}
.profileDataBox a img {
border:1px solid #FC531D;
margin:0;
padding:0;
width:120px;
height:90px;
float:left;
}
.profileDetailBox {
/*background-color:#EDEDED;*/
/*border-left:thin dotted #FFFFFF;*/
float:left;
height:95px;
margin:5px;
padding-left:2px;
padding:0;
text-align:left;
width:120px;
color:#333333;
}
.toggle_tabs li {
color:#333333;
float:left;
font-weight:bold;
padding:2px 8px 3px 9px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
height: 16px;
border-bottom: 0px;
}
.toggle_tabs .first {
/*border-left:1px solid white;*/
}
.toggle_tabs .last {
background:#F6F1EE none repeat scroll 0%;
/*border-left:1px solid white;*/
float:right;
position:relative;
}
.toggle_tabs li a:hover {
color:black;
outline-color:invert;
outline-style:none;
outline-width:0px;
}
.toggle_tabs ul {
height:0px;
list-style-type:none;
margin:0pt 0pt 0pt 10px;
padding:0pt;
}
.toggle_tabs ul li a {
/*border-bottom-style:none;*/
text-decoration:none;
color:#999999;
}
.toggle_tabs .selected {
background:#fc531d none repeat scroll 0%;
height:18px;
}
.toggle_tabs .selected a {
color:white;
}
.toggle_tabs { /*background-color:#F4AC8A*/;
width:98%;
height:22px;
border-bottom:solid 2px #fc531d;
margin-top:10px;
}
form{margin:10px 22px;
/*line-height:25px;
text-align:left;
width:310px;*/
padding-right:30px;
/*border-right:1px dotted #999999;*/
}
/*form input {float:left;
width:100%;
height:22px;
font-size:14px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
}*/
#languagesList {margin:0px;
padding:0px;
}
.form_fields{float:left;
width:130px;
*width:170px;
height:18px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-top:6px;
/*margin-left:5px;*/
}
.divfield{float:left;
width:100%;
/* height:22px;*/
font-size:12px;
/*background-color:#FFFFFF;
border:1px solid #CCCCCC;*/
margin-top:6px;
}
.date { background-color:#FFFFFF;
line-height:12px;
font-size:11px;
margin-left:2px;
width:70px;
/**float:right;
*/}
.heightselect { /*background-color:#FFFFFF;
border:1px solid #CCCCCC;
line-height:12px;
font-size:11px;
height:18px;*/
margin:0px 3px;
width:65px;
*width:50px;
/**float:right;
*/}
.check{ font-size:12px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-left:10px;
float:left;
width:2px;
height:2px;
*width:12px;
*height:12px;
}
.check span{margin:0 0 0 2px;
}
.button{/*height:26px;
width:70px;*/
background-color: #fc531d;
color:#FFFFFF;
border:none;
margin:16px 2px;
padding:6px;
font-weight:bold;
text-align:center;
/*line-height:30px;
*/}
.button:hover{background-color: #FF9933;
cursor:pointer;
}
/*#editprofile_tab{margin:0 0 0 15px;
width:150px;
}
#editprofile_tab li{width:165px;
height:16px;
background:none;
border-bottom:1px dotted #ccc;
color:#FFFFFF;
font-size:12px;
line-height:22px;
font-weight:bold;
list-style:none;
text-transform:capitalize;
margin:6px 0px;
padding:3px;
}
#editprofile_tab li:hover{ background-color: #666666;
color:#FFFFFF;
}
#editprofile_tab li a{text-decoration:none;}
#editprofile_tab li a:hover{text-decoration:none;
color:#FFFFFF;
}*/
/** end of toggle tabs **/
.text {margin-left:10px;
margin-right:10px;
/* width:100%;*/
line-height:15px;
float:left;
}
.text li, .text ul{margin:0 0 0 10px;
padding:0;
/* width:100%; */
}
.text ul{margin-top:10px;
margin-bottom:10px;
}
.text strong { font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:15px;
line-height:22px;
margin:10px 0px;
/* text-transform:capitalize; */
/* display:block; */
padding-top:20px;
/* clear:both; */
}
.text p {
padding-bottom: 10px;
}
.text h5{color:#fc531d;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:20px;
line-height:40px;
margin:10px 0px;
/* text-transform:capitalize; */
}
.infotext{ color:#666666;
font-size:10px;
line-height:18px;
margin:2px 10px;
display:block;
text-align:justify;
/*width:650px; */
}
.infotext .entry {
display:block;
clear:both;
}
.infotext .subtitle {
font-weight: bold;
padding-top:7px;
}
.infotext a {text-decoration: underline }
.infotext a:hover {text-decoration: none; }
.infotext b { font-weight: bold; }
.add-info{ width:300px;
background:none;
color:#666666;
font-size:10px;
line-height:25px;
padding: 2px;
float:left;
}
.add-info h1{ font-size:25px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
/* text-transform:capitalize; */
color: gray;
margin:10px 0px 20px;
/*line-height:10px;*/
text-align: left;
}
.add-info h4{ font-size:20px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
/* text-transform:capitalize; */
color: #fc531d;
margin:10px 0px;
line-height:22px;
}
.table_sign { border-right:1px dotted #999999;
float:left;
height:550px;
margin:0pt 25px 15px 0pt;
width:420px;
}
.table_sign tr{height:22px;
vertical-align:center;
}
.table_sign td{width:170px;}
.table_sign td span{float:left;
font-size:10px;
margin:2px 0;
width:100%;
}
.awards_table {margin:0pt 25px 15px 0pt;
width:auto;
border:1px solid #ebebeb;
background-color:white;
color:#666666;
text-align:left;
font-size:11px;
}
.awards_table_files {
margin:0pt 25px 15px 15px;
width:840px;
border:1px solid #ebebeb;
background-color:white;
color:#666666;
text-align:left;
font-size:11px;
}
.awards_table_files td { Padding:2px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #666666;
border-bottom: 1px solid #ebebeb;
margin-top:6px;
width:auto;
}
.awards_table_files td ul { margin:0px;
padding:0px;
list-style-type: upper-roman;
}
.awards_table_files td ul li { margin:0px;
padding:0px;
}
.contest_files h1 {
color:#FC531D;
font-size:24px;
font-stretch:narrower;
font-weight:bold;
height:auto;
letter-spacing:0;
line-height:30px;
margin:5px 0 0 10px;
padding:10px 0;
width:100%;
}
.contest_files h3 {
color:#FC531D;
font-size:18px;
font-weight:bold;
height:auto;
line-height:20px;
margin-left:10px;
padding:5px;
}
.contest_files table {
margin-left:10px;
}
.awards_table tr{ height:25px;
vertical-align:middle;
}
.awards_table td { Padding:2px;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #333333;
text-align:center;
margin:0;
width:auto;
}
.viewers{ padding:0;
margin:0;
}
.awards_table td span{ float:left;
font-size:10px;
margin:2px 0;
width:100%;
height:25px;
}
.awards_table_titles{background:#FC531D;
text-align:center;
color:#FFF;
/* text-transform:capitalize; */
margin:2px 3px;
font-weight:bold;
}
.awards_table_subtitles{ font-weight:bold;
line-height:16px;
text-decoration:none;
font-weight:bold;
color:#FC531D;;
text-align:center;
text-transform: uppercase;
}
.winner1 {line-height:16px;
font-size:12px;
margin:5px auto;
padding:0;
width:100%;
float:left;
}
.winner1 a{ width:100%;
text-decoration:none;
/* text-transform:capitalize; */
color:#FC531D;
text-align:center;
line-height:16px;
float:left;
font-weight:bold;
}
.winner1 a:hover{ text-decoration:underline;}
.winner1 img{ width:120px;
height:90px;
margin:3px auto;
padding:0;
border:1px solid black;
}
.winner1 p{ width:100%;
margin:0;
text-decoration:none;
/* text-transform:capitalize; */
color: #999;
text-align:center;
font-size:11px;
line-height:16px;
padding:0;
float:left;
font-weight:bold;
}
.language{float:left;
margin:0 15px 0 5px;
}
.alertMessage {
border: 1px solid black;
width: 350px;
min-height: 60px;
margin: 25px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size:18px;
font-stretch:normal;
padding: 10px 10px 0px 10px;
background-color: #FFFFFF;
}
.verification {
width: 700px;
margin-left: 25px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
}
.verification div {
margin: 10px;
}
.verification span {
font-style: italic;
}
.verification .state {
border: 1px solid black;
width: 500px;
min-height: 60px;
font-size:18px;
font-stretch:normal;
padding: 10px 10px 0px 10px;
background-color: #FFFFFF;
}
.verification .justSent {
font-style: italic;
color: green;
}
.verification .tip {
font-size: 15px;
}
.verification .mistake {
font-size: 15px;
font-weight: bold;
}
.verification .mistake a {
text-decoration: underline;
font-size: larger;
font-weight: bold;
}
#emailRetry {
border: 1px solid black;
display: none;
width: 500px;
min-height: 60px;
font-size:18px;
font-stretch:normal;
padding: 10px 10px 0px 10px;
background-color: #FFFFFF;
}
#emailRetry span {
font-style: normal;
color:black;
font-size: 14px;
font-weight: bold;
}
#emailRetry .errorMessage {
color: firebrick;
font-weight: bold;
}
#sform {
margin-top:25px;
}
#sform .sfilter {
display: block;
padding:5px;
}
#sform .sfilter .searchFieldDesc {
width:120px;
float:left;
text-align:right;
padding-right:5px;
}
#sform #submitBtn {
margin-left:130px;
}
#sform .age {
}
.pager {
clear: both;
padding:0;
line-height:38px;
height:38px;
text-decoration:none;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
width:100%;
text-align:center;
}
.pager .direction {
color:#FC531D;
padding-right:5px;
}
.pager a {
color:#FC531D;
padding:0 10px;
border-left:1px solid #FC531D;
font-size:14px;
}
.pager a:hover {
text-decoration:underline;
}
.pager span {
color:#CCC;
padding:0 10px;
font-size:14px;
border-left:1px solid #FC531D;
}
.pager .dots {
color:#ccc;
}
/*
.pager{ width:880px;
height:auto;
line-height:18px;
font-size:11px;
color:#969696;
padding:0;
margin:5px 0 0 25px;
text-transform:uppercase;
float:left;
}
.pager a{ margin:0 3px 0 3px;
text-decoration:none;
font-size:11px;
color:#fc531d;
text-transform:uppercase;
border-left:1px solid #fc531d;
padding:0 0 0 10px;
}
.pager a:hover{ text-decoration:underline}*/
#header .optionsBar .usersearchForm input {
background-image: url(../images/search.jpg);
background-repeat: no-repeat;
padding-left:18px;
width:140px;
}
.optionLinks {
float:left;
}
.optionSearchbox {
float:right;
margin-right:5px;
}
.copyRight { width:100%;
float:left;
text-align:center;
padding-bottom:10px;
}
.footer_line_menu { width:100%;
float:left;
padding:0;
font-family: Verdana,Sans-Serif;
margin-top:20px;
font-size:11px;
text-align:center;
padding-bottom:6px;
}
.footer_line_menu a {
color:#F5712B;
}
.uploadImageFormSubmit {
clear:both;
padding:5px;
}
.uploadImageFormDesc {
clear:both;
padding-top:15px
}
/* START the styles for the banners page (support cam4.com) */
.bannersContent {
margin:10px;
width:880px;
}
.bannersContent .ButtonkBanners {
margin-bottom:20px;
float:left;
clear:both;
}
.bannersContent .ButtonkBanners p {
padding-bottom:0px;
}
.bannersContent .textlinkBanners {
margin-bottom:90px;
}
.bannersContent .textlinkBanners textarea {
float:left;
clear:both;
width:200px;
}
.bannersContent .resultTextlinkBanners {
float:left;
margin-top:5px;
margin-left:10px;
}
.bannersContent .sectionBanners {
margin-top:30px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
font-size:12px;
font-weight:bold;
float:left;
clear:both;
width:100%;
}
.groupBanners {
border-bottom:1px solid #CCCCCC;
clear:both;
float:left;
margin-bottom:20px;
margin-top:5px;
padding-bottom:5px;
width:880px;
}
.groupBanners textarea{border:1px solid #ccc;
height:60px;
margin-top:5px;
float:left;
/*position:absolute;*/
}
.groupBanners span {
margin-left:330px;
}
/* FINISH the styles for the banners page (support cam4.com) */
/* START styles for edit profile images */
.uploadImageForm {
width:100%;
}
.mainImage {
float:left;
width:300px;
}
.thumbImage {
float:left;
width:300px;
}
.otherImage {
float:left;
clear:both;
margin-top:30px;
}
.newImage {
float:left;
clear:both;
margin-top:30px;
}
.newImage em { text-transform:lowercase }
.uploadImageForm .otherImage .img {
float:left;
width:200px;
margin:5px;
}
.otherImageButtons {
float:left;
clear:both;
}
.uploadImageForm h3 {
width:90%;
height:10px;
border:1px solid #CCCCCC;
padding-left:10px;
padding-top:0;
}
/* FINISH styles for edit profile images */
.textLinkSections { float:left;
clear: both;
text-align:center;
margin-top:15px;
width:100%;
}
.paymentOptionGold{
position:absolute;
left: 800px;
width: 140px;
margin: 0px;
padding-left:50px;
}
.helpMenu {
width:100%;
margin:5px;
height:150px;
/*border-bottom:1px solid #CCCCCC;*/
}
.helpMenuLeft {
float: left;
/* width: 350px; */
margin-left: 10px;
}
.helpMenuRight{
position:absolute;
left: 350px;
/* width: 450px; */
margin-left:20px;
padding-left:10px;
}
.payform {
float: left;
width: 450px;
margin: 0px;
}
.createAcountFiels {
float: left;
width: 500px;
margin: 0px;
}
.fieldInfo {
width:500px;
height:35px;
position:relative;
margin: auto;
}
.description {
width:110px;
float:left;
clear:both;
text-align:left;
padding-right:5px;
}
.createAcountform_fields{float:left;
width:130px;
*width:170px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin-bottom:5px;
height:18px;
}
.createAcountform_fieldsDate {
width:70px;
*height:20px;
font-size:11px;
line-height:16px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
.kaptcha {
height:90px;
padding-left:115px;
padding-top:20px;
text-align:left;
*width:300px;
}
.kaptcha #kaptcha {
height:14px;
width:130px;
}
.createAcountLitleText {
padding-left:115px;
height:25px;
}
.createAcountText {
padding-top:5px;
text-align:left;
}
.createAcountButton {
padding-left:210px;
}
.clear {
clear: both;
}
/* NEW SIGNUP PROPERTIES */
.signup_form{ float:left}
.sweet_btn{ padding:10px 30px 10px 30px;
/*line-height:39px;*/
font-size:14px;
font-weight:bold;
color:#FFF;
background:url(/images/sweet_bg.jpg) repeat-x top #F67A2F;
text-decoration:none;
border: #F67A2F solid 1px;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
display:block;
}
.sweet_btn:hover{ background-position:0 -39px}
.new_signup_form{ position:absolute;
margin:25px;
width:450px;
padding:0;
height:auto;
font-family:Arial, Helvetica, sans-serif;
}
.new_signup_form h1{ width:100%;
/* height:35px;
line-height:35px; */
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-transform:uppercase;
text-indent:0px;
}
.new_signup_form h4{ width:100%;
/* height:32px;
line-height:32px; */
padding:0;
margin:2px 0 0 0;
color:#666;
font-weight:bold;
font-size:25px;
/* text-transform: capitalize; */
}
.new_signup_form table td{ font-weight:bold;
text-transform:uppercase;
padding:6px;
}
.signup_textfield{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
width:230px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}
.ali_right{ text-align:right}
.ali_left{ text-align:left}
.ali_right_small{ text-align:right; font-size:10px; color: #666; vertical-align:top;line-height:1px;}
.ali_left_small{ text-align:left; font-size:9px; color:#666; vertical-align:top;line-height:1px;}
.signup_container{ width:100%;
margin:0;
padding:0;
height:auto;
float:left
}
.signup_display{ width:580px;
height:464px;
float:right;
margin:0 0 0 25px;
padding:0;
background:white url(/images/signup_bg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
}
.signup_display_text{width:260px;
height:400px;
padding:0;
position:absolute;
margin:40px 0 0 270px;
}
.signup_display_text h6{ color:#000000;
font-size:30px;
line-height:30px;
font-weight:bold;
margin:5px 0 15px 90px;
padding:0;
width:65%;
text-align:right;
}
.signup_display_text b{ font-size:66px;
color:#fc531d;
text-transform:uppercase;
line-height:48px;
margin:0;
text-align:right;
width:100%;
padding:0;
display:block;
}
.signup_display_text h5{ color:#fc531d;
font-size:26px;
line-height:30px;
font-weight:bold;
margin:0;
padding:0;
width:100%;
text-align:right;
text-transform:uppercase;
}
.signup_display_text p{ color:#000000;
font-size:18px;
line-height:20px;
font-weight:bold;
margin:0 0 8px 0;
padding:0;
width:100%;
text-align:right;
}
/* SEARCH STYLES */
.members_search{ width:800px;
padding:15px;
margin:0;
height:auto;
background:none;
}
.members_search h1{ width:100%;
height:35px;
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
border-bottom:1px dashed #999;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:40px;
/* text-transform:capitalize; */
}
.members_search table td{ font-weight:bold;
padding:6px;
}
.members_search select{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
width:230px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}
/*.search_textfield{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
width:230px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}*/
.search_textfield_simple{ color: #666;
border:#666 solid 1px;
background:white;
height:20px;
padding:0;
margin:0;
line-height:12px;
font-size:11px;
font-weight:100;
}
/* SUPER SHOWS STYLES */
.superShowsContainer { width:800px;
margin:0;
}
.superShowsLineTitle { width:800px;
float:left;
font-size:16px;
color:#F67A2F;
font-weight:bold;
text-align:center;
margin:0 0 20px 0;
height:25px;
padding:0;
text-transform:uppercase;
}
.superShowsLineTitle h6{ width:100%;
height:24px;
padding:0;
margin:10px;
color: #999;
font-weight:bold;
font-size:16px;
text-indent:0px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:24px;
/* text-transform:capitalize; */
text-align:left;
}
.superShowsLine { width:800px;
float:left;
border-bottom:1px dashed #999;
padding:3px;
margin:0 0 10px 0;
}
.superShowsLine:hover {border-bottom:1px dashed #F67A2F; }
.SuperShowsField1 { float:left;
width:54px;
height:40px;}
.SuperShowsField2 { float:left;
width:110px;
padding:1px;
text-align:center;
}
.SuperShowsField2 img{ margin:10px;
border:1px solid #F67A2F;
}
.SuperShowsField2 p{ margin:2px auto;
width:100%;
font-size:16px;
color:#F67A2F;
text-align:center;
font-weight:bold;
/* text-transform:capitalize; */
}
.supershows_details{ float:left;
width:520px;
padding:2px 10px;
height:auto;
margin:0 0 0 25px;
}
.supershows_details h6{ font-size:22px;
font-weight:bold;
margin:0;
padding:0;
line-height:24px;
color:#FC531D;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
}
.SuperShowsField3 {/* float:left;
width:145px;*/
width:100%;
padding:1px;
margin:2px 0;
}
.SuperShowsField3 p{ margin:auto;
width:100%;
font-size:12px;
color:#666;
}
.SuperShowsField4 {/* float:left;
width:220px;*/
width:100%;
padding:1px;
}
.SuperShowsField4 p{ margin:auto;
width:100%;
font-size:12px;
color:#666;
}
.SuperShowsField4 a{ color:#F67A2F; }
.SuperShowsField5 {/* float:left;
width:271px;*/
width:100%;
padding:1px;
}
.SuperShowsField5 p{ margin:auto;
width:100%;
font-size:12px;
color:#666;
}
.longHeightSpacer { height:500px}
.supershows_top{ width:auto;
padding:15px;
margin:0;
height:auto;
background-image:url(/images/super_shows.jpg);
background-repeat:no-repeat;
background-position:right 55px;
}
.supershows_top h5{ width:100%;
height:auto;
padding:0;
margin:0 0 15px 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:32px;
/* text-transform:capitalize; */
}
.supershows_top p{ width:420px;
padding:0;
margin:2px;
color: #666;
font-size:12px;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
text-align:left;
line-height:19px;
}
.animatedtabs h5 { width:100%;
height:auto;
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
border-bottom:1px dashed #999;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:40px;
/* text-transform:capitalize; */
}
.small_login{ float:right;
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
color:#FFF;
}
.small_login span{ background-color:#fc961d;
padding:7px 0px;
line-height:28px;
margin:0 0 0 5px;
}
.small_login span:hover{padding:7px 0px; background:#E83C00;}
.loginbox { background-color:#FFF;
border:3px solid #FC531D;
color:#666666;
font-size:11px;
line-height:12px;
margin:0;
padding:6px 2px;
position:absolute;
right:0;
text-align:right;
top:0;
z-index:100;
display:block;
}
.loginbox form{margin:10px; padding:0;}
.loginbox span { margin:0 0 5px 5px;
float:left;
clear:both;
}
.loginbox span a { line-height:12px;
font-size:11px;
color:#666;
text-decoration:none;
background:none;
padding:5px;
margin:0;
}
.loginbox span a:hover { text-decoration:underline; background:none;}
.loginpage {margin:0 0 0 10px;
line-height:15px;
clear: both;
float: left;
}
.closeit {padding:0;
position:absolute;
top:0;
right:0;
margin:0 5px 0 0;
*margin:2px 5px 0 0;
z-index:100;
cursor:pointer;
}
.login_fields{height:16px;
width:150px;
border:1px solid #CCC;
font-size:12px;
line-height:16px;
*line-height:15px;
color:#999999;
background:#FFF;
margin:2px;
}
.log_sweet_btn{ padding-top:2px;
padding-bottom:2px;
padding-right:4px;
padding-left:4px;
line-height:14px;
font-size:11px;
font-weight:bold;
color:#FFF;
background:#FC531D;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
display:block;
border:none;
margin:0 0 0 175px;
/* text-transform:capitalize; */
}
.log_sweet_btn:hover{background: #F00;}
.gogold_ads{
background:transparent none repeat scroll 0 0;
/* width:468px;
height:60px; */
position:absolute;
top:12px;
right:0;
padding:0;
background:none;
border:none;
z-index:60;
}
.gogold_ads_small{
background:transparent none repeat scroll 0 0;
width:234px;
height:60px;
position:absolute;
top:12px;
right:0;
padding:0;
background:none;
border:none;
z-index:60;
}
.gogold_ads img{
float:left;
padding:0;
margin:0;
border:none;
}
.xtra_titles { width:100%;
height:35px;
padding:0;
margin:5px 0 0 0;
color:#F67A2F;
font-weight:bold;
font-size:28px;
text-indent:0px;
border-bottom:1px dashed #999;
font-family:'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
line-height:40px;
/* text-transform:capitalize; */
}
/* This is for list the Terms with upper cases */
.listLetters { list-style-type:upper-alpha }
li.off { list-style-type:none}
.contentTerm {
color:#FC531D;
font-size:15px;
margin-left:15px;
}
*.contentTerm { margin-left:20px }
.listLetters li {font-size:10px; color:#666666}
*.listLetters LI {
vertical-align:top;
}
/* CONTEST PAGE STYLE */
.contest_wrap{ width:910px;
min-height:550px;
background: url(/images/contest_bg.jpg) 98% 0px no-repeat;
padding:0 0 0 5px;
margin:0;
}
.contest_wrap_smallBG {width:100%;
min-height:550px;
background: url(/images/contest_bg_small.jpg) 98% 0px no-repeat;
padding:0 0 0 5px;
margin:0;
}
.of_month{background: url(/images/contest_bg_small_month.jpg) 98% 0px no-repeat;}
.contest_wrap h1{ width:100%;
height:auto;
line-height:30px;
font-size:24px;
font-weight:bold;
color:#FC531D;
letter-spacing:0;
font-stretch:narrower;
padding:10px 0;
margin:5px 0;
}
.contest_wrap_smallBG h1{ width:100%;
height:auto;
line-height:30px;
font-size:24px;
font-weight:bold;
color:#FC531D;
letter-spacing:0;
font-stretch:narrower;
padding:10px 0;
margin:5px 0;
}
.contest_copy_area{ width:75%;
height:auto;
margin:0;
padding:0;
background:none;
}
.contest_copy_area_day { width:100%;
height:auto;
margin:0;
padding:0;
background:none;
}
.contest_copy_area p{ width:90%;
height:auto;
margin:0 auto 0 12px;
font-size:11px;
line-height:18px;
color:#333;
padding:0;
}
.contest_copy_area h3{width:96%;
height:auto;
margin:0;
font-size:18px;
line-height:20px;
color:#FC531D;
font-weight:bold;
padding:5px;
}
.winners{ width:100%;
height:auto;
padding:25px 0 0 0;
margin:15px 0 0 0;
background:none;
}
.winners h4{ width:100%;
height:auto;
margin:10px 0;
line-height:26px;
font-size:24px;
color:#FC531D;
font-weight:bold;
/* text-transform:capitalize; */
}
/* WINNERS TABS GROUP */
.menuVideos { color:#FFFF00;
}
.abuse { color:#FFFF00;
}
.broadcastMail {
color:#FFFF00;
font-size:14px;
}
.helperInfoFieldError {
font-size:10px;
color:red;
}
#passwordSpan {
width:500px;
}
.passwordcs {
margin:10px 22px;
margin-top:20px;
}
.footerlanguages {
/* width:860px; */
}
/* Start the classes for the Social Links at the footer */
.c4_socials{
width:100%;
margin:5px auto;
height:60px;
padding:2px;
background:none;
clear:both;
}
.c4_socials a { text-decoration:none}
.c4_socials .box{ width:20%;
margin:5px 1%;
float:left;
padding:1% 0;
text-align:center;
line-height:40px;
background:none;
}
.c4_socials .box:hover{ cursor:pointer;
background:#FFE1D7;
}
.c4_socials .box:hover span{color:#FC531D}
.c4_socials .box span{line-height:32px;
height:32px;
padding:10px 0 10px 38px;
font-size:12px;
color: #999;
font-weight:bold;
}
.clear{ clear:both}
.fb_bg{ background:url(/images/facebook_32.png) no-repeat left;}
.tw_bg{ background:url(/images/twitter_32.png) no-repeat left;}
.yh_bg{ background:url(/images/yahoo_32.png) no-repeat left;}
.blog_bg { background:url(/images/blog_32.png) no-repeat left;text-decoration:none;}
.myspace_bg{ background:url(/images/myspace_32.png) no-repeat left;text-decoration:none;}
/* Finish the classes for the Social Links at the footer */
.supershows_details h6 a {color:#F67A2F}
.infotext ol {margin:0 0 0 15px;}
/* Start the css for the new reister page */
#wrapper {font-family: Arial,Helvetica,sans-serif; }
#wrapper { padding:10px 0 10px 24px;}
#wrapper h1 {font-size:36px; color:#f67a2f; font-weight:bold; font-style:italic;}
#wrapper h2 { background:none; text-align:left;}
span.four {color:#ef511e; float:none; padding:0;}
span.gold {color:#ffcc00; float:none; padding:0;}
.wrapper strong {color:#000;}
span.bigtxt {font-size:18px; font-weight:bold; color:#ef511e; display:block; text-transform:uppercase;}
#wrapper p {width:200px; float:left;}
#wrapper .listHeader {text-transform:uppercase; margin-bottom:6px; font-size:18px; float:left; width:450px; color:#000; padding-bottom:4px; height:25px; line-height:25px;}
#wrapper ul { list-style: none; float:left;}
#wrapper li { background: url(/images/bullet.png) no-repeat left 3px; padding-left:30px; margin-bottom:6px; color:#000000; font-size:12px; }
.group_success_wait { width:450px; float:left}
/*SPACERS*/
.mgnBottomLg {margin-bottom: 15px !important;}
/*floats*/
.clear{clear: both;}
.left {float: left;}
/*TEXT ALIGN*/
.textCenter {text-align: center !important;}
.textLeft {text-align: left !important;}
.register_group { border:1px solid #9b9b9b; float:left; width:98%; margin-bottom:30px;}
#updrade_now_to_gold { margin-left:110px; }
#updrade_now_to_gold span {color:#FFFFFF;
font-size:14px;
font-weight:bold;
left:135px;
padding-top:10px;
position:absolute;
text-align:center;
width:222px;}
.warningpaypal { padding:15px; color:#6E6E6E; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:100;}
.tipping_page {width:800px}
.tipping_titles {font-size:13px; float:left;}
.text .infotext .subtitle img {float:left;}
#tipping_payouts b { border-bottom:1px solid #FC531D; margin-bottom:10px; clear:both; display:block; width:100%;
font-size:13px; margin-top:25px; color:#FC531D}
#tipping_payouts table {margin-top:15px}
#tipping_payouts strong {line-height:0px;
margin:0px ;
padding-top:12px;
font-size:12px;
color:#666666}
#tipping_payouts table p {margin-left:5px}
.textmargin {
margin:10px;
}
#showBroadcastImages img {margin:0;}
/* Style for 2257 recort keeping form */
#recordKeeping { width:700px; }
#recordKeeping li {
margin-bottom:15px;
}
#recordKeeping span {
margin-left:20px;
}
/* CSS file for sales improvements */
#signupWrap { width:850px; height:auto; font: 12px/12px Arial, Helvetica, sans-serif; color: #5b5b5b; }
/*--------------------------- Chart --------------------------- */
#chartWrap {width:420px; float:left; height:auto;}
#chartWrap .headerRow1 {height:9px; font-weight:bold;}
#chartWrap .headerRow1 .colDesc { width:170px; height:9px; line-height:9px; float:left; text-align:right; padding:6px 15px; font-size:14px; background:#1f1f1f;border-bottom:2px solid #4b4b4b;}
#chartWrap .headerRow1 .basic {width:110px; float:left; text-align: center; padding:6px 0; background:#3b3b3b; color:#f5f5f5; border-bottom:2px solid #666; height:9px; line-height:9px;}
#chartWrap .headerRow1 .gold {width:110px; float:left; text-align: center; padding:6px 0; background:#4b4b4b; color:#ffcc00; border-bottom:2px solid #777; height:9px; line-height:9px;}
#chartWrap .headerRow2 {height:auto; font-weight:bold; }
#chartWrap .headerRow2 .colDesc { width:200px; float:left; text-align:center; padding:6px 0px; background:#FC531D; color:#fff; height:52px; overflow:hidden;}
#chartWrap .headerRow2 .colDesc .line1 {font-size:20px; line-height:20px; letter-spacing:-1px; display:block; }
#chartWrap .headerRow2 .colDesc .line2 {font-size:44px; line-height:44px; letter-spacing:-2px; display:block; margin-top:-10px;}
#chartWrap .headerRow2 .basic {width:110px; float:left; text-align: center; padding:10px 0; background:#F67A2F; color:#2f2f2f; height:44px; font-size:36px; line-height:36px; letter-spacing:-2px;}
#chartWrap .headerRow2 .gold {width:110px; float:left; text-align: center; padding:10px 0; background:#ffcc00; color:#2f2f2f; height:44px; font-size:36px; line-height:36px; letter-spacing:-2px;}
#chartWrap .headerRow2 .basic em, #chartWrap .headerRow2 .gold em{font-style:normal; font-weight:bold; display:block; font-size:11px; letter-spacing:0;line-height: 11px; padding-bottom:2px; margin-top:-5px;}
#chartWrap .row {height:auto; background:#efefef; padding:6px 0; }
#chartWrap .colDesc { width:170px; height:27px; line-height:27px; float:left; text-align:right; padding:0 15px; font-size:16px;}
#chartWrap .col { width:110px; height:27px; line-height:27px; float:left; text-align: center; }
#chartWrap .altBg2 {background:#f5f5f5!important;}
#chartWrap .yesBg { background: url(/images/t/Check-16x16.png) no-repeat center center; }
/* --------------------------- Copy and Form --------------------------- */
#rightColumn {width:430px; float:left; height:auto;}
#rightColumn .signupHeader {}
#rightColumn .signupHeader .message1 { color:#F5511C; letter-spacing:-2px; height:80px; text-align:center; font: bold 38px Arial, Helvetica, sans-serif; }
#rightColumn .signupHeader .message1 span.line1 {display:block; line-height:36px;}
#rightColumn .signupHeader .message1 span.line2 {display:block; line-height:42px; margin-top:-6px;}
#rightColumn .signupHeader .subText {color: #4B4B4B;
font-size: 24px;
font-weight: bold;
height: auto;
letter-spacing: -1px;
line-height: 26px;
text-align: center;}
#rightColumn .signupHeader .subText2 { color:#2f2f2f; font-size:12px; padding-bottom:20px; line-height:14px; text-align:left; height:auto; }
#rightColumn .borderSplit {border-bottom:2px solid #efefef;margin:0 25px;}
#rightColumn #formWrap { float:left; height:auto; width:490px; padding-top:15px; }
#rightColumn #formWrap ul {list-style-type:none;}
#rightColumn #formWrap ul li {display:block; }
#rightColumn #formWrap ul li.desc { font-size:14px; line-height:25px; font-weight:bold; padding:0; color:#666; }
#rightColumn #formWrap ul li.field { height:36px; margin-bottom:15px; }
#rightColumn #formWrap ul li.field input { height:32px; width:370px; border:1px solid #1f1f1f; background: #fff; line-height:32px; font-size:14px; padding-left:4px; color:#000;}
#rightColumn #formWrap ul li.captcha { height:50px; font-size:11px; margin-bottom:15px; color:#999;}
#rightColumn #formWrap ul li.captcha span.desc { font-size:10px; line-height:12px; display:block; padding-bottom:3px; width:160px; float:left;}
#rightColumn #formWrap ul li.captcha img {padding-right:10px; float:left; margin:0;}
#rightColumn #formWrap ul li.captcha input {height:20px; line-height:20px; border:1px solid #ccc; background:#fff; width:160px; font-size:11px; padding-left:5px; float:left;}
/*MISC*/
.txt_cam {color:#000;}
.txt_4 {color:#F5511C;}
.txt_gold {color:#ffcc00;}
.txt_gold2 { color:#CAA200; }
/*FAKE DISCLAIMER*/
.disclaimer {/*border-top:20px solid #efefef; p*/ padding-left:25px; font-size:11px; text-align:left; border-bottom: 10px solid #FC531C; padding-bottom:25px;}
.disclaimer a {color:#F5511C}
.disclaimer a img {border:1px solid #efefef; margin-top:5px;}
.disclaimer a img:hover {border:1px solid #666;}
.footer {padding-top:25px; text-align:center; font-size:10px;}
.footer a {color:#FC531C}
.clear {clear:both;}
/* Mini Profile */
body,div,ul,li{margin:0 auto;padding:0}
#myAccount{ float:right; width:288px; height:60px; background:url(/images/t/myAccountBg3.gif); margin-right:2px; color:#6e6e6e; font:10px Arial, Helvetica, sans-serif }
#myAccount a{color:#FC531D; text-decoration:none; font-weight:bold}
#myAccount a:hover{color:#000; text-decoration:none}
#myAccount.basic a.upgrade{width:60px; height:60px; float:left; display:block}
#myAccount.basic a.upgrade{background:url(/images/t/myAccountBg_basic.gif)!important}
#myAccount.basic a.upgrade:hover{background:url(/images/t/myAccountBg_basic_on.gif)!important}
#myAccount .innerTube{margin:8px 8px 8px 68px}
#myAccount ul.accountDetails{height:auto; list-style-type:none; width:160px; float: left;}
.accountDetails li{height:14px; line-height:14px; float:left}
.accountDetails li.desc{margin-right: 3px; min-width: 50px;clear: both;}
.accountDetails li.field{margin-right: 3px;}
.accountDetails li strong.name{color:#FC531D; font-weight:bold; font-size:14px; display:block}
#myAccount .profilePic{float:right; width:42px; height:42px; border:1px solid #FC531D}
#myAccount img{float:none; margin:0}
#myAccount a img {border:none;}
.newjoin{width:auto; height:55px; float:right; display:block; font: 11px Arial, Helvetica, sans-serif; line-height:13px; color:#1f1f1f; padding-right:10px; text-align:center; max-width: 280px; margin-bottom: 5px;}
.newjoin a.submit{margin-top:3px; padding:0 27px;text-align:center; height:34px; font-size:24px; line-height:34px; display:block;font-weight:bold; color:#fff; letter-spacing:-1px; float:none;background:#3b3b3b; border:2px solid #1f1f1f;text-decoration:none;}
.newjoin a.submit:hover{text-decoration:none;background: #000; border: 2px solid #3b3b3b}
/* Remove Ads */
.removeAds{display:block; padding:4px; margin-top:15px; background:#FC531D; color:#fff; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif; text-align: center; }
.removeAds:hover{ background:#e83c00; color:#fff; text-decoration:underline;}
/* Success Page */
/* CSS Document */
#successWrap a {color:#fc531d;}
#successWrap { padding:0 10px; font: 12px/14px Arial, Helvetica, sans-serif; color: #737373; height:auto;}
h1.success { font: bold 42px/45px Arial, Helvetica, sans-serif; color: #fc531d; letter-spacing: -2px; text-indent:0;}
h2.success {background:#fff; color:#1f1f1f; font-size:24px; line-height:28px; text-align:left; letter-spacing:-1px; font-stretch:normal; text-transform:none; font-weight:bold;}
h2.verify {background:#fff; color:#1f1f1f; font-size:20px; line-height:25px; text-align:left; letter-spacing:-1px; font-stretch:normal; text-transform:none; font-weight:bold;}
#getStarted {/*padding:25px; height:auto;*/ margin:25px 0; height:auto; width:auto;}
#getStarted strong.intro {font-size:14px; font-weight:bold; color:#737373; margin-bottom:25px; line-height:24px; display:block;}
#getStarted dl { display:block; float:left; margin:0 10px 20px 0; padding:10px 10px 10px 42px; border:1px solid #efefef; width:300px; height:100px;}
#getStarted dl:hover {background-color:#f5f5f5;}
#getStarted dl dt {font-weight:bold; color:#fc531d; font-size:14px; line-height:16px; display:block; margin-bottom:5px;}
#getStarted dl dd {display:block; margin-bottom:5px;}
#getStarted dl.browse {background-image: url(/images/t/Camcorder32x32.png); background-repeat: no-repeat; background-position: 5px 5px;}
#getStarted dl.tip {background-image: url(/images/t/Thumbsup32x32.png); background-repeat: no-repeat; background-position: 5px 5px;}
#getStarted dl.upgrade {background-image: url(/images/t/Key32x32.png); background-repeat: no-repeat; background-position: 5px 5px;}
#getStarted dl.account {background-image: url(/images/t/User32x32.png); background-repeat: no-repeat; background-position: 5px 5px;}
#getStarted dl.broadcast {background-image: url(/images/t/Radioalt32x32.png); background-repeat: no-repeat; background-position: 5px 5px;}
.test { background: url(/images/t/Rate32x32.png); }
#getStarted .col1 {float:left; width:380px; height:auto; margin-right:25px; padding-left:48px;background-image: url(/images/t/Camcorder32x32.png); background-repeat: no-repeat; background-position: 5px 0px;}
#getStarted .col2 { float:left; width:460px; height:auto; background-image: url(/images/t/Radioalt32x32.png); background-repeat: no-repeat; background-position: 5px 0px; padding-left:48px; }
#getStarted .col3 { float:left; width:380px; height:auto; background-image: url(/images/t/Rate32x32.png); background-repeat: no-repeat; background-position: 5px 0px; padding-left:45px;}
#getStarted .col1 strong.h1, #getStarted .col2 strong.h1, #getStarted .col3 strong.h1 { font-weight:bold; color:#fc531d; font-size:24px; line-height:28px; display:block; margin-bottom:5px; letter-spacing:-1px; }
#getStarted .col1 strong.h2, #getStarted .col2 strong.h2, #getStarted .col3 strong.h2 {font-weight:bold; color:#1f1f1f; font-size:14px; line-height:16px; display:block; margin-bottom:5px;}
#getStarted .col1 p, #getStarted .col2 p, #getStarted .col3 p {margin-bottom:25px; line-height:16px;}
#getStarted .col2 ol{list-style-position:inside; font-size:12px;}
#getStarted .col2 li {margin:5px 0;}
#getStarted .col2 ol li ul{list-style-position:inside; margin-left:15px;}
#getStarted .profileDetailArea {font-size:10px;}
#getStarted .profileBox {padding:10px; width:160px; height:75px;}
#getStarted .profileDataBox img {width:80px; height:60px; margin-left:-2px; margin-top:-2px;}
#getStarted .profileDetailBox {width:80px; margin-top:-2px; line-height:12px;}
#getStarted .profileBoxTitle {font-size:12px;}
dl.account1 { display:block; float:left; margin:0 10px 10px 0; padding:10px 10px 10px 42px; border:1px solid #efefef; width:455px; height:auto; background-image: url(/images/t/User32x32.png); background-repeat: no-repeat; background-position: 5px 5px; }
dl.account1:hover {background-color:#f5f5f5;}
dl.account1 dt {font-weight:bold; color:#fc531d; font-size:14px; line-height:16px; display:block; margin-bottom:5px;}
dl.account1 dd {display:block; margin-bottom:5px;}
.tokenBalance {padding:12px; width:464px; font-size:24px; line-height:28px; letter-spacing:-1px; font-weight:bold; border:15px solid #FFE1D7; text-align:center; }
.wh_50 { background: url(/images/t/wh_50.png) repeat left top; height:500px; width:1000px; position:absolute;z-index:99999;}
.wh_75 { background: url(/images/t/wh_75.png) repeat left top; height:500px; width:1000px; position:absolute;z-index:99999;}
.myForm th { font: 12px Arial, Helvetica, sans-serif; }
.broadcasting_icon {
position:absolute;
top:25px;
left: 3px;
margin:0px;
}
.broadcasting_icon_small {
position: absolute;
right: 5px;
}
.advertiserBoxLines p {
margin-left: 6px;
}
#right-content-top { }
#right-content-bottom {
margin-left:-42px;
}
#basic-trial-gold-3col #signupWrap #rightColumn form { margin:0px }
#basic-trial-gold-3col #rightColumn form { margin:0px }
#basic-trial-gold-3col .disclaimer {padding-left:25px; font-size:11px; text-align:left; padding-bottom:25px; font-family: verdana;}
.contest_copy_area ul {color: #333333; margin-left: 30px;}
.contest_Cam_of_the_Day h1 {
color: #FC531D;
font-size: 24px;
font-stretch: narrower;
font-weight: bold;
height: auto;
letter-spacing: 0;
line-height: 30px;
margin: 5px 0;
padding: 10px 0;
width: 100%;
}
.contest_copy_area li { font-size: 11px; }
.contest_copy_area_day p {font-size: 11px;
color: #333333;
height: auto;
line-height: 18px;
margin: 0 auto 0 12px;
padding: 0;
width: 96%;
}
#header .bannerTop img {
margin:2px 0 0 0;
}
#header .spacer {clear:both; height:8px;}
#C4Logo {
position:relative;
width:215px;
float:left;
margin:-2px 2px 0 0;
padding:0 4px 0 4px;
height:62px;
}
#C4Logo img {
height:51px;
margin:0;
width:215px;
float:none;
}
#C4Logo .introTxt {
height:12px;
line-height:12px;
width:210px;
overflow:hidden;
display:block;
font-size:11px;
font-weight:bold;
color:#6e6e6e;
font-family: Arial, Helvetica, sans-serif;
clear:both;
margin:0 auto;
}
#C4Logo .introTxt span.watching {
float:left;
height:15px;
}
#C4Logo .introTxt span.online {
float:right;
height:15px;
}
.bannerTop {
float: left;
min-height: 60px;
}
#right-content .innerTube textarea {
margin: 0 0 15px;
width: 225px;
}
.hidden {display:none}
#profileBlockCountries {clear:both; margin-top:40px; }
#profileBlockCountries p {display:block; }
#profileBlockCountries select {display: block; margin-top: 10px;; }
#socialNetworksEdit p {margin-left: 15px;}
#directoryDiv {margin-left:8px;}
.complianceStatementLink {color:#666666}
.complianceStatementLink a:active {color:#666666; text-decoration:underline;}
.complianceStatementLink a:link {color:#666666; text-decoration:underline;}
.complianceStatementLink a:visited {color:#666666; text-decoration:underline;}
.complianceStatementLink a:hover {color:black; text-decoration:underline;}
#redMedalContest {float:right; position:absolute; right:40%; display:inline;}
#blueMedalContest {float:right; position:absolute; right:40%; display:inline;}
#blueMedalContest img {width: 100px; height:102px; border:none; float:right;}
#purpleMedalContest {float:right; position:absolute; right:50%; display:inline;}
#purpleMedalContest img {width: 100px; height:102px; border:none; float:right;}
#profile-ad {clear:both;
float: left;
min-height: 60px;
}
a.removeAdButton {
background: none repeat scroll 0 0 #FC531D;
display: block;
float: right;
height: 60px;
width: 18px;
}
a.removeAdButton:hover {
background: none repeat scroll 0 0 #E83C00;
}
a.removeAdButton img {
border: medium none;
float: none;
margin:0px;
}
#subfoot {width:746px;}
#footerAdTop iframe {float: left;}
#footerAdBottom iframe {float: left;}
.bannerTop iframe {float: left;}
#profile-ad iframe {float: left;}
/* Start styles migrated from tabs.css */
/** OLD TABS **/
.animatedtabs{
border-bottom: 1px solid #f49364;
overflow: hidden;
width: 846px; /* old 814*/
font-size: 11px; /*font of menu text*/
margin:0 0 5px 0;
color:white;
background:none;
height:29px;
}
.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}
.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}
.animatedtabs .right {
float: right;
}
.animatedtabs .admin a span {
color: Yellow;
}
.animatedtabs .last {
margin-right: 10px;
}
.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url( /images/tab-blue-left.gif ) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
font-stretch:narrower;
color:#FFFFFF;
font-weight:900;
}
.animatedtabs a span {
background:transparent url(/images/tab-blue-right.gif) no-repeat scroll right top;
color:white;
display:block;
float:left;
font-family:arial;
padding:5px 14px 3px 5px;
position:relative;
font-size:13px;
font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */
.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}
.animatedtabs .selected a span{
background-position: 100% -125px;
color: white;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
color:#ffffff;
text-decoration:none;
}
.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.maintabs{ border-bottom: 1px solid #FFE1D7;
overflow: hidden;
width: 100%;
font-size: 12px;
margin:0 0 10px 0;
color:white;
background:none;
height:auto;
clear:left;
float:none;
padding:8px 0 0 0;
}
.maintabs span{ margin:0;
padding:0;
}
.maintabs ul{margin:0 0 0 10px;
padding:0;
width:100%;
border-bottom:0;
border-right:0;
}
.maintabs li{ float: left;
margin:0 2px -3px 0;
padding: 0;
background:#FFE1D7;
overflow:hidden;
position:relative;
text-align:center;
}
.maintabs li.selected a {background:#fff;
color:#FC531D;
font-size:12px;
padding:3px 8px;
border-color:#FFE1D7 #FFE1D7 -moz-use-text-color;
border-style:solid;
border-width:1px;
margin:0;
}
.maintabs .right {float: right;
margin:0 15px 0 0;
}
.maintabs li a{ border-color:#FFE1D7;
border-style:solid solid none solid;
border-width:1px 1px 0 1px;
display:block;
font-size:12px;
font-weight:bold;
padding:3px 8px;
white-space:nowrap;
text-decoration:none;
/* text-transform:capitalize; */
color:#FC531D;
}
.maintabs li a:hover{background:#FC531D;
color:#FFF;
border-color:#FC531D;
text-decoration:none;
}
.maintabsIE6{ border-bottom: 1px solid #FFE1D7;
overflow: hidden;
width: 840!important;
font-size: 12px;
margin:0 0 10px 0;
color:white;
background:none;
height:auto;
clear:left;
float:left;
padding:8px 0 0 0;
}
.maintabsIE6 span{ margin:0;
padding:0;
}
.maintabsIE6 ul{margin:0 0 0 10px;
padding:0;
width:840;
border-bottom:0;
border-right:0;
}
.maintabsIE6 li{ float: left;
margin:0 2px -3px 0;
padding: 0;
background:#FFE1D7;
overflow:hidden;
position:relative;
text-align:center;
}
.maintabsIE6 li.selected a {background:#fff;
color:#FC531D;
font-size:12px;
padding:3px 8px;
border-color:#FFE1D7 #FFE1D7 -moz-use-text-color;
border-style:solid;
border-width:1px;
margin:0;
}
.maintabsIE6 .right {float: right;
margin:0 8px 0 0;
}
.maintabsIE6 li a{ border-color:#FFE1D7;
border-style:solid solid none solid;
border-width:1px 1px 0 1px;
display:block;
font-size:12px;
font-weight:bold;
padding:3px 8px;
white-space:nowrap;
text-decoration:none;
/* text-transform:capitalize; */
color:#FC531D;
}
.maintabsIE6 li a:hover{background:#FC531D;
color:#FFF;
border-color:#FC531D;
text-decoration:none;
}
/* Finish styles migrated from tabs.css */
/* Start styles migrated from overlay.css */
* {margin:0; padding:0;}
a img {border:none;}
a {color:#ff00e3; text-decoration:none;}
a:hover {text-decoration:underline;}
/*body { background:#fff url(/images/tempbg.png); }*/
/* ---------- OUTER BOX - CHANGE THE WIDTH AND POSITION OF THE BOX HERE: ---------- */
#overlayWrap {font: 11px/14px Arial, Helvetica, sans-serif; color:#666; width:625px; height:auto; margin:6% auto 0 auto; }
/* TRANSPARENT TOP ROW CORNERS */
#overlayWrap .top {height:30px; width:100%; clear:both;}
#overlayWrap .top .leftBrdr1 { height:30px; width:30px; float:left; background: url(/images/btnSprite.png) no-repeat 0 -386px; }
#overlayWrap .top .midBrdr1 { height:30px; margin:0 35px 0 30px; background: url(/images/btnSprite.png) repeat-x 0 -456px; }
#overlayWrap .top .rightBrdr1 { height:30px; width:35px; float:right; background: url(/images/btnSprite.png) no-repeat -65px -386px;}
#overlayWrap .top .rightBrdr1 img { margin: 0 0 0 8px; height:auto; width:auto; float:none; ;}
/* SIDE BORDERS - left border contains the right border, which contains the content wrapper. the height of the content wrapper keep the left and right borders equal height */
#overlayWrap .mid {width:100%; clear:both; height:auto;}
#overlayWrap .mid .leftBrdr1 { height:auto; background:url(/images/spriteVert.png) repeat-y left top; display:block;padding-left:30px;}
/* ---------- OUTER BOX - CHANGE THE HEIGHT OF THE BOX AND CONTAIN CONTENT HERE: ---------- */
#overlayWrap .mid .leftBrdr1 .rightBrdr1 { height:auto; background: url(/images/spriteVert.png) repeat-y right top; width:100%}
/* TRANSPARENT BOTTOM ROW CORNERS */
#overlayWrap .bottom {height:40px; width:100%; clear:both;}
#overlayWrap .bottom .leftBrdr1 { height:40px; width:30px; float:left; background: url(/images/btnSprite.png) no-repeat 0 -416px; }
#overlayWrap .bottom .midBrdr1 { height:40px; margin:0 35px 0 30px; background: url(/images/btnSprite.png) repeat-x 0 -486px; }
#overlayWrap .bottom .rightBrdr1 { height:40px; width:35px; float:right; background: url(/images/btnSprite.png) no-repeat -65px -416px; }
/* ---------- OUTER BOX - CONTENT WRAP - the background color of the wrapper - keeps the stuff inside from escaping our overlay ---------- */
#overlayWrap .mid .leftBrdr1 .rightBrdr1 #contentWrap {margin:0 35px 0 0; height:auto; padding-bottom:2px; zoom:1; background:#fff; width:auto;}
/* ---------- HEADER WRAPPER - KEEPS THE SPEECH BUBBLE SEPERATE FROM THE MAIN CONTENT ---------- */
#contentWrap #header { background: url(/images/btnSprite.png) no-repeat right -526px; height:auto; min-height:69px; padding-right:80px; max-height:80px; width: auto; }
/* ---------- SPEECH BUBBLE IN HEADER ---------- */
#header #bubbleWrap {height:auto; display:block; clear:both; float:left;}
#header #bubbleWrap .bubble { height:69px; float:left; width:auto; min-width:100px; max-width:480px; overflow:hidden;display:block; text-decoration:none; position:relative;}
#header #bubbleWrap .bubble .leftBtn { height:69px; width:12px; float:left; background: url(/images/btnSprite.png) no-repeat left -248px; display:block;}
#header #bubbleWrap .bubble .rightBtn { height:69px; width:19px; float:left; background: url(/images/btnSprite.png) no-repeat right -248px; display:block;}
#header #bubbleWrap .bubble .headerMsg { height:69px; line-height:52px; font-size:18px; font-weight:bold; line-height:46px; letter-spacing:-1px; color:#000; padding:0 10px; display:block; text-decoration:none; float:left; max-width:425px; overflow:hidden; background: url(/images/btnSprite.png) repeat-x right -317px; white-space:nowrap}
.headerMsg span.tempName {color:#ff00e3;}
#header #bubbleWrap .bubble span.point {width:44px; height:34px; display:block; position:absolute; left:22px; bottom:0px; background: url(/images/btnSprite.png) no-repeat center -283px; }
/* ---------- SPEECH BUBBLE MESSAGE TEXT: ---------- */
#header #bubbleWrap .bubble .headerMsg { height:69px; line-height:52px; font-size:18px; font-weight:bold; line-height:46px; letter-spacing:-1px; color:#000; padding:0 10px; display:block; text-decoration:none; float:left; max-width:425px; overflow:hidden; background: url(/images/btnSprite.png) repeat-x right -317px; white-space:nowrap}
.headerMsg span.tempName {color:#ff00e3;}
/* ---------- SPEECH BUBBLE MESSAGE TEXT - SWITCH TO TWO COLUMNS TO INCLUDE ADDITIONAL TEXT TO THE RIGHT: ---------- */
#bubbleWrap #twoCol.bubble { max-width:280px!important; margin-right:10px; }
#bubbleWrap #twoCol.bubble .headerMsg {max-width:225px!important;}
#header .helptxt {height:auto; padding-top:5px; float:left; width:auto; max-width:190px; min-width:110px; line-height:13px;font-size:11px; display:block;}
/* MAIN CONTENT - put stuff here */
#mainContentArea {height:auto; clear:both; font-size:14px; line-height:18px; padding-top:10px;}
/* REGISTRATION FORM */
#mainContentArea ul.registerForm {list-style:none; height:auto; width:100%; display:block;}
.registerForm li.label {font-size:14px; line-height:18px; font-weight:bold; margin-bottom:10px; color:#1f1f1f; }
.registerForm li.field {height:40px; width:100%; clear:both;}
.registerForm li.field input { display:block; background:#fff; border:1px solid #c0c0c0; width:518px; height:30px; padding:0 10px; font: 18px/36px Arial, Helvetica, sans-serif; color:#ff00e3; float:left; *width:518px;}
.registerForm li.helpTxt {height:auto; padding:5px 0; margin-bottom:20px; line-height:13px;font-size:11px; display:block;}
/* REGISTRATION FORM - error message over input field */
.registerForm .errorMsg {height:38px; margin-top:-38px; background:#fff; display:block; float:right; width:260px; font-size:11px; color:#666; border-left:1px solid #c0c0c0; padding-left:2px; overflow:hidden; }
.registerForm .errorMsg p {height:36px; line-height:36px; padding-left:10px;}
/* REGISTRATION FORM - error message styles */
.registerForm .errorMsg p.yes { border:1px solid #e1efdb; background: #f0fee9 url(/images/btnSprite.png) no-repeat -35px -623px; padding-left:30px; }
.registerForm .errorMsg p.no {background:#ffe1d7; border:1px solid #fec0ad; color:#fc521e;}
/*FEATURES - UPSELL*/
#mainContentArea p.headerMsg {font-size:18px; font-weight:bold; letter-spacing:-1px; color:#555; margin-bottom:20px; line-height:24px; }
#mainContentArea p.headerMsg strong {color:#000;}
#mainContentArea p.headerMsg em {color:#000;color:#fc521e; font-style:normal;}
/*FEATURES - UPSELL - MAIN GOLD FEATURE IMAGE AND TEXT */
#mainContentArea #goldFeatWrap {margin-bottom:30px; height:auto; background:#f5f5f5; border:1px solid #efefef; padding:10px; width:auto;}
#goldFeatWrap .featItem {width:270px; float:left; min-height:140px;}
#goldFeatWrap .featItem p {text-align:center;}
#goldFeatWrap .featItem p.mainTxt {padding-top:90px; text-transform:uppercase; color:#fc521e; font-size:24px; line-height:28px; height:28px; overflow:hidden; font-family: Arial Black; letter-spacing:-1px; }
#goldFeatWrap .featItem p.subTxt {font-size:14px; font-weight:bold; color:#1f1f1f; line-height:16px; height:16px; overflow:hidden;}
#goldFeatWrap .featItem p.subTxt2 {font-size:11px; color:#555; line-height:16px; height:16px; overflow:hidden;}
/*FEATURES - UPSELL - MAIN GOLD FEATURE IMAGE - change the image */
#goldFeatWrap #ec.featItem { background: url(/images/ec_big.png) no-repeat center top; }
#goldFeatWrap #ad.featItem { background: url(/images/ad_big.png) no-repeat center top; }
#goldFeatWrap #fs.featItem { background: url(/images/fs_big.png) no-repeat center top; }
#goldFeatWrap #mc.featItem { background: url(/images/mc_big.gif) no-repeat center top; }
#goldFeatWrap #ss.featItem { background: url(/images/ss_big.png) no-repeat center top; }
#goldFeatWrap #pm.featItem { background: url(/images/pm_big.png) no-repeat center top; }
#goldFeatWrap #srch.featItem { background: url(/images/srch_big.png) no-repeat center top; }
/*FEATURES - UPSELL - LIST OF OTHER GOLD FEATURES */
#goldFeatWrap .featList {width:260px; float:right; height:auto; padding:6px 0;}
#goldFeatWrap .featList ul.miscFeat {list-style:none; padding-left:34px; }
.miscFeat li.big {font-weight:bold; font-size:14px; line-height:16px; color:#1f1f1f; height:16px; overflow:hidden; }
.miscFeat li.sml {font-size:11px; line-height:16px; color:#1f1f1f; height:16px; overflow:hidden;}
/*FEATURES - UPSELL - LIST OF OTHER GOLD FEATURES - change the image */
#goldFeatWrap .featList ul#ec.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -665px;}
#goldFeatWrap .featList ul#ad.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -709px;}
#goldFeatWrap .featList ul#fs.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -753px;}
#goldFeatWrap .featList ul#mc.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -797px;}
#goldFeatWrap .featList ul#ss.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -841px;}
#goldFeatWrap .featList ul#pm.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -885px;}
#goldFeatWrap .featList ul#srch.miscFeat { background: url(/images/btnSprite.png) no-repeat -38px -929px;}
/* PURCHASE TOKENS - left column info*/
#mainContentArea #overlayTokenWrap {height:auto; width:100%; margin-bottom:30px}
#overlayTokenWrap #leftCol {width:260px; float:left;}
#overlayTokenWrap #leftCol .tokenHeaderMsg {text-align:left; font-weight:bold; color:#fc521e; padding-bottom:5px; padding-top:15px; border-bottom:1px solid #1f1f1f; height:18px; overflow:hidden; font-size:14px; line-height:18px;letter-spacing:0; margin-bottom:20px; }
#overlayTokenWrap #leftCol .tokenHeaderMsg span.newTxt {float:left; font-size:11px; font-weight:normal; display:block; padding:2px 4px; background:#ffff00; color:#000; line-height:11px; text-transform:uppercase; margin-right:10px;}
#overlayTokenWrap #leftCol .headerMsg {margin-bottom:20px; padding-right:10px;}
#overlayTokenWrap #leftCol .plainTxt {font-size:12px; line-height:20px; padding-right:10px;}
/* PURCHASE TOKENS - right column package*/
#overlayTokenWrap #rightCol {width:300px; float:right;}
#overlayTokenWrap #rightCol ul.buyTokens { list-style: none; display:block; border:1px solid #1f1f1f; text-align:left; height:auto; padding:10px; background:#f5f5f5; }
#overlayTokenWrap #rightCol ul.buyTokens li#pricePoint {; text-align:left; font-size:14px; line-height:24px; height:24px; margin-bottom:2px; padding:2px; letter-spacing:1px;}
#overlayTokenWrap #rightCol ul.buyTokens li#pricePoint.bg1 {background:#fff;}
#overlayTokenWrap #rightCol ul.buyTokens li#pricePoint.bg2 {background:#f9f9f9;}
#overlayTokenWrap #rightCol ul.buyTokens li#pricePoint.feature {background:#FFC url(/images/btnSprite.png) no-repeat right -964px;}
#overlayTokenWrap #rightCol ul.buyTokens li#pricePoint.feature span#best {width:48px; height:24px; background:url(/images/bestvalue.png) no-repeat center center; float:right; display:block;}
#overlayTokenWrap #rightCol ul.buyTokens li#pricePoint:hover {color:#FC531D;}
/*SUBMIT BUTTON*/
#mainContentArea #btnWrap {height:auto; display:block; clear:both; float:left; margin-bottom:20px; }
#mainContentArea #btnWrap a.overlaySubmitBtn { height:62px; float:left; width:auto; min-width:100px; max-width:560px; overflow:hidden;display:block; text-decoration:none; cursor:hand;}
/*SUBMIT BUTTON - background images*/
.overlaySubmitBtn .leftBtn { height:62px; width:45px; float:left; background: url(/images/btnSprite.png) no-repeat left -124px; display:block;}
.overlaySubmitBtn .rightBtn { height:62px; width:50px; float:left; background: url(/images/btnSprite.png) no-repeat -50px -124px; display:block;}
.overlaySubmitBtn .midBtn { height:62px; line-height:52px; font-size:28px; letter-spacing:-2px; font-weight:bold; color:#fff; padding-right:10px; display:block; text-decoration:none; float:left; max-width:400px; overflow:hidden; background: url(/images/btnSprite.png) repeat-x left -186px;}
/*SUBMIT BUTTON - rollovers */
a.overlaySubmitBtn:hover .leftBtn { background: url(/images/btnSprite.png) repeat-x left top;}
a.overlaySubmitBtn:hover .rightBtn { background: url(/images/btnSprite.png) repeat-x -50px top;}
a.overlaySubmitBtn:hover .midBtn { text-decoration:none; background: url(/images/btnSprite.png) repeat-x left -62px;}
/*SUBMIT BUTTON - small text centered under the button */
#btnWrap p.miniLoginTxt {font-size:11px; color:#9b9b9b; text-align:center; clear:both; padding:10px 0 0 0; display:block;}
#btnWrap p#overlayDisclaimer.miniLoginTxt {font-size:10px; line-height:14px; text-align:left; padding:10px 156px 0 20px;color:#666; background:url(/images/btnSprite.png) no-repeat left -1012px; }
/*DECLINE TEXT*/
#mainContentArea #declineWrap {height:auto; display:block; clear:both; position:relative; width:100%}
#declineWrap .declineTxt { float:right; text-align:right; position:absolute; bottom:0; right:0; display:block; height:auto;}
.declineTxt .line1 {font-size:18px; color:#1f1f1f; line-height:28px; font-family: Arial Black;}
.declineTxt .line2 {font-size:12px; line-height:16px; font-weight:bold;}
.declineTxt .line1 a {color:#1f1f1f; text-decoration:none;}
.declineTxt .line2 a {color:#7b7b7b; text-decoration:underline;}
.declineTxt .line2 a:hover {text-decoration:none;}
.clear {clear:both}
.left {float:left;}
.right {float:right;}
/*SPACERS*/
.mgn {
margin: 10px !important;
}
.mgnLg {
margin: 15px !important;
}
.mgnSm {
margin: 5px !important;
}
.mgnTop {
margin-top: 10px !important;
}
.mgnRight {
margin-right: 10px !important;
}
.mgnBottom {
margin-bottom: 10px !important;
}
.mgnLeft {
margin-left: 10px !important;
}
.mgnTopLg {
margin-top: 17px !important;
}
.mgnRightLg {
margin-right: 15px !important;
}
.mgnBottomLg {
margin-bottom: 15px !important;
}
.mgnBottomXLg {
margin-bottom: 20px !important;
}
.mgnLeftLg {
margin-left: 15px !important;
}
.mgnTopSm {
margin-top: 5px !important;
}
.mgnRightSm {
margin-right: 5px !important;
}
.mgnBottomSm {
margin-bottom: 5px !important;
}
.mgnBottomXSm {
margin-bottom: 2px !important;
}
.mgnLeftSm {
margin-left: 5px !important;
}
/*padding*/
.pdgXLg {padding:30px;}
.pdgLg {padding:15px;}
.pdg {padding:10px;}
.pdgTop {
padding-top: 10px !important;
}
.pdgRight {
padding-right: 10px !important;
}
.pdgBottom {
padding-bottom: 10px !important;
}
.pdgLeft {
padding-left: 10px !important;
}
.pdgTopLg {
padding-top: 15px !important;
}
.pdgRightLg {
padding-right: 15px !important;
}
.pdgBottomLg {
padding-bottom: 15px !important;
}
.pdgLeftLg {
padding-left: 15px !important;
}
.pdgTopSm {
padding-top: 5px !important;
}
.pdgRightSm {
padding-right: 5px !important;
}
.pdgBottomSm {
padding-bottom: 5px !important;
}
.pdgLeftSm {
padding-left: 5px !important;
}
#lightbox{
display:none;
position: absolute;
top:30%;
left:50%;
z-index:9999;
width:640px;
height:500px;
margin:-220px 0 0 -320px;
}
#lightbox[id]{
position:fixed;
}
#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.4;
opacity:.40;
filter: alpha(opacity=40);
}
#overlay[id]{
position:fixed;
}
#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
}
#lightbox.done img{
width:100%;
height:100%;
}
#overlayWrap form {
margin: 0;
padding: 0;
display: inline-block;
}
#topHeader p a {color: #333333;}
#output1 {display:block; clear:both; float:left; color:red}
#output1 strong { color:green}
.wrapper .warning h2 {
background: none
}
/* Finish styles migrated from overlay.css */
/* Start styles migrated from disclaimer.css */
/* CSS Document */
.wrapper { width:640px;
height:500px;
margin: 50px auto auto;
padding:0;
/*border:2px solid #FC531D;*/
background:white;
display:block;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.wrapper .features{ width:354px;
height:258px;
background:none;
padding:0;
/*position:absolute;
*/margin:0;
float:right;
}
.wrapper .features h1{ font-size:30px;
text-transform: uppercase;
color:#999;
width:285px;
text-align:center;
margin:5px auto;
padding:0;
}
.features ul{ width:305px;
text-align:left;
margin:10px 0 0 50px;
padding:0;
list-style:square;
}
.features ul li{ font-size:23px;
/* text-transform:capitalize; */
color:#FC531D;
padding:0;
margin:0;
list-style:square;
}
.wrapper .warning{ width:640px;
height:180px;
background:none;
padding:0;
margin:0;
float:left;
}
.warning h2{ font-size:24px;
text-transform: uppercase;
color:#ff0000;
width:100%;
text-align:center;
margin:5px auto;
padding:0;
}
.warning textarea{ width:582px;
height:120px;
background:white;
border:1px solid #999;
margin:5px 25px;
padding:1px;
text-align:center;
font-size:10px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}
.btn{ width:100%;
height:auto;
padding:3px 0;
margin:20px 0 50px 0;
float:left;
}
.wrapper .btn .iagree { width:200px;
height:40px;
line-height:40px;
font-size:18px;
color:#FFF;
background:green;
display:block;
margin:5px 0;
float:left;
text-transform:uppercase;
text-align:center;
text-decoration:none;
}
.wrapper .btn .iagree:hover{ background: #00AE00;}
.wrapper .btn .exit { width:200px;
height:40px;
line-height:40px;
font-size:18px;
color:#FFF;
background:#FC531D;
display:block;
float:left;
margin:5px 10px 0 115px;
text-transform:uppercase;
text-align:center;
text-decoration:none;
}
.wrapper .btn .exit:hover{background: #C30;}
.btn2{ width:100%;
height:auto;
padding:3px auto;
margin:0 auto;
float:left;
}
.banners { width:auto;
margin:auto 0 0 14%;
float:left;
border:none;
}
.banners img {border:none}
/* - - - - - - - - - - - - - - - - - - - - -
Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/
Created : January 13, 2006
Modified : February 1, 2006
- - - - - - - - - - - - - - - - - - - - - */
#lightbox{
display:none;
position: absolute;
top:30%;
left:50%;
z-index:9999;
width:640px;
height:500px;
margin:-220px 0 0 -320px;
}
#lightbox[id]{
position:fixed;
}
#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#overlay[id]{
position:fixed;
}
#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
}
#lightbox.done img{
width:auto;
height:auto;
}
#lightbox.done .wrapper img.logoDisclaimer {width:512px; height:134px; margin-left:64px; }
.banners {
border: medium none;
float: left;
margin: auto 0 0 14%;
width: auto;
}
/* Finish styles migrated from lightbox.css */
/* Start styles migrated from flags.css */
.flag {
width: 16px;
height: 11px;
background:url(/images/flags.gif) no-repeat;
}
.flag.flag-ad {
background-position: -16px -0px;
}
.flag.flag-ae {
background-position: -32px -0px;
}
.flag.flag-af {
background-position: -48px -0px;
}
.flag.flag-ag {
background-position: -64px -0px;
}
.flag.flag-ai {
background-position: -80px -0px;
}
.flag.flag-al {
background-position: -96px -0px;
}
.flag.flag-am {
background-position: -112px -0px;
}
.flag.flag-an {
background-position: -128px -0px;
}
.flag.flag-ao {
background-position: -144px -0px;
}
.flag.flag-ar {
background-position: -160px -0px;
}
.flag.flag-as {
background-position: -176px -0px;
}
.flag.flag-at {
background-position: -192px -0px;
}
.flag.flag-au {
background-position: -208px -0px;
}
.flag.flag-aw {
background-position: -224px -0px;
}
.flag.flag-az {
background-position: -240px -0px;
}
.flag.flag-ba {
background-position: -0px -11px;
}
.flag.flag-bb {
background-position: -16px -11px;
}
.flag.flag-bd {
background-position: -32px -11px;
}
.flag.flag-be {
background-position: -48px -11px;
}
.flag.flag-bf {
background-position: -64px -11px;
}
.flag.flag-bg {
background-position: -80px -11px;
}
.flag.flag-bh {
background-position: -96px -11px;
}
.flag.flag-bi {
background-position: -112px -11px;
}
.flag.flag-bj {
background-position: -128px -11px;
}
.flag.flag-bm {
background-position: -144px -11px;
}
.flag.flag-bn {
background-position: -160px -11px;
}
.flag.flag-bo {
background-position: -176px -11px;
}
.flag.flag-br {
background-position: -192px -11px;
}
.flag.flag-bs {
background-position: -208px -11px;
}
.flag.flag-bt {
background-position: -224px -11px;
}
.flag.flag-bv {
background-position: -240px -11px;
}
.flag.flag-bw {
background-position: -0px -22px;
}
.flag.flag-by {
background-position: -16px -22px;
}
.flag.flag-bz {
background-position: -32px -22px;
}
.flag.flag-ca {
background-position: -48px -22px;
}
.flag.flag-catalonia {
background-position: -64px -22px;
}
.flag.flag-cd {
background-position: -80px -22px;
}
.flag.flag-cf {
background-position: -96px -22px;
}
.flag.flag-cg {
background-position: -112px -22px;
}
.flag.flag-ch {
background-position: -128px -22px;
}
.flag.flag-ci {
background-position: -144px -22px;
}
.flag.flag-ck {
background-position: -160px -22px;
}
.flag.flag-cl {
background-position: -176px -22px;
}
.flag.flag-cm {
background-position: -192px -22px;
}
.flag.flag-cn {
background-position: -208px -22px;
}
.flag.flag-co {
background-position: -224px -22px;
}
.flag.flag-cr {
background-position: -240px -22px;
}
.flag.flag-cu {
background-position: -0px -33px;
}
.flag.flag-cv {
background-position: -16px -33px;
}
.flag.flag-cy {
background-position: -32px -33px;
}
.flag.flag-cz {
background-position: -48px -33px;
}
.flag.flag-de {
background-position: -64px -33px;
}
.flag.flag-dj {
background-position: -80px -33px;
}
.flag.flag-dk {
background-position: -96px -33px;
}
.flag.flag-dm {
background-position: -112px -33px;
}
.flag.flag-do {
background-position: -128px -33px;
}
.flag.flag-dz {
background-position: -144px -33px;
}
.flag.flag-ec {
background-position: -160px -33px;
}
.flag.flag-ee {
background-position: -176px -33px;
}
.flag.flag-eg {
background-position: -192px -33px;
}
.flag.flag-eh {
background-position: -208px -33px;
}
.flag.flag-england {
background-position: -224px -33px;
}
.flag.flag-er {
background-position: -240px -33px;
}
.flag.flag-es {
background-position: -0px -44px;
}
.flag.flag-et {
background-position: -16px -44px;
}
.flag.flag-eu {
background-position: -32px -44px;
}
.flag.flag-fi {
background-position: -48px -44px;
}
.flag.flag-fj {
background-position: -64px -44px;
}
.flag.flag-fk {
background-position: -80px -44px;
}
.flag.flag-fm {
background-position: -96px -44px;
}
.flag.flag-fo {
background-position: -112px -44px;
}
.flag.flag-fr {
background-position: -128px -44px;
}
.flag.flag-ga {
background-position: -144px -44px;
}
.flag.flag-gb {
background-position: -160px -44px;
}
.flag.flag-gd {
background-position: -176px -44px;
}
.flag.flag-ge {
background-position: -192px -44px;
}
.flag.flag-gf {
background-position: -208px -44px;
}
.flag.flag-gh {
background-position: -224px -44px;
}
.flag.flag-gi {
background-position: -240px -44px;
}
.flag.flag-gl {
background-position: -0px -55px;
}
.flag.flag-gm {
background-position: -16px -55px;
}
.flag.flag-gn {
background-position: -32px -55px;
}
.flag.flag-gp {
background-position: -48px -55px;
}
.flag.flag-gq {
background-position: -64px -55px;
}
.flag.flag-gr {
background-position: -80px -55px;
}
.flag.flag-gs {
background-position: -96px -55px;
}
.flag.flag-gt {
background-position: -112px -55px;
}
.flag.flag-gu {
background-position: -128px -55px;
}
.flag.flag-gw {
background-position: -144px -55px;
}
.flag.flag-gy {
background-position: -160px -55px;
}
.flag.flag-hk {
background-position: -176px -55px;
}
.flag.flag-hm {
background-position: -192px -55px;
}
.flag.flag-hn {
background-position: -208px -55px;
}
.flag.flag-hr {
background-position: -224px -55px;
}
.flag.flag-ht {
background-position: -240px -55px;
}
.flag.flag-hu {
background-position: -0px -66px;
}
.flag.flag-id {
background-position: -16px -66px;
}
.flag.flag-ie {
background-position: -32px -66px;
}
.flag.flag-il {
background-position: -48px -66px;
}
.flag.flag-in {
background-position: -64px -66px;
}
.flag.flag-io {
background-position: -80px -66px;
}
.flag.flag-iq {
background-position: -96px -66px;
}
.flag.flag-ir {
background-position: -112px -66px;
}
.flag.flag-is {
background-position: -128px -66px;
}
.flag.flag-it {
background-position: -144px -66px;
}
.flag.flag-jm {
background-position: -160px -66px;
}
.flag.flag-jo {
background-position: -176px -66px;
}
.flag.flag-jp {
background-position: -192px -66px;
}
.flag.flag-ke {
background-position: -208px -66px;
}
.flag.flag-kg {
background-position: -224px -66px;
}
.flag.flag-kh {
background-position: -240px -66px;
}
.flag.flag-ki {
background-position: -0px -77px;
}
.flag.flag-km {
background-position: -16px -77px;
}
.flag.flag-kn {
background-position: -32px -77px;
}
.flag.flag-kp {
background-position: -48px -77px;
}
.flag.flag-kr {
background-position: -64px -77px;
}
.flag.flag-kw {
background-position: -80px -77px;
}
.flag.flag-ky {
background-position: -96px -77px;
}
.flag.flag-kz {
background-position: -112px -77px;
}
.flag.flag-la {
background-position: -128px -77px;
}
.flag.flag-lb {
background-position: -144px -77px;
}
.flag.flag-lc {
background-position: -160px -77px;
}
.flag.flag-li {
background-position: -176px -77px;
}
.flag.flag-lk {
background-position: -192px -77px;
}
.flag.flag-lr {
background-position: -208px -77px;
}
.flag.flag-ls {
background-position: -224px -77px;
}
.flag.flag-lt {
background-position: -240px -77px;
}
.flag.flag-lu {
background-position: -0px -88px;
}
.flag.flag-lv {
background-position: -16px -88px;
}
.flag.flag-ly {
background-position: -32px -88px;
}
.flag.flag-ma {
background-position: -48px -88px;
}
.flag.flag-mc {
background-position: -64px -88px;
}
.flag.flag-md {
background-position: -80px -88px;
}
.flag.flag-me {
background-position: -96px -88px;
}
.flag.flag-mg {
background-position: -112px -88px;
}
.flag.flag-mh {
background-position: -128px -88px;
}
.flag.flag-mk {
background-position: -144px -88px;
}
.flag.flag-ml {
background-position: -160px -88px;
}
.flag.flag-mm {
background-position: -176px -88px;
}
.flag.flag-mn {
background-position: -192px -88px;
}
.flag.flag-mo {
background-position: -208px -88px;
}
.flag.flag-mp {
background-position: -224px -88px;
}
.flag.flag-mq {
background-position: -240px -88px;
}
.flag.flag-mr {
background-position: -0px -99px;
}
.flag.flag-ms {
background-position: -16px -99px;
}
.flag.flag-mt {
background-position: -32px -99px;
}
.flag.flag-mu {
background-position: -48px -99px;
}
.flag.flag-mv {
background-position: -64px -99px;
}
.flag.flag-mw {
background-position: -80px -99px;
}
.flag.flag-mx {
background-position: -96px -99px;
}
.flag.flag-my {
background-position: -112px -99px;
}
.flag.flag-mz {
background-position: -128px -99px;
}
.flag.flag-na {
background-position: -144px -99px;
}
.flag.flag-nc {
background-position: -160px -99px;
}
.flag.flag-ne {
background-position: -176px -99px;
}
.flag.flag-nf {
background-position: -192px -99px;
}
.flag.flag-ng {
background-position: -208px -99px;
}
.flag.flag-ni {
background-position: -224px -99px;
}
.flag.flag-nl {
background-position: -240px -99px;
}
.flag.flag-no {
background-position: -0px -110px;
}
.flag.flag-np {
background-position: -16px -110px;
}
.flag.flag-nr {
background-position: -32px -110px;
}
.flag.flag-nu {
background-position: -48px -110px;
}
.flag.flag-nz {
background-position: -64px -110px;
}
.flag.flag-om {
background-position: -80px -110px;
}
.flag.flag-pa {
background-position: -96px -110px;
}
.flag.flag-pe {
background-position: -112px -110px;
}
.flag.flag-pf {
background-position: -128px -110px;
}
.flag.flag-pg {
background-position: -144px -110px;
}
.flag.flag-ph {
background-position: -160px -110px;
}
.flag.flag-pk {
background-position: -176px -110px;
}
.flag.flag-pl {
background-position: -192px -110px;
}
.flag.flag-pm {
background-position: -208px -110px;
}
.flag.flag-pn {
background-position: -224px -110px;
}
.flag.flag-pr {
background-position: -240px -110px;
}
.flag.flag-ps {
background-position: -0px -121px;
}
.flag.flag-pt {
background-position: -16px -121px;
}
.flag.flag-pw {
background-position: -32px -121px;
}
.flag.flag-py {
background-position: -48px -121px;
}
.flag.flag-qa {
background-position: -64px -121px;
}
.flag.flag-re {
background-position: -80px -121px;
}
.flag.flag-ro {
background-position: -96px -121px;
}
.flag.flag-rs {
background-position: -112px -121px;
}
.flag.flag-ru {
background-position: -128px -121px;
}
.flag.flag-rw {
background-position: -144px -121px;
}
.flag.flag-sa {
background-position: -160px -121px;
}
.flag.flag-sb {
background-position: -176px -121px;
}
.flag.flag-sc {
background-position: -192px -121px;
}
.flag.flag-scotland {
background-position: -208px -121px;
}
.flag.flag-sd {
background-position: -224px -121px;
}
.flag.flag-se {
background-position: -240px -121px;
}
.flag.flag-sg {
background-position: -0px -132px;
}
.flag.flag-sh {
background-position: -16px -132px;
}
.flag.flag-si {
background-position: -32px -132px;
}
.flag.flag-sk {
background-position: -48px -132px;
}
.flag.flag-sl {
background-position: -64px -132px;
}
.flag.flag-sm {
background-position: -80px -132px;
}
.flag.flag-sn {
background-position: -96px -132px;
}
.flag.flag-so {
background-position: -112px -132px;
}
.flag.flag-sr {
background-position: -128px -132px;
}
.flag.flag-st {
background-position: -144px -132px;
}
.flag.flag-sv {
background-position: -160px -132px;
}
.flag.flag-sy {
background-position: -176px -132px;
}
.flag.flag-sz {
background-position: -192px -132px;
}
.flag.flag-tc {
background-position: -208px -132px;
}
.flag.flag-td {
background-position: -224px -132px;
}
.flag.flag-tf {
background-position: -240px -132px;
}
.flag.flag-tg {
background-position: -0px -143px;
}
.flag.flag-th {
background-position: -16px -143px;
}
.flag.flag-tj {
background-position: -32px -143px;
}
.flag.flag-tk {
background-position: -48px -143px;
}
.flag.flag-tl {
background-position: -64px -143px;
}
.flag.flag-tm {
background-position: -80px -143px;
}
.flag.flag-tn {
background-position: -96px -143px;
}
.flag.flag-to {
background-position: -112px -143px;
}
.flag.flag-tr {
background-position: -128px -143px;
}
.flag.flag-tt {
background-position: -144px -143px;
}
.flag.flag-tv {
background-position: -160px -143px;
}
.flag.flag-tw {
background-position: -176px -143px;
}
.flag.flag-tz {
background-position: -192px -143px;
}
.flag.flag-ua {
background-position: -208px -143px;
}
.flag.flag-ug {
background-position: -224px -143px;
}
.flag.flag-um {
background-position: -240px -143px;
}
.flag.flag-us {
background-position: -0px -154px;
}
.flag.flag-uy {
background-position: -16px -154px;
}
.flag.flag-uz {
background-position: -32px -154px;
}
.flag.flag-va {
background-position: -48px -154px;
}
.flag.flag-vc {
background-position: -64px -154px;
}
.flag.flag-ve {
background-position: -80px -154px;
}
.flag.flag-vg {
background-position: -96px -154px;
}
.flag.flag-vi {
background-position: -112px -154px;
}
.flag.flag-vn {
background-position: -128px -154px;
}
.flag.flag-vu {
background-position: -144px -154px;
}
.flag.flag-wales {
background-position: -160px -154px;
}
.flag.flag-wf {
background-position: -176px -154px;
}
.flag.flag-ws {
background-position: -192px -154px;
}
.flag.flag-ye {
background-position: -208px -154px;
}
.flag.flag-yt {
background-position: -224px -154px;
}
.flag.flag-za {
background-position: -240px -154px;
}
.flag.flag-zm {
background-position: -0px -165px;
}
.flag.flag-zw {
background-position: -16px -165px;
}
/* Finish styles migrated from flags.css */
/* Start styles migrated from gender.css */
/* CSS Document */
.gender {
width: 12px;
height: 14px;
background:url(/images/gender.png) no-repeat;
}
.gender.gender-f {
background-position: -0px -0px;
}
.gender.gender-m {
background-position: -0px -14px;
}
.gender.gender-t {
background-position: -0px -28px;
}
.gender.gender-c {
background-position: -0px -126px;
}
.gender.couple-mf {
background-position: -0px -42px;
}
.gender.couple-mm {
background-position: -0px -56px;
}
.gender.couple-ff {
background-position: -0px -70px;
}
.gender.couple-tf {
background-position: -0px -84px;
}
.gender.couple-tm {
background-position: -0px -98px;
}
.gender.couple-tt {
background-position: -0px -112px;
}
.gender.party {
background-position: -0px -140px;
}
.stats {
width: 12px;
height: 14px;
background:url(/images/gender.png) no-repeat;
}
.stats.time {
background-position: -0px -154px;
}
.stats.quote {
background-position: -0px -168px;
}
/* Finish styles migrated from gender.css */
/* Start styles migrated from profileBox_new.css */
/* CSS Document */
/*NEW PROFILE BOX*/
.profileBox {
background-color:#fff;
border:1px solid #FFE1D7;
float:left;
font-family:Arial,Helvetica,sans-serif;
width:122px;
height:168px;
margin:2px 2px 2px 2px;
padding:7px;
position:relative;
overflow:hidden;
}
.profileBox:hover {
background-color:#FFE1D7;
border:1px solid #FFE1D7;
cursor:pointer;
}
.profileDetailBox {
color:#333333;
float:left;
height:65px;
margin:5px 0 5px 0;
padding:0;
text-align:left;
width:120px;
}
.profileBoxTitle {
clear:both;
color:#FC531D;
float:left;
font-size:12px;
font-stretch:narrower;
font-weight:bold;
line-height:16px;
margin:0;
overflow:hidden;
padding:0;
text-align:left;
/* text-transform:capitalize; */
width:100%;
margin-bottom:1px; }
.profileBoxTitle span.country {
display:block;
float:right;
width:16px;
height:11px;
}
.profileBoxTitle span.country img {
float:none;
margin:2px 0 0 0;
border:0;
width:16px;
height:11px;
}
.sexnorientation {
line-height:14px;
font-size:10px;
}
/* .sexnorientation .orientation {text-transform:capitalize} */
.sexnorientation img, .broadcastTime img, .statusMsg2 img {
margin:0 2px 0 0;
padding:0;
border:none;
float:none;
width:12px;
height:14px;
}
.broadcastTime {
margin:1px 0 0 0;
letter-spacing:0px;
font-size: 10px;
line-height: 14px;
display:block;
}
.broadcastTime .viewers {
display:block;
float:left;
font-size:9px;
color:#6e6e6e;
}
.statusMsg2 {height:26px; clear:both;}
.statusMsg2 a { color:#FC531D;
display:block;
padding-top:2px;
font: italic normal 10px/12px Georgia, "Times New Roman", Times, serif;
margin-left:12px;
height:24px;
overflow: hidden;}
.statusMsg2 img {float:left;}
.timeContainer {float:left; margin-right:12px;}
.whiteSpacerMessage {
background-color: white;
bottom: -5px;
clear: both;
height: 5px;
position: relative;
width: 136px;
left: -7px;
}
/* Finish styles migrated from profileBox_new.css */
/* Start styles migrated from css_mod.css */
.clear {clear:both;}
.left {float:left!important;}
#main-content {
background-position:center top;
background-repeat:repeat-x;
float:none;
margin-right:1px;
overflow:hidden;
width:auto;
z-index:10;
}
/* Finish styles migrated from css_mod.css */
/* Start styles migrated from quicklinks.css */
/* Finish styles migrated from quicklinks.css */
/* start styles migrated from completedProfile.jsp */
.requiredInformation {
border:1px solid;
float:left;
margin:20px;
padding-left:10px;
padding-top:10px;
width:500px;
}
.requiredInformationField {
width:500px;
height:35px;
position:relative;
margin: auto;
}
.requiredInformationDescription {
width:110px;
float:left;
clear:both;
text-align:left;
padding-right:5px;
}
.requiredInformationTitle { width:100%; text-align:center; padding-bottom:25px; font-size:12px; font-weight:bold; }
/* Finish styles migrated from completedProfile.jsp*/
/* Start from directoryTabs.jsp */
#abuse-form {
display: none;
}
#abuse-form fieldset textarea, #abuse-form fieldset label {
display: block;
clear: both;
}
#abuse-form fieldset label {
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
}
#abuse-form fieldset input[type=radio] {
margin: 5px;
}
#chatter {
display: none;
}
.ui-autocomplete {
width: 200px;
}
#BroadcasterAmount {display:none; margin-left: 40px; margin-top: 5px;}
#BroadcasterAmount dl {display:block; min-height: 20px; margin-bottom: 5px;}
#BroadcasterAmount dt {min-width:100px; float:left;}
#BroadcasterAmount input {float:left; width:120px;}
/* Finish from directoryTabs.jsp */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
/* background-color: #f9f9f9; */
/* color: #333; */
}
header {
/* background-color: #6200ea;
color: white;
text-align: center;
padding: 20px 0; */
text-align: center;
padding: 5px 0 35px 0px;
}
header h1 {
line-height: calc(60% + 10px);
margin: 0;
font-size: 2rem;
}
.container {
/* max-width: 1200px; */
max-width: 99%
margin: 20px auto;
padding: 20px 0;
background: #333;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.info-group {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap; /* Permet de répartir les éléments sur plusieurs lignes */
width: 100%; /* Ajuste la largeur pour contenir deux colonnes */
gap: 10px; /* Espace entre les colonnes */
justify-content: space-between; /* Répartit les colonnes de manière uniforme */
}
.info-group-tag {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap; /* Permet de répartir les éléments sur plusieurs lignes */
width: 100%; /* Ajuste la largeur pour contenir deux colonnes */
gap: 10px; /* Espace entre les colonnes */
}
.info-group h2, .info-group-tag h2, .live-stream h2 {
text-align: left;
margin: 0 0 10px;
color: #6200ea;
font-size: 1.5rem;
background-color: #999;
border-radius: 5px;
}
.info-row {
display: flex;
font-size: 13px;
justify-content: space-between; /* Aligne les éléments à gauche et à droite */
width: calc(50% - 10px); /* Largeur de 50% pour 2 colonnes, moins l'espace du gap */
padding: 10px;
box-sizing: border-box; /* Inclut le padding dans la largeur */
flex-wrap: wrap;
}
/* Alternance des backgrounds */
.info-row:nth-child(odd) {
background-color: #555; /* Couleur de fond pour les lignes impaires */
}
.info-row:nth-child(even) {
background-color: #555; /* Couleur de fond pour les lignes paires */
}
.info-row span {
font-weight: bold;
}
.info-row a {
color:#ff00e3;
}
.info-row a:hover {
color:#ff7df1;
}
.live-stream {
text-align: center;
margin-bottom: 30px;
}
.live-stream img {
max-width: 99%;
height: auto;
border-radius: 10px;
border: 5px solid #6200ea;
margin: 0 auto;
}
.text {
width:calc(100% - 5em) !important;
}
.responsive {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.tag {
display: inline-block;
background-color: #6200ea;
color: white !important;
font-weight:bold;
padding: 5px 10px;
margin: 5px 5px 0 0;
border-radius: 5px;
text-decoration: none;
font-size: 1.5rem;
}
.tag:hover {
background-color: #4500b2;
}
.btn {
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
background-color: #6200ea;
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 1rem;
text-align: center;
}
.btn:hover {
background-color: #4500b2;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
/* background-color: #f9f9f9; */
}
header {
/* background-color: #6200ea;
color: white;
text-align: center;
padding: 20px 0; */
text-align: center;
padding: 5px 0 35px 0px;
}
header h1 {
margin: 0;
font-size: 2rem;
line-height: calc(60% + 10px);
}
nav {
/* margin: 20px auto;
text-align: center; */
margin: -40px auto 35px;
text-align: center;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav ul li {
display: inline-block;
margin: 10px 15px;
}
nav ul li a {
background: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: bold;
border-radius: 10px;
padding: 7px 10px;
transition: background-color 0.3s, color 0.3s;
}
nav ul li a.switch {
background: none !important;
}
/* Style des liens pour les filles */
nav ul li a.filles {
color: #ff00e3;
border: 2px solid #ff00e3;
}
nav ul li a.filles:hover {
background-color: #ff00e3;
color: white;
}
/* Style des liens pour les couples */
nav ul li a.couples {
color: #6800ff;
border: 2px solid #6800ff;
}
nav ul li a.couples:hover {
background-color: #6800ff;
color: white;
}
.emoji-buttons span {
font-size: 1.5rem;
cursor: pointer;
margin: 0 10px;
transition: transform 0.2s;
}
.emoji-buttons span:hover {
transform: scale(1.2);
}
#search-wrapper {
position: fixed;
top: 10%;
right: -350px; /* Masqué */
width: 350px;
transition: right 1.5s ease-in-out; /* Animation fluide */
z-index: 1000;
}
#search-wrapper.open {
right: 0; /* Déplié */
}
#search-toggle {
position: absolute;
top: -1%;
left: -50px;
transform: translateY(-50%);
background-color: #6200ea;
color: white;
font-size: 1.5rem;
border-radius: 50%;
padding: 10px;
cursor: pointer;
text-align: center;
line-height: 1;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#search-container {
background-color: white;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 20px;
}
#search-container h2 {
margin: 0 0 10px;
font-size: 1.5rem;
color: #6200ea;
text-align: center;
background-color: #999;
border-radius: 5px;
}
.search-row {
margin-bottom: 15px;
}
.search-row label {
font-size: 1rem;
color: #333;
display: block;
margin-bottom: 5px;
}
.search-row input[type="text"] {
width: 100%;
padding: 10px;
font-size: 1rem;
border: 2px solid #6200ea;
border-radius: 5px;
}
.search-row button {
margin-top: 10px;
padding: 10px;
width: 100%;
font-size: 1rem;
background-color: #6200ea;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.search-row button:hover {
background-color: #4500b2;
}
/* Classe pour styliser le bouton de réaffichage */
.reveal-button {
font-size: 10px;
width: 57px;
background: #7e64bf;
border-radius: 4px;
color: white;
font-weight: bold;
border: none; /* Supprime la bordure par défaut */
cursor: pointer; /* Ajoute une indication visuelle au survol */
padding: 5px 0; /* Ajoute un peu de hauteur au bouton */
text-align: center; /* Centre le texte */
}
/* Style au survol du bouton */
.reveal-button:hover {
background: #6b54a6; /* Couleur légèrement plus foncée */
}
/* Style lors d'un clic */
.reveal-button:active {
background: #5a458f;
}
.filter-link {
color: #FFEB3B;
text-decoration: none;
font-weight: bold;
}
.filter-link:hover {
text-decoration: underline;
}
.reset-link {
color: #ff6666;
font-weight: bold;
margin-left: 15px;
text-decoration: none;
}
.reset-link:hover {
text-decoration: underline;
}
div.fr-hidden img,
div.hidden img,
a.fr-hidden img,
a.hidden img {
border: 2px solid white;
border-radius: 5px;
}
div.fr-hidden:after {
content:"🚫 CACHÉE 🚫";
text-decoration: underline;
}
div.hidden:after {
content:"🚫 HIDDEN 🚫";
text-decoration: underline;
}
div.fr-hidden:after,
div.hidden:after {
color: white;
background-color: rgba(255,255,255,0.5);
margin: -40% 10% 40% 10%;
border-radius: 15px;
height: 20px;
padding: 1% 0 0 0;
font-weight: bold;
}
div.fr-away img,
div.away img,
a.fr-away img,
a.away img {
border: 2px solid yellow;
border-radius: 5px;
}
div.fr-away:after {
content:"⏱ ABSENTE ⏱";
text-decoration: underline;
}
div.away:after {
content:"⏱ AWAY ⏱";
text-decoration: underline;
}
div.fr-away:after,
div.away:after {
color: yellow;
background-color: rgba(255,255,255,0.5);
margin: -40% 10% 40% 10%;
border-radius: 15px;
height: 20px;
padding: 1% 0 0 0;
font-weight: bold;
}
div.fr-private img,
div.fr-private img,
a.fr-private img,
a.private img {
border: 2px solid red;
border-radius: 5px;
}
div.fr-private:after {
content: "⛔ EN PRIVÉE ⛔";
text-decoration: underline;
}
div.private:after {
content: "⛔ IN PRIVATE ⛔";
text-decoration: underline;
}
div.fr-private:after,
div.private:after {
color: red;
background-color: rgba(255, 255, 255, 0.5);
margin: -40% 10% 40% 10%;
border-radius: 15px;
height: 20px;
padding: 1% 0 0 0;
font-weight: bold;
}
a.fr-private:before,
a.private:before {
content: " ⛔ ";
width: 200px;
color: red;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 15px;
font-weight: bold;
text-decoration: none;
}
div.fr-public img,
div.public img,
a.fr-public img,
a.public img {
border: 2px solid green;
border-radius: 5px;
}
.couples, a.couples {
color:#6800ff;
}
.girls, .filles, a.girls, a.filles {
color:#ff00e3;
}
body {
font-family: Arial, sans-serif;
/* background-color: #f8f8f8; */
color: #333;
margin: 0;
padding: 0;
line-height: 1.6;
}
.container {
max-width: 850px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
min-height: 1100px;
}
.container p {
font-size: 20px;
}
h1, h2 {
font-size: 24px;
color: #444;
text-align: center;
}
p {
margin-bottom: 15px;
}
.preferences {
font-style: italic;
color: #555;
margin-top: 20px;
text-align: center;
}
.show-details {
margin-top: 30px;
background-color: #f2f2f2;
padding: 15px;
border-radius: 8px;
text-align: center;
}
.show-details p {
margin: 5px 0;
}
.cta {
text-align: center;
margin-top: 30px;
font-weight: bold;
}
.pink {
color: magenta;
}
.green {
color: green;
}
.purple {
color: purple;
}
img {
display: block;
max-width: 810px;
margin: 20px auto;
border-radius: 50px;
}
.similar-models {
margin-top: 20px;
text-align: center;
}
.model-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
}
.model-card {
width: 200px;
text-align: center;
}
.model-card img {
width: 100%;
border-radius: 8px;
}