/*
 * Cascading Style Sheet specifying the standard style options for the tables. 
 */

.genericTbl {
    color: #4f6b72;
    background-color: #fff;
    width: 99%;
    font-size: 95%;
    font-style: normal;
    padding: 0;
    margin: 10px 0px 0px 0px;
}

.withOptions {
	margin: 0px 0px 0px 0px;
}

.genericTbl th, .genericTbl td {
    padding: 1px 5px 2px 5px;
}

.genericTbl a:link, .genericTbl a:active, .genericTbl th a:visited {
    color: #4f6b72;
    text-decoration: none;
}

.highlighted {
    background-color: #FFF0F0;
}

a.imglink:visited, a.imglink:active, a.imglink:link {
    border-bottom: none;
}

/* Header Specifications */

.genericTbl th {
    border-top: 1px solid #C1DAD7;
    text-transform: uppercase;
    text-align: left;
    background-color: #CAE8EA;
}

.genericTbl th a:hover {
    color: #000;
}

.genericTbl tr th.sortable a {
	padding: 0px 10px 0px 10px;
	background: url("img/arrow_off.png") center right no-repeat;
}

.genericTbl tr th.order1 a {
	padding: 0px 10px 0px 10px;
	background: url("img/arrow_down.png") center right no-repeat;
}

.genericTbl tr th.order2 a {
	padding: 0px 10px 0px 10px;
	background: url("img/arrow_up.png") center right no-repeat;
}

/* Row Specifications */

.genericTbl tr.even {
    background: #FFFFE0;
}

.genericTbl tr:hover {
    background-color: #F0F8FF;
}

.genericTbl td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    margin: 0; /*color: #4f6b72;*/
    vertical-align: middle;
}

.genericTbl td.leftmost {
    border-left: 1px solid #C1DAD7;
}

.genericTbl td a:link, .genericTbl a:visited {
    color: #40659B;
    text-decoration: none;
    border-bottom: 1px none;
}

.genericTbl td a:hover, .genericTbl td:hover a {
    color: #003366;
    border-bottom: 1px dashed #bbb;
}

.genericTbl td a img {
    border: none;
}

.genericTbl td a.imglink:hover,  .genericTbl td:hover a.imglink {
    border-bottom: none;
}

/* Footer Specifications */

div.pagelinks {
	text-align: center;
	padding-top: 3px;
	margin: 0px 0px 10px 0px;
}

div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 79%;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url("img/ico_file_excel.png");
}

span.csv {
	background-image: url("img/ico_file_csv.png");
}

span.xml {
	background-image: url("img/ico_file_xml.png");
}

span.pdf {
	background-image: url("img/ico_file_pdf.png");
}

span.rtf {
	background-image: url("img/ico_file_rtf.png");
}

span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
}


/* Small navigation on top of tables */

ul.options {
    list-style: none;
    padding: 0px 0px 10px 0px;
    margin: 10px 0px 0px 0px;
}

ul.options li {
    display: inline; /*padding: 0 20px 10px 30px;*/
    padding: 0px 10px 7px 20px;
}

ul.options li a:link, ul.options li a:visited, #successMessage a:link, #successMessage a:visited {
    color: #40659B;
    text-decoration: none;
    border-bottom: 1px dashed rgb( 187, 187, 187 );
    font-size: 100%;
}

ul.options li a:hover {
    color: #003366;
    border-bottom-style: solid;
}

ul.options li a img {
	border: none;
}


/* Menu options */
li#refresh {
    float: right;
    background: url("../images/refresh.png") top left no-repeat;
}

li#add {
    float: right;
    background: url("../images/add.png") top left no-repeat;
}

li#edit {
    float: right;
    background: url("../images/edit.png") top left no-repeat;
}

li#collapse {
    float: right;
    background: url("../images/collapse.png") top left no-repeat;
}

li#extend {
    float: right;
    background: url("../images/extend.png") top left no-repeat;
}