@charset "UTF-8";
/*
 * Base Layout & Presentation stylesheet - (X)HTML/CSS
 *
 * @copyright       Copyright (c) 2009, Gamania Inc. All rights reserved.
 * @link            http://www.gamania.com
 * @version         1.0.0
 * @lastmodified    $Date: 2010-01-18 19:00
 *
 */
 


/* ----------------------------------- */
/* Yahoo UI Library CSS Reset */
/* ----------------------------------- */
/*
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 3.0.0b1
	build: 1160
*/
html{ 
	color: #000; 
	background: #FFF; 
	}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td { 
	margin: 0; 
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,
img {
	border: 0;
	}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
	}

li {
	list-style: none;
	}

caption,
th {
	text-align: left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	}
q: before,
q: after {
	content: '';
	}
abbr,
acronym {
	border: 0;
	font-variant: normal;
	}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
	}
sub {
	vertical-align: text-bottom;
	}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: middle; 
	}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
	}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
	}


/* ----------------------------------------------------------------------- */
/* Beanfun! Stylesheet */
/* ----------------------------------------------------------------------- */


/* ----------------------------------- 
 Layout properties 
 ----------------------------------- */
.PageMargins {
	margin: 0;
	max-width: 630px;
	min-width: 630px;
	width: 630px;
	}
#divHeader {
	padding: 0;
	width: 100%;
	}
#divMain {
	margin: 0;
	padding: 0;
	width: 100%;
	}
#divFooter {
	border-top: 3px solid #99CC33;
	margin: 10px;
	padding-top: 10px;
	}
#divFooter p.Copyright {
	float: left;
	margin: 0;
	padding: 0;
	}
#divFooter p.Navigation {
	float: right;
	margin: 0;
	padding: 0;
	}

/* ----------------------------------- 
 Formatting content container 
 ----------------------------------- */
#divLeftCol0 {
	float: left;
	width: 320px;
	}
#divRightCol0 {
	margin: 0;
	width: auto;
	}
#divLeftCol1 {
	float: left;
	width: 385px;
	}
#divRightCol1 {
	margin: 0 ;
	width: auto;
	}
#divLeftCol2 {
	float: left;
	width: 220px;
	}
#divRightCol2 {
	margin: 0;
	width: auto;
	}
#divLeftCol_content,
#divRightCol_content {
	padding: 0;
	}

/* ----------------------------------- 
 Content clearfix 
 ----------------------------------- */
.Clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

.Clearfix: after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	}
.Clearfix { display: inline-block; }

/* ----------------------------------- 
 Font and background
 -------------------------------------*/  
body, html { 
	background: #E6E9EE url(../../images/default/bg/default.jpg) repeat-x;
	}
body, p, table, td, th, textarea, input, span {
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 12px;	
	margin: 0;
	padding: 0;
	}
input, select {
	padding: 2px;
	}
textarea {
	overflow: auto;
	}
	
a:link,
a:visited {
	background-color: transparent;
	color: #409900;
	text-decoration: none;
	}
a:hover,
a:active {
	background-color: transparent;
	color: #F38630;
	text-decoration: underline;
	}

h1 {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	}
h2 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	}
h3 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	}

.Small { 
	color: #999999;
	font-size: 11px;	
	}
.BlodFont {
	font-weight: bold;
	}
	
.RedFont { color: #FF3300; }
.GreenFont { color: #619929; }
.WhiteFont { color: #FFFFFF;	}

/* ----------------------------------- 
 Header formatting 
 ----------------------------------- */

.HeaderWrapper {
	width: 900px;
	height: 45px;	
	margin: 0 auto;
	}

/* ----------------------------------- 
 Footer formatting 
 ----------------------------------- */
p.Copyright {
	color: #666666;
	font-size: 12px;
	}
p.Navigation a {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	}
p.Navigation a:hover {
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
	}

/* ----------------------------------- 
 Horizontal rule 
 ----------------------------------- */
.Dottedline {
	border-top: 1px dashed #CCCCCC;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 8px auto;
	width: 99%;
	}

/* ----------------------------------- 
 Pagination 
 ----------------------------------- */
#divPagePagination {
	background-color: #E9E9E9;
	display: block;
	margin: 20px auto 10px;
	overflow: hidden;
	width: 100%;
	}
ul.Pagination {
	float: right;
	line-height: 20px;
	padding: 3px;
	}
ul.Pagination li {
	display: inline;
	list-style: none;
	}
ul.Pagination li a {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	padding: 1px 5px;
	}
ul.Pagination a[rel~="Prev"],
ul.Pagination a[rel~="Next"] {
	color: #409900;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	}
ul.Pagination li.Selected a:link,
ul.Pagination li.Selected a:visited,
ul.Pagination li.Selected a:hover,
ul.Pagination li.Selected a:active {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #9DCF6A;
	border: 1px solid #9DCF6A;
	border-bottom-color: #CEFD9F;
	border-right-color: #CEFD9F;
	color: #407B24;
	font-weight: bold;
	}
ul.Pagination li a:hover,
ul.Pagination li a:active {
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #9DCF6A;
	border: 1px solid #89B24B;
	border-bottom-color: #CEFD9F;
	border-right-color: #CEFD9F;
	color: #FFFFFF;
	text-decoration: none;
	}
ul.Pagination li.Disabled{
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-bottom-color: #BBBBBB;
	border-right-color: #BBBBBB;
	color: #CCCCCC;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	margin-right: 2px;
	}
.Num_results {
	color: #666666;
	float: left;
	line-height: 20px;
	margin-left: 8px;
	padding: 3px;
	}

/* ----------------------------------- 
 Input with shadow-background 
 ----------------------------------- */
input[type="text"],
input[type="file"],textarea {
	background: url(../../images/default/common/drop_shadow.gif) no-repeat 0 0;
	border: 1px solid #999999;
	}

textarea.Expanding {
	background: #FFFFFF url(../../images/default/common/drop_shadow.gif) no-repeat 0 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 auto;
	max-height: 150px;
	min-height: 30px;
	padding: 3px;
	width: 98%;
	}

/* ----------------------------------- 
 Search field 
 ----------------------------------- */
#divSearchContainer {
	background: #FFFFFF url(../../images/default/common/drop_shadow.gif) no-repeat 0 0;
	border: 1px solid #CCCCCC;
	display: inline;
	float: left;
	padding: 4px;
	}
#divSearchContainer input[type="text"] {
	background-image: none;
	border-width: 0;
	color: #999999;
	font-size: 12px;
	padding: 0px;
	width: 130px;
	}
#divSearchContainer img {
	cursor: pointer;
	vertical-align: middle;
	}

/* ----------------------------------- 
 Content-header Control bar
/* ----------------------------------- */
#divControlBar {
	background: #E5EECC url(../../images/default/common/fade_green.gif) repeat-x;
	border: 1px solid #8CB859;
	color: #FFFFFF;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	width: 98%;
	}

/* ----------------------------------- 
 Base rounded-corners box 
 ----------------------------------- */
.BoxContainer {
	color: #000000;
	margin: 0 auto;
	margin-bottom: -2px;
	width: 100%;
	}
.BoxContainer .BoxHD .BoxContent {
	background: transparent url(../../images/default/basebox/tr.png) no-repeat right 0;
	font-size: 1px;
	height: 11px;
	margin-right: -14px;
	}
.BoxContainer .BoxHD2 .BoxContent2 {
	background: transparent url(../../images/default/basebox/tr2.png) no-repeat right 0;
	font-size: 1px;
	height: 11px;
	margin-right: -14px;
	}
.BoxContainer .BoxFT .BoxContent {
	background: transparent url(../../images/default/basebox/br.png) no-repeat right 0;
	font-size: 1px;
	height: 27px;
	margin-right: -14px;
	}
.BoxContainer .BoxFT2 .BoxContent2 {
	background: transparent url(../../images/default/basebox/br2.png) no-repeat right 0;
	font-size: 1px;
	height: 27px;
	margin-right: -14px;
	}
.BoxContainer .BoxHD {
	background: transparent url(../../images/default/basebox/tl.png) no-repeat 0 0;
	margin-right: 14px;
	}
.BoxContainer .BoxHD2 {
	background: transparent url(../../images/default/basebox/tl2.png) no-repeat 0 0;
	margin-right: 14px;
	}
.BoxContainer .BoxBD {
	background: transparent url(../../images/default/basebox/ml.png) repeat-y 0 0;
	margin-right: 9px;
	}
.BoxContainer .BoxBD2 {
	background: transparent url(../../images/default/basebox/ml2.png) repeat-y 0 0;
	margin-right: 9px;
	}
.BoxContainer .BoxBD .BoxContent {
	background: transparent url(../../images/default/basebox/mr.png) repeat-y right 0;
	margin-right: -9px;
	}
.BoxContainer .BoxBD2 .BoxContent2 {
	background: transparent url(../../images/default/basebox/mr2.png) repeat-y right 0;
	margin-right: -9px;
	}
.BoxContainer .BoxBD .BoxContent .BoxContentNarrowPadding {
	background: #FFFFFF url(../../images/default/basebox/mc.png) repeat-x 0 0;
	margin: 0 7px;
	overflow: hidden;
	padding-left: 8px;
	padding-right: 8px;
	}
.BoxContainer .BoxBD .BoxContent .BoxContentWidePadding {
	background: #FFFFFF url(../../images/default/basebox/mc.png) repeat-x 0 0;
	margin: 0 7px;
	overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	}
.BoxContainer .BoxFT {
	background: transparent url(../../images/default/basebox/bl.png) no-repeat 0 0;
	margin-right: 14px;
	}
.BoxContainer .BoxFT2 {
	background: transparent url(../../images/default/basebox/b2.png) no-repeat 0 0;
	margin-right: 14px;
	}
/* ----------------------------------- 
 Box tab 
 ----------------------------------- */
.BoxTab ul,.BoxTab li {
	border: 0;
	list-style: none;
	margin: 0;
	padding-left: 0;
	}
.BoxTab li img {
	margin-left: -10px;
	padding-right: 2px;
	}
.BoxTab li {
	float: left;
	margin-right: 0;
	}
.BoxTab a:link,.BoxTab a:visited {
	background: url(../../images/default/tabs/box_tabs.png) right 40px;
	color: #808080;
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	}
.BoxTab a span {
	background: url(../../images/default/tabs/box_tabs.png) left 40px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	margin-right: 14px;
	padding-left: 14px;
	width: 108px;
	}
.BoxTab a:hover {
	background: url(../../images/default/tabs/box_tabs.png) right 20px;
	display: block;
	text-decoration: underline;
	}
.BoxTab a:hover span {
	background: url(../../images/default/tabs/box_tabs.png) left 20px;
	display: block;
	}
.BoxTab a:active {
  	outline: none;
	}
.BoxTab a:focus {
	-moz-outline-style: none;
	}

/* Box tab - active elements */
.BoxTab .Active a:link,.BoxTab .Active a:visited,.BoxTab .Active a:hover {
	background: url(../../images/default/tabs/box_tabs.png) right 0 no-repeat;
	text-decoration: none;
	}
.BoxTab .Active a span,.BoxTab .Active a:hover span {
	background: url(../../images/default/tabs/box_tabs.png) left 0 no-repeat;
	color: #619929;
	font-size: 13px;
	font-weight: bold;
	}

/* Tab Content CSS */
.BoxTab_content {
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	}

/* ----------------------------------- 
 Button controls
 ----------------------------------- */
#divConfirmWrapper {
	margin: 0 auto; 
	overflow: hidden;
	padding: 20px 0 15px 0;
	text-align:center;
	width: 90px;
	}
	

/*  灰白按鈕  */
.GrayButton {
	background: transparent url('../../images/default/buttons/gray_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 28px;
	padding-right: 3px;
	text-decoration: none;
	}
.GrayButton input {
	background: transparent url('../../images/default/buttons/gray_btn_left.png') no-repeat;
	border: none;
	color: #666666;	
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 14px;
	padding: 5px 0 5px 5px;
	}
.GrayButton:hover input {
	background-position: bottom left;
	border: none;
	color: #666666;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	}

/*  綠按鈕  */
.GreenButton {
	background: transparent url('../../images/default/buttons/green_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 28px;
	padding-right: 3px;
	text-decoration: none;
	}
.GreenButton input {
	background: transparent url('../../images/default/buttons/green_btn_left.png') no-repeat;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 14px;
	padding: 5px 0 5px 5px;
	}
.GreenButton:hover input {
	background-position: bottom left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	}

/*  亮綠按鈕 */
.LightgreenButton {
	background: transparent url('../../images/default/buttons/lightgreen_btn_right.png') no-repeat top right;
	display: block;
	float: left;
	height: 22px;
	padding-right: 3px;
	text-decoration: none;
	}
.LightgreenButton input {
	background: transparent url('../../images/default/buttons/lightgreen_btn_left.png') no-repeat;
	border: none;
	color: #407B24;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 14px;
	padding: 3px 0 4px 5px;
	}
.LightgreenButton:hover input {
	background-position: bottom left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0 4px 5px;
	}

/*  深綠按鈕  */
.DarkgreenButton {
	background: transparent url('../../images/default/buttons/darkgreen_btn_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 20px;
	padding-right: 3px;
	text-decoration: none;
	}
.DarkgreenButton input {
	background: transparent url('../../images/default/buttons/darkgreen_btn_left.png') no-repeat;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 14px;
	padding: 1px 0 1px 5px;
	}
.DarkgreenButton:hover input {
	background-position: bottom left;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	}

.GrayButton:hover,
.GreenButton:hover,
.LightgreenButton:hover,
.DarkgreenButton:hover {
	background-position: bottom right;
	}

/*  深綠按鈕  */
.ProfileButton {
	display: block;
	float: left;
	overflow: hidden;
	padding: 1px;
	}
.ProfileButton a {
	background-color: #333333;
	border: 2px solid #999999;
	border-bottom-color: #000000;
	border-right-color: #000000;
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	}
.ProfileButton a:hover {
	background-color: #85AF4F;
	border: 2px solid #CEFD9F;
	border-left-color: #407B24;
	border-top-color: #407B24;
	color: #FFFFFF;
	}

/* [x]圖示按鈕 */
.DeleteButton a {
	background-image: url(../../images/default/buttons/delete.png);
	background-position: left top;
	display: block;
	height: 14px;
	margin-right: 0;
	text-indent: -9999px;
	width: 14px;
	}

/* [+]圖示按鈕 */
.AddButton a {
	background-image: url(../../images/default/buttons/add.png);
	background-position: left top;
	display: block;
	height: 14px;
	margin-right: 0;
	text-indent: -9999px;
	width: 14px;
	}

.DeleteButton a:hover,
.AddButton a:hover {
	background-position: right top;
	}

/* ----------------------------------- 
 Menu 
 ------------------------------------- */
 
 /* Top navigation bar */
#divNavbar {
	float: left;
	height: 14px;
	line-height: 20px;
	padding-right: 15px;
	padding-top: 5px;
	}

#divNavbar ul,#divNavbar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#divNavbar ul li {
	border-left: 1px dotted #5E9503;
	display: block;
	float: left;
	}
#divNavbar ul li ul li {
	border-left: 0px;
	display: block;
	float: left;
	}
#divNavbar ul li.Selected a {
	background: #407B24;
	color: #FFFFFF;
	font-weight: bold;
	}
#divNavbar ul li a {
	color: #5E9503;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 14px;
	text-decoration: none;
	}
#divNavbar ul li a:hover {
	color: #9DCF6A;
	font-weight: bold;
	}
#divNavbar ul li a:active {
  	outline: none;
	}
#divNavbar ul li a:focus {
	-moz-outline-style: none;
	}
#divNavbar ul li ul li {
	display: block;
	float: none;
	}
#divNavbar ul li ul li a {
	border-bottom: 1px solid #EEEEEE;
	clear: both;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	padding: 0 10px;
	text-decoration: none;
	}
#divNavbar ul li ul li a:hover {
	background: #9DCF6A;
	color: #407B24;
	font-weight: bold;
	}
.NavSubMenu {
	background: #FFFFFF;
	border: 1px solid #D9ECBF;
	display: none;
	line-height: 26px;
	padding: 10px;
	position: absolute;
	width: 160px;
	z-index: 99999;
	}
	
	

/* Vertical menu */
.VerticalMenu {
	width: 100%;
	}
.VerticalMenu .Headerbar {
	background: #606060;
	color: white;
	font: bold 13px Verdana;
	margin-bottom: 0;
	padding: 7px 0 7px 30px;
	text-transform: uppercase;
	}
.VerticalMenu .Event {
	background: #606060 url(../../images/default/icons/event_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Friend {
	background: #606060 url(../../images/default/icons/friends_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .GameZone {
	background: #606060 url(../../images/default/icons/gamezone.png) no-repeat 7px 7px;
	}
.VerticalMenu .Message {
	background: #606060 url(../../images/default/icons/mail_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Setting{
	background: #606060 url(../../images/default/icons/setting_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu .Search {
	background: #606060 url(../../images/default/icons/search_icon.png) no-repeat 7px 7px;
	}
.VerticalMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.VerticalMenu ul li {
	padding-bottom: 3px;
	}
.VerticalMenu ul li a {
	background: #E9E9E9;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #C5C5C5;
	color: #707070;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	}
.VerticalMenu ul li a:hover {	
	background: #669933;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	color: #FFFFFF;
	}
.VerticalMenu ul li.Active a {
	background: #9DCF6A;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	font-size: 13px;
	font-weight: bold;
	}

/* Accordion menu */
.AccordionMenu .Headerbar {
	background: #606060;
	color: white;
	font: bold 13px Verdana;
	margin-bottom: 0;
	padding: 7px 0 7px 30px;
	text-transform: uppercase;
	}
.AccordionMenu .Achievement {
	background: #606060 url(../../images/default/icons/avchievement_icon.png) no-repeat 7px 7px;
	}
.AccordionMenu .Message {
	background: #606060 url(../../images/default/icons/mail_icon.png) no-repeat 7px 7px;
	}
.AccordionMenu .Setting {
	background: #606060 url(../../images/default/icons/setting_icon.png) no-repeat 7px 7px;
	}
.AccordionMenu ul li {
	margin-top: 1px;
	}
.AccordionMenu ul,.AccordionMenu ul ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
.AccordionMenu ul a {
	display: block;
	text-decoration: none;
	}
.AccordionMenu ul li a {
	background: #E9E9E9;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #C5C5C5;
	color: #707070;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	}
.AccordionMenu ul li a:hover,
.AccordionMenu ul li.Active a {
	background: #9DCF6A;
	border-bottom: 1px dotted #85AF4F;
	border-left: 3px solid #89B24B;
	color: #407B24;
	}	
.AccordionMenu ul li ul li.Active a {
	background: #E8F3C9 url(../../images/default/common/vmenu_active.png) no-repeat 6px 6px;
	border-left: 0 solid #CCCCCC;
	color: #79A04D;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	}
.AccordionMenu ul li ul li a {
	background: #FFFFFF;
	border-left: 0 solid #CCCCCC;
	color: #959595;
	padding-left: 20px;
	}
.AccordionMenu ul li ul li a:hover {
	background: #AAAAAA;
	border-left: 0 solid #666666;
	color: #FFFFFF;
	padding-left: 15px;
	}



/* ----------------------------------- 
 Formatting content layout 
 ----------------------------------- */
.ContentHeaderWrapper {
	display: block;
	margin: 0;
	overflow: hidden;
	padding-bottom: 5px;
	width: 100%;
	}
	
.RightAlign {
	float: right;
	}
.LeftAlign {
	float: left;
	}

/* Page navbar */
ul.TableNavbarWrapper {	
	margin: 0 auto;
	margin-top: 0px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	}
ul.TableNavbarWrapper li.Menu,
ul.TableNavbarWrapper li.Search {
	float: left;
	margin-top: 18px;
	}
ul.TableNavbarWrapper li.Logo {
	float: left;
	margin-top: 14px;
	margin-left: 15px;
	margin-right: 65px;
	}
ul.TableNavbarWrapper li.Extra {
	float: right;
	padding: 7px;
	margin-top: 18px;
	}
	
	
.MessageBox {
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
	width: 100%;
	}
.MessageBox h1 {
	border-bottom:1px dotted #D3D3D3;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:5px;
	text-align:left;
	}
.MessageBox .ContentArea {
	color:#333333;
	font-size:14px;
	}
.MessageBoxClose {
	background:url(../../images/default/buttons/close.gif) no-repeat;
	cursor:pointer;
	display:block;
	font-size:14px;
	height:16px;
	line-height:14px;
	position:absolute;
	right:5px;
	top:0px;
	width:16px;
	}