/*******************************************************************************
		Coded by GS on 29.03.2007, True Vision
*******************************************************************************/
body { background: url(../images/i/bg/bg.gif) #D9EDF7 0 0 repeat-x; }

/*--------------------------------- block sizes ------------------------------*/
#container { width: 850px; }
#middle { width: 820px; }


/*----------------------------------- inside ---------------------------------*/
body.inside { background: #E2E2E2; }
body.inside #container { background: #E2E2E2; }
body.inside #layout .layout-root, body.inside #layout .layout { background: none; }
body.inside #head { min-height: 225px; }
* html body.inside #head { height: 225px; }
body.inside #menu div.menu-layer1 { background: url(../images/i/bg/menu_bot2.gif) 0 100% no-repeat; }


/*-------------------------------- layout ------------------------------------*/
#layout {
	background: url(../images/i/bg/bg_top.gif) 50% 0 no-repeat;
	text-align: center; /* ie 5.5 */
}
#layout .layout-root { background: url(../images/i/bg/card.jpg) 50% 0 no-repeat; }
#layout .layout { background: url(../images/i/bg/card_inner.jpg) 50% 0 no-repeat; }

#container {
	margin: 0 auto;
	position: relative;
	min-height: 550px;
	text-align: left;
}
* html #container-root { height: 550px; }

#head {
	background: url(../images/i/bg/head.gif) 435px 0 no-repeat;
	padding: 0 0 0 435px;
	min-height: 175px;
}
* html #head { height: 175px; }

#footer { padding: 35px 30px 20px 33px; clear: both; }


/*----------------------------- main elements --------------------------------*/
#logo { position: absolute; top: 0; left: 0; padding-top: 49px; }


#language ul {
	position: absolute; right: 0;
	margin: 0 30px 0 0; padding: 29px 0 0 0;
}
#language ul li {
	background: none;
	margin: 0 0 0 6px; padding: 0;
	width: 20px; height: 10px;
	float: left;
	text-transform: uppercase;
	color: #FFF;
	font-size: 8px;
}
#language ul li.active { background: url(../images/i/bg/lang.gif) #FF7200 0 0 no-repeat; }
#language ul li.active span {
	background: url(../images/i/bg/lang.gif) 100% 0 no-repeat;
	display: block;
	width: 20px; height: 10px;
	text-align: center;
}
#language a {
	display: block;
	width: 20px; height: 10px;
	text-decoration: none;
	color: #527092;
}
#language a:hover { text-decoration: underline; color: #527092; }


#login-menu ul { margin: 0; padding: 25px 0 0 0; }
#login-menu ul li {
	background: none;
	margin: 0 50px 0 0; padding: 0;
	display: inline;
}
#login-menu ul li.logout a {
	background: url(../images/i/mrk/logout.gif) 0 0.2em no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	color: #FF0000;
}
#login-menu ul li.logout a:hover { color: #0099FF; }


#login-form {
	background: url(../images/i/bg/login_top.gif) 0 0 no-repeat;
	position: absolute;
	margin-top: 10px;
	width: 241px;
	font-size: 0.9em;
}
#login-form div.layer1 {
	background: url(../images/i/bg/login_bot.gif) 0 100% no-repeat;
	padding: 10px 0;
}
#login-form div.layer2 { background: #FFF; padding: 5px 0 5px 20px; }
#login-form input.txt { border: 1px solid #CCCCCC; width: 87px; color: #636363; }
#login-form a { color: #0099FF; font-size: 0.9em; }
#login-form a:hover { color: #FF7200; }
#login-form th { padding: 7px 0; color: #000; vertical-align: top; }
#login-form td { padding: 3px 0 3px 9px; color: #636363; }


#user {
	position: relative; left: -10px;
	background: url(../images/i/bg/user_top.gif) 0 0 no-repeat;
	margin: 35px 0 5px 0;
	width: 395px;

}
#user div.layer1 {
	background: url(../images/i/bg/user_bot.gif) 0 100% no-repeat;
	padding: 8px 0;
}
#user div.layer2 { background: #FFF; padding: 9px 20px 2px 20px; min-height: 30px; }
* html #user div.layer2 { height: 30px; }
#user div.title { padding-bottom: 15px; }
#user table { border-collapse: separate; }
#user table tr th {
	border-top: 1px solid #2DBAEE;
	padding: 5px 11px 6px 0;
	vertical-align: top;
}
#user table tr td {
	border-top: 1px solid #2DBAEE;
	padding: 5px 3px;
	vertical-align: top;
}
#user table tr.first th, #user table tr.first td { border-top: none; }


#menu-accounts { height: 50px; }
#menu-accounts ul { margin: 0; padding: 0 0 0 34px; }
#menu-accounts ul li {
	background: url(../images/i/mrk/menu.gif) 0 0.3em no-repeat;
	margin: 0; padding: 0 30px 0 14px;
	display: inline;
	white-space: nowrap;
	color: #000;
	font-size: 1.33em; font-weight: 600;
}


#menu { background: url(../images/i/bg/menu_top.gif) 0 0 no-repeat; width: 230px }
#menu div.menu-layer1 { background: url(../images/i/bg/menu_bot.gif) 0 100% no-repeat; padding: 8px 0 15px 0; }
#menu div.menu-layer2 { background: url(../images/i/bg/menu_mid.gif) 0 0 repeat-y; }
#menu div.menu-layer2 { min-height: 50px; }
* html #menu div.menu-layer2 { height: 50px; }
#menu ul { margin: 0; padding: 7px 50px 17px 20px; }
#menu ul li {
	background: url(../images/i/mrk/menu1.gif) 5px 12px no-repeat;
	border-top: 1px solid #E0E0E0;
	margin: 0; padding: 5px 0 6px 21px;
}
#menu ul li.first { border: none; }
#menu ul li.active {
	background: url(../images/i/bg/menu_item.gif) 0 0 repeat-x;
	padding: 0 0 6px 0;
}
#menu ul li.active div {
	background: url(../images/i/mrk/menu1.gif) 5px 11px no-repeat;
	padding: 5px 0 0 21px;
	font-weight: bold;
}
#menu ul ul { padding: 5px 0 30px 21px; }
#menu ul li li {
	background: url(../images/i/mrk/menu2.gif) 0 0.55em no-repeat;
	border: none;
	padding: 0 0 5px 7px;
	line-height: 1.3em;
	color: #000;
	font-size: 0.9em;
}
#menu ul li li.active { background: url(../images/i/mrk/menu2.gif) 0 0.55em no-repeat; padding: 0 0 5px 7px; }


#advantages {
	background: url(../images/i/bg/promo.gif) 30px 30px no-repeat;
	margin-right: -435px;
	width: 435px; height: 375px;
	float: left;
}
#advantages h1 { margin: 0; }
#advantages div.item { margin-bottom: 25px; width: 328px; height: 101px}
#advantages div.item div { padding: 12px 16px 0 98px; }
#advantages div.safe { background: url(../images/i/adv/safe.png) 0 0 no-repeat; }
#advantages div.online { background: url(../images/i/adv/online.png) 0 0 no-repeat; }
#advantages div.convenient { background: url(../images/i/adv/convenient.png) 0 0 no-repeat; }


#info { width: 402px; float: left; font-size: 0.9em; }
#info ul { margin: 0; padding: 0 0 18px 18px; }
#info ul li {
	background: url(../images/i/mrk/mrk3.gif) 0 0.45em no-repeat;
	margin: 0; padding: 0 22px 0 13px;
	display: inline;
	white-space: nowrap;
}
#info div.copyright { padding-left: 30px; }


#cards { width: 141px; float: right; }
#cards img { border: 1px solid #7F7F7F; }
#cards a img { border: 1px solid #7F7F7F; }
#cards a:hover img { border: 1px solid #AAAAAA; }
#cards div { padding-bottom: 5px; text-align: center; }
#cards div.left { float: left; }
#cards div.right { float: right; }


/*------------------------------ content structure ---------------------------*/
#content-root { margin-left: 435px; padding: 187px 0 0 0; }
#content-root div.new-account { padding: 0 30px 35px 0; text-align: right; }


#middle .middle { padding-left: 33px; }
#middle .sidebar { padding-left: 23px; }
#middle .sidebar div.middle-top, #middle .sidebar div.middle-bot { padding-left: 10px; }
#middle div.middle-top {
	background: url(../images/i/bg/mid_tr.gif) 100% 0 no-repeat;
	height: 8px; font-size: 1px;
}
#middle div.middle-top div {
	background: url(../images/i/bg/mid_tl.gif) 0 0 no-repeat;
	padding: 0 8px;
	height: 8px; font-size: 1px;
}
#middle div.middle-top div div { background: #FFF; padding: 0 8px; height: 8px; font-size: 1px; }
#middle div.middle-bot {
	background: url(../images/i/bg/mid_br.gif) 100% 0 no-repeat;
	height: 8px; font-size: 1px;
}
#middle div.middle-bot div {
	background: url(../images/i/bg/mid_bl.gif) 0 0 no-repeat;
	padding: 0 8px;
	height: 8px; font-size: 1px;
}
#middle div.middle-bot div div { background: #FFF; padding: 0 8px; height: 8px; font-size: 1px; }


#sidebar {
	background: url(../images/i/bg/sidebar.gif) 0 0 repeat-y;
	padding: 20px 0;
	width: 230px;
	vertical-align: top;
}


#content { background: #FFF; padding: 30px 30px 20px 20px; vertical-align: top; }
#content h1 { border-bottom: 1px solid #2DBAEE; margin-bottom: 18px; padding-bottom: 2px; }
#content div.content { min-height: 500px; }
* html #content div.content { height: 500px; }


/*----------------------------------- content --------------------------------*/
span.status-done { color: #00A650; }
span.status-process { color: #2DBAEE; }
span.status-canceled { color: #FF0000; }
span.status-refund { color: #99cd34; }


table.form { margin: 10px 0; }
table.form label { margin-right: 15px; }
table.form th { padding: 12px 25px 12px 0; vertical-align: top; }
table.form td { padding: 11px 5px; vertical-align: top; }
table.form td.item { padding: 5px 0; }
table.form td.item div.item { background: url(../images/i/bg/form_item.gif) #95DCF6 100% 0 repeat-y; padding: 5px; }


table.history { border-collapse: separate; font-size: 0.83em; }
table.history th {
	background: #2DBAEE;
	border-bottom: 2px solid #29A7D7;
	padding: 4px 6px 2px 6px;
	vertical-align: top;
	color: #FFF;
}
table.history td {
	border-bottom: 1px solid #2DBAEE;
	padding: 11px 6px 3px 6px;
	vertical-align: top;
}
table.history td.datetime { background: url(../images/i/bg/td.gif) #DFF4FC 0 100% repeat-x; }


table.text { margin: 10px 0; }
table.text th {
	background: url(../images/i/bg/td2.gif) 0 0 no-repeat;
	padding: 6px 5px 15px 5px;
	vertical-align: top;
	font-weight: bold;
}
table.text td {
	background: url(../images/i/bg/td2.gif) 0 0 no-repeat;
	padding: 6px 5px 15px 5px;
	vertical-align: top;
}