body { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #22214d; line-height: 14px; overflow: auto; }
h1 { font-size: 14px; line-height: 20px; }
h2 { font-size: 13px; line-height: 18px; }
h3 { font-size: 12px; line-height: 16px; }
ul { list-style-image: url('img/bullet.png'); vertical-align: middle; list-style-position: inside; }
li { padding-left: 10px; }

/************************************** [Panels] **************************************/
.panelPage { width: 990px; }
.panelPageChat { width: 800px; }
.panelOverlay { z-index: 1100; background-color:#0d94eb; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); }
.panelMessage { z-index: 1200; border: solid 1px #111338; color: #fff; background-color: #0d94eb; }
.leftPanel { width: 193px; height: 747px; background-image: url('img/bg/BackGround_Left.png'); background-repeat: no-repeat; }
.leftDataPanel { width: 180px; padding: 10px 6px 10px 7px; } /*login, userdata, leftmenu*/
.bannerPanel { width: 780px; height: 140px; background-image: url('img/bg/BackGround_Top.png'); background-repeat: no-repeat; padding: 10px 8px 10px 9px; }
.contentHeaderPanel { width: 797px; height: 96px; background-image: url('img/bg/BackGround_Header1.png'); background-repeat: no-repeat; }
.contentHeaderPanelOutlined { width: 797px; height: 96px; background-image: url('img/bg/BackGround_Header2.png'); background-repeat: no-repeat; }
.topMenuPanel { padding: 30px 20px 0 20px; }
.contentBackground { width: 797px; background-image: url('BackGround_Bottom0.png'); background-repeat: repeat-y; }
.contentFooterPanel { width: 797px; height: 20px; background-image: url('img/bg/BackGround_Bottom.png'); background-repeat: no-repeat }
.realContentPanel { width: 797px; margin-top: -30px; background-image: url('img/bg/BackGround_Content.png'); background-repeat: repeat-y; }
.realContentPanelHeaderThin { width: 797px; height: 30px; background-image: url('img/bg/BackGround_Content_ThinTop.png'); background-repeat: no-repeat;  }
.realContentPanelHeaderWide { width: 797px; height: 30px; background-image: url('img/bg/BackGround_Content_WideTop.png'); background-repeat: no-repeat; }
.realContentPanelBodyThin { width: 797px; background-image: url('img/bg/BackGround_Content_Thin0.png'); background-repeat: repeat-y; }
.realContentPanelBodyWide { width: 797px; background-image: url('img/bg/BackGround_Content_Wide0.png'); background-repeat: repeat-y; }
.realContentPanelFooterThin { width: 797px; height: 26px; background-image: url('img/bg/BackGround_Content_ThinBottom.png'); background-repeat: no-repeat; }
.realContentPanelFooterWide { width: 797px; height: 26px; background-image: url('img/bg/BackGround_Content_WideBottom.png'); background-repeat: no-repeat; }

/************************************** [Chat Panels] **************************************/
.bannerCell { width: 800px; height: 140px; background-image: url('img/bg/BackGround_Top.png'); background-repeat: no-repeat; padding: 10px 0; }
.mainContentCell { width: 797px; height: 400px; overflow: visible; background-image: url('img/bg/BackGround_Content.png'); background-repeat: repeat-y; padding-left: 3px; }
.advertisementCell { width: 797px; height: 200px; overflow: visible; padding: 10px 0; color: #fff; background-image: url('img/bg/BackGround_Bottom0.png'); background-repeat: repeat-y; padding-left: 3px; }
#ad_scroll { width: 780px; height: 100%; overflow: hidden; vertical-align: middle; text-align: center; }


/************************************** [Containers] **************************************/
.leftContainer { width: 193px; background-image: url('img/bg/BackGround_Left0.png'); background-repeat: repeat-y; vertical-align: top; }
.rightContainer { width: 797px; background-image: url('img/bg/BackGround_Bottom0.png'); background-repeat: repeat-y; vertical-align: top; }
.footerContainer { padding: 10px 0; color: #fff; background-image: url('img/bg/BackGround_Bottom0.png'); background-repeat: repeat-y; }
.dataLeftContainer { width: 580px; margin: 0 10px 0 30px; }
.dataRightContainer { width: 157px; margin: 0 10px;
	height: 75px;
}
.dataFullContainer { width: 737px; margin: 0 30px 0 30px; }

/************************************** [StdBox] **************************************/
.stdBoxTopL { width: 10px; height: 20px; background-image:url('img/bg/StdBoxTopL.png'); background-repeat: no-repeat; }
.stdBoxTopC { width: 160px; background-color: #111338; font-size: 13px; font-weight: bold; color: #fff; }
.stdBoxTopR { width: 10px; height: 20px; background-image:url('img/bg/StdBoxTopR.png'); background-repeat: no-repeat; }
.stdBoxBodyL { background-image:url('img/bg/StdBoxBodyL.png'); background-repeat: repeat-y; }
.stdBoxBodyC { background-color: #0d94eb; color: #fff; padding: 2px 0; }
.stdBoxBodyR { background-image:url('img/bg/StdBoxBodyR.png'); background-repeat: repeat-y; }
.stdBoxBottomL { width: 10px; height: 20px; background-image:url('img/bg/StdBoxBottomL.png'); background-repeat: no-repeat; }
.stdBoxBottomC { width: 160px; background-color: #111338; }
.stdBoxBottomR { width: 10px; height: 20px; background-image:url('img/bg/StdBoxBottomR.png'); background-repeat: no-repeat; }
.stdCoxBodyButton { background-color: #111338; }

.BoxW { width: 721px; }
.BoxW_Header { width: 700px; height: 23px; padding: 10px 10px 0 11px; background-image: url('img/bg/BoxW_Header.png'); background-repeat: no-repeat; color: #fff; font-size: 12px; line-height: 1.2em; font-weight: bold; }
.BoxW_Body { width: 700px; padding: 5px 10px 5px 11px; background-image: url('img/bg/BoxW_Body.png'); background-repeat: repeat-y; }
.BoxW_Footer { width: 100%; height: 13px; background-image: url('img/bg/BoxW_Footer.png'); background-repeat: no-repeat; }

.BoxT { width: 565px; }
.BoxT_Header { width: 544px; height: 23px; padding: 10px 10px 0 11px; background-image: url('img/bg/BoxT_Header.png'); background-repeat: no-repeat; color: #fff; font-size: 12px; line-height: 1.2em; font-weight: bold; }
.BoxT_Body { width: 544px; padding: 5px 10px 5px 11px; background-image: url('img/bg/BoxT_Body.png'); background-repeat: repeat-y; }
.BoxT_Footer { width: 100%; height: 13px; background-image: url('img/bg/BoxT_Footer.png'); background-repeat: no-repeat; }

.greyBoxTopL { width: 22px; height: 25px; background-image: url('img/bg/SBox_TopL.png'); background-repeat: no-repeat; }
.greyBoxTopC { height: 25px; background-image: url('img/bg/SBox_TopC.png'); background-repeat: repeat-x; }
.greyBoxTopR { width: 22px; height: 25px; background-image: url('img/bg/SBox_TopR.png'); background-repeat: no-repeat; }
.greyBoxBodyL { width: 22px; background-image: url('img/bg/SBox_BodyL.png'); background-repeat: repeat-y; }
.greyBoxBodyC { background-color: #e1e1d7; }
.greyBoxBodyR { width: 22px; background-image: url('img/bg/SBox_BodyR.png'); background-repeat: repeat-y; }
.greyBoxBottomL { width: 22px; height: 25px; background-image: url('img/bg/SBox_BottomL.png'); background-repeat: no-repeat; }
.greyBoxBottomC { height: 25px; background-image: url('img/bg/SBox_BottomC.png'); background-repeat: repeat-x; }
.greyBoxBottomR { width: 22px; height: 25px; background-image: url('img/bg/SBox_BottomR.png'); background-repeat: no-repeat; }

/************************************** [Labels] **************************************/
.LabelTitleHL { color: #000; font-size: 13px; font-weight: bold; line-height: 16px; }
.LabelTitle { color: #000; font-size: 13px; line-height: 16px; }
.LabelDesc { color: #888; font-size: 11px; }
.LabelHL { color:#f33; font-size: 12px; font-weight: bold; line-height: 14px; }
.LabelNormal { color: #000; font-size: 11px; }
.LabelListTitle { color: #888; font-size: 11px; }
.LabelListItem { color: #000; font-size: 11px; }
.LabelListItemHL { color: #000; font-size: 12px; font-weight: bold; }

/************************************** [Links] **************************************/
a.stdBoxLink, a.stdBoxLink:visited { text-decoration: none; color: #e1e1d7; }
a.stdBoxLink:hover { text-decoration: underline; color: #fff; }
a.Link, a.Link:visited { font-size: 12px;  text-decoration: none; color: #fff; font-weight: bold; }
a.Link:hover { text-decoration: underline; color: #e1e1d7; font-weight: bold; }
a.SmallLink, a.SmallLink:visited { text-decoration: none; color: #e1e1d7; font-size: 10px; }
a.SmallLink:hover { text-decoration: underline; color: #fff; font-size: 10px; }
a.SmallLink2, a.SmallLink2:visited { text-decoration: none; color: #e1e1d7; font-size: 10px; }
a.SmallLink2:hover { text-decoration: none; color: #fff; font-size: 10px; }
a.greyBoxLink, a.greyBoxLink:visited { font-size: 14px;  text-decoration: none; color: #111338; font-weight: bold; }
a.greyBoxLink:hover { text-decoration: underline; color: #22214d; font-weight: bold; }

/************************************** [Others] **************************************/
.stdButton { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: bold; font-size: 11px; background-color: #111338; color: #fff; cursor: pointer; padding: 3px; }
.stdInput { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #22214d; border:1px solid #BDC7D8; padding: 2px; background-color: #fff; }
.required { border: #cc5c05; background-color: #FFFFC0; }
.stdBoxContentRow { padding: 2px 0; }
.BoxBase_Row { padding: 1px 5px; }
.BoxBase_LastRow { padding: 0 5px 5px 5px; }
.BoxBase_ButtonRow { padding: 5px 5px 0px 5px; height: 15px; background-color: #111338; }

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}