@import url("reset.css");

/*  Basic ----------------------------------------------  */
/*  ----------------------------------------------------  */

body {
	background: white;
	font-size: 75%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
}


h1 {
	font-size: 2.5em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	line-height: 1em;
}

h1 span {
	font-size: 0.6em;
	font-weight: normal;
	color: #203A0B;
}

h4 {
	margin-bottom: 0.3em;
}

sup {
	font-size: 0.7em;
	vertical-align: top;
}

p.caseDescription {
	background-color: #33B300;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 10px;
}

ul, ol {
	padding-left: 20px;
}

/*  Structure ------------------------------------------  */
/*  ----------------------------------------------------  */

div#wizardWrapper {
	width: 900px;
	height: 550px;	
}

div#header {
	position: relative;
	height: 60px;
}

div#header img {
	margin-top: 11px;
	margin-left: 11px;
}

div#header a.closeBtn {
	position: absolute;
	display: block;
	right: 5px;
	top: 5px;
	width: 17px;
	height: 17px;
}

div#header a.closeBtn img {
	margin:0;
}

div#bar {
	background: #000 repeat-x 50% 50% url(../gfx/bar/barBg.gif);
	height: 23px;
}

div#main {
	position: relative;
	overflow: auto;
}

div#mainmenu {
	background: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 467px;
	z-index: 100;
}

div#mainmenuInner {
	padding: 20px 20px;
}

div#contentWrapper {
	position: relative;
	background: #FFF repeat-x 0 0 url(../gfx/content/contentBg.gif);
	margin-left: 200px;
	height: 467px;
	color: white;
	overflow: hidden;
}

div#content {
	position: absolute;
	left: 0;
	top: 0;
	width: 20000px;
}

div.contentBlock {
	position: relative;
	float: left;
	padding: 25px 30px;
	width: 640px;
	height: 417px;
}




/*  Navigation -----------------------------------------  */
/*  ----------------------------------------------------  */

div#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
}

div#mainmenu ul li {
	display: block;
	margin-bottom: 9px;
}

div#mainmenu ul li,
div#mainmenu ul li a {
	text-decoration: none;
	color: #009B3A;
}

div#mainmenu ul li.disabled, 
div#mainmenu ul li.disabled a, 
div#mainmenu ul li.disabled ul li a  { color: #AAAAAA; cursor: default}
div#mainmenu ul li.active, 
div#mainmenu ul li.active a,
div#mainmenu ul li ul li.active a { color: #009B3A; }
div#mainmenu ul li.error, 
div#mainmenu ul li.error a,
div#mainmenu ul li ul li.error a { color: #d90000; }
div#mainmenu ul li.success, 
div#mainmenu ul li.success a,
div#mainmenu ul li ul li.success a{ color: #009B3A; }

div#mainmenu ul li.last { margin-bottom: 0; }

div#mainmenu ul li ul {
	margin-top: 0;
	font-weight: normal;
	text-transform: none;
	font-size: 0.8em;
}

div#mainmenu ul li ul li {
	margin-bottom: 0px;
	padding-left: 10px;
}

div#mainmenu ul li.noSubmenu.active,
div#mainmenu ul li ul li.active {
	text-decoration: underline;
}

div#mainmenu ul li ul li.active {
	background: transparent no-repeat 0 50% url(../gfx/navigation/activeArrow.png);
}

/*  Links & Buttons ------------------------------------  */
/*  ----------------------------------------------------  */

a.btnPrev,
a.btnNext {
	display: block;
	line-height: 22px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

a.btnPrev span,
a.btnNext span { display: block; padding: 0 10px; }

a.btnNext {
	background: transparent no-repeat 100% 0 url(../gfx/btns/nextBtnArrow.png);
	float: right;
	margin-right: 15px;
	padding-right: 19px;
}
a.btnNext span { background: transparent no-repeat 0 0 url(../gfx/btns/nextBtn.png); }

a.btnPrev {
	background: transparent no-repeat 0 0 url(../gfx/btns/prevBtnArrow.png);
	float: left;
	margin-left: 15px;
	padding-left: 19px;
}
a.btnPrev span { background: transparent no-repeat 100% 0 url(../gfx/btns/prevBtn.png); }

/*  Forms ----------------------------------------------  */
/*  ----------------------------------------------------  */

fieldset {
	border-bottom: 1px solid #198b0c;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

fieldset div.columns {
	clear: both;
}

fieldset div.columns div.columnLeft {
	float: left;
	width: 300px;	
}

fieldset div.columns div.columnRight {
	float: left;
	width: 340px;
}

div.field {
	margin-bottom: 2px;	
}

div.field label {
	display: block;
	float: left;
	width: 95px;
	line-height: 1.7em;
}

fieldset div.columns div.columnRight div.field label {
	width: 110px;
}

div.field label span {
	font-size: 0.9em;
	color: #203a0b;
}

div.field.complex label {
	float:none;
	width: auto;
}

div.field.error label {
	color: #d90000;
}

div.actions {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 38px;
}

div.footnote {
	font-size: 0.9em;
	font-style: italic;
}

span.required {
	color: #d90000 !important;
}

/*  Field specific -------------------------------------  */
/*  ----------------------------------------------------  */

div.field.personsDependenetIncome label { width: 255px !important; }

div.field.maidenname label { width: 240px !important;}

div.field.isJointAccount label { width: 295px !important; }

div#businessAccount div.field.isBusinessAccount label { width: 225px !important; }
div#businessAccount fieldset div.columns div.columnLeft { width: 270px !important; }
div#businessAccount fieldset div.columns div.columnRight { width: 370px !important; }
div#businessAccount label { width: 70px !important; },
div#businessAccount fieldset div.columns div.columnRight label { width: 155px !important; }

div#contraAccount fieldset div.columns div.columnRight label { width: 115px !important; }
div#contraAccount fieldset div.columns div.columnLeft { width: 290px !important; }
div#contraAccount fieldset div.columns div.columnRight { width: 350px !important; }
div#contraAccount label { width: 85px !important; }

div#typeAccount fieldset div.field { clear: both; overflow: auto; margin-bottom: 10px; }

div#typeAccount fieldset div.field label,
div#typeAccount fieldset div.field input { float: left; }

div#typeAccount fieldset div.field label { padding-left: 5px; width: 590px !important; }
div#typeAccount fieldset div.field.error label,
div#typeAccount fieldset div.field label span.accountTypeName { color: #FFF; }
div#typeAccount fieldset div.field label span.accountTypeName { font-size: 1em; font-weight: bold; }
div#typeAccount fieldset div.field.error label span.accountTypeName { color: #d90000; }

div#targets fieldset div.field label { width: 290px !important; }
div#targets fieldset div.field div { float: left; }

div#financialBackground table { margin-bottom: 25px; }
div#financialBackground table td.label { width: 205px !important; }

div#education fieldset div.field label { width: 215px !important; }
div#education fieldset div.field div { float: left; }

div#tradingPosibilities div.columnLeft { width: 260px !important; padding-right: 40px; }
div#tradingPosibilities div.columnRight { width: 340px !important; }
div#tradingPosibilities div.columnRight table td.label { width: auto; }

div#montlyStockData2 table { margin-bottom: 15px; }
div#montlyStockData2 table td { text-align: left; }

div#confirmations1 p {
	margin-bottom: 15px;
}

div#finalize a.donwloadContract {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 141px;
	height: 172px;
}


div#transferAccount div.field.doTransfer label { width: 335px !important; }
div#transferAccount fieldset div.columns div.columnLeft { width: 325px; }
div#transferAccount fieldset div.columns div.columnRight { width: 315px; }

div#transferAccount input.textField { width: 150px; }
div#transferAccount div.field label { width: 136px; }
div#transferAccount fieldset div.columns div.columnRight div.field label { width: 156px; }

div#transferAccount fieldset.transferAction { border-bottom: none; padding-bottom: 0; }

div#transferAccount fieldset.transferAction div.field { clear: both; overflow: auto; }
div#transferAccount fieldset.transferAction div.field label,
div#transferAccount fieldset.transferAction div.field input { float: left; }
div#transferAccount fieldset.transferAction div.field label { padding-left: 5px; width: 590px !important; }

div#transferAccount fieldset.lynxAccountNumber label { width: 170px; }


/*  Table ----------------------------------------------  */
/*  ----------------------------------------------------  */

table th {
	background: #FFF;
	color: #127f0f;
}

table th.empty {
	background: none;
}

table th.title {
	background: none;
	color: white;
	text-transform: uppercase
}

table td,
table th {
	text-align: center;
	line-height: 2em;
}

table td.number {
	width: 30px;
}

table td.label {
	width: 80px;
	text-align: left;
}

table tr.error td.label {
	color: #d90000;
}

table td.empty {
	line-height: 1px;
	font-size: 1px;
	height: 5px;
}


table.questions tbody tr { border-bottom: 1px solid #198b0c; }
table.questions td { padding: 10px 0; line-height: 1.5em; }
table.questions td.label { width: auto; }

/*  Shadowbox ------------------------------------------  */
/*  ----------------------------------------------------  */

#sb-title, #sb-info {
	display: none;
}