body {
	/*border-top: 15px solid #80DEEA; /* warna biru atas pada page */
	/*border-bottom: 15px solid #80DEEA;*/
	margin: 0; padding: 0;
	background: #F7F7F7;
	font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	color: #333
}

input {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;}
select {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;}
textarea {padding: 4px;color: #5b5b5b;border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; width: 67%;
height: 130px;resize: none;font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;}	
input:focus {-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
select:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
textarea:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}
tr{ vertical-align:top; }

.button {
	cursor: pointer;
	background:#5C74A9;
/*	background:-moz-linear-gradient(top,#5C74A9 0%,#FEBB49 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5C74A9),color-stop(100%,#FEBB49));
	background:-webkit-linear-gradient(top,#5C74A9 0%,#FEBB49 100%);
	background:-o-linear-gradient(top,#5C74A9 0%,#FEBB49 100%);
	background:-ms-linear-gradient(top,#5C74A9 0%,#FEBB49 100%);
	background:linear-gradient(top,#5C74A9 0%,#FEBB49 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C74A9',endColorstr='#FEBB49',GradientType=0);*/
	padding:2px 15px;
	color:#FFF;
	font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	border:1px solid #623F1D
}
.button:active { background-color: #F0F0F0; color: #000;}
.clear {clear: both;}

* { margin: 0; padding: 0; outline: none;}

img { border: none; margin-right:7px; }

#topbar	{ 
	background: #3281AF; 
	/*border-bottom:1px solid #ccc; 
	padding:10px 10px 5px 20px; 
 	margin: 0 auto;*/
	width: 100%;
	height: 40px;	
}

#topbar-logo {
	width: 200px;
	height: 40px;
	margin: 0 0 0 1120px;
	background:url(../img/nama.png) no-repeat;
	display:block;
}

#topbar h2 {
    font-size: 15px;
	margin-bottom: 0px;
}

#topbar-menu {
    font-size: 15px;
	margin: -30px 0 0 950px;
}

#header	{ 
 	margin-top: 0px 0 10px 0;
	width: 100%;
	height: 20px;
}

#header-logo {
	width: 50%;
	height: 150px;
	margin: 30px 0 0 170px;
	/*background: url(../img/nama_sistem.png) no-repeat; /* tukar nama sistem dengan replace fail nama_sistem.png*/
}

#header h2 {
    font-size: 15px;
	margin-bottom: 0px;
}

a {
  color : #3577C8;
  text-decoration : none
}

a:hover, a:focus, a:active {
  color : #3577C8;
  text-decoration : underline
}

a:focus, a:active {
  color : #3577C8
}

img
{
vertical-align:text-top
}

hr {
	border: 1px dotted #eee;
}

.container {
    width: 1320px;
	height: 100%;
    margin: 0px auto;
    overflow: hidden;
   /* background: #ffffff url(.gif)*/
    position: relative;
}

.container2 {
	padding-left: 5px;
    width: 1250px;
	height: 100%;
    margin: 0px auto;
    overflow: hidden;
   /* background: #ffffff url(.gif)*/
    position: relative
}

#shadow {
	padding: 20px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content {
    float: left;
    width: 76%;
	height: 100%;
	background: #ffffff;
    padding: 5px 5px 5px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
}

#content2 {
    float: left;
    width: 70%;
	height: 100%;
	background: #ffffff;
    padding: 0px 20px 20px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
	font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

#content3 {
    float: left;
    width: 70%;
	height: 100%;
	background: #ffffff;
    padding: 0px 20px 20px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
}

#content4 {
    float: left;
    width: 50%;
	height: 100%;
	background: #ffffff;
    padding: 0px 20px 20px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
}

#content5 {
    width: 95%;
	height: 100%;
	background: #ffffff;
    padding: 0px 20px 20px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
	font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

#content h1 {
	font-size: 160%;
	padding: 0 auto;
	margin: 10px 0 0 0px;
	color: #333;
}

#content h2 {
    font-size: 140%;
	padding: 0 auto;
	margin: 10px 0 0 0px;
}

#content h3 {
    font-size: 120%;
	padding: 0 auto;
	margin: 10px 0 0 0px;
}

#content h4 {
	font-size: 250%;
	padding: 0 auto;
	margin: 10px 0 0 0px;
	color: #333;
	font-family:"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

#content p {
    line-height: 1.8em;
    padding: 7px 0;
    margin: 7px 0
}

#sidenav {
	flot: right;
    width: 30%;
	height: 100%;
	margin-left: 1010px;
	padding: 0px 10px 10px;
}

#panel {
	flot: left;
    width: 280px;
	background: #ffffff;
	margin: 0px 750px 10px 0px; /* top right bottom left */
	padding: 10px 10px 10px 10px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#panel-heading{
	height: 20px;
	background: #eee;
	font: bold 14px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	margin: -5px -10px 0 -10px;
	padding: 5px 0 0 10px;
}

#panel ul {
    margin: 0; 
	padding: 0 0px 0px 0px;
    list-style: none;
}
#panel ul li{
    margin: 0; 
	padding:  0;
    display: inline /*--Fixes IE6 bug of double margin--*/
}

#panel ul li a {
    display: block;
    margin: 0; 
	padding:  10px 0 0px 0px;
    text-decoration: none;
    color: #3577C8
}
#panel ul li a:hover {
    color: #5EC4E1;
	text-decoration: none;
}

#tetingkap { /* div utk modal box - tentukan saiz modal box */
    float: left;
    width: 600px;
	height: 60px;
    padding: 0 15px 15px;
	color: #333
}

#tetingkap2 {
    float: center;
	/*border: 1px solid #f0f0f0;
	 border-bottom: 2px solid #ccc;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#tetingkap_keterangan {
    float: left; /*--Keeps content to the right side--*/
    width: 550px;
	height: 400px;
    padding: 0 10px 10px;
	margin: 0 0px 0 10px;
	color: #000;
}

#tetingkap_keterangan hr {

	border: 1px dashed #ddd;
	/*color: #fafafa;
	height: 1px;*/
}

#tetingkap_keterangan ol {
    margin: 10px 0 0 30px; padding: 0;
    list-style: decimal;
}
#tetingkap_keterangan ol li{
    margin: 0; padding:  0;
    display: inline /*--Fixes IE6 bug of double margin--*/
}

#tetingkap_keterangan ol li a{
    display: list-item;
    margin: 0; padding:  2px 0 5px 5px;
    background: url(sidenav_arrow.gif) no-repeat left center;
    text-decoration: none;
    color: #3577C8
}
#tetingkap_keterangan ol li a:hover {
    color: #3577C8;
	text-decoration: underline;
}

#pautan {
    width: 100%;
    padding: 0 0 15px;
	margin: 10px 0 0 0;
	text-align: right;
}

#panduan {
    width: 100%;
	margin: 10px 0 0 0;
    padding: 10px 0 15px 10px;
	color: #333;
	border: 1px solid #eee;
	background:#FBFED6;
}

#error {
    padding: 10px 0 15px 10px;
	color: #333;
	border: 1px dotted #FF6633;
	background:#FAE2CB;
	font-size: 11px; 
}

.Error td {
	font-size: 11px; 
	padding: 3px; 
	color: #FF0000; 
	vertical-align: top;
	text-align:left;	
}

.footer {
	padding-top: 1em;
	/* width: 980px; */
	height: 50px;
    /*margin-left: 150px;*/
	text-align:center;
    overflow: hidden;
	padding: 20px 20px 20px;
	color: #666;	
}

.footer2 {
	padding-top: 1em;
	/* width: 980px; */
	text-align:center;    
    overflow: hidden;
	padding: 20px 20px 20px;
	color: #666;	
}
	
.footer .divider {
	border-top: 1px dotted #dddddd;
	padding-top: 1em
}

.footer a {
  color : #666;
  text-decoration : none
}

.footer a:hover, a:focus, a:active {
  color : #666;
  text-decoration : underline
}

/* panel di bawah */
#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 360px;
	margin: 0 69%;
	float:right;
}

/* utk IE */
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 11px;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #300;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel a.home{
	background: url(../img/kpt.png) no-repeat 15px center;
	width: 70px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.profile{ background: url(../img/user5.png) no-repeat 10px center; 
	width: 200px;
	padding-left: 35px;
	border-right: 1px solid #bbb;
	text-indent: 0; }
/* a.editprofile{ background: url(../img/wrench-screwdriver.png) no-repeat center center; }
a.contacts{ background: url(../img/address_book.png) no-repeat center center; } */
a.messages{ background: url(../img/mail.png) no-repeat center center; }
/* a.playlist{ background: url(../img/document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(../img/film.png) no-repeat center center; }*/
#footpanel a.logout{ background: url(../img/logout.png) no-repeat 10px center; 
	width: 72px;
	padding-left: 35px;
	text-indent: 0; }

#footpanel a.chat{
	background: url(../img/application-image.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel, #footpanel li#logkeluarpanel {	float: right;border-left: 1px solid #bbb; }  /*--Right align the chat and alert panels--*/

#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(../img/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 11px;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}

#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 11px;
}

#logkeluarpanel li { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }

#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}
/*tamat footpanel */


/* table */

#table {
	width: 800px;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	text-align: right;
}

/* tukar warna bila hover row @ column */
tr:hover td{ background-color:#F7F7F7;} 

.td2{
	border-color: transparent;
	padding: 0 0 0 0;
	background-color: transparent;
}

tr:hover td2{ background-color: transparent;}

th {
	color: #33333;
	border-left: 1px solid #F8BE2F;
	border-right: 1px solid #F8BE2F;
	border-bottom: 1px solid #F8BE2F;
	border-top: 1px solid #F8BE2F;
	/*letter-spacing: 2px; */
	text-transform: uppercase;
	/* text-align: left;*/
	padding: 6px 6px 6px 12px;
	background: #F5A40D;l
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #F8BE2F;
	background: none;
}

td {
	border-left: 1px solid #F8BE2F;
	border-right: 1px solid #F8BE2F;
	border-bottom: 1px solid #F8BE2F;
	border-top: 1px solid #F8BE2F;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #33333;
}

td.alt {
	background: #F3F3F3;
	color: #33333;
}

th.spec {
	border-left: 1px solid #F8BE2F;
	border-top: 0;
	background: #fff;
}

th.specalt {
	border-left: 1px solid #F8BE2F;
	border-top: 0;
	background:#fff;
	color: #797268;
}

.hover { background-color: #eee; }

/* tamat table */

/* table using div tag */

#container_table {
    display: table;
	width: 95%;
	font-size: 1.2em;
}

#row  {
    display: table-row
}

#left {
    display: table-cell;
	width:10%;
	height:10px;
	font-size:1em;
	/* border-right: 1px solid #F8BE2F;
	border-bottom: 1px solid #F8BE2F;
	padding:3px 7px 2px 7px
	background: #EEEEEE;*/
	padding: 10px 6px 0px 0px;
}

#middle {
    display: table-cell;
	width:40%;
	height:25px;
	font-size:1em;
	/*  border-right: 1px solid #F8BE2F;
	border-bottom: 1px solid #F8BE2F;
	background: #EEEEEE;*/
	padding: 6px 6px 6px 12px;
	 
}

/* fieldset - form */

fieldset {  
	width: 99%;
	margin: 5px 0 10px 0;
	padding: 0;
	border: 1px dotted #ddd;
}

fieldset1 {  
	width: 100%;
	margin: 5px 0 10px 0;
	padding: 0;
	border: 0px dotted #ddd;
}

fieldset.selang {
	background-color: #FAF8F1;
}

legend {  
	margin: 10px 0px 10px 5px;
	padding: 0;
	color: #000;
	font: normal 14px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-weight: bold;
}
fieldset ol {  
	padding: 5px 5px 5px 10px;  
	list-style: none;
}
fieldset li {  
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}
 
fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 170px;
	background-color: transparent;
	background-image: none;
}

fieldset.submit2 {
	float: none;
	width: auto;
	border-style: none;
	background-color: transparent;
	background-image: none;
	text-align: center;
}

.label {
	float: left;
	width: 150px;
	margin-right: 10px;
	text-align: right;
}

.label2 {
	float: left;	
	width: 20px;
}

.tfield2 {

font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
color: #666;
width: 200px;
height: 15px;
}

.tfield {

font: normal 12px "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
color: #666;
width: 100px;
height: 15px;
}
/*tamat fieldset*/

/* tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px dashed #FFC300;
	border-left: 1px dashed #FFC300;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px dashed #FFC300;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #FAC11C;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 0 0 25px;
	border: 1px dashed #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	width: 46px;
}
ul.tabs li a:hover {
	background: #;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px dashed #FFC300;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
}

/*Tab JBTN*/
ul.tabsJBTN {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px dashed #CCCCCC;
	border-left: 1px dashed #CCCCCC;
	width: 100%;
}
ul.tabsJBTN li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px dashed #CCCCCC;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background:#FFFF99;
	font-weight:bold;
}
ul.tabsJBTN li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 15px;
	border: 1px dashed #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabsJBTN li a:hover {
	background: #;
}

html ul.tabsJBTN li.active, html ul.tabsJBTN li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_containerJBTN {
	border: 1px dashed #CCCCCC;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_contentJBTN {
	padding: 10px;
}

.tip {
    color: #333;
    background:#fafafa;
    display:none; /*--Hides by default--*/
    padding:10px;
    position:absolute;    
	z-index:3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: dashed 1px #eee;
}

/*GitHub style*/

/* button basics */
	a.minibutton {
		display:inline-block;
		height:23px;
		padding:0 0 0 3px;
		margin-bottom: 5px;
		font-size:11px;
		font-weight:bold;
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(../img/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	a.minibutton>span {
		display:block;
		height:23px;
		padding:0 10px 0 8px;
		line-height:23px;
		background:url(../img/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	a.minibutton:hover, a.minibutton:focus {
		color:#fff;
		text-decoration:none;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
		background-position:0 -30px;
	}
	a.minibutton:hover>span, a.minibutton:focus>span {background-position:100% -30px;}
	
	a.minibutton.mousedown{background-position:0 -60px; }
	a.minibutton.mousedown>span{background-position:100% -60px; }
	
	/* with icon */
	a.btn-download .icon {
		float:left;
		margin-left:-4px;
		width:18px;
		height:22px;
		background:url(http://github.com/images/modules/buttons/minibutton_icons.png?v20100306) 0 0 no-repeat;
	}
	a.btn-download .icon {background-position:-40px 0;}
	a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;

}
/* end GitHub Style*/

.hidden {
	display:none;
}

.td2{
	border-color: transparent;
	padding: 0 0 0 0;
	background-color: transparent;
}

.tr2:hover td{ background-color: transparent;}

.btnPrint{
	background-image:url(../img/print-icon.png);
	border: 1px solid #4B1285; 
	background-position:right; 
	background-repeat:no-repeat; 
	width:160px; height:40px; 
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px 10px;
}

.btnPrint:hover{background-color: #5C74A9; cursor:pointer; color:#FFFFFF;}