@charset "utf-8";


/*//////////////////////////////////////////////////

Title   : overlay.css
For     : Setting Notebook Overlay styles

Author  : Kooy Siew Na
Created : 2009-01-12
Modified: yyyy-mm-dd

----------------------------------------

          1. Overlay
		       1. Notebook
		  
----------------------------------------

//////////////////////////////////////////////////*/


/*  1-1. Notebook
   ------------------------------- */
body#overlay div.shwoverlay_wrapper {
	width: 857px;
	margin: 0 auto;
	text-align: left;
	position:absolute;
	z-index:999;
	top:0;left:0;
	
}
body#overlay div.shwoverlay_wrapper #overlay_con_outer {
	padding: 0 0 20px;
	background: url(../images/common/overlay_roung_b.gif) left bottom no-repeat;
	height:600px;
}
body#overlay div.shwoverlay_wrapper #overlay_con {
	padding: 15px 0 0;
	background: url(../images/common/overlay_roung_t.gif) left top no-repeat;
}

body#overlay div.shwoverlay_wrapper #overlay_con .boxA { margin: 0 30px; }

body#overlay div.shwoverlay_wrapper #overlay_con .boxA p#close {
	margin: 0;
	text-align: right;
}
body#overlay div.shwoverlay_wrapper #overlay_con .boxA p#close a {
	padding: 0 0 0 14px;
	background: url(../images/common/icon_close.gif) left 4px no-repeat;
}
body#overlay div.shwoverlay_wrapper #overlay_con .boxA p#close2 {
	margin: 0;
	text-align: right;
}
body#overlay div.shwoverlay_wrapper #overlay_con .boxA p#close2 a {
	padding: 0 0 0 14px;
	background: url(../images/common/icon_close.gif) left 4px no-repeat;
}

body#overlay div.shwoverlay_wrapper #overlay_con .boxA p#ban { text-align: center; }


body#overlay div.shwoverlay_wrapper #overlay_con .boxA div#ban { width:509px;height:413px;margin:0 auto; }

body#overlay div.shwoverlay_wrapper #overlay_con .boxA ul { text-align: center;}
body#overlay div.shwoverlay_wrapper #overlay_con .boxA ul li {
	display: inline;
	margin: 0 10px 0 0;
	float:left;
}
body#overlay div.shwoverlay_wrapper #overlay_con .boxA ul li img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
body#overlay div.shwoverlay_wrapper #overlay_con .boxA ul li img.borderNone { border: none; }








body#overlay div.shwoverlay_wrapper #ul_overlay_left{
	float:left;
	height:75px;
	line-height:75px;
}
body#overlay div.shwoverlay_wrapper #ul_overlay_right{
	float:left;
    height:75px;
    line-height:75px;
	margin-left:3px;
}
body#overlay div.shwoverlay_wrapper #overlay_container{
	float:left;
	position:relative;
	overflow:hidden;
	height:80px;
}


/***tabs and tips*****/
#shw_spec_tab{
	cursor:pointer;
}
#shw_access_tab{
	cursor:pointer;
}
#shw_share_tab{
	cursor:pointer;

}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}

/*********share this************/
body#overlay div.shwoverlay_wrapper {
	width: 857px;
	margin: 0 auto;
	text-align: left;
	position:absolute;
	z-index:999;
	top:0;left:0;
	
}
body#overlay div.shwoverlay_wrapper .overlay_con_outer {
	padding: 0 0 20px;
	background: url(../images/common/overlay_roung_b.gif) left bottom no-repeat;
	height:550px;
}
body#overlay div.shwoverlay_wrapper .overlay_con {
	padding: 15px 0 0;
	background: url(../images/common/overlay_roung_t.gif) left top no-repeat #ffffff;
}

body#overlay div.shwoverlay_wrapper .overlay_con .boxA { margin: 0 30px; }


body#overlay div.shwoverlay_wrapper .overlay_con .boxA p#close2 {
	margin: 0;
	text-align: right;
}
body#overlay div.shwoverlay_wrapper .overlay_con .boxA p#close2 a {
	padding: 0 0 0 14px;
	background: url(../images/common/icon_close.gif) left 4px no-repeat;
}

body#overlay   div#ban2 { width:800px;height:413px;margin:0 auto;  }


/*  1-3. Notebook landing
   ------------------------------- */
body#sub_note div.shwoverlay_wrapper {
	width: 857px;
	margin: 0 auto;
	text-align: left;
	position:absolute;
	z-index:999;
	top:0;left:0;
	
}
body#sub_note div.shwoverlay_wrapper #overlay_con_outer {
	padding: 0 0 20px;
	background: url(../images/common/overlay_roung_b.gif) left bottom no-repeat;
	height:600px;
}
body#sub_note div.shwoverlay_wrapper #overlay_con {
	padding: 15px 0 0;
	background: url(../images/common/overlay_roung_t.gif) left top no-repeat;
}

body#sub_note div.shwoverlay_wrapper #overlay_con .boxA { margin: 0 30px; }

body#sub_note div.shwoverlay_wrapper #overlay_con .boxA p#close {
	margin: 0;
	text-align: right;
}
body#sub_note div.shwoverlay_wrapper #overlay_con .boxA p#close a {
	padding: 0 0 0 14px;
	background: url(../images/common/icon_close.gif) left 4px no-repeat;
}
body#sub_note div.shwoverlay_wrapper #overlay_con .boxA p#close2 {
	margin: 0;
	text-align: right;
}
body#sub_note div.shwoverlay_wrapper #overlay_con .boxA p#close2 a {
	padding: 0 0 0 14px;
	background: url(../images/common/icon_close.gif) left 4px no-repeat;
}

body#sub_note div.shwoverlay_wrapper #overlay_con .boxA p#ban { text-align: center; }


body#sub_note div.shwoverlay_wrapper #overlay_con .boxA div#ban { width:509px;height:413px;margin:0 auto; }

body#sub_note div.shwoverlay_wrapper #overlay_con .boxA ul { text-align: center;}
body#sub_note div.shwoverlay_wrapper #overlay_con .boxA ul li {
	display: inline;
	margin: 0 10px 0 0;
	float:left;
}
body#sub_note div.shwoverlay_wrapper #overlay_con .boxA ul li img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
body#sub_note div.shwoverlay_wrapper #overlay_con .boxA ul li img.borderNone { border: none; }








body#overlay div.shwoverlay_wrapper #ul_overlay_left{
	float:left;
	height:75px;
	line-height:75px;
}
body#overlay div.shwoverlay_wrapper #ul_overlay_right{
	float:left;
    height:75px;
    line-height:75px;
	margin-left:3px;
}
body#overlay div.shwoverlay_wrapper #overlay_container{
	float:left;
	position:relative;
	overflow:hidden;
	height:80px;
}