@import url("my-menu.css");
@import url("navigation.css");
@import url("sub-navigation.css");
@import url("self-navigation.css");
@import url("super-actions.css");
@import url("pages-jump.css");
@import url("popup.css");

* { margin:0; padding:0;}
body { padding: 5px 0; color:#333; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-size:12px;}
h1, h2, h3, h4, h5, h6 { font-size:1.0em;}
table { width:100%; border-collapse:collapse; overflow:hidden;}
td { vertical-align:top;}
a { color:#3b5998; text-decoration:none;}
a:hover { color:#3b5998; text-decoration:underline;}
img { border:0;}

/* Miscellaneous */
.pipe { padding:0 3px; color:#808080; font-family:Tahoma, sans-serif;}
.text, .content { word-break:break-all;word-wrap:break-word}
.discription { color:#808080;}
cite { font-style:normal;}
.rank { padding:0 3px;}
.hey { margin:0 2px; padding:0 2px; border-bottom:1px solid #ffe222; background:#fffbe2; color:#000;}
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-break: break-all;
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 
/* styling for the links */
a.sudo { color:#dc5173;}
a.sudo:hover { background:#dc5173;}
ul.actions a { display:block; width:100px; text-decoration:none;}
ul.actions a:hover { background:#3b5998; color:#fff; text-decoration:none;}
/* styling for the icons with link */
a.usericon img { border:1px solid #d8dfea; background:#fff;}
a.usericon:hover img { border-color:#3b5998; background:#d8dfea;}
a.photoicon img { padding:2px; border:1px solid #d8dfea; background:#fff;}
a.photoicon:hover img { border-color:#3b5998; background:#d8dfea;}
a.albumicon img { padding:4px; border:1px solid #d8dfea; background:#fff;}
a.albumicon:hover img { border-color:#3b5998; background:#d8dfea;}
/* styling for the tables with user icons */
.personInfo { overflow:hidden; width:91px; text-align:center; vertical-align:bottom;}
.personIcon { width:52px; margin:0 auto; overflow:hidden;}
.personIcon td { width:52px; text-align:center;}
.personName { padding:5px 0 2px; text-align:center; line-height:15px; overflow:hidden;}
.personName a { display:block; white-space:nowrap;}
/* styling for the promoes */
#huge-ad {width:628px; height:280px;}
.xp-h, .xp-w, .xp-n, .xp-n2, .xp-n3 { position:relative; overflow:hidden;}
.xp-h { width:628px; height:280px;}
.xp-w { width:628px; height:60px;}
.xp-n { width:120px; height:280px;}
.xp-n2 { width:120px; height:60px;}
.xp-n3 { width:200px; height:300px;}
.ads-mt { width:500px; height:300px; margin:0 60px 25px;}
#header .xp-w { position:absolute; left:132px; top:25px;}
#sidebar .xp-n2, #adbar .xp-n2 { margin:10px 0;}
#sidebar #p44, #adbar #p44 { margin:10px 0; display:block;}
/* styling for notice boxs */
.attention, .warning, .success, .none, .messages_div, .errors_div { margin:10px; padding:10px; border:1px solid; text-align:center; line-height:20px;}
.stdcontainer .attention, .stdcontainer .warning, .stdcontainer .success, .stdcontainer .none, .stdcontainer .messages_div, .stdcontainer .errors_div { margin:10px 0;}
.gnrcontainer .attention, .gnrcontainer .warning, .gnrcontainer .success, .gnrcontainer .none, .gnrcontainer .messages_div, .gnrcontainer .errors_div { margin:10px 0;}
.attention { border-color:#ffe222; background:#fffbe2;}
.attention strong { font-size:1.2em;}
.warning { border-color:#dd3c10; background:#ffebe8;}
.success { border-color:#3b5998; background:#f7f7f7;}
.none { border-color:#d8dfea; background:#fff;}
.messages_div { border-color:#ffe222; background:#fffbe2;}
.errors_div	{ border-color:#dd3c10; background:#ffebe8;}
.updated {background:#FFF8CC;border-bottom:1px solid #FFE222;}
/* End of Miscellaneous */

/* Form Elements */
.stdcontainer form { margin-top:10px; margin-bottom:10px;}
.subcontainer form { margin:0; background:#FFF; padding:20px}
form#basicInfoForm h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3b5998; font-size:12px; text-align:left; line-height:20px;}
form .notes { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff; text-align:center; line-height:24px;}
form .notes h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3b5998; font-size:12px; text-align:left; line-height:20px;}
form .notes p, form .notes ol, form .notes ul { margin:0 60px; padding-left:20px; text-align:left; line-height:24px;}
form .notes em { font-style:normal; color:#dd3c10;}
form .notes span.url { margin-left:15px;}
form .hint em { font-style:normal; color:#dd3c10;}

form .required, form .optional { clear:both; padding:2px 0; line-height:24px;overflow:hidden;zoom:1}
form .required h4, form .optional h4 { margin:5px 80px 5px 150px; padding-left:10px; border-bottom:1px solid #d8dfea; color:#3b5998; font-size:12px; line-height:20px;}
form .required h4, form .optional h4, form .required p, form .optional p { margin:5px 80px 5px 150px; padding-left:10px;}
form .required label, form .optional label { float:left; width:150px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
form .required .labelCheckbox, form .optional .labelCheckbox { display:block; float:none; width:auto; margin:0 0 0 160px; color:#000; font-weight:normal; text-align:left;}
form .required .labelCheckbox input, form .optional .labelCheckbox input { margin-right:10px;}
form .required em, form .optional em { padding:0 2px; font-style:normal;}
form .actions { margin:10px 0;text-align:center;}
form .required .labelRadio, form .optional .labelRadio { display:block; float:none; width:auto; margin:0; padding-left:160px; color:#000; font-weight:normal; text-align:left;}
form .wide textarea { width:350px; margin-left:160px;}
form .required .labelRadio input, form .optional .labelRadio input { margin-right:10px;}
.wideform .wide { text-align:center;}
.wideform .wide textarea { width:500px; margin:0;}
.wideform .actions { padding:0; text-align:center;}
.wideform .actions a { margin:0 50px;}   
.narrowform .wide label { display:block; float:none; width:100%; margin:0; color:#000; text-align:left;}
.narrowform .actions { padding:0; text-align:left;}

input, textarea, select { background:#fff; font-size:12px;}
input.inputtext:focus, textarea:focus, select:focus { background:#fcfcfc;}
input.validate-code {width:4em !important;float:left;}
.validate-num {float:left;margin:2px 0 0 4px;}
textarea { overflow:auto; padding:2px; border:1px solid #bdc7d8;}
select { height:21px; padding:2px; border:1px solid #bdc7d8;}
.inputtext, .inputfile { padding:2px; border:1px solid #bdc7d8;}
.inputbutton, .inputsubmit, .subbutton, .canbutton, .button-group button { height:24px; font-size:12px; padding:3px 5px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3b5998; color:#fff; line-height:16px; cursor:pointer;}
.button-group button.default {margin-right:5px;}
input.subbutton { margin-right:5px;  padding:3px 8px;}
input.gray { border:1px solid; border-color:#fff #848484 #848484 #fff; background:#f0f0f0; color:#333;}
a.subbutton { display:inline-block; height:16px; padding:3px 10px;}
a.subbutton:hover { color:#fff; text-decoration:none;}

input#highSchool { padding-right:15px; background:#fff url(../img/act_select.gif) 100% 100% no-repeat;}

/* New Form Elements */
form {
    color: #333;
}
form fieldset {
    border: none;
}

.white form fieldset label.empty {
    color: #FFF;
}

.gray form fieldset label.empty {
    color: #F7F7F7;
}

form p.submit-container {
    text-align: center;
    padding: 10px 0;
} 

form p.submit-container input {
    width: 8.0em;
}

form p .labelRadio, form p .labelCheckbox {
    text-align: left !important;
    float: none !important;
    font-weight: normal !important;
    color: #333 !important;
}

form p .labelRadio input, form p .labelCheckbox input {
    margin-right: 5px !important;
}

/* confirmation */
.confirmation { margin:10px 30px; padding:1px; border:10px solid #d8dfea; background:#3b5998;}
.confirmation form { padding:20px; background:#fff;}
.confirmation h3 { border-bottom:1px solid #d8dfea; color:#3b5998;}
.confirmation p { margin:5px 0;}
.confirmation .operation { text-align:right;}

/* Structure */
#container {position: relative; width:960px; margin:0 auto; text-align:left;}
#container1 { width:960px; margin:0 auto; text-align:left;}
#content {overflow:hidden;zoom:1;border-left:1px solid #B7B7B7; border-right:1px solid #B7B7B7; border-bottom:1px solid #3B5998;}
#grouppage #content {padding-top:10px;}
/* Header */
#header { 
    background: url(img/header_bg.gif) no-repeat 100% 0;
    position: relative;
	height: 8px;
}

/* Header - Logo */
#header #logo {position:absolute;background:#3B5998;bottom:-45px;}
/*#header #logo { position:absolute; left:-2px; top:-2px; width:118px; height:55px;}*/
#header #logo a { background:transparent;}

/* Header - Tagline */
#header #tagline { position:absolute; left:132px; top:0; width:628px; height:24px; background:#3b5998 url(img/hl.gif) 0 0 no-repeat; color:#fff; font-size:14px; text-indent:15px; line-height:24px;}
#header #tagline a { color:#fff; text-decoration:none;}

/* Header - Utility */
#utility { position:relative; background:#5D74A2; border-right: 1px solid #B7B7B7; z-index:101; float:right; height:28px; padding-right:10px; margin-left: -5px; color:#d8dfea; text-align:right; line-height:28px;}
#utility a { padding:0 5px; color:#d8dfea; text-decoration:none;}
#utility a:hover { color:#fff; text-decoration:underline;}
#utility .pipe { display:none;}
.paopao {background:url(img/paopao.gif) no-repeat 0 2px; padding-left:15px !important;}
.paopao span {font-size:10px;}
/* End of Header */

/* Sidebar */
#sidebar { float:left; margin-top: 44px; width:129px;}
#welcomepage #sidebar, #infopage #sidebar {background:none; border:none;}
#welcomepage #content {border-left:none;border-bottom:none;}
#welcomepage #banner {
    border-bottom: 1px solid #3B5998; 
    border-left: 1px solid #B7B7B7 !important; 
    border-right: none; 
    padding-left:0; 
    background:none;}
* html #welcomepage #banner {
    border-left: 3px solid #B7B7B7 !important; }
#loginpanel h3, #mymenu h3 { display:none;}
#welcomepage #huge-ad {padding-left:1px;background:url(../img/huge_ad_bg.gif) no-repeat 0 0 }
#welcomepage #huge-ad img {display: block;}
#welcomepage .box {margin-bottom:0;padding-bottom:10px;border-left:1px solid #B7B7B7;width:628px;}


/* Widebar */
#widebar {
    float: right;
    position: relative;
    width: 830px;
    border: 1px solid #E5E5E5;
    border-width: 0 1px 1px 0;
    background: #FFF;
}
#widebar1 {
    float: right;
    width: 830px;
    border: 1px solid #E5E5E5;
    border-width: 0 1px 1px 0;
    background: #FFF;
}
#banner {
    border-right: 1px solid #B8B8B8;
    padding-left: 1px;
    background: url(../img/banner_bg.gif) no-repeat 0 0;
    height: 60px;
	overflow:hidden;
}
#banner img {
    display: block;
}
#adbar {
    clear: left;
    float: left;
}
/* Sidebar - Login Panel */
#loginForm p { margin:10px 0; line-height:20px;}
#loginForm p.top {margin:0;padding-top:10px;}
	#loginForm label { display:block; color:#808080; font-weight:bold; line-height:20px;}
	#loginForm .labelCheckbox { font-weight:normal; color:#333;}
	#loginForm .labelCheckbox input { margin-right:5px;}
#loginForm .inputtext { width:114px;}

#loginpanel .portal { position:relative; display:block; margin:10px 5px 10px 0; padding:5px 0 5px 18px; border:1px solid #ccc; border-width:1px 0; background:#f7f7f7 url(../img/style_triangle.gif) 8px 10px no-repeat; color:#666;}
#loginpanel .portal:hover { border-color:#3b5998; background-color:#d8dfea; color:#333; text-decoration:none;}
#loginpanel .portal strong { display:block; color:#333;}
#loginpanel .portal:hover strong { color:#000;}
#loginpanel #loginForm {
    background: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
    padding-left: 10px;
    padding-top: -10px;
    position: relative;
}

#loginpanel #loginForm #email, #loginpanel #loginForm #password {
    width:104px;
}

#welcome {background: #F7F7F7; position: relative; border-bottom: 1px solid #DDD; padding-bottom: 5px;}
#welcome dt { padding:10px 5px 5px; color:#333; font-weight:bold; font-size:12px;}
#welcome dd { margin:3px 0; padding:0 10px 0 20px; background:url(../img/style_square.gif) 8px 5px no-repeat; color:#666; line-height:14px;}
#infopage #welcome {background:#FFF;border-bottom:0;padding-bottom:0}
/* highlight */
#myclass a span { padding:0 5px; font-size:9px; font-family:Tahoma, sans-serif;}

/* Sidebar - Hot Links */
#sidebar .block, #adbar .block { width:120px; margin:10px 0; padding-bottom:5px; border:solid #B1BDD6; border-width:1px 0 0; overflow:hidden;}
#sidebar .block h3, #adbar .block h3 { padding:2px 5px; background:#F7F7F7; color:#808080; font-size:12px; line-height:15px; text-align:center;}
#sidebar .blockcont, #adbar .blockcont { padding:2px;}
#sidebar #postannouncement a, #adbar #postannouncement a { display:block; height:18px; margin:0 5px; border:1px solid; border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea; background:#3b5998; color:#fff; line-height:18px; text-align:center; text-decoration:none; cursor:pointer;}
#sidebar .attention {padding:0;background:#F9F9F9;border:1px solid #D8DEEA; border-bottom-color:#3B5999;line-height:2.5em;width:118px;}
#adbar .blockcont p {line-height: 1.3em;padding-left:0.6em;background: url(../img/ad_dot.gif) no-repeat 0 7px;}
#adbar .blockcont.shit p {line-height:1.3em;padding-left:0;background:none}
#adbar .attention {padding:0;background:#F9F9F9;border:1px solid #D8DEEA; border-bottom-color:#3B5999;line-height:2.5em;width:118px;}
#adbar .list ul {list-style: none}
#adbar .list ul li {line-height:1.3em}
/* End of Sidebar */

/* Footer */
#footer { float:right; width:830px; margin-right:1px; text-align:left; display:inline;}
#footer p { margin:0px 0; padding:0 10px; color:#808080; line-height:1.0em;}
.shy { color:#808080; text-decoration:none;}
/* End of Footer */

/* Other Structures */
.stdcontainer { clear:both; padding:0 10px; border-top:1px solid #d8dfea; background:#f7f7f7;}
.stdcontainer:after { content:"."; display:block; font-size:0; clear:both; visibility:hidden;}
.stdcontainer { *zoom:1;}
.gnrcontainer:after { content:"."; display:block; font-size:0; line-height:0; clear:both; visibility:hidden;}
.gnrcontainer { *zoom:1;}
.stdcontainer .box h3 { margin:0; border:0; background:transparent;}
.subcontainer { padding:1px; border:10px solid #d8dfea; background:#3b5998;}
/* styling for blocks */
.box { position:relative; overflow:hidden; width:100%; margin-bottom:10px;}
.box h3 { height:24px; margin-bottom:8px; padding-left:8px; background:#d8dfea; color:#333; border-top:1px solid #3b5998; font-size:12px; line-height:24px;}
.box h3 .stat { height:24px; margin-left:5px; color:#000; font-size:12px; font-weight:normal; line-height:24px;}
.box h3 .count { padding:0 2px;}
.box .readmore { text-align:right;}
.box .more { position:absolute; right:10px; top:0px; line-height:24px;}
.box .more .stat { color:#3b5998;}
/* if the block have no content, go here */
.nocontent { margin:10px 0;}
.nocontent h3 { margin-bottom:10px; border-bottom:1px solid #d8dfea; color:#3b5998; font-size:14px;}
.nocontent ul { padding-left:20px;}
.nocontent li { margin:5px 0;}
.nocontent p { margin:10px 0;}
/* styling for page navigation */
.page { 
    clear: both;
    margin: 0.75em 0;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}
.page .this-page { padding:2px 6px; font-weight:bold;}
.page a { position:relative; padding:2px 6px; border:solid 1px #d8dfea; background:#fff; color:#3b5998; text-decoration:none;}
.page a:hover { border:solid 1px #d8dfea; color:#fff; background:#3b5998; text-decoration:none;}
.page .pageCount { display:block; color:#808080; text-align:center;}
.page select { float:left;}

/* Table of Contents */
#toc { position:relative; height:28px; line-height:28px; word-break:break-all;}
#toc a { text-decoration:none;}
.crumbs, .snav, .status { padding:0 10px;}
.crumbs a { text-decoration:none; font-weight:bold;}

#toc .status { float:right; color:#808080;}
#toc .status.sign {background: url(../img/sigh.gif) no-repeat left center; text-indent: 0.6em;}
#toc .op { color:#808080;}
#toc .op a { font-weight:normal;}
#toc .count { padding:0 3px; color:#3b5998; font-weight:bold;}
#toc form { float:right;}
#toc input#name, #toc input#groupname { border:1px solid #bdc7d8; padding:3px;}
#toc strong { padding:0 3px;}

#tocie { position:relative; height:28px; line-height:28px; border-bottom: 1px solid #D8DFEA; word-break:break-all;}
#tocie a { text-decoration:none;}

#tocie .status { float:right; color:#808080;}
#tocie .status.sign {background: url(../img/sigh.gif) no-repeat left center; text-indent: 0.6em;}
#tocie .op { color:#808080;}
#tocie .op a { font-weight:normal;}
#tocie .count { padding:0 3px; color:#3b5998; font-weight:bold;}
#tocie form { float:right;}
#tocie input#name, #toc input#groupname { border:1px solid #bdc7d8; padding:3px;}
#tocie strong { padding:0 3px;}


#headline { padding:5px 10px 0; color:#3b5998; font-size:14px; font-weight:bold; line-height:19px;}
#pagename { margin:10px 0; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea; color:#3b5998; font-size:14px; font-weight:bold; line-height:30px;}


/* tab */
#tabs { height:28px; list-style:none; padding-left:10px; border-bottom:1px solid #3b5998;}
#tabs:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#tabs { *zoom:1;}
#tabs li { float:left;}
#tabs li.activetab, #tabs li.inactivetab { margin:9px 0 -9px}
#tabs a { display:block; margin-right:5px; padding:2px 5px 1px; text-decoration:none; line-height:16px; word-break:keep-all; white-space: nowrap;}
#tabs a:hover { background:#d8dfea; text-decoration:none;}
#tabs .activetab a { color:#fff; background:#3b5998;}
#tabs .activetab a:hover { text-decoration:none; background:#3b5998;}
#tabs .inactivetab a:hover { color:#3b5998; background:#d8dfea; text-decoration:none;}


/* ==== list styles ==== */
/* infolist (ol) */
.infolist { margin:10px 0; list-style:none;}
.infolist div { margin:5px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.infolist div:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
.infolist div { *zoom:1;}
.infolist .image { float:left; margin-right:10px; overflow:hidden;}
.infolist .image a img { border:1px solid #d8dfea;}
.infolist .image a:hover img { border:1px solid #3b5998;}
.infolist .info { float:left; table-layout:fixed; overflow:hidden;}
.infolist .info caption { padding:3px 0; color:#808080; font-weight:bold; text-align:left; word-break:break-all;}
.infolist .info th { color:#808080; font-weight:normal; text-align:left; vertical-align:top;}
.infolist .info .count, .infolist .info .date, .infolist .info .time { padding:0 2px; font-size:11px;}
.infolist .actions { float:right; list-style:none; width:100px;}
.infolist .actions li { border-bottom:1px solid #d8dfea; background:#fff; color:#808080; text-indent:8px;}
/* styling for the people list */
.peoplelist .image { width:102px;}
.peoplelist .info, .people .info caption { width:300px;}
.peoplelist .info th { width:3em;}
/* styling for the group list */
.grouplist .image { width:102px;}
.grouplist .info, .grouplist .info caption { width:360px;}
.grouplist .info th { width:50px;}
/* styling for the album list */
.albumlist .image { width:110px;}
.albumlist .info, .albumlist .info caption { width:360px; color:#666;}
/* styling for the announcement list */
.announcement .image { float:right; width:62px; margin:0; text-align:center;}
.announcement .image img { width:50px; margin-bottom:5px; padding:5px; border:1px solid #d8dfea; background:#fff; overflow:hidden;}
.announcement .image a:hover { background:transparent;}
.announcement .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}
.announcement .info, .announcement .info caption { width:480px;}
.announcement .info caption { color:#3b5998;}
.announcement .info th { width:6em;}

/* iconlist */
.iconlist { list-style:none;}
.iconlist li { clear:both; margin:10px 0; overflow:hidden;}
.iconlist li .icon { float:left; margin-right:5px;}
.iconlist li .icon img { width:20px; max-height:30px;}

/* commentlist */
.commentlist { list-style:none;}
	.commentlist li { padding:5px 10px;}
		.commentlist .odd { background:#f7f7f7; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
		.commentlist .even { background:#fff;}
.comment { padding-left:60px;}
.comment:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.comment .picture { float:left; width:60px; margin-left:-60px;}
	* html .comment .picture { display:inline;}
	.comment .usericon img { width:50px; max-height:75px;}
	.comment .info { line-height:20px;}
	.comment .floor { float:right; color:#808080;}
.commentlist, .comment { *zoom:1;}

/* navlist (ol) */
.navlist { list-style:none; margin:10px 0;}
.navlist li { margin:5px 0; padding-left:11px; color:#808080;}
.navlist li.current { text-indent:-11px;}

/* datalist (table) */
.datalist { table-layout:fixed;}
.datalist th { height:24px; border:solid #d8dfea; border-width:1px 0; background:#f8f9fc; color:#3b5998; line-height:24px;}
.datalist td { padding:5px 0; overflow:hidden; border-bottom:1px solid #d8dfea; line-height:15px; vertical-align:middle;}
.datalist td p { white-space:nowrap;}
.datalist .title { padding:0 5px; border-right:1px solid #d8dfea;}
.datalist .author, .datalist .responder { width:6em; padding:0 5px; text-align:center;}
.datalist .author { border-right:1px solid #d8dfea;}
.datalist .responder { width:6em; padding:0 2px; text-align:center;}
.datalist .time { width:65px; text-align:center;}

/* popup */
.popupwrap { display:none; overflow: hidden; position:absolute; padding:10px; border:1px solid; border-color:#fff #666 #666 #fff; background:#d8dfea; text-align:left; z-index:1000;}
.popupwrap iframe {
    position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
	display:hidden;
}
.popup { display:block; padding:10px; border:1px solid #3b5998; background:#f7f7f7;}
.popup h4 { color:#333; border-bottom:1px solid #e8eef6; line-height:24px;}
.popup p { margin:5px 0; color:#000;}
.popup p.operation { text-align:right;}
#commendit { width:300px;}
/* styling for poke */
#pan { width:300px;}
#poke_confirm, #poke_working, #poke_ok { display:none;}
#poke_ok, #poke_working { text-align:center;}

/* tip */
.tipwrap { margin:0 0 10px; border:7px solid #d8dfea; background:#fff; line-height:20px;}
.tip { position: relative; padding:10px; border:1px solid #3b5998; background:#fffeed;}
.xui-t1 .xui-gf .tip .box { margin:0;}
.tip .close {
	position: absolute;
	top: 0.3em;
	right: 0.5em;
}

*html .tip .close {
	right: 1.2em;
}

/* univlist */
#univlist, #searchSchoolList { position:absolute; width:606px; z-index:1000;}
#univlist_provinces { border-bottom:1px solid #3b5998;}
#univlist_provinces td { vertical-align:middle; color:#808080; text-align:center; font-size:13px;}
#univlist_provinces a { font-size:12px;display:block; text-decoration:none;}
#univlist_provinces td.activetab a { background:#3b5998; color:#fff;}
#univlist_provinces:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#univlist_provinces { *zoom:1;}
#univlist_univs { list-style:none; padding:5px 10px; border:1px solid #d8dfea; background:#fff;}
#univlist_univs:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
#univlist_univs { *zoom:1;}
#univlist_univs li { float:left; width:140px; border-bottom:1px solid #f4f4f4; line-height:23px;}
#univlist_univs li.univ { width:112px;}
#univlist_univs li a:hover { background:#3b5998; color:#fff; text-decoration:none;}
#searchlist_school { list-style:none; padding:5px 10px; border:1px solid #d8dfea; background:#fff;}
#searchlist_school:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
#searchlist_school { *zoom:1;}
#searchlist_school li { float:left; width:140px; border-bottom:1px solid #f4f4f4; line-height:23px;}
#searchlist_school li.univ { width:112px;}
#searchlist_school li a:hover { background:#3b5998; color:#fff; text-decoration:none;}
#univlist .operation a { margin-right:180px;}

/*Editor*/
#upFile {margin-bottom:5px}
#cmtbody {width:99%; margin-right:10px;}
iframe#simplerte {height:160px; width:100%; margin:5px 0; border:none;}
iframe#rte {height:360px; margin:5px 0; border:none; overflow:hidden;}

/* Xiaonei UI Templates */
.xui-t1 .stdcontainer, .xui-t1 .gnrcontainer { padding:10px 0 0 10px; border-top:1px solid #d8dfea; background:#f7f7f7;}

.xui-t1 .xui-gf  { float:left; width:426px;}
.xui-t1 .xui-g  { float:right; width:180px; margin-bottom:10px; position:relative;}

.xui-u { margin-bottom:5px; padding:10px; border:1px solid #e0e0e0; background:#fff;}
.xui-t1 .xui-gf .xui-u { width:404px;}
.xui-t1 .page { margin:0; padding-top:10px;}
.xui-t1 .boxcont ol, .xui-t1 .boxcont ul { list-style:none; line-height:20px;}
.xui-t1 .more { line-height:20px;}

.xui-t1 .xui-gf .box { margin:0 0 5px;}
.xui-t1 .xui-gf h3 { height:20px; margin:0 0 5px; padding:0; border:0; border-bottom:1px solid #d8dfea; background:transparent; line-height:20px;}
.xui-t1 .xui-gf h4 { font-weight:normal; line-height:20px;}
.xui-t1 .xui-gf .more { right:0;}
.xui-t1 .xui-gf .stat { color:#333;}

.xui-t1 .xui-g h3 { height:20px; margin:0 0 5px; padding:0 5px; border:0; background:#e9e9e9; color:#333; font-size:12px; line-height:20px;}
.xui-t1 .xui-g .boxcont { padding:0 5px; line-height:20px;}
.xui-t1 .xui-g .more { right:5px;}

.xui-t2 .gnrcontainer { padding:10px;}
.xui-t2 .xui-gf  { float:left; width:419px;}
.xui-t2 .xui-g  { float:right; width:177px;}
.xui-t2 .xui-gf .boxcont { padding:0 10px;}
.xui-t2 .xui-g .boxcont { padding:0 10px; line-height:20px;}

.xui-t3 .gnrcontainer { padding:10px;}
.xui-t3 .xui-gf  { float:left; width:474px;}
.xui-t3 .xui-g  { float:right; width:122px;}
.xui-t3 .xui-gf .box { width:472px; border:1px solid #d8dfea; background:#fff;}
.xui-t3 .xui-gf .box h3 { margin:0; padding:0 10px; border:0; background:#fff;}

.xui-t4 .xui-gf  { float:left; width:324px;}
.xui-t4 .xui-g  { float:right; width:272px;}
.xui-t4 .xui-gf .info { width:150px;}
.xui-t4 .xui-g h3 { height:20px; padding:0; font-size:14px; line-height:20px;}
.xui-t4 .xui-g .more { right:0; line-height:20px;}

.xui-t5 .stdcontainer { padding:10px;}
.xui-t5 .xui-gf  { float:left; width:396px;}
.xui-t5 .xui-g  { float:right; width:200px;}
.xui-t5 .xui-g .xp-n3 { margin:10px 0;}

.xui-t6 .xui-gf  { float:left; width:216px;}
.xui-t6 .xui-g  { float:right; width:380px;}


/* LATEST STYLING GO HERE */

/* im */
.imstatus { padding:2px 0 2px 2px; font-weight:normal;}

/* share */
.act_share { position:absolute; top:3px; right:2px;}
#content .act_share form { margin:0; padding:0;}
.act_share a.share { float:right; width:59px; height:19px; border:0; background:url(img/act_share.gif) 0 0 no-repeat; text-indent:-999em; line-height:0; overflow:hidden;}
.act_share a:hover { background-position:0 100%;}

/* status */
.statusTime { color:#808080;}
#doing1 { word-break:break-all;}

#edit_sta { display:none; clear:both; height:22px; text-align:right;}
#edit_sta .me { float:left; line-height:22px;}
#edit_sta .statusEditor { float:right; position:relative; background:#fff; text-align:left;}
#edit_sta .statusEditor p { height:20px; border:1px solid #777; overflow:hidden;}
#edit_sta #mySta { height:16px; padding:2px; border:0; line-height:16px;}
#edit_sta a.select { display:block; width:14px; height:20px; background:url(img/act_select.gif) 0 0 no-repeat; text-indent:-999em; line-height:0; overflow:hidden; position:absolute; top:1px; right:1px;}
#edit_sta a.select:hover { background-position:0 100%;}

#preSta { display:none; list-style:none; border:1px solid #777; border-top:none; background:#fff; position:absolute; left:0; top:21px;}
#preSta li { border-top:1px solid #eee; text-indent:10px;}
#preSta li a { display:block; height:20px; line-height:20px; text-decoration:none;}
#preSta li a:hover { background:#3b5998; color:#fff;}

/* rules below this line are rarely used */

/* Resizable text areas */
.resizable-textarea { margin:10px 0; background:#fff;}
.resizable-textarea .grippie { height:14px; background:#eee url(img/grippie.png) 100% 100% no-repeat; border:1px solid #d8dfea;	border-top:0; cursor:s-resize;}
.dragging { border:1px dotted #000; opacity:0.5; filter:Alpha(Opacity=50);}

.floatRight { float:right;}
div#dlgContainer { border:10px #d8dfea solid; padding:1px; background-color:#d8dfea;margin-left:auto; margin-right:auto;}
	div#dlgContainerInner { border:1px #3B5998 solid; background:#FFF;padding:10px}
.caution { color:#dd3c10;}

/* #topmenu */
#closepanbtn{float:right;margin:20px 10px 0 0}
#topmenu { z-index:1000; display:none; position:absolute; width:636px; background:#f7f7f7; border-left:1px solid #fff; border-right:1px solid #aaa; border-bottom:1px solid #aaa;}
#tabPan { width:487px;height:465px; overflow:auto; margin:0 0 10px 15px; text-align:center; float:left;}
.provinces { text-align:center; padding:0; margin:0; float:left;}
.provinces a:hover { background:#d8dfea; text-decoration:none;}
.provinces div { display:block; padding:6px 0 4px 0;}
.provinces a { margin:0px; padding:6px 4px 4px 4px; text-decoration:none;}
.provinces .activetab a { color:white; background:#3B5998;}
.provinces .activetab a:hover { text-decoration:none;}
.provinces .inactivetab a:hover { background:#d8dfea; text-decoration:none;}
div.school { width:114px; float:left; padding:7px 0 6px 0; margin-top:0; text-align:left; font-size:12px;}
div#taiwan, div#aomen, div#xianggang { color:gray; padding:6px 4px 4px 4px;}

/* dialog */
#dialog { border-collapse:separate; margin:0px auto; border:solid 10px #d8dfea;}
#dialog td.dialog { padding-top:10px; border:solid 1px #3b5998;}
#dialog td td { border:none;}
#dialog td .formtable { margin:5px 10px 0px;}
#dialog p { margin:10px; text-align:left;}
#dialog h4 { border-bottom:solid 1px #d8dfea; margin:5px 10px 5px; padding:0px 0px 2px; font-size:13px;}
#dialog .buttons { padding:10px; text-align:right;}
#dialog .buttons input { margin-left:10px;}
#dialog small { color:gray;}

.xui-g .boxcont{color: #333;}

#section-header {
    background-color: #FFFFFF;
    padding: 0px 12px 5px 20px;
    overflow:hidden;
    zoom:1;
}

#section-header .section-avatar {
    float:left;
    height:50px;
    margin-right:10px;
    margin-top:18px;
    overflow:hidden;
    position:relative;
    width:50px;
    z-index:1;
}

#section-header .section-avatar a {
    display: block;
    height: 50px;
    width: 50px;
}

#section-header .section-info {
    float:left;
    padding-top:23px;
    width: 536px;
}

#section-header .section-info .section-gray {
    background:#F7F7F7;
    border-bottom:1px solid #CCCCCC;
    margin:-23px -12px 4px -80px;
    padding:23px 12px 4px 80px;
    z-index:0;
    position:relative;
    width: 536px;
}
/* BRAND NEW */

#new-event input {
    margin-top: 5px;
}

/* Aux Position */
.clear {
    clear: both;
}

.no-float {
    float: none !important;
}

.go-inline {
	display: inline;
}

.go-block {
	display: block;
}

.top-margin {
    margin-top: 1.0em;
}

.bottom-margin {
    margin-bottom: 1.0em;
}

.vertical-margin {
    margin: 10px 0;
}

.float-right {
    float: right;
}

.center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}
/* Links */
a.link-arrow {
    background: url(img/arrow.gif) no-repeat right center;
    padding-right: 0.75em;
}

a.link-arrow-back {
    background: url(img/arrow_back.gif) no-repeat left center;
    padding-left: 0.75em;
}
/* Titles */
h2 {
    font-size: 1.2em;
    color: #000;
}

h2#page-title {
    background: #FFF;
    height: 3.0em;
    line-height: 3.0em;
    font-size: 1.0em;
    color: #333;
    text-indent: 1.0em;
    border-bottom: 1px solid #CCC;
}

h2 img {
	margin-right: 0.25em;
}

h3 {
    color: #333;
}

h3 span {
    font-weight: normal;
}

/* Oak */
#oak {
    zoom: 1;
    overflow: hidden;
}

#oak.white {
    background: #FFF;
}

#oak.gray {
    background: #F7F7F7;
}

#oak.white-gray {
    background: url(img/white_gray_bg.gif) repeat-y right top;
}

#oak.gray-gray {
    background: #F7F7F7 url(img/white_gray_bg.gif) repeat-y right top;
}

*html .white {
    background: #FFF;
}

*html .gray {
    background: #F7F7F7;
}

*html .white-gray {
    background: url(img/white_gray_bg.gif) repeat-y right top;
}

*html .gray-gray {
    background: #F7F7F7 url(img/white_gray_bg.gif) repeat-y right top;
}

#single-column {
    padding: 10px;
}

#wide-column {
    width: 444px;
    float: left;
    padding: 10px;
}

#side-column {
    width: 162px;
    float: right;
}

#side-column .single-box {
    padding: 10px;
    background: #F0F0F0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0.8em 10px 0.8em 0;
    position: relative;
}

#side-column .top-box {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}

#side-column .mid-box {
    padding: 10px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #FFF;
}

#side-column .bottom-box {
    padding: 10px;
    border-top: 1px solid #FFF;
}

#side-column .no-margin {
    margin: 0;
}

#equal-left {
    float: left;
    width: 48.5%;
}

#equal-right {
    float: right;
    width: 48.5%;
}

.cube {
    padding: 10px;
}

.gray .cube {
    border: 1px solid #D8DFEA;
    background: #FFF;
    padding: 10px;
}

.gray-gray .cube {
    border: 1px solid #D8DFEA;
    background: #FFF;
    padding: 10px;
}

.gray .side-cube {
    padding: 0.5em;
    margin-bottom: 1.0em;
    line-height: 1.5em;
}

.gray .side-cube ul {
    padding: 0.5em;
    list-style: square inside;
} 

.blocks {
    padding: 12px;
}

.blocks h3 {
    background:#D8DFEA none repeat scroll 0%;
    border-top:1px solid #3B5998;
    color:#3B5998;
    height:2.0em;
    line-height:2.0em;
    text-indent: 1.0em;
    margin-bottom: 0.6em;
}
/* lalalalalalal */

#toggle_collapse, #toggle_expend {
	position: absolute;
	top: 6px;
	right: 8px;
}


#toggle_collapse a, #toggle_expend a {
	display: block;
	height:16px;
	width: 16px;
	background: url(img/expend_out.gif) no-repeat center center;
	text-indent: -999em;
	line-height: 0.1em;
}

#toggle_expend a {
	background: url(img/collapse_out.gif) no-repeat center center;
}

#toggle_collapse a:hover, #toggle_expend a:hover {
	background: url(img/expend_over.gif) no-repeat center center;
}

#toggle_expend a:hover {
	background: url(img/collapse_over.gif) no-repeat center center;
}

.tip-normal {
	border: 1px solid #E0E0E0;
}

.tip-normal .tip {
	border: none;
	position: relative;
}

.tip-normal .compact p {
	margin: 5px 0;
}

.highlight {
	border: 10px solid #D8DFEA;
	color: #333;
}

.highlight h2 {
	height: 2.0em;
	line-height: 2.0em;
}

.highlight h5 {
    height: 2.0em;
	line-height: 2.0em;
	font-size: 1.2em;
}

.highlight h5 span {
    padding-left: 1.2em;
    background: url(img/sigh.gif) no-repeat 0 50%;
}

/* .highlight.popup {
    border: 6px solid #8D9CCF;
    margin: 20px 40px;
    padding: 0;
} */

.highlight.error {
    border: 1px solid #DD3C10;
    text-align: center;
    background: #FFEBE8;
}

.highlight.side {
    border-width: 5px;
    margin-top: 0.8em;
}

.white .highlight.yellow {
	border: 1px solid #E0E0E0;
	background: #FFFFE1;
	text-align: center;
}

.gray .highlight.yellow {
	border: 1px solid #E0E0E0;
	background: #FFF;
	text-align: center;
}

.highlight.narrow {
    margin: 10px 30px;
}

.highlight .highlight-border {
	display: block;
	position: relative;
	border: 1px solid #3B5998;
	padding: 10px;
}	

/* .highlight.popup .highlight-border {
    border-color: #3B5998;
    padding: 10px;
    background: #FFF;
} */

.highlight.error .highlight-border {
	border-color: #FFEBE8;
	padding: 6px;
}

.highlight.yellow .highlight-border {
	border: 0;
	padding: 20px;
}

#userFriendUniv .highlight ul {
	margin-left: 0.5em;
}

#userFriendUniv .highlight li {
	width: auto;
	float: none;
	text-indent: 1.0em;
	background: url(img/arrow.gif) no-repeat 0 4px;
}

#module-title {
	padding: 20px;
}

#module-title h2 {
	text-indent: 2.0em;
}

#module-title p {
	text-indent: 2.4em;
	height: 2.0em;
	line-height: 2.0em;
}

#module-title p strong {
	color: #C30;
}

.no-data {
    text-align: center;
    color: gray;
}

.no-data.left {
    text-align: left;
}

.no-data.tall {
    height: 6.0em;
    line-height: 6.0em;
}

.no-data.double-tall {
    height: 12.0em;
    line-height: 12.0em;
}

.timestamp, .time, .date {
    font-size: 11px;
    color: #808080;
}

.tip-normal #friendsNewsFeed{border-top: 1px solid #dedbe7; padding:3px 0 10px 0}
.tip-normal #findmates{color: #292929;}
.tip-normal #searchByName input.inputtext{width: 100px}
.tip-normal #searchByName input.inputempty{color: #808080}
.tip-normal .tip .box h3{border-bottom: none}
.tip-normal .tip .box {padding: 10px 0}
.tip-normal #myicon .boxcont .image{margin-right: 5px}
.tip-normal #notes p{margin: 5px 0}
.tip-normal #friendsNewsFeed{border-top: 1px solid #dedbe7; padding:5px 0 10px 0; color: #333}
.tip-normal #notes.xui-g .box .more{padding:0; margin-top:0; top:0;}
.tip-normal .tip .box .lower{top:12px;}


.submit-form {position:relative}
.submit-form h3 { border-bottom:1px solid #D8DFEA; line-height:1.75em;margin-bottom:5px;}
.submit-form p { clear:left; padding:2px 0; line-height:1.5em;}
.submit-form p.label { line-height:18px;margin-bottom:2.0em;}
.submit-form p.operation {margin-top: 1.5em;}
.submit-form p select {width: 10.0em;}
.submit-form p em { color:#808080; font-style:normal; font-weight:bold; padding:2px 2px 0pt 0pt;}
.submit-form label { float:left; position:relative; width:100px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
.submit-form label.empty {color:#FFF}
.submit-form .errors_div {margin:0}
.submit-form span {color:#808080;padding-left:1.0em;}

/* Login Form */

.form-login {
    margin:10px 30px;
}

.form-login h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #D8DFEA;
    line-height: 1.5em;
    margin-bottom: 2.0em;
}

.form-login p {
    padding: 0.5em 0;
    overflow: hidden;
    zoom: 1;
}

.form-login p label { 
    float:left; 
    width:190px; 
    margin-right:10px; 
    color:#808080; 
    font-weight:bold; 
    text-align:right;
    height: 1.8em;
    line-height: 1.8em;
}

.form-login p .inputtext, .form-login p .inputpassword {
    float: left;
    border:1px solid #BDC7D8;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    width: 194px;
    padding: 2px;
}

.form-login p .labelCheckbox {
    padding-left: 1.0em;
}

#joinHighschool #avatar-table p {
    margin-top: 2.0em;
}

.footer-bar {border-top: 1px solid #CCC; padding:0 10px 5px; overflow:hidden; zoom:1;}
.pagerpro{float:right;list-style:none;margin:0;padding:0;}
.pagerpro li{display:inline;float:left;}
.pagerpro li a{font-size:11px;display:block;padding:3px;padding-bottom:2px;}
.footer-bar .pagerpro li a{border-top:2px solid white;border-bottom:0;padding-top:2px;padding-bottom:3px;}
.pagerpro li a.chn{font-size:12px;}
.pagerpro li a:hover{background:#3B5998;border-color:#D8DFEA;border-bottom:2px solid #3B5998;color:white;text-decoration:none;}
.pagerpro li a.chn:hover{border-bottom:1px solid #3B5998;}
.footer-bar .pagerpro li a:hover{border-top:2px solid #3B5998;color:white;border-bottom:0;}
.footer-bar .pagerpro li a.chn:hover{border-top:1px solid #3B5998;}
* html .pagerpro li a.chn:hover{border-bottom:0 solid #3B5998;}
.pagerpro li.current a,
.pagerpro li.current a:hover{background:transparent;border-color:#3B5998;border-bottom:2px solid #3B5998;color:#3B5998;font-weight:bold;padding-left:2px;padding-right:2px;}
.footer-bar .pagerpro li.current a,
.footer-bar .pagerpro li.current a:hover{border-bottom:none;border-top:2px solid #3B5998;}


#xiaonei-welcome-u-guys {
    border-left: 1px solid #B7B7B7;
    /*border-bottom: 1px solid #3B5998;*/
    border-bottom: none;
    padding: 20px 30px 15px;
    border-top: 1px solid #CCC;
}

#xiaonei-welcome-u-guys p {
    margin-top: 25px;
    color: #808080;
}

#xiaonei-welcome-u-guys p a {
    font-weight: bold;
}

#xiaonei-welcome-u-guys a.sign-up-home {
    float: right;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #F7F7F7;
    text-align: center;
    padding: 12px 0;
    width: 240px;
    text-decoration: none;
}

* html #xiaonei-welcome-u-guys a.sign-up-home {
    cursor: hand;
}

#xiaonei-welcome-u-guys a.sign-up-home strong {
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    display: block;
}

#xiaonei-welcome-u-guys a.sign-up-home em {
    font-style: normal;
    color: #808080;
    display: block;
    margin: 0.5em;
}

#xiaonei-welcome-u-guys a.sign-up-home span {
    background: url(../img/reg.gif) no-repeat;
    display: block;
    width: 86px;
    height: 25px;
    margin: 0 auto;
    cursor: hand;
    text-indent: -999em;
}

* html #xiaonei-welcome-u-guys a.sign-up-home {margin:0}
*+html #xiaonei-welcome-u-guys a.sign-up-home {margin:0}


#xiaonei-welcome-u-guys div p {
    color: #808080;
    padding: 6px 0 10px;
}

#xiaonei-welcome-u-guys dt {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.8em;
}

#xiaonei-welcome-u-guys dd {
    background: url(img/style_square.gif) no-repeat 5px 50%;
    text-indent: 1.5em;
    line-height: 1.5em;
    
}

* html #browsesociety #toc .snav select {
    margin-top: 3px;
}

#errorPage .errors_div {
    background: none;
    border: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.2em;
}

#errorPage #content {
    padding: 35px;
}

#errorPage #content p.notes {
    margin: 1.0em 0;
    color: #808080;
}

#errorPage #content ul {
    list-style: square inside;
    color: #3B5998;
}

#yahooSearch {
	background: #F9F9F9;
	border: 1px solid #D8DFEA;
	height:30px;
	margin: 10px 0;
	width:118px;
	position:relative;
}

#yahooSearch .inputtext {
	position: absolute;
	left:5px;
	top:5px;
	width: 75px;
	height: 14px;
	line-height: 14px;
	padding: 2px;
	padding-left: 4px;
	vertical-align:middle;
	color: #808080;
}

#yahooSearch .subbutton {
	position: absolute;
	right:2px;
	top:5px;
	height: 20px;
	line-height:20px;
	padding: 0;
	width: 20px;
}

#uploadDiv {line-height:2.0em}