/* --------------------------------- */
/*                                   */
/*          Created by toro          */
/*                                   */
/*         ©2008 torodesign          */
/*                                   */
/* --------------------------------- */

/*  reset  */
* {
	padding: 0;
	margin: 0;
}

/*  colors  */

.blue1 {
	color: #2c5790;
}
.blue {
	color: #2a5185;
}

.orange {
	color: #f58221;
}
/* ======================== */


/* common definitions */

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.bold {
	font-weight: bold;
}
/*  html tags  */

body {
	background: #2a5185 url(../images/main_bg.png) repeat-x scroll top center;
	
}

h1, h2, h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 25px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 22px;
	margin-bottom: 10px;
}
div, p, td, input, textarea, li, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	margin-top: 25px;
}
img {
	border:0;
}
textarea {
	overflow: auto;
}
li {
	list-style: none;
}

div#worksheet { /* centering */
	width: 979px;
	margin: 0 auto;	
}


/* -----------------------
           header         
  ----------------------- */

div#header { /* head */
	height: 87px;
	width: 979px;
	background-image: url(../images/header_bg.png);
	position: relative;
}
div#logo {
	position: absolute;
	left: 0;
	top: 27px;
}

/* top menu container */
div#nav { /* top-menu */
	position: absolute;
	bottom: 0;
	left: 230px;
}
div#nav li {
	float: left;
	height: 36px;
	background: transparent url(../images/menu_bg.png) no-repeat scroll right top;
}
div#nav li.last {
	margin-left: 8px;
}
div#nav a {
	text-decoration: none;
	height: 36px;
	padding: 11px 12px 10px;
	background: transparent url(../images/menu_left_cap.png) no-repeat scroll left top;
	color: #2c5790;
	font: normal normal bold 12px/36px Arial, Helvetica, sans-serif;
}
div#nav a.first {
	padding: 11px 12px 10px 0;
	background-image:none;
}

div#nav-top { /* top-navigator */
	position: absolute;
	top: 20px;
	left: 230px;
	width: 740px;
	height: 23px;
	overflow: visible;
}

div#nav-top a:link, div#nav-top a:visited {
	color: #d1d5db;
	text-decoration: none;
	font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif ;
	background: transparent url(../images/top_navigator_arrow.png) no-repeat scroll center right ;
	padding-right: 12px;
	margin-right: 15px;
	margin-top: 3px;
	float: left;
	overflow: visible;
}
div#nav-top a:hover {
	text-decoration: underline;
}
div#search-form {
	float: left;
	height: 20px;
	width: 260px;
	background: transparent url(../images/search_form_bg.png) no-repeat scroll top left;
}
div#search-form input {
	border: 0;
	background-color: transparent;
	margin-top: 3px;
	padding-left: 3px;
	float: left;
}
div#search-form input.text {
	width: 175px;
}
div#search-form input.submit {
	width: 80px;
	cursor: pointer;
}
div#languages { /* flags */
	float: right;
	margin-top: 2px;
}
div#languages a { 
	margin: 0 0 0 3px !important;
	background: none !important; 
	padding: 0 !important;
}

/* ----------------------- 
          content         
   ----------------------- */

div#content { /* content-container */
	background: transparent url(../images/bg.png) repeat-y scroll top center;
	padding-right: 13px;
	/*padding-left: 13px;*/
}

div#content-top {
	background-image: url(../images/top.png);
	width: 979px;
	height: 28px;
}

div.content-left {
	width: 194px;
	margin-left: 19px;
}
div#inner-content {
	margin-top: 15px;
}
.leftpanel{
  margin-left:19px;
  padding:46px 19px 0;
}
div#content-left-container {
	float: left;
}
div.content-right {
	width: 736px;	
	margin-right: 19px;
}
div#right-ad-column {
	width: 120px;
	float: right;
	margin-left: 20px;
	min-height: 400px;
}
div.ad{
	margin-bottom: 15px;
}

div#content-left div.ad {
	text-align: center;
}



div.sorrend {
	width: 144px;
	height: 230px;
	float: left;
	background-image: url(../images/sorrend1.png);
	padding-left: 54px;
	color: #2a5185;
}
div.sorrend.masodik {
	background-image: url(../images/sorrend2.png);
}
div.sorrend.harmadik {
	background-image: url(../images/sorrend3.png);
}

div.bluebox594 {
	float: left;
	width: 594px;
	background: #f2f9ff url(../images/blue_box_bottom.png) no-repeat scroll bottom left;
	color: #2a5185;
	margin-top: 15px;
	padding-bottom: 20px;
}
div.bluebox594-top {
	width: 594px;
	height: 10px;
	font-size: 0;
	background: #f2f9ff url(../images/blue_box_top.png) no-repeat scroll bottom left;
}
div.bluebox594-content {
	margin: 10px 25px 0;
}
div.bluebox594 img {
	float: left;
	margin-right: 15px;
}

div.list {
	float: left;
	width: 297px;
	margin-top: 27px;
}
div.list h4 {
	color: #f58221;
	margin-bottom: 20px;
	font: normal normal bold 20px "Arial Black", Helvetica, sans-serif;
	
}
div.list li {
	font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #2a5185;
	padding: 3px 0 8px 20px;
}
div.list li.green-ticker {
	background: transparent url(../images/green_tick.png) no-repeat scroll left top;
} 
div.list li.green-ticker a{
	color:#2A5185;
  font:bold 12px Verdana,Arial,Helvetica,sans-serif;
} 
div.list li.red-dot {
	background: transparent url(../images/red_dot.png) no-repeat scroll left top;
} 

div.bluebox, div.yellowbox {
	float: left;
	width: 734px;
	background: #f2f9ff url(../images/bluebox_bottom.png) no-repeat scroll bottom left;
	color: #2a5185;
	margin-top: 15px;
	padding-bottom: 20px;
}
div.yellowbox {
	background-color: #fef4e8;
	background-image: url(../images/yellowbox_bottom.png);
}
div.bluebox-top, div.yellowbox-top {
	width: 734px;
	height: 10px;
	font-size: 0;
	background: #f2f9ff url(../images/bluebox_top.png) no-repeat scroll bottom left;
}
div.yellowbox-top {
	background-image: url(../images/yellowbox_top.png);
}
div.bluebox-content, div.yellowbox-content {
	margin: 10px 25px 0;
}

a.big-yellow:link, a.big-yellow:visited {
	color: #f58221;
	font-size: 20px;
}
a.big-yellow:hover {
	color: #f60;
}

.warning {
	font-size: 17px;
	color: #2a5185;
	font-weight: bold;
	background-image: url(../images/finger_blue.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 40px;
}
.warning a {
	color: #f58221;
	font-size: 17px;
}

/* ----------------------- 
          login box    
   ----------------------- */

div#login-box {
	background-image: url(../images/login-bg.png);
	width: 194px;
	height: 231px;
	margin-left: 19px;
	/*padding: 46px 19px 0;*/
	
}
.login-box-content{
  padding-left:19px;
}
.padding-10{padding-top:10px;padding-bottom:10px;}
div#login-box label {
	color: #2c5790;
	font: normal normal bold 12px Verdana, Arial, sans-serif;
	display: block;
}
div#login-box select {
	height: 20px;
	width: 54px;
	text-align: right;
	font: normal normal bold 12px Verdana, Arial, sans-serif;
	color: #2c5790;
	margin-top: 5px;
	vertical-align: bottom;
	margin-bottom: 8px;
}
div#login-box input.phonenumber, div#login-box input.pass {
	height: 16px;
	width: 90px;
	font: normal normal bold 12px Verdana, Arial, sans-serif;
	margin-left: 5px;
	color: #2c5790;
	vertical-align: bottom;
	margin-bottom: 8px;
}
div#login-box input.pass {
	width: 151px;
	margin-left: 0;
	margin-top: 5px;
}
div#login-box a.submit {
	width: 151px;
	color: #2c5790;
	font: normal normal bold 12px Verdana, Arial, sans-serif;
	background-color: #cfcfcf;
	border: 2px solid #f2f0ee;
	border-bottom-color: #75736e;
	border-right-color: #75736e;
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
}
div#login-box input.submit {
	width: 155px;
	color: #2c5790;
	font: normal normal bold 12px Verdana, Arial, sans-serif;
	background-color: #cfcfcf;
}
div.forgotten-pass {
	margin-top: 20px;
}
div.forgotten-pass a {	
	color: #2c5790;
	font: normal normal bold 12px Verdana, Arial, sans-serif;
}
div#top-image {
	/*float: right;*/
	margin-right: 19px;
}





/* ----------------------- */
/*         footer          */
/* ----------------------- */

div#foot {
	height: 127px;
	width: 979px;
	background: transparent url(../images/foot_bg.png) no-repeat scroll top center;
	font: normal normal bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	padding-top: 55px;
	line-height: 28px;
}
div#foot a:link, div#foot a:visited {
	font: normal normal bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #2a5185;
	text-decoration: underline;
}
div#foot a:hover {
	color: #cfcfcf;
}
.divider {
	margin: 0 14px;
	color: color: #2a5185;
}