﻿@media screen
{

	/* basic layout */
	body
	{
		background: #EBF6FB;
	}

	#wrapper
	{
		width: 100%;
		text-align: center;
	}
	#wrapper .innerWrapper
	{
		width: 980px;
		margin: 0 auto;
		background: url(../images/header_bg.gif) repeat-x #FFF;
	}

	#header
	{
		width: 960px;
		margin: 0 auto;
		text-align: left;
		margin-bottom: 5px;
	}
	#header #siteName
	{
		width: 750px;
		height: 52px;
		float: left;
		padding: 5px 5px 10px 5px;
		overflow: hidden;
	}
	#header #siteTitle
	{
		display: none;
	}
	#header #headerBar
	{
		width: 150px;
		padding: 5px;
		height: 30px;
		float: right;
		overflow: hidden;
		text-align: right;
		overflow: hidden;
	}
	#header #headerBar li
	{
		display: inline;
	}
	#header #headerBar span
	{
		text-decoration: none;
	}
	#header #headerBar span a
	{
		display: inline-block;
		padding: 0 5px;
	}

	#header #menu
	{
		width: 100%;
		float: none;
		clear: both;
		overflow: hidden;
		height: 28px;
		/*border-bottom: 2px solid #6AB5DE;*/
		margin-top: 5px;
	}



#header #menu ul{
border: 1px solid #BBB;
width: 100%;
background: url(../images/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#header #menu  ul li{
display: inline;
}

#header #menu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#header #menu ul li a:hover{
	background: url(../images/chromebg2.gif) center center repeat-x;
	color: #000000;
}

	/*

	#menu .innerMenuBox
	{
		padding: 0;
		margin: 0;
	}
	#header #menu ul
	{
		height: 28px;
		width: 100%;
		padding: 0 0 5px 0;
	}

#header #menu ul li a
	{
		display: block;
		height: 28px;
		line-height: 28px;
		text-align: center;
		background: url(../images/gnav_bbanner_left.gif) top left no-repeat;
		text-decoration: none;
		overflow: hidden;
		margin-right: 2px;
		width: 77px;
		float: right;
	}
	#header #menu ul li.link_hover
	{
		color: #FFF;
		background-position: right -28px;
	}
	#header #menu ul li
	{
		float: left;
		display: block;
		cursor: pointer;
		color: #555;
		height: 28px;
		padding: 0 0 0 5px;
		background: url(../images/gnav_bbanner_right.gif) top right no-repeat;
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
		width: 75px;
	}
	#header #menu ul li a.link_hover
	{
		color: #FFF;
		background-position: 0 -28px;
	}

	#header #menu .boxL
	{
		display: block;
		width: 15px;
		overflow: hidden;
		height: 28px;
		float: left;
		background: #FFF;
	}
	#header #menu .boxR
	{
		display: block;
		height: 28px;
		width: 8px;
		overflow: hidden;
		float: right;
		background: #FFF;
	}*/

	#header #searchBar
	{
		width: 100%;
		overflow: hidden;
		background: #FFF;
		margin: 5px 0;
		border: 1px solid #CCC;
		height: 80px;
	}
	#header #searchBar .innerSearchBar
	{
		padding: 5px;
	}
	#header #searchBar div
	{
		height: 25px;
		padding: 0 5px 0 0;
		float: left;
	}
	#header #searchBar .title
	{
		font-weight: bold;
	}
	#header #searchBar .class
	{
		padding: 0;
		border: 1px solid #CCC;
		height: 20px;
		width: 80px;
		overflow: hidden;
		margin: 0 5px;
		position: relative;
	}
	#header #searchBar .class select
	{
		width: 81px;
		height: 24px;
		position: relative;
		top: -1px;
		left: -1px;
	}
	#header #searchBar .keyWord input
	{
		width: 120px;
		height: 20px;
		border: 1px solid #CCC;
	}
	#header #searchBar .hotTags a
	{
		text-decoration: none;
	}
	#header #searchBar .hotTags span
	{
		padding: 5px;
		color: #FF5500;
	}

	#content
	{
		width: 960px;
		margin: 0 auto;
		text-align: left;
		margin-bottom: 5px;
	}
	.innerContent
	{
	}
	.innerContent .leftSide
	{
		width: 230px;
		float: left;
		overflow:hidden;
	}
	.innerContent .leftSide .titleBox
	{
		background: url(../images/title_0_bg.gif) no-repeat;
	}
	.innerContent .leftSide .title
	{
		color: #1c6c90;
	}
	.innerContent .leftSide .innerpanel
	{
		border: 1px solid #98d5f0;
	}
	.innerContent .middleContent
	{
		width: 492px;
		padding: 0 0 0 8px;
		float: left;
	}
	.innerContent .mainContent
	{
		width: 725px;
		float: right;
		overflow:hidden;
	}

	.innerContent .rightSide
	{
		width: 222px;
		padding: 0 0 0 8px;
		float: left;
	}

	#helpCenter
	{
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}
	#helpCenter .contentBox
	{
		float: left;
	}
	#helpCenter .contentBox .innerpanel
	{
		border: 0;
	}
	#helpCenter .leftBox, #helpCenter .midBox, #helpCenter .rightBox
	{
		width: 189px;
		float: left;
	}
	#helpCenter .rightBox
	{
		width: 192px;
	}
	#helpCenter .leftBox .listBox, #helpCenter .midBox .listBox, #helpCenter .rightBox .listBox
	{
		border: 0;
	}
	#helpCenter .leftBox .titleBox, #helpCenter .midBox .titleBox, #helpCenter .rightBox .titleBox
	{
		border: 0;
		background: #FFF;
	}

	#friendsLink
	{
		width: 960;
		margin: 0 auto;
		margin-bottom: 5px;
		padding: 2px 0;
	}
	#friendsLink ul li
	{
		float: left;
		width: 88px;
		height: 31px;
		margin: 0 3px 0 0;
	}
	#friendsLink ul li img
	{
		height: 31px;
		width: 88px;
	}
	#footer
	{
		width: 100%;
		text-align: center;
		background: url(../images/footer_bg.gif) repeat-x;
		height: 80px;
	}
	#footer .innerFooter
	{
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}
	#footer #footBar
	{
		width: 960px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
	}
	#footer #footBar ul
	{
	}
	#footer #footBar li
	{
		display: inline;
	}
	#footer #footBar li ul
	{
		display: none;
	}
	#footer #footBar span a
	{
		display: inline-block;
		padding: 5px 10px;
		cursor: pointer;
		color: #555;
	}
	#footer #footBar a span:hover
	{
		text-decoration: none;
	}

	#footer #copyRight
	{
		text-align: center;
		padding: 5px;
	}

	/*slideShow*/
	#slideShow .titleBox
	{
		display: none;
	}
	#slideShow .contentBox
	{
		border: 1px solid #CCC;
	}
	#slideShow .contentBox .innerContentBox
	{
		padding: 0;
	}


	/* newVote */
	#newVote .innerContentBox dl dt
	{
		font-weight: bold;
	}
	#newVote .innerContentBox dl dd
	{
		padding: 0 3px 0 5px;
	}



	/*list content*/
	#listContent, #detailContent
	{
		width: 722px;
		padding: 0 0 0 8px;
		float: left;
	}

	#listContent .titleTool input
	{
		height: 18px;
		border: 1px #ccc solid;
		padding: 0px;
		margin: 0px;
		cursor: pointer;
	}
	.detailBox
	{
		padding: 5px;
		border: 1px solid #ccc;
	}
	.tipPanel
	{
		background: #fff;
		padding: 8px;
		margin: 4px auto;
		border: 1px #ccc solid;
		color: #006600;
		font-weight: bold;
	}

	.orderSum
	{
		text-align: right;
	}
	#branchContent
	{
		width: 722px;
		padding: 0 0 0 8px;
		float: left;
	}
	#branchContent ul
	{
	}
	#branchContent ul li
	{
		width: 100px;
		height: 130px;
		float: left;
	}
	.queryPanel
	{
		text-align: left;
		padding: 8px;
	}
	.titleTool .hotest, .titleTool .newest, .titleTool .mostExpensive, .titleTool .cheapest
	{
		display: inline-block;
		padding: 0 10px;
		line-height: 20px;
		height: 20px;
		background: #FFF;
		text-align: center;
		border: 1px solid #B9DDF0;
		border-bottom: 0;
		color: #FE5601;
	}
	#loginBox .innerpanel
	{
		background: url(../images/module_bg.gif) right bottom no-repeat #F5FCFE;
	}
	/*admin*/
	#admin_Wrapper .innerWrapper
	{
		text-align: left;
		background-color: #FFF;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		width: 100%;
	}

	#admin_header
	{
		height: 26px;
		top: 0px !important;
		top: -220px;
		position: absolute !important;
		position: relative;
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #959595;
		background: url(../images/top_bg.gif) bottom repeat-x;
		left: 0;
	}

	#admin_header h1
	{
		display: block;
		height: 25px;
		line-height: 25px;
		padding: 0 0 0 20px;
		width: 245px;
		float: left;
	}
	#admin_header h1 a
	{
		color: #003366;
		text-decoration: none;
	}
	#admin_header #logo
	{
		display: none;
	}
	#admin_header #headerBar
	{
		height: 25px;
		line-height: 25px;
		padding: 0 20px 0 0;
		width: 380px;
		float: right;
		text-align: right;
	}
	#admin_header #headerBar .username
	{
		font-weight: bold;
	}
	#admin_header #headerBar .locked
	{
		font-weight: bold;
		color: Red;
	}
	#admin_header #headerBar .normal
	{
		font-weight: bold;
		color: Green;
	}

	#admin_header #menu
	{
		clear: both;
		height: 50px;
		width: 100%;
	}
	#admin_header #menu ul
	{
	}
	#admin_header #menu ul li
	{
		float: left;
		padding: 5px 0 0 5px;
	}
	#admin_header #menu ul li a
	{
		width: 60px;
		height: 43px;
		display: block;
		border: 1px solid #FFF;
		text-align: center;
	}


	.admin_left
	{
		background: white;
		position: absolute !important;
		position: relative;
		top: 30px !important;
		top: -216px;
		height: auto !important;
		height: 100%;
		width: 160px;
		float: left;
		background-color: #eeeeee;
		padding: 0;
		bottom: 29px !important;
		left: 4px;
		border: 1px solid #707070;
		overflow: hidden;
	}

	.admin_right
	{
		position: absolute !important;
		position: relative;
		top: 30px !important;
		top: -215px;
		height: auto !important;
		height: 100%;
		bottom: 29px !important;
		left: 170px !important;
		left: 6px;
		right: 4px;
		margin: 0 !important;
		margin: 0 8px 0 0;
		border: 1px solid #707070;
		overflow: hidden;
		padding: 3px;
	}
	.admin_cleft
	{
		background: white;
		position: absolute !important;
		position: relative;
		top: 30px !important;
		top: -215px;
		height: auto !important;
		height: 100%;
		width: 28px;
		float: left;
		background-color: #eeeeee;
		padding: 0;
		bottom: 29px !important;
		overflow: auto;
		left: 4px;
		border: 1px solid #707070;
		overflow: hidden;
	}
	.admin_cright
	{
		position: absolute !important;
		position: relative;
		top: 30px !important;
		top: -215px;
		height: auto !important;
		height: 100%;
		overflow: auto;
		bottom: 29px !important;
		left: 38px !important;
		left: 6px;
		right: 4px;
		margin: 0 !important;
		margin: 0 8px 0 0;
		border: 1px solid #707070;
		padding: 3px;
	}
	#admin_bottom
	{
		height: 25px;
		bottom: 0 !important;
		bottom: -1px;
		position: absolute;
		font-size: 0;
		width: 100%;
		background: url(../images/panl_title_bg.gif) bottom repeat-x;
		border-top: 1px solid #959595;
		left: 0;
	}
	#admin_bottom .lefSide
	{
		float: left;
		width: 30%;
		padding: 0 10px;
	}
	#admin_bottom .rightSide
	{
		float: right;
		width: 30%;
		padding: 0 10px;
		text-align: right;
	}

	/* siderBar */

	#admin_sidebar
	{
		overflow: hidden;
		width: 160px;
	}
	#admin_sidebar h2
	{
		height: 23px;
		color: #003366;
		display: block;
		background: url(../images/panl_title_bg.gif) bottom repeat-x;
		padding: 5px 0 0 10px;
		border-bottom: 1px solid #959595;
	}
	#admin_sidebar h2 .title
	{
		width: 130px;
		float: left;
	}
	#admin_sidebar h2 #closeTool
	{
		width: 20px;
		height: 20px;
		float: left;
		cursor: pointer;
	}
	#admin_sidebar h2 .sidebarToolClose
	{
		background: url(../images/collapse.gif) left no-repeat;
	}
	#admin_sidebar h2 .sidebarToolOpen
	{
		background: url(../images/expand.gif) left no-repeat;
	}
	#admin_sidebar div
	{
		background: url(../images/panl_title_bg.gif) repeat-x;
	}
	#admin_sidebar div h4
	{
		font-weight: normal;
		width: 190px;
		height: 22px;
		color: #003366;
		display: block;
		padding: 5px 0 0 5px;
		border-bottom: 1px solid #959595;
		cursor: pointer;
	}
	#admin_sidebar div h4 img
	{
		float: left;
	}
	#admin_sidebar div h4 span
	{
		display: block;
		height: 22px;
		float: left;
		padding: 0 0 0 8px;
	}
	#admin_sidebar div:hover
	{
		background: url(../images/panl_title_hover_bg.gif) repeat-x;
	}
	#admin_sidebar .div_selected
	{
		background: url(../images/panl_title_hover_bg.gif) repeat-x;
	}
	#admin_sidebar div h4 span
	{
		color: #003366;
	}
	.sidebarMenu_normal
	{
		background: url(../images/ns-expand.gif) 140px no-repeat;
	}
	.sidebarMenu_selected
	{
		background: url(../images/ns-collapse.gif) 140px no-repeat;
	}
	#admin_sidebar div ul
	{
		padding: 5px 2px;
		list-style: none;
		background: #FFF;
		border-bottom: 1px solid #959595;
	}
	#admin_sidebar div ul li
	{
		height: 22px;
		line-height: 22px;
		padding: 0 0 0 5px;
		width: 100%;
	}
	#admin_sidebar div ul li img
	{
		padding-right: 8px;
	}
	#admin_sidebar div ul li a
	{
		color: #333;
		height: 16px;
		float: left;
		display: block;
		text-decoration: none;
	}
	#admin_sidebar div ul li a:hover
	{
		color: red;
	}
}
#siteDetail .innerContentBox
{
	padding: 20px 5px;
}
#siteDetail .innerContentBox h2
{
	font-size: 20px;
	text-align: center;
}

#siteDetail .innerContentBox .dtailInfo
{
	display: none;
}

#siteDetail .innerContentBox .detailContent
{
	padding: 10px;
		text-align: center;
}
#siteDetail .innerContentBox .detailUrl
{
	padding: 5px;
	text-align: center;
}
#siteDetail .innerContentBox .detailUrl a
{
	font-size: 20px;
	text-decoration: underline;
}
#siteDetail .innerContentBox .digBox
{
	display: none;
}

#siteDetail .innerContentBox .detailAction
{
	display: none;
}


#siteDetail .innerContentBox .prevInfo
{
}

#siteDetail .innerContentBox .nextInfo
{
}



