@charset "UTF-8";

@import url("base_layout.css");

/* CSS Document */


HTML, BODY {
	margin: 0px;
	padding: 0px;
	}

.png { behavior: url(../javascript/iepngfix.htc); }

p, .plainPage ul { font-family: Arial, Helvetica, sans-serif; }
p {	font-size: 12px; padding: 4px 0; }
p.dropdown { padding: 0; margin: 5px; text-align: right; }

sup { font-size: 0.5em; }

img { border: 0px; }

h3, h3 a, h3 a:visited, form h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F30;
	text-decoration: none;
	padding: 0; margin: 0px 0 5px 0; }
	
h3 a:hover, h3 a:visited:hover {
	text-decoration: underline; }
		
h4, h5, form h4, form h4 a { font-family: Verdana, Arial, Helvetica, sans-serif; }
h4 { font-size: 14px; }
.plainPage h4, .plainPage h4 a { font-size: 12px; color: #f60; margin: 0; text-decoration: none; }
.plainPage h4 a:hover { text-decoration: underline; }
.plainPage ul { font-size: 12px; }
.plainPage li { margin-bottom: 10px; }
h5 { font-size: 12px; }

code {
	font-family: "Courier New", Courier, mono !important; }
	
div.headerBrdr { background-color: #f60; height: 1px; }

ul.bull_Orangeball { list-style-type: cjk-ideographic; }
	
hr.breaker {
	clear: both;
	margin: 0;
	background-color: #000;
	color: #000;
	border: 0;
	height: 1px;
	visibility: hidden;
	}
div.breaker {
	background-color: #f60;
	height: 1px;
	width: 90%;
	margin: 10px auto; }

a.link, a.link:visited {
	color: #F60 !important;
	font-weight: bold;
	text-decoration: none;
	}
a.link:hover, a.link:visited:hover {
	text-decoration: underline;
	}
a.link.backarrow {
	background: url(../images/icn_arrw_lft.gif) no-repeat left;
	padding-left: 16px; }
	
a.favorites, a.favorites:visited,
a.addtoollink, a.addtoollink:visited {
	padding: 2px 0 1px 16px;
	color: #f40;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
	margin-right: 10px; }
a.favorites, a.favorites:visited {
	background: url(../images/icn_list_star.jpg) no-repeat left; }
a.addtoollink, a.addtoollink:visited {
	background: url(../images/icn_arrw_rght.gif) no-repeat left; }
a.favorites:hover, a.favorites:visited:hover,
a.addtoollink:hover, a.addtoollink:visited:hover {
	text-decoration: underline; }

p.notice {
	background-color: #FEF9EC;
	border: 1px solid #f60;
	margin: 10px 0; padding: 5px 0;
	text-align: center;
	}
.errorLogin {
	color: #000;
	padding: 5px;
	border: 1px solid #f30;
	background-color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	font: normal normal 12px Arial, Helvetica, sans-serif; }

.specialOffer.newyear {
	padding: 9px 15px 5px 38px;
	font: 12px/16px Verdana, Arial, sans-serif;
	background: url(../images/bg_offer-free-till-newyear.jpg) no-repeat left top;
	width: 279px;
	color: #fff;
	height: 62px;
	position: relative; }
.specialOffer.newyear a {
	font-weight: bold;
	text-decoration: underline; }
.specialOffer.newyear a:hover {
	text-decoration: none; }
.specialOffer.newyear .specialLink {
	color: #fbff00; }
.specialOffer.newyear .normalLink {
	color: #ffa925; }

.specialOffer .buytrial {
	position: absolute;
	right: 33px;
	top: 43px; }
.specialOffer .png { }

/* @group Round block (table) */

.rndBlock {
	margin-bottom: 5px;
	}
	.rndBlock .crsIcon, .rndBlock .crsDescr { background-color: #F9F4E5; }
	
	.rndBlock .lftTOP, .rndBlock .rgtTOP,
	.rndBlock .lftBOT, .rndBlock .rgtBOT {
		width: 10px; height: 10px; }		
	.rndBlock th, .rndBlock th a, .rndBlock th a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #F60;
		text-decoration: none;
		}
	.rndBlock th a:hover,
	.rndBlock th a:visited:hover { text-decoration: underline;}
	.rndBlock td { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

/* @group Orange bg */

.rndBlock .lftTOP { background: url(../images/bg_rndblk_TL.gif) no-repeat left top; }
.rndBlock .midTOP {
	height: 10px;
	background-color: #FDF5E8; }
.rndBlock .rgtTOP { 
	background: url(../images/bg_rndblk_TR.gif) no-repeat left top; }
.rndBlock .lftMID {
	width: 10px;
	background-color: #FDF5E8; }
.rndBlock .rgtMID {
	width: 10px;
	background-color: #FDF5E8; }
.rndBlock .lftBOT { 
	background: url(../images/bg_rndblk_BL.gif) no-repeat left top; }
.rndBlock .midBOT {
	height: 10px;
	background-color: #FDF5E8; }
.rndBlock .rgtBOT { 
	background: url(../images/bg_rndblk_BR.gif) no-repeat left top; }

/* @end */

/* @group White bg */

.rndBlock.whitebg .lftTOP { 
	background: url(../images/bg_rnblck_whitebg_TL.gif) no-repeat left top; }
.rndBlock.whitebg .midTOP { 
	background: url(../images/bg_rnblck_whitebg_TM.gif) repeat-x left top;
	height: 10px; }
.rndBlock.whitebg .rgtTOP { 
	background: url(../images/bg_rnblck_whitebg_TR.gif) no-repeat left top; }
	
.rndBlock.whitebg .lftMID { 
	background: url(../images/bg_rnblck_whitebg_LM.gif) repeat-y left top;
	width: 10px; }
.rndBlock.whitebg .rgtMID { 
	background: url(../images/bg_rnblck_whitebg_RM.gif) repeat-y left top;
	width: 10px;}
		
.rndBlock.whitebg .lftBOT { 
	background: url(../images/bg_rnblck_whitebg_BL.gif) no-repeat left top; }
.rndBlock.whitebg .midBOT { 
	background: url(../images/bg_rnblck_whitebg_BM.gif) repeat-x left top;
	height: 10px; }
.rndBlock.whitebg .rgtBOT { 
	background: url(../images/bg_rnblck_whitebg_BR.gif) no-repeat left top; }

/* @end */

/* @end */

/* @group Roundcorner (div) */

table.roundcolWrapper {
	margin: 0  !important;
	padding: 0 !important; }
table.roundcolWrapper td {
	margin: 0  !important;
	padding: 0  !important; }
	
.roundcolWrap {
	margin: 0;
	border-width: 0 !important;
	padding: 0 !important; }
.roundcolWrap .top, .roundcolWrap .topleft, .roundcolWrap .bottom, .roundcolWrap .bottomleft {
	font: 1px Arial, Helvetica, sans-serif; }
.roundcolWrap .topleft, .roundcolWrap .bottomleft {
	height: 7px !important; }
.roundcolWrap div.middle { 
	margin: 0;
	padding-left: 10px;
	padding-right: 10px; }
.roundcolWrap .top, .roundcolWrap .bottom {
	clear: both;
	width: 100%;
	height: 7px !important; }

/* @group Light orange background */

.roundcolWrap {
	background: url(../images/bg_rndblckspacer.gif); }	
.roundcolWrap .topleft {
	background: url(../images/bg_rndblcktopleft.gif) no-repeat left top; }
.roundcolWrap .top {
	background: url(../images/bg_rndblcktopright.gif) no-repeat right top; }
.roundcolWrap .bottomleft {
	background: url(../images/bg_rndblckbottomleft.gif) no-repeat left bottom; }
.roundcolWrap .bottom {
	background: url(../images/bg_rndblckbottomright.gif) no-repeat right bottom; }

/* @end */

/* @group orange background */

.roundcolWrap .orangeBG {
	background: url(../images/bg_rnblck_orangebg_spacer.gif); }
.roundcolWrap .orangeBG .topleft {
	background: url(../images/bg_rnblck_orangebg_TL.gif) no-repeat left top; }
.roundcolWrap .orangeBG .top {
	background: url(../images/bg_rnblck_orangebg_TR.gif) no-repeat right top; }
.roundcolWrap .orangeBG .bottomleft {
	background: url(../images/bg_rnblck_orangebg_BL.gif) no-repeat left bottom; }
.roundcolWrap .orangeBG .bottom {
	background: url(../images/bg_rnblck_orangebg_BR.gif) no-repeat right bottom; }

/* @end */

/* @group White background */

.roundcolWrap.whiteBG .topleft {
	background: url(../images/bg_rnblck_whitebg_TL.gif) no-repeat left top; }
.roundcolWrap.whiteBG .top {
	background: url(../images/bg_rnblck_whitebg_TR.gif) no-repeat right top; }
.roundcolWrap.whiteBG .bottomleft {
	background: url(../images/bg_rnblck_whitebg_BL.gif) no-repeat left bottom; }
.roundcolWrap.whiteBG .bottom {
	background: url(../images/bg_rnblck_whitebg_BR.gif) no-repeat right bottom; }
.roundcolWrap.whiteBG {
	background: url(../images/bg_rnblck_whitebg_spacer.gif); }

/* @end */

/* @end */

/* @group header tabs */

ul.headertabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 20px;
	border-bottom: 1px solid #fb0; }
ul.headertabs li {
	display: inline; }
ul.headertabs li a, ul.headertabs li a span {
	display: block;
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 20px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap; }
ul.headertabs li a {
	margin-right: 1px; }
ul.headertabs li a span.txt {
	height: 17px;
	padding: 3px 5px 0;
	background: url(../images/bg_tab_low-cntr_hdr.gif) repeat-x 0 top; }
ul.headertabs li a span.lftprt {
	background-image: url(../images/bg_tab_low-lft_hdr.gif); }
ul.headertabs li a span.rgtprt {
	background-image: url(../images/bg_tab_low-rgt_hdr.gif); }
ul.headertabs li a span.lftprt, ul.headertabs li a span.rgtprt {
	width: 5px;
	background-repeat: no-repeat;
	background-position: 0 top; }
ul.headertabs li a:hover .txt, ul.headertabs li a.active .txt,
ul.headertabs li a:hover span.lftprt, ul.headertabs li a:hover span.rgtprt,
ul.headertabs li a.active span.lftprt, ul.headertabs li a.active span.rgtprt {
	background-position: 0 -20px; }

/* @end */

/* @group In-page tabs */

ul.tabselect {
	padding: 0;
	height: 20px;
	margin: 0;
	background-color: #F8E6B1;
	list-style-type: none; }

ul.tabselect li {
	display: inline; }
ul.tabselect li a {
	background: url(../images/bg_tab_low20px.gif) no-repeat left top;
	display: block;
	float: left;
	width: 100px;
	color: #fff;
	text-align: center;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 15px;
	padding-top: 5px;
	margin-right: 1px; }
ul.tabselect li a:hover, ul.tabselect li a.active {
	background-position: 0 -20px;
	text-decoration: none; }

/* @end */



/* @group sidebar tabs */

ul.sidebartabs {
	margin: 0 0 8px;
	padding: 0;
	list-style-type: none;
	height: 15px;
	border-bottom: 1px solid #f60; }
ul.sidebartabs li {
	display: inline; }
ul.sidebartabs li a, ul.sidebartabs li a span {
	display: block;
	float: left;
	font: bold 10px Arial, Helvetica, sans-serif;
	height: 16px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap; }
ul.sidebartabs li a {
	margin-right: 1px; }
ul.sidebartabs li a:hover {
	text-decoration: none; }
ul.sidebartabs li a span.txt {
	height: 13px;
	padding: 3px 5px 0;
	background: url(../images/bg_tab_low-cntr_sdbr.gif) repeat-x 0 top; }
ul.sidebartabs li a span.lftprt {
	background-image: url(../images/bg_tab_low-lft_sdbr.gif); }
ul.sidebartabs li a span.rgtprt {
	background-image: url(../images/bg_tab_low-rgt_sdbr.gif); }
ul.sidebartabs li a span.lftprt, ul.sidebartabs li a span.rgtprt {
	width: 5px;
	background-repeat: no-repeat;
	background-position: 0 top; }
ul.sidebartabs li a:hover .txt, ul.sidebartabs li a.active .txt,
ul.sidebartabs li a:hover span.lftprt, ul.sidebartabs li a:hover span.rgtprt,
ul.sidebartabs li a.active span.lftprt, ul.sidebartabs li a.active span.rgtprt {
	background-position: 0 -16px; }

/* @end */

/* @group Pretty searchbar */

input.prettysearch { 
	width:200px;
	height: 16px;
	background: url(images/searchfield_repeat.png) center top repeat-x;
	border: 0px; 
	margin: 0;
	padding: 3px 0 0 0;
	font:11px "Lucida Grande", Geneva, Arial, sans-serif; }
.search-wrapper {
	position: relative;
	width: 200px; }
.search-wrapper input.prettysearch {
	width: 171px;
	margin-left: 20px;
	*margin-top:-1px;
	*margin-right:-2px;
	*margin-left:10px; }
.search-wrapper .left, 
.search-wrapper .right {
	behavior:url(../javascript/pngfix.js); }
.search-wrapper .left {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 19px;
	background: url(images/searchfield_leftcap.png) left top no-repeat; }
.search-wrapper .right {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 19px;
	background: url(images/searchfield_rightcap.png) right top no-repeat; }
.search-wrapper.empty.blurred input {
	color: #7E7E7E; }
.search-wrapper .reset {
	position: absolute;
	width: 11px;
	height: 11px;
	overflow:hidden;
	z-index: 1;
	right: 4px;
	top: 4px;
	background: url(images/close.gif);
	display: block;
	cursor: pointer;
	_cursor:hand; }
.search-wrapper.empty .reset {
	display: none; }

/* @end */



/* @group Forms */

.centerColumn textarea.long { 
	width: 400px; }
.centerColumn textarea.middle { 
	width: 300px; }
.centerColumn textarea.short { 
	width: 200px; }
input.long { 
	width: 200px; }
input.middle { 
	width: 150px; }
input.short { 
	width: 100px; }
input.tiny {
	width: 50px; }
.leftColumn input.txtfield {
	width: 95%; }
form input.txtfield, form textarea, textarea.txtfield {
	border: 0px solid #000;
	padding: 2px; margin: 1px;
	background: url(../images/bg_inputfields.jpg) no-repeat left top #fff; }

form select {
	font-size: 12px; }
span.comment, form .comment, form .comment a { 
	font-size: 10px; color: #000; }
form .comment a { 
	color: #f30; }
form td.col01 { 
	width: 120px; }
.form tr td:first-child {
	width: 150px; }
form td { 
	vertical-align: top; }
.form {
	font: 12px Arial, Helvetica, sans-serif;
	width: 550px; }
.form td {
	padding-bottom: 5px;
	vertical-align: top; }
	
.formSend, .formClear, .formPreview, .formCopy, .formSearch, .formNextstep, .formEdit, .formSubmit, .formLogin, .formCancel, .formSubscribe {
	height: 27px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 2px; }
.formSend, .formClear, .formCopy, .formSearch, .formEdit {
	width: 62px; }
.formPreview, .formSubmit, .formLogin, .formCancel {
	width: 72px; }
.formNextstep {
	width: 106px; }
.formSubscribe {
	width: 192px; }
.formSend:hover, .formClear:hover, .formPreview:hover, .formCopy:hover, .formSearch:hover , .formNextstep:hover, .formEdit:hover, .formSubmit:hover, .formLogin:hover, .formCancel:hover, .formSubscribe:hover {
	background-position: 0 -30px; }
.formSend span, .formClear span, .formPreview span, .formCopy span, .formSearch span, .formNextstep span, .formEdit span, .formSubmit span, .formLogin span, .formCancel span, .formSubscribe span {
	display: none; }
	
.formSend {
	background-image: url(../images/btn_send.jpg); }
.formSubmit {
	background-image: url(../images/btn_submit.jpg); }
.formLogin {
	background-image: url(../images/btn_login.gif); }
.formCancel {
	background-image: url(../images/btn_cancel.gif); }
.formClear {
	background-image: url(../images/btn_clear.jpg); }
.formCopy {
	background-image: url(../images/btn_copy.jpg); }
.formPreview {
	background-image: url(../images/btn_preview.jpg); }
.formSearch {
	background-image: url(../images/btn_search.jpg); }
.formNextstep {
	background-image: url(../images/btn_nextstep.jpg); }
.formEdit {
	background-image: url(../images/btn_edit.jpg); }
.formSubscribe {
	background-image: url(../images/btn_subscribe.gif);
	margin-right: auto;
	margin-left: auto; }
.copiedtoclip {
	position: absolute;
	bottom: 0;
	left: 2px; }

/* @end */
	
div.endline {
	clear: both;
	font: 1px Verdana, Arial, sans-serif; }
div.endline.orange {
	border-bottom: 1px solid #f60;
	margin: 10px auto 5px;
	width: 90%;
	background-image: none;
	background-color: transparent; }
hr.endline.orange {
	margin: 0 0 5px;
	height: 1px;
	background-color: #f60;
	color: #f60;
	padding: 0;
	width: 90%;
	font-size: 1px;
	border-style: none;
	clear: both; }
* html hr.endline.orange {
	margin: 0; }

/* @group Default button */

.button { font-family: Verdana, Arial, Helvetica, "sans-serif !important"; font-size: 12px;
	display: block; position: relative; background: #aaa; padding: 5px; margin-right: 5px; float: left; color: #fff !important; text-decoration: none; cursor: pointer; }
	.button.txtSmll { font-size: 10px !important; }
.button * { font-style: normal; background-image: url(../images/btn_outline.png); background-repeat: no-repeat; display: block; position: relative; }
.button i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.button span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.button span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.button span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.button img { background: none; border: none; display: inline; }

.buttonC { font-family: Verdana, Arial, Helvetica, "sans-serif !important"; font-size: 12px; text-align: center; clear: both;
	display: block; position: relative; background: #aaa; padding: 5px; margin: 5px; color: #fff !important; text-decoration: none; cursor: pointer; }
	.buttonC.txtSmll { font-size: 10px; }
.buttonC * { font-style: normal; background-image: url(../images/btn_outline.png); background-repeat: no-repeat; display: block; position: relative; }
.buttonC i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.buttonC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.buttonC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.buttonC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.buttonC img { background: none; border: none; display: inline; }

* html .button span, * html .button i { float: left; width: auto; background-image: none; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; }
	* html .button { border: 3px double #aaa; padding: 2px; }

* html .buttonC span, * html .buttonC i { float: none; width: auto; background-image: none; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; }
	* html .buttonC { border: 3px double #aaa; }

/* @group Blue button */

.button.blue, .buttonC.blue { background-color: #06c; }
	.button.blue:hover, .buttonC.blue:hover { background-color: #09f; text-decoration: none !important; }
	* html .button.blue, * html .buttonC.blue { border-color: #06c; }
	* html .leftColumn .buttonC.blue { padding: 0px; }

/* @end */

/* @group Yellow button */

.button.yellow, .buttonC.yellow { background-color: #f90; }
	.button.yellow:hover, .buttonC.yellow:hover { background-color: #fc0; text-decoration: none !important; }
	* html .button.yellow, * html .buttonC.yellow { border-color: #f90; }
	* html .leftColumn .buttonC.yellow { padding: 0px; }

/* @end */

/* @group Orange button */

.button.orange, .buttonC.orange { background-color: #f60; }
	.button.orange:hover, .buttonC.orange:hover { background-color: #f90; text-decoration: none !important; }
	* html .button.orange, * html .buttonC.orange { border-color: #f60; }
	* html .leftColumn .buttonC.orange { padding: 0px; }

/* @end */

/* @group Green button */

.button.green, .buttonC.green { background-color: #0b0; }
	.button.green:hover, .buttonC.green:hover { background-color: #0e0; text-decoration: none !important; }
	* html .button.green, * html .buttonC.green { border-color: #0b0; }
	* html .leftColumn .buttonC.green { padding: 0px; }

/* @end */

/* @group Red button */

.button.red, .buttonC.red { background-color: #f30; }
	.button.red:hover, .buttonC.red:hover { background-color: #f60; text-decoration: none !important; }
	* html .button.red, * html .buttonC.red { border-color: #f30; }
	* html .leftColumn .buttonC.red { padding: 0px; }

/* @end */
	
.button[class], .buttonC[class] { background-image: url(../images/btn_gradient.png); background-position: bottom; }

.buttonC.w250 { width: 250px; margin: 0 auto; }

/* @end */

/* @group Breadcrumbs */

.breadcrumbs {
	font: 10px Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-bottom: 5px; }
.breadcrumbs a, .breadcrumbs a:visited { 
	text-decoration: none;
	color: #000;
	background-color: transparent; }
.breadcrumbs a:visited:hover, .breadcrumbs a:hover { 
	text-decoration: underline; }
.breadcrumbs a.current { 
	font-weight: bold;
	font-size: 11px; }

/* @end */

a.errorLogin {
	font-size: 12px;
	font-weight: bold;
	color: #F30;
	text-decoration: none;
	}
a.errorLogin:hover {
	text-decoration: underline;
	}

/* @group Header */

/* @group Header image */

.headWrap.small {
	background-image: none;
	background-color: transparent; }
.headWrap.small img {
	float: left; }

/* @end */

/* @group Header menu */

.headerMenu, .mainHeader {
	clear: both; }
.headerMenu {
	height: 30px;
	margin-top: 0px;
	background: url(../images/bg_mainmenu.jpg) repeat-x;
	padding-top: 0; }
.headerMenu .left, .headerMenu .login, .headerMenu a, .headerMenu a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff; }
.headerMenu .left, .headerMenu .login {
	display: block;
	padding-top: 8px;
	height: 22px; }
* html .headerMenu .left, * html .headerMenu .login {
	padding-top: 6px; }
.headerMenu .left {
	background: url(../images/bg_mainmenu-lft.jpg) no-repeat left top;
	float: left;
	list-style-type: none;
	padding: 8px 0 0 5px;
	margin: 0; }
.headerMenu .left li {
	float: left; }
.headerMenu .login {
	float: right;
	background: url(../images/bg_mainmenu-rght.jpg) no-repeat right top;
	padding-right: 5px; }
.headerMenu a {
	text-decoration: none; }
.headerMenu .left a, .headerMenu .flaglinks {
	padding-left: 10px; }
.headerMenu .login a {
	padding-right: 10px; }
.headerMenu a:hover {
	text-decoration: underline; }
	
.headerMenu .flaglinks img {
	margin-left: 4px;
	vertical-align: baseline; }
* html .headerMenu .flaglinks img {
	vertical-align: middle; }
.headerMenu .flaglinks a {
	padding: 0; }

/* @end */

/* @group User menu */

.userMenu {
	width: 940px;
	height: 30px;
	position: relative;
	background: url(../images/bg_persmenu.jpg) no-repeat left top;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 4px;
	padding-right: 10px;
	padding-left: 10px; }
.userMenu .welcome {
	margin: 0;
	padding: 3px 0 0;
	line-height: 22px;
	height: 26px; }
* html .userMenu .welcome {
	padding-top: 4px; }
.userMenu .welcome img {
	margin: 0 6px 0 0;
	vertical-align: top; }
* html .userMenu .welcome img {
	vertical-align: middle; }
.userMenu ul.persnMenu {
	margin: 0 15px 0 0; padding: 0;
	list-style-type: none;
	float: right; }
.userMenu li {
	display: inline; }
.userMenu li a {
	color: #000;
	text-decoration: none; }
.userMenu li a .lnkCenter, .userMenu li a .lnkLeft, .userMenu li a .lnkRight {
	display: block;
	float: left; }
.userMenu li a .lnkLeft, .userMenu li a .lnkRight {
	height: 26px;
	width: 3px; }
.userMenu li a .lnkCenter {
	padding-top: 7px;
	height: 19px;
	background: url(../images/bg_persmenu-center.gif) repeat-x 0 top;
	padding-right: 5px;
	padding-left: 5px; }
.userMenu li a .lnkLeft {
	float: left;
	background: url(../images/bg_persmenu-left.gif) no-repeat left top;
	margin-left: 1px; }
.userMenu li a .lnkRight {
	background: url(../images/bg_persmenu-right.gif) no-repeat left top; }
.userMenu li a:hover .lnkCenter, .userMenu li a:hover .lnkLeft, .userMenu li a:hover .lnkRight {
	background-position: 0 -26px; }
.userMenu li a.current .lnkCenter, .userMenu li a.current .lnkLeft, .userMenu li a.current .lnkRight {
	background-position: 0 -52px; }

/* @end */

/* @end */

/* @group All-over styles */

.leftColumn .colBlock,
.rightColumn .colBlock {
	margin-top: 0;
	background: url(../images/bg_sidebarheader.jpg) no-repeat left top;
	width: 220px;
	clear: both;
	}
.sitemap.colBlock {
	background: url(../images/bg_midcolheader-fullwidth.jpg) no-repeat left top; }

.leftColumn .colBlock h2,
.rightColumn .colBlock h2,
.sitemap.colBlock h2 {
	height: 15px;
	padding: 3px 10px 2px;
	margin-bottom: 0;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF; }

.leftColumn .colBlock .colCont,
.rightColumn .colBlock .colCont,
.sitemap .blckCont {
	background-color: #fdf5e8;
	border-left: #EECF75 1px solid;
	border-right: #EECF75 1px solid;
	border-bottom: #EECF75 1px solid;
	margin-bottom: 10px;
	padding: 8px; }
	.leftColumn .colBlock .colCont p,
	.rightColumn .colBlock .colCont p {
		margin: 0;
		}
.leftColumn .Col03cont a.next,
.leftColumn .Col04cont a.next {
	margin: 5px 5px 0 0;
	background: url(../images/icn_arrw_rght.gif) no-repeat right 1px;
	}
form {
	padding: 0; margin: 0;
	}
form * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
a.goto {
	padding-right: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;
	color: #f30; background: url(../images/icn_arrw_rght.gif) no-repeat right; }
	a.goto:hover {
		text-decoration: underline; }
	
 a.next {
	padding: 1px 16px 1px 0 !important;
	margin: 5px 0px;
	background: url(../images/icn_arrw_rght.gif) no-repeat right 1px;
	text-decoration: none;
	color: #F30 !important;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-align: right; }
 a.next:hover {
 	text-decoration: underline; }
a.previous {
		display: block;
		
		padding: 1px 0 1px 16px;
		margin: 5px 0px;
		
		background: url(../images/icn_arrw_lft.gif) no-repeat left 1px;
		text-align: left;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #F30;
		text-decoration: none;
		}
		 a.previous:hover {
		 	text-decoration: underline;
			}

/* @end */

/* @group Left Column */

/* @group Nana profile */

.nana-profile {
	
	margin-bottom: 10px;
	background: url(../images/bg_nana-profileblock.jpg) no-repeat top;
	 }
* html .nana-profile .infoWrap {
	padding: 15px 16px 3px; }
.nana-profile .infoWrap {
	padding: 15px 16px 0;
	width: 188px; }
	
.nana-profile h5 {
	margin: 0 0 3px;
	padding: 0;
	font-size: 16px;
	color: #f30; }
* html .nana-profile h5 {
	margin: 0; }
.nana-profile h5 a {
	color: #f10;
	text-decoration: none; }
.nana-profile h5 a:hover {
	text-decoration: underline; }
.nana-profile h5 .onlinestatus {
	vertical-align: baseline; }
.nana-profile p img {
	vertical-align: bottom; }
* html .nana-profile h5 .onlinestatus, * html .nana-profile p img {
	vertical-align: bottom; }
.nana-profile .avatar {
	float: right;
	border-style: none;
	display: block;
	position: relative;
	margin-top: 0;
	margin-right: 0; }
.nana-profile .avatar .png {
	position: absolute;
	top: 0;
	right: 0; }

.nana-profile p {
	margin: 0;
	padding: 2px 0;
	font: 11px/14px Arial, Helvetica, sans-serif; }

.nana-profile .divider {
	font: 1px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	margin: 4px auto; }
* html .nana-profile .divider {
	margin: 2px auto; }
.nana-profile .profile, .nana-profile .addbuddy {
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 1px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px; }
.nana-profile .profile:hover, .nana-profile .addbuddy:hover { }
.nana-profile .profile {
	background-image: url(../images/icn_nana-arrowright.gif); }
.nana-profile .addbuddy {
	background-image: url(../images/icn_nana-plus.gif); }
.nana-profile .nana-footer {
	background: url(../images/bg_nana-profileblock-foot.jpg) no-repeat 0 bottom;
	height: 14px;
	font: 1px Arial, Helvetica, sans-serif; }


/* @end */

.leftColumn a {
	text-decoration: none;
	color: #000;
	}
	.leftColumn a:hover {
		text-decoration: underline;
		}
.footnote {
	font-size: 10px;
	background-color: #f90;
	padding: 2px 4px;
	color: #fff !important;
	clear: both;
	}

/* @group Main menu */

.leftColumn .mainMenu {
	border-top: 1px #f90 solid;
	margin-bottom: 10px;
	}
.leftColumn .mainMenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none; }
.leftColumn .mainMenu li {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; }
/* IE6 hack */
* html .leftColumn .mainMenu li {
	float: left; }
.leftColumn .mainMenu li a {
	display: block;
	border-right: 1px solid #f90;
	border-bottom: 1px solid #f90;
	border-left: 1px solid #f90;
	padding: 5px 10px 2px 10px;
	width: 198px;
	height: 18px;
	background: url(../images/img_mainmenu.jpg) no-repeat left top;
	text-decoration: none;
	color: #333; }
.leftColumn .mainMenu li a.new {
	background-position: 0 -50px; }
.leftColumn .mainMenu li a.new:hover {
	background-position: 0 -75px; }
.leftColumn .mainMenu li a.new-active, .leftColumn .mainMenu li a.new-active:hover {
	background-position: 0 -75px; }
.leftColumn .mainMenu li a:hover {
	background-position: left -25px;
	color: #000;
	text-decoration: none; }
.leftColumn .mainMenu li a.active {
	background-position: left -25px;
	color: #FFF;
	font-weight: bold; }

/* @group Submenu */

.leftColumn .subMenu {
	border-bottom: 1px solid #f90 !important;
	background: #F8E6B1 url(../images/img_mainmenu-sub.jpg) no-repeat 0 top;
	width: 220px !important; }
.leftColumn .subMenu li {
	background-image: none; }
.leftColumn .subMenu li, .leftColumn .subMenu li a {
	width: 198px;
	border-bottom: 0px;
	text-decoration: none !important; }
.leftColumn .subMenu a {
	height: 14px !important;
	font-size: 10px;
	text-indent: 10px;
	background: none !important; }
.leftColumn .subMenu a:hover {
	text-decoration: underline !important; }
.leftColumn .subMenu a.current {
	font-weight: bold !important; }

/* @end */

/* @end */

/* @group Personal notepad */

.notepad {
	width: 95%; height: 100px; }

.Persnotepad .button {
	margin: 2px; }
	
.Persnotepad div.singlenote {
	margin: 2px 0;
	background-color: #f60; }
	
.Persnotepad div.singlenote a.notepadEntry {
	height: 11px; padding: 2px 4px; display: block;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
	background: url(../images/icn_dropdown_white.gif) no-repeat 185px 0px; color: #fff; }
	
	.Persnotepad div.singlenote a.notepadEntry:hover, .Persnotepad div.singlenote a.notepadEntry.dropped {
		background-position: 185px -15px; }
		
	.Persnotepad .deleteEntry {
		height: 11px; display: block; margin-top: 5px; padding: 1px 2px 1px 15px;
		font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
		border: 1px solid #f00; background: url(../images/icn_notepad_delete.gif) no-repeat 2px 0px; color: #f00; }
		.Persnotepad .deleteEntry:hover {
			text-decoration: none;
			background-color: #f00; color: #fff;
			background-position: 2px -15px; }
	
.Persnotepad div.singlenote p {
	padding: 4px;
	font-size: 10px;
	background-color: #fff; border: 1px solid #f60; }

.Persnotepad .pagenr {
	padding: 1px 2px;
	font-size: 10px;
	border: 1px solid #f60; }
	.Persnotepad .pagenr:hover,
	.Persnotepad .pagenr.active {
		background-color: #f90; color: #fff; }

.Persnotepad hr {
	margin: 0;
	clear: both;
	height: 1px;
	border: 0;
	visibility: hidden; }
	
.Persnotepad hr.color {
	visibility: visible;
	margin: 5px;
	color: #f30; background-color: #f30; }
	* html .Persnotepad hr.color {
		margin: 0 5px; }

/* @end */

/* @group Cloud of tags */

.tagCloud .colCont {
	text-align: justify; }
.tagCloud a {
	font-family: Verdana, Arial, sans-serif !important;
	font-weight: bold !important;
	text-decoration: none !important; }
.tagCloud a:hover {
	text-decoration: underline !important; }
.tagCloud .level1 {
	font-size: 10px;
	color: #f70 !important; }
.tagCloud .level2 {
	font-size: 12px;
	color: #f60; }
.tagCloud .level3 {
	font-size: 14px;
	color: #f50; }
.tagCloud .level4 {
	font-size: 16px;
	color: #f40; }
.tagCloud .level5 {
	font-size: 18px;
	color: #f30; }

/* @end */


/* Listing: Star image */
.tbFavorites ul {
	padding: 0; margin: 0;
	list-style-type: none; }
.tbFavorites li {
	background: url(../images/icn_list_star.jpg) no-repeat left top;
	padding-left: 18px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 4px; }
	
/* Listing: Questionmark images */
.tbQuestions ul {
	padding: 0; margin: 0;
	list-style-type: none; }
.tbQuestions li {
	background:  url(../images/icn_question_orange.gif) no-repeat left;
	padding-left: 18px;
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; }

/* @group Testimonial */

.csTesti p {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
		
	.csTesti div.testiQuote { 
		width: 190px; padding: 0; margin: 0 auto;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: italic; text-align: center;
		color: #f30; }

	.csTesti p.testimonial {
		padding: 0 5px; margin: 0;
		font-style: normal; font-size: 12px;
		color: #000; }
		
	.csTesti img {
		float: left; padding: 2px; margin: 0 3px 3px 0;
		border: 1px solid #f60; background-color: #fff; }
		
	.csTesti .username {
		padding: 5px 5px 0 5px; margin: 0;
		font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; }

	.csTesti hr {
		margin: 5px;
		height: 1px;
		border: 0;
		color: #f30; background-color: #f30; }
		* html .csTesti hr {
			margin: 0 5px; }

/* @end */



/* @end */

/* @group Middle Column */

/* @group Article/detail page */

.writtenarticle h5 {
	font-size: 13px;
	color: #F30;
	margin: 0;
	padding: 0; }
.writtenarticle p {
	padding-top: 5px;
	margin-top: 0; }
.writtenarticle p, .writtenarticle td, .writtenarticle li {
	color: #000;
	font: 12px/130% Arial, Helvetica, sans-serif; }
.writtenarticle table {
	width: 100%;
	border-style: none; }
.writtenarticle td {
	padding: 4px; }
.writtenarticle ul {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 30px; }
.writtenarticle ul li {
	list-style-type: disc; }
.writtenarticle ul li li {
	list-style-type: circle; }
.writtenarticle .hanzi {
	font-size: 1.1em; }
.writtenarticle p a, .writtenarticle td a, .writtenarticle li a {
	color: #f60;
	font-weight: bold; }
.writtenarticle p a:hover, .writtenarticle td a:hover, .writtenarticle li a:hover {
	text-decoration: none; }
.writtenarticle p a:visited, .writtenarticle td a:visited, .writtenarticle li a:visited {
	color: #cb5100; }

/* @end */

/* @group Column Headers */

.container .blckHead h1,
.container2col .blckHead h1 {
	display: block;
	height: 17px;
	margin: 0;
	padding: 3px 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF; }
.container .blckHead h1 {
	background: url(../images/bg_midcolheader.jpg) no-repeat left top; }
.container2col .blckHead h1 {
	background: url(../images/bg_midcolheader-long.jpg) no-repeat left top; }

/* @end */

/* @group Page numbers */

.paging {
	height: 20px;
	padding: 0 5px;
	clear: both;
	margin-top: 5px; }
.paging span, .paging span a {
	font: 11px Arial, Helvetica, sans-serif !important; }
.showpage {
	float: left; }
.pagelinks {
	float: right; }
.pagelinks a {
	color: #000;
	text-decoration: none;
	margin: 1px; }
.pagelinks a:hover {
	text-decoration: underline; }
.pagelinks a.current {
	background-color: #f60;
	color: #fff;
	padding: 3px;
	font-size: 12px; }

/* @end */

.dictionary, .lessonbrowse {
	padding: 5px 6px;
	background: #FEF9E9;
	border: 1px solid #EECF75;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}
	.dictionary form {
		margin: 0;
		padding: 0;
		}
	.dictionary .comment {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-left: 50px;
		}

/* @group Course center */

.csCoursectr .course, .recColmn .course {
		background: url(../images/bg_crctr_course.gif) no-repeat left top;
		padding: 7px;
		width: 464px;
		margin-bottom: 5px;
		}
		.csCoursectr .course th, .recColmn .course th {
			font-size: 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #F60;
			height: 30px;
			
			vertical-align: middle;
			}
			.csCoursectr .course th a, .csCoursectr .course th a:visited, .recColmn .course th a, .recColmn .course th a:visited {
				text-decoration: none;
				color: #F60;
				}
			.csCoursectr .course th a:visited:hover, .csCoursectr .course th a:hover, .recColmn .course th:visited:hover, .recColmn .course th a:hover {
				text-decoration: underline;
				}
		.csCoursectr .course td, .recColmn .course td {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			}

/* @end */

/* @group Dictionary popup */
/* styles with ID's can be deleted */
/*.dictioPopup.wordresults {
	position: absolute;
	z-index: 1;
	top: 300px;
	left: 350px; }
.dictioPopup.noresults {
	position: absolute;
	z-index: 1;
	top: 300px;
	left: 600px; }*/

.dictioPopup {
	width: 240px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	display: none; }
.dictioPopup .closebutton {
	float: right;
	margin-top: 6px;
	margin-right: 6px; }
.dictioPopup h4 {
	color: #fff;
	padding: 5px 2px 2px;
	background: url(../images/bg_popup_w240.gif) no-repeat 0 top;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	margin: 0; }
.dictioPopup h4 img {
	float: left;
	margin: 0 4px; }
.dictioPopup .wordContent {
	background-color: #fff;
	border: 2px solid #f60;
	padding: 10px 10px 0; }
.dictioPopup.noresults .wordContent p:first-child {
	font-weight: bold; }
	 
.dictioPopup h5 img {
	margin-right: 3px; }
.dictioPopup h5, .dictioPopup h5 a {
	font: 22px Arial, Helvetica, sans-serif;
	color: #f30;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none; }
.dictioPopup h5 a:hover {
	text-decoration: underline; }
.dictioPopup .wordclass {
	font-size: 12px;
	color: #000;
	font-style: italic; }
.dictioPopup p {
	margin: 0;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 12px; }
.dictioPopup p a {
	color: #f60;
	font-weight: bold;
	text-decoration: none; }
.dictioPopup p a:hover {
	text-decoration: underline; }
.dictioPopup .pinyin, .dictioPopup .english {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left 3px; }
.dictioPopup .pinyin {
	background-image: url(../images/icn_translPY.gif);
	font-weight: bold; }
.dictioPopup .english {
	background-image: url(../images/icn_translEN.gif);
	line-height: 15px; }
.dictioPopup dl {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0; }
.dictioPopup .hanzi {
	color: #f30;
	text-decoration: none;
	font: normal normal 1.2em Arial, Helvetica, sans-serif; }
.dictioPopup dl a.hanzi:hover {
	text-decoration: underline; }
.dictioPopup dt {
	font-weight: bold;
	line-height: 18px; }
.dictioPopup dd {
	margin-left: 20px; }
.dictioPopup.noresults a.hanzi {
	background: url(../images/icn_search.gif) no-repeat left;
	padding-left: 18px; }
.dictioPopup dd > .link {
	background: url(../images/icn_arrw_rght.gif) no-repeat right;
	padding-right: 16px;
	display: block;
	text-align: right;
	font-weight: normal;
	font-style: normal;
	font-size: 12px; }

.dictioPopup .link {
	background: url(../images/icn_arrw_rght.gif) no-repeat right;
	padding-right:  16px;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	font: normal normal 11px/12px Arial, Helvetica, sans-serif;
	text-align: right; }
.dictioPopup .link {
	display: none; }
	
.dictioPopup .endline {
	height: 1px;
	background-color: #f60;
	margin: 3px auto; }
.dictioPopup .copyright {
	display: block;
	text-align: center;
	padding-bottom: 3px; }
.dictioPopup .copyright, .dictioPopup .copyright a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold; }
.dictioPopup .copyright a {
	color: #f30; }
.dictioPopup .copyright a:hover {
	text-decoration: underline; }

/* @end */

/* @end */

.leftColumn .banner, .rightColumn .banner {
	margin-bottom: 8px; }
textarea.bannersrc { 
	overflow: hidden; height: 50px;
	font-size: 12px; font-family: "Courier New", Courier, monospace; }

/* @group Right column */

/* @group Newest members */

.recent-members .userinfo {
	border: 1px solid #ffc199;
	padding: 3px;
	background-color: #fff;
	margin-bottom: 5px; }
.recent-members .userinfo h5 {
	font: bold 12px/14px Verdana, Arial, sans-serif;
	text-align: left;
	margin: 0;
	padding-bottom: 3px; }
.recent-members .userinfo h5 a {
	color: #f60; }
.recent-members .userinfo img.avatar {
	margin-left: 5px;
	float: right; }
.recent-members .userinfo h5, .recent-members .userinfo .links, .recent-members .userinfo .languages, .recent-members .userinfo .icons {
	padding-left: 2px;
	display: block;
	margin-bottom: 3px; }
.recent-members .userinfo .links, .recent-members .userinfo .languages, .recent-members .userinfo .icons {
	font-size: 10px; }
.recent-members .userinfo .languages { }
.recent-members .userinfo .links {
	padding-top: 5px;
	text-align: left;
	clear: both; }
.recent-members .userinfo .links a:hover {
	opacity: 0.8; }
* html .recent-members .buttonC {
	padding: 3px;
	border: 3px double #fff;
	clear: both; }
.recent-members .link.more {
	font: bold 11px Verdana, Arial, sans-serif;
	background: url(../images/icn_arrw_rght.gif) no-repeat right;
	padding-right: 16px; }
	
/* @end */

.rightColumn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	.rightColumn a {
		text-decoration: none;
		}
	.rightColumn a:hover {
		text-decoration: underline;
		}
	
/* Footer styles */
/* @end */

/* @group Footer */

.mainFooter {
	width: 900px;
	margin: 10px 30px;
	padding: 5px 0px;
	clear: both;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	}
	.mainFooter hr {
		clear: both;
		width: 100%;
		margin: 10px 0 5px 0;
		background-color: #000;
		color: #000;
		border: 0;
		height: 1px;
		}
	.mainFooter a {
		text-decoration: none;
		color: #000;
		}
	.mainFooter a:hover {
		text-decoration: underline;
		}

/* @end */