* {padding: 0; margin: 0;}
html, body {height:100%;}
body {color: #000; font: normal 18px Tahoma, Helvetica, sans-serif; max-width: 1600px; line-height: 1.3;min-width: 990px;background: url(img/simp_bg3.gif) repeat-y center bottom;}

ul {list-style: none;}
a { color: #444;}
b {}
p {margin: 4px 0;}
.clear {clear: both;}
.fleft {float:left;}
.fright {float: right;}
.hide { display:none;}
.tc {text-align: center;}

img {border: 0;}

#container, #footer {/*margin: 0 auto;*/}
#container {width:100%;min-height:100%;position:relative;background: url(img/body_bg5.gif) no-repeat center bottom;}
.green_bg #container {background: #a2dc57 url(img/green_cont_bg2.gif) repeat-x fixed left bottom !important;}
.gray_bg #container {background: #b0b5aa url(img/gray_cont_bg2.gif) repeat-x fixed left bottom !important;}

* html #container {height:100%;}

#footer {color: #C2C2C2;width:100%;position:relative; margin-top: -53px;height: 53px; text-align: /*right*/center;}
#footer a {color: #c2c2c2; font: normal 12px "Trebuchet MS", "Helvetica", sans;margin:0 10px; }
#footer .foot_wrap {margin: 0 10px; padding-top: 16px;}
.share {
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -43px;
}
.share a {margin: 0 0 0 0 !important;}

.green_bg #footer {background: #a2dc57 url(img/green_footer_bg.gif) repeat-x left bottom !important;}
.gray_bg #footer {background: #b0b5aa url(img/gray_footer_bg.gif) repeat-x left bottom !important;}

#header { text-align:center; height: 73px;background: url(img/top_bg_new2.png) no-repeat center top; width: /*664px*/ 761px; margin: 0 auto;color:#366b00;} 
#header h2 {font-size: 22px; font-weight:normal;}
#header h2, #header p {padding: 0 20px;}
#header p {margin: 0 !important;padding: 4px 20px 2px;}
#header a {color: #666;}
 
#main {}
.first_p #main {height: 450px;padding-bottom: 53px;}
.green_bg #main, .gray_bg #main, .faq #main {padding-bottom: 140px;width: 760px; margin: 0 auto;}

.green_bg .title_gr { width: 281px; height: 56px; background: url(img/title_green2.png) no-repeat bottom center;}
.gray_bg .title_gr { width: 330px; height: 56px; background: url(img/title_gray2.png) no-repeat bottom center;}
.green_bg .title_gr, .gray_bg .title_gr {margin: 90px 0 40px 200px;}

.label {width: 180px; float: left; height: 35px; text-align: right; padding-right: 20px;}
.rating, .rating a {color: #333; font-size: 22px; /*margin: 40px 0;*/ padding-bottom: 1px;}

.rat_line { position:relative;width: 233px; height: 26px; /*margin: 20px auto;*/ float: left;margin-right: 20px;}
.shadow { position: absolute; z-index: 10;width: 233px; height: 26px;background: url(img/shadow_line2.png) no-repeat;}
.white_bg { background:  url(img/white_bg2.png) no-repeat; position: absolute; z-index: 2;width: 233px; height: 26px;}
.volume { overflow:hidden; position: absolute; z-index: 5;height: 23px; top: 1px; left: 0px;}
.number, .label {font-weight:bold;}

.title_or { width: 761px; height: 56px; margin: 0px auto 30px; /*background: url(img/title_or2.png) no-repeat bottom center;*/}
.top_block {width: 762px; position: absolute;top: 20%;left: 50%; margin-left: -381px;height:1%;}

.green_block {  background: url(img/green_block5.png) no-repeat bottom center; left: 20%;}
.gray_block {background: url(img/gray_block3.png) no-repeat bottom center;right: 20%;}

.playground { /*position: relative;*/ /*height: 300px;*/ /*height: 30%;*/}
.box, .switch {top: 50%/*270px*/;/*margin-top: -154px;*/}

.box {position:/*relative*/ absolute; cursor: move;width: 242px; height: 208px; z-index: 1;}
.box a {padding: 0 10px; color: /*White*/ #444; cursor:pointer !important; position: relative; z-index: 30;}
.box b {color: Black; float: right; letter-spacing: -1.2px; font-weight: normal;}

.box .wrap {margin: 6px 0 0 0;height: 180px;  overflow: hidden;position: relative; z-index: 5;}
.wrap ul {position: absolute;width: 242px;/*height: 720px;*/ z-index: 10;}
.box li {padding: 6px 32px 6px 10px; line-height: 24px;}
* html .box li {height: 24px !important;}
#green_form {width: 540px; margin: 0 auto 10px; text-align: center; position: relative;}
#green_form .text {float: left; padding: 8px 10px; height: 33px; color: #5c6058; font: normal 25px "Trebuchet MS", "Helvetica", sans; border: none !important; width: 451px; background: url(img/input_bg.gif) no-repeat bottom center; }
#green_form .but {background: #b0b5aa; cursor:pointer; float: left; margin: 3px 8px;border: none !important; width: 47px; height: 47px; }
#green_form #gear {background: url(img/go_but3.png) no-repeat bottom center;}
#green_form #loading_but {background: url(img/anim_sm1.gif) no-repeat bottom center !important;}

.switch {cursor: pointer;  position: absolute;  left: 50%;margin-left: -29px;margin-top: 10px;}
.switch, .sw_up_bg, .sw_down_bg {width: 58px; height: 173px;}

.sw_up {background: url(img/switch_up.png) no-repeat bottom center;}
.sw_down {background: url(img/switch_down.png) no-repeat bottom center !important;}

* html .sw_up {background: url(img/switch_up.gif) no-repeat bottom center;}
* html .sw_down {background: url(img/switch_down.gif) no-repeat bottom center !important;}

.left_part {width:50%;height: 100%;position: absolute;top: 0; left:0;}
.right_part {width: 50%;height: 100%; position: absolute; top: 0; right:0;}

.bub_box { margin: 40px auto 10px;}
.bub_box, .top_bub, .mid_bub, .bot_bub {width: 762px;}
.top_bub {height: 22px;background: url(img/top_bub_box4.png) no-repeat bottom center;}
.bot_bub {height: 30px;background: url(img/bot_bub_box4.png) no-repeat bottom center;}
.mid_bub {background: url(img/mid_bub_box8.png) repeat-y; padding-bottom: 1px;}
.bub_box dl {margin: 0 30px;}
.bub_box dt { padding-top: 10px;}
.bub_box dd {font-size: 14px; padding-left: 32px;/*font-weight: bold;*/}
.bub_box b {float: left; width: 25px; text-align:right; font-weight: normal; padding-right: 5px;}

.green_bg .bub_box dt, .gray_bg .bub_box dd, .green_bg .bub_box b, .faq b, .faq dt {color: #366b00;}
.green_bg .bub_box dd, .gray_bg .bub_box dt, .gray_bg .bub_box b, .faq dd  {color: #333;}

.green_bg .volume {background: url(img/green_line.gif);}
.gray_bg .volume {background: url(img/gray_line.gif);}

h4 { font-weight: normal;margin-bottom: 20px;}
.green_bg h4 {color: #333;}
.gray_bg h4 {color: #366b00;}

.button_box, .bub_box { /*display:none;*/}

.button_box { position:relative; background: url(img/button_box3.gif) no-repeat; margin: 30px auto; height: 200px ;width: 730px;padding: 20px 5px 15px 20px;}
.button_box input, .button_box img {display: block; float: left;}
.button_box img {margin: 0 45px 0 5px; cursor: pointer;}
.button_box .clipb {width:385px; position:absolute; bottom: 20px; right: 20px;  text-align:left;}
.button_box .link {/*display:none;*/font-size:14px; font-weight: bold;color:#366b00; }

.clipb input {border: 1px solid #999;margin: 0 5px;width: 200px;}
.button_box label  {float: left; font-size: 15px; font-weight: bold;}
.button_box .examp {display:none;}
.copied-to-clipboard {display: block;position: absolute;top: 50%;right: 40px;background: url(img/copied-to-clipboard.png) center no-repeat;height: 41px;width: 86px;overflow: hidden;text-indent: 9999px;margin-top: -20px;white-space: nowrap;}

.green_bg .gray_img, .gray_bg .green_img {
    /*
    display:none;
    */
}
.language { position: absolute; top:0; right: 20px;height:30px; width: 200px;padding-top: 20px;text-align:right;}
.language a {color: #fff; font: normal 12px "Trebuchet MS", "Helvetica", sans;/*margin-right:20px;*/ text-decoration: none; border-bottom: 1px dashed #fff; position: relative;}

.try_new { cursor:pointer; height: 69px; display: block; line-height: 54px; text-decoration: none; color: #366b00; font-size: 26px; text-indent: 20px; margin: 50px auto;}
.eng_body .try_new {background: url(img/try_bg.png) center no-repeat; width: 198px;}
.de_body .try_new {background: url(img/try_bg_de2.png) center no-repeat; width: 318px; }

.bird { cursor:pointer; display: block; background: url(img/bird.png) no-repeat; height: 44px; width: 44px; position:absolute; bottom: 40px; left: 8%;}
.result { text-align:center;}

#suggestions { /*background: #fff; text-align: left; position: absolute; z-index: 990; width: 460px; padding: 0 5px;*/ /*border: 1px solid #333;*/ }

.small {/*  letter-spacing: -1.0px; word-spacing: -0.5px;*/}

.yes_darr, .no_darr, .yes_uarr, .no_uarr {padding: 0 17px;}
.yes_darr, .no_darr { background: url(img/arrow_gray.gif) no-repeat right center; color: #333;}
.yes_uarr, .no_uarr { background: url(img/arrow_green.gif) no-repeat right center; color: #366B00;}

.greendexed {
	font-size: 12px;
	margin:0 10px;
}

.digg-box {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}

.inline-menu {
	text-align: center;
	margin: 0 0 10px;
}
.inline-menu li {
	display: inline;
}
.inline-menu li a {
	font-weight: bold;
	font-size: .65em;
	color: #36353B;
	padding: 3px 10px 2px;
}
.inline-menu li a.inline-menu-active,
.inline-menu li a:hover {
	background-color: #5B6059;
	color: #fff;
	text-decoration: none;
}

.statistics-outer {
	width: 625px;
	margin: auto;
}

.statistics-table {
	border-collapse: collapse;
	width: 100%;
}
.statistics-table th {
	background-color: #366B00;
	font-weight: normal;
	color: #fff;
	padding: 3px 10px 5px 34px;
}
.statistics-table td {
	padding: 3px 10px 5px 34px;
	font-size: .65em;
	font-weight: bold;
	text-align: center;
}
.statistics-table td.statistics-grid {
	font-size: 1em;
	font-weight: normal;
}
.statistics-table th.site-name,
.statistics-table td.site-name {
	text-align: left;
}

.paging {
	background-color: #366B00;
	padding: 5px 0;
	text-align: center;
	font-size: .65em;
	color: #fff;
	font-weight: bold;
}
.paging a {
	color: #fff;
	margin: 0 5px;
	padding: 2px 0 3px;
}
.paging a.paging-active {
	color: #5B6059;
	margin: 0;
	padding: 2px 5px 3px;
	background-color: #fff;
}
.paging a img {
	position: relative;
	margin: 0 0 -3px;
}

.statistics-filter {
	overflow: hidden;
	zoom: 1;
	font-size: .65em;
	font-weight: bold;
	line-height: 25px;
	margin: 0 0 10px;
}
.filter-textbox {
	background: url(img/filter-bg.gif) no-repeat;
	float: left;
	width: 175px;
	height: 25px;
}
.filter-textbox input {
	width: 164px;
	height: 20px;
	padding: 5px 0 0 3px;
	border: 0;
	background-color: transparent;
}
.statistics-filter a {
	margin: 0 3px 0 2px;
	padding: 2px 0 3px;
}
.statistics-filter a.statistics-filter-active,
.statistics-filter a:hover {
	background-color: #5B6059;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 2px 3px 3px 2px;
}