/*Olapic CSS Document */
#home-content{
	float:left;
	width:778px;
	padding:0px 0px 10px 0px;
	background-color:#808080;
	
}
#home-left{
	float:left;
	width:650px;
	padding:0px 0px 10px 0px;
	
}

#home-content h1{
    padding:10px 0px 30px 25px;
	color:#FFFFFF;
	margin:0px;
	line-height:30px;
	font-size:20px;
	font-weight:normal;
}
.right_title{
    color:#FFFFFF;
	margin:0px;
	font-size:11px;
	font-weight:normal;

}
#home-ran-pic{
	float:left;
	padding:0px 0px 0px 25px;
	height:450px;
	min-height:450px;
	height:auto !important;
}

#facebook-div{
	float:left;
	width:778px;
	padding:0px 0px 10px 0px;
	background-color:#808080;
	
}
#facebook-left{
	float:left;
	width:200px;
	padding:0px 0px 10px 25px;
	border:
}
#facebook-left h3{
	color:#FFFFFF;
	margin:0px;
	font-size:12px;
	font-weight:normal;

}
#facebook-right{
	float:left;
	width:550px;
	
}
#facebook-right span{
    color:#FFFFFF;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	padding-right:130px;

}
#viewalbum-content{

    float:left;
	width:778px;
	padding:0px 0px 10px 0px;
	background-color:#FFFFFF;
	height:200px;


}


#albumslist-content{
	float:left;
	width:780px;
	padding-top:0px;	
	margin:0 0 0 10px;
}
#albumslist-content h1{
    padding:10px 0px 10px 25px;
	color:#808080;
	margin:0px;
	font-size:20px;
	font-weight:bold;
}
.albumslist-box{
	float:left;
	width:720px;
}
.home-prev{
	margin:0px;
	width:25px;
	padding-top:48px;
}
.home-next{
	margin:0px;
	width:25px;
	padding-top:48px;
}
.albumslist-left-singlealbum{
	float:left;		
	width:110px;
	margin:0px 5px 10px 5px;
}
.albumslist-left-singlealbum .title{
	float:left;
	width:110px;
	font-size:10px;
	color:#3ca8af; padding-left:5px;
	line-height:14px;
	font-weight:bold;
}
.albumslist-left-singlealbum .title a{
	color:#3ca8af;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	
}
.albumslist-left-singlealbum .title a:hover{
	color:#3ca8af;
	text-decoration:none;
	font-weight:bold;
}
.albumslist-left-singlealbum .info{
	float:left;
	width:110px;
	font-size:10px;
	color:#696964;
	font-weight:normal;
	font-family:Arial;
	text-indent:5px;
	line-height:12px;
}
.albumslist-left-singlealbum .info a{
	color:#EC5888;
	text-decoration:none;
	font-weight:normal;
}
.albumslist-left-singlealbum .info a:hover{
	color:#EC5888;
	text-decoration:none;
	font-weight:normal;
}
.albumslist-left-singlealbum .action{
	float:left;
	width:140px;
	font-size:10px;
	color:#f16b97;
	text-indent:5px;
	line-height:15px;
}
.albumslist-left-singlealbum .action a{
	color:#f16b97;
	text-decoration:none;
}
.albumslist-left-singlealbum .action a:hover{
	color:#f16b97;
	text-decoration:none;
}
.albumslist-left-singlealbum .privacy{
	float:left;
	width:110px;
	font-size:11px;
	color:#696964;
	font-weight:normal;
	text-indent:5px;
	line-height:15px;
}

.albumslist-left-bg-normal{
	float:left;		
	width:110px;
	height:110px;
	text-align:center;
	background:url(../images/home/album-bg.gif) no-repeat;
	margin:1px;
	cursor:pointer;
}
.albumslist-left-bg-selected{
	float:left;		
	width:110px;
	height:105px;
	text-align:center;
	background:url(../images/home/album-bg-hover.gif) no-repeat;
	margin:1px;
	cursor:pointer;
	padding-top:5px;
}
.albumslist-left-bg-normal img{
	text-align:center;
	padding-top:5px;
}
.albumslist-left-bg-over{
	float:left;		
	width:110px;
	height:110px;
	text-align:center;
	background:url(../images/home/album-bg-hover.gif) no-repeat;
	margin:1px;
	cursor:pointer;
}
.albumslist-left-bg-over img{
	text-align:center;
	padding-top:5px;
}
#home-right{
	float:left;
	width:110px;
	
}
.home-right-tellabout{
	float:left;
	width:110px;
	color:#D72D6B;
	/*height:75px;
	min-height:75px;*/
	height:auto !important;
}
.home-right-tellabout a{
	color:#D72D6B;
	text-decoration:none;
}
.home-right-tellabout a:hover{
	color:#D72D6B;
	text-decoration:none;
}
.home-right-tellabout p{
    margin:10px 0px 10px 20px;
	line-height:20px;
	clear:both;	
}
.home-tellabout-textbox{
	font-size:13px;
	border-top:1px solid #808183;
	border-left:1px solid #808183;
	border-bottom:1px solid #e1f3f3;
	border-right:1px solid #e1f3f3;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	color:#999999;
	margin-top:5px;
}
.home-right-btnleft{
	float:left;
	width:210px;
	padding-left:20px;
}
.home-right-btnright{
	float:left;	
	padding-top:5px;
}
#remainpublishmsg{
	display:none;
}
.home-right-iconbg{
	float:left;
	width:110px;
	/*background:url(../images/home/pink-gradient.gif) repeat-y;*/
	height:85px;
	color:#D72D6B;
}
.home-right-iconbg a{
	color:#D72D6B;
	text-decoration:none;
}
.home-right-iconbg a:hover{
	color:#D72D6B;
	text-decoration:none;
}
.home-right-biglink{
	color:#D72D6B;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
}
.home-right-biglink a{
	color:#D72D6B;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.home-right-biglink a:hover{
	color:#D72D6B;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}
.home-right-iconsep{
	float:left;
	width:310px;
	height:5px;
	margin-top:5px;
	border-top:1px solid #F9DEE7;
	
}
.nophoto-album{
	float:left;
	padding:50px 0px 0px 50px;
	color:#7E7E7E;
	font-size:14px;
	font-weight:normal;
	clear:both;
}
.home-right-gift{
	float:left;
	width:310px;	
}
.home-right-gift-message{
	color:#D72D6B;
	font-size:12px;
	padding:20px;
	font-weight:normal;
	line-height:20px;
}
.top_title{
float:left;
font-family:Arial; 
font-size:20px; 
padding:0px 0px 5px 0px; 
margin:0 0 10px 10px;
color:#53540F;
font-weight:bold;
border-bottom:dotted 1px;
width:780px;


}

.green_title{
    float:left;
	width:100%;
	padding-bottom:10px;
    padding-top:0px;
	color:#3CA8AF;
	margin:0px;
	line-height:10px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	padding-left:10px;

}

.green_title_left{
    float:left;
	width:100%;
	padding-bottom:10px;
    padding-top:0px;
	color:#3CA8AF;
	margin:0px;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
	font-family:Arial;
	padding-left:10px;

}
.bottom_title{
	font-family:Arial; 
	font-size:16px; 
	padding-left:0px; 
	color:#373332;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}
.com-name{
	font-size:11px;
	color:#53504F;
	line-height:12px;
}
.com-date{
	font-size:10px;
	color:#53504F;
	font-weight:normal;
	line-height:12px;
}
.com-desc{
	font-size:11px;
	color:#53504F;
	font-weight:normal;
	line-height:12px;
	padding-top:3px;
}
.com-sep{
	border-bottom:dotted 1px;
	margin:0px 0px 7px 0px;
	height:7px;
	float:left;
	width:100%;
}
.comment-btn-field{
	padding-top:10px
}
.dot_line{
float:left;
font-family:Arial; 
font-size:20px; 
padding:0px 0px 0px 0px; 
margin:0 0 10px 0px;
color:#53540F;
font-weight:bold;
border-bottom:dotted 1px;
width:790px;
height:5px;

}
.totla_dot_line{
border-bottom:dotted 1px;
width:798px;
padding-left:10px;

}


#photos-wrapper{
	width:800px;
	background-color:#FFFFFF;
	margin-left:5px;	
	
}

.sub_title{
font-family:Arial; 
font-size:18px; 
padding-left:10px; 
padding-top:10px; 
padding-bottom:10px;
color:#49b0b0;
font-weight:bold;
}
#photos-content{
	float:left;
	padding:0px 10px 0px 0px;	
	color:#7A7A77;
	font-size:12px;
	font-weight:normal;
	height:400px;
	min-height:400px;
	height:auto !important;
	background-color:#FFFFFF;
}
#photo-all-left{
	float:left;
	width:620px;
	padding:0px 0px 10px 10px;
}
#photo-all-left h1{
	padding-top:0px;
	color:#666666;
	margin:0px;
	line-height:30px;
	font-size:12px;
}
#photo-all-left h1 img{
	padding-right:20px;
}
#photo-all-left h1 span{
	color:#3CA8AF;
	margin:0px;
	line-height:30px;
	font-size:12px;
	font-weight:normal;
}
#photo-all-right{
	float:left;
	width:155px;
	padding:0px 0px 10px 2px;

}
#photo-all-right h2{
	padding:10px 0px 5px 0px;
	color:#3CA8AF;
	margin:0px;
	font-size:12px;
	font-weight:normal;
}
#photo-all-right h1{
	padding-top:25px;
	color:#000000;
	margin:0px;
	line-height:30px;
	font-size:12px;
}
#photo-all-right p a{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
#photo-all-right p a:hover{
	color:#D72D6B;
	text-decoration:none;
}
.photo-all-right-container{
	float:left;
	width:150px;
	padding-top:3px;

}
.photo-all-thumb-normal{
	float:left;		
	width:62px;
	height:62px;
	text-align:center;
	background-color:#BCBCB7;
	margin:1px 0px 0px 0px;
	cursor:pointer;
}
.photo-all-thumb-normal img{
	padding-top:1px;
	
}
.photo-all-thumb-over{
	float:left;		
	width:62px;
	height:62px;
	text-align:center;
	background-color:#FA1268;
	margin:1px 0px 0px 0px;
	cursor:pointer;
	
}
.photo-all-thumb-over img{
	padding-top:1px;
}
.photo-all-right-infobox{
	float:left;
	width:145px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#DB286A;
	font-weight:bold;
}
.photo-all-right-infobox-sep{
	float:left;
	width:150px;
	padding:0px 0px 0px 0px;
	height:5px;
	border-bottom:dotted 1px;
}
.photo-all-right-action{
	float:left;
	width:135px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#939391;
	font-weight:bold;
}
.photo-all-right-sort-listbutton{
	font-size:11px;
	border-top:1px solid #808183;
	border-left:1px solid #808183;
	border-bottom:1px solid #e1f3f3;
	border-right:1px solid #e1f3f3;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:120px;
	background:url(../images/albumview/drop-arrow.gif) no-repeat right;
	padding:3px 20px 0px 5px;
	height:20px;
	cursor:pointer;
}
.photo-all-sort-listbox{
	background-color:#FFFFFF;
	border:1px solid #e1f3f3;
	border-top:none;
	display:none;
	float:left;
	font-size:11px;
	height:75px;	
	padding:2px 2px 2px;
	position:absolute;
	vertical-align:middle;
	width:162px;
	z-index:30;
	color:#000000;
	font-weight:normal;
}
.photo-all-sort-listbox ul {
	color:#000000;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.photo-all-sort-listbox li { 
	color:#000000;
	cursor:pointer;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 0px 2px 5px;	
}
.photo-all-sort-listbox li.normal { 
	color:#000000;
	background:#FFFFFF;
}
.photo-all-sort-listbox li.over {
	background:#2FA0A7;
	color:#FFFFFF; 
   
}
.photo-all-author-listbutton{
	font-size:11px;
	border-top:1px solid #808183;
	border-left:1px solid #808183;
	border-bottom:1px solid #e1f3f3;
	border-right:1px solid #e1f3f3;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:120px;
	background:url(../images/albumview/drop-arrow.gif) no-repeat right;
	padding:3px 20px 0px 5px;
	height:20px;
	cursor:pointer;
}
.photo-all-author-listbox{
	background-color:#FFFFFF;
	border:1px solid #e1f3f3;
	border-top:none;
	display:none;
	float:left;
	font-size:11px;
	padding:2px 2px 2px;
	position:absolute;
	vertical-align:middle;
	width:162px;
	z-index:30;
	color:#000000;
	font-weight:normal;
}
.photo-author-scroll{
	width:162px;
	overflow:auto;
	height:100px;
	float:left		
	
}
.photos-go-button{
	float:right;
	padding-right:30px;
}
.photo-all-author-listbox ul {
	color:#000000;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.photo-all-author-listbox li { 
	color:#000000;
	cursor:pointer;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 0px 2px 5px;	
}
.photo-search-auth-button{
	background-color:#DE1C75;
	border:1px solid #DE1C75;
	padding:2px;
	font-size:11px;
	-moz-border-radius:3px;	/* Rounded edges in Firefox */
	cursor:pointer;
	color:#F7F7F7;
}
.photo-all-previewbg{
	float:left;	
	text-align:left;
	width:600px;
	height:380px;
	min-height:380px;
	height:auto !important;
	padding-top:0px;	
}
.photo-all-left-header{
	float:left;
	width:600px;	
}
.photo-all-left-infobox{
	float:left;
	width:600px;
	padding:10px 0px 0px 0px;
	font-size:12px;
	color:#7E7E7E;
	font-weight:bold;
}
.photo-all-rating{
	font-size:12px;
	color:#7A7A77;
	font-weight:bold;
}
.photo-all-caption{
	float:left;
	font-size:12px;
	background:#E7F5F5;
	width:580px;
	padding:10px;
	color:#000000;
	font-weight:normal;
	margin-top:5px;
	height:110px;
	min-height:110px;
	height:auto !important;
}
.photo-all-downpic{
	float:left;
	width:155px;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	padding:10px 0px 0px 0px;
}
.photo-all-downpic a{
	color:#000000;
	text-decoration:none;
}
.photo-all-downpic a:hover{
	color:#DB286A;
	text-decoration:none;
}
.preview-img-normal{
	float:left;
	background-repeat:no-repeat;
	position:relative;
}
.overimage-rating{
	position:absolute;
	display:none;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.6;	/* Transparency */
	background-color:#000000;
	cursor:pointer;
	top:0px;
}
.rating-content{
	float:left;
	position:absolute;
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
	display:none;
	left:0px;
	top:0px;
}
.rating-content a{
	color:#FFFFFF;
	text-decoration:none;
}
.rating-content a:hover{
	color:#FFFFFF;
	text-decoration:none;
} 
.nophoto-album{
	float:left;
	padding:50px 0px 0px 50px;
	color:#7E7E7E;
	font-size:14px;
	font-weight:normal;
	clear:both;
}
.album-current-photo{
	background:url(../images/albumview/tv.gif) no-repeat top;
	width:25px;
	height:25px;
	font-size:11px;
	color:#DB286A;
	font-weight:normal;
	line-height:30px;
}
.photo-all-left_bottom{
	float:left;
	font-size:12px;
	width:620px;
	color:#4d4948;
	font-weight:normal;
}

.leftbottom_div{
float:left; 
width:30px;
font-size:9px;
}
.share_div{
float:left; 
width:90px;
font-size:9px;
}
.leftbottom_div a{
float:left; 
width:30px;
font-size:9px;
}
.inputbox-bg_reg{		
	background:url(../images/newpublic/textbox.png) no-repeat left;	
     border:none;
	color:#53504F;
	float:left;
	font-family:Arial;
	font-size:10px;
	margin:0;
	padding:7px 0 4px 8px;
	height:17px;text-align:justify;
	width:157px;

}
.big-button-bg{		 
    background:url(../images/newpublic/orange_button.png) no-repeat;
 	border:none;
	color:#736A5E;
	cursor:pointer;
	float:left;
	font-family:Verdana;
	font-size:13px;
 	text-align:center;
	width:103px;
	height:26px;
	padding-bottom:7px;
 }
 
 
.publicinner input{ width:146px; border:none; background:none;}
.publicinner-bg{		
	background:url(../images/newpublic/textbox.png) no-repeat left;	
	border:none;
	color:#000000;
	font-family:Arial;
	font-size:8px;
	padding:5px;
}
.comment_class{
font-family:Arial; 
font-size:12px; 
padding-top:10px; 
color:#373332;
font-weight:bold;
}
.comment_normal{
font-family:Arial; 
font-size:11px; 
color:#373332;
font-weight:500;
}
.comment_name{
font-family:Arial; 
font-size:15px; 
padding-left:0px; 
color:#373332;
font-weight:bold;
}
.comments_main{
width:805px;  
margin-left:0px;

}
.comments_left{
width:280px; 
float:left; 

}
.comments_middle{
width:345px; 
float:left; 
}
.comments_right{
width:170px; 
float:right; 

}
.comments-left-sep{
	float:left;
	width:270px;
	padding:0px 0px 0px 0px;
	height:5px;
	border-bottom:dotted 1px;
	margin:5px 0px 10px 0px
}
.comments-middle-sep{
	float:left;
	width:615px;
	padding:0px 0px 0px 0px;
	height:5px;
	border-bottom:dotted 1px;
	margin:5px 0px 10px 0px
}
.comments-right-sep{
	float:left;
	width:150px;
	padding:0px 0px 0px 0px;
	height:5px;
	border-bottom:dotted 1px;
	margin:5px 0px 10px 0px
}

.right-style{
	float:left;
	color:#000000;
	text-decoration:none;
	padding:3px;
}
.right-style p a{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
.right-style p a:hover{
	color:#D72D6B;
	text-decoration:none;
}

.right-height-four{
height:490px;

}
.right-height-one{
height:518px;
}

*html .right-height-four{
height:510px;

}
*html .right-height-one{
height:538px;
}
.albumsphotolist-box{
	float:left;
	width:811px;
	padding-left:5px;
}
.albumslist-left-singlephoto{
	float:left;		
	width:75px;
	margin:5px 5px 10px 0px;
}

.photo-prev{
	margin:0px;
	width:25px;
	padding-top:30px;
}
.photo-next{
	margin:0px;
	width:25px;
	padding-top:30px;
}
#photoslist-content{
	float:left;
	width:780px;
	padding-top:0px;	
	margin:0 0 0 5px; 
}
#photoslist-content h1{
    padding:0px 0px 10px 25px;
	color:#808080;
	margin:0px;
	font-size:20px;
	font-weight:bold;
}

.comment_title{
	float:left;
	font-family:Arial; 
	font-size:20px; 
	padding:0px 0px 5px 0px; 
	margin:0 0 10px 10px;
	color:#53540F;
	font-weight:bold;
	width:780px;
}

/*Video*/

.vdPlay80 {
height:91px;
position:relative;
}

.vdPlayBg {
background:#FFFFFF url(../images/newpublic/playVideoSmall.gif) no-repeat scroll 0 100%;
cursor:pointer;
height:14px;
left:1px;
position:absolute;
top:47px;
width:18px;
}

.vdPlayBgHp {
background:transparent url(../images/newpublic/play.png) no-repeat scroll center 0;
height:35px;
left:0;
position:absolute;
top:79px;
width:100%;
}


/*********************
	Pagination css
*********************/
#Pagination-div ul li{list-style:none; font-size:10px; text-align:center; float:left; width:10px; height:17px; padding-top:3px; margin-left:5px; text-decoration:none;}
#Pagination-div ul li:hover{list-style:none; font-size:10px;float:left; width:10px; height:17px; margin-left:5px;text-decoration:none;}
#Pagination-div ul li a{color:#666666;text-decoration:none;font-size:10px;} 
#Pagination-div ul li.active{list-style:none; float:left; font-size:10px;width:10px; height:17px; margin-left:5px; font-weight:bold;color:#F16B97;text-decoration:none;}
#Pagination-div ul li.active a{color:#F16B97;}
#Pagination-div ul li.nextprev{list-style:none;font-size:10px; float:left; width:36px; height:17px;text-decoration:none;}
#Pagination-div ul li.nextprev:hover{list-style:none;font-size:10px; float:left; width:36px; height:17px; text-decoration:none;}
.PaginateOverall{float:left; width:788px;}
.PaginateMiddle{float:left; width:365px; margin-top:22px;}
.PaginateLeft{float:left; color:#3CA8AF; font-size:10px; font-weight:bold;}
.PaginateAlbum{float:left; color:#F16B97;font-size:10px;}
.videoslist-box{
	float:left;
	padding-left:5px;
}
.videoslist-left-singlephoto{
	float:left;		
	width:62px;
	margin:5px 5px 10px 0px;
}

#SapinPagination-div ul li{list-style:none; font-size:10px; text-align:center; float:left; width:13px; height:17px; padding-top:3px; margin-left:5px; text-decoration:none;}
#SapinPagination-div ul li:hover{list-style:none; font-size:10px;float:left; width:13px; height:17px; margin-left:5px;text-decoration:none;}
#SapinPagination-div ul li a{color:#666666;text-decoration:none;font-size:10px;} 
#SapinPagination-div ul li.active{list-style:none; float:left; font-size:10px;width:12px; height:17px; margin-left:5px; font-weight:bold;color:#F16B97;text-decoration:none;}
#SapinPagination-div ul li.active a{color:#F16B97;}
#SapinPagination-div ul li.nextprev{list-style:none;font-size:10px; float:left; width:49px; height:17px;text-decoration:none;}
#SapinPagination-div ul li.nextprev:hover{list-style:none;font-size:10px; float:left; width:49px; height:17px; text-decoration:none;}