@charset "utf-8";
/* Commonly Used Classes */
.cleardiv {clear: both;}
body { background: #fff url(/img/common/bg.gif) no-repeat fixed top center; margin: 0 0; font-size: 13px; color: #555; font-family: Arial, Sans-Serif; }
#container { width: 960px; margin: 0 auto; position:relative;}

/* Coloured header bars */
.sectitle div { height: 29px; float: left; }
.sectitle-left {width: 9px}
.sectitle-middle { width: 880px; font-weight: bold; color: #fff; font-size: 16px; padding-left: 10px; line-height: 29px; }
.sectitle-right {width: 9px; }
.sectitle-green .sectitle-left { background: #f5f5f5 url(/img/common/green_bar_left.gif) no-repeat 0 0 }
.sectitle-green .sectitle-middle { background: #f5f5f5 url(/img/common/green_bar_middle.gif) repeat-x 0 0 }
.sectitle-green .sectitle-right { background: #f5f5f5 url(/img/common/green_bar_right.gif) no-repeat 0 0 }

/* Popup Dialog */
.popupDialogContainer { z-index:10; position: absolute; width: 100%; height: 0; top: 0; left: 0; }
.popupDialog { width: 515px; margin: auto; position: relative; top: 120px;}
.popupTop { height: 16px; background: transparent url(/img/common/popup_top.png) no-repeat 0 0; }
.popupContent { background: transparent url(/img/common/popup_middle.png) repeat-y 0 0; padding: 0px 15px; }
.popupBottom { height: 16px; background: transparent url(/img/common/popup_bottom.png) no-repeat 0 0; }
.popupDialogContainer .closeButton { position: absolute; top: 10; right: 20px; cursor: pointer; }

/* Top */
#navbar { height: 34px; background: transparent url(/img/common/login_topbar.png) no-repeat 0 0; } 
#hd .topright { margin-right: 10px;  position:absolute; right:0px;}
#navbar .langSelector { float: left; font-size: 12px; padding-left:5px;}
#navbar .topright { font-size: 12px; padding-top: 3px;}
#navbar .topright #loginForm { *margin-bottom: 0px;  float:right;}
#navbar .topright input.box { width: 50px; height: 14px; font-size: 12px; margin: 0px 7px;}
#navbar .topright input.boxLogin { width: 90px; height: 14px; font-size: 12px; margin: 0px 7px;}
#navbar .topright input, #navbar .topright img { vertical-align: middle; }
#navbar .topright .forgetPassword { margin: 0px 3px; }
#navbar .topright .forgetPassword  a{color:#000;text-decoration:none;}
#navbar .topright .registerButton { margin: 0px 8px; border: 0px; cursor: pointer; }
#navbar .topright #logoutForm { margin-right: 10px; }
#navbar .topright #logoutForm span { margin-right: 20px; font-weight: bold; }
#navbar .topright #logoutForm img { margin: 0px 5px; }
#hd .loginFormMsg {background: transparent url(/img/common/login_topbar2.gif) repeat-y 0 0; color:#FF0000; font-size:11px; margin-right: 10px; width:408px; *width:414px; ; padding:4px 0px 0px 552px; *padding-left:546px; display:none }




#buttons .keyart { float: left; }
#buttons .topright { *margin-right: 5px; float: right; text-align: right;}
#submenu-book, #submenu-teach { display: none; }
#submenu-teach { text-align: left; position:absolute; left:158px; top:54px;}

/* Registration Form */
#registrationForm { display: none; }
#registrationForm .regFormLeft, #registrationForm .regFormRight { float: left; margin-top: 10px; }
#registrationForm .regFormLeft  { width: 180px; padding-left: 15px; }
#registrationForm .regFormRight { width: 250px; border-left: 1px solid #e0e0e0; padding-left: 30px; }
#regFormLayer a {color:#A5A60C; text-decoration:none; }

/* Email Form*/
#emailForm { display: none; }

/* Email form for my903*/
.popupMy903Email { width: 515px; margin: auto; position: relative; }
.popupMy903EmailContainer { z-index:10; position: absolute; width: 515px; height: 0; top: 0; left: 0; }

/* Page Nav */
.pageNavLink {color:#555; text-decoration:none; }
.pageNavSelected {color:#555; font-weight:bold; }

/* Share It */
.shareDiv {color:#555; text-decoration:none; }
.shareDiv img {border:0; vertical-align:middle; }

/* Body */
#bd {width: 948px; margin: 10px auto;}
#bd-begin {height: 24px; background: transparent url(/img/common/frame_top.png) no-repeat 0 0;}
#bd-mid { background: transparent url(/img/common/frame_middle.png) repeat-y 0 0; padding: 0px 15px; }
#bd-end { height: 24px; background: transparent url(/img/common/frame_bottom.png) no-repeat 0 0;}

/* my903 rtf Body */
#my903bd {width: 725px; margin: 10px auto;}
#my903bd-begin {height: 24px; background: transparent url(/img/common/frame_top_2.png) no-repeat 0 0;}
#my903bd-mid { background: transparent url(/img/common/frame_middle_2.png) repeat-y 0 0; padding: 0px 15px; }
#my903bd-end { height: 24px; background: transparent url(/img/common/frame_bottom_2.png) no-repeat 0 0;}

/* Footer */
#ft {text-align: center; font-size: 13px;}
#ft ul {list-style-image:none; list-style-position:outside; list-style-type:none;padding: 0px;}
#ft ul li {display:inline; border-right: 1px solid #000;padding: 0px 10px;margin: 10px 0px;}
#ft ul li.last {border-right: none;}
#ft ul li a {text-decoration:none; color:#555;}
#ft ul li.greentxt a{color:#008345;}
#ft .bottomCopyright { margin: 10px 0px 0px; padding: 3px 0px; background: #000; color: #fff;}
#ft .bottomCopyright a {color:#ff6;text-decoration:none;}

/* landing page */
#mainFlash {text-align: center;}

/*view album*/
#upperVoteBtn {position:absolute;padding-top:5px; text-align:center; width:948px;}