/* CSS Document */
body{
	background-color:#333333;
	margin:7px;
	padding:0;
}
body,html,form{ height:99%;}
td,th {
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	color: #666666;
	font-size:13px;
}
.printlabel{ margin:5px;}
@media print
{
	.maintable{ display: none; }
	.printlabel{ font-size:13px; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:15px;}
}

.maintable{ background-color:#FFFFFF; padding:0px 2px 0px 2px; border-radius:4px; border:2px #CBCCCD solid; box-shadow: 1px 1px 4px 0px #AEAEAE inset;}
.erp{color:#FFFFFF;	font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:25px; line-height:20px;}
.logotable{ background: none repeat scroll 0 0 #7C842E;}
 
.loguser{ font-size:13px; color:#FFFFFF;}
.login-details{ margin-right:15px;}
.branch{ font-size:14px; color:#333333;}
.devider{ font-size:14px; color:#333333; margin:0px 10px; line-height:20px;}

.poplogotable{ background: none repeat scroll 0 0 #25217D; height:50px;}
.submenu{ background-color:#DDDDDD; height:25px;}
.mname{color:#FFFFFF;	font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:20px; line-height:20px;}

.blink_me {
  animation: blinker 1s linear infinite;
  color:#F00;
  font-weight:bold;
  font-size:12px;
}

.blink_txt_mrn {
 color:#900; animation: blinker 1s linear infinite;font-weight:bold;
}
@keyframes blinker {  
  50% { opacity: 0; }
}

.pghead{    
	line-height: 28px;
    margin:0;
    padding: 0px;
	border-bottom: 1px #D5E3EF solid;
	color: #C55002 !important;
	font-size:17px;
	font-weight: lighter;
	}

.pghead-add{    
	line-height: 25px;
    margin: 0 0 15px;
    padding: 0px;
	border-bottom: 1px dotted #E2E2E2;
	color: #C55002 !important;
	font-size:17px;
	font-weight: lighter;
	}
.widget-box {
    border-bottom: 1px solid #EBEBEB;
    box-shadow: none;
    margin: 3px 0;
    padding: 3px;
}
.widget-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #FFFFFF 0px, #EEEEEE 100%) repeat-x scroll 0 0 #F7F7F7;
    border: 1px #EBEBEB solid;
    box-sizing: content-box;
    color: #3D8BC2;
    line-height: 25px;
    padding-left: 5px;
    position: relative;
}
.btn-nxt {
    background-color: #142d62;
    border-color: #4CAE4C;
	border: 1px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
	-moz-user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
}
.btn-nxt:hover  {
    background-color: #5C7AB8;
    border-color: #454C82;
    color: #FFFFFF;
}
.btn-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
	border: 1px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
	-moz-user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
}
.btn-success:hover  {
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}
.btn-cancel {
    background-color: #AAAAAA;
    border-color: #AAAAAA;
	border: 1px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
	-moz-user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
}
.btn-cancel:hover  {
    background-color: #818181;
    border-color: #818181;
    color: #FFFFFF;
}
.btn-red {
    background-color: #FF0000;
    border-color: #FF0000;
	border: 1px solid rgba(0, 0, 0, 0);
    color: #FFFFFF;
	-moz-user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
}
.btn-red:hover  {
    background-color: #8e2020;
    border-color: #8e2020;
    color: #FFFFFF;
}
.sechead{ font-size:20px; padding:5px;}
.popuphead-td{ border-bottom:1px #C1C1C1 solid;}
.popuphead{font-size:15px; color:#696969; padding-top:5px; font-weight:bold;}
.search-box{ background-color:#EFF2D1;}
.leftmenuBackColor{ background-color:#FBFEDD;border-right: 1px solid #E5E5E5; width:150px;}

.redmsg{ color:#FF0000; padding:5px; background-color: #FFDBDB;border: 1px #FFC0C0 solid;}
.grnmsg{ color:#006600; padding:5px; background-color: #DCECDC;}

.scroll-V{ overflow:auto;}


#searchDisplay{position:absolute; width:295px; border:1px solid #d7d7d7; background-color:#FFFFFF; overflow:auto;display:none; }
#searchDisplay ul{ list-style:none; margin:0; padding:0;}
#searchDisplay li{ padding:5px; border-bottom:1px #EEEEEE solid;}
#searchDisplay li:hover{  background-color:#EEEEEE; cursor:pointer;}
.wrapper {margin:0px;padding:5px; border-bottom:1px #EEEEEE solid; }
.active {border-color: green; background: #EEEEEE;}
#res_tmpl, #helpText {display: none;}


.topicon{margin:20px 17px 0px 17px; padding: 5px;}

.icons{ margin:15px 5px;}
.icontab{ border-bottom:1px #D7D7D7 dotted; cursor:pointer; color:#2B7DBC; font-size:13px; font-weight:bold; line-height:36px; padding-left:10px;}
.icontab a{ color:#2B7DBC; text-decoration:none; }
.icontab:hover{ border-bottom:1px #D7D7D7 dotted; background-color:#FFFFFF; cursor:pointer;}
.iconactive{ border-bottom:1px #D7D7D7 solid; background-color:#FFFFFF; cursor:pointer; color:#2B7DBC; font-size:13px; font-weight:bold; line-height:36px; padding-left:10px; }
.content{ padding:10px 20px;}
.content-table{ min-width:1000px;}

.itabactive{ background-color:#A3A9ED; cursor:pointer; color:#2B7DBC; font-size:13px; font-weight:bold; height:25px; }

.tabinact:hover{background-color: #86A5A6; box-shadow: 1px 40px 40px -14px #FFFFFF inset; cursor:pointer;}
.tabact{background-color: #86A5A6; box-shadow: 1px 40px 40px -14px #FFFFFF inset; cursor:pointer;}
.icon-caret-down{margin-left: 10px;}

.datalist{ background-color:#E0E0E0;}
.datalist td{ border: 1px solid #FFFFFF;}
.datalist .rowhead td{ background-color:#DBE0AC; font-size:12px; padding:5px; color:#3D3D3D; font-weight:bold;}
.datalist .rowitem td{ background-color:#FFFFFF; font-size:12px; padding:5px; color:#656565; }
.datalist .rowitem-alert td{ background-color:#FF0000; font-size:12px; padding:5px; color:#FFF;}
.datalist .rowitem-alert td a{ background-color:#FF0000; font-size:12px; padding:5px; color:#FFF; text-decoration:underline;}
.datalist .rowitem-altr td{ background-color:#F9FBEB; font-size:12px; padding:5px; color:#656565;}
.datalist .rowitem-focus td{ background-color:#F7E3E3; font-size:12px; padding:5px; color:#3D3D3D;}
.datalist .rowitem-notf td{ background-color:#FFF4EB; font-size:12px; padding:5px; color:#3D3D3D;}
.datalist td a{ color:#428BCA; font-size:12px; text-decoration:none;}
.datalist td a:hover{ color:#428BCA; font-size:12px; text-decoration:underline;}

.datagrid{background-color:#F9F9F9; font-size:11px;}
.datagrid td{ font-size:11px;}

.formtab{ 	
	background-clip: padding-box;
    background-color: #FBFBE9;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 4px 2px rgba(4, 4, 4, 0.25);
    margin-bottom: 20px;
    padding:10px;
	}

.subMenu td{ 
	border-left: 1px dotted #D7D7D7;
	font-weight: normal;
	padding-left: 10px;
	} 	

.dynamicRows li{ display:inline; margin-left:10px;}

.tabService{ border:1px #BAE6C9 dotted; border-radius:4px;}
.tabService .tabs{ background-color:#CCCCCC;box-shadow: 1px 26px 16px -14px #F2DAEE inset;}
.tabService .acttabs{ background-color:#FFFFFF;box-shadow: 1px 26px 16px -14px #F2DAEE inset;}
.tabService .acttabs a{ color:#990000; font-size:15px; text-decoration:none;}
.tabService .tabs td{ text-align:center; padding:5px 20px 0px 20px; }
.tabService .tabs td:hover{ background-color:#FFFFFF;box-shadow: 1px 26px 16px -14px #F2DAEE inset;}
.tabService td a{ color:#565656; font-size:15px; text-decoration:none;}
.tabService td a:hover{ color:#2F0303; font-size:15px; text-decoration:none;}

.red{color:#FF0000;}
.errorSpan{ display:none;}
.wht{ color:#FFFFFF;}
.chkUcase{ text-transform:uppercase;}
.tcase{ text-transform:uppercase;}
.disclaimer{font-size:11px;	color:#C10000;}
.copy {font-size:11px;	color: #000000}
.loginform{
	margin-top:20px;
}
.logintab{
	background-clip: padding-box;
    background-color: #DAD9D9;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 4px 2px rgba(4, 4, 4, 0.25);
    margin-bottom: 20px;
    padding:10px 20px 20px;
}
.logintitle {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F0F0F0;
    margin: 0 -20px;
    padding: 10px 20px;
}
.logintitle h3{
	color: #474948;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}
.logintitle h5{
	color: #939694;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.calender{border:1px #808FA0 solid; z-index:100;}
.cdate{ color:#FFA800; font-weight:bold; font-size:15px; padding:0px 3px;}
.hr{border-bottom:1px #E4E4E4 solid;border-left:1px #C8C8C8 solid; width:20px; height:30px; font-size:11px; color:#0066FF; vertical-align: bottom;}
.min{border-bottom:1px #E4E4E4 solid;border-left:1px #E4E4E4 solid; width:20px; height:30px; font-size:11px; color:#0066FF; vertical-align: bottom;}
.tech{border-bottom:1px #E4E4E4 solid; width:70px;  font-size:12px; color:#283280;}

.grn{color:#70B719;}
.orng{color:#FFA800;}
.blu{ color:#1BB6EE;}
.dblu{ color:#283280;}
.mrn{ color:#990000;}
.ylw{ color:#FFA800;}

.nomargin{margin:0;}
.nopadding{padding:0;}

.margin5p{ margin:5px;}
.margin10p{ margin:10px;}

.smallfont{ font-size:10px;}
.mediumfont{ font-size:12px;}
.largefont{ font-size:14px;}
.xlargefont{ font-size:16px;}

.divMemberEditHide{display:none;}

.whtlink:link{ font-size:13px; color:#FFFFFF;text-decoration:underline;} 
.whtlink:hover{ font-size:13px; color:#FFFFFF;text-decoration:none;} 
.whtlink:visited{ font-size:13px; color:#FFFFFF;text-decoration:underline;} 
.whtlink:active{ font-size:13px; color:#FFFFFF;text-decoration:underline;} 

.grylink:link{ font-size:13px; color:#333333;text-decoration:underline;} 
.grylink:hover{ font-size:13px; color:#666666;text-decoration:none;} 
.grylink:visited{ font-size:13px; color:#333333;text-decoration:underline;} 
.grylink:active{ font-size:13px; color:#333333;text-decoration:underline;} 

.redlink:link{ font-size:11px; color:#FF0000;text-decoration:underline;} 
.redlink:hover{ font-size:11px; color:#FF0000;text-decoration:underline;} 
.redlink:visited{ font-size:11px; color:#333333;text-decoration:underline;} 
.redlink:active{ font-size:11px; color:#FF0000;text-decoration:underline;} 

.linkbutton:link{ font-size:14px; color:#330000;text-decoration:underline; border-radius:2px; padding:3px 10px;} 
.linkbutton:hover{ font-size:14px; color:#330000;text-decoration:none; background-color:#FFFFFF;box-shadow: 1px 26px 16px -14px #F2DAEE inset; border-radius:2px; padding:3px 10px;} 
.linkbutton:visited{font-size:14px; color:#330000;text-decoration:none; background-color:#CCCCCC;box-shadow: 1px 26px 16px -14px #F2DAEE inset; border-radius:2px; padding:3px 10px;} 
.linkbutton:active{ font-size:14px; color:#330000;text-decoration:none; background-color:#CCCCCC;box-shadow: 1px 26px 16px -14px #F2DAEE inset; border-radius:2px; padding:3px 10px;} 

.arrow:link{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#FFA800; margin:3px; text-decoration:none;}
.arrow:hover{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#000000; margin:3px; text-decoration:none;}
.arrow:visited{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#FFA800; margin:3px; text-decoration:none;}
.arrow:active{border:1px #FFCC33 solid; background-color:#FFECB3; padding:0px 4px; font-size:13px; color:#FFA800; margin:3px; text-decoration:none;}

.grybox{ background-color:#EEEEEE}
input[type='text'],input[type='password'],select, textarea{border:1px #E1E1E1 solid; font-size:13px; color:#333333;font-family:Tahoma; margin: 2px; padding:2px;}
input[type='file']{border:-1px #E1E1E1 solid; font-size:13px; color:#333333;font-family:Tahoma; margin:5px; padding:4px;}
.popupButton{background-color: #2A2D30; border: 1px solid #4B3A20; border-radius:3px; color: #FFFFFF; font-family:Tahoma; font-size: 15px; font-weight:bold; margin:5px; padding:3px 10px; text-decoration: none;}
.popupButton:hover{ background-color: #616161; }
.popupButton:active{ position: relative; }
.popupButton:focus{ background-color: #616161;}

.commentboxbubble{ min-width:95%; max-width:95%; min-height:50px; max-height:50px;}
.divCommentHide,.divGSThide{ display:none;}
.divCommentShow{ text-overflow: ellipsis;overflow: hidden; white-space: nowrap;font-size:11px; color:#FF0000 ;}
input:focus,select:focus, textarea:focus{border:1px #FFB1B1 solid; color:#FB0808; }

.wdth175{width:175px;}

.noborder{ border:0px !important; background:inherit !important;}

.star{ color:#FF0000; font-size:11px; vertical-align:text-top;} 
.appt{font-size:12px; padding:4px 5px; z-index:200;}
.bookd{background-color:#CCDCFF; border:1px #0E6BFF solid; color:#000000; height:23px;}
.cancl{background-color:#FC9CA2; border:1px #F13466 solid; color:#000000;}
.confrm{background-color:#FEE186; border:1px #FFD019 solid; color:#000000;}
.done{background-color:#86C8A6; border:1px #366665 solid; color:#000000;}
.rooms{background-color:#C2C2C2; border:1px #999999 solid; color:#000000;}

.bookd_appt{ border-left:5px #0066FF solid; font-size:12px; color:#0066FF; margin:0px 10px; padding-left:5px;}
.cancl_appt{ border-left:5px #FE3847 solid; font-size:12px; color:#FE3847; margin:0px 10px; padding-left:5px;}
.confrm_appt{ border-left:5px #FFCC33 solid; font-size:12px; color:#FF9900; margin:0px 10px; padding-left:5px;}
.done_appt{ border-left:5px #006633 solid; font-size:12px; color:#006633; margin:0px 10px; padding-left:5px;}
.rooms_appt{ border-left:5px #999999 solid; font-size:12px; color:#999999; margin:0px 10px; padding-left:5px;}

.label {
	font-family:"Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 14px;
	line-height: 20px;
	color:#474948;
}
.grnbutton{
	-moz-box-shadow: 1px 1px 0px 1px #ffffff;
	-webkit-box-shadow: 1px 1px 0px 1px #ffffff;
	box-shadow: 1px 1px 0px 1px #ffffff;
	background-color:#8E981F;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #CDD83C;
	display:inline-block;
	color:#ffffff;
	font-family:"Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
	text-transform:uppercase;
	letter-spacing:0.5px;
	word-spacing:1px;
}
.grybutton{
	-moz-box-shadow: 1px 1px 0px 1px #ffffff;
	-webkit-box-shadow: 1px 1px 0px 1px #ffffff;
	box-shadow: 1px 1px 0px 1px #ffffff;
	background-color:#BDBDBD;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #BDBDBD;
	display:inline-block;
	color:#ffffff;
	font-family:"Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
	text-transform:uppercase;
	letter-spacing:0.5px;
	word-spacing:1px;
}
.buttons {
    background-color: #F9F9F9;
    border-top: 1px solid #F0F0F0;
    margin: 20px -20px -20px;
    padding: 20px;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
.popUpDiv {
position:absolute;
background-color:#eeeeee;
width:800px;
max-height:500px;
z-index: 9002;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 10px #000000;
padding: 15px 20px 15px 15px;
overflow:auto;
}



/* php code css */
.trCircle ,.DeleteMember,.DeleteCircle,.circleEdit,.circlePayment,.DeletePayment,.deleteKTItem,.editKTItem,.restoreSlot,.editChapterItem,.editIndTypeItem,.editOrgTypeItem,.editMembDesigItem { cursor:pointer;}



/* pagination style */
.pagin {padding: 2px 0;margin: 5px 0px;font-family: Arial;font-size:10px;font-weight: bold;}
.pagin * {padding: 2px 6px;margin: 0;}
.pagin a {border: solid 1px #666666;background-color: #EFEFEF;color: #666666;text-decoration: none;}
.pagin a:visited {border: solid 1px #666666;background-color: #EFEFEF;color: #60606F;text-decoration: none;}
.pagin a:hover, .pagin a:active {border: solid 1px #CC0000;background-color: white;color: #CC0000;text-decoration: none;}
.pagin span {cursor: default;border: solid 1px #B4CAE4;background-color: #EFF3F8;color: #478FCA ;}
.pagin span.current {border: solid 1px #B4CAE4;background-color: #478FCA;color: #FFFFFF;}

/* steps 123 */
.stepViewer {
    margin: 0px;
    position: relative;
    z-index: 1;
	width:auto;
	float:right;
}
.connectLine {
    background-color: #B3B3B3;
    height: 1px;
    left: 70px;
    position: relative;
    top: 12px;
    width: 280px;
    z-index: 2;
}
.stepViewer ul {
    padding:0;
    position: relative;
    z-index: 3;
	list-style: none outside none;
    margin: 0;
}
.stepViewer li {
    float: left;
    text-align: center;
    width: 140px;
}
.stepViewer li.sel .img {
    background-position: -230px -280px;
    color: #FFFFFF;
	background-color: #ADC9E7;
}
.stepViewer li .label {
    color: #676767;
    font-size: 11px;
    padding:0;
    text-align: center;
	line-height:15px;
	cursor:pointer;
}
.stepViewer li.sel .label {
    color: #1A1A1A;
}
.stepViewer li .img {
	background-color: #CCCCCC;
    background-position: -280px -280px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    color: #FF0000;
    font:bold 12px/22px Arial,Helvetica,sans-serif;
    height: 20px;
    margin: 0 auto;
    width: 20px;
	cursor:pointer;
}



.changeOpt{
	text-decoration: underline;
	padding:5px;
}

.dashboard-stat {
    margin-bottom: 25px;
    margin-right: 25px;
	width:200px;
	float:left;
}
.blue-box {
    background-color: #578EBE;
}
.blue-box .more{
    background-color: #4884B8;
}
.red-box {
    background-color: #E35B5A; 
}
.red-box .more{
    background-color: #E04A49; 
}
.green-box {
    background-color: #44B6AE;
}
.green-box .more{
    background-color: #3EA7A0;
}
.orange-box {
    background-color: #E0C64C;
}
.orange-box .more{
    background-color: #FFD714;
}
.purple-box {
    background-color: #8775A7;
}
.purple-box .more{
    background-color: #8775A7;
}
.dashboard-stat .details {
    padding-right: 15px;
    float: right;
    right: 15px;
}

.dashboard-stat .more {
    color: #040000;
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: 300;
    opacity: 0.7;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
}
.dashboard-stat .details .number {
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 36px;
    margin-bottom: 0;
    padding-top: 10px;
    text-align: right;
	 color: #FFFFFF;
}
.dashboard-stat .details .desc {
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: right;
}
.dashboard-stat .more > i {
    display: inline-block;
    float: right;
    margin-top: 1px;
}
.m-icon-swapright {
    background-position: -27px -10px;
}
.m-icon-white {
    background-image: url(../images/icons-white.png);
	vertical-align: top;
    width: 14px;
	 height: 14px;
    line-height: 14px;
	background-repeat: no-repeat;
}

.purple-table{
	border:1px #9B59B6 solid;
}
.purple-table .header{
	background-color:#9B59B6;
	color:#FFFFFF;
	font-size: 20px;
    padding: 5px 10px;
}
.purple-table .footer{
	background-color:#CCBED2;
    padding: 5px 10px;
}
.purple-table .footer a{
	color:#FFFFFF;
	font-size: 12px;
	text-transform:uppercase;
}
.more{ color:#000;font-size: 16px;}

.dashboard-pay {
    margin: 10px 15px;
	width:auto;
	float:left;
}
.dashboard-pay .desc {
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 12px;
	text-transform:uppercase;
	padding:3px;
	margin-bottom:3px;
	width:auto;
	letter-spacing:1px;
}
.math-symbol{
    margin: 12px 0px;
	width:auto;
	float:left;
}

/*tabs*/
.tabDiv {
    border-bottom: 1px solid #3C3C3C;margin-bottom: 15px;
}
.tabs {
   padding:0px;
   margin:0px 0px 0px 5px;
   width:95%;
}
.tabs li {
	list-style:none;
	display:inline;
	font-size:12px;
	line-height:20px;
}

.tabs a {
	padding:3px 15px;
	margin:1px 5px 0px 0px;
	display:inline-block;
	background:#FBFAE9;
	color:#A00A0A;
	text-decoration:none;
	border-right:1px #a00a0a solid;
	border-left:1px #a00a0a solid;
	border-top:1px #a00a0a solid;
}

.tabs a.active {
	background:#3C3C3C;
	color:#FFF;
	border:0px;
	border-right:1px #3C3C3C solid;
	border-left:1px #3C3C3C solid;
	border-top:1px #3C3C3C solid;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 300px;
    background-color:#F5F5F5;
    color: #900;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1;
	line-height:20px;
	border:1px #666 dashed;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
	
.tooltip-right{
	top: -5px;
	left: 110%;	
}
.tooltip-right::after{
    top: 10%;
    right: 100%;
    margin-top: -5px;
    border-color: transparent black transparent transparent;
}		
.tooltip-top{
    bottom: 125%;
    left: -160;
    margin-left: -160px;
}
.tooltip-top::after{
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 5px;
    border-color: black transparent transparent transparent;
}
.tooltip-bottom{
	top: 135%;
    left: 50%;
    margin-left: -160px;
}
.tooltip-bottom::after{
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: transparent transparent black transparent;
}
.tooltip-left{
    top: -5px;
    right: 110%;
}
.tooltip-left::after{
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-color: transparent transparent transparent black;
}