body
{
	background: url(../img/body_bkg.png) 0 0 repeat;
}

#out_wrapper
{
	width: 1000px;
	margin: 5px auto;
	position: relative;
}

#out_wrapper.app
{
	width: auto;
	margin: 0 5px 5px 5px;
}

#out_header
{
	background: url(../img/wrapper_top_left.png) 0 0 no-repeat;
	padding-left: 15px;
}

#out_header_right
{
	background: url(../img/wrapper_top_right.png) 100% 0 no-repeat;
	height: 17px;
}

#out_footer
{
	background: url(../img/wrapper_bottom_left.png) 0 0 no-repeat;
	padding-left: 15px;
}

#out_footer_right
{
	background: url(../img/wrapper_bottom_right.png) 100% 0 no-repeat;
	height: 17px;
}

#wrapper
{
	background: #fff url(../img/wrapper_left_bkg.png) 0 0 repeat-y;
	padding: 0 0 0 12px;
}

#content_wrapper
{
	margin-left: 10px;
	position: relative;
	background: #728a4a url(../img/wrapper_right_bkg.png) 100% 0 repeat-y;
	padding-right: 13px;
}

#header
{
	border-top: 5px solid #abd269;
	position: relative;
	height: 165px;
	background: 220px 0 url(../img/header_bkg.jpg) no-repeat;
}

#header.app
{
	height: 90px;
	background: 220px 0 url(../img/header_bkg_app.jpg) no-repeat;
}

a#logo
{
	display: block;
	position: absolute;
	top: 0;
	left: 1px;
	width: 218px;
	height: 135px;
	background: url(../img/polassur_logo.png) 0 0 no-repeat;
}

a#tcbroker_logo
{
	display: block;
	width: 218px;
	height: 135px;
	margin-top: 70px;
	margin-left:1px;
	background: url(../img/tcbroker_logo_tlo.png) 0 0 no-repeat;
}

a#tcbroker_logo strong
{
	display: none;
}

#header.app a#logo
{
	height: 90px;
	background-position: 0 -20px;
}

#test-message {
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	color: white;
	background-color: red;
	margin-top: 30px;
	margin-left: 218px;
	text-align: center;
	text-transform: uppercase;
}

a#dbk_logo
{
	display: block;
	width: 68px;
	height: 47px;
	background: url(../img/dbk_logo.gif) 0 0 no-repeat;
	margin: 15px 13px 0 0;
	float: right;
}

a#dbk_logo.app
{
	margin-top: 0;
}

a#logo strong
{
	display: none;
}

#content
{
	margin-left: 220px;
	background: #fff;
	min-height: 470px;
	_height: 470px;
	padding: 5px;
	padding-bottom: 45px;
}

#content.app_content
{
	margin-left: 0;
	padding-bottom: 5px;
}

/* top menu */

#top_menu
{
	height: 20px;
	background: #94ba5a;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: relative;
	z-index: 1000;
}

#top_menu ul
{
	height: 20px;
	float: left;
	padding-left: 0;
	position: relative;
	z-index: 1000;
}

#top_menu ul li
{
	padding: 2px 5px 0 0;
	float: left;
	position: relative;
	z-index: 1000;
}

#top_menu ul li ul
{
	height: auto;
	position: absolute;
	background: #94ba5a;
	float: none;
	top: 17px;
	left: 0;
	border-top: 1px solid #728a4a;
	width: 150px;
	z-index: 1000;
}

#top_menu ul li ul li ul
{
	top: 5px;
	left: 148px;
}

#top_menu ul li ul
{
	display: none;
}

#top_menu ul li ul li:hover,
#top_menu ul li ul li.hover
{
	background-color: #abd269;
}

#top_menu ul li:hover > ul
{
	display: block;
}

#top_menu ul li ul li
{
	float: none;
	border: 1px solid #728a4a;
	border-top: none;
	padding: 1px;
}

#top_menu ul li ul li a
{
	border: none;
	float: none;
	padding: 3px;
}

#top_menu ul li a
{
	padding: 0 0 0 5px;
	font-size: 12px;
	color: #fff;
	height: 15px;
	float: left;
	display: block;
	border-left: 1px solid #fff;
	text-decoration: none;
	font-size: 11px;
}

#top_menu ul li a.sel,
#top_menu ul li a:hover
{
	color: #000;
}

#top_menu ul li.first a
{
	border-left: none;
}

/* user info */

#user_info
{
	float: right;
	font-size: 11px;
	color: #fff;
	margin-right:10px;
	margin-top: 2px;
	text-align: center;
	height: 15px;
}

#user_info label
{
	font-weight: bold;
	color: #fff;
}

/* bottom menu */

#bottom_menu
{
	margin: -54px 13px 0 13px;
	height: 30px;
	background: #94ba5a;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding-left: 137px;
	text-align: center;
	position: relative;
}

#bottom_menu ul
{
	height: 30px;
	float: left;
	padding-left: 30px;
}

#bottom_menu ul li
{
	padding: 7px 10px 0 0;
	float: left;
}

#bottom_menu ul li a
{
	color: #fff;
	font-size: 14px;
	height: 15px;
	float: left;
	display: block;
	border-left: 1px solid #fff;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#bottom_menu ul li a.sel,
#bottom_menu ul li a:hover
{
	color: #000;
}

#bottom_menu ul li.first a
{
	border-left: none;
}

#left_panel
{
	position: absolute;
	top: 170px;
	left: 0;
	width: 220px;
}

/* left menu */

#menu ul
{
	border-bottom: 2px solid #f5f7f9;
}

#menu ul.space
{
	margin-top: 20px;
}

#menu ul li
{
	border-top: 2px solid #f5f7f9;
	background: #abd269;
	position: relative;
}

#menu ul li a
{
	display: block;
	text-align: left;
	padding: 3px 0 3px 5px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

#menu ul li a.sel,
#menu ul li a:hover
{
	color: #000;
}

#menu ul li.sel > a
{
	color: #000;
}

#menu ul li ul
{
	border-bottom: none;
}

#menu ul li ul li:hover,
#menu ul li ul li.hover
{
	background-color: #728a4a;
}

#menu ul li:hover > ul,
#menu ul li.sel > ul
{
	display: block;
}

#menu ul li ul li
{
	padding: 1px 1px 1px 10px;
	border: none;
	background: none;
}

#menu ul li ul li a
{
	padding: 3px;
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
	background: url(../img/arrow1.png) 4px 8px no-repeat;
}

/* login form */

#login_panel
{
	margin-top: 40px;
}

#login_panel h1
{
	margin: 0;
	padding: 3px 0 3px 60px;
	font-size: 12px;
	color: #fff;
	background: #3f5c0f url(../img/green_square.png) 5px 6px no-repeat;
	border-top: 2px solid #a8b78f;
	border-bottom: 2px solid #a8b78f;
	min-height: 16px;
}

#login_panel dl
{
	float: left;
	margin-top: 15px;
}

#login_panel dl dt
{
	float: left;
	width: 80px;
}

#login_panel dl dt label
{
	color: #fff;
	padding: 4px 0 0 10px;
	font-weight: bold;
	display: block;
}

#login_panel dl dd
{
	float: left;
	padding-bottom: 7px;
}

#login_panel dl dd input
{
	float: left;
	display: block;
	width: 130px;
	padding: 2px;
	border: 1px solid #3f5c0f;
}

#login_panel dl dd input.submit
{
	background-color: #3f5c0f;
	border: 1px solid #a8b78f;
	color: #fff;
}

/* tcbroker layout */

#out_wrapper.broker_layout #header
{
	background-image: url('../img/tcbroker/header_bkg.jpg');
}

#out_wrapper.broker_layout #header a#logo
{
	background-image: url(../img/tcbroker/logo.png);
}

#out_wrapper.broker_layout #content_wrapper
{
	background-color: #6b8aad;
}

#out_wrapper.broker_layout #menu ul li
{
	background-color: #95abc4;
}

#out_wrapper.broker_layout #bottom_menu
{
	background: #95abc4;
	padding-left: 234px;
}

/* tcbroker app */

#out_wrapper.broker_layout #header
{
	border-color: #6b8aad;
}

#out_wrapper.broker_layout #header.app
{
	background-image: url('../img/tcbroker/header_bkg_app.jpg');
	background-position: 220px -40px;
}

#out_wrapper.broker_layout #top_menu
{
	background-color: #6b8aad;
}

#out_wrapper.broker_layout #top_menu ul li ul
{
	background-color: #6b8aad;
}

#out_wrapper.broker_layout #top_menu ul li ul li:hover,
#out_wrapper.broker_layout #top_menu ul li ul li.hover
{
	background-color: #7b9abd;
}

#out_wrapper.broker_layout #top_menu ul li ul,
#out_wrapper.broker_layout #top_menu ul li ul li
{
	border-color: #4b6a8d;
}

#nx {
	float: left;
	margin: 30px 0 0 15px;	
}

#nx a {
	font-size: 12px;
	color: grey;	
}