@charset "utf-8";
/* CSS Document */
body, textarea, input
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000;
} 
#container
{
	width:100%;
	min-width:1170px;
}
/****************************************************************************
 			_HEADER   
*****************************************************************************/
#header
{
	height:192px;
	background:#e9e7d0 url(/baoimages/bao_images/site/headerNav_conter.jpg) bottom repeat-x;
	text-align:center;
}
#header #logo
{
	display:block;
	float:left;
	height:172px;
	width:165px;
	background:#FFF;
	padding:10px;
}
#header h1
{
	font-size:xx-large;
	padding:0 50px 0 0;
	margin:0;
}
#header h2
{
	text-transform:uppercase;
	font-size:large;
	padding:0 50px 0 0;
	margin:0;
	border:none;
}

#header .content
{
	height:192px;
	margin:0 0 0 184px;
	padding:0 0 0 20px;
	background:url(/baoimages/bao_images/site/headerNav_leftCorner.jpg) left bottom no-repeat;
}
#header ul.navigation 
{
	padding:0;
	margin:0;
	list-style:none;
	height:100%;
}
#header .navigation li
{
	float:left;
	width:24%;
	text-align:center;
	padding:0;
	margin:0;
}
#header .navigation li .name
{
	height:17px;
	padding:3px 0 0 0;
	text-align:center;
}
#header .navigation li .name a
{
	color:#FFF;
}
/****************************************************************************
 			_BLOCKING
*****************************************************************************/
/*___________LEFT___________________________________________________________*/
#left
{
	width:185px;
	float:left;
}
#left a
{
	color:#000 !important;
}
#left .block
{
	background:#ededed url(/baoimages/bao_images/site/leftBlock_right.gif) repeat-y right;
	padding:0;
	margin:10px 0 0 0;
}
#left .block .topBorder
{
	background:url(/baoimages/bao_images/site/leftBlock_top.gif) bottom;
	height:20px;
}
#left .block .bottomBorder
{
	background:url(/baoimages/bao_images/site/leftBlock_bottom.gif) top;
	height:20px;
}
#left .block h4
{
	padding:5px 15px 5px 15px;
	margin:0 5px 0 5px;
	border-bottom:1px solid #d8d8d8;
	font-weight:normal;
	font-size:medium;
}
#left .block p 
{
	padding:2px 20px 0 20px;
	margin:0;
}

#left ul.navigation
{
	list-style:none;
	padding:5px;
	margin:0;
}

#left ul.navigation  li
{
	padding:0;
	border-bottom:1px solid #d8d8d8;
	font-size:small;
}
#left ul.navigation  li strong a
{
	color:#660 !important;
	font-weight:normal;

}
#left ul.navigation li span
{
	display:block;
	padding:3px 5px 3px 20px;
}

#left ul.navigation li ul
{
	list-style:disc inside;
	padding:0;
	margin:0;
}
#left ul.navigation li ul li
{
	margin:0;
	padding:3px 5px 3px 22px;
	border-top:1px solid #d8d8d8;
	border-bottom:none;
}
#left ul.navigation li ul li span
{
	display:inline;
	padding:0;
}
#left .rewards
{
	text-align:center;
	color:#6e6601;
	text-transform:uppercase;
}
#left h4
{
	background:none;
}
#left .registration
{
	width:165px;
	height:195px;
	padding:85px 10px 0 10px;
	background:#900 url(/baoimages/bao_images/site/registrationBg.gif) no-repeat;
	margin:10px 0 0 0;
}
#left .registration form
{
	display:block;
	width:auto;
	background:#b8b4a5 url(/baoimages/bao_images/site/registrationFormBg.gif) no-repeat bottom;
	border-top:#887e00 3px solid;
	padding:10px 10px 0 10px;
}
#left .registration form input.text
{
	background:url(/baoimages/bao_images/site/registrationInputBg.gif) ;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	border:none;
	color:#8e8872;
	width:134px;
	height:16px;
}
#left .registration form input.enter
{
	background:none;
	border:none;
	color:#fff;
}
#left .registration form .enter
{
	margin:10px 0 0 0;
	background:none;
	border:none;
	color:#fff !important;
}
#left .registration form .enter:hover, #left .registration form .enter:focus
{
	text-decoration:underline;
}


/****************************************************************************
 			_CONTENTS
*****************************************************************************/
#contents
{
	margin:20px 20px 50px 205px;
	min-height:1500px;
}

/****************************************************************************
           _IMAGES
****************************************************************************/

/****************************************************************************
 			_FOOTER
*****************************************************************************/
#footer
{
	padding:10px 10px 10px 10px;
	height:50px;
	font-size:x-small;
	color:#666;
	background:#e9e7d0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer .content
{
	width:400px;
}
#footer #alaida
{
	float:right;
	margin:0 0 0 0;
}
#footer #stat
{
	padding:5px 10px 5px 0px;
	float:left;
	margin:0 0 0 0;
}

/****************************************************************************
 			_FORMS
*****************************************************************************/
form
{
	padding:0;
	width:100%;
}
fieldset
{
	padding:0;
	margin:15px 0 0 0;
	border:none;
	display:block;
	border:1px solid #dcd9b8;
	border-bottom:3px solid #dcd9b8;
}
fieldset legend
{
	height:20px;
	padding:3px 10px 3px 10px;
	font-weight:bold;
	font-size:medium;
}
fieldset p.field
{
	padding:2px 10px 2px 30px;
	margin:10px 0 0 0;
}
fieldset p.field .name
{
	float:left;
	width:200px;
	display:block;
}
fieldset p.field .contents
{
	display:block;
	padding:0 0 0 10px;
	text-align:left;
}
fieldset p.field textarea
{
	width:70%;
}

fieldset.actions
{
	text-align:center;
	display:block;
	background:#dcd9b8;
	border:#dcd9b8 1px solid;
}
form .errors
{
	color:#C00;
}

/****************************************************************************
 			_TABLES
*****************************************************************************/
table
{
	display:table;
	width:100%;
	padding:0;
	margin:0;
}
td.selected
{
	background:#efebda;
}
thead td
{
	background:#887e00;
	color:#FFF !important;
}
thead td a
{
	color:#FFF !important;
}

.main td
{
	background:#e9e7d0;
	border-bottom:none;
}
td
{
	border-bottom:1px solid #e9e7d0;
	display:table-cell;
	padding:2px 5px 1px 5px;
}
.small td
{
	border-left:1px solid #e9e7d0;
	border-right:1px solid #e9e7d0;
}


/****************************************************************************
 			_PAGES
*****************************************************************************/

/****************************************************************************
 			_BUTTONS
*****************************************************************************/
ul.buttons
{
	padding:0;
	margin:0;
	list-style:none;
}
.buttons li
{
	padding:0;
	margin:2px 0 2px 0;
	list-style:none;
}
.buttons li a
{
	display:block;
	border:1px solid #dcd9b8;
	border-bottom:3px solid #dcd9b8;
	padding:8px 5px 8px 10px;
	color:#000;
}
.buttons li a:link, .buttons li a:active, .buttons li a:visited
{
	text-decoration:none;
}
.buttons li a:hover, .buttons li a:focus
{
	background:#f6f5e5;
	text-decoration:none;
}

/****************************************************************************
 			_MISC
*****************************************************************************/
.invisible
{
	display:none;
	width:0;
	height:0;
	margin:0;
	padding:0;
}

/****************************************************************************
 			_LINKS
*****************************************************************************/
a:link, a:active, a:visited
{
	color:#018696;
	text-decoration:none;
}
a:hover, a:focus
{
	text-decoration:underline;
}
a.converted:link, a.converted:active, a.converted:visited
{
	text-decoration:none;
}
a.converted:hover, a.converted:focus
{
	text-decoration:underline;
}
a.gray
{
	color:#333333 !important;
}
/****************************************************************************
           _PAGES
*****************************************************************************/
.pages
{
	text-align:center;
	font-weight:normal;
	margin:5px 0 5px 0;
}
.pages strong
{
	background-color:#ae0000;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 1px 0 1px;
}
.pages strong a
{
	color:#FFFFFF;
}
.pages a
{
	padding:0 3px 0 3px;
}
.subnavigation
{
	font-size:small;
	padding:0 20px 10px 10px;
	text-align:left;
	color:#939187;
	font-weight:bold;
}
.subnavigation a.selected
{
	color:#939187 !important;
}
.subnavigation a:link, .subnavigation a:active, .subnavigation a:visited
{
	text-decoration:none;
}
.subnavigation a:hover, .subnavigation a:focus
{
	text-decoration:underline;
}
/****************************************************************************
 			_HEADERS
*****************************************************************************/
h1
{
	font-size:x-large;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#ae0000;   
	padding:4px 10px 4px 0;
	margin:0;
}
h2
{
	font-size:x-large;
	font-weight:bold;
	color:#ae0000;   
	padding:2px 10px 2px 10px;
	border-bottom:2px solid #ae0000;
	margin:0;
}
h3
{
	font-size:large;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
	text-decoration:none;
	padding:5px 5px 5px 10px;
	margin:3px 0 5px 0;
	border-bottom:3px solid #dcd9b8;
	text-transform:uppercase;
}
h4
{
	background:#e9e7d0;
	padding:2px 2px 2px 12px;
	margin:0;
	font-size:medium;
}
h5
{
	padding:3px 0 3px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#4b5022;
	text-align:left;
	font-size:12px;
	padding-left:10px;
}
h5 a:link, h5 a:active, h5 a:visited
{
	color:#000;
	text-decoration:none;
}
h5 a:focus, h5 a:hover
{
	color:#000;
	text-decoration:underline;
}
h6
{
	margin:0;
	font-weight:bold;
	font-size:x-small;
}
hr
{
	height:1px;
	color:#1e5e1b;
	border:0px;
	border-bottom:1px solid #1e5e1b;
}

.comment
{
	color:#999999;
	font-size:xx-small;
}
.red
{
	color:#CC0000;
}

/*______ BAO _________________________________________________*/
.bao_cover
{
	border:1px solid #0C0;
	padding:1px;
}
.bao_actions
{
	background:#0C0;
	color:#FFF;
}
.bao_vars
{
}
.bao_atom
{
	border:1px solid #C06;
}
.pictograms
{
}
.pictograms .button
{
	width:14px;
	height:14px;
	padding:0 7px 0 7px;
	margin:0 1px 0 1px;
}
.pictograms .delete:link,.pictograms .delete:active, .pictograms .delete:visited
{
	background:url(/baoextensions/admin/images/pictograms/default/delete.png) center no-repeat;
}
.pictograms .delete:hover, .pictograms .delete:focus
{
	background:url(/baoextensions/admin/images/pictograms/active/delete.png) center no-repeat;
}
.pictograms .copyPaste:link,.pictograms .copyPaste:active, .pictograms .copyPaste:visited
{
	background:url(/baoextensions/admin/images/pictograms/default/copy.png) center no-repeat;
}
.pictograms .copyPaste:hover, .pictograms .copyPaste:focus
{
	background:url(/baoextensions/admin/images/pictograms/active/copy.png) center no-repeat;
}
.pictograms .edit:link,.pictograms .edit:active, .pictograms .edit:visited
{
	background:url(/baoextensions/admin/images/pictograms/default/edit.png) center no-repeat;
}
.pictograms .edit:hover, .pictograms .edit:focus
{
	background:url(/baoextensions/admin/images/pictograms/active/edit.png) center no-repeat;
}
.pictograms .settings:link,.pictograms .settings:active, .pictograms .settings:visited
{
	background:url(/baoextensions/admin/images/pictograms/default/settings.png) center no-repeat;
}
.pictograms .settings:hover, .pictograms .settings:focus
{
	background:url(/baoextensions/admin/images/pictograms/active/settings.png) center no-repeat;
}
.pictograms .up:link,.pictograms .up:active, .pictograms .up:visited
{
	background:url(/baoextensions/admin/images/pictograms/default/up.png) center no-repeat;
}
.pictograms .up:hover, .pictograms .up:focus
{
	background:url(/baoextensions/admin/images/pictograms/active/up.png) center no-repeat;
}
.pictograms .down:link,.pictograms .down:active, .pictograms .down:visited
{
	background:url(/baoextensions/admin/images/pictograms/default/down.png) center no-repeat;
}
.pictograms .down:hover, .pictograms .down:focus
{
	background:url(/baoextensions/admin/images/pictograms/active/down.png) center no-repeat;
}