.hoverTable:hover {
	background-color: #f9c898;
}

.loader {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  border: 4px solid #418a95;
  top: 50%;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #83c1ca;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}


body {
    margin: 0px;
    padding: 0px;
    background: #CCCCCC url("../images/body-bg.png") repeat-x scroll center top;
}

/* header  */
#header {
	background: transparent url("../images/header_bg.png") no-repeat scroll right top;
    height: 130px;
    overflow: hidden;
}
#header-L {
    background: transparent url("../images/header_bg_l.png") no-repeat scroll left top;
    height: 130px;
    overflow: hidden;
}

/* mainbody  */
#mainbody {
	margin: 0 auto;
	padding: 0px;
	min-height: 300px;
    background: transparent url("../images/body-shadow-tr.png") repeat-x scroll 100% 0px;
}
#mainbody-l {
	float: left;
}
#mainbody-c {
	float: left;
}
#mainbody-r {
	float: left;
}
/* footer  */
#footer {
	margin: 0;
    padding: 5px;
	height: 230px;
    background: transparent url("../images/footer-bg.gif") repeat-x scroll 50% 0px;
}

/* btn-modern  */
.btn-modern {
	font-family: Monaco, Consolas, "Lucida Console", monospace;
    color: #444;
    font-weight: 700;
	font-size: 12px;
	display: inline-block;
	margin: 3px;
	padding: 2px 10px;
	background: #B8ED01;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	transition: all 0.3s ease-out;
	box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);

	/* Font styles */
	text-decoration: none;
	text-shadow: 0 1px rgba(255,255,255,0.7);
}

.btn-modern:hover  { background: #C7FE0A; }

.btn-del {
	font-family: Monaco, Consolas, "Lucida Console", monospace;
    color: #cac8c8;
    font-weight: 700;
	font-size: 12px;
	display: inline-block;
	margin: 3px;
	padding: 1.5px 4px;
	background: #9e0301;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	transition: all 0.3s ease-out;
	box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);

	/* Font styles */
	text-decoration: none;
	text-shadow: 0 1px rgba(255,255,255,0.7);
}
.btn-del:hover  { background: #ce0000; }
/* clear */
.cleaner { clear: both }

/* tooltip  */
a.tooltip {
	outline:none;
	text-decoration:none; 
}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:40px; margin-left:-150px;
    width:400px; line-height:16px;
}
a.tooltip:hover span{
	line-height: 150%;
    display:inline;
	position:absolute; 
    border:2px solid #FFF;
	color:#EEE;
    background:#333 url(../images/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {
	z-index:20;
	position:absolute;
	border:0;top:-14px;
	left:120px;
}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}