body
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #a6a6a6; /* background-color: #000000; */
	background-color: #383838;
	height: 100%;
	width: 100%;
}
a
{
	color: #1987d6;
	text-decoration: none;
}
a img
{
	border: none;
}
body, form, #FlexModule, .ulGRD li h4
{
	margin: 0px;
	padding: 0px;
}
#aspnetForm
{
	height: 100%;
	width: 100%;
}
h1, h2, h3, h4, h5, h6
{
}
h4
{
	font-size: 12px;
}
/* UWAGA iframe o nazwie ie_historyFrame jest generowany w JS w skrypcie    */
/* /Flash/history/history.js -  nie wiem do czego jest potrzebny 		    */
/* teraz został ukryty w stylach - w razie potrzeby odblokowania prosze o kontakt */
/* 17 03 2009 - SZAMI */

#ie_historyFrame
{
	width: 0px;
	height: 0px;
	display: none;
}
#firefox_anchorDiv
{
	width: 0px;
	height: 0px;
	display: none;
}
#safari_formDiv
{
	width: 0px;
	height: 0px;
	display: none;
}
#safari_rememberDiv
{
	width: 0px;
	height: 0px;
	display: none;
}
.DSPnone
{
	display: none !important;
}
.DSPblock
{
	display: block !important;
}
.DSPinline
{
	display: inline !important;
}


.MODall
{
	width: 98%;
	margin: 1%;
}
.MODhalf
{
	background: url(images/MODhalf_BG.gif) top repeat-x;
	width: 48%;
	margin: 1%; /* 	width:460px; 	margin:auto;	*/
	border-top: solid 1px #666666;
}
.MODhalf h2
{
	margin: 0.5em;
}
.MODhalf h4
{
	margin: 5px 0px;
}
.MODhalf .halfCNT
{
	width: 550px;
	margin: 0px auto;
}
.MODhalf .halfCNT .LNGinp
{
	width: 300px;
}
.MODall .lblInfo, .MODhalf .lblInfo
{
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}
h3 
{
	font-size: 18px;
	font-weight: normal;
}
h1, .h1
{
	font-size: 2.0em;
	font-weight: normal;
	color: #FFFFFF;
}
h2, .h2
{
	font-size: 1.5em;
	font-weight: normal;
}
.evenSplit td, th
{
	width: 49%;
}
* html .HLF
{
	width: 49%;
}
.HLF
{
	max-width: 49%;
}
.sepBIG
{
	display: inline-block;
	height: 25px;
	border-right: solid 1px #999999;
	vertical-align: middle;
	margin: 0px 10px;
}
.FLright
{
	float: right !important;
}
.FLleft
{
	float: left !important;
}
.TALcenter
{
	text-align: center;
}
.TALright
{
	text-align: right;
}
.VAM *
{
	vertical-align: middle;
}

.CLRleft
{
	clear: left;
}
.CLRright
{
	clear: right;
}

.clrUL
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.btn
{
	background: #000000 url(images/input_SBM_BG.gif) 0px 0px repeat-x;
	border: solid 1px #000000;
	padding: 3px;
	color: #b3b3b3;
	cursor: pointer;
	height: 18px;
	display: inline-block;
}
.HLM li
{
	display: inline-block;
}

h2 .btn,
.h2 .btn
{
	font-size: 12px;
}
span.btn
{
	cursor: default;
}
a.btn
{
}
a.btn:hover
{
	background: #000000;
	color: #FFFFFF;
}
span.btn img, a.btn img
{
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
}
.hr, .hrGRN, .SingleRow, .SRW
{
	display: block;
	float: none !important;
	height: 1px;
	overflow: hidden;
	clear: both;
}
.hrGRN
{
	background: #7bab25;
}
input[type=submit]
{
	background: #000000 url(images/input_SBM_BG.gif) 0px 0px repeat-x;
	border: solid 1px #000000;
	padding: 3px;
	color: #FFFFFF;
	cursor: pointer;
}
input[type=text], input[type=password]
{
}
textarea, input[type=text], input[type=password]
{
	background: url(images/Input_TXT_bg.gif) top repeat-x;
	background-color: #e3e3e3; /* bylo #9b9b9b */
	border: solid 1px #333333;
	padding: 4px 3px 3px 3px;
	vertical-align: middle;
}
textarea
{
	background: #e5e5e5 url(images/textarea_BG.gif) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
select
{
	background: url(images/Input_TXT_bg.gif) top repeat-x;
	background-color: #9b9b9b;
	border: solid 1px #333333; /* padding: 4px 3px; */
	vertical-align: middle;
	margin-top: 1px;
	height: 25px;
}
option
{
	background: #9b9b9b;
	padding: 3px 3px 3px 3px;
	margin: 0px;
	display: block;
	height: 16px;
}
option:hover
{
	cursor: pointer;
}
.ABS_CNT
{
	position: absolute;
	top: 50%;
	left: 50%;
}

div.clndr
{
	background: #000000 url(images/modalPopup_BG.jpg) top repeat-x;
	position: absolute;
	margin-top: 10px;
	margin-left: 100px;
	cursor: default;
	display: none;
	border: 3px ridge #000000;
}

div.clndr table
{
	width: 160px;
	margin: 4px;
}

div.clndr th
{
	border: 1px solid #d2d2d2;
	font: normal bold 11px arial,sans-serif;
	text-align: center;
	padding: 0 2px 0 2px;
}

div.clndr td
{
	border: 1px solid #d2d2d2;
	cursor: pointer;
	font: normal normal 11px arial,sans-serif;
	text-align: center;
	padding: 0 2px 0 2px;
}

.zindexUp2
{
	z-index: 2;
}
/* --------------------------- login panel ---------------------------*/
.loginPanel
{
	background: #383838 url(images/login_bckg.gif) top repeat-x;
	width: 40em;
	height: 12.5em;
	margin: -10em -20em;
	border: solid 1px #999999;
}
.loginPanel .TALleft
{
	padding: 10px;
}
.loginLogoDIV
{
	background: #000000;
	padding: 7px;
}
.loginLogoDIV img
{
	height: 35px;
	float: left;
	display: block;
}
#loginDiv
{
	margin-top: 0.5em;
}
.loginPanel .TALcenter input
{
	width: 8em;
}
#mainwrapper
{
	background: #383838;
}
#header
{
	height: 40px;
	line-height: 40px;
	background: #000000;
	overflow: hidden;
}
#header .FLright *
{
	display: inline;
	line-height: 40px;
}
#header .topLogo, #header .topLogo object, #header .topLogo embed
{
	height: 40px;
	width: 183px;
}
#header .topLogo img
{
	margin: 5px 7px;
	height: 30px;
}
#header-bottom
{
	font-size: 14px;
	font-style: italic;
}
#content
{
	background-color: #383838;
}
#content > div > blockquote
{
	margin: 0px;
	padding: 7px 20px;
}
#content div.FlexBigContainer
{
	clear: right;
}
#FlexModule iframe
{
	border: none;
}
#breadcrumb
{
	font-family: Verdana;
	font-size: 9pt;
}
#breadcrumb a
{
	color: #0066CB;
	text-decoration: none;
}
#breadcrumb a:hover
{
	text-decoration: underline;
}
#footer
{
	font-size: 0.8em;
	font-style: italic;
	text-align: left;
	display: none;
}
ul.tabs
{
	margin: 0px -470px; /* było -300px */
	padding: 0px;
	list-style: none;
	text-align: center;
	display: block;
	clear: both;
	position: absolute;
	width: 1000px; /* było 600px*/
	top: 1px;
	left: 50%;
	z-index: 0;
}
ul.tabs li
{
	display: inline;
	margin: 0;
	padding: 0;
}
ul.tabs.image
{
	height: 23px;
	border-bottom: 2px solid #383838;
}
/* --------------------------- modal popup ---------------------------*/

.modalBackground
{
	background-color: #000000;
	opacity: 0.60;
}
.modalPopup
{
	border: 1px solid #666666;
	background: #000000 url(images/modalPopup_BG.jpg) top repeat-x;
	padding: 2em;
	width: 708px;
	margin: auto;
}

/*
.modalPopup dl.formList 
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.modalPopup dl.formList dt
{
	padding: 0px; float: left; width: 27%;
	margin: 0px;
	display: block;
	clear: left;
}
.modalPopup dl.formList dd
{
	padding: 0px; float: left; width: 72%;
	margin: 0px;
	display:block;
	clear: right;
}*/

.ClientForm .modalPopup
{
    width: 400px;
}


/* --------------------------- treeView ---------------------------*/
.treeView
{
	background-color: #bbb8b8;
	color: #383838;
	display: block;
	height: 550px;
	width: 210px;
	overflow: auto;
	float: left;
}
.w380,
table.statsCNT td.w380,
table.statsCNT td.w380 div >.treeView
{
	width: 380px;
	max-height: none;
	overflow: hidden;
}

* > .treeView
{
	min-height: 550px;
	height: auto;
	max-height: 100%; 
}
#FlexModule * > .treeView
{
	height: inherit;
}
.contentRow .treeView
{
	height: 700px;
}
.treeView table
{
}
.treeView a
{
	outline: none;
	color: #383838;
}
.treeView td
{
	border: none;
}
.treeView tr:hover td
{
	background: #cccccc;
}
.menu_nodeStyle
{
	font-size: 8pt;
	padding: 5px 5px 5px 5px;
	width: 100%;
}
.treeView ul li
{
	white-space: nowrap;
	padding: 5px;
}
.treeView ul li:hover, .menu_hoverNodestyle
{
	background-color: #CCCCCC;
	cursor: pointer;
}
.menu_hoverNodestyle a
{
	color: #000000;
}
.treeView ul li.choose, .menu_selectedNodestyle
{
	padding: 5px 5px 5px 5px;
	color: #000000;
	background: #dddddd !important;
}
/* --------------------------- menu ---------------------------*/
.menuItem
{
	padding: 9px 5px;
	line-height: 45px;
	background: #383838 url(images/topMenu_BG_NOR.gif);
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	outline: 0px;
	border: 0px;
	opacity: 0.7;
}
.menuItem:hover
{
	background: #383838;
}
.menuItemSelected
{
	color: white;
	background: #383838 url(images/topMenu_BG_SLC.gif) bottom repeat-x;
	border: 1px solid #383838;
	border-bottom: none;
	padding: 9px 5px;
	line-height: 45px;
	text-decoration: none;
	font-size: 12px;
	outline: 0px;
	border: 0px;
}
/* --------------------------- update progress ---------------------------*/
div.updateProgress
{
	display: block;
	position: absolute;
	left: 45%;
	top: 25%;
	width: 10%;
	height: 7%;
	padding: 4em;
	margin: 4em;
	border: #FFFFFF 1px solid;
	background-color: #000000;
	background: url(images/updateProgress_BG.png) top repeat-x;
	text-align: center;
	z-index: 100;
	opacity: 0.8;
}
div.updateProgress p
{
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}
/* --------------------------- stats ---------------------------*/

#stats
{
	background: #383838;
}
table.statsCNT
{
	width: 100%;
	table-layout: auto;
}
table.statsCNT table.statsCNT
{
	margin: -3px;
}
table.statsCNT td.leftColumn
{
	background: #bbb8b8;
	width: 210px;
	vertical-align: top;
}
table.statsCNT td.leftColumn blockquote.topRow, tr.topRow blockquote
{
	margin: 0px;
	padding: 7px 0px;
}
table.statsCNT td.leftColumn blockquote .underRow, table.statsCNT td.leftColumn blockquote div.topRow
{
	margin-top: 7px;
}
table.statsCNT td.leftColumn blockquote.topRow
{
	background: #383838;
	margin: -1px -1px 0px -1px;
	padding: 8px 0px;
}
table.statsCNT td.rightColumn blockquote
{
	margin: 0px;
	padding: 7px; /* bylo padding: 10px;  zmiana ze względu na opcje na górze*/
}
.optionList span.a, .optionList a
{
	padding: 0px 10px;
	line-height: 25px;
}
.optionList a
{
	color: #FFFFFF;
	border-right: solid 1px #999999;
}
.optionList a img
{
	vertical-align: middle;
}
.optionList span.h2
{
	display: inline;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
}
.chartOPL
{
	background: transparent url(images/chartOPL_BG.png) top repeat-x;
	padding: 5px;
}
.chartOPL .h2
{
	font-size: 18px;
	color: #ffffff;
}
ul.mediaList li, ul.mediaList li a, .ulGRD li, .ulGRD li a
{
	color: #a6a6a6;
	outline: none;
}
.ulGRD li.choose, .ulGRD li.choose:hover
{
	background: #666666;
}
.modalPopup .ulGRD
{
	max-width: 700px;
}
table.normGRD td
{
	vertical-align: top;
}
table.normGRD, table.chartGRD
{
	width: 100%;
}
.ulGRD li, .normGRD tr th, .normGRD tr td, .chartGRD tr th, .chartGRD tr td,
table.flexGRD tr td, table.flexGRD tr th
{
	padding: 5px;
	text-align: left;
}

.chartGRD tr th
{
	background: #666666;
}
.chartGRD tr.grdUP th,
.flexGRD tr th

{
	background: url(images/MODhalf_BG.gif) top repeat-x !important;
	border-top: solid 1px #666666;
}

.chartGRD tr th a
{
	display: block;
	color: #FFFFFF;
	padding: 5px;
	margin: -5px;
}
.ulGRD li:hover, .chartGRD tr:hover td
{
	background: #4c4c4c;
}
.chartOPL, .chartOPL .h2, .chartOPL .mediaPIC, .chartGRD tr td .h2, .chartGRD tr td .small, .chartGRD tr td .chartBar, .chartGRD tr td .mediaPIC
{
	display: block;
}
.ulGRD li .mediaPIC, .chartGRD tr td .mediaPIC, .chartOPL .mediaPIC
{
	line-height: 47px;
	background: #000000;
	margin-right: 5px;
	float: left; /* display: none;*/
}
.ulGRD li .mediaPIC, .chartGRD tr td .mediaPIC
{
	width: 60px;
	height: 47px;
}
.ulGRD li .mediaPIC img, .chartGRD tr td .mediaPIC img
{
	width: 60px;
	margin: auto;
	vertical-align: middle;
	position: absolute;
}
.ulGRD li .h2, .chartGRD tr td .h2
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.chartGRD tr td .small
{
	font-size: 10px;
}


.chartBar
{
	background-position: bottom;
	background-repeat: repeat-x;
	height: 14px; /* max-width: 90%; */
	max-width: 100%;
	vertical-align: middle;
	text-align: right;
	position: relative;
	float: left;
}
.ulGRD li .chartBar, .chartGRD tr td .chartBar
{
	max-width: 90%;
}

.chartBarINF
{
	display: inline-block;
	right: 0px;
	white-space: nowrap;
	font-size: 12px;
	color: #FFFFFF; /*border-left:solid 1px #bbb;*/
	line-height: 14px;
	padding: 0 5px;
}
.BLeft
{
	border-left: solid 1px #bbb;
}
.chartBarORG
{
	background-color: #CD3B09;
	background-image: url(images/chartBar_ORG_BG.png);
	border: solid 1px #CD3B09;
	margin: 0 -1px;
}
.chartBarORG02
{
	background-image: url(images/chartBar_ORG02_BG.png);
	border: solid 1px #CD3B09;
	margin: 0 -1px;
}
.chartBarBLU
{
	background-color: #1987d4;
	background-image: url(images/chartBar_BLU_BG.png);
	border: solid 1px #29a7e4;
	margin: 0 -1px;
}
.chartBarBLU02
{
	background-image: url(images/chartBar_BLU02_BG.png);
	border: solid 1px #005a80;
	margin: 0 -1px;
}
.chartBarGRN
{
	background-color: #87c907;
	background-image: url(images/chartBar_GRN_BG.png);
	border: solid 1px #a7d917;
	margin: 0 -1px;
}
.chartBarGRN02
{
	background-image: url(images/chartBar_GRN02_BG.png);
	border: solid 1px #287d1d;
	margin: 0 -1px;
}
img.chartIMG
{
	width: 100% !important;
	max-width: 100%;
	min-width: 100%;
}
.chartPGR
{
	white-space: nowrap;
}
.chartPGR .btn
{
	display: inline-block;
	height: 18px;
	line-height: 20px;
	width: 18px;
	vertical-align: top;
	text-align: center;
}
.chartPGR .btn img
{
	margin: 3px 0px;
	display: inline;
}
.chartPGR span.btn, span.btn
{
	opacity: 0.5;
}
.chartPGR a.choose, .chartPGR span.choose
{
	background: transparent;
	border: none;
	opacity: 1.0;
}
.normGRD .normGRDmcl
{
	text-align: center;
	border: solid 1px #545454;
	vertical-align: middle;
}
.normGRD .normGRDmcl .btn
{
	display: block;
	clear: both;
	height: 50%;
	margin-bottom: 5px;
}
.normGRD .normGRDmcl .btn img
{
	display: inline;
	vertical-align: middle;
	margin: 0px;
	padding: 50% 0px;
}
.ajax__calendar
{
	position: absolute;
}
.advertMedia
{
	float: left !important;
}
.AdvMedia span
{
	display: block;
	margin: 2px;
	text-align: center;
}
.mrgA,
.AdvMedia img
{
	margin: 0 auto;
}
.AdvertItemList span, .AdvertItemList span a
{
	color: #000000;
	display: block;
}
.AdvertItemList span a
{
	cursor: pointer;
}
.advRowEven, .advRowOdd, .advRowSelected
{
	height: 92px;
	width: 820px;
}
.advRowEven
{
	background-color: #bbb8b8;
}
.advMenuEven
{
	background-color: #bbb8b8;
}
.advMenuOdd, .advRowOdd
{
	background-color: #999999;
}
.advMenuSelected, .advRowSelected
{
	background-color: #dddddd;
}
ul.mediaList li:hover
{
	background: #4c4c4c;
}
ul.mediaList li.choose
{
	background: #666666;
}
ul.mediaList li
{
	display: inline-block;
	width: 133px;
	height: 133px;
	text-align: center;
	vertical-align: top;
}
button[disabled]:active, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled]
{
	padding: 3px 3px 3px 3px;
	border: solid 1px black;
	color: GrayText;
	cursor: inherit;
}
/* --------------------------- tabList ---------------------------*/
.tabList
{
	border-bottom: solid 1px #9c9c9c;
	height: 25px;
	line-height: 25px;
	clear: both;
	position: relative;
	z-index: +2;
	bottom: -1px;
	padding-left: 7px;
}
.tabListBTN
{
	border-bottom: solid 1px #000000;
	clear: both;
	position: relative;
	z-index: +2;
	bbottom: -1px;
	padding-left: 7px;
	margin-bottom: 5px;
	background: #383838  url(images/tabListBTN_BG.gif) bottom repeat-x;
}
.tabListBTN a.btn, .tabListBTN span.btn
{
	margin-top: 3px;
	margin-bottom: -2px;
	position: relative;
	opacity: 1;
	padding: 5px 7px;
}
.tabListBTN a.btn
{
	background: transparent;
	border: none;
}
.tabListBTN span.btn
{
	background: #383838;
	border-bottom: none; /* border-top: solid 1px #797979; */
	color: #b3b3b3;
}

.tabList a, .tabList span
{
	border: solid 1px #9c9c9c;
	background: #575757 bottom repeat-x;
	border-bottom: none;
	padding: 0px 5px;
	margin: 0px 0px 0px 0px;
	line-height: 24px;
	cursor: pointer;
	position: relative;
	vertical-align: baseline;
	display: inline-block;
	opacity: 0.5;
	color: #FFFFFF;
}

.tabList a.onPage, .tabList a.choose, .tabList a:hover, .tabList a:active, .tabList a:focus, .tabList span.onPage, .tabList span.choose, .tabList span:hover, .tabList span:active, .tabList span:focus
{
	z-index: +2;
	background: #575757 top repeat-x;
	opacity: 1.0;
}
.modalPopup .tabList a, .modalPopup .tabList span
{
	background: #343434;
}




.tabList span.inactive
{
	z-index: +2;
	background: #4a4a4a top repeat-x;
	opacity: 0.2;
}
.tabList a:hover
{
}
.tabList a.onPage, .tabList a.choose, .tabList span.onPage, .tabList span.choose
{
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.lblInfo
{
	display: block;
	padding: 5px 10px 5px 30px;
	margin: 5px 10px;
}
.lblInfoERR
{
	background: #000000 url(images/ico_info_ERR.gif) 10px 50% no-repeat;
}
.lblInfoNOR
{
	background: #a6a6a6 url(images/ico_info_NOR.gif) 10px 50% no-repeat;
	color: #000000;
}
.lblInfoWAL
{
	background-image: url(images/ico_info_WAL.gif) !important;
	background-position: 10px 50% !important;
}

.lblInfoOK
{
	background: #000000 url(images/ico_btn_ok.gif) 10px 50% no-repeat;
	color: #7bab25;
}
/* chart tooltip */
.fadingTooltip
{
	border-right: darkgray 1px outset;
	border-top: darkgray 1px outset;
	font-size: 12pt;
	border-left: darkgray 1px outset;
	width: auto;
	color: #000000;
	border-bottom: darkgray 1px outset;
	height: auto;
	background-color: #383838;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	border-bottom-width: 3px;
}
#contentRow
{
	overflow: auto;
}
/*-------------------------------			inAction rooler	       ---------------------------------*/

.arrowCTR
{
	position: relative;
	background: red;
}
.arrowHGT
{
	position: absolute;
	cursor: pointer;
}
.arrowPRV, .arrowNXT, .roolerCNT ul
{
	margin-top: 20px;
}
.arrowPRV
{
	margin-left: 0px;
}
.arrowNXT
{
	right: 0px;
}
.roolerCNT, #galleryscrollbox
{
	width: 405px;
	height: 130px;
	margin-bottom: 40px; /* overflow:auto;*/
	overflow: hidden;
	margin: 0px auto 20px auto;
	position: relative;
	float: none;
}
.roolerCNT ul
{
	height: 130px;
	white-space: nowrap;
	width: auto;
}
.roolerCNT li
{
	/* ponizej style dla FX2 */
	display: -moz-inline-box;
	-moz-box-align: start; /* start | center | end | baseline | stretch */
	-moz-box-orient: vertical; /* horizontal | vertical */
	-moz-box-pack: start; /* start | center | end | justify */ /* koniec styli dla FX2 */
	display: inline-block; /* float:left;	*/
}
.roolerCNT li span
{
	white-space: normal;
}
.roolerCNT .h4
{
	clear: both;
	display: block;
	color: #b5e557;
}
.AdsFormFat, .AdsFormSlim, .AdsFormFat span, .AdsFormSlim span, .AdsFormEven, .AdsFormEven span
{
	float: left;
}
.AdsFormFat
{
	width: 59%;
}
.AdsFormSlim
{
	width: 39%;
}
.AdsFormFat span
{
	width: 50%;
}
.AdsFormSlim span
{
	width: 20%;
}
.AdsFormEven, .AdsFormEven span
{
	width: 49%;
}
.AdsFormFat p, .AdsFormSlim p
{
	clear: both;
}
.AdsFormFat span, .AdsFormSlim span
{
	margin-left: 10px;
	display: block;
	text-align: left;
}
.AdsManager
{
	padding: 2px;
	margin-bottom: 10px;
}
.swelled
{
	padding: 5px;
}
.AdsFormEven span
{
	margin-left: 10px;
	display: block;
	text-align: center;
}
ul.flexGRD 
{
	border-top: solid 1px #cacbcc;
}
table.flexGRD tr th
{
	border-bottom: solid 1px #cacbcc;
}
ul.flexGRD li, ul.flexGRD li a, 
table.flexGRD td, table.flexGRD td a 
{
	color: #000000;
}
table.flexGRD tr td
{
	background:  #989898;
}

ul.flexGRD li.ALT,
table.flexGRD tr.ALT td
{
	background: #838383;
}
ul.flexGRD li:hover,
table.flexGRD tr:hover td
{
	background: #dddddd;
}
/*------------------------------- Chart summary ---------------------------------*/

.chartSummaryDiv .clrUL li
{
	display: block;
	float: left;
	margin-right: 30px;
}


/*-------------------------------- AdComponent ---------------------------*/

div.AdComponent
{
    min-width:600px;
    
}

div.AdComponent div.Column
{
    margin-top:10px;
    float:left; 
    width:33%;
}

div.AdComponent div.Column div.Inner
{
    padding: 3px;
}
div.AdComponent div.Column div.Inner div.AdModule
{
    background:transparent url(images/MODhalf_BG.gif) repeat-x scroll center top;
    border-top:1px solid #666666;
}

/*------------------------------- Panel ---------------------------------*/

.panel
{
	background: #000000 url(images/input_SBM_BG.gif) 0px 0px repeat-x;
	border: solid 1px #000000;
	padding: 3px;
	color: #b3b3b3;
	cursor: default;
	height: 18px;
	display: inline-block;
}
span.panel img, a.panel img
{
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
}



div#scrollbar
{
	display: none; /* initially display:none; to hide from incapable */
}

div#scrollable
{
	position: relative;
	width: 100%;
	height: inherit;
	overflow: hidden;
}

div#scrollbar
{
	position: relative;
	width: 11px;
	font-size: 1px; /* so no gap or misplacement due to image vertical alignment */
}

div#track
{
	position: absolute;
	left: 0;
	top: 12px;
	width: 11px;
	background: #336;
}

div#dragBar
{
	position: absolute;
	left: 1px;
	top: 1px;
	width: 9px;
	height: 20px;
	background-color: #ceced6;
}

div#up
{
	position: absolute;
	left: 0;
	top: 0;
}
div#down
{
	position: absolute;
	left: 0;
	bottom: 0;
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down
{
	-moz-user-select: none;
	-khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img
{
	display: block;
}

.mrgTI5em	{	margin-top: -5em;}
.w50em		{	width: 50em;}
.h200		{	height: 200px;}
.lh200		{	line-height: 200px;}

.rightColumn {vertical-align: top !important;}
.rightColumn div.modalPopup  {margin-top: 40px !important;}
fieldset legend {color:#eee;margin-top:-3px}