@charset "utf-8";

/*------------------------------------------------------------
# Author: Maxim Zetser, Ivan Chernykh  
# Created: 8/8/10                                                                   
# Description: This file includes all the general style and layout
definitions that should be loaded in HOMEPAGE of the site.   

------------------------------------------------------------*/



#buttom_navigation{background:#e1e1e1;padding:2px 0 5px 0;margin: 0 0 0 0;}

/*Log In*/

	#form_login , #forgot_password{margin:15px 30px 0 0;font-size:14px;}
	#form_login label , #forgot_password label{color:#fff; float: right;}
	#user , #password{background:none;width:150px;border:0;margin:5px 0 6px 0;font-size:14px;color:#7a7a7a;}
	#login_button{width:52px;height:32px;float:left;margin:15px 0 0 20px;}
	#logout_button{width:50px;height:30px;position:absolute;top:185px;left:88px;}
	#log_in{background:url(../images/login.png) no-repeat;width:216px;height:248px;float:right;margin:15px 14px 0 0;position:relative;}
	#log_in.after_login{background:url(../images/after_login.png)}
	#remember{float:right;}
	#remember_text{float:right;color:#007aab;margin:1px 3px 0 0;}
	#lost_password{float:right;margin: 0 7px 0 0;color:#0092db;}
	#lost_password:hover{text-decoration: underline;}
	#change_details{float:right;margin: 0 0px 0 0;color:#0092db;}
	#change_details:hover{text-decoration: underline;}
	#change_details{position:absolute;top:220px;left:20px;}
	#change_details_old{float:right;margin: 0 0px 0 0;color:#0092db;}
	#change_details_old:hover{text-decoration: underline;}
	#change_details_old{position:absolute;top:220px;left:20px;}

	#sign_up{width:75px;height:27px;margin:10px 85px 0 0;}
	#greeting span{float:none;}
	#greeting{color:#FFF;margin:20px 0 0 0;text-align:center;font-size:14px;}
	#greeting li{padding:0 10px 0 10px;}
	#login_status_2{text-align:center;}
	#greeting.not_community{padding:20px 0 0 0;}
	#greeting li{list-style:none;margin: 5px 0 5px 0;}
	#greeting li a{color:#fff;text-decoration:underline;}
	#greeting li a:hover{text-decoration:none;}
	#error_message{color:#fff;background:#900;text-align:center;padding:2px 3px 2px 3px;}	
	#login_status_3{position:relative;}
	#login_status_3 #error_message{position:absolute;top:89px;left:72px;padding:0;width:117px;font-size:12px;}
	#greeting span{font-weight:bold;font-size:18px;}
	#greeting:hover{text-decoration:none;}
	#exit_box{margin:30px 30px 0 0;}
	
	#username_box input{border:0;}
	#forgot_text{font-size:12px;width:150px;color:#000;}
	#send{width:52px;height:32px;float:left;margin:-15px 0 0 20px;}

/*End of Log In*/

/*Slider*/

	.slider{float:right;margin:4px 15px 0 0;position:relative;width:728px;}
	.slider .content, .slider .top.line, .slider .bottom.line{width:716px;}
	.slider .content, .slider .left.line, .slider .right.line{height:70px;}
	
	/*.slider .content > div{width:668px;overflow:hidden;margin:0 24px 0 0;}
	
	.slider_navigation{width:20px;height:56px;cursor:pointer;position:absolute;}
	#slider_right_but{top:8px;left:703px;}
	#slider_left_but{top:8px;left:4px;}
	
	#pictures{height:57px;float:right;overflow:hidden;margin:2px 21px 0 0;}
	#pictures img{float:right;margin:0 2px 0 0;cursor:pointer;border:0;width:63px;height:57px;}
	.big_pic{width:142px;height:57px;}*/

/*End of Slider*/

/*Navigation*/
.navigation{float:right;margin:4px 15px 0 0;width:159px;}
.navigation .content, .navigation .top.line, .navigation .bottom.line{width:147px;}
.navigation .content, .navigation .left.line, .navigation .right.line , #lines{height:372px;}

.navigation .content div{padding-bottom:5px;height:21px;margin:0 4px 0 0;}

#links{position:relative;z-index:2;}


#links h5{font-size:14px;height:24px;color:#3d3f3f;}
/*#links h5:hover{color:#FFF;}*/
#links h5 a{color:#3d3f3f;}


#lines{position:relative;z-index:0;margin:5px 0 -373px 0;}
#lines div{border-bottom:1px solid #e7eff2;height:20px;}

#marker{background:url(../images/title.png) no-repeat;width:155px;height:30px;margin:-30px -14px -30px 0;border:0;position:relative;z-index:1;display:none;}

.navigation a{font-size:14px;}
.navigation a:hover{text-decoration:none;color:#3d3f3f;}
/*End of Navigation*/

.slot_top{float:right;margin:15px 15px 0 0;width:728px;}
.slot_top .content, .slot_top .top.line, .slot_top .bottom.line{width:716px;}
.slot_top .content, .slot_top .left.line, .slot_top .right.line{height:92px;}

/*Banner*/
.banners{float:right;margin:15px 15px 0 0;width:500px;}
.banners .content, .banners .top.line, .banners .bottom.line{width:488px;}
.banners .content, .banners .left.line, .banners .right.line{height:236px;}

#banners_content{width:488px;height:210px;overflow:hidden;}
#banners_content div{}
#banner2 , #banner3 , #banner4{display:none;}

.banner{float:right;width:328px;height:200px;margin:7px 7px 0 0;}
.banner_description{float:right;width:140px;height:110px;margin:6px 9px 0 0;cursor:pointer;}
.banner_description:hover{}
.banners a{cursor:pointer;}
.banners a:hover{}
.banners h3{float:right;width:130px;margin:0 10px 0 0;}
.banners img{border:0;}
.banners h3.img ,h3.span{float:right;}

#banner_navigation{
	background:url(../images/player/player.jpg) no-repeat;
	width:477px;
	height:24px;
	float:right;margin: 0 5px 0 0;
	}


/*End of Banner*/

/*Navigation Middle*/
.navigation_middle{float:right;margin:-68px 15px 0 0;width:159px;}
.navigation_middle .content, .navigation_middle .top.line, .navigation_middle .bottom.line{width:147px;}
.navigation_middle .content, .navigation_middle .left.line, .navigation_middle .right.line{height:130px;}
.navigation_middle .content div{border-bottom:1px solid #e7eff2;font-size:14px;height:18px;padding-bottom:5px;padding-top:3px;margin:0 4px 0 0;cursor:pointer;}
.navigation_middle .content a{
	color:#ff8400;
	
	}
.navigation_middle .content a:hover{
	background:url(../images/hez.gif) no-repeat left 5px;
	padding-left:9px
	}


/*End of Navigation Middle*/

.slot_middle{float:left;margin:15px 0 0 13px;width:728px;}
.slot_middle .content, .slot_middle .top.line, .slot_middle .bottom.line{width:716px;}
.slot_middle .content, .slot_middle .left.line, .slot_middle .right.line{height:224px;}


/*Dictonary*/
.dictionary{float:right;margin:85px -160px 0 0;width:159px;}
.dictionary .content, .dictionary .top.line, .dictionary .bottom.line{width:147px;}
.dictionary .content, .dictionary .left.line, .dictionary .right.line{height:88px;}
.dictionary .content div{
	background:url(../images/dictonary_text.jpg) no-repeat;
	width:135px;
	height:30px;
	margin:5px 6px 0 0;
	}
.dictionary .content div input{
	background:none;
	border:0;
	float:right;
	width:120px;
	margin:4px 5px 0 0;
	}
.dictionary .content span{font-size:14px;margin:0 10px 0 0;}
.dictionary .content h3{float:right;margin:10px 2px 0 0;width:60px;cursor:pointer;}
.dictionary .content h3 span:hover{}
.dictionary .content h3 span{font-size:12px;float:right;}
.dictionary .content h3 img{float:right;margin:3px 5px 0 0;border:0;}

#mask {
    position:fixed;
    left:0;
    top:0;
    z-index:1000000;
    background-color:#000;
    display:none;
    }
  
.window {
    position:fixed;
    left:0;
    top:0;    
    display:none;
    z-index:1000001;  
    }  


#writeus iframe
{
	width: 600px;
	height: 450px;	
	border: 0;
	margin: 14px 40px 0 auto;
	overflow: hidden;
	padding: 0;
	background: #848383;
}

/*End of Dictonary*/

.slot_bottom{float:left;margin:15px 0 0 13px;position:relative;z-index:1;width:728px;}
.slot_bottom .content, .slot_bottom .top.line, .slot_bottom .bottom.line{width:716px;}
.slot_bottom .content, .slot_bottom .left.line, .slot_bottom .right.line{height:224px;}

/*Slot top boxes*/
.slot_top_box{float:right;margin:3px 7px 0 5px;width:226px;}

.slot_top_box_pic{float:right;margin:6px 6px 0 0;}
.slot_top_box h2{float:right;width:130px;margin:0 10px 0 0;font-size:14px;font-weight:bold;margin:2px 15px 0 0;}
.slot_top_box h2:hover , p:hover , h3:hover{color:#0092dd;}
.slot_top_box p{float:right;width:130px;height:55px;overflow:hidden;margin:0 15px 0 0;}
.slot_top_box h3{float:right;width:130px;margin:8px 15px 0 0;display:none;}
.slot_top_box img{border:0;}
.slot_top_box h3.img ,h3.span{float:right;}
.slot_top_box .content, .slot_top_box .top.line, .slot_top_box .bottom.line{width:214px;}
.slot_top_box .content, .slot_top_box .left.line, .slot_top_box .right.line{height:74px;}

.slot_top_box a:hover h3{text-decoration: underline;}

/*End of Slot top boxes*/

/*Slot middle boxes*/

.slot_middle_box{float:right;margin:3px 14px 0 12px;width:212px;position:relative;}

.slot_middle_box h2{
	background:url(../images/title.png) no-repeat;
	width:155px;
	height:30px;
	float:right;
	margin:10px -15px 0 0;
	position:relative;
	z-index:2;
	
	}
.slot_middle_box span{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:3px 15px 0 0;
	float:right;
	}

	
.slot_middle_box img{float:right;width:187px;height:70px;margin:5px 6px 0 0;border:0;}
.slot_middle_box ul{float:right;margin:10px 20px 0 0;padding:0;line-height:20px;}
.slot_middle_box li{width:170px;font-size:12px;}
.slot_middle_box a{text-decoration:none;}
.slot_middle_box a:hover{color:#0092dd;}
.more{position:absolute;top:185px;left:15px;}

.slot_middle_box .content, .slot_middle_box .top.line, .slot_middle_box .bottom.line{width:200px;}
.slot_middle_box .content, .slot_middle_box .left.line, .slot_middle_box .right.line{height:200px;}
/*End of Slot middle boxes*/

/*Search*/
#right_search_box{float:right;margin:0 5px 0 0;width:190px;}
#left_search_box{float:right;margin:0 5px 20px 0;width:690px;}
.left_search_box{}
.left_search_box .content, .left_search_box .top.line, .left_search_box .bottom.line{width:678px;}
.left_search_box .content, .left_search_box .left.line, .left_search_box .right.line{min-height:466px;}
#left_search_box h1{font-size:23px;font-weight:bold;color:#0079ac;margin: 0 0 10px 0;width:300px;float:right;}
#content_search{width:650px;margin:0 20px 0 0;} 
#cse-search-results{width:650px;}

.navigation_middle_search{margin:14px 16px 0 0;float:right;width:159px;}

.navigation_middle_search .content, .navigation_middle_search .top.line, .navigation_middle_search .bottom.line{width:147px;}
.navigation_middle_search .content, .navigation_middle_search .left.line, .navigation_middle_search .right.line{height:130px;}
.navigation_middle_search .content div{border-bottom:1px solid #dedede;font-size:14px;height:18px;padding-bottom:5px;padding-top:3px;margin:0 4px 0 0;cursor:pointer;}
.navigation_middle_search .content a{color:#ff8400;}
.navigation_middle_search .content a:hover{background:url(../images/hez.gif) no-repeat left 5px;
padding-left:9px}

#search2 input[type=text]{border:1px solid #7e9db9;width:300px;height:20px;}
#search2 {margin: 10px 0 10px 0;float:right;}
/*End of Search*/

/*404*/
#error_box{background:url(../images/404_box.png) no-repeat;width:661px;height:359px;float:right;margin: -5px 40px 0 0;}
#error_box div{margin: 140px 30px 0 0;font-size:16px;}
#error_box ul{padding-right:20px;}
#error_box li{list-style-image:url(../images/channel/arrow_place.png);margin-bottom:10px;}
#error_box li a{color:#0455b9;text-decoration:none;}
#error_box li a:hover{}
#error_box h2{float:right;font-size:18px;color:#FFF;margin: 86px 28px 0 0;}
/*End of 404*/


#usy{position:absolute;top:370px;left:380px;z-index:2;}

/* 06/02/2014
** BOOKS FLOW **
*/
/*
.sefereshet #greeting
{
	margin:2px 0px 0px 0px;
	padding:0px 17px 0px 0px;
	text-align:right;
}

.sefereshet #greeting li
{
	display:none;
}

.sefereshet #exit_box
{
	margin:0px;
	padding:0px;
}

.sefereshet #logout_button
{
	top: 202px;
	left: 17px;
}

.sefereshet #change_details
{
	top: 210px;
	left: 143px;
}

.galim-sefereshet
{
	width:180px;
	height:130px;
	margin: 5px 17px auto auto;
	background-color:#c6e2ed;
	background-image:url('/images/login/galim_sefereshet_logo.png');
	background-position:57px 3px;
	background-repeat:no-repeat;
	box-shadow:0px 0px 10px 1px #7a99a6 , 1px 1px 0px 0px #ffffff inset;
	border-radius:8px;
	position:relative;
}
*/

.galim-sefereshet
{
	width:187px;
	height:70px;
	margin: 5px 6px auto auto;
	background-color:#c6e2ed;
	position:relative;
}



div.books-flow-frame
{
	width: 120px;
	height: 70px;
	margin: 0px 35px 0px 32px;
	overflow: hidden;
	position: relative;
	float: right;
}

ul.books-flow
{
	width:500px;
	height:72px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	right:0px;
}

ul.books-flow.single-book
{
	position:relative;
	margin:0px auto;
	float:none;
}

ul.books-flow:after
{
	content:"";
	display:block;
	clear:both;
}

ul.books-flow li
{
	width:60px;
	height:70px;
	display:inline-block;
	list-style:none;
	float:right;
}

ul.books-flow  li a
{
	width:55px;
	height:72px;
	margin-left:5px;
}

ul.books-flow  li a img
{
	width:54px;
	height:70px;
	margin:0px 0px 0px 7px;
}

.galim-sefereshet button
{
	width:15px;
	height:70px;
	border: 0;
	margin:0px;
	padding:0px;
	background-color:transparent;
	background-image:url('/images/galim_sefereshet_arrows.png');
	background-repeat:no-repeat;
	cursor:pointer;
	position:absolute;
	top:0px;
}

.galim-sefereshet button.inactive
{
	display:none;
}

.galim-sefereshet button:focus
{
	outline:none;
}

.galim-sefereshet .next-book
{
	background-position:-15px 28px;
	right:10px;
	
}

.galim-sefereshet .previous-book
{
	background-position:-1px 28px;
	left:12px;
}

.goto-sefereshet
{
	width:130px;
	height:65px;
	background-image:url('/images/galim_sefereshet_logo.png');
	display:block;
	position:absolute;
	top:77px;
	right:-7px;
}




.alert button {
width: 20px;
height: 20px;
border-radius:10px;
cursor:pointer;
position:absolute;
top:6px;
left:6px;
}

.alert button:after
{
content: "x";
display: block;
position: absolute;
top: -1px;
left: 4px;
font-weight: bold;
font-size: 13px;
}

.alert p:last-child {
text-align: left;
margin: 15px 0 0 15px;
}
.alert p {
margin: 0px;
}
.alert {
width: 610px;
height: 50px;
padding: 25px 15px 15px 15px;
background-color: #f4f4f4;
position: absolute;
top: 45px;
left: 0px;
display: block;
border-radius: 5px;
border:1px #e56464 solid;
}