/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
/* Core */
body{color:#525253;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%; }
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
                                     /*          bordernya    border-radius:5px; */
.sp-wrap{margin-left:auto;margin-right:auto; border:1px solid #c6bfb4; margin-top:10px; border-radius:5px;}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px;}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:0px}
.main-bg {background:#fff;margin-bottom:80px; z-index:-100}

.chrono_credits { display:none; }

/*Header Area*/
#header {position:relative; background-image:url(../images/Header.jpg); height:80px; border-top-left-radius:5px; border-top-right-radius:5px;}
a#logo,#logo-text{float:right;margin:0 20px}
a#logo{background:url(../images/logo.png) no-repeat 0 50%}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}

/*Search*/
#sp-search{float:right;margin:38px 2px 0; margin-left:710px; margin-top:-32px; z-index:100; position:absolute;}

/*Module positions user1-user6                             tinggi hitam      */
#sp-bottom{background:#ffffff;color:#888;font-size:90%; height:50px; line-height:50%}

/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-maincol {padding:0px 0; margin-top:10px;}

/*Font Resizer*/
div.font-sizer{display:none;width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#sp-breadcrumbs .sp-inner {padding:0}
#sp-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;

}

/* Footer */
#sp-footer{background:#e5e5e5;padding:9px 0; height:17px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display:none;}
#sp-footer .cp {float:left;}

/*Footer Navigation*/
#sp-footer-nav{float:right;margin-top:8px;}
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#sp-footer-nav li{background:none;padding:0;display:inline} 
#sp-footer-nav .nav > li > a:hover {background:none;}
#sp-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px}
a#topofpage{float:right;margin-top:8px}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #e5e5e5}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Shadow Image */
.image_carousel img {
  -webkit-box-shadow: 4px 4px 4px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;
    border-radius: 3px;
}

/*textbox */
.textbox {
 -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;
 box-witdh: 10px;
}

h2 { font-size: 18px; margin-top:-3px; margin-bottom:-5px;}
h3 { background-color: #0c67a0; padding-left:10px; margin-top:0px; font-size: 12px; height:30px;
border-top-right-radius: 15px; line-height: 30px; color:#FFFFFF;}
h3 span {color:#FFF;}  //warna huruf untuk produk highlight,kurs dan footer



/*#sp-maincol.clearfix{display:none} */


/*zoom*/
.magnifierGlass{
	-moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
	-moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 9px rgba(0, 0, 0, 0.5);
    border:4px solid #f3f3f3;
    width:200px;
    height:200px;
    cursor:default;
    position:absolute;
    }
    
.datagrid table { border-collapse: collapse; font: normal 12px/150% Arial, Helvetica, sans-serif; text-align: left; width: 100%; border: 1px solid #006699; }
/*.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:90%}     */
.datagrid table td, .datagrid table th { padding: 3px 10px;  }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }


.boxed_title {
    background-color: #0079BA;
    clear: both;
    width: 95%;
    color: #FFF;
    font-size: 17px;
    padding: 5px 5px;
    font-family: Verdana,Geneva,sans-serif;
}
.chronoform { display:none; }