/*_Master - Igal Ness_*/
@charset "utf-8";
@import url('reset.css');
/*____________Main Style and Containers______________*/

body{background:#fff; font:normal 14px Verdana, Arial; color:#333}
 
#wrapper{
	position:relative;
	width:900px;
	height:700px;
	margin:10px auto;
}

#wrapper #tabs{float:left;}

a {
	text-decoration:none; 
	color:#333;
}

header, footer, #newsLine, #mainContent{clear:both}

/*____________Header____________________________*/
header{
	width:100%;
	height:90px;
	background:url(../images/logo.png) no-repeat center center;
}

	#lang{float:left; width:150px; margin:45px 20px}
	
		#lang a{
			float:left; 
			width:35px; 
			height:30px;
			background:url(../images/headerIcons.png);
		}
			a#heb{background-position:bottom left}
			a#rus{background-position:top left}
			
	#logo{float:left; margin:50px 145px 0 145px}
	
		#logo h1{display:none}
	
		#logo a{
			display:block;
			width:231px;
			height:69px;
			background:url(../images/logo.png) no-repeat;
		}
		
	#currentEx{
		float:right; 
		width:150px; 
		margin:25px 10px 0;
		background:#e3eae3;
		border:1px solid black;
		border-radius:15px;
	}
	
		#currentEx span{
			padding:10px 15px;
			background:url(../images/headerIcons.png)
		}		
		
		#currentEx p{
			display:inline;
			padding:5px 20px;
			font-size:20px;
			line-height:30px;
		}
		
			span#dollarCur{background-position:top right}
			span#euroCur{background-position:bottom right}

/*____________Currency List______________________*/

#currency span{
	font:bold 16px georgia;
}
	#dates label{width:92px}
	#dates input{width:110px; border:1px solid #999; margin-right:15px; padding:3px; font-size:15px;  background:url(../images/calendar.png) no-repeat  100px 7px}
	#dates button{margin-left:78px}

	table{margin:20px 0; float:left; width:533px; border:2px solid gray}
		table.ui-datepicker-calendar{border:none}
	
	table th, td{border: 1px solid gray; padding:5px; text-align:center}
		#wrapper thead tr:first-child th{background:#eee}
		tbody tr:last-child{display:none;}
		tbody .curSign{font-size:10px}
		tbody td .up, tbody td .down{display:inline-block; width:100%}
		tbody td .up{background:url(../images/up.png) no-repeat right center}
		tbody td .down{background:url(../images/down.png) no-repeat left center}
		
		.bRate{font-weight:bold; border-left:2px solid gray}
		.dollarCell{background:#ddf8dd}
		.euroCell{background:#e7f2f7}
	
.euro, .dollar{
	float:left;
	width:300px;
	height:300px;
	margin:20px 40px;
	text-align:center;
}

/*____________Hight Chart____________________________*/
#chartWrapper, #ratesWrapper{
	width:900px;
}
	#ratesWrapper{
		padding:0 160px;
		width:580px;
	}
	#chartWrapper{
		min-height:400px;
	}
	
#chartLoader{
	position: absolute;
	z-index: 100;
	left: 450px;
	top: 200px;
}

/*____________News Line______________________________*/
#newsLine{
	background:#eeeeee;	
}

/*____________Main Contetn___________________________*/
#mainContent{background:url(../images/mainBack.png)}
#ratesTable{	}

/*____________Footer_________________________________*/
footer{
	width:100%;
	height:20px;
	margin-top:30px;
	text-align:center;
	bottom:0;
	background:url(../images/bottomBack.gif)}
}