@charset "utf-8";

/* CSS Document */


/*********** top ad skres_ *************************************/

#header_Ad_Bg { width: /*960px*/ 100% ; height: 110px; padding: 0px; margin: 0px auto; text-align: center; 
background: url(/css/en/asset/header/bg_header_top_ad2.gif) repeat bottom left;  }

#skres_h_topAdBox  {width: 100%; position: absolute; top: 25px; left: 0px; text-align: center; }
	#skres_topAd_i {margin: 0px auto; width: 728px; height: 90px; border: none;}

/* header ***********************************************************************************************/
#skres_h_header:after { 
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
} 
#skres_h_header { 
min-height:1%;
height: 60px; width: /*960px*/ 100% ; padding: 0px; margin: 0px auto 0; text-align: center; background-repeat: no-repeat; 
background-image: none ; } 

/* ---- skres_h_headerTop test start ---- */
#h_TopBanner:after { 
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}
#h_TopBanner {
display:inline-block;
min-height:1%;
width:100% ; height: 110px; padding: 0px; margin: 0px auto; text-align: center; background:#EFEDED url(/css/ver1/asset/header/bg_header_top.gif);}

#h_TopBannerInner {
height: auto;
margin:0px auto;
padding:0px;
width:960px;
}

#h_TopBannerInner a {line-height: 0px; }
#h_TopBannerInner map { margin: 0px auto; width: 960px;height: 110px; }

	#h_sLogo { height: 100px; width: 220px; padding: 0px; margin: 0px; float: left; }
	#header728x90 { height: 90px; width: 728px; border: 1px solid #ccc; padding: 0px; }
	
	#h_logoLink { height: 100px; width: 220px; border: none; }

/* ---- skres_h_headerTop test end ---- */

/* ---- skres_h_headerTop ---- */
#skres_h_headerTopOuter {width:100% ; height: 30px; padding: 0px; margin: 0px auto; text-align: center; background: #fff;}

#skres_h_headerTop:after { 
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}
#skres_h_headerTop { 
display:inline-block;
min-height:1%;
padding: 0px; margin: 0px auto; text-align: left; clear: both;
height: 30px; 
width: 960px;}


#skres_h_headerTopL { height: 30px; width: 209px; padding: 0px; margin: 0px; float: left; }
	#skres_h_sLogo { height: 30px; width: 209px; padding: 0px; margin: 0px; float: left; }
	#skres_h_logoLink { height: 30px; width: 209px; border: none; }

#skres_h_headerTopR { height: 30px; width: 640px; padding: 0px; margin: 0px; float:right; text-align: left; /*position: relative;*/ }
	#sNews { height: 30px; width: 640px; overflow:hidden; }
    	.sNewsLine { height: 30px; line-height: 30px; width: 640px; overflow:hidden; text-align: right; }
			.sNewsLine a,
			.sNewsLine a:visited,
			.sNewsLine a:link,
			.sNewsLine a:active { text-align: right; 
				display: inline; white-space: nowrap; line-height: 30px; 
				text-decoration: underline; 
				font-weight: normal ;
				color: #666 ;
				margin: 0pxpx 2px;
			}

#skres_h_LoginForm {
padding-top: 5px;
float:right;
height:auto;
line-height:29px;
padding-top:0px;
text-align: right;
white-space:nowrap;
width:120px;
margin-right:30px;}

	#skres_h_LoginForm form { width: auto; height: auto; margin: 0px; padding: 0px;}
	#skres_h_LoginForm .textShadowBox {
		background:transparent url(/css/ver1/asset/shadow.gif) repeat scroll left top; 
		vertical-align:middle;
		border:1px solid #999999;
		color:#333333;
		font-size:11px;
		height:18px;
		padding:0px 4px;
		width:110px;
	}	


/* ---- skres_h_headerBtm ---- */
#skres_h_headerBtmOuter { width:100%; height: 30px;  padding: 0px; margin: 0px auto; text-align: center; background: #ccc url(/css/ver1/asset/header/bg_main_menu.gif) repeat-x top left; clear: both;}
#skres_h_headerBtm:after, #skres_h_headerBtmL:after, #skres_h_sMenu:after, #skres_h_headerBtmR:after, #skres_h_headerRR:after { 
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;}
	
#skres_h_headerBtm {
display:inline-block;
min-height:1%;
width: 960px; height: 30px; padding: 0px; margin: 0px auto; text-align: left; clear: both; }
	#skres_h_headerBtmL {   height: 30px; width: 450px; padding: 0px; margin: 0px; float: left;  min-height:1%;}
		#skres_h_sMenu { height: 30px; width: 440px; padding: 0px; margin: 0px; float: left;  min-height:1%;}
	
	#skres_h_headerBtmR { height: 30px; width: 450px; padding: 0px; margin: 0px; float: right; text-align: right; min-height:1%;}
		#skres_h_headerRR { height: 30px; width: 135px; padding: 0px; margin: 0px; float: left; text-align: right; position: relative; min-height:1%;}

/* GO LIVE BTN */
.skres_h_goliveBtn {height: 20px; width: 100px; margin: 4px 0px 0px; float: right; text-align:center; }
.skres_h_goliveBtn button img { vertical-align: middle; width: 11px; height: 12px; }
.skres_h_goliveBtn a, .skres_h_goliveBtn a:link, .skres_h_goliveBtn a:visited, .skres_h_goliveBtn a:active { 
font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff;
display: block; color: #fff;
background: url(/css/ver1/asset/bg_btn_100x20_o.png) no-repeat; border: none;
height: 20px; line-height:20px; width: 100px; white-space: nowrap; color: #fff; text-decoration: none; }
.skres_h_goliveBtn a:hover {background: url(/css/ver1/asset/bg_btn_100x20_do.png) no-repeat;}

	.skres_h_searchInput {
	background:transparent url(/css/en/shadow.gif) repeat scroll left top;
	border:1px solid #999999;
	color:#333333;
	float:left;
	font-size:11px;
	height:18px;
	padding:0 0 0 4px;
	width:150px;
	}

/* SEARCH BOX*/
#skres_h_search { width: 180px; height: 30px; float: right;line-height: 30px; }
#skres_h_search_form { margin: 0px; width: 180px; float: right; text-align: right; padding: 6px 6px 0px 0px;}	
.skres_h_searchInput {
	background:url(/css/en/shadow.gif) repeat top left; float:left;
	border:1px solid #999999;
	color:#333333;
	font-size:11px;
	height:16px;
	padding:0 0 0 4px;
	width:150px;
}
.skres_h_search_form select, .skres_h_search_form option {
	font-size:11px;
	height:18px;
	width:70px;
}

.skres_h_SubSearchBtn  { float: left; width:18px; height:18px;  }
.skres_h_SubSearchBtn a { display: block; background: #666 url(/css/ver1/asset/header/search_btn_g.gif) no-repeat center center; 

	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	width:18px; 
	height:18px; 
	line-height:16px; 
	overflow: hidden; 
	text-indent: -999em; 
	text-align: left; 
}

.skres_h_AdvSearchBtn {  width: auto; white-space: nowrap; }
.skres_h_AdvSearchBtn a {
	background:none;
	float:left; width: auto; display: block;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	line-height: 30px;
	text-align: right; 
	white-space: nowrap;
}


/* toolbar **********************************************************************************************/

#skres_toolbarL { width: 380px; height: 25px; float: left; text-align: left; }
#skres_tLoginForm { width: 380px; height: auto;  white-space: nowrap; padding: 3px 0px 0px 5px; }
#skres_tLoginForm form {width: auto; height: auto; margin: 0px; padding: 0px; }

#skres_tLoginForm .textShadowBox {
	background: url(/css/en/shadow.gif) repeat left top; 
	vertical-align:middle;
	border:1px solid #999999;
	color:#333333;
	font-size:11px;
	height:18px;
	padding:0px 4px;
	width:110px;
}
#skres_tLoginBtn { border-width:1px;  background:#0066FF; color:#fff; height: 18px; width: auto; line-height: 1em;  text-align: center; padding: 0 10px; vertical-align:middle; }
.skres_tSignUp { display: inline; white-space: nowrap; line-height: 25px; font-weight: bold; padding-left: 10px; } 

#skres_toolbarR { width:250px; height: 25px; float: right; text-align: left;}


/* Stat */
#skres_tStat { float: right; width: 110px; text-align: right;  height: 30px; position: relative; padding-right: 5px; padding-top: 0px; }

.skres_toolTab { float:left; height: 30px; width: 25px; line-height: 30px; position: relative; z-index: 100; }

.skres_toolTab a.skres_aTab {
	text-align:center;
	height:30px; 
	width: auto; 
	text-decoration: none; 
	display: block; 
	border-top: 0px solid #dbdbdb; 
	border-left: 0px solid #dbdbdb; 
	border-right: 0px solid #dbdbdb;
	border-bottom: 0px solid #999; 
}

.skres_toolTabActive { height: 30px; width: 25px; line-height: 30px; float: left; position: relative; z-index: 100; }

.skres_toolTabActive a.skres_aTab {
	text-align:center;
	height:29px;
	width: auto; 
	text-decoration: none; 
	display: block; 
	background: #999999; 
	border-top: 1px solid #333; 
	border-left: 1px solid #333; 
	border-right: 1px solid #333;
	border-bottom: 0px solid #333;
}

.skres_toolTab a.skres_aTab img, .skres_toolTabActive a.skres_aTab img { margin-top:8px;}

.skres_toolTab_text { height: 29px; width: 25px; line-height: 29px; float: left; position: relative; z-index: 100; /*top: 2px; */ }

.skres_toolTab_text a.skres_aTab_text {
	height: auto; 
	width: auto; 
	text-decoration: none; 
	display: block; 
	border-top: 0px solid #dbdbdb; 
	border-left: 0px solid #dbdbdb; 
	border-right: 0px solid #dbdbdb;
	border-bottom: 0px solid #999; 
}

/* FriendsLive */
#skres_tFriendsLiveTab {}
#skres_tFriendsLiveTab a { z-index: 100; }
#skres_tFriendsLiveTab a:hover { background: #999; }
#skres_tFriendsLiveTabActive a { background: #fff; z-index: 100; }
#skres_tFriendsLiveTabActive a:hover { background: #fff; }

/* Notification */					
#skres_tNotificationTab {}
#skres_tNotificationTab a {}
#skres_tNotificationTab a:hover { background: #999999 ; }
#skres_tNotificationTabActive a { background: #fff; }
#skres_tNotificationTabActive a:hover { background: #fff; }

/* 1on1 */
#skres_t1on1Tab {}
#skres_t1on1Tab a {}
#skres_t1on1Tab a:hover { background: #999999 ; }
#skres_t1on1TabActive a { background: #fff; }
#skres_t1on1TabActive a:hover { background: #fff; }

/* log out */

#skres_tLogoutTab {padding-left:5px; width:55px;}
#skres_tLogoutTab a {padding-top:0px !important; text-decoration:none;}
#skres_tLogoutTab a:hover { text-decoration:underline;}
/**/

/* menu hint */
.skres_menuHint { background: transparent url(/css/en/asset/header/menu_hint.gif) no-repeat left top; color:#fff; line-height: 1em; padding: 7px 3px 2px; 
position: absolute; top: 30px; left: 10px; width: auto; height: auto; white-space:nowrap; }

.skres_tBoxTitle { 
	text-align: left; 
	font-weight: bold; 
	background: #FFFFFF;
	border-bottom: solid 1px #efefef;
	clear: both;
}
.skres_tBoxTitle a, .skres_tBoxTitle a:link,  .skres_tBoxTitle a:visited, .skres_tBoxTitle a:active {
	width: auto; 
	height: auto; 
	padding: 0px 5px; 
	display: block; 
	line-height: 18px; 
	text-decoration: none; 
	color:#333333 !important;
	font-weight:bold !important;
	text-decoration:none !important; 
}
.skres_tBoxTitle a:hover { background: #FFFFFF; color: #999;}
.skres_tBoxTitle a span { float: right; font-size: 18px; }
.skres_tBox {
	height: auto; 
	width: 180px; 
	background: #fff;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
}

/* Alert box */

#skres_tAlertsBoxes { height: auto; width: 180px; position: absolute; top: 29px; left: 0px; }

.skres_tAlertBox:after { 
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}
.skres_tAlertBox{
display:inline-block;
min-height:1%;
	height: auto; 
	width: 180px; 
	background: #fff; 
	margin-top: 1px;
	border-color:#666;
	border-style:solid solid;
	border-width:1px 1px;
}

.skres_tAme{ clear: both; text-align: left; }
.skres_tAmeR {padding: 5px 5px 5px 0px; font-weight: bold; width: 135px; float: right; }
.skres_tAmeR div {width: 130px; overflow: hidden;}
.skres_tAmeL{ background: url(/images/en/invitation/invitationLogo.gif) no-repeat center center; width: 38px; height: 40px; }

/* FriendsLive box */
#skres_tFriendsLive { 
	height: auto; 
	width: 200px; 
	padding-bottom: 1px; 
	position: absolute; 
	top: 29px;  
	left: 25px; 
	background: #fff; 
	z-index: 66666;
	border-color:#666;
	border-style:solid solid;
	border-width:1px 1px;
} 

.skres_tFlRow { width:198px; height: auto; clear: both; text-align:left; }
.skres_tFlPix { width: 50px; height: auto; float: left; text-align: center; padding: 3px 0px; }
.skres_tFlPix img { width: 40px; height: 30px; border: none; }
.skres_tFlName { width:125px; height: 36px; line-height: 36px; float: left; overflow: hidden; }
.skres_tFlLiveIcon { width: 20px; height: auto; float: right; }
.skres_tFlLiveIcon a { width: 16px; height:16px; background: url(/images/en/icons/icon_live.gif) no-repeat; display:block; margin-top: 10px; text-decoration: none; text-indent: -999em; overflow: hidden; }
.skres_tFlSeeAll { padding: 0px 6px 0px 0px; text-align: right; clear: both; }

/* Notification box */
#skres_tNotification {
	height: auto; 
	width: 180px;  
	padding-bottom: 1px; 
	position: absolute; 
	top: 29px;  
	left: 50px; 
	background: #fff;
	border-color:#666;
	border-style:solid solid;
	border-width:1px 1px;
}

	.skres_tNotificationBody { text-align: left;} 
		.skres_tNotificationCell {padding: 3px 3px 3px 6px; font-size: 11px; text-align: left; clear: both;}
			.skres_tNotificationIcon { float: left; width: 20px; height: auto; }
				.skres_tNotificationIcon img {width: 16px; height: 16px;}
			.skres_tNotificationR    { float: right; width: 148px; height: auto; }
				.skres_tNotificationR span { font-size: 10px; color: #666; }
		.skres_tNotificationSeeAll {padding: 3px 6px 3px 3px; text-align: right; clear: both;}

/* 1on1 box */
#skres_t1on1 {
height:  auto; 
width: 302px; 
padding-bottom: 1px; 
position: absolute; 
top: 29px; 
left: 0px; 
background: #fff;
border-color:#666;
border-style: solid solid;
border-width: 1px 1px;
}
#skres_t1on1 iframe { height: 254px; width: 300px;border: none; }


/* for test layout - current menu ver */
#skres_h_LoginBtn { border-width:1px;  background:#0066FF; color:#fff; height: 18px; width: auto; line-height: 1em;  text-align: center; padding: 0 10px; vertical-align:middle; }

#skres_h_LogIn { display: inline; white-space: nowrap; line-height: 25px; padding-left: 10px; } 
#skres_h_SignUp { display: inline; white-space: nowrap; line-height: 25px; padding-left: 10px; } 
a.skres_h_SignUp, a.skres_h_SignUp:visited { text-decoration: none; padding-top: 2px; }
a.skres_h_SignUp:hover { text-decoration: underline; }

#skres_h_LogIn a,
#skres_h_LogIn a:visited,
#skres_h_LogIn a.skres_h_LogIn, 
#skres_h_LogIn a.skres_h_LogIn:visited,
#skres_h_LogIn a.skres_h_SignUp, 
#skres_h_LogIn a.skres_h_SignUp:visited { 
	text-decoration: none; 
	font-weight: normal ;
	color: #3399ff ;
	padding-top: 2px; 
}

#skres_h_LogIn a:hover,
#skres_h_LogIn a.skres_h_LogIn:hover,
#skres_h_LogIn a.skres_h_SignUp:hover { text-decoration: underline ; }

	
/* show gap between header and */
#skres_h_sp { height: 20px; width: auto; clear: both;}