@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0}

body{text-align:center; background-color:#000; color:#fefefe; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
h1{visibility:hidden; display:none}
h4{font-size:14px}
input{border:1px solid #666666; background-color:#dcdcdc}
a{color:#ff6600;}
a:hover{color:#006699;}
a:visited{color:#006699;}
img{border:none}
p{margin:5px 0 5px 0}
td{vertical-align:bottom;}
table{ padding:0;}
#page,#menu,#banner,#main,#footer{width:900px}
#page{margin:0 auto;text-align:left; border:1px solid #212121}
#menu{ background:#000 url(images/menu_bg.png) repeat-x; height:68px}
#banner{ background:#000 url(images/banner.jpg) no-repeat; height:272px}
#main{ background:#000 url(images/main_bg.png); text-align:justify; padding:5px; width:890px}



#page #main #panel_left{float:left; width:300px; text-align:justify; }
#page #main #panel_right{float:right; width:570px; text-align:justify;border-left:#333333 1px dotted; padding-left:10px}
.contactF{border:1px dashed #CCCCCC; margin-bottom:20px; padding:15px}
/* utilities */
.cls{clear:both}
.tc{text-align:center}
.fl{float:left}
.fr{float:right}
.fb{font-size:bold}
.portrait{border:1px dotted #f0f0f0; width:auto;padding:2px }
.gap{height:3px; width:auto; line-height:3px}
.g10{line-height:10px; height:10px; width:auto}
.clear{height:0; line-height:0; font-size:0 ; 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}
.gap5{height:5px; width:auto; line-height:5px}
.nin{font-size:9px}
.fs8{font-size:8px}
.c9{color:#999999}
.olink{font-size:9px}
.dashl{height:2px; border-bottom:1px dashed #99CC99; padding-bottom:1px}
.gimg{padding:3px}
.remrks{margin:3px 0 10px 20px; color:#006699; font-size:11px}
.remrks:after{clear:both}
/*footer */
#footer{ background:#000 url(images/footer_bg.png) no-repeat; height:133px; font-size:10px ;color:#222222;}
#footer a{color:#ff9900}
#footer a:hover{color:#993300}
#footer #counter{margin:80px auto auto 10px; float:left; font-weight:bold; width:180px; text-align:center}
#footer #copyr{float:right; width:400px; margin:75px 10px 0 0 }
#footer #loadstat{float:right; width:180px; margin:100px 3px 0 0; font-size:9px}

/*reg form */
.input{border:none}
.reg_in{width:300px}
.reg_in:hover, .reg_in_:hover{ background-color:#E8F5FD}
.label{width:120px; text-align:right; padding-right:5px; float:left; }
.label a{font-size:12px; font-weight:bold; color:#effedc}
.labelT{width:100px; text-align:right; padding-right:5px; float:left; font-weight:bold; color:#999999}
#specialization{width:230px;}
.inputbox{margin-bottom:5px; width:auto;}
#reg_box{margin:0;padding:3px; width:auto; border:none}
.reg_box{margin:0;padding:3px; width:auto;border:none}
.reg_box h4{padding:10px; margin-left:10px}
.reg_box:after{clear:both; position:static}
#msg{color:#CC3300; font-size:14px; font-weight:bold; margin-left:50px; margin-bottom:20px;}
.wrt_container{padding:20px 20px 50px 30px}
.req{color:#ff4400; font-size:12px; font-weight:bold}
.note{margin:3px 0 10px 160px; color:#006699; font-size:10px}
.not{margin:3px 20px 10px 30px; color:#006699; font-size:10px; text-align:justify; text-indent:20px}
.note:after{clear:both}
/* //== regform === */

/*menu*/
div.nav {
	margin-top:35px;
	margin-right:50px;
	padding:3px 0 3px 5px;
	text-align:left;
	float:right;
}

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

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

/*searchbox*/
#search_box{padding:10px 0 0 10px; vertical-align:top; width:190px; text-align:left}
.q{border:1px solid #c0c0c0; width:120px; height:15px;  display:inline; float:left; margin:3px 3px 0 0; padding:0 3px 0 5px}
.q:hover{background-color:#000; color:#fefefe}
#search_box .sa{background-color:#fefefe; color:#006699; font-size:10px; font-weight:bold; border:1px solid #78A5B6; margin:3px 0 0 5px}
#search_result{margin:0 0 0 20px; padding-top:20px}

/* search box */
.Searchbox{margin:8px 8px auto 20px; width:300px; float:left; color:#fefefe;font-weight:bold;font-size:10px; position:static top left;}
.srlbl{}
.srbtn{font-size:11px; color:#222222; border:1px solid #999999}
.sa{font-size:11px; color:#222222; width:auto}
.Searchbox select{border:none; font-size:10px; background-color:#CCCCCC}

/*login box */
#login_box{margin:15px auto;font-size:10px;text-align:left}
#login_box h4{font-size:14px}
#login_box h5{font-size:11px; margin-left:55px}
#login_box #label{padding:2px;}
#login_box #login_name, #login_box #pass{height:12px; font-size:9px; width:120px; display:inline;border:1px solid #c0c0c0; margin:1px}
#login_box #login_name{}
#login_box #pass{ margin-left:7px}
#login_box #login{height:16px; font-size:10px; float:right; margin:0 10px auto }


#adm_login_box{font-size:10px; width:auto; border:1px solid #212121; padding:5px; margin:10px auto}
#adm_login_box #login_name, #adm_login_box #pass{height:12px; font-size:9px; width:120px; display:inline;border:1px solid #c0c0c0; margin:1px}
#adm_login_box .label{width:80px; text-align:right; display:inline-block; margin-right:10px}
#adm_login_box #adm_login_btn{margin:3px auto auto 180px}
.login_data{font-size:9px; color:#cecece}
.usrmgs{}
.login_data .ulbl{ font-size:9px}


/*user info */
#userinf_bd{ background:url(images/userinf_bg.png) repeat-y; color:#006666}
#userinf_top{ background:url(images/userinf_top.png) no-repeat; height:81px}
#userinf_btm{ background:url(images/userinf_btm.png) no-repeat; height:36px}
#usrn{padding:20px 0 0 10px}
#ulinks{margin-left:50px}
.ulbl{font-size:11px; font-weight:bold;padding:2px 0 0 5px}
.usrmgs{margin-left:10px; font-size:9px; color:#999999}
.MemName{color:#006699}
.mempix{background-color:transparent; border:2px inset #cecece; width:auto; margin-right:3px; text-align:center; margin-bottom:10px; vertical-align:middle}
.mem_inf{}
.memdet{margin-left:20px; border:none}
.page_t{ background-color:#FF9966}
.label{width:130px; text-align:right; padding-right:5px; float:left}
.labelT{width:100px; text-align:right; padding-right:5px; float:left; font-weight:bold; color:#999999}
.writeup{text-align:justify; text-indent:20px}
.photocap{font-size:10px; color:#999999; margin:5px 0 5px 0}
.leftbox{text-align:left}
/*members*/
.membox{border:none;padding:20px auto}
.membox ul{margin:2px 0 1px 10px}
.newm,.newm a{color:#ffcc00; font-size:10px; margin-left:8px}
.newm a:hover{color:#336699}
.olsub{color:#488A75; margin-left:5px; font-size:9px;font-weight:bold}
.olsub:before{content:":::: "; font-weight:lighter}
.olsub:after{content:" ::::"; font-weight:lighter}
.content{margin-bottom:20px}
h4{padding:0;margin:0}

/*news */
.news_d{padding-left:10px; font-size:9px; font-weight:100}
.news_t{margin:0 0 5px 10px; text-align:left; color:#CC3300; font-weight:bold; font-size:14px}
.news_t:hover{color:#ff8800}
.news_t a{font-size:11px}
.news_pix{float:left; padding:2px; margin:2px; border:none}
.news_li{list-style:none; margin-bottom:10px; border-bottom:dotted 2px #CCFF00; padding-bottom:3px}
.news_li:after{clear:left}
.news_det a{font-size:11px; color:#75bb2f}
.news_det a:visited{font-size:10px;}
.news_date{color:#c0c0c0; font-size:9px}
.news_content{font-size:12px}
.news_block{padding:10px}
.news_block:hover{background-color:#FBFECD; padding:11px}
.news_top{ background:url(pixes/nupd.png) top left no-repeat; height:35px}
#news_contain{width:auto; padding:10px}
.events_top{ background:url(pixes/event.png) top left no-repeat;height:35px}

#memcount{font-weight:bold; padding:3px 0 10px 8px}


.input,.form_input,.textarea{ background-color:#E0EACC; font-size:10px; border:none; margin:2px; width:auto}
.input,.form_input{ height:12px;}


.contactF{border:1px dashed #CCCCCC; margin-bottom:20px; padding:15px}


#mostvied_pix,#mostvied_profile,#mostdl_pix{border:1px dashed #EEDBD5; padding:5px 0 5px  0;}


#loadstat{position:static left top; font-size:9px; width:200px; float:left; text-align:left; margin-top:5px; color:#fff }


/*all comments textarea*/
 #dedication_text, #photo_comment_text{ border:1px solid #c0c0c0; width:520px; display:block}

/*all submit buttons*/
#photo_comment_sbtn, #dedication_sbtn,#sr_btn,#btn_cpass,.sBtn
	{
	display:block;
	 background-color:#fefefe;
	 color:#006699; 
	 font-size:10px; 
	 font-weight:bold; 
	 border:1px solid #78A5B6
	 }
.sBtn{display:inline; padding:2px}
/*all input boxes*/
	#cfg_cpass,#old_cpass,#new_cpass, .inputbx{
	display:inline;
	 background-color:#fefefe;
	 color:#006699; 
	 font-size:10px; 
	 font-weight:bold; 
	 border:1px solid #78A5B6
	 }
/*photo comment */
#photo_comment_text{}
#photo_comment_sbtn{}

#bx_photo_comment h4{margin:5px 0 10px 5px}
#bx_photo_comment .photo_from_pix{padding:5px; margin-right:1px;display:inline; float:left}
#bx_photo_comment .photo_from_pix:after{clear:both}

#bx_photo_comment .photo_comment_wrt{margin-left:90px}
#bx_photo_comment .photo_comment_wrt:after{clear:both}
#bx_photo_comment .photo_comment_frn a{font-weight:bold; color:#808080}

#bx_photo_comment .photo_comment_en{clear:left; border-top:1px dashed #99CC99; padding-top:3px}
#bx_photo_comment .photo_comment_en:after{clear:both}

#bx_photo_comment .photo_comment_p{margin-left:50px}

#latest_pcom{border:1px solid #cecece; padding:3px; width:auto}



/*apmian finder */
#apmian_finder{border:1px solid #EEDBD5; padding:5px 0 5px  20px;}
#apmian_finder:hover{background-color:#F1FCDA}
#sr_btn{margin:3px 0 0 5px}
#sr_btn:hover{text-decoration:underline}



/*dedications */
#apmian_dedication{}
#apmian_dedication #dedication_text{}
#apmian_dedication #dedication_sbtn{}


#bx_dedication{}
#bx_dedication h4,#apmian_dedication h4{margin:5px 0 10px 5px}
#bx_dedication .photo_from_pix{padding:5px; margin-right:1px;display:inline; float:left}
#bx_dedication .photo_from_pix:after{clear:both}

#bx_dedication .dedication_wrt{margin-left:90px}
#bx_dedication .dedication_frn{font-weight:bold; color:#99FF00}
#bx_dedication .dedication_en{clear:left; border-top:1px dashed #99CC99; padding-top:3px}
#bx_dedication .dedication_p{width:auto; overflow:inherit}
#bx_dedication .dedi_cntr_box{margin-left:100px; height:20px;}

#latest_dedi{border:1px solid #cecece; padding:3px; width:auto}

/*change pass*/
#chg_pass_box div{margin:5px}

/* album */
.bxalbum{background:url(images/album.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}
/*deactivated account*/
#inactacc{margin:30px; border:1px solid #cecece; padding:20px}
#inactacc p{text-indent:20px; text-align:justify; margin-top:15px;}
#inactacc h3{ color:#FF3300}

#memcount{font-size:10px; font-weight:bold; margin:10px auto 10px 15px}

.twopanels{width:auto; display:block}
.twopanels:after{clear:both}
.twopanels .tp_lpanel, .twopanels .tp_rpanel{width:280px; display:inline}
.twopanels .tp_lpanel{float:left}
.twopanels .tp_rpanel{float:right}
.twopanels img{width:60px}

#inv_link a{padding:5px; background-color:#111111; line-height:12px;color:#3399CC; font-size:11px; font-weight:bold; text-decoration:none; border:1px solid #262626}
#inv_link a:hover{text-decoration:underline}

#user_link{margin:0; text-align:right}
#user_link img{margin-right:3px}
#user_link a{display:inline-block; height:10px; padding:3px 3px 5px 3px; background-color:#666666; color:#fff; border:1px solid #464646; text-decoration:none; font-size:11px}
#user_link a:hover{color:#ffcc00}

/* team css */
#team_logo{float:right}
#team_link a{padding:5px; background-color:#232323; color:#fff; font-size:11px}
#team_link a:hover{text-decoration:underline}


.reqinvbox{margin:50px; padding:20px; border:1px solid #685646}
/*invitation */
#invitations{border-top:1px dashed #cecece; border-bottom:1px dashed #cecece; padding:5px 0 5px auto; margin:10px auto 10px auto}
#invitations h3{font-size:14px; margin:5px}
#invitations ul{margin:3px 0 10px 25px}

#acptinv{width:500px}
#acptinv h4{padding:5px; margin-top:10px}
#acptinv p{width:300px; margin-left:150px;; padding:5px; border:1px solid #262626; background-color:#121212 }
#acptinv #ai{margin-left:150px;}
/*requests*/
#acptreq{width:500px}
#acptreq h4{padding:5px; margin-top:10px}
#acptreq p{width:300px; margin-left:150px;; padding:5px; border:1px solid #262626; background-color:#121212 }
#acptreq #ai{margin-left:150px;}