/**
 * table with rounded corners
 */

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	color: #dfdfdf;
	text-align: center;
	padding-bottom: 10px;
	font-size: 20px;
}

/* table has shadow */

table {
	border-radius: 0px;
	margin: 0px 0px;
	border-collapse: collapse;
	border-spacing:0px;
    width: 95%;
	box-shadow: 0 2px 2px #ccc;
}

table.banner {
	border-radius: 0px;
	margin: 0px 0px;
	border-collapse: collapse;
	border-spacing:0;
    width: 100%;
	box-shadow: 0 0px 0px #ccc;
}

/*every cell has a border on bottom & right*/

td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    text-align: left;
	padding: 6px 6px;
	color: #444;
}

/*cancel the right border on the last column*/

td:last-child {
	border-right: none;
}

/*th has border only on bottom*/

th {
	border-bottom: 1px solid #ccc;
	padding: 7px 7px;
    color: #ffffff;
    background-color: #555555;
}

table.banner th {
	border-bottom: 0px solid #ccc;
	padding: 0px 0px;
    color: #ffffff;
    background-color: #555555;
    font-size: 12px;
    color: #f9df00;
    border-radius: 0px 0px 0px 0px;
}

.gradient{
    background: -moz-linear-gradient(top, #6d6d6d, #000000);
    background: -webkit-linear-gradient(top, #6d6d6d, #000000);
    background: -o-linear-gradient(top, #6d6d6d,#000000);
    background: linear-gradient(top, #6d6d6d, #000000);
    /* versions of IE use these */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6d6d6d',EndColorStr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6d6d6d, endColorstr=#000000)";
}

.gradient2{
    background: -moz-linear-gradient(top, #6d6d6d, #000000);
    background: -webkit-linear-gradient(top, #6d6d6d, #000000);
    background: -o-linear-gradient(top, #6d6d6d,#000000);
    background: linear-gradient(top, #6d6d6d, #000000);
    /* versions of IE use these */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6d6d6d',EndColorStr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6d6d6d, endColorstr=#000000)";
}

/*rounded corner top left - first th*/

th:first-child {
	border-radius: 5px 0 0 0;
}

/*rounded corner top right - last th*/

th:last-child {
	border-radius: 0 5px 0 0;
}

th:only-child {
	border-radius: 5px 5px 0 0;
}

table.banner th:first-child {
	border-radius: 0x 0 0 0;
}

/*rounded corner top right - last th*/

table.banner th:last-child {
	border-radius: 0 0px 0 0;
}

table.banner th:only-child {
	border-radius: 0px 0px 0 0;
}

/*rounder corner bottom left - first cell of last row*/

tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}

/*rounded corner bottom right - last cell of last row*/

tr:last-child td:last-child {
	border-radius: 0 0 5px 0;

}

/*last row in has no border on the bottom*/
table tr:last-child td {
	border-bottom: none;

}

/*color every other row a different color*/
tr:nth-child(odd) {
    background-color:#F6F4F0;
}

tr:nth-child(even) {
    background-color:#ffffff;
}

/*table header style*/
/*note: the gradient must be on the <th> & <td>,
ff you put it on the <tr> it will stick out of the
rounded corners in Firefox*/

thead tr th {
	color:#ffffff;background-color:#555555;
}

.right { text-align: right;  -wap-input-format: 'N';}
.cntr { text-align: center; }
input { font-size: 15px; }
select { font-size: 13px; }

a {
text-decoration: none;
}

a.help {a.tooltip {outline:none; text-decoration:none;}
a.help:hover {text-decoration:none;}
a.help strong {text-decoration:none;}

a.tooltip {outline:none; text-decoration:none;}
a.tooltip strong {line-height:30px; text-decoration:none;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:30px; margin-left:-60px;
    width:240px; line-height:16px;
    font-size: 12px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:1px solid #FFF;  color:#EEE;
    background:#000;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:110px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
        
    -moz-box-shadow: 0px 0px 4px 2px #666;
    -webkit-box-shadow: 0px 0px 4px 2px #666;
    box-shadow: 0px 0px 4px 2px #666;

    opacity: 1.0;
}