@import url("bottom_ruler.css");





.stock_title
{
	width: 756px;
	height: 46px;
	margin: 0 4px 15px 0;
	background: url(../images/stock_title.png) ;
}

#stock_player
{
	width: 610px;
	height: 251px;
	float: right;
	margin: 8px 100px 0 0;
	background: url(../images/stock_player_bg.png) no-repeat;
	overflow: hidden;
	position: relative;
}

#stock_player #mask
{
	width: 580px;
	height: 220px;
	background: #ffffff;
	position: absolute;
	top:0;
	left:0;
}

.stock_player_movie
{
	float: right;
	width: 580px;
	height: 220px;
	overflow: hidden;
	margin: 0 30px 0 0;
	display: none;
	cursor: hand;
	cursor: pointer;
}

.stock_player_movie .image
{
	width: 390px;
	height: 220px;
	float: left;
	overflow: hidden;
	text-align: left;
}


.stock_player_movie .title
{
	width: 180px;
	height: 18px;
	overflow: hidden;
	float: right;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 15px 0;
}



.stock_player_movie .text
{
	width: 180px;
	height: 143px;
	overflow:hidden;
	float: right;	
	margin: 0 0 4px 0;
	color: #000;
	cursor: hand;
	cursor: pointer;
}

.stock_player_movie .text:hover
{
	text-decoration: none;
}

.stock_player_movie .link
{
	width: auto;
	height: auto;
	float: right;	
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	background: url(../images/orange_arrow_left.png) no-repeat left center;
	cursor: hand;
	cursor: pointer;
}

#player_controls
{
	width: 100%;
	height: 22px;
	float: right;
	display: none;
	text-align: center;
	padding: 3px 0 0 0;
}

#player_controls #play_pause
{
	float: left;
	width: 27px;
	height: 25px;
	background: url(../images/stock_player_play_pause.png) no-repeat   left bottom;
	margin: -1px -27px 0 10px;
	cursor: hand;
	cursor: pointer;
}


#player_controls #play_pause.play
{
	background-position:  left top;
}

#player_controls span
{
	width: 17px;
	height: 19px;
	background:  url(../images/stock_player_butt_on_off.png) no-repeat   center top;
	line-height: 19px;
	text-align: center;
	font-size: 11px;
	padding: 2px 9px;
	margin: 0 0 0;
	color: #000;
	cursor: hand;
	cursor: pointer;
}

#player_controls span:hover
{
color: #ef5f00;
font-weight: bold;
}

#player_controls span.current
{
	background-position: center bottom;
	color: #ffffff;
	
}

.stock_quadrex , .stock_triplex
{
	
	float: right;
	background: url(../images/stock_boxes_bg.png) no-repeat;
}

.stock_quadrex.blue
{
	width: 600px;
	height: 190px;
	background-position: left top;
	margin: 10px 100px 0 0;
	padding: 48px 6px 0 0;
	
}

.stock_quadrex.green
{
	width: 600px;
	height: 190px;
	background-position: left -279px;
	margin: 40px 100px 0 0;
	padding: 16px 6px 0 0;
}

.stock_quadrex.lightblue
{
	width: 600px;
	height: 190px;
	background-position: left -527px;
	margin: 40px 24px 0 0;
	padding: 16px 82px 0 0;
	
}

.stock_quadrex .box
{
	float: right;
	width: 130px;
	margin: 0 10px 0 9px;
	
	
}

.stock_quadrex .title
{
	font-size: 18px;
	line-height: 16px;
	color: #ffffff;
	height: 38px;
	float: right;
	width: 100%;
	overflow: hidden;
}

.stock_quadrex .image
{

	height: 60px;
	float: right;
	width: 94px;
	margin: 0 4px 0 0;
	overflow: hidden;
}

.stock_quadrex .text
{

	height: 36px;
	float: right;
	width: 130px;
	margin: 8px 2px 0 0;
	overflow: hidden;
	cursor: Hand;
	cursor: pointer;
	letter-spacing: 0;

}

.stock_quadrex .text div
{

	max-height: 36px;
	float: right;
	width: 115px;
	padding-left: 15px;
	padding-bottom: -2px;

	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0;
	background: url(../images/white_arrow_left.png) no-repeat left bottom ;
}

.stock_quadrex .link
{	
	float: right;
	width: 100%;
	margin: 8px 2px 0 0;
	
	color: #ffffff;
	font-size: 12px;
	cursor: Hand;
	cursor: pointer;
	letter-spacing: 0;
	text-decoration: underline;
}



.stock_triplex
{
	width: 647px;
	height: 208px;
	background-position: left -792px;
	margin: 50px 34px 0 0;
	padding: 0 25px 0 0;
}

.stock_triplex .box
{
	float: right;
	width: 151px;
	margin: 6px 59px 0 0;
}

.stock_triplex .title
{
	font-size: 23px;
	font-weight:bold;
	color: #ffffff;
	height: 25px;
	float: right;
	width: 100%;
	overflow: hidden;
}

.stock_triplex .image
{

	height: 45px;
	float: right;
	width: 48px;
	margin: 13px 6px 10px 0;
	overflow: hidden;
	clear: both;
	text-align: left;
	
}

.stock_triplex .text
{

	height: 47px;
	float: right;
	width: 93px;
	margin: 12px 4px 11px 0;
	overflow: hidden;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	cursor: Hand;
	cursor: pointer;
	letter-spacing: 0;
	background: url(../images/orange_arrow_left.png) no-repeat left center ;
}

.stock_triplex .text table
{
	margin: 0; 
	padding: 0;
	width: 70px;
	height: 100%;
	border-collapse: collapse;
}

.stock_triplex .text table td
{
	vertical-align: middle;
	width: 70px;
	height: 100%;
}

.stock_triplex .link
{	
	float: left;
	width: 150px;
	margin: 0 0 0 2px;
	
	color: #000000;
	font-size: 12px;
	cursor: Hand;
	cursor: pointer;
	letter-spacing: 0;
	text-decoration: underline;
	text-align: left;
}



.review_title
{
	display: none;
}

#catalog_sort
{
	float: right;
	width: 576px;
	height: 48px;
	margin: 15px 100px 0 0;
	border-bottom: 6px solid #a5d200;
}
#catalog_sort a{color:#000;}


#catalog_sort *
{
	background: #ffffff;
	font-size:12px;
	letter-spacing: 0;
	text-align: center;	
}

#catalog_sort label
{
	float: right;
	width: 50px;
	height: 40px;
	color: #ef5f00;
	padding: 8px 0 0 0;
	font-weight: bold;
	
}

#catalog_sort  div
{
	float: right;
	width: 52px;
	height: 48px;
	
	padding: 0 0 0 0;
}

#catalog_sort  div.current
{
	background: #fff url(../images/catalog_sort_current_bg.png) no-repeat center 0;
	width: 55px;
}

#catalog_sort div div
{
	width: 52px;
	height: 18px;
	padding: 28px 0 0 0;
	margin:auto;
	background: #ffffff url(../images/stock_items_icons_on_off.png) no-repeat;
	float: none;
	cursor: hand;
	cursor: pointer;
}

#catalog_sort div.all div{	background-position: -292px bottom;}
#catalog_sort div.articles div{	background-position: -242px bottom;}
#catalog_sort div.images div{	background-position: -192px bottom;}
#catalog_sort div.movies div{	background-position: -141px bottom;}
#catalog_sort div.acts div{	background-position: -87px bottom;}
#catalog_sort div.games div{	background-position: -36px bottom;}
#catalog_sort div.links div{	background-position: 14px bottom;}

#catalog_sort div.all.current div{	background-position: -292px top;}
#catalog_sort div.articles.current div{	background-position: -242px top;}
#catalog_sort div.images.current div{	background-position: -192px top;}
#catalog_sort div.movies.current div{	background-position: -141px top;}
#catalog_sort div.acts.current div{	background-position: -87px top;}
#catalog_sort div.games.current div{	background-position: -36px top;}
#catalog_sort div.links.current div{	background-position: 14px top;}

#catalog_sort div.fade div
{
	color: #999999;
	cursor: default;
}

#catalog_sort  div.current div 
{
	background-color: transparent ;
	color: #ffffff;
	font-weight: bold;
	background-position: top;
}

#catalog_sort  div div:hover
{
	text-decoration: underline;
}

#catalog_sort div.fade div:hover
{
	text-decoration: none;
}

.label
{
	float: right;
	margin: 4px 30px 22px 0;
	width:  578px;
}

.catalog
{
	float: right;
	width: 608px;
	margin: 20px 72px 0 0;
	min-height: 450px;
}

.catalog .box
{
	width: 276px;
	height: 137px;
	float: right;
	margin: 0 28px 18px 0;
	background: #ffffff url(../images/catalog_box_bg.png) no-repeat;
	cursor: hand;
	cursor: pointer;
}

.catalog .box *
{
cursor: hand;
	cursor: pointer;
	overflow: hidden;
}

.catalog .box .title
{
	float: right;
	width: 250px;
	height: 34px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 20px 0 0;
}

.catalog .box .image
{
	float: right;
	width: 94px;
	height: 60px;	
	margin: 0 20px 0 0;
}

.catalog .box .text
{
	float: right;
	width: 140px;
	height: 60px;	
	font-size: 12px;
	color: #000000;
	margin: 0 8px 0 0;
}

.catalog .box a:hover , .catalog .box a .text:hover 
{
	text-decoration: none;

}

.catalog .box .icon
{
	clear: both;
	float: right;
	width: 38px;
	height: 38px;	
	margin: 6px 22px 0 0;
	background: url(../images/stock_items_icons_big.png) no-repeat;
}

.catalog.all .box .icon
{
	background-position: -396px 0;
}



.catalog .box .link
{
	float: left;
	width: 120px;
	height: 20px;	
	font-size: 12px;
	color: #000000;
	margin: 21px 0 0 20px;
	font-weight: bold;
	text-align: left;
	padding-left: 18px;
	background: url(../images/orange_arrow_left.png) no-repeat left center;
}

#bottom_pages a.word
{
	letter-spacing:0;
	font-size: 13px;

}

#bottom_pages a.word.fw
{
	background-image: url(../images/fw.png);
	background-color: transparent;
}

#bottom_pages a.word.back
{
	background-image: url(../images/back.png);
	background-color: transparent;
}

.plant
{

clear: both;
float: right;
margin: 40px 110px 0 ;
}





/* *********************************** CONCEPTS STYLE ************************************************ */

.channel_articles_title
{
	margin-right: 4px;
}

.title_concept
{
	background:  url(../../../sababa/images/concepts_title.png) no-repeat right 0 #ef5f00;
	height: 44px;
}

.concept_subtitle
{
display: none;

	float: right;
	width: 460px;

	text-align: left;
	font-size: 16px;
	color: #88ce01;
	font-weight: bold;
	margin: 0 0 0 0;
}

#concepts_right_column
{
	margin: 40px 0 0 0;
clear: both;
	width: 198px;
	float: right;
}

#concepts_right_title
{
font-size: 18px;
	font-weight: bold;
	float: right;
}

#concepts_sorting_bar
{
	clear: both;
	margin: 10px 0 10px 0;
	float: right;

	width: 198px;
}

#concepts_sorting_bar span 
{
	color: #ef5f00;
	float: right;
	font-weight: bold;
	margin: 0 0 0 6px;
	font-size: 12px;
	padding: 2px 0 2px 0;
	height: 20px;
	
}



#letters_list
{
	width: 22px;
	float: right;
	margin: 0 0 0 0 ;
	
}

#letters_list div
{
	float: right;
	height: 18px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 7px 0;
	line-height: 18px;
	font-size: 18px;
}

.passiveLetter
{
	width: 18px;
		background: #c7e55a;

}

.activeLetter
{
	width: 18px;
	padding-left: 9px;
		background: #02b4f6;
		margin-left: -12px;
		z-index: 2;
		color: #ffffff;
}

.passiveLetterRollOver
{
	width: 18px;

		background: #88ce01;
		cursor: hand;
	cursor: pointer;
}

#concepts_list_top
{
	float: left;
	width: 177px;
	height: 10px;
		background: url(../../../kidsnews/images/concepts_list_top.png) no-repeat left center;
}

#concepts_list_bottom
{
	float: left;
	width: 178px;
	height: 19px;
		background: url(../../../kidsnews/images/concepts_list_bottom.png) no-repeat left center;
}

#concepts_list
{
	width: 176px;
	float: left;
	background: url(../../../kidsnews/images/concepts_list_pas.png) repeat-y left;
	/*min-height: 500px;*/
		z-index: 1;
		
}

#concepts_content
{
width: 176px;
float: left;
overflow: hidden;
}

#concepts_list #arrow_up
{
	clear: both;
	float: right;
	margin: 0 20px 4px 0;
	cursor: hand;
	cursor: pointer;
	display: none;
}

#concepts_list #arrow_down
{
	clear: both;
	float: right;
	margin: 4px 20px 0 0;
	cursor: hand;
	cursor: pointer;
	display: none;
}

.concept
{
/*	visibility: hidden;*/
}

.concept , #zero
{
	clear: both;
	width: 142px;
	margin: 10px 20px 10px 0;
}

.concept .title a , .concept .title
{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
}

.concept .title:hover, .concept .title:active
{
	color: #02b4f6;
	text-decoration: none;
}

#concept_window
{
	margin: 62px 10px 0 -20px;
	float: right;
	width: 390px;
	padding:0 20px 0 20px;
	background: url(../../../kidsnews/images/concept_text_pas.png) repeat-y left;
	font-size: 16px;
}

.concept_window_top
{
	float: right;
	width: 430px;
	margin: 0 -20px 0 0;
	height: 15px;
	background: url(../../../kidsnews/images/concept_text_top.png) no-repeat left;
}

.concept_window_bottom
{
	float: right;
	width: 430px;
	height: 30px;
	background: url(../../../kidsnews/images/concept_text_bottom.png) no-repeat left;
	margin: 0 -20px 0 0;
}

#concept_window .text .image
{
	float: left;
/*	width: 182px;
	height: 142px;*/
	text-align: center;
	line-height: 142px;
/*	background: #c5c6c1;*/
	
	margin: 0 10px 0 0; /*  -23px */
}

#concept_window .title
{
	font-weight: bold;
	padding: 5px 0 10px 0;
	font-size: 24px;
}

#concept_window .text
{
	font-size: 14px;
	overflow: auto;
}

#concept_window .text .image img
{
border: 10px #c5c6c1 solid;
	margin: 0 0 0 0;
}

#concept_window .text a , #concept_window .text a strong
{
color: #88ce01;
font-weight: normal;
}

#concept_window .text p
{
	margin: 0 0 10px 0;
}

#concepts_sorting_bar .combo
{
	cursor: hand;
	cursor: pointer;
	width: 136px;
	font-size: 12px;
	padding: 2px;
	float: right;
	border: 1px solid #cdcdcd;
	
	background: url(../../../kidsnews/images/arrow_down.png) no-repeat 4px center;
}

#concepts_sorting_bar  a
{	
	color: #000000;	
}

.combo_list
{
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 140px;
	border: 1px solid #cdcdcd;
	border-bottom: none;
	background: #ffffff;
	z-index: 999999;
}

.combo_list a 
{
	margin:0;
	text-decoration: none;
}

.combo_list a div
{
	clear: both;
	width: 136px;
	
	font-size: 12px;
	padding: 2px;
	border-bottom: 1px solid #cdcdcd;
}

.combo_list a div:link {text-decoration: none}
.combo_list a div:visited {text-decoration: none}
.combo_list a div:active {text-decoration: none}
.combo_list a div:hover {text-decoration: none; background: #e9f5f8 url(../../../kidsnews/images/arrow_orange.png) no-repeat 5px center;}

#left_column
{

	float: right;
	width: 626px;
	padding:0 0 5px 0;
	
	margin: 0px 114px 0px 0px;
	height: auto;
	
	
	/*margin: 74px 0 0 20px;*/
}


/* *********************************** END OF CONCEPTS STYLE ************************************************ */