/* Pratap's CSS */
html,body { background-color: #CBCBCB; text-align:center; padding: 0; margin: 0; font-family: Helvetica,Arial,Verdana;}
#content { margin: 0 auto; width: 970px; text-align:left; }
@font-face{font-family: 'WebRupee';src: url('http://cdn.webrupee.com/WebRupee.V2.0.eot');src: local('WebRupee'), url('http://cdn.webrupee.com/WebRupee.V2.0.ttf') format('truetype'), url('http://cdn.webrupee.com/WebRupee.V2.0.woff') format('woff'), url('http://cdn.webrupee.com/WebRupee.V2.0.svg') format('svg');font-weight: normal;font-style: normal;}
.WebRupee{font-family: 'WebRupee';}
.url{ text-decoration:none; }
a{text-decoration: none; outline: none;}
a.url:hover{ text-decoration: underline; }
.clr { clear:both; }
.fleft { float:left; }
.fright{ float: right; }
.header{ width:960px;}
.header-grad{
background: url("../images/header_bg.gif") repeat-x; /* old browsers */
}
.capsition{ color:#894078; font-size: 14px; font-weight: bold; font-style:italic; padding-left:5px; }
.login-det{ color:#484848; font-size: 14px; font-weight: bold; margin:2px 3px; }
#logindetails{ margin-bottom: 0px;}
.tabs-highlight { color:#FFFFFF; font-size: 13px; font-weight: bold;}
.tabs{ color:#232323; font-size: 13px;}
.tabs-pos{ text-align:center; margin:0 26px 0 0; *margin:0 10px 0 0;}
.search{
background: -webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#FFFFFF));
background: -moz-linear-gradient(top, #DCDCDC, #FFFFFF);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#FFFFFF);
/* For Internet Explorer 8 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#FFFFFF);
height: 20px;
width:215px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
background-color: #DCDCDC;
border: 2px solid #DADADA;
margin-top: 10px;
padding: 2px 4px 2px 4px;
/*text-align:center;*/
text-align:left;
padding-left: 10px;
}
#vertical-text {
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
white-space:nowrap;
display:block;
position:fixed;
*position: absolute;
right: -25px;
*right: 0px;
top:150px;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
font-weight: bold;
font-size: 14px;
z-index: 100000;
}
a#vertical-text:hover{
text-decoration: underline;
}
.footer{
width:950px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background-color: #000000;
padding:20px 10px;
}
.ft-lt-div{
width: 32%;
float: left;
border-right: 2px solid #373737;
height: 200px;
}
.ft-mid-div{
width: 32%;
float: left;
margin-left: 1.8%;
*margin-left: 1.2%;
border-right: 2px solid #373737;
height: 200px;
}
.ft-rt-div{
width: 32%;
float: right;
height: 200px;
}
.ft-font{
color:#C08EA7;
font-size: 16px;
font-weight: bold;
}
.ft-items{
color:#ffffff;
font-size: 13px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.spreadtheword{ margin-left: 10px; }
.email{
background: -webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#FFFFFF));
background: -moz-linear-gradient(top, #DCDCDC, #FFFFFF);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#FFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#FFFFFF)";
height: 20px;
width:205px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
background-color: #DCDCDC;
border: 2px solid #DADADA;
margin-top: 10px;
padding: 1px 5px 1px 5px;
}
.starsingers{
-moz-border-radius-topleft:12px;
-webkit-border-top-left-radius:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-right-radius:12px;
border-top-left-radius:12px;
border-top-right-radius:12px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#B06896), to(#F6EDF2));
background: -moz-linear-gradient(top, #B06896, #F6EDF2);
background-color: #B06896;
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B06896, endColorstr=#F6EDF2);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B06896, endColorstr=#F6EDF2)";
/*border: 2px solid #B06896;*/
border-bottom: none;
padding:5px 0 5px 16px;
*width: 98.5%;
}
.label-font{
color:#58294D;
font-size: 18px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
text-shadow: 0px 1px 1px #ffffff;
}
.starrecords{
padding: 5px;
margin-left:7px;
}
.starrecords-grey{
padding: 5px;
margin-left:7px;
background-color: #EEEEEE;
}
.star-img{
margin-top: 5px;
float: left;
}
.star-img1{
margin-top: 5px;
width: 23%;
float: left;
}
.event-img{
margin-top: 5px;
width: 23.5%;
float: left;
}
.star-rec-info{
width: 72%;
float: left;
margin-top:5px;
}
.song-font{
color:#683C5D;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.song-font-14{
color:#683C5D;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
text-shadow: 0px 1px 1px #ffffff;
}
.song-font-13{
color:#683C5D;
font-size: 13px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
text-shadow: 0px 1px 1px #ffffff;
}
.song-font-12{
color:#683C5D;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.inner-font{
color:#CC91AF;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.time-font{
color:#808080;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.highscore-font{
color:#683C5D;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.top-rec-font{
color:#5B304B;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.top-font-12{
color:#5B304B;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.artist-info{
color: #000000;
background-color: #ffffff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 2px solid #E4E4E4;
padding: 10px;
}
.artist-lt-div{
width: 25%;
float: left;
}
.artist-rt-div{
width: 74%;
float: right;
}
.artist-lt-inner{
width: 50%;
float: left;
}
.artist-rt-inner{
width: 50%;
float: right;
}
.artist-font{
color:#5B304B;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.artist-links{
color:#5B304B;
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.account-info{
clear:both;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.account-inner{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 90%;
}
.account-lbl{
clear: both;
width: 28%;
text-align:right;
display:block;
float: left;
height: 22px;
color:#602E54;
font-size: 13px;
font-weight: bold;
margin: 9px 8px 0 0;
text-decoration:none;
}
input[type=text],input[type=password],textarea{width: 65%;}
.account-input{
width: 65%;
float: left;
height: 22px;
color: #4F4F4F;
border: 1px solid #4F4F4F;
margin: 5px 0 5px 0;
padding: 0 4px 0 4px;
font-size: 13px;
font-weight: bold;
}
.account-dob{
/* width: 29%; */
float: left;
height: 22px;
color: #4F4F4F;
border: 1px solid #4F4F4F;
margin: 5px 10px 5px 0;
font-size: 13px;
font-weight: bold;
text-decoration:none;
}
.account-txt{
clear: both;
display:block;
height: 22px;
color:#602E54;
font-size: 13px;
font-weight: bold;
margin: 9px 8px 20px 0;
padding-top:10px;
text-decoration:none;
}
/* .account-textarea{
clear: both;
width: 70%;
float: right;
height: 100px;
overflow: auto;
color: #4F4F4F;
border: 1px solid #4F4F4F;
padding: 4px 4px 4px 4px;
font-size: 13px;
font-weight: bold;
margin-right: 6%;
margin-bottom: 15px;
}*/
.account-textarea{
width: 67%;
height: 100px;
overflow: auto;
color: #4F4F4F;
border: 1px solid #4F4F4F;
padding: 4px 4px 4px 4px;
font-size: 13px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 5px;
}
.account-check{
clear: both;
width:67%;
*width:69.5%;
float: right;
overflow: auto;
color:#602E54;
/*padding: 4px 4px 4px 4px;*/
font-size: 13px;
font-weight: bold;
margin-right: 11%;
*margin-right: 5%;
margin-bottom: 15px;
}
.menu-lbl{
color:#000000;
font-size: 13px;
font-weight: bold;
display: block;
padding-top: 5px;
text-decoration:none;
}
.menu-imgs{
float: left;
/*margin: 4px 4px 0 0;*/
}
.playlist-lbl{
color:#000000;
font-size: 15px;
font-weight: bold;
display:block;
margin-top: 2px;
text-decoration:none;
}
.playlist-imgs{
float: right;
margin: 2px;
}
.create-imgs{
float: left;
margin-right: 4px;
}
.create-lbl{
float: left;
color:#7B5E72;
font-size: 15px;
font-weight: bold;
display:block;
text-decoration:none;
}
.about{
color:#3B3B3B;
font-size: 18px;
font-weight: bold;
display:block;
margin:0 6px 0 6px;
text-decoration:none;
}
.about-info{
color:#3B3B3B;
font-size: 13px;
font-weight: normal;
display:block;
margin:0 6px 0 6px;
text-decoration:none;
}
.event-info{
color:#582C4D;
font-size: 13px;
font-weight: bold;
display:block;
text-align:justify;
text-decoration:none;
margin-left: auto;
margin-right: auto;
width: 95%;
}
.events{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 99%;
}
.events-date{
color:#582C4D;
font-size: 15px;
font-weight: bold;
display:block;
text-align:justify;
text-decoration:none;
}
.event-lbl{
display:block;
float: left;
height: 22px;
color:#000000;
font-size: 13px;
font-weight: bold;
margin: 9px 8px 0 0;
text-decoration:none;
}
.event-sort{
float: left;
height: 22px;
color: #4F4F4F;
border: 1px solid #4F4F4F;
margin: 5px 10px 5px 0;
font-size: 13px;
font-weight: bold;
text-decoration:none;
}
.frd-req{
background:url("images/informational_arrow.gif") no-repeat scroll left 10px transparent;
margin:10px 0 0;
padding:0;
}
.frd-req div{
-moz-border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px 7px 7px 7px;
border-radius:7px 7px 7px 7px;
margin:0 10px 0 8px;
padding:10px 15px;
border-top: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
border-bottom: 1px solid #B5B5B5;
border-left: 1px solid #B5B5B5;
background-color: #FFFFFF;
height:50px;
}
.frd-img{
margin-top: 15px;
width: 20%;
float: left;
text-align: right;
}
.frd-rec-req{
width: 80%;
float: left;
}
.frd-req-date{
color:#602E54;
font-size: 14px;
font-weight: bold;
display:block;
text-align:justify;
text-decoration:none;
}
.frd-req-info{
color:#602E54;
font-size: 13px;
font-weight: bold;
display:block;
text-align:justify;
text-decoration:none;
}
.a-req-info{
color:#602E54;
text-decoration:none;
}
.questions{
color:#613654;
font-size: 20px;
font-weight: bold;
display:block;
text-align:justify;
text-decoration:none;
}
.ques-lbl{
color:#613654;
font-size: 15px;
font-weight: bold;
display:block;
margin: 7px 0 7px 0;
text-align:justify;
text-decoration:none;
}
.ques-list{
color:#6E6E6E;
font-size: 13px;
font-weight: bold;
margin: 3px 0 3px 0;
display:block;
text-align:justify;
text-decoration:none;
}
.ques-textarea{
width:98%;
height: 62px;
overflow: auto;
color: #4F4F4F;
border: 1px solid #4F4F4F;
padding: 4px 4px 4px 4px;
font-size: 13px;
font-weight: bold;
margin-bottom: 7px;
}
.req-song-search{
background: -webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#FFFFFF));
background: -moz-linear-gradient(top, #DCDCDC, #FFFFFF);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#FFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#FFFFFF)";
height: 20px;
width:180px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
background-color: #DCDCDC;
border: 2px solid #DADADA;
margin-top: 10px;
padding: 0 2px 0 2px;
}
.guest-img{
margin-top: 5px;
width: 12%;
float: left;
}
.guest-img-inner{
margin-top: 5px;
width: 10%;
float: left;
}
.guest-info{
float:left;
width:86%;
padding-bottom: 10px;
}
.guest-inner-info{
float:left;
margin-top:8px;
width:89%;
}
.reply-img{
float:left;
text-align:right;
width:12%;
}
.reply-box{
width: 77%;
float: right;
margin-right:10%;
*margin-right:4.7%;
}
.compose-input{
width: 83%;
float: left;
height: 22px;
color: #4F4F4F;
border: 1px solid #4F4F4F;
margin: 5px 0 5px 0;
padding: 0 4px 0 4px;
font-size: 13px;
font-weight: bold;
}
.compose-lbl {
clear:both;
color:#602E54;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:22px;
margin:9px 8px 0 0;
text-align:right;
text-decoration:none;
width:12%;
}
.compose-textarea{
width: 83%;
float: left;
height: 60px;
color: #4F4F4F;
border: 1px solid #4F4F4F;
margin: 5px 0 5px 0;
padding: 0 4px 0 4px;
font-size: 13px;
font-weight: bold;
}
.member-font{
color:#6F4C64;
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
text-decoration:none;
}
.button, .button-y{
background: #A35390;
color: #FFFFFF;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #828282;
cursor:pointer;
font-size: 11px;
font-weight: bold;
padding:4px 9px 4px 9px;
}
.accuracy{
height: 12px;
*height: 6px;
width:130px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border: 2px solid #DADADA;
}
.filling{
height: 12px;
*height: 6px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#92546E), to(#A93D76));
background: -moz-linear-gradient(top, #92546E, #A93D76);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#92546E, endColorstr=#A93D76);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#92546E, endColorstr=#A93D76)";
}
.button-y {
background-color: #b69b23;
padding:4px 9px 4px 9px;
color: #E0E0E0;
}
.filter-lbl{
display: block;
font-size: 12x;
font-weight: normal;
color:#464646;
margin-left: 5px;
*margin-top: 2px;
}
.filter-width{
width:33%;
float:left;
margin-bottom: 7px;
}
.filter-font{
color:#464646;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
text-decoration:none;
text-shadow:0px 1px 1px #ffffff;
display:block;
}
.filter-checkbox{
float: left;
margin-top:2px;
*margin-top:0;
}
.popular-img {
cursor:pointer;
float:left;
width: 22%;
}
.popular-rec-info {
float:left;
width:77%;
}
.no-records{
color:red;
font-size:14px;
font-weight:bold;
padding:5px;
text-decoration:none;
text-shadow:0px 1px 1px #ffffff;
display:block;
}
.shout-img{
margin-top: 5px;
width: 14%;
float: left;
}
.shout-info{
float:right;
margin-top:2px;
width:85.5%;
}
.flash_bgsong { background-color:#000000; background-image: url(../images/bgsong.jpg); background-repeat: no-repeat; height: 372px; }
// file upload
.emsg {
text-align:left;
margin-left:30px;
margin-right:30px;
color:#666;
background-repeat: no-repeat;
padding:5px;
padding-left:30px;
}
#loader{
visibility:hidden;
}
#f1_upload_form{
height:10px;
}
#f1_error{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#FF0000;
}
#f1_ok{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#00FF00;
}
#f1_upload_form {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
}
#f1_upload_process{
z-index:100;
width:20px;
height:20px;
display: none;
}
/* ajax pagination css */
ul{ border: 0; margin: 0; padding: 0; }
#pagination-flickr li{ border: 0; margin: 0; padding: 0; font-size: 11px;
list-style: none; }
#pagination-flickr a{ margin-right: 2px; }
#pagination-flickr .previous-off, #pagination-flickr .next-off { color: #666666;
display: block;
float: left;
font-weight: bold;
padding: 3px; margin-top:3px;}
#pagination-flickr .next a, #pagination-flickr .previous a { font-weight: bold; }
#pagination-flickr .active{ color: #ff0084; font-weight: bold; display: block;
float: left; padding: 5px 3px; margin-top: 1px;}
#pagination-flickr a:link, #pagination-flickr a:visited { color: #0063e3; display: block;
float: left; padding: 3px 3px;
text-decoration: none; margin-top: 2px; }
/* ajax pagination css */
/* Vishu's CSS */
/* Pop Related */
#popupFBRegister {
border:2px solid #CECECE;
display:none;
font-size:13px;
height:384px;
padding:12px;
position:fixed;
width:508px;
z-index:1000;
}
#backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }
#popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
height:314px; width:508px; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; }
#popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; }
#popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }
.popup-login {background-color: #e0e0e0; background-image: url(../images/background_purple_vertical.gif); background-repeat:repeat-x; width:500px; z-index:5 }
.popup-login-new {background-color: #e0e0e0; background-image: url(../images/background_purple_vertical.gif); background-repeat:repeat-x;}
.popup-sharing {background-color: #e0e0e0; background-image: url(../images/background_purple_vertical.gif); background-repeat:repeat-x; width:450px;}
#popupRegister{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
height:384px; width:508px; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; z-index: 1000;}
#popupRegisterClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }
#popupRegister-home{ position:fixed; _position:absolute; height:384px; width:508px; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px;}
#popupTellAFriend{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; }
#popupShareSong{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
border:2px solid #cecece; z-index:2; padding:12px; font-size:13px;}
#popupDemo{ display:none; position:fixed; _position:absolute; width: 650px;/* hack for internet explorer 6*/
border:2px solid #cecece; z-index:2; padding:12px; font-size:13px;}
/* .popup-demo {background-color: #e0e0e0; background-image: url(../images/background_purple_vertical.gif); background-repeat:repeat-x; width:500px;} */
#popupFeedback{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; }
#popupAcceptUsername{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/
border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; z-index: 1000;}
.popup-text-textbox01 { clear:both; float:right; padding: 10px 0 10px 0; }
#displayError { display: none; }
#displayErrorText { color: #CA3948 }
#displayErrorRegister { display: none; }
#displayErrorRegisterText { color: #CA3948}
#displayErrorFriend { display: none; }
#displayErrorTextFriend { color: #CA3948}
#displayFgtErrorText { color: #CA3948; }
#ajaxBusy { display: none; text-align: center; }
.div-float-left { float:left; }
.div-float-right { float: right; }
.div-clear {clear:both;}
.title-style01 {font-weight:bold; font-size:14px; color:#848484;}
.title-style02 {font-weight:bold; font-size:14px; color:#9A9A9A;}
.title-style03 {font-weight:bold; font-size:19px; color:#4C4C4C;}
.title-style04 {font-weight:bold; font-size:14px; color:#3ECAFF;}
.title-style05 {font-weight:bold; font-size:14px; color:#4C4C4C;}
.title-style06 {font-weight:bold; font-size:16px; color:#E5E1DE;}
.title-style07 {font-weight:bold; font-size:12px; color:#A9769A;}
.title-style08 {font-weight:bold; font-size:12px; color:#4C4C4C;}
.title-style09 {font-weight:bold; font-size:17px; color:#000000; text-decoration: none;}
.title-style10 {font-weight:normal; font-size:14px; color:#A9769A;}
.title-style11 {font-weight:bold; font-size:16px; color:#494949;}
.title-style12 {font-weight:bold; font-size:14px; color:#4772A9; text-decoration: none;}
.text-style01 {color:#B699AD; font-size:12px; text-decoration: none;}
.text-style02 {color:#E5E1DE; font-size:12px;}
.text-style03 {color:#9f9f9f; font-size:11px;}
.text-style04 {color:#4C4C4C; font-size:14px;}
.text-style05 {color:#4C4C4C; font-size:16px; }
.text-style06 {color:#602E54;}
.inp-style01 { border: 1px solid #e0e0e0; width:250px!important;}
.inp-style02 { border: 1px solid #e0e0e0; width:300px;!important;}
.inp-style03 { border: 1px solid #CBCCCF; width:250px;!important;}
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.text-align-left { text-align:left; }
.text-align-right { text-align:right; }
.text-align-center { text-align:center; }
.links-type01 { text-decoration:underline; color:#E5E1DE;}
.login-li { display: inline; padding-top: 3px; padding-left: 2px; padding-right: 2px;}
.ev-image { -moz-border-radius: 5px; border-radius:5px; -webkit-border-radius: 5px; position:relative; float:left; /* optional */ }
.ev-image .ev-text {
position:absolute;
top:55px; /* in conjunction with left property, decides the text position */
left:0px;
width:235px; /* optional, though better have one */
*width:244px; /* optional, though better have one, IE */
height: 15px;
background: #E0E0E0;
opacity:0.8;
padding: 5px;
font-weight: bold;
}
#gb-textarea{ width: 472px; height: 100px; border: 1px solid #000; margin-top: 10px;}
#gbpost { margin-right: 10px; }
#gb-error { color: red; display: none; }
.gb-textarea-reply { width: 325px; height: 50px; border: 1px solid #000; }
#gbreply { margin-top: 5px; }
.vip-desc { padding: 10px; margin: 10px; }
.vip-title { font-size: 18px; color: #602e54 }
.vip-lists { padding-left: 20px; }
.vip-rad { padding: 5px; }
.input-vip-radio { padding-left: 20px; }
#vippay { padding-left: 50px; padding-right: 50px; }
.pagination-div {color:#808080; text-align:center; font-size: 14px; padding: 10px 0px 10px 0px;}
.page-nums { color:#808080; font-weight:bold; font-size: 14px; text-decoration:none;}
/* Tushar's CSS */
.my-rec-info {
margin-left: 10px;
float: left;
padding: 5px 0 0 2px;
width:80%;
}
.my-rec-info-personal {
margin-left: 10px;
float: left;
padding: 5px 0 0 2px;
width:70%;
}
.my-rec-font {
color:#5B304B;
font-size:13px;
font-weight:bold;
margin-bottom:3px;
text-decoration:none;
}
.img-border{
border: 1px solid #BC7FA6; padding:1px;
}
.pro-frn-list{
margin-top: 5px;
width: 30%;
float: left;
}
.frn-list {
float:left;
margin-top:8px;
width:60%;
}
.del-frnd{
margin-top:20px;
}
.user-image{
float:left;
margin-top:5px;
width:22%;
}
.frd-req-info{
color:#602E54;
font-size: 13px;
font-weight: bold;
display:block;
text-align:justify;
text-decoration:none;
}
/*playlist css*/
.songlist{padding: 2px;}
.songlist-grey{padding: 2px; background: #eeeeee;}
.playlist-songs{font-size:13px; font-weight: bold;margin-top: 4px;color: #894078}
/*Messages css*/
.msg-box {
width: 68%;
*width:67%;
color:#000;
padding:3px;
margin-top:10px;
text-decoration:none;
}
.hr1{
color: #BB7EA5;
background-color: #BB7EA5;
border:none;
}
/* Alert CSS start*/
#popup_container {
font-family: Arial, sans-serif;
font-size: 13px;
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
background: #FFF;
border: solid 1px #88597B;
color: #000;
padding: 10px;
}
#popup_title {
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: 1.75em;
color: #000;
border-top: solid 5px #BFBFBF;
border-left: solid 5px #BFBFBF;
border-right: solid 5px #BFBFBF;
cursor: default;
padding: 0em 0em 0em 1em;
margin: 0em;
}
#popup_content {
/*background: 16px 16px no-repeat url(../images/info.gif);
padding: 1em 1.75em;
margin: 0em;*/
border-top: solid 1px #BFBFBF;
border-bottom: solid 5px #BFBFBF;
border-left: solid 5px #BFBFBF;
border-right: solid 5px #BFBFBF;
padding : 5px;
}
#popup_content.alert {
/*background-image: url(../images/info.gif);*/
}
#popup_content.confirm {
/*background-image: url(../images/important.gif);*/
}
#popup_content.prompt {
/*background-image: url(../images/help.gif);*/
}
#popup_message {
/*padding-left: 48px;*/
padding: 5px 10px;
text-align:left;
}
#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}
#popup_prompt {
margin: .5em 0em;
}
/*Alert CSS ends*/