@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px;}

html, body {height:100%;}
a {outline:none; text-decoration:underline;color:#0a68c8;}
a:hover {color:#bd5a20;}

/*a:hover {text-decoration: underline;}*/
button, input.text {outline:none; text-decoration:none;}
ul, ul li {list-style-type:none;}
img, input.text, button, textarea {border:none;}
h1 {font:bold 24px/30px Arial, Helvetica, sans-serif; color:#000;}
h1 span {font-weight:normal;}
h2 {font:bold 26px/30px Arial, Helvetica, sans-serif; color:#222; margin-bottom:10px;}
h2 span {font:normal 18px/18px Arial, Helvetica, sans-serif; color:#666;}
h3 {font:bold 18px/24px Arial, Helvetica, sans-serif; color:#000;}
h3 span {font-size:14px;}
h3 a.box {font:bold 18px/43px Arial, Helvetica, sans-serif; background:url(../images/download_ico.png) no-repeat left center; padding-left:25px; color:#133867;text-decoration:none;}
h3 a.box:hover {color:#000;}
h5 {font:bold 18px/24px Arial, Helvetica, sans-serif; color:#004b8d; margin:15px 0px 10px 0px;}
h4 {font:normal 16px/30px Arial, Helvetica, sans-serif; color:#000;}
h4.details {line-height:20px; padding:5px 0px; /*width:400px; */float:left;}
h4.details br {line-height:6px;}
.right {float:right;}
.left {float:left;}
.ml14 {margin-left:14px;}
em {font:italic 12px/24px Arial, Helvetica, sans-serif; color:#333;}
span.free {font-weight:bold; color:#bd5a20;}
.red {color:#BD5A20;font-weight:bold;font-size:16px;}
.blue {color:#275791;}

body {background:url(../images/body_bg_top.png) repeat-x top #BACDE9; font-family:Arial, Helvetica, sans-serif;}
.body_btm_bg {background:url(../images/body_bg_btm.png) repeat-x bottom; width:100%; height: auto !important; height:100%; min-height: 100%; float:left;}
#wrapper {width:948px; margin:0px auto; padding:10px 0px;}
.main_top {background:url(../images/main_top.png) no-repeat; width:948px; height:15px;}
.main_bg {background:url(../images/main_bg.png) repeat-y; width:920px; padding:0px 14px; clear:both; float:left;}
.main_btm {background:url(../images/main_btm.png) no-repeat; width:948px; height:15px; clear:both;}

#top {width:920px; height:90px; clear:both;}
a.logo {width:149px; height:73px; display:block; float:left; margin:8px 0px 0px 8px;}
.banner728 {background-color:#CCC; width:728px; height:90px; float:right; font:bold 24px/90px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
.banner12090 {
border: 2px solid #fcefa1; 
	background: #fbf9ee; 
	color: #a0522d;
 width:116px; height:86px; margin-left:4px; float:right; font:bold 14px/90px Arial, Helvetica, sans-serif; text-align:center;}


ul#nav {width:920px; height:77px; background:url(../images/sub_nav_bg.png) no-repeat bottom; margin:10px 0px; clear:both; position:relative;}
ul#nav li {margin-right:1px; float:left; height:37px; display:block;}
ul#nav li div {float:none; height:37px;}
ul#nav li a {text-decoration:none;font:bold 12px/37px Arial, Helvetica, sans-serif; background:url(../images/nav_bg.png) no-repeat left bottom; height:37px; padding:0px 15px 0px 25px; display:block; text-transform:uppercase; color:#4d688c; float:left; position:relative;}
ul#nav li:hover a, ul#nav li.active a {background-position:top left; color:#fff;}
ul#nav li span {background:url(../images/nav_bg.png) right bottom; width:10px; height:37px; display:block; float:left;}
ul#nav li:hover span, ul#nav li.active span {background-position:top right;}
ul#nav li ul {background:none; position:absolute; height:40px; display:none; left:0; padding:0px 5px;}
ul#nav li.active ul {display:block;}
ul#nav li ul li {float:left; background:url(../images/nav_devider.png) repeat-y right; height:40px;}
ul#nav li ul li a {background-image:none; font-weight:normal; text-transform:none; line-height:40px; padding:0px 9px 0px 6px; color:#fff;}
ul#nav li:hover ul li a, ul#nav li.active ul li a {color:#FFF;}
ul#nav li:hover ul li a:hover {color:#f7ca61;}
ul#nav li.active ul li a.active {color:yellow;}

ul#trail {width:890px; height:30px; padding:0px 15px; margin-top:-10px;}
ul#trail li {font:normal 11px/30px Arial, Helvetica, sans-serif; float:left; margin-right:5px;}
ul#trail li a {color:#275791; text-decoration:underline;}
ul#trail li a:hover {color:#BD5A20;}

#left_panel {width:728px; float:left;text-align:justify;}
.header {background:url(../images/header.png) no-repeat; width:728px; height:142px; margin-bottom:10px;}
.lt_panel_top {background:url(../images/content_top.png) no-repeat; width:698px; padding:20px 15px 0px 15px; float:left;}
.lt_panel_bg {width:696px;  border-right:1px solid #E1DFD2; border-left:1px solid #E1DFD2; padding:10px 15px; float:left;}
.lt_panel_btm {width:728px; background:url(../images/content_btm.png) no-repeat; height:7px; clear:both;}
#left_panel {font-size:14px;}

.scriptbox_wrap {background:url(../images/scripts_box_bg.png) no-repeat; width:321px; height:155px; padding:0px 10px; float:left; margin-top:7px; margin-bottom:7px;}
.scriptbox_wrap p {font:normal 12px/16px Verdana, Geneva, sans-serif; color:#333; margin:10px 0px;text-align:justify;}
a.dwn_link {font-weight:bold; color:#406da0; text-decoration:underline;}
a.dwn_link:hover {color:#bd5a20;}
.cnt_devider {background:url(../images/content_devider.png) repeat-x bottom; width:696px; height:30px; clear:both;}
.cnt_devider2 {background:url(../images/cnt_devider2.png) repeat-x bottom; width:696px; height:30px; clear:both;}
span.trouble {font:bold 16px/24px Verdana, Geneva, sans-serif; color:#000; background:url(../images/help_ico.png) no-repeat left center; padding-left:25px; margin:15px 0px; display:block;}
span.trouble a {font:normal 16px/24px Verdana, Geneva, sans-serif; color:#0a68c8; text-decoration:underline;}
span.trouble a:hover {color:#bd5a20;}
.btm_cnt_wrap {width:696px; padding:15px 0px; border-top:1px solid #D5D5D5;}
.btm_cnt_wrap p {font:normal 12px/16px Verdana, Geneva, sans-serif; padding-top:10px;}
.btm_cnt_wrap p a, .article_wrap a {text-decoration:underline; color:#0a68c8;}
.btm_cnt_wrap p a:hover, .article_wrap a:hover {color:#bd5a20;}
.btm_cnt_wrap h5 {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#133867;  margin:0px;}
.rsc_ico {background:url(../images/resources_ico.png) no-repeat left center; padding-left:25px;}
.tut_ico {background:url(../images/tutorials_ico.png) no-repeat left center; padding-left:25px;}
.thmb_ico {background:url(../images/thumb_ico.png) no-repeat left center; padding-left:25px;}
.help_ico {background:url(../images/help_ico.png) no-repeat left center; padding-left:25px;}
.medal_ico {background:url(../images/medal_ico.png) no-repeat left center; padding-left:25px;}
.trophy_ico {background:url(../images/trophy_ico.png) no-repeat left center; padding-left:25px;}
.top_ico {background:url(../images/top_ico.png) no-repeat left center; padding-left:25px;}
.list_ico {background:url(../images/list_ico.png) no-repeat left center; padding-left:25px;}


#right_panel {width:180px; float:right;}
.spt_links_wrap {width:180px; clear:both;}
.spt_links_top {background:url(../images/supports_top.png) no-repeat; height:34px; width:160px; padding:0px 10px; font:bold 14px/34px Arial, Helvetica, sans-serif; color:#7e1f0e;}
.spt_links_btm {background:url(../images/supports_btm.png) no-repeat; width:180px; height:8px;}
#support_nav {width:174px; padding:0px 2px; border-right:1px solid #E1DFD2; border-left:1px solid #E1DFD2;}
#support_nav li {background:url(../images/links_bg.png) repeat-x bottom; width:162px; padding:8px 6px;}
#support_nav li a {background:url(../images/arrow_1.png) no-repeat left center; padding-left:12px; font:normal 12px/12px Arial, Helvetica, sans-serif; color:#000; display:block; text-decoration:none;}
#support_nav li a:hover {color:#bd5a20;}
.banner160 {width:160px; height:600px; background:#CCC; margin:10px auto; font:bold 24px/600px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}


#footer {width:948px; clear:both; margin-top:10px;}
.footer_top {background:url(../images/footer_top.png) no-repeat; height:43px; width:918px; padding:0px 15px; float:left;}
.footer_top h5 {font:bold 16px/43px Arial, Helvetica, sans-serif; color:#000; float:left; margin:5px 0px 0px 0px;}
.footer_bg {background:url(../images/footer_bg.png) repeat-y; width:918px; padding:15px 15px 0px 15px; float:left;}
.footer_btm {background:url(../images/footer_btm.png) no-repeat; width:948px; height:31px; float:left;}
ul.sitemap {width:170px; margin-left:6px;}
ul.sitemap a.strong {color:#000;font-weight:bold;font-size:12px;line-height:20px; text-decoration:none;}
ul.sitemap li {float:none; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; padding-left:12px; background:url(../images/blt_2.png) no-repeat left center;}
ul.sitemap li a {color:#333; text-decoration:none;}
ul.sitemap li a:hover {color:#000; text-decoration:underline;}
.pt20 {padding-top:15px; display:block;}
p.copy {font:normal 12px/13px Arial, Helvetica, sans-serif; color:#133867; text-align:center; padding:10px 0px; clear:both;}


a.download_btn {background:url(../images/download_btn.png) no-repeat; width:141px; height:46px; display:block; float:right; text-indent:-9999px; margin-top:10px;}
.buy_bg {background:url(../images/buy_bg.png) no-repeat; width:676px; height:37px; padding:9px 10px; clear:both;}
a.buy_btn {background:url(../images/buy_btn-2.png) no-repeat; width:144px; height:37px; display:block; float:left; text-indent:-9999px;}
.buy_bg p {font:normal 14px/16px Arial, Helvetica, sans-serif; float:left; margin:2px 10px; width:510px;}

ul#tabing {width:696px; height:45px; margin-top:20px;}
ul#tabing li {float: left; height:45px;}
ul#tabing li a {background:url(../images/tabs_inactive.png) no-repeat left top; padding:0px 20px 0px 40px; height:45px; display:block; float:left; font:normal 16px/50px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
ul#tabing li span {background:url(../images/tabs_inactive.png) no-repeat right top; width:15px; height:45px; display:block; float:left;}
ul#tabing li:hover a, ul#tabing li.selected a {background:url(../images/tabs_active.png) no-repeat left; color:#bd5a20;}
ul#tabing li:hover span, ul#tabing li.selected span {background:url(../images/tabs_active.png) no-repeat right;}
.tab_container {width:696px; background:url(../images/tabs_top.png) no-repeat; padding-top:40px; margin-top:-5px;}
.tab_content_bg {width:656px; padding:0px 20px; background:url(../images/tabs_bg.png) repeat-y; margin-top:1px; float:left;}
.tabs_btm {background:url(../images/tabs_btm.png) no-repeat bottom; height:25px; width:696px; clear:both;}
.tab_content {margin-top:-15px;}
.tab_content p {font:normal 14px/18px Arial, Helvetica, sans-serif; padding:10px 0px; color:#333;}
.tab_content a{font-size:14px;}
a.download_link {background:url(../images/download_ico.png) no-repeat left center; font:normal 16px/24px Arial, Helvetica, sans-serif; color:#333; padding-left:25px; margin-top:20px; float:left;}
a.download_link:hover {
	color: #bd5a20; 
}



h5.h5l {font-size:16px;}
ul.detail {padding:10px 0px;}
ul.detail li {background:url(../images/blt_3.gif) no-repeat left 1px; padding-left:22px; font:normal 14px/18px Arial, Helvetica, sans-serif; margin-bottom:12px;}

.article_wrap {width:696px; padding:10px 0px;}
.article_wrap h3 {line-height:36px;}
.article_wrap p {font-size:14px; line-height:16px; margin-bottom:10px; color:#333;}
.img_thumb {margin:30px auto 30px auto;}
.img_thumb p.zoom {background:url(../images/zoom.png) no-repeat left center; padding-left:20px; margin-left:100px; font:italic 12px/18px Verdana, Geneva, sans-serif; text-align:left;}
p.zoom {background:url(../images/zoom.png) no-repeat left center; padding-left:20px; /*margin-left:100px;*/ font:italic 12px/18px Verdana, Geneva, sans-serif; text-align:left;}
a.tut_img {display:block; margin:10px auto; text-align:center;}
.img_thumb p {text-align:center;}

ol.tut_detail {margin:10px 20px 20px 40px;}
ol.tut_detail li {font-size:14px; list-style-type:decimal; margin-bottom:12px;}

/* ======== FORMS CSS ========== */
ul.form {padding-left:10px;}
ul.form li {width:360px; display:block; padding-bottom:15px; height:26px; float:none;}
ul.form li label {line-height:25px; display:block; float:left; margin-right:10px; width:100px; font-size:14px;}
ul.form li input {height:14px; border:1px solid #ccc; padding:5px; line-height:14px; width:238px; float:left;}
ul.form li.code {font:normal 14px/18px Arial, Helvetica, sans-serif; height:18px; padding-bottom:7px;}
ul.form li.form_hd {font:bold 14px/18px Arial, Helvetica, sans-serif; height:18px; padding-bottom:7px;}
ul.form li textarea {width:400px; height:140px; overflow:auto; padding:5px; border:1px solid #ccc;}
ul.form li.message {width:522px; height:152px;}
ul.form li button {overflow:visible; padding:5px; line-height:20px; display:block; width:auto; }
button {width:auto; overflow:visible;}
ul.form li input.button {border:0px; width:auto; overflow:visible; line-height:24px; padding:0px .25em; display:block; height:26px;}

ul.lc_form {padding-left:10px;}
ul.lc_form li {width:500px; display:block; padding-bottom:15px; height:26px; float:none;}
ul.lc_form label {line-height:25px; display:block; float:left; margin-right:10px; width:100px; font-size:14px;}
ul.lc_form li label.rd_chk {line-height:18px; display:block; float:left; margin:0px; width:auto; font-size:14px;}
ul.lc_form li input {height:14px;  padding:5px; line-height:14px; width:238px; float:left;}
ul.lc_form li select {height:24px; border:1px solid #ccc; line-height:24px; float:left; font-size:14px; width:285px;}
ul.lc_form li.code {font:normal 14px/18px Arial, Helvetica, sans-serif; height:18px; padding-bottom:7px;}
ul.lc_form li.form_hd {font:bold 14px/18px Arial, Helvetica, sans-serif; height:18px; padding-bottom:7px;}
ul.lc_form li textarea {width:400px; height:140px; overflow:auto; padding:5px; border:1px solid #ccc;}
ul.lc_form li.message {width:522px; height:152px;}
ul.lc_form li button {overflow:visible; padding:5px; line-height:20px; display:block; width:auto; }
ul.form li input.button {border:0px; width:auto; overflow:visible; line-height:24px; padding:0px .25em; display:block; height:26px;}
.licence_textarea {width:500px; height:200px; margin-left:110px;}
ul.lc_form p {font:normal 14px/18px Arial, Helvetica, sans-serif; padding:10px 0px;}
ul.lc_form li.hint {height:auto;}
ul.lc_form li.hint p, p.hint {font:italic 11px/14px Arial, Helvetica, sans-serif; padding:0px 0px 20px 0px; color:#666;  padding:5px 0px 0px 110px; float:none; clear:both;}
ul.lc_form li input.checkbox, ul.lc_form li input.radio {width:auto; height:auto; margin:0px; padding:0px; margin:3px 10px 0px 0px;}
ul.lc_form li.checkbox,  ul.lc_form li.radio {font-size:14px; padding-bottom:5px;}
textarea {border:1px solid #ccc; padding:5px;}
ul.lc_form li.pt20 {padding-top:20px;}

div.error {
	border: 1px solid #cd0a0a; 
	background: #fef1ec; 
	color: #cd0a0a;
	padding: 10px;
}

div.success {
	border: 1px solid #18760f; 
	background: #e9ffdb; 
	color: #363636;
	padding: 10px;
}

div.notice {
	border: 1px solid #fcefa1; 
	background: #fbf9ee; 
	color: #363636;
	padding: 10px;
	vertical-align: middle;
}