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



* Copyright (c) 2008-2011 ZooTemplate. All Rights Reserved.



* Author: ZooTemplate



* Websites:  http://www.zootemplate.com



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







/* COMMON STYLE



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



html, body, form {



	margin: 0;



	padding: 0;



}



body {



	background: #FFFFFF;



	font-family: Arial, Tahoma, Helvetica, sans-serif;



	font-size: 100%;



	line-height: 18px;



}



body.contentpane {



	color: #000000;



	background: #FFFFFF;



	font-size: 100%;



	line-height: 1.3em;



	margin: 0;



	margin: 1em 2em;



	width: auto; /* Printable Page */



}



.contentpane .button {



	display: inline;



	height: 25px;



	padding: 0 10px;



}







/* Small text */



small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan {



	font-size: 92%;



}



img.personal 



{



	margin-right: 15px;



	float: leFt;



	background: #e9e9e9;



	padding: 3px;



	overflow: hidden;



}



img{



	border:0;



}



a.img_hover img 



{



	margin-right: 15px;



	float: leFt;



	background: #e9e9e9;



	padding: 3px;



	overflow: hidden;



}



a.img_hover:hover img 



{



	padding: 3px;



	background: #a7a7a7;







}



img.browseProductImage {



	border: 1px solid #e9e9e9;



	padding: 3px;



}



a {



	outline: none;



	color: #004fad;



	text-decoration: none;



}



a:hover,



a:active,



a:focus {



	text-decoration: underline;



	background: none;



}



.shadow img {



	padding: 1px;



	border: 1px solid #CCCCCC;	



}







.shadow {



	float: left;



	margin-right: 10px;



	padding-bottom: 3px;



}



.captionmenu{



	padding:4px;



	background:#5a9414;



	border-left:1px solid #487311;



	border-top:1px solid #487311;



	border-right:1px solid #89c51e;



	border-bottom:1px solid #89c51e;



	margin:10px 0;



}



/* Heading */



h1 {font-size: 220%;}



h2 {



    font-size: 200%;



}



h3 {



    font-size: 180%;



    color: #3e3e3e;



}



h4 {



    font-size: 150%; 



    color: #3e3e3e;



}







p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {



	margin: 1em 0;



	padding: 0;



	



}



ul {



	list-style: none;



}



ul.item-title,span a {







	font-weight: bold;	



}



.tool-tip {



	background: #f3f3f3;



	border: 1px solid #b9b9b9;



	padding: 10px;



	border-radius: 5px;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



}



ul li {



	padding: 0 0 0 20px;



	background: url(../images/bullet.png) no-repeat 0px 5px;



}







ul#mainlevel,



ul.menu{



	padding:0;



	margin:0;



}



ul#mainlevel li,



ul.menu li {



	background: url(../images/bullet.png) no-repeat 0px 8px;



	line-height: 30px;



	padding-left:20px;



} 



ul#mainlevel li.active,



ul#mainlevel li:hover,



ul.menu li.active,



ul.menu li:hover{



	text-decoration:none;



	background: url(../images/bullet_hover.png) no-repeat 0px 8px;



} 







ul#mainlevel li.active a,



ul#mainlevel li a:hover,



ul.menu li.active a,



ul.menu li a:hover{



	color:#e8222a;



}























ul.menu li ul{



	margin:0;



}



ul.menu li ul .parent{



	border:0;



}







ol li {



	margin-left: 21px;



}



th {



	font-weight: bold;



	padding: 8px;



	text-align: left;



}







fieldset {



	border: none;



	padding: 10px 0px;



}



fieldset a {



	font-weight: bold;



}



fieldset.input {



	padding: 0;



	background: none;



}



legend {



	font-weight: bold;



}







td, th, div {



	font-size: 100%;



}







/* FORM



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



form {



	margin: 0;



	padding: 0;



}







input, select, textarea, .inputbox{



	font-family: Arial, Helvetica, sans-serif;



	font-size: 100%;



	border: 1px solid #d4d4d4;



        border-radius: 3px;



	color:#1f0e0c;



}







/*Input Button*/



.inputbox {



	height:27px;



	line-height:27px;



	padding: 0 5px;



	width:185px;



	color:#a0a0a0;



	background:#f6f6f6;



	border: solid 1px #e0e0e0;



}







/*button*/



.button{



	height:28px;       



	line-height:20px;



	padding:0px 10px;



	color:#ffffff;



	cursor:pointer;



	border:0;



	font-weight:bold;



	border:1px solid #387fd2;



	background:url('../images/bkg-button.png') repeat-x 0 0;



}











.button span{



	padding: 0 20px  0 0;



	background:url('../images/bkg-arrow-button.png') no-repeat right 50%;



}











.button:hover{



	color:#ffffff;



	cursor:pointer;



	background:url('../images/bkg-button.png') repeat-x left -28px;



	border:1px solid #959697;



}   



.button:hover span{



	background:url('../images/bkg-arrow-button-hover.png') no-repeat right 50%;



}      















/*read more*/



a.readon{



	height:27px;



	line-height:27px;



	padding:0px 10px;



	color:#ffffff;



	cursor:pointer;



	border:0;



	float:left;



	font-weight:bold;



	border:1px solid #387fd2;



	background:url('../images/bkg-button.png') top left repeat-x;



}



a.readon span{



	height:28px;



	line-height:28px;



	padding: 0 20px  0 0;



	color:#ffffff;



	background:url('../images/bkg-arrow-button.png') no-repeat right 50%;



}



a.readon:hover{



	color:#ffffff;



	cursor:pointer;



	text-decoration:none;



	background:url('../images/bkg-button.png') repeat-x left -28px;



	border:1px solid #959697;



}



a.readon:hover span {



	text-decoration:none;



	background:url('../images/bkg-arrow-button-hover.png') no-repeat right 50%;



}











.not-show{



	display:none;



}



































/* JOOMLA STYLE*/



/* Article Layout */



.leading {



	width: 100%;



	padding-bottom: 10px;



	



}



.leading_separator {



	display: block;



	margin: 1px 0;



	height: 2px;



	overflow: hidden;



	width: 100%;



}



.article_column {



	float: left;



	margin: 0 !important;



	padding: 0 !important;



	overflow: hidden;



}



.article_separator {



	clear: both;



	margin: 0;



	display: none;



}



.row_separator {



	display: block;



	clear: both;



	height: 2px;



}



.article_row {



	margin-bottom: 0px;



	width: 100%;



	float: left;



	



	



}



.column1.cols1 {



	float: none;



}



.column2.cols2 {



	



}



.column3.cols3 {



	float: right;



}



.column4.cols4 {



	float: right;



}



.column5.cols5 {



	float: right;



}



.column1.cols2 .article_column_pad,



.column1.cols3 .article_column_pad,



.column2.cols3 .article_column_pad,



.column1.cols4 .article_column_pad,



.column2.cols4 .article_column_pad,



.column3.cols4 .article_column_pad,



.column1.cols5 .article_column_pad,



.column2.cols5 .article_column_pad,



.column3.cols5 .article_column_pad,



.column4.cols5 .article_column_pad {



}



.article_column_pad {



	



	padding: 10px ;



	overflow: hidden;



}



p.iteminfo {



	line-height: 1em;



	margin: 0;



	



}



.article_row p.iteminfo {



	line-height: 1em;



	margin: 0 -10px 5px;



	padding: 10px;



}



.articleinfo {



	margin: 0.5em 0;



}



/* Category Table layout */



.filter {



	float: left;



	margin: 0;



	padding: 0;



}



.display {



	float: right;



	margin: 10px 0 0;



	text-align: right;



}



/**/



table.category,



table.weblinks,



table.newsfeeds {



	border: 1px solid #383838;



	width: 100%;



	clear:both;



	font-size:1em;



	margin:20px 0;



}



table.category {



	border: 1px solid #cfcfcf;



	width: auto;



	margin:10px 0;



}



table.category td {



	padding: 4px 4px !important;



	background: #f4f6f1;



}



table.category td.last {



	padding: 0px 4px 0px 0px !important;



}



table.newsfeeds th, table.weblinks th, table.category th {



	color: #444;



	background: #dedede;



	padding: 8px 5px 8px 5px;



}



table.newsfeeds td, table.weblinks td, table.category td {



	padding:5px;



}



/* content tables */



.sectiontableheader {



	padding: 4px 8px;



	font-weight: bold;



}



.sectiontableheader a,



.sectiontableheader a:hover,



.sectiontableheader a:active,



.sectiontableheader a:focus {



	color: #444;



}



tr.sectiontableentry0 td,



tr.sectiontableentry1 td,



tr.sectiontableentry2 td {



	padding: 8px;



}



tr.sectiontableentry2 td {



	background: #efefef;



}



td.sectiontableentry0,



td.sectiontableentry1,



td.sectiontableentry2 {



	padding: 4px;



}



table.contentpane {



	border: none;



	background:none;



	border:0px solid #383838;



	width: 100%;



}



table.contentpaneopen {



	border: none;



	border-collapse: collapse;



	border-spacing: 0;



}



table.contenttoc {



	margin: 0 0 10px 10px;



	padding: 0;



	width: 30%;



	float: right;



}



table.contenttoc td {



	background: url(../images/bullet-list.gif) no-repeat 5px 8px;



	padding: 1px 5px 1px 15px;



}



table.contenttoc th {



	border-bottom: 1px solid #CCCCCC;



	padding: 0 0 3px;



	text-indent: 5px;



}



table.poll {



	border-collapse: collapse;



	padding: 0;



	width: 100%;



}



table.pollstableborder {



	border: none;



	padding: 0;



	text-align: left;



	width: 100%;



}



table.pollstableborder img {



	vertical-align: baseline;



}







table.pollstableborder td {



	border-collapse: collapse;



	border-spacing: 0;



	padding: 4px !important;



	background: none;



}



table.pollstableborder tr.sectiontableentry1 td {



	background: #EEEEEE;



}







table.searchintro {



	padding: 10px 0;



	width: 100%;



}



table.searchintro td {



	padding: 5px!important;



}



.blog_more {



	margin: 0;



	padding: 10px 0 0;



}



.blog_more strong {



	display: block;



	margin: 0 0 5px;



	text-transform: uppercase;



}



.blog_more ul {



	margin: 0;



	padding: 0;



}



.blog_more ul li {



	margin: 0;



	padding: 0 0 0 21px;



}



.category {



	font-weight: normal;



}







.contentdescription {



	/*padding-bottom: 30px;*/



}



table.blog .contentheading {



	font-size: 1.4em;



}



td.contentheading {



	line-height: 28px;



}



a.contentpagetitle,



a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	color:#1C839C;



}















table.contentpaneopen td, table.contentpane td {



	padding-left:15px; 



}



table.contentpaneopen, table.contentpane, table.blog {



	width: 100%;



}







ul.pagination {



	color: #3B5468;



	overflow: hidden;



	clear: both;



	margin: 10px auto;



	padding: 10px 0;



	text-align: center;



	list-style: none;



}



ul.pagination li {



	margin: 10px 2px;



	padding: 0;



	/*float: left;*/



	display: inline;



	



	



}



ul.pagination li span {



	display: inline-block;



	background: #eaeaea;



	color: #323232;



	



}



ul.pagination li span span {



	padding: 2px 10px 2px 10px;



	display: inline-block;



	border: 1px solid #b3b2b2;



	



}



ul.pagination a {



	padding: 0;



	text-decoration: none;



	color: #fff;



	font-weight: bold;



}



ul.pagination a:hover span span,



ul.pagination a:active span span,



ul.pagination a:focus span span {



	color: #000;



	background: #f5f5f5; 



	border: 1px solid #959595;



}



.counter {



	text-align: center;



	margin: 0.5em auto;



	width: 107px;



	background: #cacaca;



	color: #323232;



	border:1px solid #b3b2b2;



}



.pagenavbar {



	background: url(../images/icon-pages.gif) no-repeat center left;



	font-weight: bold;



	padding-left: 14px;



}



.pagenavcounter {



	background: url(../images/icon-pages.gif) no-repeat 0 11px;



	font-weight: bold;



	padding: 8px 14px 0 14px;



}



.smalldark {



	text-align: left;



}



div.syndicate div {



	text-align: center;



}



/* META



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



.article-toolswrap {



	display: block;



	margin: 0 0 10px;



	padding: 0;



	position: relative;



}



.article-tools {



	display: block;



	padding: 0 10px 0 0;



}



.article-meta {



	width: 70%;



	float: left;



	color: #3B5468;



}



.createdby {



	font-size: 0.9em;



}







.createdate {



	font-size: 0.9em;



}



.modifydate {



	width: 100%;



	margin: 0 5px 0px 0;



}



.article-section {



	padding-left: 6px;



	margin-left: 5px;



}







.article-section a {



	color: #3B5468;



}



.article-category a {



	color: #3B5468;



}



.buttonheading img {



	margin: 3px 0 0 3px !important;



	padding: 0 !important;



	border: 0 !important;



	float: right;



	background: none !important;



}



p.buttonheading {



	text-align:right;



	margin: 0;



}







p.buttonheading a:hover {



	background:none !important;



	color:#000 !important;



}



p.buttonheading a:active,p.buttonheading a:focus {



	color:#000;



}



ul.latestnews,



ul.mostread {



	padding-left: 0; 



}



ul.latestnews li,



ul.mostread li {



	margin: 0;



	padding: 1px 0 1px 10px;



	border-bottom: none;



}



.inputboxquantity {



	border:1px solid #DEDEDE;



	margin:-4px 0 0;



	padding:3px;



}



hr {



	background: #e8e8e8;



	border: 0px;



	border-bottom: 1px solid #e8e8e8;



}



.sectiontableheader {



	background: #f4f4f4;



}



h3.zt-category-h3 {



	height: 35px;



	float: left;



}



.register_form {



}



.register_form div {



	margin: 0 0 5px 0;



	clear: both;



	overflow: hidden;



}



.register_form label {



	width: 200px;



	float: left;



}



.register_form .inputbox {



}











/*system-message*/



#system-message {



    margin-bottom: 10px;



    padding: 0;



}







#system-message dt.error {



  display: none;



}



#system-message dd.message {



  



}



#system-message dd.error ul {



  background-color: #E6C0C0;



  border:3px solid #DE7A7B;



  color: red;



}



#system-message dd.error ul li{



	background:0;



	padding:0;



}



#system-message dd {



  font-weight: bold;



  margin: 0;



  text-indent: 30px;



}











#system-message dd ul {



  color: #0055BB;



  list-style: none outside none;



  margin-bottom: 10px;



  padding: 10px;



   background-color: #E6C0C0;



  border:3px solid #DE7A7B;



}



#system-message dd ul li{



	padding:0px;



}



/*Component Heading*/



h1.componentheading,



.componentheading {



	margin:0 0 10px 0;



	padding:0;



	color:#2a2a2a;



	font-size:180%;



}



h2.contentheading,



.contentheading {



	margin:0 0 10px 0;



	padding:0;



	color: #3e3e3e;



	font-size:180%;



}



h1.componentheading a,



.componentheading a{



	color:#2a2a2a;



	text-decoration:none;



}



h2.contentheading a,



.contentheading a{



	color:#2a2a2a;



	text-decoration:none;	



}











/*caption*/
img.caption {
	float: left;
	border: solid 1px #d2d2d2;
	padding:4px;
	margin: 0 10px 0px 0;
}
img.caption2{
	float: left;
	border: solid 1px #d2d2d2;
	padding:4px;
}
img.caption3{
	float: left;
	border: solid 1px #d2d2d2;
	padding:4px;
	margin:0 10px 10px 0;
}
.caption1 {
	float: left;
	margin: 0 10px 0px 0;
}
img.img_caption  {
	margin-right: 20px;
	float: left;
	border: 3px solid #c1c1c1;
}
div.img_caption {
	float: left;
	margin: 0 5px 0 5px;
}
.img_caption p {
	background: url(../images/shadow-bg.gif) no-repeat right top;
	padding-top: 5px;
	margin-top: 0px;
}
.tool-tip {
	background: url("../images/zt-jorda-bg-inputbox.png") repeat-x scroll left bottom #E6E6E6;
	color: #1F0E0C;
}
/*mycorrects*/

p.gray {
       color: gray;
       font-size: 12px;
}
.item-page {
    margin-top: 0;
}
/**

 * Style for pred_yrokov

 */

#jc h4, .extranews_box h4 {
    font-size: 14px;
    color: gray;
 }
 .sch {
   margin-top: 0;
 }

.nextlessons p {
    margin-top: 0;
}
#dredurok {
    float: left; width: 47%;
}
#sledurok {
    margin-left: 50%;
}
.zagl {
    color: gray; 
    font-size: 12px;
    margin: 0; 
    text-align: center;
}