@charset "utf-8";
/* CSS Document */
/************************** 页面框架布局 ************************/
body{
background-color:#424242;
color: white;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#header{
width:980px;
margin-right:auto;
margin-left:auto;
}
#header #top_bar{
float:right;
text-align:right;
color:#DB8E0E;
}
#content{
width:980px;
margin-left:auto;
margin-right:auto;
clear: both;
}
#content #left_nav{
width:200px;
float:left;
}
#content #main{
clear:right;
padding-left:220px;
padding-top: 30px;
}
.indext {
	width: 700px;
	margin-left: 30px;
}
.indext td {
	padding: 10px;
	vertical-align: top;
	width: 390px;
}
.kro_menu{
padding-top: 20px;
padding-left: 40px;
margin-left: 40px;
}
.kro_form{
padding-top:20px;
margin-left: 60px;
padding-left: 60px;
}
/******************** 基本元素定义 ******************/
 h2{font-size: 20px;}
.a{
color:#F3A401;
text-decoration:none;
font:bolder 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#top_bar a{
color:#F3A401;
text-decoration:none;
font:bolder 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#top_bar a:hover{
color:#F3A401;
font-weight:bolder;
text-decoration:underline;
border-collapse:collapse;
}
.msgChange a:hover {
font-weight: 400;
}
.kro_form a,.kro_menu a,#main_inner a,.ui-tabs-panel table td a,.indexEx a {
color:#F3A401;
text-decoration:none;
font:12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: bolder;
}
.kro_form a:hover,.kro_menu a:hover,#main_inner a:hover,.ui-tabs-panel table td a:hover,.indexEx a:hover {
color:#F3A401;
text-decoration:underline;
}
.back {
	float: right;
	padding-right: 150px;
}
/***************************************************************/
#main_inner{
border-top: 1px solid white;
}
#main_reg{
width: 980px;
clear: right;
margin-left:auto;
margin-right:auto;
border-top: 1px solid white;
padding-top: 30px;
}
#clear{
clear:both;
}
#footer{
width:980px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
padding-top:20px;
text-align:center;
border-top:#FFFFFF double;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
}
hr{
color: white;
height: 1px;
}
.legend{
font-weight: bolder;
font-size: 16px;
color: #F3A401;
}
/************ 首页 *********************/
.indextd {
padding:5px 10px 5px 20px;
vertical-align: top;
color: white;
font-size: 13px;
line-height: 16px;
}
/**************************************/
#side_left{
Float:left;
background:url(../images/about.gif);
background-repeat:no-repeat;
width:46px;
padding:0;
margin:0 10px 0px 0px;
border-right:1px solid white;
}
.side_left_index{
height:300px;
}
.side_left_events{
height:1000px;
}
.side_left_usual{
height:700px;
}
.side_left_pizza{
height:1300px;
}
/************** left_nav *****************/

#linkList h3.nest {
	height:53px;
	background-image:url(../images/nest.gif);
	margin:0px;
	padding:0px;
	}
#linkList h3.message {
	height:53px;
	background-image:url(../images/message.gif);
	margin:0px;
	padding:0px;
	}
#linkList h3.message span {
	display:none
	}
#linkList h3.nest span {
	display:none
	}
#linkList h3.menu {
	height:53px;
	background-image:url(../images/menu.gif);
	margin:0px;
	padding:0px;
	}
#linkList h3.menu span {
	display:none
	}
#linkList h3.location { 
	height:53px;
	background-image:url(../images/locations.gif);
	margin:0px;
	padding:0px;
	}
#linkList h3.location span {
	display:none
	}
#linkList h3.review { 
	height:53px;
	background-image:url(../images/reviews.gif);
	margin:0px;
	padding:0px;
	}
#linkList h3.review span {
	display:none
	}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 200px; /*width of menu*/
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(../images/z1.jpg) repeat-x bottom left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 1px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(../images/z.jpg);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
background-color:#B1B1B1;
border-bottom: 1px solid #787878;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}
/************** button *****************/
.groovybutton {
border:#F6A702 1px solid;
padding-right: 4px;
padding-left: 4px;
font-size: 12px;
filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#c3daf5);
cursor: hand;
color: black;
padding-top: 2px;
}
.button1{
background-color:#e0e0d5;
font-size: 9pt;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: ridge;
border-right-style: ridge;
border-bottom-style: ridge;
border-left-style: ridge;
border-top-color: #FFFFFF;
border-left-color: #FFFFFF;
font-family: "宋体", Tahoma, Verdana;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-left: 2px;
}
/************ table ************************/
.table_title td{
	background: black url(../images/z1.jpg) repeat-x;
}
.msgChange tr{
	background: #424242;
}
.msgChange tr:hover{
	background: black url(../images/z1.jpg) repeat-x;
}
.kro_form table{
	width:400px;
	border:0px;
	text-align:center;
}
#toppings td{ /* 菜单pizza */
width: 90px;
}
.kro table{
margin-left:40px;
padding-left: 40px;
text-align: left;
width: 700px;
}
.kro td{
vertical-align: top;
padding: 10px;
}
 .menu td{
 text-align: center;
 }
 .t_title {
 	padding-right: 20px;
 	font-size:14px;
 	font-weight: bold;
 }
 .order_r {
 	text-align: right;
 }
/************** 招聘页面 ************************/
.recruit{
	margin-left: 40px;
	padding-left: 40px;
	list-style-type: none;
}
.recruit_span {
	margin-left: 20px;
	padding-left: 20px;
}
.recruit li a {
	color:#F3A401;
	text-decoration:none;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.recruit li a:hover{
	color:#F3A401;
	text-decoration:underline;
}
.recruit1{
	margin-left: 40px;
	padding-left: 40px;
	list-style-type: decimal;
}
/*************** form ***********************/
form{
	width: 400px;
	margin:30px 200px auto 50px;
}
.indexO {
	margin-right: 200px;
	width: 980px;
	margin: 0 auto;
}
input{
background-color: #D4D4D4;
}
textarea {
background-color: #D4D4D4;
}
.message1 {
	float: left;
}
.message1 fieldset{
	width: 580px;
	margin-bottom: 10px;
}
 fieldset ul li,#main_reg ul li,.kro_menu ul li {
	list-style: none;
	padding: 5px;
}
label{
float: left;
text-align:left;
width: 140px;
}
.label2{
float: left;
text-align:right;
width: 345px;
}
.message1 textarea {
	background-color: #D4D4D4;
	width: 500px;
	height: 100px;
}
#main_reg form{
width: 900px;
margin: 0 auto 20px;;
}
.kro_menu form{
width:600px;
}
.zy{
	text-align: center;
}
.zy0{
	position: relative;
	left: 410px;
}
.zy1{
	position: relative;
	left: 620px;
	top: -43px;
}
.add{
width: 380px;
}
/*************** msg ***********************/
.msg1 {
	color: #999999;
	padding: 6px;
}
.msg2 {
	color:black;
	background-color: #EDF3FA;
	border: 1px solid #408FD0;
	padding: 5px 5px 5px 25px;
	background-image: url(../images/standard_msg_warning.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.msg3 {
	background-color: #F0FFF0;
	border: 1px solid #00EA00;
	padding: 5px 5px 5px 25px;
	background-image: url(../images/standard_msg_ok.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.errormsg {
	color:black;
	background-color: #D4D4D4;
	border: 1px solid #F5A203;
	padding: 5px 5px 5px 25px;
	background-image: url(../images/standard_msg_error.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	line-height: 16pt;
}
 
 .messagebox {
 	border: dashed 1px;
 	background-color: #747474;
 	width: 450px;
 	margin: 10px 0 10px;
 	padding: 10px;
 }
/*********************************************************/
#move{
margin-left:50px;
padding-left: 50px;
}
.move{
margin-left: 12px;
padding-left: 12px;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
body{
	background:#424242;
}
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
#myDIV div { /* clearing without presentational markup, IE gets extra treatment */
    position: relative;
    top: 25px;
    *top:0px;
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #F3A401;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #fff;
    padding: 1em 8px;
    background: #424242; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.ui-tabs-panel table td{
	padding-left: 30px;
}
/* relevant for the tutorial - start */
#gallery { position: relative; }
  #pictures { position: relative; height: 408px; }
  #pictures img { position: absolute; top: 0; left: 0; }
  #prev{
  position: absolute;
  top:100px;
  left: 500px;
  font-size: 20px;
  }
  #next{
  position: absolute;
  top:200px;
  left: 500px;
  font-size: 20px;
  }
/* relevant for the tutorial - end */
.zoomr {
margin-left: 300px;
margin-top: 30px;
font-weight: bold;
}

.Dright {
float: right;
margin-right: 100px;
}
.Dright ul {
list-style-type: none;
}
.tab {
	position: relative;
	top: 20px;
	border-bottom: 1px solid #DD9401;
}
.tab li {
	position: relative;
	top: -27px;
	float: left;
	list-style: none;
	margin: 1px;
	padding-bottom: 10px;
	background: url("../images/tab/tab_centerH.gif") repeat-x;
}
.tab .selected {
	float: left;
	list-style: none;
	background: url("../images/tab/tab_center.gif") repeat-x;
}
.tab li:hover {
	float: left;
	list-style: none;
	background: url("../images/tab/tab_center.gif") repeat-x;
}
.tab a {
	position: relative;
	top: -4px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.selected a {
	position: relative;
	top: -4px;
	color: #E99E1B;
	font-weight: bold;
}
.tab a:hover {
	position: relative;
	top: -4px;
	color: #E99E1B;
	font-weight: bold;
}
#MaterialL {
	width: 700px;
}
#MaterialL a {
	color: white;
	text-decoration: none;
}
#MaterialL a:hover {
	color: #E99E1B;
	text-decoration: underline;
}
#MaterialL table {
	float: left;
	height: 155px;
}
#MaterialL table td{
	text-align: center;
	width: 160px;
	vertical-align: top;
}
#MaterialL .hei {
	width: 30px;
	vertical-align: top;
}
.index_map {
	margin-top: 80px;
}
.index_map table {
	float: left;
	width: 220px;
}
.MDetail {
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	font-size: 16px;
	font-weight: bolder;
}