/*

=====================================

 * Data table and Cascading Style Sheets Gallery *

 *  http://icant.co.uk/csstablegallery/index.php  *

 * Author: Velizar Garvalov at  http://www.vhg-design.com/ *

 =====================================

*/


table {

	width: 100%;

	margin:0; 

 	padding:0;

	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;	

	color: #1c5d79;
	
	border-style: ridge;

	

}

table {

	border-collapse: collapse;
	border-style: ridge; 
	

}



tr, th, td {

	border-collapse: collapse;
	border-style: none; 
	

}

caption {

margin:0; 

 	padding:0;

	background: #f3f3f3;

	height: 40px;

	line-height: 40px;

	text-indent: 28px;

	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;	

	font-size: 14px;

	font-weight: bold;

	color: #555d6d;

	text-align: left;

	letter-spacing: 3px;

	border-top: dashed 1px #c2c2c2;

	border-bottom: dashed 1px #c2c2c2;
	


}



/* HEAD */



thead {

	background-color: #FFFFFF;

	border: none;
	

}

thead tr th {

	height: 32px;

	line-height: 32px;

	text-align: center;

	color: #1c5d79;

	background-image: url(col_bg.gif);

	background-repeat: repeat-x;


	border-collapse: collapse;
	

	

}



/* BODY */



tbody tr {

	background: #dfedf3;

	font-size: 13px;
	

}

tbody tr.odd {

	background: #F0FFFF;
	

}

tbody tr:hover, tbody tr.odd:hover {

	background: #FFFFFF;
	

}

tbody tr th, tbody tr td {

	padding: 6px;

	border: solid 1px #ffffff;


}

tbody tr th {

	background: #254A7D;

	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;	

	font-size: 12px;

	padding: 6px;

	text-align: center;

	font-weight: bold;
	
	font-size: 14px;

	color: #92B4F2;

	border-bottom: solid 1px white;
	


}

tbody tr th:hover {

	background: #ffffff;
	


}



/* LINKS */



table a {

	color: #FFA504;

	font-size: 12px;
	
	text-decoration : none;

	text-align: center;

}

table a:hover {

	color: #FFA504;

	text-decoration : underline;
	

}



/* FOOTER */



tfoot {

	background: #f3f3f3;

	height: 24px;

	line-height: 24px;

	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;	

	font-size: 14px;

	font-weight: bold;

	color: #555d6d;

	text-align: center;

	letter-spacing: 3px;

	border-top: solid 2px #326e87;

	border-bottom: dashed 1px #c2c2c2;

}

tfoot tr th, tfoot tr td {

	/*padding: .1em .6em;*/

	

}

tfoot tr th {

	border-top: solid 1px #326e87;

}

tfoot tr td {

	text-align: right;

	

}




.tabberlive .tabbertabhide {
display:none;
}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}

/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #CCCCCC;;
font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}

ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #CCCCCC;
border-bottom: none;
background: #FFFF62;
text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
color: #000066;
background: #A7BAFE;
border-color: #CCCCCC;
}

ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white;
border-bottom: 1px solid white;
}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:1px solid #CCCCCC;
border-top:0;

/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */

/* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}