@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
a{text-decoration:none; color:#003300}
body{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#444444; margin:0; padding:0;}
body #stripe{position:fixed !important; height:100%; top:0; width:80px; background-color:#CCFF00; padding:0; margin:0; z-index:-1; left:0}
h1{display:none; height:0; font-size:0}
h1,h2,h3,h4,h5{padding:0; margin:0 auto}

h2{font-size:15px}
h3{font-size:14px}
h4{font-size:13px}
h5{font-size:12px}
input{font-size:10px; height:auto}
select{font-size:9px; height:auto}
input[type="submit"]{color:#ff6600; vertical-align:bottom; height:auto; font-size:9px}

#page,#page #header,#page #page #footer{width:900px;}
#page{ text-align:left; margin-left:83px; float:left}
#page #main_content{width:680px; border:none !important; padding:10px 5px; float:left}
#page .right_pos, #page #right_panel{padding:3px;width:200px}
#page #right_panel{float:left; margin:5px auto; text-align:center; border:none}
fieldset{border:none}


#tst_container{width:200px;margin:10px auto 5px auto; text-align:left;  border:1px solid #878787}
#tst_container #apmi_sb{overflow-y:auto; height:250px;  border:none;width:194px; overflow-x:hidden; padding:3px;}
#tst_container #apmi_sb a{color:#006600; font-weight:bolder; font-size:11px}
#tst_container .tst_top,#tst_container .tst_foot{background-color:#669933; padding:3px; color:#fefefe}
.tst_foot a,.tst_top a{color:#fefefe; font-weight:bold; font-size:12px}
.tst_box_en{text-align:left}
h3#rating_label{font-size:13px; padding:15px auto 0 auto; margin:0;}

#ranked_apmians{text-align:left;font-size:11px}
ol, ul{list-style:none}
#ranked_apmians ol li a{width:110px; display:inline-block; text-decoration:none; margin-left:20px }

.leftbox{text-align:left; margin-top:10px}
.leftbox h4, #memcount{font-weight:bold; font-size:11px; padding:0; margin:auto}
h2#membername{font-size:18px}

.labelT{width:100px; text-align:right; padding-right:5px; float:left; font-weight:bold; color:#999999}


/*ajax*/
.colapse_hldr{height:15px; background-color:#FF6633; font-size:12px; font-weight:bold; padding:3px 0 3px 20px; margin:5px 20px 0 20px}
.colapse_hldr a:hover{color:#dcdcdc}

#panels_col {
	margin:20px 0px;
}

h3.colapse_hldr {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: Calibri, Arial, sans-serif;
	font-size: 12px;
	background-color:#669933;
	color: #fefefe;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.colapsible_panel p, div.colapsible_panel h4 {margin:0px;padding:4px;}
blockquote {padding:5px 20px;}
/*menu*/
.menu_list{margin-left:50px; font-size:12px; list-style:none; font-weight:bold; display:inline-block}
div.nav {
	margin-right:20px;
	padding:3px 0 3px 5px;
	text-align:left;
	float:right;
}

.nav a, .nav a:hover, .nav a:visited {
	color:#003300;
	font-weight:bold;
	text-transform:capitalize;
	font-size:11px;
	text-decoration:none;
	margin-right:5px;
	padding-bottom:2px;
	border-bottom:2px solid #CC3300;
}

.nav a:hover {
	border-bottom:3px solid #fff;
	color:#CCFF00
}

/*utilities*/
.twopanels{display:block; width:98%; clear:both;}
.paragraph{text-indent:20px}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px}
.hln{margin:10px 2px 8px 2px; border-bottom:#dedede solid 2px}
.nin{font-size:9px}
.c9{color:#999999}
.olink{font-size:9px}
.dashl{height:2px; border-bottom:1px dashed #99CC99; padding-bottom:1px}
.gimg{padding:3px}
.embed_txt{width:400px}
.fn{font-weight:100}
.remrks{margin:3px 0 10px 20px; color:#006699; font-size:11px}
.remrks:after{clear:both}
.label a{font-size:12px; font-weight:bold;}
.inputbox{margin-bottom:5px; width:auto; text-align:left}
.flsnote{width:400px; vertical-align:top}
.tbtop{vertical-align:top}

#msgboxcontainer.ajax-loading {padding: 20px 0;background:#fff url(/pixes/layout/spinner.gif) no-repeat center; height:100px}
#msgboxcontainer #txtMsg{width:194px; padding:2px; font-size:12px; height:100px}	
#txtMsg.hidden{visibility:hidden}

/*home page*/
.tp_rpanel,.tp_lpanel{float:left}
#recent_pix,#newest_album,#apmian_finder,#wrt_albm_lnk_f,#news_contain,#mostvied_profile,#latest_dedi,#latest_pcom{width:46%; margin:1px; padding:3px; float:left}
#wrt_albm_lnk_f h3, #news_contain h3,#newest_album h3, #mostvied_profile h3,#recent_pix h3,#apmian_finder h3{font-size:14px; margin:0; padding:0}
#newest_album{width:94.3%;margin:0.5%; padding:.5%;}
#newest_album .new_albums{display:inline-block; width:22.5%; border:groove thin #cecece; margin:1px; padding:4px}
#recent_pix img{margin:1px 2px; width:22%}
.topics_link{margin-top:1px}
#wrt_albm_lnk_f span,.news_d{font-size:8px; color:#999}
#wrt_albm_lnk_f a, #news_contain a{display:inline-block; width:260px}
#wrt_albm_lnk_f a:hover,#news_contain a:hover{background-color:#E6FECD; color:#0066CC}
#mostvied_profile img{width:82px}
#mostvied_profile a{width:82px; height:60px;border:1px solid #cecece; padding:2px; overflow:hidden; display:inline-block}

#latest_dedi td,#latest_pcom td{font-size:8px}
#latest_pcom img,#latest_dedi img{height:90px}
#latest_dedi a,#latest_pcom a{width:70px; height:60px;border:1px solid #cecece; padding:2px; overflow:hidden; display:inline-block}
#latest_dedi a{height:80px;}
.dedication_en{padding:3px; width:98%;}
.dedication_wrt, .dedication_en .photo_from_pix{float:left}
.dedication_en a{font-weight:bold; color:#0099FF}
.dedication_wrt{margin-left:10px; width:75%}
div.dedication_en .gap10{clear:both; border-bottom:dotted #cfcfcf thin}

/* album */
.bxalbum{background:url(images/album.png) no-repeat center; width:71px; height:80px; text-align:center; vertical-align:baseline; padding-top:12px}
.bxalbumprv{background:url(images/album_prv.png) no-repeat center; width:71px; height:80px; text-align:center; vertical-align:baseline; padding-top:12px}
.minith{padding:1px; border:1px outset #fff; margin:1px; background-color:#fff}
/*album user*/
.albm_usr_title{padding:3px; margin-left:20px; font-size:12px; font-weight:bold}
