/* 
Last update: 20091116 - @iannnnn 
*/

body { behavior: url("http://www.skoolbuz.com/csshover3.htc"); } 
.text-msg { color:#58d;}

/**** Major IDs ****/

#wrap, #body, #footer {
	width:100%;
}
#header, #body, #footerCon {
	width:960px;
	margin:0 auto;
}
#wrap {
	/*background: url("../../web_images/bg.png") repeat-x #d5eff7;*/
	/*background: url("../../web_images/bg-science.jpg") top center repeat-x #DBF8FF;*/
	background: url("../../web_images/bg_newyear.png") repeat-x #5AE7FF center top;
	overflow: hidden;
}

/**** Div Use PNG ****/
#header h1 a,#container .top,#container .bottom,#footerCon .top,#footerCon .bottom{behavior: url(http://www.skoolbuz.com/iepngfix.htc);}

/**** Setup ****/
.clear {
	clear:both;
}
.last{
	border-bottom:0px solid !important;
}
body, p, td, div, li, span, ul, li {
	font:normal 13px Tahoma;
	/*font-family:Tahoma;
	font-size:13px;
	font-style:normal;*/
}

/**** Round ****/
/*.round { -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.roundSmall {-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.roundT { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;}
.roundR { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}
.roundB { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
.roundL { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
.roundTab { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;}
.ribbon { -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-bottom-left-radius: 10px;}*/

a {
	color:#069;
	font-size:1em;
	font-family:Tahoma;
	text-decoration:none;
}
a:hover {
	color:#09c;
	font-size:1em;
	font-family:Tahoma;
	text-decoration:none;
}


/**** Header ****/
#header {
	overflow:hidden;
}

#header .logo {
	float:left;
	display:inline;
	overflow:hidden;
	width:250px;
	height:150px;
	position: relative;
}
#header .logo h1 a {
	width:250px;
	height:150px;
	display:block;
	text-indent: -9999px;
	/*background:url("../../web_images/logo.png") top left no-repeat;*/
	background:url("../../web_images/logo-vintage.png") top left no-repeat;
	overflow: hidden;
}
#header .logo h1 a:hover {
	/*background:url("../../web_images/logo.png") 0 -150px no-repeat;*/
	background:url("../../web_images/logo-vintage.png") 0 -150px no-repeat;
}
#header .menu {
	float:left;
	display:inline;
	width:685px;
	height:150px;
	margin-left:25px;
	overflow: hidden;
}
#header .login {
	float:right;
	display:block;
	height:41px;
	/*background:#e6a url('../../web_images/bg-login.png') repeat-x;*/
	background:url('../../web_images/bg-login.png') repeat-x;
}
#header .login.rightround {
	background-image: url(../../web_images/login_rightround.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 41px;
	width: 10px;
}
#header .login.leftround {
	background-image: url(../../web_images/login_leftround.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 41px;
	width: 10px;
}
#header .login ul {
	padding:10px 0px 15px 0px;
	list-style: none;
	overflow:hidden;
	text-align:center;
	position: relative;
}
#header .login li {
	display:inline;
	padding:5px 3px;
}
#header .login li a {
	font-size:12px;
	text-decoration:none;
	color:#fff;
}
#header .login li a:hover {
	font-size:12px;
	text-decoration:underline;
	color:#ff6;
}

/**** Header Search Box ****/
#header .tab {
	position:absolute;
	margin-top:30px;
	height:50px;
	width:685px;
	display:block;
	overflow:hidden;
}
#header .tab ul {
	list-style:none;
}
#header .tab ul li {
	background:url('../../web_images/header_tab_front.png') left top no-repeat;
	float:left;
	display:block;
	margin-right:5px;
	padding-left:9px;
	height:45px;
}
#header .tab ul li a {
	background:url('../../web_images/header_tab_back.png') right top no-repeat;
	color:#4ea8c2;
	text-decoration:none;
	width:auto;
    height:45px;
    padding:14px 10px 0 0;
    margin:0px;
    float:left;
    text-align:center;
}
#header .tab ul li:hover {
	background:url('../../web_images/header_tab_active_front.png') 0px 0px no-repeat;
    padding:0 0 0 9px;
    margin:0 5px 0 0;
}
#header .tab ul li:hover a{
	background:url('../../web_images/header_tab_active_back.png') right no-repeat;
	color:#ffffff;
	text-decoration:none;
	width:auto;
    height:45px;
    margin:-9px 0 0 0;
	padding:23px 10px 0 0;
    float:left;
    text-align:center;
}
#header .tab ul li.current {
	background:url('../../web_images/header_tab_active_front.png') left top no-repeat;
    padding:0 0 0 9px;
    margin:0 5px 0 0;
}
#header .tab ul li.current a {
	background:url('../../web_images/header_tab_active_back.png') right top no-repeat;
	color:#4ea8c2;
	text-decoration:none;
	width:auto;
    height:45px;
    padding:0px;
    margin:0px;
    float:left;
    text-align:center;
}
#header .tab ul li.current  a span {
	color:#fff;
}

#header .tab ul li.home a span{
	text-indent:-9999px;
	background: url('../../web_images/tab-home.png') -3px 0px no-repeat;
	width:25px;
	height:50px;
	overflow:hidden;
	display:block;
	padding:0 15px;
}
#header .tab ul li.home a:hover span{
	background: url('../../web_images/tab-home.png') -3px -50px no-repeat;
}
#header .tab span{
	font-size:16px;
	padding:0 15px;
}

/** Add 18-02-2010 **/
#header .tab ul li.pageNow {
	background:url('../../web_images/header_tab_active_front.png') left top no-repeat;
	float:left;
	display:block;
	margin-right:5px;
	padding-left:9px;
	height:45px;
}
#header .tab ul li.pageNow a {
	background:url('../../web_images/header_tab_active_back.png') right top no-repeat;
	color:#fff;
	text-decoration:none;
	width:auto;
    height:45px;
    padding:14px 10px 0 0;
    margin:0px;
    float:left;
    text-align:center;
}
#header .tab ul li.pageNow a:hover {
	background:url('../../web_images/header_tab_active_back.png') right top no-repeat;
	color:#4EA8C2;
	text-decoration:none;
	width:auto;
    height:45px;
    padding:14px 10px 0 0;
    margin:0px;
    float:left;
    text-align:center;
}

/** Tab Home No Current **/
#header .tab ul li.noCurrent {
	background:url('../../web_images/header_tab_front.png') left top no-repeat;
    padding:0 0 0 9px;
    margin:0 5px 0 0;
}
#header .tab ul li.noCurrent a {
	background:url('../../web_images/header_tab_back.png') right top no-repeat;
	color:#4ea8c2;
	text-decoration:none;
	width:auto;
    height:45px;
    padding:0px;
    margin:0px;
    float:left;
    text-align:center;
}
#header .tab ul li.noCurrent  a span {
	color:#fff;
}

#header .tab ul li.homeNoCurrent a span{
	text-indent:-9999px;
	background: url('../../web_images/tab-home-01.png') -3px 0px no-repeat;
	width:25px;
	height:45px;
	overflow:hidden;
	display:block;
	padding:0 15px;
}
#header .tab ul li.homeNoCurrent a:hover span{
	background: url('../../web_images/tab-home.png') -3px -50px no-repeat;
}
#header .tab ul li.noCurrent:hover{
	background:url('../../web_images/header_tab_active_front.png') 0px 0px no-repeat;
    padding:0 0 0 9px;
    margin:0 5px 0 0;
}
#header .tab ul li.homeNoCurrent a:hover{	background:url('../../web_images/header_tab_active_back.png') right top no-repeat;}
/** End **/


#search-bar-global { margin-top:75px; }
#header .searchBox {
	margin-top:75px;
	height:75px;
	width:685px;
	background:#A7E2FF url('../../web_images/bg-mainTabC.png') repeat-x;
	line-height:75px;
	overflow:hidden;
	position:relative;/*Add 25-02-2010*/
}
#header .searchBox input {
	height:30px;
	width:550px;
	display:inline;
	background:#fff url('../../web_images/bg-searchBox.png') repeat-x;
	border: none;
	font: normal 20px Tahoma;
	color:#39a;
	margin:12px 2px 10px 15px; 
	padding: 10px 0 10px 10px;
	float:left;
}

.searchBoxAnimation{ position:absolute; top:148px; /*left:1027px;*/}/*Add 25-02-2010*/

#header .searchBox button {
	height:50px;
	width:90px;
	display:inline;
	background:#ffa url('../../web_images/bg-searchBtn.png') top center no-repeat;
	border: none;
	font: normal 20px Tahoma;
	color:#b2b35d;
	margin:12px 0 10px 3px;
	float:left;
	text-indent:-9999px;
	position: relative;
}
#header .searchBox button:hover {
	background:#ffa url('../../web_images/bg-searchBtn.png') bottom center no-repeat;
}


/*Add 18-07-2011*/
#header .wraptop {width:960px; height:24px; float:left;}
#header .wraptop .tabRegister a{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat 0 0; width:80px; height:22px; float:right;}
#header .wraptop .tabRegister a:hover{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat 0 -22px; width:80px; height:22px; float:right;}
#header .wraptop .tabLogin a{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat -80px 0; width:62px; height:22px; float:right;}
#header .wraptop .tabLogin a:hover{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat -80px -22px; width:62px; height:22px; float:right;}
#header .wraptop .tabEditprofile a{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat 0 -44px; width:72px; height:22px; float:right;}
#header .wraptop .tabEditprofile a:hover{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat 0 -66px; width:72px; height:22px;}
#header .wraptop .tabLogout a{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat -72px -44px; width:70px; height:22px; float:right;}
#header .wraptop .tabLogout a:hover{ background:url(../../web_images/menubar2011/tab_register_login.png) no-repeat -72px -66px; width:70px; height:22px;}

#header .wrapmid {width:960px; height:100px; float:left; padding:5px 0 8px 0;}
/*#header .wrapmid .logoSkb a{background:url(../../web_images/menubar2011/logo_halloween.png) no-repeat; height:107px; width:182px;float:left; margin:-15px 0 0 10px;}
#header .wrapmid .logoSkb a:hover{background:url(../../web_images/menubar2011/logo_halloween.png) 0 -107px; height:107px; width:182px}*/
/* default*/
/*#header .wrapmid .logoSkb a{background:url(../../web_images/menubar2011/logo_default.png) no-repeat; height:101px; width:193px;float:left; margin:0;}
#header .wrapmid .logoSkb a:hover{background:url(../../web_images/menubar2011/logo_default.png) 0 -101px; height:101px; width:193px}*/
#header .wrapmid .logoSkb a{background:url(../../web_images/menubar2011/logo_newyear.png) no-repeat 0 -105px; height:105px; width:195px;float:left; margin:-5px 0 0 0;}
#header .wrapmid .logoSkb a:hover{background:url(../../web_images/menubar2011/logo_newyear.png) no-repeat 0 0; height:105px; width:195px;}
#header .wrapmid .bannerTop {background:url(../../web_images/menubar2011/bg_Topbanner.png) no-repeat; width:728px; height:90px; padding:5px; float:right;}


#header .home a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat 0 0; width:68px; height:48px; float:left;}
#header .home a:hover{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat 0 -48px; width:68px; height:48px; float:left;}
#header .home_active a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat 0 -48px; width:68px; height:48px; float:left;}
#header .library a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -68px 0; width:102px; height:48px; float:left;}
#header .library a:hover{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -68px -48px; width:102px; height:48px; float:left;}
#header .library_active a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -68px -48px; width:102px; height:48px; float:left;}
#header .skoolMag a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -170px 0; width:121px; height:48px; float:left;}
#header .skoolMag a:hover{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -170px -48px; width:121px; height:48px; float:left;}
#header .skoolMag_active a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -170px -48px; width:121px; height:48px; float:left;}
#header .community a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -291px 0; width:135px; height:48px; float:left;}
#header .community a:hover{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -291px -48px; width:135px; height:48px; float:left;}
#header .community_active a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -291px -48px; width:135px; height:48px; float:left;}
#header .webboard a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -426px 0; width:115px; height:48px; float:left;}
#header .webboard a:hover{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -426px -48px; width:115px; height:48px; float:left;}
#header .webboard_active a{ background:url(../../web_images/menubar2011/menu_header.png) no-repeat -426px -48px; width:115px; height:48px; float:left;}
#header .tapmenuSearch { background:url(../../web_images/menubar2011/menu_header.png) no-repeat -541px 0; width:419px; height:48px; float:left;}
#header .tapmenuSearch .inputSearch{ width:350px; height:22px; padding:15px 0 0 20px; float:left; overflow:hidden; color:#999;}
#header .tapmenuSearch .btnSearch a{ background:url(../../web_images/menubar2011/btn_search.png) no-repeat 0 0; width:27px; height:25px; float:right; margin:12px 11px 11px 11px;} 
#header .tapmenuSearch .btnSearch a:hover{ background:url(../../web_images/menubar2011/btn_search.png) no-repeat 0 -25px; width:27px; height:25px; float:right;} 
#header .linebtmMenu { background:url(../../web_images/menubar2011/line_bottom_header.png) no-repeat; width:960px; height:2px; float:left; margin:8px 0 8px 0;}

/*End 18-07-2011*/
#header .tabMenu {
	position:absolute;
	margin-top:30px;
	height:50px;
	width:685px;
	display:block;
	overflow:hidden;
}
#header .tabMenu ul {
	list-style:none;
}
#header .tabMenu ul li {
	background:url('../../web_images/menubar2011/header_tab_front.png') left top no-repeat;
	float:left;
	display:block;
	margin-right:5px;
	padding-left:9px;
	height:45px;
}
#header .tabMenu ul li a {
	background:url('../../web_images/menubar2011/header_tab_back.png') right top no-repeat;
	color:#4ea8c2;
	text-decoration:none;
	width:auto;
    height:45px;
    padding:14px 10px 0 0;
    margin:0px;
    float:left;
    text-align:center;
}

/*End Menu2011*/

#index{
	color:#888;
	margin-top:-10px;
	margin-bottom:8px;
}
#index a{
	font-size:10px;
	text-decoration:none;
	color:#888;
}
#index a:hover{
	color:#ccc;
}

/**** Body ****/
#body {
	overflow:hidden;
	margin-bottom: 20px;
	margin-top:10px;
}

/**** Sidebar ****/
#sidebar {
	float:left;
	display:inline;
	width:260px;
	margin-top:20px;
	position: relative;
}

#sidebar .bottom {
}
#sidebar .userProfile{
	width:260px;
	margin-bottom:20px;
}
#sidebar .userProfile .top{
	background:url(../../web_images/sidebar_top.png) left top no-repeat;
	width:260px;
	height:10px;
}
/*Add 23-02-2010 */
#sidebar .userProfile .mid{
	background:#5588dd;
	padding:10px 15px 10px 15px;
	overflow:hidden;
	white-space:nowrap;
	width:230px;
	color:#ffffff;
}
/* End */
#sidebar .userProfile .bottom{	
	background:url(../../web_images/sidebar_bottom.png) no-repeat;
	width:260px;
}
#sidebar .userProfile .bottom{	
	background:url(../../web_images/sidebar_bottom.png) no-repeat;
	width:260px;
	height:10px;
}
/*Add 23-02-2010 */
#sidebar .userProfile .username{
	font-size:14px;
	color:#fafb07;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	float:left;
	white-space:normal;
	width:123px;
	overflow:hidden;
	margin-top:3px;
	width:110px;
}
#sidebar .userProfile .username a{color:#fafb07;font-weight:bold;text-decoration:none;font-size:14px;}
#sidebar .userProfile .username a:hover{ color:#dbdc0d; text-decoration:none;font-size:14px;}

#sidebar .userProfile .userOnline{ background:url(../../web_images/icon-userOnline.png) no-repeat; width:58px; height:18px; margin-left:10px; float:right;}

#sidebar .userProfile .displayname{ color:#fff; font-size:13px; width:160px; float:left;white-space:normal;}

#sidebar .userProfile .itemUser{ float:left; margin-right:5px; display:block;}

.blankUser{ margin-top:10px;}

#sidebar .userProfile .wrapUser .Following{
	display:block;
	float:left;
	padding-right:20px;
	width:40px;
	border-right:#fff solid 1px;
}
#sidebar .userProfile .wrapUser .Following a{color:#fff; text-decoration:none;font-size:11px;}
#sidebar .userProfile .wrapUser .Following a:hover{color:#fff; text-decoration:underline;font-size:11px;}

#sidebar .userProfile .wrapUser .Follower{
	display:block;
	float:left;
	padding-left:20px;
	width:40px;
}
#sidebar .userProfile .wrapUser .Follower a{color:#fff; text-decoration:none;font-size:11px;}
#sidebar .userProfile .wrapUser .Follower a:hover{color:#fff; text-decoration:underline;font-size:11px;}

#sidebar .userProfile .wrapUser .Following p {color:#fff; font-size:11px; text-align:center;}
#sidebar .userProfile .wrapUser .Follower p {color:#fff; font-size:11px; text-align:center;}
/* End */
#sidebar .userProfile .wrapUser{
	float:left;
	width:125px;
}
/* Add 23-02-2010 */
#sidebar .userProfile .wrapUser p.status,#sidebar .userProfile .wrapUser p.userID,#sidebar .userProfile .wrapUser .starPoint,#sidebar .userProfile .wrapUser .pinging,#sidebar .userProfile .wrapUser .pinger,#sidebar .userProfile .diligentBox,#sidebar .userProfile .goodBox,#sidebar .userProfile .inbox{
	padding:0px 0px 3px 0px;
}

.starPoint{ float:left; display:block;}

.userProfile .inbox{ margin-top:4px;}

/* End */
#sidebar .userProfile .wrapUser .pinging,#sidebar .userProfile .wrapUser .pinger{
	float:left;
	width:55px;
	margin-left:5px;
}
#sidebar .userProfile .wrapUser .pinging a,#sidebar .userProfile .wrapUser .pinger a{
	float:left;
	width:55px;
	color:#ffffff;
}
/* Add 23-02-2010 */
#sidebar .userProfile .msginbox a{
	background:url(../../web_images/icon-mail.gif) no-repeat left center;
	display:block;
	padding:0px 0px 0px 20px;
	color:#ffffff;
	font-size:11px;
}


#sidebar .userProfile .msginbox a:hover{text-decoration:underline;}
/* End */
#sidebar .userProfile .diligentBox{
	clear:both;
	font-size:11px;/* Add 23-02-2010 */
}
#sidebar .userProfile a img.avatar {
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	display:block;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background:#fff;
}
#sidebar .userProfile a:hover img.avatar {
	border: 1px solid #666;
}
#sidebar .userProfile h3 {
	color:#fff;
}



/**** Container ****/
#container {
	float:left;
	display:inline;
	width:700px;
	position: relative;
	overflow: hidden;
}
#container .top {
	background-image: url(../../web_images/container_top.png);
	display: block;
	height: 10px;
	width: 700px;
	position: relative;
}
#container .bottom {
	background-image: url(../../web_images/container_bottom.png);
	display: block;
	height: 10px;
	width: 700px;
	position: relative;
}
#container .mid{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	display: block;
	width: 660px;
	padding:19px;
	background:#fff;
	overflow: hidden;
	position: relative;
	color:#555;
}

/**** Footer ****/
#footer {
	/*background: url("../../web_images/bg-footer.png") bottom right repeat-x #d5eff7;*/
	background: url("../../web_images/footer_newyear.png") bottom center repeat-x #D5EFF7;
	height:380px;
	overflow: hidden;
}

#footerCon {
	width:960px;
	overflow: hidden;
}
#footerCon .top {
	background-image: url(../../web_images/footer_top.png);
	display: block;
	height: 10px;
	width: 960px;
	position: relative;
}
#footerCon .bottom {
	background-image: url(../../web_images/footer_bottom.png);
	display: block;
	height: 10px;
	width: 960px;
	position: relative;
}
#footerCon .mid{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	display: block;
	width: 918px;
	padding:10px 20px;
	position: relative;
	background:#FFFFFF;
	overflow: hidden;
}
#library {
	display: block;
	overflow: hidden;
	width: 660px;
}
#library h1 {
	font-size: 150%;
	color: #279AD1;
	padding-bottom: 5px;
}
#library .newLibrary {
	color: #888889;
	font-size: 14px;
	width: 323px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebebeb;
	padding-right: 5px;
}
#library .wrapLibrary {
	display: block;
	width: 320px;
	overflow: hidden;
	padding-top: 5px;
}
#library .wrapLibrary h1.library {
	color: #F06;
	font-size:14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-weight:bold;
}
#library .wrapLibrary h1.library a{color: #ff629d;font-size:14px;font-weight:bold;}
#library .wrapLibrary h1.library a:hover{color: #f06;font-size:14px;font-weight:bold;}
#library .wrapLibrary p.date {
	color:#7CA500;
	font-size: 10px;
	padding-bottom: 2px;
}
#library .wrapLibrary span.by {
	color: #666;
	font-size: 10px;
}

#library .wrapLibrary span.by a {color: #666;}
#library .wrapLibrary span.by a:hover {color: #999;}

#library .wrapLibrary p.description {
	color: #555;
	font-size:11px;
}
#library .wrapLibrary p.description a{ color:#555;}
#library .wrapLibrary p.description a:hover{ color:#999;}

#library .wrapLibrary .pic {
	float: left;
	height: 60px;
	width: 53px;
}
#library .hitsLibrary {
	color: #888889;
	font-size: 14px;
	float: right;
	width: 323px;
	padding-left: 5px;
}
#mag .wrapMag .pic {
	float: left;
	height: 30px;
	width: 40px;
}
#mag .wrapMag h1.mag {
	/*font-size: 120%;
	color: #999999;*/
	padding-top: 5px;
	color: #888889;
	font-weight:normal;
	font-size:12px;
}
#mag .wrapMag {
	padding-top: 10px;
}
#mag h1 {
	font-size: 150%;
	color: #279AD1;
	padding-bottom: 5px;
}

.magLine{background:url(../../web_images/line.png) right no-repeat; width:429px; height:12px; margin-top:-10px; margin-left:228px; margin-bottom:20px;}
.libLineMain{background:url(../../web_images/line.png) right no-repeat; width:429px; height:12px; margin-top:-3px; margin-left:181px; margin-bottom:20px;}
.CommLineMain{background:url(../../web_images/line.png) right no-repeat; width:429px; height:12px; margin-top:-17px; margin-left:254px; margin-bottom:20px;}


#footerCon .mid .wrapFooterL {
	float: left;
	width: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#footerCon .mid .wrapFooterR {
	float:right;
	width:587px;
	color:#999;
	font-size:11px;
	line-height:15px;
	padding:20px 20px 30px 30px;
	border-left:#ebebeb solid 1px;
}
#footerCon .mid .wrapFooterL .menu ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
#footerCon .mid .wrapFooterL .menu {
	color: #FF629D;
	font-size:12px;
}
#footerCon .mid .wrapFooterL .menu a {
	color: #FF629D;
	font-size:12px;
}
#footerCon .mid .wrapFooterL .menu a:hover {
	color: #f09;
}
#footerCon .mid .wrapFooterL .menu li {
	padding-top: 1px;
	padding-bottom: 1px;
}
#footerCon .mid .wrapFooterR p {
	font-size: 11px;
	color: #999;
}
#footerCon .menuFooter ul {
	float: right;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
}
#footerCon .menuFooter li {
	display: inline;
	padding-left: 15px;
	font-size: 14px;
}

#footerCon .menuFooter{
	color: #578e00;
	font-size:12px;
}
#footerCon .menuFooter a {
	/*color:#578e00;*/
	color:#846241;
	font-size:12px;
}
#footerCon .menuFooter a:hover{
	/*color:#6cb000;*/
	color:#B08D68;
}
#tagSidebar {
	width: 260px;
	display: block;
	overflow: hidden;
}
#tagSidebar .top {
	background:url(../../web_images/sidebar_grayTop.png) repeat scroll left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow: hidden;
}
#tagSidebar .bottom {
	background:url(../../web_images/sidebar_grayBottom.png) repeat scroll left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow: hidden;
}
#tagSidebar .mid {
	display: block;
	width: 240px;
	padding:8px 10px 10px;
	background-color: #F7F7F7;
	border-left:1px solid #DDDDDD;
}
#tagSidebar .mid h1 {
	color: #008CD0;
	font-size:18px;
	padding:3px 0;
}

#tagSidebar .mid a{
	padding:0px 1px;
}
#tagSidebar .mid a.hits1 {
	font-size: 2em;
	color: #666666;
	white-space: nowrap;
}
#tagSidebar .mid a.hits2 {
	font-size: 1.5em;
	color: #888888;
	white-space: nowrap;
}
#tagSidebar .mid a.hits3 {
	font-size: 1.25em;
	color: #aaaaaa;
	white-space: nowrap;
}
#tagSidebar .mid a.hits4 {
	font-size: 1em;
	color: #666666;
	white-space: nowrap;
}
#tagSidebar .mid a.hits5 {
	font-size: 0.85em;
	color: #888888;
	white-space: nowrap;
}
#tagSidebar .mid a.hits6 {
	font-size:0.75em;
	color: #aaaaaa;
	white-space: nowrap;
}
#tagSidebar .mid a:hover { color:#6cc6c3; }
#tagSidebar {
	padding-top: 20px;
}

#tagList { width:240px; background-color:#F7F7F7; border-left:1px solid #DDDDDD;}
#tagList span { float:left; padding-right:5px; }

/**** Setting ****/
#setSidebar {
	width: 260px;
	display: block;
	overflow: hidden;
	margin-bottom:20px;
}
#setSidebar .top {
	background:url(../../web_images/sidebar_topMenuSetting.png) repeat scroll left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow: hidden;
}
#setSidebar .bottom {
	background:url(../../web_images/sidebar__bottomMenuSetting.png) repeat scroll left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow: hidden;
}
#setSidebar .mid {
	display: block;
	width: 240px;
	padding:8px 15px 10px;
	background-color: #fffeeb;
	border-left:1px solid #fff;
}
#setSidebar .mid .wrapH1{float:left; width:150px;}
#setSidebar .mid h1 {
	/*color: #005ca3;*/
	color: #008CD0;
	font-size:18px;
	/*padding:3px 0;*/
}
#setSidebar .mid .ttlCourse h1 {
	color: #005CA3;
	font-size:18px;
	background:url(../../web_images/title-course.png) no-repeat;
	width:96px;
	height:22px;
	text-indent:-9999px;
}

#setSidebar .mid .ttlSetting h1 {
	color: #005CA3;
	font-size:18px;
	background:url(../../web_images/title-setting.png) no-repeat;
	width:96px;
	height:26px;
	text-indent:-9999px;
}

#setSidebar .imgSetAll{float:right; margin-right:12px;}

#setSidebar .blank{ margin:20px;}

#setSidebar .mid a{
	color:#555;
	font-size:13px;
}

#setSidebar .mid a:hover{
	color:#333;
	font-size:13px;
}

#setSidebar .mid .backHome a{
	color:#0f9cd8;
}


#setSidebar .lineHead{ background:url(../../web_images/bg-lineMenuSetting.png) repeat-x; width:247px; height:17px; text-align:right; }

#setSidebar .line{border-bottom:#eee solid 1px; padding:3px 0; width:220px}
#setSidebar { margin-bottom:20px;}

#setSidebar .btnHomeL{float:left; width:100px;}
#setSidebar .bgHome{background:url(../../web_images/btn-setHome.png) no-repeat; width:88px; height:33px;}
#setSidebar .btnHomeR{float:left; width:120px;}
#setSidebar .bgHomeProfile{background:url(../../web_images/btn-setHomeProfile.png) no-repeat; width:133px; height:33px;}
#setSidebar .text{padding:9px 0 0 29px;}
#setSidebar .text a{ color:#fff; text-indent:-9999px; display:block;}
#setSidebar .text a:hover{ color: #ggg;}


/**** End Setting ****/

#container .mid h1 {
	/*color: #009900;*/
	font-size: 150%;
	padding-top: 10px;
	padding-bottom: 10px;
	/*color:#3765EC;*/
	color:#008cd0;
}
#tradingTopic {
	display: block;
	width: 260px;
	overflow: hidden;
	margin:10px 0px 0px 0px;
}
#tradingTopic .top {
	background: url(../../web_images/sidebar_grayTop.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}
#tradingTopic .mid{
	background:#f7f7f7;
	border-left:1px solid #dddddd;
	display:block;
	width:239px;
	padding:0px 10px;
} 
#tradingTopic .mid h1{
	color:#005ca3;
	font-size:18px;
	padding:3px 0px;
}
#tradingTopic .mid p{
	padding:3px 0px;
}
#tradingTopic .mid p a{
	color:#8FBB25;
	/*color:#666;*/
}

#tradingTopic .mid p a:hover{
	color:#269BCF;
}

#tradingTopic .bottom {
	background: url(../../web_images/sidebar_grayBottom.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}
#friendBox {
	display: block;
	width: 260px;
	overflow: hidden;
	margin:10px 0px 0px 0px;
}
#friendBox .top {
	background: url(../../web_images/sidebar_grayTop.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}
#friendBox .mid{
	background:#f7f7f7;
	border-left:1px solid #dddddd;
	display:block;
	width:239px;
	padding:0px 10px;
} 
#friendBox .mid h1{
	color:#005ca3;
	font-size:18px;
	padding:3px 0px;
}
#friendBox .mid a{
	padding:5px 3px;
	display:block;
	float:left;
}
#friendBox .bottom {
	background: url(../../web_images/sidebar_grayBottom.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}

#subjectList {
	display: block;
	width: 260px;
	overflow: hidden;
	margin:0px 0px 20px 0px;
}



#subjectList .top {
	background: url(../../web_images/sidebar_grayTop.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}
#subjectList .mid{
	background:#f7f7f7;
	border-left:1px solid #dddddd;
	display:block;
	width:239px;
	padding:10px;
} 

#subjectList .mid h1{
	color:#008CD0;
	font-size:18px;
	padding:3px 0px;
}
#subjectList .mid p{
	padding:3px 0px;
}
#subjectList .mid p a{
	color:#666;
	display:block;
	float:left;
}
#subjectList .mid p a.iconSubject{
	padding:5px 0px 0px 0px;
	font-size:13px;
}
#subjectList .mid p a.subjectName{
	padding:12px 0px 0px 10px;
	font-weight:bold;
	font-size:12px;
}
#subjectList .mid p a.subjectName:hover{ color:#333;font-size:12px;}

.bannerLeft{ overflow:hidden;}

.bannerLeft img{ max-width:240px;}

#subjectList .bottom {
	background: url(../../web_images/sidebar_grayBottom.png) left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow: hidden;
}

#typeBox {
	display: block;
	width: 260px;
	overflow: hidden;
	margin:0px 0px 20px 0px;
}
#typeBox .top {
	background: url(../../web_images/roundPinkTop.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}
#typeBox .mid{
	background:#ffa3c8;
	display:block;
	width:240px;
	padding:10px 10px 0;
	position:relative;
	margin-top:-5px;
} 
#typeBox .mid h1{
	color:#ffffff;
	font-size:16px;
	padding:3px 0px 10px 0px;
	float:left;
	margin-top:10px;
}
#typeBox .mid .smileySet {
	display: block;
	position: absolute;
	top:6px;
	right:15px;
}
#typeBox .mid textarea {
	display: block;
	width:230px;
	height:40px;
	border:1px solid #ebebeb;
	color:#777;
	padding:4px;
}
#typeBox .mid input.sendButton {
	display: block;
	cursor:pointer;
	background:url(../../web_images/sendButton.png/) center center no-repeat;
	display:block;
	width:34px;
	height:36px;
	border:0px none;
	float:right;
	margin-top:10px;
}
#typeBox .bottom {
	background: url(../../web_images/roundPinkBottom.png) left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow:hidden;
}
.goodBox { clear:both; }

#miniMicroBlog {
	display: block;
	width: 260px;
	overflow: hidden;
	margin:0px 0px 20px 0px;
}
#miniMicroBlog .top {
	background: url(../../web_images/sidebar_grayTop.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}
#miniMicroBlog .mid{
	background:#f7f7f7;
	border-left:1px solid #dddddd;
	display:block;
	width:234px;
	padding:10px 15px 10px 10px;
	color:#666;
}
#miniMicroBlog .mid .followBox{
	width:234px;
	border-bottom:1px solid #dbdbdb;
	padding:15px 0px;
	position:relative;
}

#miniMicroBlog .mid .followBox .userPic{
	width:30px;
	height:30px;
	display:block;
	float:left;
}
#miniMicroBlog .mid .followBox .commentBox{
	width:204px;/** Add 270110 **/
	float:left;
}
#miniMicroBlog .mid .followBox .commentBox p.username{
	color:#269bcf;
	font-family:Verdana;
	font-weight:bold;
	padding-left:10px;
	width:194px;
}
#miniMicroBlog .mid .followBox .commentBox p.username a{font-weight:bold; color:#269bcf; font-size:13px;}
#miniMicroBlog .mid .followBox .commentBox p.username a:hover{font-weight:bold; color:#50C3EF; font-size:13px;}
#miniMicroBlog .mid .time{
	font-size:9px;
	color:#7ca500;
	padding:3px 0 10px 8px;
}
#miniMicroBlog .mid .followBox .commentBox p.comment{
	font-size:12px;
	color:#666;
	width:196px;/** Add 270110 **/
	padding:3px 0px 0px 10px; /* Add 9-02-2010*/
	float:left;
	overflow:hidden;
}
#miniMicroBlog .mid .followBox .commentBox .answerCommentBox{
	clear:both;
	display:block;
	width:204px;/** Add 270110 **/
	background:#E7F7FC;
	border-bottom:1px solid #bbbbbb;
	padding:10px 0px;
	margin-bottom:10px;/* Add 9-02-2010 */
}
#miniMicroBlog .mid .followBox .commentBox .answerCommentBox .userPic{
	float:left;
	width:30px;
	height:30px;
	display:block;
}
#miniMicroBlog .mid .followBox .commentBox .answerCommentBox .commentBox{
	float:left;
	display:block;
	width:164px;/** Add 270110 **/
}
#miniMicroBlog .mid .followBox .commentBox .answerCommentBox .commentBox p.username{
	font-size:12px;
	color:#269bcf;
	font-family:Verdana;
	font-weight:bold;
	padding-left:10px;
	width:154px;/** Add 270110 **/
}
#miniMicroBlog .mid .followBox .commentBox .answerCommentBox .commentBox p.comment{
	font-size:12px;
	color:#888889;
	width:154px;/** Add 270110 **/
	padding:3px 0px 0px 10px;/** Add 6-02-2010 **/
	float:left;
}

#miniMicroBlog .mid .followBox .commentBox .answerCommentBox .commentBox p.comment a{ color:#8FBB25;}

#miniMicroBlog .mid .followBox .commentBox .notAnswerCommentBox{
	clear:both;
	display:block;
	width:204px;/** Add 270110 **/
	border-bottom:1px solid #ebebeb;
	padding:10px 0px;
}
#miniMicroBlog .mid .followBox .commentBox .notAnswerCommentBox .userPic{
	float:left;
	width:30px;
	height:30px;
	display:block;
}
#miniMicroBlog .mid .followBox .commentBox .notAnswerCommentBox .commentBox{
	float:left;
	display:block;
	width:174px;/** Add 270110 **/
}
#miniMicroBlog .mid .followBox .commentBox .notAnswerCommentBox .commentBox p.username{
	font-size:12px;
	color:#269bcf;
	font-family:Verdana;
	font-weight:bold;
	padding-left:10px;
	width:164px;/** Add 270110 **/
}
#miniMicroBlog .mid .followBox .commentBox .notAnswerCommentBox .commentBox p.comment{
	font-size:12px;
	color:#888889;
	width:157px;/** Add 9-02-2010 **/
	padding:0px 0px 0px 10px;/** Add 9-02-2010 **/
	float:left;
}

#miniMicroBlog .mid .followBox a.answer {
	background: url(../../web_images/iconAnswer.png) no-repeat bottom left;
	padding-left: 18px;
	padding-right:5px;
	display: block;
	float:right;
	color:#50c3ef;
	padding-top:5px;
	width:24px;/** Add 270110 **/
	font-size:11px;/* Add 9-02-2010 */
	
}
#miniMicroBlog .mid .followBox a.answer:hover{ color:#09c;}

#miniMicroBlog .mid .followBox a.forwardText {
	background: url(../../web_images/iconForward.png) no-repeat bottom left;
	padding-left: 20px;
	padding-right:5px;
	display: block;
	float:right;
	color:#50c3ef;
	padding-top:5px;
	width:35px;/** Add 9-02-2010 **/
	font-size:11px;/* Add 9-02-2010 */
}
#miniMicroBlog .mid .followBox a.forwardText:hover{ color:#09c;}
/* Add 9-02-2010 */
#miniMicroBlog .mid .followBox a.plusButton {
	background: url(../../web_images/iconPlus.png) no-repeat bottom right;
	display: block;
	height:14px;
	padding-right:18px;
	color:#50c3ef;
	font-size:11px;
	text-align:right;
	margin-bottom:10px;
	padding-top:8px;
}
#miniMicroBlog .mid .followBox a.plusButton:hover{ color:#09c;}

#miniMicroBlog .mid .followBox a.minusButton {
	background: url(../../web_images/iconMinus.png) no-repeat bottom right;
	display: block;
	height:14px;
	padding-right:18px;
	color:#50c3ef;
	font-size:11px;
	text-align:right;
}

#miniMicroBlog .mid .followBox a.keepLink {
	float:right;
	background: url(../../web_images/icon_fav.png) no-repeat bottom left;/* Add 9-02-2010 */
	display: block;
	padding-left: 16px;
	padding-top:5px;
	color:#50C3EF;
	width:29px;/** Add 270110 **/
	font-size:11px;
/* End */
}
#miniMicroBlog .mid .followBox a.keepLink:hover{ color:#09c;}

#miniMicroBlog .mid .moreButton {
	background: url(../../web_images/buttonMoreSmall.png) no-repeat left bottom;
	display: block;
	float: right;
	width:54px;
	height:29px;
	text-indent:-9999px;
	margin:20px 0px 0px 0px;
}

#miniMicroBlog .bottom {
	background: url(../../web_images/sidebar_grayBottom.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}

.hitTop{background:url(../../web_images/bg-tabHitTop.png) no-repeat; width:660px; height:20px;}
.hitWrap{background:#f6f6f6; width:638px;border-left:#eeeeee solid 1px; border-right:#eeeeee solid 1px; padding:0 10px; color:#333; overflow:hidden;}
.hitHead{font-size:12px; font-weight:bold;}
.hitText{color:#666;}
.hitText a{ color:#4c8bd8; text-decoration:underline}
.hitText a:hover{color:#666; text-decoration:none;}
.hitBottom{background:url(../../web_images/bg-tabHitBottom.png) no-repeat; width:660px; height:20px;}

/** S -- Add sideBar Microblog 21-01-01 **/
#miniMicroBlog .mid h1 {
	color:#30bffe;
	font-size:16px;
	padding:3px 0px 10px 0px;
	float:left;
	margin-top:10px;
	font-family:Tahoma;
	background:url(../../web_images/title-microblog.png) no-repeat;
	width:102px;
	height:33px;
	text-indent:-9999px;
}
#miniMicroBlog .mid textarea {
	display: block;
	width:230px;
	height:40px;
	border:1px solid #ebebeb;
	color:#777;
	padding:4px;
}
/** tesoau **/
#miniMicroBlog .mid input.sendButton {
	display: block;
	cursor:pointer;
	background:url(../../web_images/sendButton.png) center center no-repeat;
	display:block;
	width:54px;
	height:29px;
	border:0px none;
	float:right;
	margin-top:5px;
	margin-right:-5px;
}
/** E **/
#miniMicroBlog .mid .lineMiniComment{ border-bottom:#dbdbdb solid 1px; margin:5px 0;}
.goodBox { clear:both; font-size:11px;/* Add 23-02-2010 */}

/** S -- Add sideBar Microblog 21-01-01 **/

#typeBox .mid label{
	color:#fff;
	font-size:14px;
	padding:3px 0px 10px 0px;
	float:left;
	margin-top:10px;
	font-weight:bold;
}

/** E -- Add sideBar Microblog 21-01-01 **/


/** Light Box

#lighBoxTop img{ width:960px; height:400px;}
#lighBoxWrap{
	background:url(../../web_images/bg-lightBoxWrap.png) repeat-x top;
	width:930px;
	border-left: #d5d5d5 solid 1px;
	border-right: #d5d5d5 solid 1px;
	height:150px;
	padding:20px 14px 8px 14px;
}
#lighBoxWrap .bgImg{
	background:#FFFFFF;
	border:#ccc solid 1px;
	width:200px;
	height:130px;
	float:left;
	margin-right:19px;
	padding:8px;
}
#lighBoxWrap .bgImgLast{
	background:#FFFFFF;
	border:#ccc solid 1px;
	width:200px;
	height:130px;
	float:left;
	padding:8px;
}
#lighBoxBottom{ background:url(../../web_images/bg-lightBoxBottom.png) no-repeat top; width:960px; height:12px; margin-bottom:20px;}

**/


/** Light Box **/
#lighBoxTop { width:960px; margin-top:20px;}
#lighBoxTop img{ width:960px; height:400px;}
#lighBoxWrap{
	width:960px;
	height:81px;
	margin-bottom:20px;
}
#lighBoxWrap .bgImg{
	background:#FFFFFF;
	width:235px;
	height:50px;
	float:left;
}
/*#lighBoxBottom{ background:url(../../web_images/bg-lightBoxBottom.png) no-repeat top; width:960px; height:10px; margin-bottom:20px;}*/

.errorRed{color:red; font-size:12px; display:block; clear:both; padding-top:5px; margin-left:230px; }


/**** Search Box ****/


div.fancy-panel { 
	display: block; 
	display: inline; 
	background: #ffffff url(../../web_images/bg-searchBox.png) repeat-y; 
	background-color: white; 
	/* for IE */
	filter:alpha(opacity=95);
	/* CSS3 standard */
	opacity:0.95;
	position: absolute; 
	/*z-index: 9999; */
	z-index: 10; 
	width: 930px; 
	height: 382px; 
	top: 180px;
	margin-left: -561px;
	border-bottom: 1px solid #ccc; 
	padding: 20px 15px; 
	color: #333; 
	font-size: 13px; 
	font-weight: bold;
	overflow: hidden;
}


div.fancy-panel div.categories { 
	float: left; 
	display: inline; 
	width: 175px; 
}

div.fancy-panel div.categories ul { 
	padding: 5px 0px 0px 0px; 
	list-style: none; 
}

div.fancy-panel div.categories ul li { 
	margin-left: 5px; 
	padding: 3px; 
	color: #1a1a1a; 
	font-size: 12px; 
	font-weight: normal; 
	overflow: hidden; 
}

div.fancy-panel div.misc { 
	float: right; 
	display: inline; 
}

div.fancy-panel div.misc label { 
	display: block;
	padding-bottom: 14px; 
}
div.fancy-panel div.misc label span, div.fancy-panel div.categories label span { 
	padding-left: 5px; 
}
div.subject_search { width:720px; float:left; }
div.subject_search label { width:235px; float:left; padding:0 0 5px 0;}


/** Content **/
p.clip{ text-align:center; margin-bottom:15px;}

/** 26-01-10 **/
#typeBox .topRead {
	background: url(../../web_images/roundPinkTopRead.png) left top;
	display: block;
	height: 45px;
	width: 260px;
	overflow:hidden;
}
#typeBox .mid .banMag{ background:#FFFFFF; padding:5px; margin-bottom:8px; width:230px; height:200px; overflow:hidden;}
#typeBox .mid .banMag img {position:absolute;clip:rect(0px 230px 200px 0px); overflow:hidden;}
#typeBox .mid .banMag{ background:#FFFFFF; padding:5px; margin-bottom:8px;}

#typeBox .mid .txtL{ background:url(../../web_images/roundPinkTopSmall.png) no-repeat; width:280px; height:10px;}
#typeBox .mid .txtC{ background:url(../../web_images/roundPinkCenterSmall.png) repeat-y; width:222px; padding:0 8px;}
#typeBox .mid .txtC .txtDetail{ color:#666;}
#typeBox .mid .txtC .txtDetail a{ color:#666; font-size:13px;}
#typeBox .mid .txtC .txtDetail a:hover{ color:#333; font-size:13px;}
#typeBox .mid .txtC .txtCol{ color:#f4578c; margin-top:5px;}
#typeBox .mid .txtC .txtCol a{ color:#f4578c; font-size:13px;}
#typeBox .mid .txtC .txtCol a:hover{ color:#f06; font-size:13px;}
#typeBox .mid .txtR{ background:url(../../web_images/roundPinkBottomSmall.png) no-repeat; width:280px; height:10px;}

/** S -- Add sideBar Microblog 26-01-10 **/
#miniMicroBlog .mid h1 {
	color:#30bffe;
	font-size:16px;
	padding:3px 0px 5px 0px;
	float:left;
	margin-top:10px;
	font-family:Tahoma;
}
#miniMicroBlog .mid textarea {
	display: block;
	width:230px;
	height:40px;
	border:1px solid #dedede;
	color:#777;
	padding:4px;
	margin-top:15px;
}

#miniMicroBlog .mid input.sendButton {
	display: block;
	cursor:pointer;
	background:url(../../web_images/sendButton.png) center center no-repeat;
	display:block;
	width:54px;
	height:29px;
	border:0px none;
	float:right;
	margin-top:10px;
	margin-right:-5px;
}

.conver{ clear:both; margin-bottom:10px;}
.viewUser{ font-size:11px;}

p.link{ margin:10px 0;}
p.link a{ font-size:12px;}
p.link a:hover{font-size:12px;}
.red{ color:#ff0000;}
.green{ color:#55a51c; font-size:13px;}
.green a{ color:#55a51c; font-size:13px;}
.green a:hover{ color:#55a51c; font-size:13px;}
.pink{ color:#f677c5;}
.blue{ color:#09c;}
.blue a{ color:#09c; text-decoration:none;}
.blue a:hover{ color:#069; text-decoration:none;}
.violet{ color:#8d6cd1;}
.yellow{ color:#fae04e;}
.orange{ color:#ef984a;}

.ttlLibrary{background:url(../../web_images/title-library.png) no-repeat; width:182px; height:67px; margin:0 0 20px 0;}
.ttlLibrary h1{ text-indent:-9999px;}
.ttlMag{background:url(../../web_images/title-mag.png) no-repeat; width:225px; height:60px; margin:0 0 10px;}
.ttlMag h1{ text-indent:-9999px;}
.ttlComm{background:url(../../web_images/title-community.png) no-repeat; width:255px; height:60px; margin-top:15px;}
.ttlComm h1{ text-indent:-9999px;}


.tabNew{ background:url(../../web_images/tab-new.png) no-repeat; width:323px; height:65px; margin-bottom:8px;}
.tabHit{ background:url(../../web_images/tab-hit.png) no-repeat; width:323px; height:65px; margin-bottom:8px;}
/*Add 07-02-2010*/.ttlText{ background:url(../../web_images/icon/title-text.png) no-repeat; width:240px; height:50px;}
.ttlText h1{ text-indent:-9999px;}
.ttlTagCloud{ background:url(../../web_images/title-tagCloud.png) no-repeat; width:117px; height:41px; margin-bottom:8px;}
.ttlTagCloud h1{ text-indent:-9999px;}
.lineTitle{ background:url(../../web_images/line-title.png) no-repeat; width:660px; height:14px; margin:10px 0 20px 0;}

#readMoreWrap { margin-right:8px; margin-top:10px; float:right; display:block;}
#readMoreWrap a.readMoreContent{ background:url(../../web_images/btn-readMore-01.png) no-repeat; width:68px; height:29px; text-indent:-9999px; display:block;}
#readMoreWrap a.readMoreContent:hover{ background:url(../../web_images/btn-readMore-01-hover.png) no-repeat; width:68px; height:29px;}


/*Search Not Found*/
.notFound{ background:url(../../web_images/banner-notFound.png) no-repeat; width:375px; height:60px; margin:0 auto;}
.notFoundSmall{ background:url(../../web_images/banner-notFound-small.png) no-repeat; width:318px; height:52px; margin:0 auto;}

/*Privancy*/
.headPrivancy{ background:url(../../web_images/banner-privancy.png) no-repeat; width:335px; height:121px; margin:0 auto;}
#wrapPrivancy{ color:#555; padding:0 10px;}
#wrapPrivancy div{ padding:10px 0;}
.imgLogo{text-align:center;}
.tltPrivancy{font-size:14px; color:#008CD0; font-weight:bold; font-family:verdana}
#wrapPrivancy p{ text-indent:3.5em; text-align:justify;}
#wrapPrivancy div ul{list-style:decimal;}
#wrapPrivancy div ul li{ margin-left:65px; padding:2px 0;}

/** Add 17-02-2010 **/
.tltSerchResultHeader{ background:url(../../web_images/title-result.png) no-repeat; width:164px; height:22px; text-align:left; margin:0 0 10px 0; display:block; float:left;}
.tltSerchResult{color:#777; font-size:14px; display:block; float:left; margin-top:8px; margin-left:10px;}
.tltSerchResultDesc{ color:#999; text-align:left;  margin:0 0 30px 0;}
.tltSerchResultDesc a{ color:#30BFFE; text-decoration:underline; padding-left:8px;}
.tltSerchResultDesc a:hover{ color:#666;}

/* Footer */
#footerCon .mid .wrapFooterL .btnTwitter{ float:left; display:block; overflow:hidden; background:url(../../web_images/btn-twitter.jpg) no-repeat; width:107px; height:45px; margin-top:10px;}
#footerCon .mid .wrapFooterL .btnTwitter a{ background:url(../../web_images/btn-twitter.jpg) no-repeat; width:107px; height:45px; text-indent:-9999px;display:block;}
#footerCon .mid .wrapFooterL .btnTwitter a:hover{ background:url(../../web_images/btn-twitter-hover.jpg) no-repeat; width:107px; height:45px;}
#footerCon .mid .wrapFooterL .btnfacebook{ margin-left:8px;float:left; display:block; overflow:hidden; background:url(../../web_images/btn-facebook.jpg) no-repeat; width:107px; height:45px; margin-top:10px;}
#footerCon .mid .wrapFooterL .btnfacebook a{ background:url(../../web_images/btn-facebook.jpg) no-repeat; width:107px; height:45px; text-indent:-9999px;display:block;}
#footerCon .mid .wrapFooterL .btnfacebook a:hover{ background:url(../../web_images/btn-facebook-hover.jpg) no-repeat; width:107px; height:45px;}

#footerCon .mid .wrapFooterL .menuNewFooter {
	padding-top: 15px;
	padding-bottom: 10px;
	color: #FF629D;
	font-size:12px;
}
#footerCon .mid .wrapFooterL .menuNewFooter a {
	color: #FF629D;
	font-size:12px;
}
#footerCon .mid .wrapFooterL .menuNewFooter a:hover {
	color: #f09;
}

/* menu issue*/
.issueMenuCalendar{ background:url(../../web_images/tlt-calendar.png) no-repeat; width:236px; height:18px; margin:0 0 8px 0;}
.issueMenuLastUpdate{ background:url(../../web_images/tlt-lastUpdate.png) no-repeat; width:236px; height:19px; margin:8px 0;}
.issueMenuLastComment{ background:url(../../web_images/tlt-lastComment.png) no-repeat; width:236px; height:21px; margin:8px 0;}
.issueMenuArchive{ background:url(../../web_images/tlt-Archive.png) no-repeat; width:236px; height:13px; margin:8px 0;}
.issueMenuFavorite{ background:url(../../web_images/tlt-favorite.png) no-repeat; width:236px; height:13px; margin:8px 0;}
#issueWrapList{ width:230px; overflow:hidden; margin-left:5px;}
#issueWrapList .listimg{ background: url(../../web_images/bullet-03.png) no-repeat; width:3px; height:6px; float:left; margin-right:7px; margin-top:6px;}
#issueWrapList .listTopic{ float:left; color:#555; width:214px; overflow:hidden; font-size:12px;}
#issueWrapList .listLine{border-bottom:#e1e1e1 solid 1px; margin:5px 0;}
#issueWrapList .listTopic a{color:#555;}
#issueWrapList .listTopic a:hover{color:#999;}
#issueWrapList .listImgMore img{ float:right;}
/* Add 16-03-2010 */
.bannerDesc{ height:100px; width:636px; background:#fff; border:#ebebeb solid 1px; margin:10px 0 20px 0;}

/** Light Box 
#lighBoxTop img{ width:960px; height:400px;}
#lighBoxWrap{
	background:#fff url(../../web_images/bg-lightBoxWrap.png) repeat-x top;
	width:940px;
	border-top: #d5d5d5 solid 1px;
	border-left: #d5d5d5 solid 1px;
	border-right: #d5d5d5 solid 1px;
	height:60px;
	padding:10px 9px 0px 9px;
}
#lighBoxWrap .bgImg{
	background:#FFFFFF;
	width:235px;
	height:50px;
	float:left;
}
#lighBoxBottom{ background:url(../../web_images/bg-lightBoxBottom.png) no-repeat top; width:960px; height:10px; margin-bottom:20px;}


.errorRed{color:red; font-size:12px; }**/

/* S-- menu non-login*/
.tltLogin{ background:url(../../web_images/tlt-login.png) no-repeat; width:78px; height:30px; float:left; margin-bottom:15px;}
.tltLogo{float:right; width:91px;}
.tltLogoSkb{ background:url(../../web_images/tlt-logo-skb.png) no-repeat; width:35px; height:30px; float:left;}
.tltLogoSkb a{ text-indent:-9999px;background:url(../../web_images/tlt-logo-skb.png) no-repeat; width:35px; height:30px; display:block;}
.tltLogoPleng{ background:url(../../web_images/tlt-logo-pleng.png) no-repeat; width:38px; height:30px;float:left;}
.tltLogoPleng a{text-indent:-9999px; background:url(../../web_images/tlt-logo-pleng.png) no-repeat; width:38px; height:30px; display:block;}
.tltLogoZheza{ background:url(../../web_images/tlt-logo-zheza.png) no-repeat; width:18px; height:30px;float:left;}
.tltLogoZheza a{text-indent:-9999px; background:url(../../web_images/tlt-logo-zheza.png) no-repeat; width:18px; height:30px;display:block;}
.tltEmail{ background:url(../../web_images/tlt-email.png) no-repeat; width:61px; height:35px;float:left; text-align:right;}
.emailInput{width:160px; height:23px;float:left; margin-left:6px;}
.emailInput input{background:#f4f4f4; border:#fff solid 1px; padding:2px 3px; width:153px; color:#555; font-size:12px;}
.tltPass{background:url(../../web_images/tlt-password.png) no-repeat; width:61px; height:30px;float:left; text-align:right;}
.passInput{ width:160px; height:21px;float:left; margin-left:6px;}
.passInput input{background:#f4f4f4; border:#fff solid 1px; padding:2px 3px; width:153px; color:#555; font-size:12px;}
.tltRemember{ font-size:11px; color:#e9e9e9; margin-left:62px; margin-top:10px;}
.tltRemember span{ font-size:11px; color:#b6ecff; margin-left:13px;}
.tltRemember span a{color:#b6ecff; text-decoration:underline;}
.tltRemember span a:hover{color:#b6ecff;}

.btnLogin{ background:url(../../web_images/btn-login.jpg) no-repeat; width:69px; height:28px; float:left; margin:15px 8px 0 66px;}
.btnLogin a{ background:url(../../web_images/btn-login.jpg) no-repeat; width:69px; height:28px; display:block; text-indent:-9999px;}
.btnLogin a:hover{ background:url(../../web_images/btn-login.jpg) no-repeat 0 -28px;}

.btnPassword{ background:url(../../web_images/btn-signUp.jpg) no-repeat; width:87px; height:28px; float:left; margin:15px 0 0 0;}
.btnPassword a{ background:url(../../web_images/btn-signUp.jpg) no-repeat; width:87px; height:28px; display:block; text-indent:-9999px;}
.btnPassword a:hover{ background:url(../../web_images/btn-signUp.jpg) no-repeat 0 -28px;}

.error-login-box { color:#E6FF99; margin-left:66px; font-size:12px;}
/* E-- menu non-login*/
/* Add 16-03-2010 */
.bannerDesc{ height:100px; width:636px; background:#fff; border:#ebebeb solid 1px; margin:10px 0 20px 0;}

/* S-- comm */
.bannerComm{ background:url(../../web_images/banner-comm.jpg) no-repeat; width:660px; height:300px; margin-bottom:20px;}
.bannerComm a{ background:url(../../web_images/banner-comm.jpg) no-repeat; width:660px; height:300px; text-indent:-9999px; display:block;}
/* E-- comm */

.converTool{position:absolute; right:0; matltLibraryrgin-bottom:10px; padding-right:8px; margin-top:10px; bottom:0;}

/*Add 28-01-2011*/.ttlWebboard{ margin-top:15px;float:left; position:relative; width:660px;}
/*Add 28-01-2011*/.ttlWebboard .tlt { text-indent:-9999px;float:left;background:url(../../web_images/title-webboard.png) no-repeat; width:255px; height:60px;}
/*Add 28-01-2011*/.ttlWebboard .inputRoom{ position:absolute; right:0; top:0;}
/*Add 28-01-2011*/.ttlWebboard .inputRoom select{ /*width:210px; margin-right:8px;*/ background:url(../../web_images/webboard2011/bg_input.png) no-repeat; width:225px; height:30px; border:0; padding:4px 16px 9px 4px; font-size:12px; color:#555; margin:12px -10px 0 0;}

/*New Menu*/
#sidebar .menuLogin {width:260px; margin:0 0 12px 0; float:right;}

#sidebar .menuLogin .myPageMenu{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myPageMenu a{ background:url(../../web_images/menu-myPage.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myPageMenu a:hover{ background:url(../../web_images/menu-myPage.gif) no-repeat 0 -58px; width:260px; height:58px;}

#sidebar .menuLogin .myPageMenu_active{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myPageMenu_active a{ background:url(../../web_images/menu-myPage.gif) no-repeat  0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myPageMenu_active a:hover{ background:url(../../web_images/menu-myPage.gif) no-repeat; width:260px; height:58px;}

#sidebar .menuLogin .myProfileMenu{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myProfileMenu a{ background:url(../../web_images/menu-profile.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myProfileMenu a:hover{ background:url(../../web_images/menu-profile.gif) no-repeat 0 -58px; width:260px; height:58px;}

#sidebar .menuLogin .myProfileMenu_active{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myProfileMenu_active a{ background:url(../../web_images/menu-profile.gif) no-repeat 0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myProfileMenu_active a:hover{ background:url(../../web_images/menu-profile.gif) no-repeat; width:260px; height:58px;}

#sidebar .menuLogin .myPhotoMenu{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myPhotoMenu a{ background:url(../../web_images/menu-photo.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myPhotoMenu a:hover{ background:url(../../web_images/menu-photo.gif) no-repeat 0 -58px; width:260px; height:58px;}

#sidebar .menuLogin .myPhotoMenu_active{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myPhotoMenu_active a{ background:url(../../web_images/menu-photo.gif) no-repeat 0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myPhotoMenu_active a:hover{ background:url(../../web_images/menu-photo.gif) no-repeat; width:260px; height:58px;}

#sidebar .menuLogin .myFriendMenu{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myFriendMenu a{ background:url(../../web_images/menu-friend.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myFriendMenu a:hover{ background:url(../../web_images/menu-friend.gif) no-repeat 0 -58px; width:260px; height:58px;}

#sidebar .menuLogin .myFriendMenu_active{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myFriendMenu_active a{ background:url(../../web_images/menu-friend.gif) no-repeat 0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myFriendMenu_active a:hover{ background:url(../../web_images/menu-friend.gif) no-repeat; width:260px; height:58px;}

#sidebar .menuLogin .myDiaryMenu{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myDiaryMenu a{ background:url(../../web_images/menu-diary.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myDiaryMenu a:hover{ background:url(../../web_images/menu-diary.gif) no-repeat 0 -58px; width:260px; height:58px;}

#sidebar .menuLogin .myDiaryMenu_active{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .myDiaryMenu_active a{ background:url(../../web_images/menu-diary.gif) no-repeat 0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .myDiaryMenu_active a:hover{ background:url(../../web_images/menu-diary.gif) no-repeat; width:260px; height:58px;}

#sidebar .menuLogin .mailBoxMenu{width:260px; float:right; margin-bottom:8px; position:relative;}
#sidebar .menuLogin .mailBoxMenu a{ background:url(../../web_images/menu-mailBox.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .mailBoxMenu a:hover{ background:url(../../web_images/menu-mailBox.gif) no-repeat 0 -58px; width:260px; height:58px;}
#sidebar .menuLogin .mailBoxMenu .numMail{ position:absolute; top:0; left:0; margin:5px 0 0 115px; background:url(../../web_images/bg_alert_menu.png) no-repeat; width:25px; height:26px; overflow:hidden; font-size:11px; font-weight:bold; color:#fff; padding:3px 0 0; text-align:center;}

#sidebar .menuLogin .mailBoxMenu_active{width:260px; float:right; margin-bottom:8px; position:relative;}
#sidebar .menuLogin .mailBoxMenu_active a{ background:url(../../web_images/menu-mailBox.gif) no-repeat 0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .mailBoxMenu_active a:hover{ background:url(../../web_images/menu-mailBox.gif) no-repeat; width:260px; height:58px;}
#sidebar .menuLogin .mailBoxMenu_active .numMail{ position:absolute; top:0; left:0; margin:5px 0 0 100px; background:url(../../web_images/bg_alert_menu.png) no-repeat; width:25px; height:26px; overflow:hidden; font-size:11px; font-weight:bold; color:#fff; padding:3px 0 0; text-align:center;}

#sidebar .menuLogin .webboardMenu{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .webboardMenu a{ background:url(../../web_images/menu-webboard.gif) no-repeat; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .webboardMenu a:hover{ background:url(../../web_images/menu-webboard.gif) no-repeat 0 -58px; width:260px; height:58px;}


#sidebar .menuLogin .webboardMenu_active{width:260px; float:right; margin-bottom:8px;}
#sidebar .menuLogin .webboardMenu_active a{ background:url(../../web_images/menu-webboard.gif) no-repeat 0 -58px; width:260px; height:58px; text-indent:-9999px; display:block;}
#sidebar .menuLogin .webboardMenu_active a:hover{ background:url(../../web_images/menu-webboard.gif) no-repeat; width:260px; height:58px;}

/* twitter & diary */
#otherSidebar {width: 260px; display: block; overflow: hidden; margin-bottom:20px;}
#otherSidebar .top {background:url(../../web_images/sidebar_grayTop.png) repeat scroll left top;display: block;height: 10px;width: 260px;overflow: hidden;}
#otherSidebar .bottom {background:url(../../web_images/sidebar_grayBottom.png) repeat scroll left top;display: block;height: 10px;width: 260px;overflow: hidden;}
#otherSidebar .mid {display: block;width: 240px;padding:8px 10px 10px;background-color: #F7F7F7;border-left:1px solid #DDDDDD;}
#otherSidebar .mid .headTwitter{overflow:hidden;background:url(../../web_images/headTwitter.jpg) no-repeat; width:240px; height:55px;}
#otherSidebar .mid .headTwitter a{background:url(../../web_images/headTwitter.jpg) no-repeat; width:240px; height:55px; text-indent:-9999px; display:block;}
#otherSidebar .mid .headTwitter a:hover{background:url(../../web_images/headTwitter.jpg) no-repeat 0 -55px; width:240px; height:55px;}
#otherSidebar .mid .headDiary{overflow:hidden;background:url(../../web_images/headDiary.png) no-repeat; width:240px; height:61px; text-indent:-9999px; display:block;}
#otherSidebar .mid #lastestIssueBox {width:220px; margin:-5px 10px 10px; overflow:hidden;}
#otherSidebar .mid #lastestIssueBox .miniIssueWrap { width:220px; padding:10px 0px; border-bottom:1px solid #dbdbdb; overflow:hidden;}
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .detail { padding-bottom:5px; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .detail a.username { color:#269bcf; font-weight:700; font-size:12px; padding-right:5px; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .detail a:hover.username{color:#0084be;}
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .detail a.message { color:#666; text-decoration:underline; font-size:12px; line-height:1.4em; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .detail a.message:hover { color:#666; text-decoration:none; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .commentDetail { width:365px; overflow:hidden; padding:5px 0px; color:#777;}
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .commentDetail div { display:inline; font-size:10px; color:#666; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .commentDetail div a { color:#777; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .commentDetail div a:hover { color:#999; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .commentDetail .likeBox img { float:left; }
#otherSidebar .mid #lastestIssueBox .miniIssueWrap .commentDetail .likeBox span { float:left; margin:3px; font-size:10px; }
#otherSidebar .mid .seeAll{ float:right;}
#otherSidebar .mid .seeAll a{color:#269BCF; font-size:11px;}
#otherSidebar .mid .seeAll a:hover{color:#0084be; font-size:11px;}


/*New Tab*/
#header .tab .library { float:left; margin-right:5px;}
#header .tab .library a{ background:url(../../web_images/tab-library.png) no-repeat 0 -46px; width:112px; height:50px; text-indent:-9999px; display:block;}
#header .tab .library a:hover{ background:url(../../web_images/tab-library.png) no-repeat; width:112px; height:50px;}

#header .tab .library_active { float:left; margin-right:5px;}
#header .tab .library_active a, #header .tab .library_active a:hover{ background:url(../../web_images/tab-library.png) no-repeat; width:112px; height:50px; text-indent:-9999px; display:block;}


#header .tab .skoolMag { float:left; margin-right:5px;}
#header .tab .skoolMag a{ background:url(../../web_images/tab-skoolMag.png) no-repeat 0 -46px; width:121px; height:50px; text-indent:-9999px; display:block;}
#header .tab .skoolMag a:hover{ background:url(../../web_images/tab-skoolMag.png) no-repeat; width:121px; height:50px;}

#header .tab .skoolMag_active { float:left; margin-right:5px;}
#header .tab .skoolMag_active a, #header .tab .skoolMag_active a:hover{ background:url(../../web_images/tab-skoolMag.png) no-repeat; width:121px; height:50px; text-indent:-9999px; display:block;}


#header .tab .community { float:left; margin-right:5px;}
#header .tab .community a{ background:url(../../web_images/tab-community.png) no-repeat 0 -46px; width:143px; height:50px; text-indent:-9999px; display:block;}
#header .tab .community a:hover{ background:url(../../web_images/tab-community.png) no-repeat; width:143px; height:50px;}

#header .tab .community_active { float:left; margin-right:5px;}
#header .tab .community_active a, #header .tab .community_active a:hover{ background:url(../../web_images/tab-community.png) no-repeat; width:143px; height:50px; text-indent:-9999px; display:block;}


#header .tab .webboard { float:left;}
#header .tab .webboard a{ background:url(../../web_images/tab-webboard.png) no-repeat 0 -46px; width:133px; height:50px; text-indent:-9999px; display:block;}
#header .tab .webboard a:hover{ background:url(../../web_images/tab-webboard.png) no-repeat; width:133px; height:50px;}

#header .tab .webboard_active { float:left;}
#header .tab .webboard_active a, #header .tab .webboard_active a:hover{ background:url(../../web_images/tab-webboard.png) no-repeat; width:133px; height:50px; text-indent:-9999px; display:block;}

/*Page*/

/*New Main Layout*/

/*SkoolMag Hilight*/
#wrapBanner{ width:660px; height:300px; overflow:hidden; margin-bottom:20px;}

#wrapMagUpdate{ width:660px; float:left;}
#wrapMagUpdate .top{ background:url(../../web_images/tab-magUpdateTop.png) no-repeat; width:660px; height:41px; position:relative;}
#wrapMagUpdate .top .showAllMag{ position:absolute; top:0; right:0; margin:11px 15px 0 0;}
#wrapMagUpdate .top .showAllMag a{ background:url(../../web_images/btn-viewAll-magUpdate.png) no-repeat; width:58px; height:21px; text-indent:-9999px; display:block;}
#wrapMagUpdate .top .showAllMag a:hover{background:url(../../web_images/btn-viewAll-magUpdate-hover.png) no-repeat; width:58px; height:21px;}

#wrapMagUpdate .mid{ background:#f7fdfe url(../../web_images/tab-magUpdateMid.png) top repeat-x; padding:20px 14px 15px 14px; width:630px; border-left:#66c9f1 solid 1px; border-right:#66c9f1 solid 1px;}

#wrapMagUpdate .mid .wrapLeft{width:200px; float:left; overflow:hidden;}
#wrapMagUpdate .mid .wrapLeft .imgColumn{ background:#dbdbdb; margin-bottom:15px; width:200px; height:160px; overflow:hidden;}
#wrapMagUpdate .mid .wrapLeft .imgColumn img{ min-height:160px;}
#wrapMagUpdate .mid .wrapLeft .tltColumn{ color:#2CFFFF; font-size:12px; font-weight:bold; }
#wrapMagUpdate .mid .wrapLeft .tltColumn a{ color:#1cace8; font-size:12px; font-weight:bold; line-height:1.2em;}
#wrapMagUpdate .mid .wrapLeft .tltColumn a:hover{ color:#76cff3; font-size:12px; font-weight:bold;}
#wrapMagUpdate .mid .wrapLeft .detailColumn{ color:#fff; font-size:11px;margin:8px 0 0 0;}
#wrapMagUpdate .mid .wrapLeft .detailColumn a{ color:#555;}
#wrapMagUpdate .mid .wrapLeft .detailColumn a:hover{color:#333;}
#wrapMagUpdate .mid .wrapLeft .detailColumn a,#wrapMagUpdate .mid .wrapLeft .detailColumn a:hover{font-size:11px; line-height:1.2em;}
#wrapMagUpdate .mid .wrapLeft .detailColumn span{ color:#fff; font-size:10px; margin-left:5px;}
#wrapMagUpdate .mid .wrapLeft .detailColumn span a{ color:#FFE25F; text-decoration:underline;}
#wrapMagUpdate .mid .wrapLeft .detailColumn span a:hover{ color:#FFE25F; text-decoration:none;}
#wrapMagUpdate .mid .wrapLeft .wrapCol { float:left; margin-top:5px;}
#wrapMagUpdate .mid .wrapLeft .wrapCol .imgCol { padding:0!important; float:left; margin-right:5px; margin-top:2px;}
#wrapMagUpdate .mid .wrapLeft .wrapCol .nameCol {color:#FFE25F; text-decoration:none; font-size:10px; float:left;}
#wrapMagUpdate .mid .wrapLeft .wrapCol .nameCol a{color:#81A90A; text-decoration:underline; font-size:10px;}
#wrapMagUpdate .mid .wrapLeft .wrapCol .nameCol a:hover{color:#81A90A; text-decoration:none; font-size:10px;}

#wrapMagUpdate .mid .wrapMid{width:200px; float:left; overflow:hidden; margin:0 0 0 15px;}
#wrapMagUpdate .mid .wrapMid .imgColumn{ background:#dbdbdb; margin-bottom:15px; width:200px; height:160px; overflow:hidden;}
#wrapMagUpdate .mid .wrapMid .imgColumn img{ min-height:160px;}
#wrapMagUpdate .mid .wrapMid .tltColumn{ color:#2CFFFF; font-size:12px; font-weight:bold;}
#wrapMagUpdate .mid .wrapMid .tltColumn a{ color:#1cace8; font-size:12px; font-weight:bold; line-height:1.2em;}
#wrapMagUpdate .mid .wrapMid .tltColumn a:hover{ color:#76cff3; font-size:12px; font-weight:bold;}
#wrapMagUpdate .mid .wrapMid .detailColumn{ color:#fff; font-size:11px;margin:8px 0 0 0;}
#wrapMagUpdate .mid .wrapMid .detailColumn a{ color:#555;}
#wrapMagUpdate .mid .wrapMid .detailColumn a:hover{color:#333;}
#wrapMagUpdate .mid .wrapMid .detailColumn a,#wrapMagUpdate .mid .wrapMid .detailColumn a:hover{font-size:11px; line-height:1.2em;}
#wrapMagUpdate .mid .wrapMid .detailColumn span{ color:#fff; font-size:10px; margin-left:5px;}
#wrapMagUpdate .mid .wrapMid .detailColumn span a{ color:#FFE25F; text-decoration:underline;}
#wrapMagUpdate .mid .wrapMid .detailColumn span a:hover{ color:#FFE25F; text-decoration:none;}
#wrapMagUpdate .mid .wrapMid .wrapCol { float:left; margin-top:5px;}
#wrapMagUpdate .mid .wrapMid .wrapCol .imgCol { padding:0!important; float:left; margin-right:5px; margin-top:2px;}
#wrapMagUpdate .mid .wrapMid .wrapCol .nameCol {color:#FFE25F; text-decoration:none; font-size:10px; float:left;}
#wrapMagUpdate .mid .wrapMid .wrapCol .nameCol a{color:#81A90A; text-decoration:underline; font-size:10px;}
#wrapMagUpdate .mid .wrapMid .wrapCol .nameCol a:hover{color:#81A90A; text-decoration:none; font-size:10px;}

#wrapMagUpdate .mid .wrapRight{width:200px; float:left; overflow:hidden; margin:0 0 0 15px;}
#wrapMagUpdate .mid .wrapRight .imgColumn{ background:#dbdbdb; margin-bottom:15px; width:200px; height:160px; overflow:hidden;}
#wrapMagUpdate .mid .wrapRight .imgColumn img{ min-height:160px;}
#wrapMagUpdate .mid .wrapRight .tltColumn{ color:#2CFFFF; font-size:12px; font-weight:bold;}
#wrapMagUpdate .mid .wrapRight .tltColumn a{ color:#1cace8; font-size:12px; font-weight:bold; line-height:1.2em;}
#wrapMagUpdate .mid .wrapRight .tltColumn a:hover{ color:#76cff3; font-size:12px; font-weight:bold;}
#wrapMagUpdate .mid .wrapRight .detailColumn{ color:#fff; font-size:11px;margin:8px 0 0 0;}
#wrapMagUpdate .mid .wrapRight .detailColumn a{ color:#555;}
#wrapMagUpdate .mid .wrapRight .detailColumn a:hover{color:#333;}
#wrapMagUpdate .mid .wrapRight .detailColumn a,#wrapMagUpdate .mid .wrapRight .detailColumn a:hover{font-size:11px; line-height:1.2em;}
#wrapMagUpdate .mid .wrapRight .detailColumn span{ color:#fff; font-size:10px; margin-left:5px;}
#wrapMagUpdate .mid .wrapRight .detailColumn span a{ color:#FFE25F; text-decoration:underline;}
#wrapMagUpdate .mid .wrapRight .detailColumn span a:hover{ color:#FFE25F; text-decoration:none;}
#wrapMagUpdate .mid .wrapRight .wrapCol { float:left; margin-top:5px;}
#wrapMagUpdate .mid .wrapRight .wrapCol .imgCol { padding:0!important; float:left; margin-right:5px; margin-top:2px;}
#wrapMagUpdate .mid .wrapRight .wrapCol .nameCol {color:#FFE25F; text-decoration:none; font-size:10px; float:left;}
#wrapMagUpdate .mid .wrapRight .wrapCol .nameCol a{color:#81A90A; text-decoration:underline; font-size:10px;}
#wrapMagUpdate .mid .wrapRight .wrapCol .nameCol a:hover{color:#81A90A; text-decoration:none; font-size:10px;}

#wrapMagUpdate .botttom{ background:url(../../web_images/tab-magUpdateBottom.png) no-repeat; width:660px; height:20px;}
/*End--SkoolMag Hilight*/

/*Add 07-02-2011*/#wrapMainComm{ width:660px; float:left; margin-top:5px;}
#wrapMainComm .wrapMainMag{ width:430px; overflow:hidden; float:left;}
#wrapMainComm .wrapMainMag .top{ background:url(../../web_images/tab-mainMagTop.png) no-repeat; width:430px; height:41px; position:relative;}
#wrapMainComm .wrapMainMag .top .viewAll{ position:absolute; top:0; right:0; margin:10px 15px 0 0;}
#wrapMainComm .wrapMainMag .top .viewAll a{ background:url(../../web_images/btn-viewAll-mag.png) no-repeat; width:58px; height:21px; text-indent:-9999px; display:block;}
#wrapMainComm .wrapMainMag .top .viewAll a:hover{background:url(../../web_images/btn-viewAll-mag-hover.png) no-repeat; width:58px; height:21px;}
#wrapMainComm .wrapMainMag .midd{ background:#fff; width:400px; padding:0 14px 15px; border-left:#dedede solid 1px; border-right:#dedede solid 1px;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol{width:400px; padding:30px 0;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .pic{ width:70px; height:56px; float:left; margin-right:10px; overflow:hidden;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .pic img{ min-height:56px;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail{ width:320px; float:left; overflow:hidden;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .head{ font-size:12px; color:#ff629d; font-weight:bold;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .head a{font-size:12px; color:#ff629d; font-weight:bold;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .head a:hover{font-size:12px; color:#f06; font-weight:bold;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail{ color:#666; font-size:11px; line-height:15px;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail a{ color:#666; font-size:11px;line-height:15px;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail a:hover{ color:#333; font-size:11px;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail span{ color:#81A90A; font-size:10px; padding-left:5px;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail span a{color:#81A90A; font-size:10px; text-decoration:underline;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail span a:hover{color:#81A90A; font-size:10px; text-decoration:none;}
#wrapMainComm .wrapMainMag .midd .wrapMagCol .detail .subDetail img{ padding:0 0 0 3px;}

#wrapMainComm .wrapMainMag .bottom{ background:url(../../web_images/tab-mainMagBottom.png) no-repeat; width:430px; height:41px;}
#wrapMainComm .wrapCommm{ width:215px; float:left; margin-left:15px;}

/*Add 07-02-2011*/#wrapMainComm .wrapCommm .wrapMicroblogHead{width:215px; background:url(../../web_images/tab-microblog.png) no-repeat; width:219px; height:41px; margin-bottom:20px;}
#wrapMainComm .wrapCommm .wrapMicroblog{ width:215px; margin-bottom:20px;}
#wrapMainComm .wrapCommm .wrapMicroblog .top{ background:url(../../web_images/tab-microblog-top.png) no-repeat; width:215px; height:10px;}
#wrapMainComm .wrapCommm .wrapMicroblog .mid{ background:#fff; border-left:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; padding:12px 14px; width:185px; overflow:hidden; color:#555; font-size:12px;}
#wrapMainComm .wrapCommm .wrapMicroblog .mid a{ font-size:12px; color:#555;}
#wrapMainComm .wrapCommm .wrapMicroblog .mid a:hover{ font-size:12px; color:#333;}
#wrapMainComm .wrapCommm .wrapMicroblog .bottom{ background:url(../../web_images/tab-microblog-bottom.png) no-repeat; width:215px; height:22px;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser{ width:200px; overflow:hidden; margin:4px 0 0 15px;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .pic{ float:left; width:30px; height:30px; margin-right:5px;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail{ float:left; width:165px; overflow:hidden;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .userName{ font-size:10px; color:#777; width:165px; overflow:hidden;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .userName span a{ color:#269BCF; font-size:12px; font-weight:bold; padding-left:4px;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .userName span a:hover{ color:#0084BE; font-size:12px; font-weight:bold;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .time{font-size:10px; color:#777; width:165px; overflow:hidden; margin-top:3px;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .time a{font-size:10px; color:#81a90a; text-decoration:underline;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .time a:hover{font-size:10px; color:#81a90a; text-decoration:none;}
#wrapMainComm .wrapCommm .wrapMicroblog .wrapUser .detail .time img{ padding:0 3px 0 4px; margin:0;}

/*Add 07-02-2011*/
#wrapMainComm .wrapDiary{width:430px; overflow:hidden; float:left;}
#wrapMainComm .wrapDiary .top{  background:url(../../web_images/tab-diaryTop2011.png) no-repeat; width:430px; height:41px; position:relative;}
#wrapMainComm .wrapDiary .top .viewAll{ position:absolute; top:0; right:0; margin:10px 15px 0 0;}
#wrapMainComm .wrapDiary .top .viewAll a{ background:url(../../web_images/btn-viewAll-diary.png) no-repeat; width:58px; height:21px; text-indent:-9999px; display:block;}
#wrapMainComm .wrapDiary .top .viewAll a:hover{background:url(../../web_images/btn-viewAll-diary.png) no-repeat 0 -21px; width:58px; height:21px;}

#wrapMainComm .wrapDiary .midd{ background:#fff; width:400px; padding:4px 14px 15px; border-left:#dedede solid 1px; border-right:#dedede solid 1px;}

#wrapMainComm .wrapDiary .midd .wrapUser{width:400px; float:left; overflow:hidden; border-bottom:#dbdbdb solid 1px; padding:12px 0 15px;}
#wrapMainComm .wrapDiary .midd .wrapUser .pic{ width:30px; height:30px; margin-right:10px; float:left;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail{ float:left; width:360px; overflow:hidden;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .head { overflow:hidden; float:left; width:360px; height:17px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .head a{ font-size:12px; color:#777; text-decoration:underline;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .head a:hover{ font-size:12px; color:#777; text-decoration:none;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .head span{ padding-left:5px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .head span a{ color:#269bcf; font-size:12px; font-weight:bold; text-decoration:none;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .head span a:hover{color:#0084BE; font-size:12px; font-weight:bold; text-decoration:none;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .subDetail{ float:left; width:360px; overflow:hidden; font-size:11px; color:#777; height:13px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool{ float:right; width:185px; overflow:hidden; font-size:11px; color:#555; margin-top:4px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool div{display:inline; font-size:10px; margin-right:5px;}

#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .numView{float:left; background:url(../../web_images/icon-eye.png) no-repeat; height:12px; border-right:#333 solid 1px; padding-right:8px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .numView span{font-size:10px; color:#555; padding-left:22px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .numPost{float:left; background:url(../../web_images/iconAnswer.png) no-repeat; height:12px; margin:0 4px; padding-right:8px;border-right:#333 solid 1px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .numPost span{font-size:10px; color:#555; padding-left:18px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .numDate{float:left; background:url(../../web_images/icon-calendarNew.png) no-repeat; height:12px; margin-left:4px;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .numDate span{font-size:10px; color:#555; padding-left:21px;}

#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .commentBox{ color:#555;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .dateBox{ color:#555;}
#wrapMainComm .wrapDiary .midd .wrapUser .detail .tool .likeBox{color:#555;}

#wrapMainComm .wrapDiary .bottom{ background:url(../../web_images/tab-mainMagBottom.png) no-repeat; width:430px; height:41px;}
/*End 07-02-2011*/

/*End page*/
.pageList { color:#666; font-size:11px; text-align:center;}
.pageList span{color:#666; font-size:11px;}
.pageList a span{background:#fff; border:1px solid #EBEBEB; color:#666; font-size:11px; margin-right:3px; padding:3px 7px;}
.pageList a:hover span{background:#999; color:#fff; font-size:11px; margin-right:3px; padding:3px 7px;}
.pageList a span.pagePrevHeader{border:none !important; color:#666666;font-size:11px}
.pageList a span.pagePrevHeader:hover{border:none !important; color:#666666;font-size:11px; background:#fff!important;}
.pageList a span.pageLastHeader{border:none !important; color:#666666;font-size:11px}
.pageList a span.pageLastHeader:hover{border:none !important; color:#666666;font-size:11px; background:#fff!important;}
.pageList a span.pageActive{background:#999; color:#fff; font-size:11px; margin-right:3px; padding:3px 7px;}

/*Add 23-08-2010*/
#magPrevious {
	display: block;
	width: 260px;
	overflow: hidden;
	margin:0px 0px 20px 0px;
}

#magPrevious .top {
	background: url(../../web_images/sidebar_grayTop.png) left top;
	display: block;
	height: 10px;
	width: 260px;
}

#magPrevious .mid{
	background:#f7f7f7;
	border-left:1px solid #dddddd;
	display:block;
	width:239px;
	padding:8px 10px 0 10px;
}

#magPrevious .mid .tltMagBlack h1 { background:url(../../web_images/tab-magBack.png) no-repeat; width:240px; height:45px; text-indent:-9999px;}
#magPrevious .mid .wrapMagBack{ width:220px; padding:20px 10px; float:left; border-bottom:#dbdbdb solid 1px;}
#magPrevious .mid .wrapMagBack .imgCol{ float:left; height:56px; margin-right:10px; overflow:hidden; width:70px;}
#magPrevious .mid .wrapMagBack .imgCol img{ min-height:56px;}
#magPrevious .mid .wrapMagBack .detailMagBack{ float:left; width:140px; overflow:hidden;}
#magPrevious .mid .wrapMagBack .detailMagBack a{ font-size:12px; color:#FB6998; font-weight:bold; line-height:1.2em;}
#magPrevious .mid .wrapMagBack .detailMagBack a:hover{font-size:12px; color:#f06; font-weight:bold;}
#magPrevious .mid .wrapMagBack .detailSubMagBack{ float:left; width:140px; overflow:hidden; font-size:11px; line-height:1.2em;}
#magPrevious .mid .wrapMagBack .detailSubMagBack a{ font-size:11px; color:#555;}
#magPrevious .mid .wrapMagBack .detailSubMagBack a:hover{font-size:11px; color:#333;}

#magPrevious .mid .magColBack{ text-align:right; float:right; margin-top:20px;}
#magPrevious .mid .magColBack a{color:#4C8BD8; text-decoration:underline; font-size:11px;}
#magPrevious .mid .magColBack a:hover{color:#4C8BD8; text-decoration:none; font-size:11px;}
#magPrevious .mid .magColBackImg { float:right; background:url(../../web_images/showAll.png) no-repeat; width:22px; height:22px; margin-top:20px;}

#magPrevious .bottom {
	background: url(../../web_images/sidebar_grayBottom.png) left top;
	display: block;
	height: 10px;
	width: 260px;
	overflow: hidden;
}

.ttm { position:absolute; right:0; bottom:0; margin:0 20px 5px 0; background:url(../../web_images/logo-ttm.png) no-repeat; width:25px; height:14px;}


/*17-01-2011*/
.wrapMoreIcon{ margin-top:20px; float:left;}
.wrapMoreIcon .wrapWeight{ float:left; padding:3px;}
.wrapMoreIcon .post {float:left; width:110px; background:url(../../web_images/iconAnswer.png) no-repeat; height:12px;}
.wrapMoreIcon .post span{font-size:11px; color:#555; padding-left:16px;}
.wrapMoreIcon .view {float:left; width:110px; background:url(../../web_images/icon-eye.png) no-repeat; height:12px;}
.wrapMoreIcon .view span{font-size:11px; color:#555; padding-left:21px;}
.wrapMoreIcon .date {float:left; width:110px; background:url(../../web_images/icon-calendarNew.png) no-repeat; height:12px;}
.wrapMoreIcon .date span{font-size:11px; color:#555; padding-left:20px;}




/*28-01-2011*/.lineTitleUp{ background:url(../../web_images/webboard2011/line-title-up.png) no-repeat; width:660px; height:14px; margin:10px 0 0 0;}

#wrapSocial{ width:660px; float:left; margin-top:20px;}
#wrapSocial .topSocial{ background:url(../../web_images/webboard2011/wrapNewWebboardTop.png) no-repeat; width:660px; height:8px; float:left;}
#wrapSocial .midSocial{background:#f8f8f8; width:638px; padding:10px; overflow:hidden; float:left; border-left:#ddd solid 1px; border-right:#ddd solid 1px;}
#wrapSocial .bottomSocial{background:url(../../web_images/webboard2011/wrapNewWebboardBottom.png) no-repeat; width:660px; height:8px; float:left;}

#wrapSocial .midSocial .row1{}
#wrapSocial .midSocial .row1 .col1{ float:left; overflow:hidden;}
#wrapSocial .midSocial .row1 .col1 .fackbook{ float:left;}
#wrapSocial .midSocial .row1 .col1 .fackbook a{background:url(../../web_images/facebookShare.png) no-repeat; width:189px; height:50px; text-indent:-9999px; display:block;}
#wrapSocial .midSocial .row1 .col1 .fackbook a:hover{background:url(../../web_images/facebookShareHover.png) no-repeat; width:189px; height:50px; text-indent:-9999px; display:block;}
#wrapSocial .midSocial .row1 .col1 .twitter{ float:left;}
#wrapSocial .midSocial .row1 .col1 .twitter a{background:url(../../web_images/twitterShare.png) no-repeat; width:188px; height:50px; text-indent:-9999px; display:block;}
#wrapSocial .midSocial .row1 .col1 .twitter a:hover{background:url(../../web_images/twitterShareHover.png) no-repeat; width:188px; height:50px; text-indent:-9999px; display:block;}
#wrapSocial .midSocial .row1 .col2{ float:right; color:#777777;  margin-top:32px; overflow:hidden; text-align:right;}
#wrapSocial .midSocial .row1 .col2 .numView{float:left; background:url(../../web_images/icon-eye.png) no-repeat; height:12px; border-right:#333 solid 1px; padding-right:8px;}
#wrapSocial .midSocial .row1 .col2 .numView span{font-size:10px; color:#555; padding-left:22px;}
#wrapSocial .midSocial .row1 .col2 .numPost{float:left; background:url(../../web_images/iconAnswer.png) no-repeat; height:12px; margin:0 8px; padding-right:8px;border-right:#333 solid 1px;}
#wrapSocial .midSocial .row1 .col2 .numPost span{font-size:10px; color:#555; padding-left:18px;}
#wrapSocial .midSocial .row1 .col2 .numDate{float:left; background:url(../../web_images/icon-calendarNew.png) no-repeat; height:12px;}
#wrapSocial .midSocial .row1 .col2 .numDate span{font-size:10px; color:#555; padding-left:21px;}
#wrapSocial .midSocial .row2{ float:left; width:638px; overflow:hidden;}

.fackbookMini{ float:left;}
.fackbookMini a{background:url(http://www.skoolbuz.com/timthumb.php?w=130&src=../../web_images/facebookShare.png) no-repeat; width:189px; height:50px; text-indent:-9999px; display:block;}
.fackbookMini a:hover{background:url(http://www.skoolbuz.com/timthumb.php?w=130&src=../../web_images/facebookShareHover.png) no-repeat; width:189px; height:50px; text-indent:-9999px; display:block;}

.twitterMini{ float:left; margin:1px -23px 0 -57px; left: 0;}
.twitterMini a{background:url(http://www.skoolbuz.com/timthumb.php?w=130&src=../../web_images/twitterShare.png) no-repeat; width:188px; height:50px; text-indent:-9999px; display:block;}
.twitterMini a:hover{background:url(http://www.skoolbuz.com/timthumb.php?w=130&src=../../web_images/twitterShareHover.png) no-repeat; width:188px; height:50px; text-indent:-9999px; display:block;}

/*#otherSidebar .mid .headMediaCreative{overflow:hidden;background:url(../../web_images/tlt-mediaCreative.png) no-repeat; width:240px; height:40px;}

#otherSidebar .mid .awards2010{ margin:10px auto;width:224px;}
#otherSidebar .mid .awards2010 a{ background:url(../../web_images/btn-skbAwards2010.png) no-repeat; width:224px; height:32px; text-indent:-9999px; display:block;}
#otherSidebar .mid .awards2010 a:hover{ background:url(../../web_images/btn-skbAwards2010.png) no-repeat 0 -32px; width:224px; height:32px;}
*/
/*26-01-2011*/
#otherSidebar .mid .headMediaCreative{overflow:hidden;background:url(../../web_images/awards2010/tlt-mediaCreative.png) no-repeat; width:240px; height:40px;}

#otherSidebar .mid .awards2010{ margin:6px auto;width:224px;}
#otherSidebar .mid .awards2010 a{ background:url(../../web_images/btn-skbAwards2010.png) no-repeat; width:224px; height:33px; text-indent:-9999px; display:block;}
#otherSidebar .mid .awards2010 a:hover{ background:url(../../web_images/btn-skbAwards2010.png) no-repeat 0 -33px; width:224px; height:33px;}

#otherSidebar .mid .teacher2011{ margin:10px auto;width:225px;}
#otherSidebar .mid .teacher2011 a{ background:url(../../web_images/btn-skbTeacher2011.png) no-repeat; width:225px; height:23px; text-indent:-9999px; display:block;}
#otherSidebar .mid .teacher2011 a:hover{ background:url(../../web_images/btn-skbTeacher2011.png) no-repeat 0 -23px; width:225px; height:23px;}

#otherSidebar .mid .mv2011{ margin:15px auto;width:225px;}
#otherSidebar .mid .mv2011 a{ background:url(../../web_images/btn-skbMV2011.png) no-repeat; width:225px; height:15px; text-indent:-9999px; display:block;}
#otherSidebar .mid .mv2011 a:hover{ background:url(../../web_images/btn-skbMV2011.png) no-repeat 0 -15px; width:225px; height:15px;}

#otherSidebar .mid .awards2011{ margin:6px auto;width:224px;}
#otherSidebar .mid .awards2011 a{ background:url(../../web_images/btn-skbAwards2011.png) no-repeat; width:224px; height:32px; text-indent:-9999px; display:block;}
#otherSidebar .mid .awards2011 a:hover{ background:url(../../web_images/btn-skbAwards2011.png) no-repeat 0 -32px; width:224px; height:32px;}

#otherSidebar .mid .lineAward{ background:url(../../web_images/awards2010/line-menuLeft.png) no-repeat; width:240px; height:2px;}

.lineTeacher{ border-bottom:#ddd dotted 1px; margin:20px 0;}

/*Add 07-02-2010*/
.ttlTextVec{ background:url(../../web_images/vec2011/title-textVec.png) no-repeat; width:240px; height:50px; text-indent:-9999px;}
.backTop{ float:right; margin-top:20px;}
.backTop a{ background:url(../../web_images/skoolmag2011/icon_top.png) no-repeat; width:29px; height:12px; text-indent:-9999px; display:block;}
.backTop a:hover{ background:url(../../web_images/skoolmag2011/icon_top.png) no-repeat 0 -12px; width:29px; height:12px;}

.wrapSkoolMag{ width:660px; float:left; position:relative;}
.wrapSkoolMag .tltSkoolMag{ float:left; margin-left:-8px;}
.wrapSkoolMag .tltSkoolMag a{ background:url(../../web_images/skoolmag2011/title-mag.png) no-repeat; width:225px; height:60px; text-indent:-9999px; display:block;}
.wrapSkoolMag .inputRoom{position:absolute; right:0; top:0;}
.wrapSkoolMag .inputRoom select{background:url(../../web_images/skoolmag2011/bg_input.png) no-repeat; width:225px; height:30px; border:0; padding:4px 16px 9px 4px; font-size:12px; color:#555; margin:17px -10px 0 0;}

.lineMain{ background:url(../../web_images/skoolmag2011/lineMain.png) no-repeat; width:660px; height:18px; margin:15px 0 0 0;}

.wrapLibraryMain{width:660px; float:left; position:relative;}
.wrapLibraryMain .tltLibrary{ float:left; margin-left:-8px;}
.wrapLibraryMain .tltLibrary a{ background:url(../../web_images/title-library.png) no-repeat; width:182px; height:67px; text-indent:-9999px; display:block;}

.wrapCommMain{width:660px; float:left; position:relative;}
.wrapCommMain .tltComm{ float:left;}
.wrapCommMain .tltComm a{ background:url(../../web_images/skoolmag2011/title-community.png) no-repeat; width:257px; height:54px; text-indent:-9999px; display:block;}


#sidebar .connectFb{ margin-top:10px; margin-bottom: 20px; float:right;}


/*Login Box 19/12/54*/


#wrap #wrapLogin{
	background: url(../../web_images/loginbox/bg_login.png) no-repeat;
	width:480px;
	height:190px;
	float:right;
	display:block;
	overflow:hidden;
	position:absolute!important;
	margin: -4px 0 0 0;
	top: 32px;
	padding:15px 10px 10px 10px;
    z-index: 5;
	right: 0;
}
#wrapLogin .leftLogin .titleLogin{ width:250px; height: 20px; float:left;  font-family: 'Ubuntu', arial, serif; font-size:18px; font-weight:bold; margin-top: -1px; padding-bottom: 7px;}	
#wrapLogin .leftLogin .boxInput{ width:228px; height:80px; float:left;  background:#f6f6f6; border:solid 1px #CCC; margin-top:2px;  padding:10px; margin-top: 2px;}
#wrapLogin .leftLogin .txtLoginpwd{ width:80px; height:65px; float:left;}
#wrapLogin .leftLogin .Login{ float:left;} 
#wrapLogin .leftLogin .Login .inputEmail{ background: url(../../web_images/loginbox/bg_input.png) no-repeat; width:222px; height:27px; padding:5px 0 0 5px; float:left; overflow:hidden;}
#wrapLogin .leftLogin .Login .inputPassword{ background: url(../../web_images/loginbox/bg_input.png) no-repeat; width:222px; height:27px; padding:5px 0 0 5px; float:left; margin-top:5px; overflow:hidden;}
#wrapLogin .leftLogin{ width:260px; float:left;}

#wrapLogin .leftLogin .Login .checkbox{ float:left!important; margin-top:-1px;} 
#wrapLogin .leftLogin .Login .txtRemember{ font-size:11px; width:80px; height:12px; padding:3px; float:left; color:#999; margin-top: -1px;}
#wrapLogin .leftLogin .Login .txtForgotpswd a{ font-size:11px; width:100px; height:12px; padding:3px; float:right; color:#999; text-decoration:underline; text-align:center; margin-top: -1px;}
#wrapLogin .leftLogin .Login .txtForgotpswd a:hover{ color:#CCC;}
#wrapLogin .leftLogin .btnLoginbox{ float:right; margin-top:17px; font-family: 'Ubuntu', arial, serif; font-size:12px; font-weight:bold; }
#wrapLogin .leftLogin .btnLoginbox a{ float:right;  background:url(../../web_images/loginbox/btn_login.png) no-repeat ; width:70px; height:19px; padding:5px 5px 5px 14px; color:#fff; }
#wrapLogin .leftLogin .btnLoginbox a:hover{ background:url(../../web_images/loginbox/btn_login.png) no-repeat 0 -58px; }
#wrapLogin .leftLogin .btnRegisterbox{ float:right; margin:17px 10px 5px 15px; font-family: 'Ubuntu', arial, serif; font-size:12px; font-weight:bold;}
#wrapLogin .leftLogin .btnRegisterbox a{ float:right;  background:url(../../web_images/loginbox/btn_login.png) no-repeat 0 -29px; width:70px; height:19px; padding:5px 5px 5px 8px; color:#fff; }
#wrapLogin .leftLogin .btnRegisterbox a:hover{ background:url(../../web_images/loginbox/btn_login.png) no-repeat 0 -58px;}
#wrapLogin .rightConnect .closebox a{font-size:10px;  color: #666; float:right; width:8px; height:8px; background:url(../../web_images/loginbox/icon_logout.png) no-repeat 0 0; margin-top:-8px;}
#wrapLogin .rightConnect .closebox a:hover{ color: #C30; background:url(../../web_images/loginbox/icon_logout.png) no-repeat -8px 0;}

#wrapLogin .rightConnect{ width:214px; float:right;}
#wrapLogin .rightConnect .titleNotmember{ width:200px; height: 50px; float:left;  font-family: 'Ubuntu', arial, serif; font-size:20px; font-weight:bold; margin-left:10px; }
#wrapLogin .rightConnect .registerWith{ width:200px; height: 20px; float:left;  font-family: 'Ubuntu', arial, serif; font-size:16px; margin:0 0 10px 10px;}
#wrapLogin .rightConnect .btntwconnect a{ background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat 0 0; width:186px; height:42px; float:left; margin:5px 5px 5px 10px;}
#wrapLogin .rightConnect .btntwconnect a:hover { background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat -186px -0;}
#wrapLogin .rightConnect .btnFbconnect a{ background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat 0 -42px; width:186px; height:42px; float:left; margin:5px 5px 5px 10px;}
#wrapLogin .rightConnect .btnFbconnect a:hover { background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat -186px -42px;}
.pbtntwconnect a{ background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat 0 0; width:186px; height:42px; float:left; margin:5px 5px 5px 10px;}
.pbtntwconnect a:hover { background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat -186px -0;}
.pbtnFbconnect a{ background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat 0 -42px; width:186px; height:42px; float:left; margin:5px 5px 5px 10px;}
.pbtnFbconnect a:hover { background:url(../../web_images/loginbox/btn_fb_tw.png) no-repeat -186px -42px;}