html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; }
ul { list-style: none; }
/* remember to define focus styles! */
:focus { outline: 0; } 
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; } 
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
/* Clearfix
-------------------------------------------------------------*/
* html .clearfix { height: 1%; /* IE5-6 */ }
html[xmlns] .clearfix { /* O */ display: block;   }
.clearfix:after { /* FF, O, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Generic Styles
-------------------------------------------------------------*/
.clear, .divider {clear: both;}
.no-display {display: none !important;}
.nowrap,.nobr {white-space: nowrap !important;}
.no-border { border: 0 !important; }
.no-padding {padding: 0 !important}
.no-margin 	{margin: 0 !important;}
/*Alignment---*/
.v-top 		{vertical-align: top;}
.v-middle	{vertical-align: middle;}
.v-bottom 	{vertical-align: bottom;}
.a-left		{text-align: left;}
.a-center	{text-align: center;}
.a-right	{text-align: right;}
.left		{float: left;}
.right	{float: right;}
.auto-width {width: auto;}
/*Always show scrollbar*/
html{ min-height:100%; border-bottom:1px solid transparent; }

/*
 * Menu
 */
.gk_menu, 
.gk-megamenu, 
.gk-megamenu>li, 
.gk-megamenu>ul>li, 
.gk-megamenu>li>a, 
.gk-megamenu>ul>li>a, 
.gk_menu>li, 
.gk_menu>ul>li, 
.gk_menu>li>a, 
.gk_menu>ul>li>a{ padding:0; margin:0; border:0}
#gk-mainnav2>ul,
#gk-mainnav ul.level0{ margin:5px 0 0 0; height:22px; line-height:22px; }
#gk-mainnav2>ul>li,
#gk-mainnav ul.level0>li{ margin:0 0 0 8px; color:#767676; }
#gk-mainnav2>ul>li:first-child,
#gk-mainnav ul.level0>li:first-child{ margin-left:0; }
#gk-mainnav2>ul>li a,
#gk-mainnav ul.level0>li>a{ color:#767676; padding:0 10px;}

#gk-mainnav .has-subnav{ background-color:#f8b222; }

#gk-mainnav ul.level0>li>.childcontent { margin:0; background:#ffae00;}
#gk-mainnav ul.level0>li>.childcontent .childcontent { background:#101010;}
#gk-mainnav ul.level1,
#gk-mainnav ul ul{text-transform:none; }

#gk-mainnav2>ul>li:hover>a,
#gk-mainnav2>ul>li>a.active,
#gk-mainnav ul.level0>li:hover>a,
#gk-mainnav ul.level0>li>a.active{color:#fff;background:#ffae00; }
#gk-mainnav2>ul>li li a,
#gk-mainnav2>ul>li li a span,
#gk-mainnav ul.level1 li a,
#gk-mainnav ul.level1 li a span{color:#0d0d0d;}
#gk-mainnav ul.level0>li>.childcontent .childcontent li a,
#gk-mainnav ul.level0>li>.childcontent .childcontent li a span{color:#727273;text-decoration:none;}
#gk-mainnav ul.level0>li>.childcontent .childcontent li>a.active span,
#gk-mainnav ul.level0>li>.childcontent .childcontent li:hover>a span,
#gk-mainnav2>ul>li li>a.active span,
#gk-mainnav2>ul>li li:hover>a span,
#gk-mainnav ul.level1 li.active>a span,
#gk-mainnav ul.level1 li:hover>a span{color:#fff;}

#gk-mainnav .childcontent-inner{padding:3px 0;}
#gk-mainnav2>ul>li li li a,
#gk-mainnav ul.level1 li a{height:32px;line-height:32px;border-top:1px solid #ffbf00;display:block}
#gk-mainnav ul.level0>li>.childcontent .childcontent li a{border-top:1px solid #212121; display:block;}
#gk-mainnav ul.level0>li>.childcontent .childcontent li:first-child a,
#gk-mainnav2>ul>li li li:first-child a,
#gk-mainnav ul.level1 li:first-child a,
#gk-mainnav .group-content li:first-child a{border-top:none;}
#gk-mainnav ul.level0>li>.childcontent .childcontent li,
#gk-mainnav2>ul>li li li,
#gk-mainnav ul.level1 li{padding:0 14px;}
#gk-mainnav ul.level1 li.haschild-over{background:transparent url("../images/menu_lvl2_hover.png") no-repeat right 10px!important;}
#gk-mainnav .group-content li{padding:0!important;}
#gk-mainnav .group-content li a {border-top:1px solid #ffbf00!important; display:block;}
#gk-mainnav .group-content ul{margin:0!important;}
/* only megamenu */
.gk-megamenu .childcontent .gk-moduletable a:hover, 
.gk-megamenu .childcontent .gk-moduletable a:focus, 
.gk-megamenu .childcontent .gk-moduletable a:active{color:#fff; text-decoration:none}
.gk-megamenu .childcontent .gk-moduletable a{color:#3b3b3b; text-decoration:none; border-bottom:1px dotted #ccc}
.gk-megamenu .childcontent .gk-moduletable{color:#ccc; border-bottom:0; line-height:1.5; margin:10px 0; padding:0}
.gk-megamenu .childcontent .gk-moduletable h3{background:none; color:#fff; border-bottom:1px dotted #444; text-transform:none}
.gk-megamenu .group .moduletable h3, 
.gk-megamenu .group-title .menu-title,
.gk-megamenu .group-title .menu-title a{color:#fff!important;text-transform:uppercase}
.gk-megamenu .group-title .menu-desc{color:#777; font-size:80%; padding-left:0 !important; height:10px; line-height:15px}
.gk-megamenu .group .moduletable h3{background:none; font-size:100%; color:#0d0d0d!important; padding: 0!important;margin:0!important;}
/* only CSS & Moo menu */
#gk-cssmenu>li ul { margin:0; background:#ffae00!important;padding-bottom:3px!important;}
#gk-cssmenu>li ul ul{ background:#101010!important;}
#gk-cssmenu ul li {padding:0 14px;}
#gk-cssmenu ul li a span{height:25px;line-height:25px!important;border-top:1px solid #ffbf00;display:block;font-weight:bold;}
#gk-cssmenu ul li:first-child>a,#gk-cssmenu ul li:first-child>a>span{border-top:none}
#gk-cssmenu li li {padding:0!important;}
#gk-cssmenu li li a{border-top:none!important;}
#gk-cssmenu li ul ul a,#gk-cssmenu>li ul ul span{color:#727273!important;text-decoration:none;}
#gk-cssmenu li ul ul span{border-top:1px solid #212121;}
#gk-mainnav ul li.havesubchildsfhover,
#gk-mainnav ul li.havesubchild:hover{background:transparent url("../images/menu_lvl2_hover.png") no-repeat right 10px!important;}
/* only Dropline & Split menu */
#gk-splitmenu>ul>li>a,
#gksdl-mainnav>ul>li>a{ margin:0 8px; color:#767676; }
#gk-splitmenu>ul>li .menu-desc,
#gksdl-mainnav>ul>li .menu-desc{display:none!important;}
#gk-splitmenu>ul>li,
#gksdl-mainnav>ul>li{height:39px;}
.has-subnav #gk-splitmenu>ul>li:hover,
.has-subnav #gk-splitmenu>ul>li.active,
#gksdl-mainnav>ul>li:hover,
#gksdl-mainnav>ul>li.active{color:#767676!important;background:transparent url("../images/menu_lvl1_hover.png") no-repeat center 105%;}
#gk-splitmenu>ul>li:hover>a span,
#gk-splitmenu>ul>li>a.active span{color:#ffae00;}
.has-subnav #gk-splitmenu>ul>li:hover>a span,
.has-subnav #gk-splitmenu>ul>li>a.active span{color:#767676;}
/* 
 * Sub Nav
 */
#gk-subnav{position:relative; height:32px; z-index:99; background:#f8b222; font-size:90%;text-transform:none!important;}
#gk-subnav .menu-desc{display:none!important}
#gk-subnav .main{line-height:1; z-index:100}
#gk-subnav ul{background:none; height:32px; line-height:32px; padding:0 0 0 8px}
#gk-subnav ul.active{background:none}
#gk-subnav li{display:block; float:left; padding:0 0 0 11px; height:28px; line-height:28px;}
#gk-subnav>.sublevel>ul>li>a{border-left:1px solid #ffbf00;height:16px;line-height:16px;margin-top:6px;}
#gk-subnav ul li:first-child a{border-left:none;}
#gk-subnav ul li a span{margin-left:10px}
#gk-subnav ul li:first-child a span{border-left:none; padding-left:0}
#gk-subnav li.first-item{border-left:0; background:none!important}
#gk-subnav ul li a{color:#0d0d0d; display:block; text-decoration:none;font-weight:bold}
#gk-subnav ul li.active>a>span, 
#gk-subnav ul li:hover>a>span, 
#gk-subnav ul li a:active>span, 
#gk-subnav ul li a:focus>span{color:#fff;}
/*#gk-subnav ul.active li a:hover, 
ul#gk-subnav>li a:hover, 
#gk-subnav ul li.empty{visibility:hidden}*/
/* 
 * Sub Nav (lv2)
 */
#gk-subnav ul ul li a span{border:none;}
#gk-subnav ul li ul{display:block; height:auto; left:-999em; padding:0; position:absolute; width:160px}
#gk-subnav ul li.hover ul{display:block; height:auto; left:auto; position:absolute; margin-top:3px; margin-left:5px}
#gk-subnav ul li ul li{border:none; display:block; float:none; overflow:hidden; padding:0; text-align:left}

#gk-subnav>ul>ul { padding-top:4px; }
#gk-subnav ul ul { margin:0; background:#f8b222!important; padding-bottom:3px!important; }
#gk-subnav ul ul ul { display:none!important; left:-999em!important; background:#0d0d0d!important; }
#gk-subnav ul ul ul a span { color:#767676; border-top:1px solid #212121!important; }
#gk-subnav ul ul ul a:hover span{ color:#fff; }

#gk-subnav ul ul li:hover ul{ margin-left:160px!important; margin-top:-25px!important; left:0!important; display:block!important; }
#gk-subnav ul ul li.haschild:hover{ background:transparent url("../images/menu_lvl2_hover.png") no-repeat right 10px!important; }



#gk-subnav ul ul li a span{ height:25px; line-height:25px!important; border-top:1px solid #ffbf00; display:block; font-weight:bold; margin:0 8px; }
#gk-subnav ul ul li:first-child>a>span { border-top:none }
#gk-subnav ul li li { padding:0!important; }
#gk-subnav ul li li a { border-top:none!important; }

/*
 * Gavick News Pro GK1 ------------------------------------------------------------------------
 */

/* 
 * Help classes:
 * - bigtitle
 * - big_img
 * - small_img
 * - medium_img
 */

div.gk_npro_mainwrap{border:none; padding:0;position:relative;clear:both}
h4.gk_npro_header, 
h4.gk_npro_header a {font-size:110%; color:#a1a1a1!important;}
h4.gk_npro_header a:hover{color:#fff!important;}
.bigtitle h4.gk_npro_header,
.bigtitle h4.gk_npro_header a {font-size:130%;line-height:120%;}
.gk_npro_short_scroll1{overflow:hidden;}
h4.gk_npro_header a{color:#333}
h4.gk_npro_header a:hover{color:#436284}
img.gk_npro_image_static, 
img.gk_npro_image{margin:0; border:none; padding:0}
div.gk_npro_full_interface{width:auto;float:right;margin-bottom:5px;}
div.gk_npro_full_interface ul{margin:0;float:left;}
div.gk_npro_full_interface ul li{border:none!important}
.gk_npro_info{font-size:90%; margin:6px 0; color:#999}
div.gk_npro_full_interface ul li, 
div.gk_npro_full_interface ul li.active{float:left;text-indent:-999em;background:#ffae00; border:none!important; height:12px; margin:2px 0 0 2px; width:12px; cursor:pointer}
div.gk_npro_full_interface ul li.active{background:#fff;}
div.gk_npro_interface_bg{background:none; width:auto;margin:0 0 0 8px; float:left}
div.gk_npro_full_prev, 
div.gk_npro_full_next, 
div.gk_npro_full_prev:hover, 
div.gk_npro_full_next:hover{background:#ffae00; color:#0d0d0d; text-transform:uppercase; width:auto; height:16px;line-height:16px;font-size:10px;font-weight:bold; padding:0 3px; margin:0 0 0 2px;float:left;cursor:pointer;}
div.gk_npro_full_prev:hover,
div.gk_npro_full_next:hover{background:#fff;color:#0d0d0d}
div.gk_npro_short_interface{margin:9px 0 0; padding-top:6px; font-size:90%; border-top:1px dotted #2b2c2c;clear:both}
div.gk_npro_short_interface .gk_npro_short_next,
div.gk_npro_short_interface .gk_npro_short_prev{background: url("../images/interface_sprite.png") no-repeat 0 -16px; text-indent: -10000px; width:25px; height:15px;line-height:15px;padding:0; margin:0 0 0 2px;float:right;cursor:pointer;}
div.gk_npro_short_interface .gk_npro_short_prev { background-position: 0 0;}
div.gk_npro_short_interface .gk_npro_short_next:hover { background-position: 100% -16px;}
div.gk_npro_short_interface .gk_npro_short_prev:hover{background-position: 100% 0;}
div.gk_npro_short_ulwrap{float:left!important;}
div.gk_npro_short{overflow:hidden;}
div.gk_npro_short_ulwrap ul{margin:0}
div.gk_npro_short_ulwrap ul li{margin:0 0 4px 0; border-top:1px solid #2c2c2c;background:transparent url("../images/bullet.png") no-repeat left 7px;padding:3px 0 0 10px;}
div.gk_npro_short_ulwrap ul li:first-child{border-top:none!important;}
div.gk_npro_short_ulwrap ul li h4, 
div.gk_npro_short_ulwrap ul li h4 a{color:#696A6A;font-size:100%;line-height:normal}
div.gk_npro_short_ulwrap ul li p{color:#696A6A; font-size:90%; margin:0}
div.gk_npro_short_ulwrap ul li:hover p, 
div.gk_npro_short_ulwrap ul li:hover a,
div.gk_npro_short_ulwrap ul li:hover h4{color:#a1a1a1!important}
.gk_npro_full_tablewrap{float:left!important;}
.gk_npro_full_scroll1{overflow:hidden;}
.gk_npro_text{font-size:100%;}
.gk_npro_info{color:#3f4040;}
.gk_npro_cat_header{padding:1px 4px;margin-bottom:6px;}
.gk_npro_cat_header,
.gk_npro_cat_header a{ font-size:95%;background:#434343;color:#0d0d0d;width:auto;float:left;height:auto;text-transform:uppercase; }
/*
 * Image Show - template style ------------------------------------------------------------------
 */
 
.gk_is_wrapper-style1{overflow:hidden; position:relative;}
.gk_is_wrapper-style1 .gk_is_image{display:block; position:relative; overflow:hidden; background:#0d0d0d;}
.gk_is_wrapper-style1 .gk_is_preloader{width:100%; height:100%; position:absolute; z-index:60; top:0; left:0; background:#0d0d0d url("../images/loader.gif") no-repeat center center;}
.gk_is_wrapper-style1 .gk_is_slide{position:absolute; left:0; top:0}
.gk_is_wrapper-style1 .gk_is_image_wrap{float:left;}
.gk_is_wrapper-style1 .gk_is_thumbs{float:right;}
.gk_is_wrapper-style1 .gk_is_btn_up{background:#0d0d0d url("../images/image_show_interface.png") no-repeat center top;height:20px;}
.gk_is_wrapper-style1 .gk_is_btn_down{background:#0d0d0d url("../images/image_show_interface.png") no-repeat center -20px;height:20px;}
.gk_is_wrapper-style1 .gk_is_btn_up:hover{background-position:center -40px;cursor:pointer;}
.gk_is_wrapper-style1 .gk_is_btn_down:hover{background-position:center -60px;cursor:pointer;}
.gk_is_wrapper-style1 .gk_is_thumbs_slider1{overflow:hidden;}
.gk_is_wrapper-style1 .gk_is_thumb{background:#0d0d0d;cursor:pointer;}
.gk_is_wrapper-style1 .gk_is_thumb img{float:left;display:block;}
.gk_is_wrapper-style1 .gk_is_thumb h4{padding: 6px 0 0 12px;font-size:11px;color:#6c6c6c;line-height: 14px;margin-bottom: 4px;}
.gk_is_wrapper-style1 .gk_is_thumb p{font-size:10px;padding:0 5px 0 0;color:#494949; line-height: 14px;}
.gk_is_wrapper-style1 .gk_is_text_data{display:none;}
.gk_is_wrapper-style1 .gk_is_text{position:absolute;width:100%;z-index:50;bottom:0;background:transparent;}
.gk_is_wrapper-style1 .gk_is_text_bg{position:absolute;width:100%;z-index:49;bottom:0;background:#0d0d0d;opacity:0.85;filter: alpha(opacity = 85);}
.gk_is_wrapper-style1 .gk_is_text h4{font-size:24px;color:#fff;padding:0 28px;}
.gk_is_wrapper-style1 .gk_is_text p{font-size:12px;color:767676;padding:0 28px;margin-top:-6px;line-height: 16px;}

/*
 * Image Show - style 3 ------------------------------------------------------------------
 */

.gk_is_popup-style3 .prev {left: 10px;}
.gk_is_popup-style3 .next {right: 10px;}
.gk_is_popup-style3 .next, .gk_is_popup-style3 .prev  {background: url("../images/interface_sprite.png") no-repeat -2px -40px;width: 50px; height: 25px;}
.gk_is_popup-style3 .prev { background-position: -2px -65px;}

.gk_is_popup-style3 .tl, .gk_is_popup-style3 .t, .gk_is_popup-style3 .tr, .gk_is_popup-style3 .ml, .gk_is_popup-style3 .m, .gk_is_popup-style3 .mr, .gk_is_popup-style3 .bl, .gk_is_popup-style3 .b, .gk_is_popup-style3 .br {
background-image:none;}
.gk_is_popup-style3 .t{background:url("../images/header_top.png") no-repeat scroll right bottom transparent;}
.gk_is_popup-style3 .b{background:url("../images/header_bottom.png") no-repeat scroll left top transparent;}
.gk_is_popup-style3 .ml{background:url("../images/header_left.png") no-repeat scroll right top transparent;}
.gk_is_popup-style3 .mr{background:url("../images/header_right.png") no-repeat scroll left bottom transparent;}
.gk_is_popup-style3 .content{background:#0d0d0d}

/*
 * GK Tab
 */
 
.clearfix-tabs{clear:both}
.gk_tab_item_space{padding:10px 0}
div.gk_tab-style1{position:relative}
div.gk_tab_wrap-style1{margin:0 auto}
div.gk_tab-style1 div.gk_ul_wrap{height:45px}
ul.gk_tab_ul-style1{}
.gk_tab_news_image{margin:5px}
ul.gk_tab_ul-style1 li{ cursor:pointer; height:30px; line-height:30px; color:#696a6a; background:#0d0d0d; font-weight:bold;padding:0 6px;font-size:150%;width:auto;float:left;text-transform:uppercase;margin:0 8px 0 0;}
ul.gk_tab_ul-style1 li.active, 
ul.gk_tab_ul-style1 li:hover, 
.moduletable_color1 ul.gk_tab_ul-style1 li:hover span, 
.moduletable_color1 ul.gk_tab_ul-style1 li.active span{ color:#0d0d0d; background:#ffae00; }
div.gk_tab_container0-style1{clear:both}
div.gk_tab_container1-style1{overflow:hidden}
div.gk_tab_item-style1{float:left; overflow:hidden; padding:0}
h4.gk_tab_news_header{margin:6px 5px; font-size:110%; font-weight:bold}
/*
 * GK Image Border -------------------------------------------------------------------------------------
 */
 
div.gk_img_border_top{float:left;overflow:hidden;padding:8px 0 0 0;background:transparent url("../images/header_top.png") no-repeat 96% top;margin:5px 18px 5px 0;} 
div.gk_img_border_bottom{overflow:hidden;padding:0 0 8px 0;background:transparent url("../images/header_bottom.png") no-repeat 2% bottom;}
div.gk_img_border_bottom>img{margin:0!important;padding:0!important;background:#0d0d0d}
/*
 * JComments - Latest Comments Module ------------------------------------------------------------------
 */
 
ul.jclist li, 
ul.jclist_color1 li, 
ul.jclist_color2 li, 
ul.jclist_color3 li{background:#0D0D0D; margin-bottom:12px; padding:10px; font-size:90%; color:#999; margin-left:0 !important; }
ul.jclist img, 
ul.jclist_color1 img, 
ul.jclist_color2 img, 
ul.jclist_color3 img{float:right; background: #222;
border:1px solid #2d2d2d;
height:auto;width:48px;
margin:6px 6px 0 0;
padding:3px;
}
.jcl_comment{font-size:110%; color:#696A6A; line-height: 1.7em;}
a:hover.jcl_comment {color: #fff;}
.jcl_objtitle{font-size:110%;  font-weight: bold;margin-bottom: 6px;}
a.jcl_objtitle {color: #ffae00;}
a:hover.jcl_objtitle {color: #fff;}
.jcl_date{font-size:90%; color:#a1a1a1; float: right;}

/*
 * Popups
 */
.gk_hide{height:36px; position:absolute; right:0; margin:0 0 0 0; z-index:100; display:none}
.gk_popup-hide{display:none;height:22px; margin:2px 0 0 0; padding:6px 0 6px 26px; width:170px!important; line-height:28px; white-space:nowrap;}
/* 
 * GK JomSocial Stats
 */
 
.gk_js_stats_main div {float:left;margin:0 12px 0 0;font-size: 90%; }
.gk_js_groupname {margin-right: 6px;padding: 0 6px 0 0;} 
.gk_js_viewgroups {background: url("../images/bullet.png") no-repeat 0 4px;padding: 0 12px;border-right: 1px solid #3d3d3d; color: #696A6A;}
.gk_js_total strong, .gk_js_female span, .gk_js_male span {border-left: 1px solid #3d3d3d;padding: 0 0 0 12px;}
/*
 * GK JomSocial Members
 */
 .gk_js_members_main .gk_js_tabs{float:left;margin:0 0 10px 0}
 .gk_js_members_main .gk_js_tab{float:left;}
 .gk_js_members_main .gk_js_tab{ background:none repeat scroll 0 0 #0D0D0D; color:#696A6A; cursor:pointer; float:left; font-size:150%; font-weight:bold; height:30px; line-height:30px; margin:0 8px 0 0; padding:0 6px; text-transform:uppercase; width:auto; } 
 .gk_js_members_main .gk_js_tab.active, .gk_js_members_main .gk_js_tab:hover{background:none repeat scroll 0 0 #FFAE00; color:#0D0D0D; }
  
  	.gk_js_interface .gk_js_next,
	.gk_js_interface .gk_js_prev{background: url("../images/interface_sprite.png") no-repeat 0 -16px; text-indent: -10000px; width:25px; height:15px;line-height:15px;padding:0; margin:0 0 0 2px;float:right;cursor:pointer;}
	.gk_js_interface .gk_js_prev{ background-position: 0 0;}
	.gk_js_interface .gk_js_next:hover { background-position: 100% -16px;}
	.gk_js_interface .gk_js_prev:hover{background-position: 100% 0;}
  
  .gk_js_interface .gk_js_page.active, .gk_js_interface .gk_js_page:hover{ background:#fefefe; color:#767676; }
  .gk_js_since, .gk_js_profileviews, .gk_js_lastonline{ color:#8a8787; font-size:90%; padding:3px 0; clear:both;}
  .gk_js_profileviews{ border-bottom:none; font-weight:bold; line-height:200%; }
  .gk_js_profileviews span{ font-size:150%; }
  .gk_js_since span:first-child, 
  .gk_js_profileviews span:first-child,
  .gk_js_lastonline span:first-child{ color:#4a4a4a; font-weight:normal; font-size:90%; }
  .gk_js_member_wrap{ padding:0 10px 0 0; }
  .gk_js_members_main .gk_js_overlay { background:#0d0d0d; }
  .gk_js_interface{position:absolute;top:-30px;right:15px;}
  .gk_js_interface>div{display:inline-block;margin: 0 auto;}
  .gk_js_members_main .gk_js_avatar{position:relative;display:block;width:auto;float:left;}
  .gk_js_members_main .gk_js_avatar>span{height:37px;width:93%;padding:0 7% 0 0;position:absolute;bottom:0;background:transparent url("../images/js_av_name.png") no-repeat right bottom;color:#fff;text-align:right;z-index:0;left:0;line-height:42px;font-size:13px;font-weight:bold;}
  .gk_js_member_wrap .header_top,
  .gk_js_member_wrap .header_bottom,
  .gk_js_member_wrap .header_left,
  .gk_js_member_wrap .header_right{overflow:hidden;width:auto;float:left}
    .gk_js_member_wrap .header_top{padding-top:8px;background-position:98% 0;}
  .gk_js_member_wrap .header_bottom{padding-bottom:8px;background-position: 1% bottom;}
  .gk_js_member_wrap .header_left{padding-left:8px;background-position:left 4%;}
  .gk_js_member_wrap .header_right{padding-right:8px;background-position:right 96%;}
  .gk_js_members_main .gk_js_content,
  .gk_js_members_main .gk_js_content_wrap,
  .gk_js_members_main .gk_js_members {overflow:inherit;}
  
 /* 
 * Readon links
 */
 
a.readon { margin: 10px 0; }
a.readon:hover,
a.readon:active,
a.readon:focus { }
/* 
 * Content spacing 
 */

.componentheading { line-height:40px; margin-bottom: 50px; font-weight: normal; color: #fff; border-bottom: 1px solid #3d3d3d; }
.contentheading { line-height:44px; background: none; font: normal 260% Georgia, "Times New Roman", Times, serif!important; margin-top: 12px; }
.componentheading span { }
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }
.category { }
/* 
 * Small text 
 */
 
small,
.small,
.smalldark,
.createby,
.createdate,
.modifydate,
.img_caption,
.contenttoc,
p.site-slogan,
.gk-navhelper,
#gk-footer { font-size: 96%; }
small,
.small { color: #666; }
.smalldark { text-align: left; }
/* 
 * List 
 */
 
.column ul li { overflow: hidden; line-height: 220%; }
.column ol li { line-height: 220%; }
/* 
 * Others 
 */
 
th { font-weight: bold; padding: 5px; text-align: left; }
td { font-size: 100%; padding: 5px 0 5px 0; }
fieldset { border: none; padding: 10px 5px; }
fieldset a { font-weight: bold; }
fieldset.input { padding: 0; }
hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #ccc; height: 1px; }
/* 
 *
 * FORM
 * ----------------------------------------------------------------------------------------
 *
 */
 
form label { cursor: pointer; }
input,
select,
textarea,
.inputbox { font-size: 100%; background: #2D2D2D; border: 1px solid #4D4D4D; color: #999;}
.inputbox { background: #2D2D2D; border: 1px solid #4D4D4D; color: #999;}
.inputbox:hover,
.inputbox:focus { background: #0d0d0d; border-color: #212121; }
.button { background: #0d0d0d; border: none; color: #fff; font-size: 80%; padding: 5px 7px; text-transform: uppercase; cursor: pointer; font-weight: bold; }
.button:hover,
.button:focus { background: #FFAE00; color: #0d0d0d; }
.checkbox { }
.radio { margin: 0 5px; }
/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }
.login_form label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; }
.login_form .inputbox { margin-left: 10px; width: 150px; }
.login_form .remember .inputbox { width: 20px; }
.login_form .button { margin-left: 140px; }
/* 
 * Register
 */
 
.form-register fieldset { padding: 0 0 20px; }
.form-register p { margin: 0 0 6px; }
.form-register p.form-des { margin: 0 0 50px; padding: 5px 10px 5px 15px; background: #222; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; color: #999; font-size: 90%; }
.form-register label { font-weight: bold; text-align: left; display: block; float: left; width: 130px; }
.form-register .inputbox { margin-left: 10px; width: 350px; }
.form-register .button { margin-left: 140px; }
/* User ---*/
.user-details { padding: 10px 0; }
.user-details p { margin: 0 0 5px; }
.user-details label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; }
.user-details .inputbox { margin-left: 10px; width: 200px; }
.user-details .button { margin-left: 140px; }
.user-details .paramlist .paramlist_key { width: 130px !important; padding: 0 0 5px !important; }
.user-details .paramlist .paramlist_value { padding: 0 0 5px !important; }
.user-details .user_name span { padding-left: 10px; font-weight: bold; }
/* 
 * Search 
 */
 
form#searchForm { padding: 15px 0; }
.searchintro p { float: right; }
.searchintro p:first-child { float: left; }
.results h3 { background: #222; border-bottom:1px solid #3d3d3d;border-top:1px solid #3d3d3d;  color:#999; font-size:90%; margin:10px 0 30px; padding:5px 10px 5px 15px; }
.results h4 { text-transform: none; font-size: 110%; margin: 15px 0 0; }
.results p { margin: 0 0 10px; text-transform: uppercase; font-size: 80%; color: #ccc; }

.results ol li { border-bottom: 1px dotted #3d3d3d; padding-bottom: 15px; }
/* Contact ---*/
#component-contact address { font-style: normal; }
#component-contact #emailForm { border-top: 1px solid #3d3d3d; padding-top: 15px; }
.contact_email { margin: 0 0 10px; }
.contact_email label { font-weight: bold; display: block; }
.contact_email_checkbox { margin: 15px 0; }
/*
 *
 * JOOMLA STYLE
-------------------------------------------------------------------------------------------
 *
 *
 */
 
/*
 * Layout Deco 
 */
 
.blog { }
.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }
.leading { padding-bottom: 3px; padding-top: 3px; }
.article_row { padding-bottom: 10px; padding-top: 10px; }
.article_column { }
.column_separator { padding: 0 25px; }
/* 
 * Meta 
 * blog layout
 */
 
.blog .article-tools { float: left; margin: 0 30px 0 0; width: 110px; border: none; border-right: 1px dotted #333; text-align: right; padding: 0;padding-right: 30px; }
.blog .article-meta { float: left; padding: 0; }
.blog .article-wrap { margin-left:170px; }
.blog .createdate-day { display: block; font-family: Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 0 #333; font-size:460%; line-height:100%; color:#FFAE00; }
.blog .article-tools .buttonheading {margin: 8px 0 0;}
.blog strong.article-tools-title { clear: both;display: block; margin:10px 0 0; color: #aeaeae; }
.blog .article-tools .article-section,
.blog .article-tools .article-category { display: block;color: #999;margin: 10px 0 0; }
.contentdescription { display: block; margin: 0 -10px; padding: 10px 15px; }
.contentdescription p, .blog .createby  { margin: 0; }
.buttonheading { float: right; height: 24px; line-height: 24px; margin-top: 6px; padding-left: 12px; }
.buttonheading img { border: 0; float: right; margin: 6px 0 0 10px; }
.article-meta .comments{clear:both;display:block;width:auto;float:right;margin: 10px 0;}
/* 
 * Meta 
 * default article layout
 */
.article-tools { margin: 8px 0; padding: 2px 0 1px;border-top: 1px dotted #3d3d3d; border-bottom: 1px dotted #3d3d3d; }
.article-meta {float: left; width: auto;}
.article-tools .buttonheading{float: right; width: auto;margin: 0;}
.createdate, .createby, .comments-inline {margin-right: 12px;}
a.comments-inline, .article-meta .comments {color: #ffae00;}
a:hover.comments-inline, .article-meta a:hover.comments {color: #fff;}
/*
 * Inline images 
 */
 
img.caption { margin-top: 0!important; }
.img_caption { color: #767676; padding: 0!important; margin:0!important; color:#AEAEAE; font-size:90%; font-weight:bold; text-shadow:1px 1px 1px #000; text-transform:uppercase; background:#0d0d0d; }
.article-content img { margin: 5px; }
.img_caption img { margin: 5px 0 0; }
.img_caption p { margin: 0; padding:4px!important; text-align:center; }
/* 
 * Tables 
 */
 
.sectiontableheader { background: #171717; font-size:90% !important; font-weight:bold; color:#B7B7B7; text-shadow:1px 1px 1px #000; text-transform:uppercase; padding:10px; }
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }
.sectiontableentry td,
.sectiontableentry0 td,
.sectiontableentry1 td,
.sectiontableentry2 td { padding: 7px 10px; }
.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background: #222; }
.sectiontableentry2,
.sectiontableentry1 { border-bottom: 1px dotted #3d3d3d; }
table.contentpane,
table.tablelist { width: 100%; }
table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }
/* 
 * Content Toc 
 */
 
table.contenttoc { border: 1px solid #ddd; float: right; margin: 0 0 10px 12px; padding: 0; width: 30%; }
table.contenttoc a { color: #333; }
table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }
table.contenttoc th { background: #f6f6f6; border-bottom: 1px solid #ddd; padding: 5px 10px; text-transform: uppercase; }
/*
 * Poll 
 */
 
div.poll { padding: 15px 0; }
div.poll h3 {margin: 20px 0 ; font: normal 200% Arial, Helvetica, sans-serif;}
form#poll { border-bottom: 1px dotted #3d3d3d; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; }
dl.poll { border-bottom: 1px dotted #3d3d3d; font-size: 92%; margin-bottom: 10px; padding-bottom: 10px; }
dl.poll dt, dl.poll dd { float: left; }
dl.poll dt { clear: left; width: 100px; }
dl.poll dd { clear: right; }
table.pollstableborder { border: none; padding: 0; text-align: left; width: 100%; }
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td { font-weight: bold; padding: 6px !important; border-bottom: 1px dotted #3d3d3d; }
table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td {  background: #222;font-weight: normal; padding-bottom: 10px!important; font-size: 200%!important; }
table.pollstableborder tr.sectiontableentry0:hover td, table.pollstableborder tr.sectiontableentry1:hover td { background: #222; }
table.pollstableborder td.td_2 {color: #FFAE00;}
.mod_poll { padding:8px; }
.mod_poll h4 { color:#8c8d8d; margin:0 0 8px 0; }
.mod_poll .item { border-top:1px solid #2c2d2d; margin:0; height:34px; line-height:34px; }
.mod_poll .item:first-child { border-top:none; }
.mod_poll p.buttons span { display:block; float:left; padding:0 0 0 10px; background: transparent url("../images/style1/btn_left.png") no-repeat left 0; height:26px; margin:0 8px 0 0 }
.mod_poll p.buttons input { display:block; float:left; padding:0 10px 5px 0; background: transparent url("../images/style1/btn_right.png") no-repeat right 0; height:26px; color:#0d0d0d; border:none; margin:0; font-weight:bold; }
.mod_poll p.buttons input:hover{color:#fff;}
/* 
 * Search 
 */
 
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px !important; }
/*
 * Misc. 
 */
 
/*table.contentpaneopen, table.contentpane, table.blog { width: 100%; }*/
/* 
 * Pagination 
 */
 
ul.pagination { float: left; margin: 10px 0; width: 75%; }
ul.pagination li { background: none; display: inline; margin: 0 5px; overflow: hidden; color:#888; font-size:80%; font-weight:bold; text-transform:uppercase; padding: 1px 8px; }
ul.pagination li span { }
ul.pagination a { line-height: 20px; text-decoration: none; padding: 0 4px; }
ul.pagination a:hover,
ul.pagination a:active,
ul.pagination a:focus { }
.sortby { font-size: 92%; margin: 10px 0; }
.sortby .filter,
.sortby .display { float: right; }
.sortby .display { text-align: right; margin-right: 20px; }
.pagenavbar { font-weight: bold; }
.pagenavcounter { margin: 15px 0 !important; text-align: center; }
.counter { float: right; line-height: 1; margin: 15px 0 !important; text-align: right; width: 24%; }
.counter span { color:#fff; font-size:80%; font-weight:bold; text-transform:uppercase; padding: 2px 8px; }
.blog_more { border-top: 1px dotted #3d3d3d; border-bottom: 1px dotted #3d3d3d; padding: 15px 0; margin: 20px 0 10px; }
.blog_more h2 { font-size: 160%!important; margin: 0!important; font-weight: normal;  }
.blog_more ul li { background: url("../images/li_def.png") no-repeat 5px 8px; padding-left: 25px; margin: 0 0 0 50px; line-height: 200%; border: none; }
div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }
/* 
 * Messages 
 */
 
#system-message { margin: 0 0 4px; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li { background: none; color: #fff; margin: 0; padding: 5px; }
/* System Standard Messages */
#system-message dd.message ul { background: #069; border: 0; }
/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }
/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }
 
/*
 * Login Module and Register Section
 */
 
p.username,
p.password,
p.remember { float: left; }
#form-login label { font-size:90%; margin:0 0 0 3px; }
p.password { clear:both; }
p.username input,
p.password input,
p.username input:hover,
p.password input:hover,
p.username input:focus,
p.password input:focus,
p.username input:active,
p.password input:active { display:block; float:left; background:transparent url("../images/input.png") no-repeat 0 0!important; padding:0 8px; width:122px; height:26px; margin:0; border:none; color:#767676; }
p.remember,
#form-login ul { margin:30px 0 0 10px; }
#form-login { padding:0 16px; overflow:hidden; }
#form-login ul { clear:both; }
#form-login ul li { float: left; margin: 15px 0 0 5px; padding: 0 0 0 5px; border-top: none!important; border-left: 1px solid #414449; line-height: normal; font-size:95%; }
#form-login ul li:first-child { border: none; margin-left: 0; padding-left: 0; }
#form-login ul li a { color: #696a6a; }
#form-login ul li a:hover { color: #ffae00; }
div.buttons { display:block; float:left; padding:0 0 0 10px; background: transparent url("../images/style1/btn_left.png") no-repeat left 0; height:26px; margin:28px 0 0 10px; }
div.buttons input,div.buttons input:hover,
div.buttons input:active,div.buttons input:focus { display:block; float:left; padding:0 10px 5px 0; background: transparent url("../images/style1/btn_right.png") no-repeat right 0; height:26px; color:#0d0d0d; border:none; margin:0; font-weight:bold; }
div.buttons input:hover{color:#fff;}
div.greeting { float:left; }
div.greeting + div.buttons { margin:0 0 0 10px; }
/* 
 * mod_search 
 */

.mod_search { }
.mod_search>input#mod_search_searchword { display:block; float:left; background:transparent url("../images/input.png") no-repeat 0 0; padding:0 8px; width:122px; height:26px; margin:0; border:none; color:#767676; }
.mod_search span.btn_wrap { display:block; float:left; padding:0 0 0 10px; background: transparent url("../images/style1/btn_left.png") no-repeat left 0; height:26px; }
.mod_search input#mod_search_button { display:block; float:left; padding:0 10px 5px 0; background: transparent url("../images/style1/btn_right.png") no-repeat right 0; height:26px; color:#0d0d0d; border:none; margin:0; font-weight:bold; }
.mod_search input#mod_search_button:hover{color:#fff;}
/* 
 * mod_breadcrumbs 
 */

.mod_breadcrumbs { width:auto; float:left; font-size:90%; }
.mod_breadcrumbs>span.youah { font-weight:bold; padding:0 8px 0 0; }
.mod_breadcrumbs>span.pathway { font-weight:normal; }
.mod_breadcrumbs span,
.mod_breadcrumbs a { float: left; color:#696a6a; }
.mod_breadcrumbs a:hover { text-decoration:underline; }
.mod_breadcrumbs>span.pathway.separator { margin:0 8px; }
.mod_breadcrumbs>span.pathway.last { }
/* 
 * mod_mainmenu _menu 
 */
 
#gk-container ul.menu {background:#0d0d0d; padding: 2px 16px;}
#gk-container ul.menu li { background: url("../images/bullet.png") no-repeat 0 15px;
border-top:1px dotted #2d2d2d;
font-weight:bold;
height:35px;
line-height:35px;
padding:0 12px 0 20px;}
#gk-container ul.menu li:first-child {border: none;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; max-width: 1200px; margin: 0 auto;}
.static { position: static; }
.column { overflow: hidden; float: left; }
.gk-mass { clear: both; margin-bottom:12px; }
/* Gutter ---*/
.main .inner {/* We use liquid layout, so we need to insert a div which will create margin if need */ padding:12px; }
.main .inner.ctop{padding-top:0; }
.main .inner.cbottom{ padding-bottom:0; }
.main .inner.cleft{	padding-left:0; }
.main .inner.cright{ padding-right:0; }
.main .inner.cleft-col{padding-left:24px!important;}
.main .inner.cright-col{padding-right:24px!important;}
/* for side columns and spotlight, we only need to add margin or padding to Module
.column div.gk-moduletable, .column div.moduletable, .column div.gk-module, .column div.module { 
	margin-left: 10px;
	margin-right: 10px;
}

.gk-inset2 div.gk-moduletable, .gk-inset2 .div.moduletable, .gk-inset2 div.gk-module, .gk-inset2 div.module {
	margin-right: 0;
	margin-left: 20px;
}

.gk-inset1 div.gk-moduletable, .gk-inset1 .div.moduletable, .gk-inset1 div.gk-module, .gk-inset1 div.module {
	margin-right: 20px;
	margin-left: 0;
}*/

.article_column .contentpaneopen { /* for article columns, we only need to add margin or padding to this div  */ padding-left: 10px; padding-right: 10px; }
.leading { }
.article_row { /* minus the spacing of the article row to macth with the Gutter & global grid */ margin-left: -10px; margin-right: -10px; }

/* MAIN COLUMN
--------------------------------------------------------- */
#gk-mainbody { float: left; }
#gk-current-content, #gk-main { float: right; }
/* SIDE COLUMNS
--------------------------------------------------------- */
.gk-colswrap {}
.gk-col {}
/* Left Column ---*/
#gk-left .gk-l2 .gk-left1, #gk-left .gk-l2 .gk-left2 { width: 50%; }
#gk-left .gk-l1 .gk-col { width: 100%; }
/* Right Column ---*/
#gk-right { float: right; }
#gk-right .gk-r2 .gk-right1, #gk-right .gk-r2 .gk-right2 { width: 50%; }
#gk-right .gk-r1 .gk-col { width: 100%; }
/* HEADER
--------------------------------------------------------- */
#gk-header {}
/* FOOTER
--------------------------------------------------------- */
#gk-footer { clear: both; }
/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }
.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }
/* SPOTLIGHT
--------------------------------------------------------- */
#gk-topsl {}
#gk-botsl {}
.gk-box { float: left; overflow: hidden; }

/* 
 * Typography 
 */
/* Code */
.article-content pre, 
.article-content .code1, 
.article-content .code2{margin:10px 0 15px!important; padding:10px 15px!important; font-size:0.92em!important; font-family:'Curier New',monospace!important}
.article-content .code2{padding-left:20px!important}
.article-content .code3{padding:0 0 5px 20px!important}
.article-content .code3 h4{width:35px; position:relative; top:-10px; margin:0 0 -10px 11px!important; padding:0 5px; font-size:1.17em; font-weight:normal}
/* Warnings */
.article-content p.info1, 
.article-content p.info2, 
.article-content p.info3, 
.article-content p.info4{background:transparent url("../images/icons/info.gif") no-repeat left center}

.article-content p.warning1, 
.article-content p.warning2, 
.article-content p.warning3, 
.article-content p.warning4{background:transparent url("../images/icons/warning.gif") no-repeat left center}

.article-content p.tips1, 
.article-content p.tips2, 
.article-content p.tips3, 
.article-content p.tips4{background:transparent url("../images/icons/tips.gif") no-repeat left center}

.article-content p.info1, 
.article-content p.info3, 
.article-content p.warning1, 
.article-content p.warning3, 
.article-content p.tips1, 
.article-content p.tips3{padding-left:30px}

.article-content p.info2, 
.article-content p.info4{padding:3px 3px 3px 30px; border-top:#39f solid 1px; border-bottom:#39f solid 1px; background-position:3px center}

.article-content p.info3, 
.article-content p.info4{background-color:#f0f6fe; background-position:7px center; min-height:14px; padding:12px 0 14px 30px}

.article-content p.warning2, 
.article-content p.warning4{border-top:#f71212 solid 1px; border-bottom:#f71212 solid 1px; padding:3px 3px 3px 30px; background-position:3px center}

.article-content p.warning3, 
.article-content p.warning4{background-color:#ffeeea; background-position:7px center; min-height:14px; width:auto; padding:12px 0 14px 30px}

.article-content p.warning4{border-top:#f71212 solid 1px; border-bottom:#f71212 solid 1px}

.article-content p.tips2, 
.article-content p.tips4{border-top:#fde647 solid 1px; border-bottom:#fde647 solid 1px; padding:3px 3px 3px 30px; background-position:3px center}

.article-content p.tips3, 
.article-content p.tips4{display:block; background-color:#fdffca; background-position:7px center; min-height:14px; padding:12px 0 14px 30px}

.article-content p.tips4{border-top:#fde647 solid 1px; border-bottom:#fde647 solid 1px}

/* Dropcaps */
.article-content span.Dropcap1, 
.article-content span.Dropcap2, 
.article-content span.Dropcap3{font-size:5.0em; display:block; float:left; line-height:1.0em; font-family:'Times New Roman',serif}

.article-content span.Dropcap1{height:61px; margin:-4px 5px -3px 0}

.article-content p.Dropcap2{padding:0 0 0 50px}

.article-content span.Dropcap2{height:61px; margin:-4px 0 0 -50px}

.article-content p.Dropcap3{margin-top:32px}

.article-content span.Dropcap3{height:61px; margin:-32px 5px 0 0}

/* Blockquotes */
.article-content blockquote{font-style:italic; margin:20px 0; float:left}

.article-content blockquote div.blockquote1 div{padding:0 17px}

.article-content blockquote div.blockquote2 div{padding:0 17px}

.article-content blockquote div.blockquote3{padding-bottom:5px}

.article-content blockquote div.blockquote3 div{padding:5px 27px 0 27px}

.article-content blockquote div.blockquote4{padding-top:2px}

.article-content blockquote div.blockquote4 div{padding:5px 27px 0 27px}

/* Floated blocks */
.article-content .blockTextLeft, 
.article-content .blockTextRight, 
.article-content .blockTextCenter{display:block; width:30%; padding:15px; font-style:italic;color:#aaa;}

.article-content .blockTextLeft{float:left; text-align:left}

.article-content .blockTextRight{float:right; text-align:right}

.article-content .blockTextCenter{margin:0 auto; text-align:center}

/* Legends */
.article-content div.legend1 h4, 
.article-content div.legend2 h4, 
.article-content div.legend3 h4, 
.article-content div.legend4 h4, 
.article-content div.legend5 h4, 
.article-content div.legend6 h4{width:auto; float:left; background:#fff; position:relative; top:-9px; left:11px; margin:0 0 -9px 0!important; padding:0 3px; font-size:1.17em; font-weight:normal}

.article-content div.legend3 h4:first-child, 
.article-content div.legend5 h4:first-child{background:#e7e7e7}

.article-content div.legend4 h4:first-child, 
.article-content div.legend6 h4:first-child{border:solid 1px #666}

.article-content div.legend1, 
.article-content div.legend5, 
.article-content div.legend6{border:solid 1px #666; margin:25px 0}

.article-content div.legend2, 
.article-content div.legend3, 
.article-content div.legend4{border-top:solid 1px #666; border-bottom:solid 1px #666; margin:25px 0}

.article-content div.legend1 p, 
.article-content div.legend2 p, 
.article-content div.legend3 p, 
.article-content div.legend4 p, 
.article-content div.legend5 p, 
.article-content div.legend6 p{margin:7px; clear:both}

/* icons */
.article-content .audio, .article-content .creditcard, .article-content .feed, .article-content .help, .article-content .webcam, .article-content .images, .article-content .lock, .article-content .printer, .article-content .report, .article-content .script, .article-content .time, .article-content .user, .article-content .world, .article-content .camera, .article-content .brick, .article-content .box, .article-content .cart, .article-content .cd, .article-content .chart_bar, .article-content .chart_line, .article-content .chart_pie, .article-content .clock, .article-content .cog, .article-content .coins, .article-content .compress, .article-content .computer, .article-content .cross, .article-content .disk, .article-content .error, .article-content .email, .article-content .accept, .article-content .add, .article-content .calendar, .article-content .group, .article-content .exclamation, .article-content .film, .article-content .folder, .article-content .heart, .article-content .house, .article-content .image, .article-content .information, .article-content .magnifier, .article-content .money, .article-content .new, .article-content .note, .article-content .page, .article-content .page_white, .article-content .plugin{padding:0 0 2px 30px!important}
.article-content .audio{background:transparent url("../images/icons/audio.gif") no-repeat left top}
.article-content .creditcard{background:transparent url("../images/icons/credit.gif") no-repeat left top}
.article-content .feed{background:transparent url("../images/icons/feed.gif") no-repeat left top}
.article-content .help{background:transparent url("../images/icons/help.gif") no-repeat left top}
.article-content .webcam{background:transparent url("../images/icons/webcam.gif") no-repeat left top}
.article-content .images{background:transparent url("../images/icons/images.png") no-repeat left top}
.article-content .lock{background:transparent url("../images/icons/lock.png") no-repeat left top}
.article-content .printer{background:transparent url("../images/icons/printer.png") no-repeat left top}
.article-content .report{background:transparent url("../images/icons/report.png") no-repeat left top}
.article-content .script{background:transparent url("../images/icons/script.png") no-repeat left top}
.article-content .time{background:transparent url("../images/icons/time.png") no-repeat left top}
.article-content .user{background:transparent url("../images/icons/user.png") no-repeat left top}
.article-content .world{background:transparent url("../images/icons/world.png") no-repeat left top}
.article-content .cart{background:transparent url("../images/icons/cart.png") no-repeat left top}
.article-content .cd{background:transparent url("../images/icons/cd.png") no-repeat left top}
.article-content .chart_bar{background:transparent url("../images/icons/chart_bar.png") no-repeat left top}
.article-content .chart_line{background:transparent url("../images/icons/chart_line.png") no-repeat left top}
.article-content .chart_pie{background:transparent url("../images/icons/chart_pie.png") no-repeat left top}
.article-content .clock{background:transparent url("../images/icons/clock.png") no-repeat left top}
.article-content .cog{background:transparent url("../images/icons/cog.png") no-repeat left top}
.article-content .coins{background:transparent url("../images/icons/coins.png") no-repeat left top}
.article-content .compress{background:transparent url("../images/icons/compress.png") no-repeat left top}
.article-content .computer{background:transparent url("../images/icons/computer.png") no-repeat left top}
.article-content .cross{background:transparent url("../images/icons/cross.png") no-repeat left top}
.article-content .disk{background:transparent url("../images/icons/disk.png") no-repeat left top}
.article-content .error{background:transparent url("../images/icons/error.png") no-repeat left top}
.article-content .email{background:transparent url("../images/icons/email.gif") no-repeat left top}
.article-content .exclamation{background:transparent url("../images/icons/exclamation.png") no-repeat left top}
.article-content .film{background:transparent url("../images/icons/film.png") no-repeat left top}
.article-content .folder{background:transparent url("../images/icons/folder.png") no-repeat left top}
.article-content .group{background:transparent url("../images/icons/group.png") no-repeat left top}
.article-content .heart{background:transparent url("../images/icons/heart.png") no-repeat left top}
.article-content .house{background:transparent url("../images/icons/house.png") no-repeat left top}
.article-content .image{background:transparent url("../images/icons/image.png") no-repeat left top}
.article-content .information{background:transparent url("../images/icons/information.png") no-repeat left top}
.article-content .magnifier{background:transparent url("../images/icons/magnifier.png") no-repeat left top}
.article-content .money{background:transparent url("../images/icons/money.png") no-repeat left top}
.article-content .new{background:transparent url("../images/icons/new.png") no-repeat left top}
.article-content .note{background:transparent url("../images/icons/note.png") no-repeat left top}
.article-content .page{background:transparent url("../images/icons/page.png") no-repeat left top}
.article-content .page_white{background:transparent url("../images/icons/page_white.png") no-repeat left top}
.article-content .plugin{background:transparent url("../images/icons/plugin.png") no-repeat left top}
.article-content .accept{background:transparent url("../images/icons/accept.png") no-repeat left top}
.article-content .add{background:transparent url("../images/icons/add.png") no-repeat left top}
.article-content .camera{background:transparent url("../images/icons/camera.png") no-repeat left top}
.article-content .brick{background:transparent url("../images/icons/brick.png") no-repeat left top}
.article-content .box{background:transparent url("../images/icons/box.png") no-repeat left top}
.article-content .calendar{background:transparent url("../images/icons/calendar.png") no-repeat left top}

/* Highlights */
.article-content .highlight-1, 
.article-content .highlight-2, 
.article-content .highlight-3, 
.article-content .highlight-4{padding:1px 5px}

/* Colors for spans */
.article-content span.clear, 
.article-content span.clear-1, 
.article-content span.clear-2, 
.article-content span.color, 
.article-content span.color-1, 
.article-content span.color-2, 
.article-content span.color-3, 
.article-content span.color-4, 
.article-content span.color-5, 
.article-content span.color-6, 
.article-content span.color-7{display:block; padding:5px 10px; margin-bottom:10px}

/* ordered lists */
.article-content ol{padding-left:28px; list-style-position:inside}

.article-content ol.dec{list-style-type:decimal; list-style-position:inside}

.article-content ol.roman{list-style-type:upper-roman; list-style-position:inside}

.article-content ol.alpha{list-style-type:lower-alpha; list-style-position:inside}

.article-content ol.decimalLeadingZero{list-style-type:decimal-leading-zero; list-style-position:inside}

/* unordered lists */
.article-content ul.bullet1, 
.article-content ul.bullet2, 
.article-content ul.bullet3, 
.article-content ul.bullet4, 
.article-content ul.circle1, 
.article-content ul.circle2, 
.article-content ul.square1, 
.article-content ul.square2, 
.article-content ul.square3{padding-left:18px}

.article-content ul.bullet1 li, 
.article-content ul.bullet2 li, 
.article-content ul.bullet3 li, 
.article-content ul.bullet4 li, 
.article-content ul.circle1 li, 
.article-content ul.circle2 li, 
.article-content ul.square1 li, 
.article-content ul.square2 li, 
.article-content ul.square3 li{margin:10px 0!important; line-height:0.83em!important; list-style-position:inside; overflow:inherit}

.article-content ul.circle2{list-style-type:circle}

.article-content ul.square1{list-style-type:square}

/* Numbers */
.article-content div.number1 span{padding:4px}

.article-content div.number2 span{padding:4px; color:#fff}

/* Definition lists */
.article-content dl.def1 dt, 
.article-content dl.def2 dt, 
.article-content dl.def3 dt{margin:10px 0 5px 0}

.article-content dl.def1 dd, 
.article-content dl.def2 dd, 
.article-content dl.def3 dd{padding-left:25px}

.article-content dl.def2 dt{text-decoration:underline}

.article-content dl.def3 dt{font-weight:bold}

/* acronyms and abbrs */
.article-content acronym, 
.article-content abbr{border-bottom-width:1px; border-bottom-style:dotted}

.article-content acronym:hover, 
.article-content abbr:hover{border-bottom-style:solid; cursor:pointer}

/*
 * typography.css
 */
 
.article-content pre, 
.article-content .code1, 
.article-content .code2{background:#0d0d0d;color:#aaa;}

.article-content pre, 
.article-content .code1{border-left:5px solid #ffae00!important}

.article-content .code2{border-top:5px solid #ffae00; border-bottom:5px solid #ffae00}

.article-content .code3{border-top:1px solid #ffae00; border-bottom:1px solid #ffae00}

.article-content .code3 h4{background:#ffae00;color:#fff;font-weight:bold}

.article-content p.info1, 
.article-content p.info2, 
.article-content p.info3, 
.article-content p.info4{background:transparent url("../images/icons/info.gif") no-repeat left center}

.article-content p.warning1, 
.article-content p.warning2, 
.article-content p.warning3, 
.article-content p.warning4{background:transparent url("../images/icons/warning.gif") no-repeat left center}

.article-content p.tips1, 
.article-content p.tips2, 
.article-content p.tips3, 
.article-content p.tips4{background:transparent url("../images/icons/tips.gif") no-repeat left center}

.article-content p.info2, 
.article-content p.info4{border-top:#d1e8f5 solid 1px; border-bottom:#d1e8f5 solid 1px; background-position:3px center}

.article-content p.info3, 
.article-content p.info4{background-color:#f4fbff; background-position:7px center}

.article-content p.warning2, 
.article-content p.warning4{border-top:#f5d1d1 solid 1px; border-bottom:#f5d1d1 solid 1px; background-position:3px center}

.article-content p.warning3, 
.article-content p.warning4{background-color:#f6eeee; background-position:7px center}

.article-content p.tips2, 
.article-content p.tips4{border-top:#f5f4aa solid 1px; border-bottom:#f5f4aa solid 1px; background-position:3px center}

.article-content p.tips3, 
.article-content p.tips4{background-color:#fffff3; background-position:7px center}
.article-content blockquote div.blockquote1{background:transparent url("../images/style1/typography/open1.png") no-repeat left bottom}
.article-content blockquote div.blockquote1 div{background:transparent url("../images/style1/typography/close1.png") no-repeat right top}
.article-content blockquote div.blockquote2{background:transparent url("../images/style1/typography/open1.png") no-repeat left top}
.article-content blockquote div.blockquote2 div{background:transparent url("../images/style1/typography/close1.png") no-repeat right top}
.article-content blockquote div.blockquote3{background:transparent url("../images/style1/typography/open2.png") no-repeat left bottom}
.article-content blockquote div.blockquote3 div{background:transparent url("../images/style1/typography/close2.png") no-repeat right top}
.article-content blockquote div.blockquote4{background:transparent url("../images/style1/typography/open2.png") no-repeat left top}
.article-content blockquote div.blockquote4 div{background:transparent url("../images/style1/typography/close2.png") no-repeat right top}

.article-content div.legend1 h4, 
.article-content div.legend2 h4, 
.article-content div.legend3 h4, 
.article-content div.legend4 h4, 
.article-content div.legend5 h4, 
.article-content div.legend6 h4{background:#767676;color:#fff}

.article-content div.legend3 h4:first-child, 
.article-content div.legend5 h4:first-child{background:#fff;color:#767676}

.article-content div.legend4 h4:first-child, 
.article-content div.legend6 h4:first-child{border:solid 1px #767676!important;background:#fff;color:#767676}

.article-content div.legend1, 
.article-content div.legend5, 
.article-content div.legend6{border:solid 1px #767676}

.article-content div.legend2, 
.article-content div.legend3, 
.article-content div.legend4{border-top:solid 1px #767676; border-bottom:solid 1px #767676}

.article-content .highlight-1{background:#ffffda}
.article-content .highlight-2{background:#767676; color:#fff}
.article-content .highlight-3{background:#ffae00; color:#fff}
.article-content .highlight-4{background:#0d0d0d; color:#fff}
.article-content span.clear{border-top:1px solid #767676; border-bottom:1px solid #767676; color:#767676}
.article-content span.clear-1{border-top:1px solid #ffae00; border-bottom:1px solid #ffae00; color:#767676}
.article-content span.clear-2{border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#ccc}
.article-content span.color{color:#767676}
.article-content span.color-1{color:#ffae00}
.article-content span.color-2{color:#767676; border-left:2px solid #767676}
.article-content span.color-3{color:#ccc; border-left:2px solid #ccc}
.article-content span.color-4{color:#767676; background:#eee}
.article-content span.color-5{color:#fff; background:#ffae00}
.article-content span.color-6{color:#d48d1c; background:#ffe; border-top:1px solid #e9e9a1; border-bottom:1px solid #e9e9a1}
.article-content span.color-7{background:#0d0d0d; color:#fff}
.article-content ul.circle1{list-style-image:url("../images/style1/typography/bullet3ul.png")!important}
.article-content ul.circle2{list-style-type:circle}
.article-content ul.bullet1{list-style-image:url("../images/style1/typography/bullet_ol_1_dark.png")!important}
.article-content ul.bullet2{list-style-image:url("../images/style1/typography/bullet1ul.png")!important}
.article-content ul.bullet3{list-style-image:url("../images/style1/typography/bullet2ul.png")!important}
.article-content ul.bullet4{list-style-image:url("../images/style1/typography/bullet_ol_1_color.png")!important}
.article-content ul.square1{list-style-type:square}
.article-content ul.square2{list-style-image:url("../images/style1/typography/bullet_squ1_dark.png")!important}
.article-content ul.square3{list-style-image:url("../images/style1/typography/bullet_squ1_color.png")!important}
.article-content div.number1 span{background:transparent url("../images/style1/typography/bullet_ol_2.png") no-repeat center center; color:#fff}

.article-content div.number2 span{background:transparent url("../images/style1/typography/bullet_ol_2_color.png") no-repeat center center; color:#fff}