@charset "UTF-8";
/***
Copyright @2011 123greetings.com. All rights reserved.
Created: 09 August 2010
Version:2.00
Modified:
Comments: Card Page
***/
@import url("styleopt_R1.css");
@import url("modal_window_R1.css");
/*** scroller block *****************************
ul.scroller{ 
border:1px solid #ccc;
padding:5px 10px;
width:258px;
margin:0 auto;
height:85px
}
* html ul.scroller{
padding:5px 0 5px 37px;
width:240px;
}
*:first-child+html ul.scroller{
padding:0 5px 0 15px;
}
ul.scroller li{
background:url(/images/123g_master_icon_set_2.png) no-repeat -18px -478px;
float:left;
height:60px;
padding:11px 10px 10px 9px;
width:60px;
position:relative;
/*vertical-align:middle*;/
}
* html ul.scroller li{
height:66px;
}
ul.scroller li.card-no{
background-image:none;
height:auto;
padding:5px 15px;
text-align:center
}
* html ul.scroller li.card-no{
padding:5px 11px;
}
ul.scroller li.card-no div{
background:#e1e1e1;
padding:5px 0 0 0;
line-height:20px
}
ul.scroller li.card-no div span.xxl{
font-weight:bold;
}
.scroll-l{ 
background:url(/images/master_icon_set.png) no-repeat -68px -51px;
top:34px;
left:0
}
.scroll-r{
background:url(/images/master_icon_set.png) no-repeat -90px -51px;
top:34px;
right:0
}
.scroll-r,.scroll-l{
width:20px;
height:25px;
display:inline-block;
position:absolute
}
******************deleted 19, sept 2011  **************/
.fl-bnr-cp{
margin:0 0 1.250em 0;
}
.fl-bnr-cp p{
position:absolute;
/*top:7.5em;*/
right:0;
margin:0;
color:rgb(153,153,153)
}

/***new scroller***/
ul.slider-cp{
padding:5px 0;
/*width:275px;*/
margin:0 auto;
height:85px;
overflow:hidden;
display:inline-block;
}
ul.slider-cp,
ul.slider-cp li,
.tab-menu ul.user-axn li.sec-tab,
ul.user-comments li,
ul.user-comments li.no-comments,
ul.user-comments li div.name,
.pages,
ul.cp-tab-menu li.on-tab,
.photo-card,
ul.social-tab li.sec{
position:relative;
}
ul.slider-cp li{
background:url(/images/123g_master_icon_set_2.png) no-repeat -18px -478px;
height:60px;
padding:11px 10px 10px 9px;
width:60px;
/*vertical-align:middle;*/
margin:0 5px
}
* html ul.slider-cp li{
margin:0 4px
}
ul.slider-cp li,
.tab-menu li,
ul.imp-friends li,
ul.rating-left li,
*:first-child+html ul.rating li a,
.quick-s .qs-grid,
ul.cp-tab-menu li,
ul.fb-tab-menu li,
ul.social-tab li,
ul.album li,
ul.view-photo li,
.photo-card .photo .view-left, 
.photo-card .photo .view-right,
ul.soc-net li{
float:left;
}
.prev-arrow, .next-arrow{
height:24px;
width:16px; 
position:absolute;
top:53px;
z-index:2;
margin:18px 0;
background: url(/images/master_icon_set.png) no-repeat;
}
.prev-arrow{
left:5px;
background-position:-50px -402px
}
.next-arrow{
right:5px;
background-position:0 -402px
}
a.prev-arrow:hover{
background-position:-33px -402px
}
a.next-arrow:hover{
background-position:-17px -402px
}
/***card block***/
.card-block{
text-align:center;
padding:2% 0;
min-height:350px;
height:100%;
position:relative;
}
.send{
padding:5px;
overflow:auto;
border-bottom:solid 1px #CCCCCC;
/*height:20px;*/
}
.send.narration{
text-align:center;
border-bottom:1px solid #ccc;
height:auto;
}
.send.narration h2{
font-size:11px;
color:#666
}
.send.narration.music{
background:#eee;
text-align:center;
}
.send-button{
position:absolute;
top:7px;
right:5px
}
button.send-now{
position:static
}
*:first-child+html .send button{
left:480px
}
* html .send button{
left:470px
}
/*
.tweet-this{
background:url(/images/master_icon_set.png) no-repeat -113px -181px;
width:67px;
vertical-align:middle;
height:23px; 
margin:0 5px;
overflow:hidden;
position: absolute;
top:6px;
left:2px
}
*/
/*.fb-share-pic{
position: absolute;
top:6px;
left:78px
}
*/.tweet-this,
.tab-menu li a, 
.tab-menu li span,
ul.imp-friends li label,
.tmb-up, .tmb-dn,
span.mid,
span.rc-lt, 
span.rc-rt,
.tmb-sm-up, 
.tmb-sm-dn,
.melody, 
.help,
.close,
ul.cp-tab-menu li,
ul.cp-tab-menu li.com span,
.fb-pic, 
.chat,
ul.fb-tab-menu li span, 
ul.fb-tab-menu li a,
.fbsend, 
.fb-send-btn, 
.fb-right,
ul.social-tab li a, 
.social-tab li span,
.or,
.facebook-logo, 
.flickr-logo, 
.picasa-logo, 
.photobucket-logo,
ul.album li .cover-photo,
ul.album li span, 
.photo-hold span,
ul.view-photo li,
ul.view-photo li .photo-hold,
.photo-card .photo .view-left span,
.photo-card .photo .view-left, 
.photo-card .photo .view-right,
ul.soc-net li span,
ul.soc-net li a,
.f-share,
.tweet,
.linkedin,
.gplus{
display:inline-block;
}
/***tab menu***/
.tab-menu{
padding:10px 10px 0 10px;
}
.tab-menu ul.user-axn{
padding:0 10px;
height:29px;
}
.tab-menu li, .send ul.user-axn li{
margin:0 3px 0 0
}
.send ul.user-axn{/*padding:0 10px;*/ height:35px; text-align:right;}
.send ul.user-axn li{float:left; padding:4px 0; /*11px; background:#EEEEEE;
border:1px solid #ccc;*/
border-bottom:0;
font-weight:bold;
height:26px;
}
.send ul.user-axn li.no_tab{border:none; background:none; margin-right:0; float:none; display:inline-block; padding:4px 0;}
.send ul.user-axn li.sec-tab{background:#FFFFFF; padding:8px 11px 0}
.send ul.user-axn li a{display:inline-block;}
.tab-menu ul.user-axn li.sec-tab, .send ul.user-axn li.sec-tab{
top:1px;
z-index:1;
border-bottom:1px solid #fff;
}
.bd_new, .bd_new li div.error_msg{
border: 1px solid #CCCCCC;
margin: 0 0 0;
padding: 0 !important;
float:none !important;
width:auto !important;
}
.bd_new li{padding:1px 6px;}
.bd_new li div.error_msg{border:none; margin:0;}
.bd_new li span.rec{display:inline-block; margin:0 18px; vertical-align:top; width:260px;}
.bd_new li.cen{padding:8px 6px; text-align:center;}
.bd_new li input.input_text{color:#666666; height: 22px; line-height: 24px; margin: 5px 10px; vertical-align: middle; width: 276px;}
.bd_new li input.input_text:focus{color:#333333;}
.bd_new li input.chk-box{margin:0 5px 0 10px}
.bd_new li textarea.input_msg{margin:5px 10px; width:276px; overflow-y:hidden; height:45px; color:#666666;}
.bd_new li textarea.input_msg:focus{color:#333333;}
.date-cal{margin:0 10px;}
.date-cal input.cal_text{width:130px; margin:0 5px; width:189px; color:#666666;}
.date-cal input.cal_text:focus{color:#333333;}
.date-cal a.calender-pic:hover{text-decoration:none;}
.notfocussed{color:#333333 !important;}
* html .tab-menu ul.user-axn li.sec-tab, .send ul.user-axn li.sec-tab{
position: static;
}
.tab-menu li a, 
.tab-menu li span{
padding:6px 10px 6px 30px;
border:1px solid #ccc;
border-bottom:0;
font-weight:bold
}
* html .tab-menu li, .send ul.user-axn li{
margin:0 3px 0 1px;
}
*:first-child+html .tab-menu li{
margin:0 3px 0 1px
}
.maghaphone{
background:#eee url(/images/master_icon_set.png) no-repeat -276px -388px
}
.star{
background:#eee url(/images/master_icon_set.png) no-repeat -276px -306px
}
.tags{
background:#eee url(/images/master_icon_set.png) no-repeat -274px -267px
}
.thumb{
background:#eee url(/images/master_icon_set.png) no-repeat -276px -350px
}
.tab-menu li span {
background-color:#fff
}
/*.tab-menu li.selected{
position:relative;
top:1px;
z-index:1
}*/
/***share friends***/
.imp-friends{
/**xxx**/
}
ul.imp-friends li{
margin:0 0 10px 0;
width:600px;
}
*:first-child+html ul.imp-friends li{
margin:0 0 10px 0
}
ul.imp-friends li label{
width:120px;
text-align:right;
margin:0 10px 0 0
}
ul.imp-friends li input, ul.imp-friends li select, ul.imp-friends li textarea{
width:200px
}
ul.imp-friends li select{
width:205px
}
ul.imp-friends li textarea{
height:80px;
overflow:auto;
}
*:first-child+html ul.imp-friends li textarea{
margin-left:2px;
width:204px
}
ul.imp-friends li p{
margin:5px 0 0 0;
text-align:left
}
ul.imp-friends li p span{
border:0;
width:16px;
height:16px;
padding:0
}
.bd h2.first{
text-align:center;
margin:20px 0
}
.import-email{
height:36px;
left:350px;
top:210px;
position:absolute;
width:112px;
overflow:hidden
}
.import-email a {
border:none !important;
display: inline-block !important;
height: 32px;
margin-right:4px;
padding: 0 !important;
width: 31px
}
.change{
text-align:right
}
p.change a{
font-weight:normal
}
.yahoo{
background:url(/images/master_icon_set.png) no-repeat -2px -212px
}
.gmail{
background:url(/images/master_icon_set.png) no-repeat -51px -212px
}
.win-live{
background:url(/images/master_icon_set.png) no-repeat -102px -212px
}
.aol{
background:url(/images/master_icon_set.png) no-repeat -150px -212px
}
.lycos{
background:url(/images/master_icon_set.png) no-repeat -250px -212px
}
.cvs{
background:url(/images/master_icon_set.png) no-repeat -200px -212px
}
p.rate, h2.you{
text-align:center;
margin-bottom:10px
}
h2.you{
padding:0 35px 0 0
}
/***rating***/
.rating-pst{
position:absolute;
top:32px;
left:360px !important
}
ul.rating-left li{
border:0;
padding:0;
}
ul.rating{
padding:0;
margin:0;
/*position:absolute;
top:35px;
left:55px;*/
}
ul.rating li a{
padding:0;
margin:0;
border:none;
width:17px;
height:24px;
cursor:pointer;
/*vertical-align:middle*/
}
.normal, 
.red-half,
.red-full,
.orange-half,
.orange-full,
.umber-half,
.umber-full,
.ocher-half,
.ocher-full,
.yellow-half,
.yellow-full{
width:17px;
height:24px;
display:inline-block
}
*:first-child+html ul.rating li a{
margin:0;
}
/* rating stars */
.normal,
.red-full,
.red-half,
.orange-full,
.orange-half,
.umber-full,
.umber-half,
.ocher-full,
.ocher-half,
.yellow-full,
.yellow-half {
background:url(/images/master_icon_set.png) no-repeat
}
/*end rating star*/
.remarks{
padding:0 0 0 10px;
/*vertical-align:middle*/
}
/* Rating end */
p.add-tag{
text-align:center;
margin:20px 0
}
.add-tag input{
width:300px;
height:20px;
/*vertical-align:middle*/
}
*:first-child+html .add-tag input{
margin-right:5px
}
*:first-child+html .add-tag button{
margin-left:0
}
/***thumb***/
.relevant{
position:absolute;
top:30px;
left:330px
}
.tmb-up, 
.tmb-dn{
width:20px;
height:22px;
margin:0 2px;
/*vertical-align:middle*/
}
.tmb-up{
background:url(/images/master_icon_set.png) no-repeat -168px -269px	
}
.tmb-dn{
background:url(/images/master_icon_set.png) no-repeat -195px -268px	
}
a.tmb-up:hover{
background:url(/images/master_icon_set.png) no-repeat -112px -269px	
}
a.tmb-dn:hover{
background:url(/images/master_icon_set.png) no-repeat -139px -268px	
}
/***comments block***/
h2.comments{
margin:20px 10px;
border-bottom: 1px solid #ccc;
padding-bottom:5px
}
h2.comments span{
background:url(/images/master_icon_set.png) no-repeat -223px -268px;
width:40px;
height:30px;
display:inline-block;
/*vertical-align:middle;*/
margin:0 20px 0 0
}
ul.user-comments{
margin:0 10px 10px 10px
}
ul.user-comments li{
margin-bottom:20px
}
ul.user-comments li.no-comments{
margin:30px 0 70px 0
}
ul.user-comments li.write{
margin-bottom:10px
}
ul.user-comments li div.text{
border:1px solid #ccc;
background:#eee;
position:relative;
}
ul.user-comments li div.text p{
padding:4px
}
ul.user-comments li div.name{
top:1px;
z-index:1
}
span.mid{
height:26px;
background:url(/images/master_img_menu.png) repeat-x 0 -270px;
/*vertical-align:middle;*/
line-height:26px;
font-weight:bold;
padding:0 5px
}
span.rc-lt, span.rc-rt{
width:5px;
height:26px;
/*vertical-align:middle*/
}
span.rc-lt{
background:url(/images/master_img_menu.png) no-repeat -77px -192px
}
span.rc-rt{
background:url(/images/master_img_menu.png) no-repeat -101px -192px
}
span.date{
padding:0 0 0 10px;
/*vertical-align:middle*/
}
.comm-rel{
position:absolute;
top:0;
right:0
}
* html .comm-rel{
right:10px
}
/***post comment***/
.post-com{
margin:10px
}
.post-com .name {
position: relative;
top:1px;
z-index:1
}
.post-com .text {
background:#eee;
border: 1px solid #ccc;
position: relative;
height:335px
}
/***pages***/
.pages{
margin:10px;
height:30px
}
*:first-child+html .pages{
height:25px
}
/*** thumb small ***/
.tmb-sm-up, .tmb-sm-dn{
width:15px;
height:18px;
margin:0 2px;
/*vertical-align: middle*/
}
.tmb-sm-up{
background:url(/images/master_icon_set.png) no-repeat -196px -124px
}
.tmb-sm-dn{
background:url(/images/master_icon_set.png) no-repeat -217px -124px
}
a.tmb-sm-up:hover{
background:url(/images/master_icon_set.png) no-repeat -245px -124px
}
a.tmb-sm-dn:hover{
background:url(/images/master_icon_set.png) no-repeat -266px -124px
}
/***card details***/
ul.card-details{
margin:5px 10px
} 
ul.card-details li{
border-bottom:1px solid #ccc;
padding:5px 0
}
ul.card-details li p.rated{
margin: 2px;
}
.melody, 
.help{
width:17px;
height:17px;
margin:0 10px;
/*vertical-align:middle*/
}
.melody{
background:url(/images/master_icon_set.png) no-repeat -199px -28px
}
.help{
background:url(/images/icon_set_R1.png) no-repeat -211px -1px
}
.add-comment{
height:22px;
width:156px;
display:inline-block;
/*vertical-align:middle;*/
position:absolute;
top:0;
right:0
}
* html .add-comment{
right:10px
}
a.add-comment{
background:url(/images/master_icon_set.png) no-repeat -119px -303px
}
a.add-comment:hover{
background:url(/images/master_icon_set.png) no-repeat -119px -327px
}
.close{
width:12px;
height:12px;
position:absolute;
top:10px;
right:10px;
background:url(/images/master_icon_set.png) no-repeat -199px -49px
}
* html .close{
right:20px
}
ul.user-rate{
display:inline
}
ul.user-rate li{
border-bottom:0;
display:inline;
position:relative
}
ul.card-details li div.rate-dat{
height:20px;
position: absolute;
right: 70px;
top: 42px;
}
ul.card-details li div.rate-dat span{
padding-left:110px
}
.follow-card {
height:25px;
line-height:25px;
position:absolute;
right:12px;
text-align:right;
top:3px;
z-index:9;
}
.follow-card button.phantom{
width:100px;
height:22px;
background:url(/images/123g_master_icon_set_2.png) -60px 0;
font-size:11px;
border:none;
cursor:pointer;
color:rgb(24,57,124)
}
/*new quick send*/
.quick-s{
display:none-0-;
}
.quick-s form{/*--*/}	
.quick-s input, 
.quick-s textarea{
margin:0 0 10px 15px;
width:270px;		
}	
* html .quick-s input{
margin:0 0 10px 10px;
width:260px;
}
* html .quick-s textarea{
margin:0 0 10px 10px;
width:260px;
}	
*:first-child+html .quick-s input{
width:261px;
}
*:first-child+html .quick-s textarea{
width:261px;
}
.quick-s textarea{
height:33px
}
.quick-s .qs-grid{
width:302px;
}
* html .quick-s .qs-grid{
margin:0 0 10px 0
}
*:first-child+html .quick-s textarea{
height:50px
}
input.chk{
margin:0 0 0 6px !important
}
*:first-child+html input.chk{
margin:0 !important;
/*vertical-align:middle;*/
}
* html input.chk{
margin:0 !important;
/*vertical-align:middle;*/
}
.custom{
padding:10px;
zoom:1;
margin-bottom:0;
}
.cancel{
position:absolute;
top:5px;
right:0px
}
/*
.send span.loader{
position:absolute;
top:10px;
right:160px
}
* html .send span.loader{
right:200px
}
*/
.dd{
padding:10px 0 0 12px;
display:block
}
*:first-child+html .dd{
padding:0 0 0 20px;
}
.dd input.del-time{
width:190px;
margin:0 3px 0 2px;
/*vertical-align:middle;*/
cursor:pointer
}
*:first-child+html .dd input.del-time{
width:180px;
margin:0 3px 0 1px;
}
ul.pagination {
height: 20px;
}
*:first-child+html ul.pagination{
position:absolute;
top:0;
right:0;
}
/*card page modification*/
ul.cp-tab-menu {
height:30px;
margin: 0;
padding: 0 10px;
border-bottom:1px solid #ccc;
font-weight:bold;
margin-bottom:10px
}
*:first-child+html ul.cp-tab-menu {
height:29px;
}
* html ul.cp-tab-menu {
height:25px;
}
ul.cp-tab-menu li{
border:1px solid #ccc;
margin-right:5px;
line-height:29px;
background:#f1f1f1;
padding:0 10px
}
*:first-child+html ul.cp-tab-menu li{
line-height:28px;
}
* html ul.cp-tab-menu li{
padding:7px 10px 0 10px;
border-bottom:0
}
* html ul.cp-tab-menu li{
height:28px;
}
ul.cp-tab-menu li a{
padding:0;
margin:0 0 0 5px;
border:0;
width:auto
}
ul.cp-tab-menu li abbr{
margin:0 0 0 5px;
text-decoration:none;
}
ul.cp-tab-menu li.com{
background:#fff;
border:0;
float:right;
padding:0;
}
ul.cp-tab-menu li.com span{
background:url(/images/master_icon_set.png) no-repeat -223px -269px;
width:40px;
height:29px;
vertical-align:top;
border:0;
padding:0
}
*:first-child+html ul.cp-tab-menu li.com span{
height:29px;
background-position:-223px -269px;
}
ul.cp-tab-menu li.on-tab{
top:1px;
z-index:1;
background:#fff;
border-bottom:0;
}
* html ul.cp-tab-menu li.on-tab{
position:static;
}
.chat{
background:url(/images/master_icon_set.png) no-repeat -121px -595px;
}
.fb-pic{
background:#eee url(/images/master_icon_set.png) no-repeat -121px -511px;
}
.fb-pic, 
.chat{
width:16px;
height:16px;
/*vertical-align:middle;*/
margin:0 5px 0 0;
line-height:18px
}
.fb-socl-plugin{
margin: 20px 15px;
}
/*fb tab menu*/
ul.fb-tab-menu {
height:33px;
margin: 0;
padding:10px 10px 0;
/*overflow:hidden;*/
}
ul.fb-tab-menu li{
background:#eee;
height:33px;
margin:0 3px;
}
ul.fb-tab-menu li a {
border:#ccc solid;
border-width: 1px 1px 0 1px;
}
ul.fb-tab-menu li span, 
ul.fb-tab-menu li a {
height:32px;
line-height:30px;
text-align: center;
width:296px;
}
* html ul.fb-tab-menu li span{
width:290px;
}
* html ul.fb-tab-menu li a{
width:290px;
background:#eee
}
ul.fb-tab-menu li span {
background:#fff;
border:#ccc solid;
border-width: 1px 1px 0 1px;
border-bottom:1px none #fff;
position: relative;
top: 1px;
z-index:1;
height:32px;
}
* html ul.fb-tab-menu li span {
position: static;
}
ul.fb-tab-menu li.send-fb{
background-image:url(/images/master_icon_set.png);
background-position:63px -632px;
z-index:1;
}
.fbsend{
background-position:-90px -357px;
height:20px; 
width:53px;
}
.fb-send-btn{
background-position:-90px -381px;
height:22px; 
width:42px;
}
.fb-right {
background-position:-280px -60px;
margin-left:30px;
height:20px;
width:20px;
}
.fbsend, 
.fb-send-btn, 
.fb-right{
background-image:url(/images/master_icon_set.png);
/*vertical-align:middle;*/
margin:0 5px
}
/*/////////////////////////////////////////////////////////////////*/
/***<<<<< photo card <><> 6, sept 2011 >>>>*************************/
.photo-card{
margin:0;
}
.photo-card .photo{
text-align:center;
overflow:hidden;
height:500px;
width:550px;
/*background:url(/images/album_bg.png);*/
line-height:500px;
margin:0 38px;
margin-bottom:10px;
/*vertical-align: middle;*/
display:block;
}
.photo-card .photo img{
clip: rect(0pt, 550px, 500px, 0pt);
height: auto;
/*vertical-align: middle;*/
width: auto;
}
.glare{
width:550px;
height:500px;
background:url(/images/glare.png);
position:absolute;
top:62px;
left:38px;
z-index:8;
}
* html .glare{
left:0;
}
.photo-card .photo img.film-strip{
margin:auto;
width:100%;
}
h1.pc-red{
border-bottom:1px solid #eee;
margin: 30px 35px;
padding-bottom:15px;
color:#b00;
text-align:center;
}
* html h1.pc-red{
margin: 30px 20px;
}
.photo-card h2{
margin: auto 10px;
padding:30px 5px 10px 5px;
color:#666
}
.alert-msg{
padding:5px;
zoom:1;
margin:10px;
}
.glare .pto-nav{
bottom: -7px;
/*height: 29px;*/
left: 0;
padding: 8px 0 10px;
position: absolute;
text-align: right;
width: 550px;
z-index: 101;
/*border-top:.06em solid #ccc;*/
}
.photo-card .pto-nav button{
margin:0 5px;
}
.photo-card ol{
margin:10px 10px 80px 30px;
list-style:decimal
}
.photo-card ol li{
margin:10px 0;
}
/***social tab***/
/*.social-tab{
padding:10px 10px 0 10px;
margin:10px 10px 0 10px
}*/
ul.social-tab {
padding:0 10px 0 20px;

height:29px;
}
ul.social-tab li{
margin:0 3px 0 0
}
ul.social-tab li.sec{
top:1px;
z-index:1;
}
ul.social-tab li a, .social-tab li span{
padding:6px 30px 6px 30px;
border:1px solid #ccc;
border-bottom:0;
font-weight:bold;
background:#eee
}
ul.social-tab li span {
background-color:#fff
}
.or{
position:absolute;
top:5px;
right:0;
width:20px;
height:20px;
}
.facebook-logo, 
.flickr-logo, 
.picasa-logo, 
.photobucket-logo{
height:15px;
margin:5px;
vertical-align:text-top;
background:url(/images/master_icon_set.png) no-repeat
}
.facebook-logo{
width:72px;
background-position: -221px -677px;
}
.flickr-logo{
width:51px;
background-position:0 -677px;
}
.picasa-logo{

width:48px;
background-position:-68px -677px;
}
.photobucket-logo{
width:73px;
background-position:-133px -677px;
}
/***display album***********************/
ul.album{
padding:10px 0;
overflow:hidden
}
*:first-child+html ul.album{
padding-left:8px
}
ul.album li{
background:url(/images/big_img_sprite.png) no-repeat 0 -278px;
height:100px;
width:110px;
margin:10px 0 0 8px;
}
ul.album li .cover-photo{
height:60px;
width:65px;
margin:8px 0 0 32px;
overflow:hidden;
/*vertical-align:middle;*/
text-align:center;
line-height:58px
}
ul.album li img{
/*vertical-align:middle;*/
height:auto;
width:65px;
clip:rect(0,60px,65px,0);
}
ul.album li span, 
.photo-hold span{
height:100%;
vertical-align:middle
}
ul.album li p{
margin:10px 0 0 10px;
text-align:center;
}
.album-pg{
height:20px;
padding:0 0 10px 0;
text-align:right;
position:relative
}
ul.pagination{
position:absolute;
top:0;
right:5px
}
ul.pagination.rit{
left:5px
}
ul.view-photo{
padding:10px 0 10px 10px;
overflow:hidden
}
ul.view-photo li{
border: 1px solid #ccc;
height: 100px;
margin: 10px 9px 0 0;
width: 138px;
text-align: center;
position:relative
}
* html ul.view-photo li{
margin: 10px 8px 0 0;
}
ul.view-photo li:hover{
border: 1px solid #18397C;
/*background:#4398D4*/
}
ul.view-photo li p{
margin:5px 0 0 10px;
text-align:center
}
ul.view-photo li .photo-hold{
width:132px;
height:94px;
margin:2px;
overflow:hidden;
/*vertical-align:middle;*/
text-align:center;
line-height:90px;
/*background:url(/images/album_bg.png);*/
border:1px solid #eee
}
ul.view-photo li .photo-hold img{
width:auto;
height:auto;
max-height:100px;
max-width:140px
}
/*
*:first-child+html ul.view-photo li span {
display:inline-block;
height:98%;
}
*/
/***preview***/
.photo-card .photo .view-left{
width:340px;
margin-right:10px
}
.photo-card .photo .view-left span{
height:100%;
/*vertical-align:middle;*/
}
.photo-card .photo .view-left img{
width:100%
}
.photo-card .photo .view-right{
width:200px
}
.photo-card .photo .view-left, 
.photo-card .photo .view-right{
height:100%
}
.photo-card .view-nav {
left:374px;
padding:8px 0 10px;
position:absolute;
top:190px;
width:150px;
height:auto;
z-index:101
}
.photo-card .view-nav .send-now-btn{
margin:10px auto;
width:148px
}
/******************** card page V-2 *************************/
/*////////////////////////////x/////////////////////////////*/
.send.multi{
/*height:26px;*/
border-bottom: 1px solid #ccc;
overflow:auto;
}
.send div{
float:left;
width:345px;
/*width:285px;
padding-left:10px;*/
}
.send div a{margin:0 4px 0 0;}
.send div a.f-share{width:53px;}
.send div:first-child{
padding-left:0;
margin-top:4px;
}
.send div button{
/*vertical-align:middle;*/
}
.send div + div{
text-align:right;
position:relative;
width:270px;
float:right;
}
.send div + div span.loader{
position:static;
margin:0 2px 0 0;
vertical-align:middle;
}
/*
.send div + div button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#003366'); 
background-image:-webkit-gradient(linear, left top, left bottom, from(#336699), to(#003366));
background-image:-webkit-linear-gradient(top, #336699, #003366);
background-image:-moz-linear-gradient(top, #336699, #003366);
background-image:-o-linear-gradient(top, #336699, #003366);
background-image:linear-gradient(to bottom, #336699, #003366);
border:1px solid #003366;
font-size:13px;
font-weight:bold;
color:#fff;
cursor:pointer;
vertical-align:middle;
line-height:22px
}
.send div + div button:hover{
background:#003366;
color:#fff;
}
*/
.pin-it-button{
margin:0 5px
}
.quick-send{
width:75px;
height:12px;
background:url(/images/master_icon_set.png) no-repeat 0 -357px;
}
.quick-send:hover{
background:url(/images/master_icon_set.png) no-repeat 0 -372px;
}
.send-fb {
background: url(/images/master_icon_set.png) no-repeat 0 -625px;
width:150px;
height:20px;
}
.send-fb:hover{
background-position: 0 -646px;
}
.send_fb_friends{
background-image: url(/images/master_icon_set.png);
background-position: 0 -720px;
width:164px;
height:26px;
display:inline-block;
vertical-align:middle;
/*margin:2px 5px 0 12px;*/
}
.quick-send,
.send-fb{
margin:5px 10px 0 15px;
display:inline-block;
/*vertical-align:middle;*/
}
/***MAC Safari Hack ***/
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
.send button,
.imp-friends button,
.add-tag button{
width:auto;
height:auto; 
background: #E1E1E1;
}}
*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.imp-friends input {
width:200px;
height:18px; 
}}
/***End MAC Safari hack***/
ul.slider-cp li,
.card-block,
.tweet-this,
h2.comments span,
span.mid,
.add-comment,
*:first-child+html input.chk,
* html input.chk,
.dd input.del-time,
.remarks,
.add-tag input,
.tmb-up, 
.tmb-dn,
span.rc-lt, 
span.rc-rt,
span.date,
.tmb-sm-up, 
.tmb-sm-dn,
.melody, 
.help,
.photo-card .photo,
.photo-card .photo img,
ul.rating li a,
span.rc-lt, 
span.rc-rt,
.fb-pic, 
.chat,
.fbsend, 
.fb-send-btn, 
.fb-right,
ul.album li .cover-photo,
ul.album li img,
ul.view-photo li .photo-hold,
.photo-card .photo .view-left span,
.send div button,
.quick-send,
.send-fb{
vertical-align:middle;
}
/*rating stars*/
/* normal */
.normal {
background-position:-92px -150px;
}
/* red */
.red-full {
background-position:-110px -150px
}
.red-half {
background-position:-129px -150px
}
/* orange */
.orange-full {
background-position:-148px -150px 
}
.orange-half {
background-position:-167px -150px
}
/* umber */
.umber-full {
background-position:-186px -150px
}
.umber-half {
background-position:-205px -150px
}
/* ocher*/
.ocher-full {
background-position:-224px -150px
}
.ocher-half {
background-position:-243px -150px
}
/* yellow */
.yellow-full {
background-position:-262px -150px
}
.yellow-half {
background-position:-281px -150px
}
.but-normal, 
.but-send, 
.but-cancel,
button.but-normal, 
button.but-send, 
button.but-cancel{
width:auto !important;
padding:1px 20px;
text-align:center;
}

*+html button.but-send{
width:auto !important;
padding:1px 20px;
text-align:center;
}
p.music-copy {
color: #999999;
font-size: 10px;
text-align:left;
margin:0;
padding:0;
position:relative;
top:-5px
}
/**seo-list***/
.seo-list{
font-size:.8em; 
font-weight: normal;
border:.1em solid rgb(200,200,200);
padding:.5em;
}
.like_g{float:left; padding:5px; width:70px;}
.like_fb{display:inline-block; padding:5px; position:relative; z-index:9;}
.fb-share{background: url(/images/master_icon_set.png) no-repeat scroll 0 -150px transparent; display: inline-block; height: 19px; margin: 0 3px; overflow: hidden; vertical-align: middle; width: 60px;}
.more{margin-right:10px; padding:0 5px 5px; text-align:right; font-size:11px;}
.ad-new{width:630px; max-height:200px; border:solid 1px #CCCCCC; margin-bottom:15px; float:left; position:relative;}
.disp-blk{display:block;}
#qsend_msg{width:100%;}
#Bottom1_adv{margin:5px 5px 5px 3px;}
.preview{font-weight:bold; margin-right:10px;}
.send div ul.date_country{float:right; width:300px;}
.send div ul.date_country li{padding:3px 0;}
.send div ul.date_country li span{background:url(/images/icon_set_R1.png) no-repeat -284px -50px; height:7px; width:7px; display:inline-block; margin:0 5px 0 10px;}
.send div ul.date_country li span.minus{background:url(/images/icon_set_R1.png) no-repeat -293px -50px; height:7px; width:7px; display:inline-block; margin:0 5px 0 10px;}
.send div ul.date_country li a{font-weight:bold; font-size:11px;}
.send div ul.date_country li.country_sel{margin:0 10px;}
.send div ul.date_country li.country_sel .count_text{color:#666666; margin:0 18px; width:193px;}
.no_padd{padding:0 !important;}
.fb_popup{left:25%;width:500px;border:1px #e6e6e6 solid;background-color:white;z-index:1000000;padding:10px;box-shadow: 0px 0px 10px black; position:absolute;}
.fb_text{font-size:20px; text-align:center}
.btns{text-align:center;margin-top:10px;}
.close_btn{vertical-align:top;cursor:pointer;display:inline-block;padding:10px;padding-left:15px;padding-right:15px;font-size:20px;background-color:white;border-radius:5px;color:gray;border:1px #e6e6e6 solid;font-size:12px;font-weight:bold;}
.like_btn{display:inline-block;font-size:20px;padding:8px;background-color:white;border-radius:5px;color:white;border:1px #e6e6e6 solid;font-size:12px;font-weight:bold;}
.celebrity_tweet, .follow_btn{background:#01adef; border-radius:5px; padding:0 10px; color:#FFFFFF; border:none; cursor:pointer; width:220px; font-weight:bold;}
.celebrity_tweet span, .follow_btn span{background:url(/images/icon_set_R1.png) no-repeat -39px -511px; width:30px; height:30px; display:inline-block; vertical-align:middle;}
.celebrity_tweet_div{width:auto !important; text-align:right; float:none !important;}
.celebrity_cards{padding:10px; display:inline-block;}
.celebrity_cards li{float:left; height:170px; padding:0 16px; text-align:center; width:126px;}
.celebrity_cards li.active{border-radius:5px; box-shadow:0 0 2px 2px #888888; padding:5px 0 5px 8px;} 
.thumb_bck{background:url(/images/master_icon_set_2.png) no-repeat -169px -334px; float:left; height:100px; margin:5px 0; padding:7px 12px 12px 9px; position:relative; width:100px;}
.celebrity_cards h4{clear:both; height:31px; overflow:hidden; padding:5px 0;}
.celebrity_info{padding:10px;}
.celebrity_pic{text-align:center; margin-bottom:7px;}
.celebrity_pic img{width:150px; border:solid 1px #666666; border-radius:100px;}
.celebrity_name{text-align:center; font-weight:bold; background:none !important; border:none !important; color:#333333 !important; font-size:13px !important;}
.celebrity_info p{font-size:13px;}
.celebrity_info p strong{font-weight:bold;}
.celebrity_head h2 span{color:rgb(24, 57, 124);}
.celebrity_head h2, .celebrity_head p{font-size:26px; line-height:28px;}
.follow_btn{width:auto;}
#cardswf{position:relative;}
#playbut{background:url(/images/play-button.png) 0 0 no-repeat; width:70px; height:50px; border:0; overflow:hidden; text-indent:-1000px; cursor:pointer; position:absolute; top:45%; left:45%; outline:none;}
#playbut:hover, #playbut:active, #playbut:focus{outline:none;}
.youtube_img{margin:0 auto; overflow:hidden; background:#000000;}
.youtube_img:hover #playbut{background-position:0 -51px;}

.more_cards_overlay{background:rgba(0, 0, 0, 0.8); height:100%; left:0; position:absolute; top:0; width:100%; z-index:9999999;}
.more_cards{padding:0px 10px;}
.more_cards ul{display:inline-block;}
.more_cards .item{display:inline-block; padding:8px 10px; position:relative;}
.more_cards_top h4{font-size:22px; color:#FFFFFF; text-align:center; font-weight:normal; margin:20px 0;}
.cross_btn{float:right; background:url(/images/master_icon_set.png) no-repeat -274px -640px; width:26px; height:26px; position:absolute; top:5px; right:5px;}
.last_viewed{background:#d00000; position:absolute; height:18px; width:115px;}
.last_viewed p{font-size:12px; color:#FFFFFF; margin:1px 0 0 12px;}
.last_viewed_icon{background:url(/images/master_icon_set.png) no-repeat -206px -80px; width:28px; height:27px; display:inline-block; vertical-align:top; position:absolute; left:0;}

.card_options{padding:5px;}
.rating_tab{padding:0;}
.rating_tab ul.rating{position:inherit; display:inline-block; top:inherit; left:45px !important;}
.rating_tab ul.rating li.remarks{float:none; text-align:center;}
.add-tag input{margin-bottom:8px;}
.tpc-115 {
    line-height: 112px;
}
.thumb-hold {
    background:none;
    float: left;
    height: 115px;
    margin: 5px 0;
    padding: 5px;
    position: relative;
    width: 115px;
	box-shadow:3px 3px 4px #999;
	border-radius:8px;
	border:solid 1px #999;
}
.slider {
    position: relative;
}
.slider-bd img {
    vertical-align: middle;
    width: 115px;
}
.slider a.scroll-left, .slider a.scroll-right {
    background: url(/images/icon_set_R1.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    top: 60px;
    width: 16px;
    z-index: 9;
}
.slider a.scroll-left {
    background-position: -50px -402px;
    left: 0px;
}
.slider a.scroll-right {
    background-position: 0 -402px;
    right: 0;
}
.slider a.scroll-left:hover {
    background-position: -33px -402px;
}
.slider a.scroll-right:hover {
    background-position: -17px -402px;
}
.slider-bd {
    height:  auto;
    margin: 0 24px;
    overflow: hidden;
    position: relative;
    width: 580px;
}
.slider ul {
    overflow: hidden;
    position: relative;
}
.slider ul li {
    float: left;
    padding: 0 2px;
    text-align: center;
    width: 140px;
}
.slider ul li .thumb-holder {
    margin: 0;
}
.slider ul li h4 {
    clear: both;
    height: 31px;
    overflow: hidden;
    padding: 5px 0;
}
ul.soc-net li{width:190px;}

.recently_viewed_slider{margin:10px; border:1px solid rgb(204,204,204); position:relative;}
.recent_view_heading{color:#AB1717; border-bottom:solid 1px rgb(204,204,204); font:bold 15px/24px Georgia,serif; height:26px; padding:2px 0; text-align:center;}
.recent_slider{display:inline-block; margin:20px 30px; width:90%; text-align:center; position:relative; overflow:hidden;}
.recent_slider .thumb_holder{padding:5px; border-radius:8px; border:1px solid #999; background:#FFFFFF; box-shadow:3px 3px 4px #999; overflow:hidden; width:115px; height:115px; margin:0 auto;}
.recent_slider .thumb_holder a{background:#000000; height:115px; width:115px; overflow:hidden; display:inline-block; line-height:112px;}
.recent_slider .thumb_holder a img{max-width:115px; height:auto; vertical-align:middle;}
.recently_viewed_slider a.recent_slider_prev, .recently_viewed_slider a.recent_slider_next{position:absolute; top:106px; width:16px; height:24px; display:inline-block; background:url(/images/icon_set_R1.png) no-repeat; z-index:9; overflow:hidden;}
.recently_viewed_slider a.recent_slider_prev{left:10px; background-position:-50px -402px;}
.recently_viewed_slider a.recent_slider_next{right:4px; background-position:0 -402px;}
.recently_viewed_slider a.recent_slider_prev:hover{background-position:-33px -402px;}
.recently_viewed_slider a.recent_slider_next:hover{background-position:-17px -402px;}
.recentCard_holder{display:inline-block; width:133px; vertical-align:top;}
.recentCard_holder h4{height:30px; display:block; padding:7px 5px 4px 5px; overflow:hidden; font-size:12px;}
.all_recentCards{width:2000px; display:inline-block; position:relative;}
.recentCards_scroll{width:550px; overflow:hidden; float:left;}
.recent_loader{position:absolute; left:50%; top:28%;}

.slider_hold{width:268px; overflow:hidden; margin:0 auto;}
.slider_wrapper{display:inline-block; width:955px; position:relative; left:-272px;}
.slider_container{width:318px; overflow:hidden;}

.share_block{height:30px; padding:10px;}

.tab-menu{display:inline-block; width:97%;}
.like_tab, .rate_tab, .tag_tab{float:left; margin-right:5px; border:solid 1px #CCCCCC; font-weight:bold; font-size:12px; color:rgb(51,51,51); padding:6px 0; background:#eeeeee; text-align:center; height:24px;}
.like_tab a, .rate_tab a, .tag_tab a{color:rgb(51,51,51); font-size:12px; font-weight:bold;}
.like_tab a:hover, .rate_tab a:hover, .tag_tab a:hover{text-decoration:none;}
.like_tab{width:125px;}
.like_tab a span{vertical-align:middle;}
.rate_tab{width:200px; background:#FFFFFF;}
.rate_tab a, .rate_tab ul{display:inline;}
.rate_tab a{display:inline; vertical-align:middle}
.rate_tab ul{display:inline-block; vertical-align:middle;}
.tag_tab{width:267px; margin-right:0;}
.like_tab a:hover .tmb-up{
background: url(/images/master_icon_set.png) no-repeat -112px -269px;
}
.tag_tab input{width:148px; padding:4px 3px; font-size:10px; color:#333333;}
.message_box{clear:both; padding-top:1px;}

.comments_new{background:#eee; border:1px solid #cccccc; padding:10px; margin:10px;}
.comments_new textarea{width:98%; margin-bottom:10px; font-size:12px; padding:2px 5px;}
.comment_atxn{display:inline-block; width:100%;}
.comments_new input{width:200px; padding:2px 5px; font-size:12px; float:left; height:18px;}
.comments_new a{float:right; position:inherit;}

.btn_send{
background:rgb(0,51,102);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#003366'); 
background-image:-webkit-gradient(linear, left top, left bottom, from(#336699), to(#003366));
background-image:-webkit-linear-gradient(top, #336699, #003366);
background-image:-moz-linear-gradient(top, #336699, #003366);
background-image:-o-linear-gradient(top, #336699, #003366);
background-image:linear-gradient(to bottom, #336699, #003366);
border:.1em solid #003366;
padding:5px 20px;
display:inline-block;
color:#ffffff;
text-align:center;
white-space:nowrap;
cursor:pointer;
font-size:13px;
font-weight:bold
}

.btn_send:hover{
background:rgb(0,51,102);
color:#FFFFFF;
text-decoration:none;
}


/*.control_panel{background:rgba(0, 0, 0, 0.8); position:absolute; bottom:0; width:100%; z-index:9999999; padding-top:18px; text-align:left;}
.progress_bar_container{height:3px; width:97%; background:#858585; position:absolute; bottom:35px; margin-left:1.5%; margin-right:1.5%; cursor:pointer}
.progress_bar{background:#ff0000; width:0%; height:3px; position:relative; cursor:pointer}
.progress_bar_indicator{background:#ff0000; padding:2px; border-radius:100%; width:10px; height:10px; position:absolute; right:-6px; top:-6px; cursor:pointer;}
a.video_play_btn, a.video_pause_btn, a.video_replay_btn{background:url(/images/master_icon_set.png) no-repeat; width:22px; height:21px; display:inline-block; margin-right:10px; vertical-align:middle;}
a.video_play_btn{background-position:-219px -645px;}
a.video_pause_btn{background-position:-246px -645px;}
a.video_replay_btn{background-position:-192px -645px;}
.video_controls{display:inline-block; margin-left:1.5%; margin-right:1.5%; margin-bottom:5px;}
.volume_control_container{display:inline-block;}
a.mute_btn, a.unmute_btn{background:url(/images/master_icon_set.png) no-repeat; width:24px; height:20px; display:inline-block; margin-right:10px; vertical-align:middle;}
a.mute_btn{background-position:-192px -618px;}
a.unmute_btn{background-position:-221px -618px;}
.volume_slider_container{height:2px; width:50px; position:relative; display:inline-block; margin-right:10px; background:#FFFFFF; vertical-align:middle; margin-left:10px;}
.volume_slider{width:50%; position:relative; cursor:pointer; height:2px;}
.volume_slider_handle{background:#FFFFFF; padding:2px; border-radius:100%; width:8px; height:8px; position:absolute; right:-5px; top:-5px; cursor:pointer; cursor:pointer}
.time_display{display:inline-block; vertical-align:middle}
.time_display span{color:#FFFFFF; font-size:12px; margin:0 2px;}*/


/*///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////*/
/*** E N D   A L L **************************************************/
.fb-share-btn, .fb-like-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 28px;
  background: #1877f2;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  font-family: Arial, sans-serif;
}

.fb-share-btn:hover, .fb-like-link:hover {
  background: #166fe5; color:#FFFFFF;
}

.followUsSec ul li span{
	background: #2e4667;
	color: #fff;
	width: 278px;
}
.followUsSec .social_share_new{
	border: 1px solid #2e4667;
}
.followUsSec .social_share_new a{
	padding: 6px 8.6px;
	box-shadow: 4px 4px 0px #00000020;
	transition:0.5s;
}
.followUsSec .social_share_new a:hover{
	box-shadow: 0px 0px 0px #00000020;
}