@charset "utf-8";
/* CSS Document */

/*body { font-family: Arial; font-size: 12px; background-color:Orange;} */

.clearfix:after {

}

div.wizardBox {
	border: 1px solid #7eabcd;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	width: 400px;
}
div.wizardBox h3 { margin: 0; padding-left: 10px; padding-top: 7px; height: 21px; background: url(../images/panel_header_wide_bg.png) no-repeat top left; font-size: 14px; font-weight: bold; color: #FFFFFF; }

div#wizardLayout { height: 357px; padding:0; margin:0; }
div#wizardLayout div#wizardSteps { float: left; width: 154px; height: 357px; border-right: 1px solid #7899b6; background-color: #e0edfa; }
div#wizardLayout div#wizardSteps ul { margin: 0; padding: 27px 0 0 8px; list-style: none; }
div#wizardLayout div#wizardSteps ul li { list-style: none; color: #999999; margin: 0 0 15px 0; padding-left: 12px;  }
div#wizardLayout div#wizardSteps ul li.active { color: #000000; background: url("../images/wizard_arrow.gif") no-repeat left center; }
div#wizardLayout div#wizardSteps ul li.set { background: url("../images/wizard_arrow_blue.gif") no-repeat left center; }

div#wizardLayout div#wizardContentBox { float: left; width: 380px; height: 100%; }
/*div#wizardLayout div#wizardContentBox h1 { margin: 0; font-size: 22px; padding: 20px 0 0 18px; height: 25px; font-weight: normal; }
*/

div#wizardLayout div#wizardContentBox div#wizardHeader
{
	width:116px; height:26px; margin:10px 0 0 10px;
}

div#wizardLayout div#wizardContentBox .wizardHeader0
{
	background:url(../images/wizard_step1.gif) no-repeat left top;
}

div#wizardLayout div#wizardContentBox .wizardHeader1
{
	background:url(../images/wizard_step2.gif) no-repeat left top;
}

div#wizardLayout div#wizardContentBox .wizardHeader2
{
	background:url(../images/wizard_step3.gif) no-repeat left top;
}

div#wizardLayout div#wizardContent { height: 260px; /*padding: 16px 18px 16px 18px; */}

div#wizardLayout div#wizardButtonsBox { height: 45px; padding-right: 18px;}
div#wizardLayout div#wizardButtonsBox a { float: right; display: block; width: 75px; height: 24px; margin-left: 8px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
div#wizardLayout div#wizardButtonsBox a.wizardCancel { background-image: url("../images/wizard_cancel.gif"); }
div#wizardLayout div#wizardButtonsBox a.wizardNext { background-image: url("../images/wizard_next.gif"); }
div#wizardLayout div#wizardButtonsBox a.wizardPrev { background-image: url("../images/wizard_prev.gif"); }
div#wizardLayout div#wizardButtonsBox a.wizardFinish { background-image: url("../images/wizard_finish.gif"); }

div#selectContentBox {
	width: 340px;
	height: 160px;
	border: 1px solid #7eabcd;
	background-color:#FFFFFF;
}
div#selectContentBox h2 { margin: 0; padding-left: 10px; padding-top: 7px; height: 21px; background: url(../images/panel_header_wide_bg.png) no-repeat top left; font-size: 14px; font-weight: bold; color: #FFFFFF; }

div#selectContentLayout div#selectContent { height: 74px; padding: 16px 18px 16px 18px; }

div#selectContentLayout div#selectContentButtonsBox { height: 35px; padding-right: 18px;}

div#selectContentLayout div#selectContentButtonsBox a { float: right; display: block; width: 75px; height: 24px; margin-left: 8px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
div#selectContentLayout div#selectContentButtonsBox a.selectContentCancel { background-image: url("../images/wizard_cancel.gif"); }
div#selectContentLayout div#selectContentButtonsBox a.selectContentOK { background-image: url("../images/wizard_ok.gif"); }

div#selectContent select#selMarket, 
div#selectContent select#selContent, 
div#selectContent select#selNewsCat, 
div#selectContent select#selNewsSubCat {
	width:250px;
	float: right;
}

div#selectContent div#contentSelectDiv
{
	padding-top:16px;
	height:70px;
}

div#selectContent span
{
	cursor:pointer;
	padding:28px 12px 16px 4px;
}

div#selectContent input#txtStock
{
	float:right;
	width:100px;
	margin-right:146px;
}
div#selectContent div#selectType
{
	border-bottom:solid 1px #7eabcd;
	margin-bottom:6px;
	padding-bottom:10px;
}

#wizardTitle { width:200px; margin: 10px 0px 0px 12px; }

div.layoutListBox {
	float: left;
	font-size: 36px;
	color: #b2b2b2;
	padding: 8px;
	width: 142px;
	margin-left: 2px;
	margin-right: 7px;
}
div.layoutListBox a {
	width: 103px;
	height: 106px;
	background-color: #e3e3e3;
	padding-top: 4px;
	float: right;
	padding-left: 4px;
}
div.layoutListBox a img { border: none; }
div.layoutListBox a.selected, 
div.layoutListBox a:hover { background-color: #cde6f4; }

div.layoutChangeBox { width: 211px; height: 219px; padding: 12px 0 0 14px; margin: 0 auto; background-color: #e3e3e3; }
div.layoutChangeBox a { color: #000000; }
div.layoutChangeBox a.remove { color:#990000; }
div.layoutChangeBox a:hover { text-decoration: none; }

div.layoutChangeBox div.layoutSmallPanel div,
div.layoutChangeBox div.layoutBigPanel div { border: 1px solid #a9a9a9; background-color: #ececec; text-align: center; }

div.layoutChangeBox div.layoutSmallPanel div.selected,
div.layoutChangeBox div.layoutSmallPanel div.active,
div.layoutChangeBox div.layoutBigPanel div.selected,
div.layoutChangeBox div.layoutBigPanel div.active { background-color: #cde6f4; }

div.layoutChangeBox div.layoutSmallPanel div.set,
div.layoutChangeBox div.layoutBigPanel div.set { background: #FFFFFF url("../images/wizard_selected.gif") no-repeat center center; }

div.layoutChangeBox div.layoutSmallPanel { padding-top: 27px; padding-left: 9px; height: 201px; background: url("../images/wizard_layout_small.gif") no-repeat top left; }
div.layoutChangeBox div.layoutSmallPanel div.layoutBox { width: 180px; height: 106px; padding-top: 60px; }

div.layoutChangeBox div.layoutBigPanel { padding-top: 19px; padding-left: 10px; height: 209px; background: url("../images/wizard_layout_big.gif") no-repeat top left; }
div.layoutChangeBox div.layoutBigPanel div.tallLayoutBox,
div.layoutChangeBox div.layoutBigPanel div.smallLayoutBox { float: left; }
div.layoutChangeBox div.layoutBigPanel div.tallLayoutBox {  width: 81px; height: 112px; padding-top: 60px; margin-right: 12px; }
div.layoutChangeBox div.layoutBigPanel div.smallLayoutBox { width: 81px; height: 59px; padding-top: 20px; margin-bottom: 12px; }
div.layoutChangeBox div.layoutBigPanel div.wideLayoutBox { width: 177px; height: 49px; padding-top: 30px; margin-bottom: 12px; }