html {
	height:100%;
	margin:0;
	overflow-y:scroll;
	padding:0;
	width:100%;
}
body{
	background:#D9D9D9;
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
ol{
	padding-left:20px;
	list-style:decimal;
}
ol li{
	padding:0 0 5px 0;
	line-height:16px;
}
.clearer{
	clear:both;
	line-height:0px;
	font-size:0px;
	border:none;
	margin:0;
	padding:0;
	height:0px;
}
.solution-image{
	display:none;
}
.js-disabled,
.flash-wrong{
	width:980px;
	display:block;
	margin:20px auto;
	padding:10px 0;
	text-align:center;
	font-size:20px;
	color:#FF0000;
	border:1px solid #FF0000;
}


/*----------------------------------------------------------------------------TOP---*/
.container{
	width:980px;
	margin:0 auto;
	background:url(img/bg_container.png) repeat-y left top;
	background-color:#FFFFFF;
	padding:0 22px;
	min-height:100%;
}

/*----------------------------------------------------------------------------TOP---*/
.top-container{
	display:block;
	position:relative;
	margin-bottom:20px;
}
.top-container h3{
	height:31px;
	line-height:31px;
	color:#3d6934;
	font-size:11px;
	font-weight:bold;
	background:#f4f4f4;
	padding:0 0 0 18px;
	border-bottom:1px dotted #ababab;
}
.top-container .language{
	position:absolute;
	right:0;
	top:144px;
	height:22px;
	display:block;
	padding:9px 10px 0 8px;
	border-left:1px dotted #ababab;
	z-index:10;
}


/*----------------------------------------------------------------------------TOP MENU---*/
.top-container .columns-top{
	border-top:1px dotted #ababab;
	border-bottom:1px dotted #ababab;
	background:#F4F4F4;
}
.top-container .columns-top td{
	vertical-align:top;
}
.top-container .columns-top td.c1{
	width:327px;
}
.top-container .columns-top td.c2{
	width:324px;
}
.top-container .columns-top td.c2,
.top-container .columns-top td.c3{
	border-left:1px dotted #ababab;	
}

.top-container .columns-top .menu{
	border-bottom:1px dotted #ababab;
}
.top-container .menu td{
	border-right:1px dotted #ababab;
	text-align:center;
}
.top-container .menu td.last{
	border-right:none;
}
.top-container .menu a{
	height:31px;
	line-height:31px;
	color:#3d6934;
	font-size:11px;
	text-decoration:none;
	padding:0 6px;
	display:block;
/*	background:#f4f4f4;*/
}
.top-container .menu a:hover{
/*	text-decoration:underline; */
	background-color:#E3E3E3;
	color:#375420; 
}
.top-container .no-cover-flow td.c2{
	border-left:1px dotted #ababab;
/*	background:#f4f4f4;*/
}
.top-container .no-cover-flow .menu{
	border-bottom:none;
}

#flashcontent-quiz{
	background:#FFFFFF;
	display:block;
	height:159px;
}

/*----------------------------------------------------------------------------TOP CATEGORIES---*/
.top-container .categories{
	background:#FFFFFF;
}
.top-container .categories li{
	display:block;
	height:19px;
	line-height:18px;
	border-bottom:1px dotted #ababab;
	color:#4e7718;
}
.top-container .categories li.last{
	border-bottom:none;
}
.top-container .categories li ul{
	display:none;
}
/*----------------------------------------------------------------------------TOP CATEGORIES (when JS not enabled) :: begin---*/
.top-container .categories li a{
	height:19px;
	color:#4e7718;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 18px;
	display:block;
	font-family:Arial;
}
.top-container .categories li a:hover,
.top-container .categories li a.active{
	background:#F4F4F4;
/*	text-decoration:underline; */
}
/*----------------------------------------------------------------------------TOP CATEGORIES (when JS not enabled) :: end---*/
.top-container .categories li input{
	float:left;
	clear:left;
	margin-top:4px;
}
.top-container .categories li label{
	font-weight:bold;
	padding:0 0 0 10px;
	cursor:pointer;
}
.top-container .categories li span.counter{
	font-weight:bold;
	padding:0 0 0 6px;
	color:#8c8c8c;
	font-size:11px;
}

/*----------------------------------------------------------------------------TOP KEYWORDS---*/
.top-container .keywords{
	padding:7px 15px 8px 15px;
	font-size:11px;
	color:#848484;
	background:#FFFFFF;
	height:144px;
}
.top-container .keywords li{
	display:inline;
	padding:0 4px 0 0;
	line-height:17px;
}
.top-container .keywords li.hidden{
	display:none;
}
.top-container .keywords li a{
	color:#517a1d;
	text-decoration:none;
	font-family:Arial;
}
.top-container .keywords li a:hover{
	text-decoration:underline;
}
.top-container .keywords li.active a{
	background-color:#517a1d;
	color:#FFFFFF;
}
.top-container .keywords li.active a:hover{
	text-decoration:none;
}
.top-container .columns-top td.c3{
	position:relative;
	display:block;
	height:191px;
	overflow:hidden;
	z-index:5;
}
.top-container .columns-top td.c3 a.all{
	color:#517a1d;
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	right:15px;
	top:168px;
	display:none;
	text-align:right;
	font-family:Arial;
}


/*----------------------------------------------------------------------------MENU---*/
ul.menu{
	border-top:1px dotted #AAAAAA;
}
ul.menu li{
	border-bottom:1px dotted #AAAAAA;
	font-size:14px;
	line-height:24px;
	float:left;
}
ul.menu li.clearer{
	height:30px;
}
ul.menu li a{
	color:#000000;
	text-decoration:none;
	background:url(img/arrow_down.gif) no-repeat 6px 10px;
	display:block;
	width:226px;
	line-height:29px;
	height:29px;
	font-size:11px;
}
ul.menu li a:hover{
	color:#AAAAAA;
	text-decoration:underline;
}
ul.menu li.col0 a{
	padding-right:55px;
	text-align:right;
	width:191px;
}
ul.menu li.col1 a{
	padding-left:55px;
}
ul.menu li.active a{
	background-image:url(img/arrow_up.gif);
}

/*----------------------------------------------------------------------------CONTENT---*/
.content{
	padding:18px 56px;
}
.content .csc-header{
	margin:10px -56px 30px -56px;
	padding:0 56px;
	border-bottom:1px dotted #000000;
}
.content p{
	padding:0 0 17px 0;
	line-height:18px;
}
.content h1{
	font-size:24px;
	color:#214D24;
	font-weight:normal;
	line-height:18px;
	padding:0 0 18px 0;
	display:none;
}
.content .h1-image{
	padding:0 0 10px 0;
}
.content ul{
	padding:0 0 21px 20px;
}
.content a{
	text-decoration:none;
	color: #046b7f;
}
.content a:hover{
	text-decoration:underline;
	color:#0000ff;
}
.csc-textpic-image a img{
	padding:4px;
	border:1px solid #DBDBDB;
	display:block;
}

/* _____________________________________________________________________________ FRAME WINDOW */
.frame-window{
	position:absolute;
	width:600px;
	overflow:hidden;
	top:200px;
	left:50%;
	margin-left:-300px;
	border:none;
}
.frame-window iframe{
	width:100%;
	height:420px;
	border:none;
	background:#FFFFFF;
}
.frame-window .frame-container{
	border:1px solid #2C2C2C;
	position:relative;
	height:100%;

}
.frame-window a.close{
	background:url(img/tip_a_friend_close.png) no-repeat 5px 10px;
	width:28px; 
	height:28px;

	padding:0px;
	position:absolute;
	right:1px;
	top:1px;
	overflow:hidden;
}

/*----------------------------------------------------------------------------WIDGET CODE---*/
.widget-code h3{
	font-size:12px;
	margin-bottom:3px;
}
.widget-code .left{
	width:550px;
	float:left;
}
.widget-code .right{
	margin-left:560px;
}
.widget-code .right .language{
	margin-bottom:25px;
	line-height:18px;
	height:18px;
}
.widget-code .right .language h3{
	float:left;
}
.widget-code .right .language input{
	margin:4px 5px 0 25px;
	float:left;
}
.widget-code .right .language label{
	float:left;
	cursor:pointer;
}
.widget-code .right .html-code{
	margin-bottom:25px;	
}
.widget-code .right .html-code textarea{
	width:290px;
	height:150px;
	border:1px solid #C7C7C7;
	font-size:11px;
	display:block;
	color:#8C8C8C;
}
.widget-code .right .preview{
	margin-bottom:25px;
}