/* SJC01 2011-4-26 Add Tabs
   SJC02 Add stuff from the templage
   SJC03 logoimg
*/

/* SJC03 */
logoimg { border: 0}

/* SJC02 */
#xxx-cmt-header {margin:0;padding:0;height:100%;width:100%;background:#e7f1f6 url(../img/bg.png) repeat 0 0;color:#888;font:normal 12px/normal Arial, Helvetica, sans-serif;}
#cmt-logo {float:left;width:74px;height:82px;}
#cmt-logo img {width:74px;height:82px;}
#cmt-site-name {margin:17px 0 0 0;}
#cmt-site-name a {font-size:37px;color:#29a7cc;text-decoration:none;}
#cmt-site-name a span {color:#104250;}
#cmt-site-slogan {font-size:10px;color:#b1b1b1;}
/* SJC02 END */


a
{
	text-decoration: none;
	font-weight:bold;	
}
a:hover
{
	text-decoration: underline;	
}

A.formbutton {
	text-decoration: none;
}
A.formbutton:hover {
	text-decoration: none;
	BACKGROUND-COLOR: #104250;
}
A.formbutton:visited {
	text-decoration: none;
}

A.menubutton {
	text-decoration: none;
}
A.menubutton:hover {
	text-decoration: none;
	BACKGROUND-COLOR: #d0d0d0
}
A.menubutton:visited {
	text-decoration: none;
}

.menubutton 
{
	background-color: #29a7cc;
	border: 2px solid #29a7cc;
	font-weight: bold;
	color: #FFFFFF;
	
	BORDER-RIGHT: #bdbdbd 1px solid; 
	PADDING-RIGHT: 9px; 
	BORDER-TOP: #ffffff 1px solid; 
	DISPLAY: block; PADDING-LEFT: 9px; 
	PADDING-BOTTOM: 0.25em; 
	BORDER-LEFT: #ffffff 1px solid; 
	WIDTH: 100%;
	PADDING-TOP: 0.25em; 
	BORDER-BOTTOM: #bdbdbd 1px solid; 
	TEXT-DECORATION: none; 
}

.header 
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 24px;
 	font-weight:bold;
	color: #696969;
	padding-left: 0px;
	padding-top:25px;
	padding-bottom: 10px;
	
}

#content {
	padding-left: 25px;
	padding-right: 10px;
}
#print {
	padding-left: 25px;
	padding-right: 10px;
	width: 630px;
}

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  14px;
	color: #333333;
}
p {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:  14px;
}
td {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:  14px;
	vertical-align:top;
}
th {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:  14px;
	vertical-align:top;
	text-align:left;
}
th.right 
{
	text-align:right;
}

h1 {
	font-size: 18px;
	margin-bottom: 8px;
}
h2 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 8px;
}

.txt {
	background-color: #E7E8E3;
	border: 1px solid #696969;
	font-size: 15px;
	width:150px;
}
.cbo {
	font-size: 15px;
	width:150px;
}
.req {
	background-color: #E7E8E3;
	border: 1px solid #333333;
	font-size: 15px;
}
.rec {
	background-color: #E7E8E3;
	border: 1px solid #333333;
	font-size: 15px;
}
.firstcolumn 
{
	width: 200px;
}
td.number 
{
	width: 80px;
	text-align:right;
}

.cmd {
	padding: 0.25em 9px;
    background-color: #696969;
	    font-weight: bold;
	    color: #FFFFFF;
	
	    BORDER-TOP: #ffffff 1px solid; 
	    DISPLAY: block; 
	    BORDER-LEFT: #ffffff 1px solid; 
	    BORDER-RIGHT: #ffffff 1px solid; 
	    BORDER-BOTTOM: #bdbdbd 1px solid; 
	    TEXT-DECORATION: none;
    width: 83px;
}

cmd:hover {
	BACKGROUND-COLOR: Red
}
.noprint
{
	visibility:visible;
}



.creditmenu {
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul.menu 
{
    margin: 0;
    padding: 0;
    list-style-type:none;
    width: 500px;
}

ul.menu li
{
    display:inline;
}


/* SJC02 TABS*/
/*.container {width: 500px; margin: 10px auto;}*/


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height:30px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;

}
ul.tabs li {
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;

	overflow: hidden;
	position: relative;

	
	
	background-color: #d8dfea;
	color: #3b5998;
	font-weight: bold;
	float: left;
	text-decoration: none;
}
ul.tabs li a {
	padding: 8px;
	text-decoration: none;
	display: block;
}
ul.tabs li a:hover {
	background: #ccc;
	text-decoration: none;

}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;

}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;

}
.tab_content {

}