/* 
 base site layout 
 pane: 960px width
 sidebar: 186px width
 main: 960px - 186px = 774px width
 */
@import "reset.css";
@import "fonts.css";
@import "common.css";

body { margin: 0px; padding: 0px; text-align: center; background: #eed; }

#pane { position: relative; margin: 0 auto; width: 808px; text-align: left; border: solid 28px #f98653; 
  background: #fff; }
* html #pane { height: 1%; } /* IE6 holly hack */

/* masthead */
#masthead { border-bottom: solid 1px #fcd3a8; 
  background: url(http://static.bettyskitchen.com.cn/static/images/bk-logo-slogan.gif) no-repeat 32px 40px; }
#masthead h1 { margin-left: 220px; padding: 55px 0 10px 0; font-size: 36px; color: #000; font-family: SimHei; }
#masthead h2 { margin-left: 222px; padding: 10px 0; font-size: 18px; color: #000; font-family: SimHei; }

#content { position: relative; }
* html #content { height: 1%; } /* IE6 holly hack */

/* 
 tabular layout 
 808 = 220 + 370 + space + 160 + 8
 */
.tabular { font-size: 14px; }
.tabular fieldset { border-bottom: solid 1px #fcd3a8; }
.tabular legend { padding-left: 220px; color: #000; font-weight: bold; font-size: 14px; font-family: SimHei; }
img { margin-top: 5px; margin-bottom: 0; }
.tabular div { clear:both; position: relative; margin: 4px 0; }
* html .tabular div { height: 1%; } /* IE6 holly hack */

/* label */
.tabular label { display: block; width: 220px; float: left; text-align: right; 
  margin-right: 2px; padding: 2px 2px 0 0; }
* html .tabular label { margin-right: 0px; }

/* inline label */
.tabular label.inline { display:inline; float:none; cursor: pointer; }
.tabular .error label.inline { border-right: none; }

/* input */
.tabular input, 
.tabular select,
.tabular textare { padding-top: 2px; border: 1px solid #bbb; }
.tabular input { width: 225px; }
.tabular select { width: 230px; }
.tabular textarea { width: 370px; height: 135px; }
.tabular .checkbox input { width: 13px; height: 13px; margin-right: 4px; }

/* note */
.tabular .note { width: 160px; position: absolute;  right: 8px; top: 0; 
  font-size: 12px; color: #999; }
.tabular .note strong { display: block; font-weight: bold; color: #666; }
.tabular .note .required { color: #c00; }

/* error */
.tabular .error label { border-right: solid #c00 2px; }
.tabular div.error { background: #ffd; }
.tabular div.error input,
.tabular div.error select,
.tabular div.error textarea { background-color: #ff9; }
.tabular .errorlist li { font-size: 12px; font-weight: bold; padding-bottom: 2px; color: #f0b800; }
.tabular ul.errorlist { margin-left: 222px; clear:both; width: 300px; }

/* custom container */
.tabular div.custom,
.tabular fieldset.custom { margin-left: 222px; width: 370px; margin-top: 0px; }
.tabular .custom legend { padding-left: 0; }

/* buttons */
.tabular div.buttons { height: 30px; margin: 10px 0; align: center; }
.tabular .buttons input { height: 24px; width: 70px; margin: 0 20px; padding-bottom: 4px; font-weight: bold; font-size: 13px; text-align: center; }

/* footnotes */
.tabular div.footnotes { margin: 0 0 0 222px; width: 370px; font-size: 12px; position: relative; }
* html .tabular div.footnotes { height: 1%; }

/* textarea countdown */
.tabular p.countdown { position: absolute; right: 0; top: 0; }
.tabular span.countdown { background: #bbb; }

/* half page tabular -- compact */
.compact fieldset { border-bottom: 0px; margin-left: 10px; }
.compact legend { padding-left: 10px; font-size: 36px; color: #c00; }

.compact label { float: none; text-align: left; }
.compact .error label { border-right: none; }
.compact .error input, 
.compact .error select { border-left: 2px #c00 solid; }
.compact ul.errorlist { margin-left: 0px; }

.compact div.footnotes { margin-left: 0px; }

/* help text under the input widget */
.help_text { display: block; margin-left: 220px; padding: 2px 0 0 4px; width: 380px; font-size: 12px; color: #999; }
.help_text a { font-weight:bold; }

/* mr2 */
.fl { float:left; }
.fr { float:right; }
#masthead { border-bottom: solid 1px #ffe5e5; background: url(/static/images/mr2/logo.jpg) no-repeat 32px 40px; }
#masthead h1 { color:#999; }
#masthead h2 { color:#aaa; }
#pane { border-color:#f99; }
a.btn1, a.btn1:visited, a.btn1:active { background:#FFF url(/static/images/mr2/btn1_g_bg_right.png) no-repeat 100% 0; display:block; line-height:30px; border:none; margin:0 10px; text-align:center; padding-right:15px; position:relative; height:30px; width:auto; font-size:13px; font-weight:bold; }
a.btn1 span, a.btn1:visited span, a.btn1:active span { background:#FFF url(/static/images/mr2/btn1_g_bg_left.png) no-repeat 0 0; display:block; line-height:30px; text-align:center; padding-left:15px; width:auto; margin:0; }
a.btn1:hover { background-image:url(/static/images/mr2/btn1_y_bg_right.png); border:none; }
a.btn1:hover span { background-image:url(/static/images/mr2/btn1_y_bg_left.png); }
.tabular .errorlist li { color:#f99; }
#pane a { color:#066; border-bottom:1px dashed #ccc; background-color:#fff; }
#pane a:hover, a:active { border-bottom:1px solid #f36; }
#pane a.img_link, a.img_link:visited, a.img_link:hover, a.img_link:active { border:none; }
.compact legend { color:#066; }
.tabular fieldset { border-bottom:1px solid #ffe5e5; }
.tabular .buttons input.ok { background:#fff url(/static/images/mr2/btn1_g_bg.png) no-repeat; width:90px; height:30px; line-height:30px; color:#066; border-width:0 !important; border:none; cursor:pointer; font-size:13px; }
.tabular .buttons input.disable { background:#fff url(/static/images/mr2/btn1_dis_bg.png) no-repeat; width:90px; height:30px; line-height:30px; color:#BEBEBE; border-width:0 !important; border:none; cursor:pointer; font-size:13px; font }
#waiting_dlg { width: 200px; height: 40px; background: #eee; border: solid 4px #FF9999; padding: auto; padding-top: 10px; }

#unrequired_bbsfield,#unrequired_field { display: none }
.tips { font-size: 18px; margin-left: 220px; margin-top: 15px; }
.submit_button { margin-left: 340px; }
.tabular legend h { font-size: 10px; }