@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 0px;
	color: #666;
	font-size: 12px;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
	background-color: #545454;
	background-image: url(images/page_bkgd.jpg);
	background-repeat: repeat-x;
}


h1 {
	color: #4F6179;
	font-size: 24px;
	font-weight: normal;
	margin: 3px 0px 25px 0px;
}
h2 { color: #333333; font-size: 14px; font-weight: normal; margin: 0px 0px 15px 0px; }

a          { color: #ba7007; }
a:visited  { color: #ba7007; }
a:hover    { color: black; }


.container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(images/content_bkgd_tile.jpg);
	background-repeat: repeat-y;
}


/* BANNER AREA */
.bannerArea {
	width: 980px;height: 145px;
	background-color: #4971a2;
	background-image: url(images/banner_bkgd.jpg);
	background-repeat: no-repeat;
}



.bannernav {
	padding-top: 10px;
	padding-right: 40px;
	float: right;
	color: white;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a {
	color: white;
	text-decoration: none;
}
.bannernav a:visited {
	color: white;
}
.bannernav a:hover {
	color: #ECBB7B;
}

.toplogo {
	margin-left: 70px;
	padding-top: 20px;
}



.content {
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(images/content_bkgd.jpg);
	background-repeat: no-repeat;

}


/* LEFT NAVIGATION */

.ExistData {
	color: green;
}

.NotExistData {
	color: #F00; 
}

.ButtonSubmit {
	/*background:url(images/exec.png) no-repeat;
    cursor:pointer;
    width:100px;
    height:30px;*/
    cursor:pointer;
}

.ButtonShow{
	visibility:visible;
}

.ButtonHide{
	visibility:hidden;
}

.leftnavigation {
	width: 192px;
	margin: 70px 0px 0px 0px;
	padding-left: 8px;
	float: left;
	list-style-type: none;
}

.leftnavigation a{
	margin-left: 0px;
	width: 156px;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	float: left;
	color: #364957;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(images/nav_normal.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom: 1px solid #999;
}

.leftnavigation a:visited{
	color: #364957;
}
.leftnavigation a:hover{
	color: #ffffff;
	background-image: url(images/nav_down.jpg);
}


/* CONTENT AREA */

.contentleft {
	width: 440px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	

}

.contentright {
	padding-top: 55px;
	float: left;
	width: 210px;
}

.imageright {
	margin-top: 10px;
	margin-left: 10px;
	float: right;	
}
.imageleft {
	margin-right: 10px;
	float: left;
}


/* FOOTER AREA */
.footerArea {
	width: 980px;height: 88px;
	background-color: #cfcfcf;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: no-repeat;
	
}

.copyright {
	border-top: solid;
	border-color: #737a90;
	border-width: 2px;
	margin-left: 240px;
	margin-right: 30px;
	padding-top: 12px;
	
	color: #666666;
	font-size: 10px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}



/* ----------TableSorter visuals ----------------------------------*/

table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	overflow:scroll;
	border-collapse:collapse;
	margin:1em 0;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}



table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}


table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter tbody tr:nth-child(odd)  td {background-color: #FFC;}
table.tablesorter tbody tr:nth-child(even) td {background-color: #DDD;}


/* ----------TableSorterPager visuals ----------------------------------*/
div.tablesorterPager {
        padding: 10px 0 10px 0;
        background-color: #D6D2C2;
        text-align: center;
}
div.tablesorterPager span {
        padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
        width: auto;
        margin-right: 10px;
}
div.tablesorterPager input.next {
        width: auto;
        margin-left: 10px;
}
div.tablesorterPager input {
        font-size: 8px;
        width: 100px;
        border: 1px solid #330000;
        text-align: center;
}

.multiselect {
    width:218px;
    height:150px;
    border:solid 1px #c0c0c0;
    overflow:auto;
    background-color:#fff;
}
 
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#000;
    background-color:#FF9B41;
}




.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}
