* {
	padding: 0;
	margin: 0;
}

url {border: none; } 

/* global */
body {
	 margin-left: 0px;
	 margin-top: 0px;
	 margin-right: 0px;
	 margin-bottom: 0px;
	 background-image: url(../images/bg.jpg);
	}

pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	}	
	
/* main */
	#wrapper { 
	 margin: 0 auto;
	 width: 720px;
	 border-style: none;
	}

/* page */
	#page-top { 
	 margin: 0 auto;
	 width: 730px;
	 height: 41px;
	 border-style: none;
	 background: url(../images/page-top.png) repeat-y;
	}

	#page-middle { 
	 margin: 0 auto;
	 width: 730px;
	 border-style: none;
	 background: url(../images/page-middle.png) repeat-y;
	}

	#page-bottom { 
	 margin: 0 auto;
	 width: 730px;
	 height: 35px;
	 border-style: none;
	 background: url(../images/page-bottom.png) no-repeat;
	}

/* header */
	#header {
	 width: 720px;
	 height: 140px;
	}

	#header-logo {
	 width: 100px;
	 height: 95px;
	 float:left;
	}

	#header-title {
	 width: 459px;
	 height: 48px; 
	 float:left;
	}

	#header-systitle {
	 width: 320px;
	 height: 48px;
    color: #194A96;
    font-family: Arial, Helvetica, sans serif;
    font-size: 16px;
    font-weight: bolder;
    height: 25px;
    padding: 2px;
    border: 0px solid #fff;
	 float:left;
	}
		
	#header-welcome {
	 width: 286px;
	 height: 76px;
	 float:right;
	 position:relative;	 
	}

/* content */
	#content {
	 width: 700px;
	 height: auto;
	 margin-left: 10px;
	}

	.left{
		float:left;
		margin-top:15px;
		margin-right:15px;
		}
					
	.left img{
		border:1px solid #e1e1e1;		
		background:#f1f1f1;
		padding:5px;
		}	

/* navigation menu */
	#nav-menu {
	 width: 730px;	 
	}

.menu a span
{
    cursor:pointer;
}
/* footer */
		
	#footer { 
	 width: auto;
	 height: 56px;
	 background: #194A96;
	}

	#footer p{
	 margin:0;	
	 line-height:76px;		
	}
	
	#footer a{
	 color:#ccc;
	 text-decoration:underline;	
	}
		
/* clearfix */

	#content:after, ul:after{
	 content:"."; 
	 display:block; 
	 height:0; 
	 clear:both; 
	 visibility:hidden;
	}

	#content, ul{
	 display:block;
	}

	#content, ul{
	 min-height:1%;
	}

	* html #content, * html ul{
	 height:1%;
	}
			
	.clear { clear: both; background: none; }

/* page setup */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	.col{
		float:left;
		display:inline;	
		width:299px;	
		margin-left:36px;
		padding:0 0 1em 0;
		}
	.full{
		clear:both;	
		padding:1em 36px;
		}	
		
/* HTML Tags */		
	p, blockquote, ul, ol, form{
	 margin:1em 0;
	}

	blockquote{
	}

	img{
	 border:none;
	}
			
	li{
		display:list-item;
	}

	cite{
		font-size:17px;
		font-weight:bold;
	}
	
/* image replacement */
	.graphic, #header h1, #prevBtn, #nextBtn{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
	}

/* headings */
	h1{
		font-size:200%;
		font-weight:normal;
	}
		
	h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:1em 0;
	}	

	h2{            
		font-size:160%;
	}	

	.col h2{            
 		padding-bottom:.5em;
	}				

	h3{          
		font-size:140%;
	}

	h4{          
 		font-size:120%;
	}	
	
/* slider */

	#slider ul, #slider li{ 
		margin:0;
		padding:0;
		list-style:none;
	}	
	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:500px;
	}
	
	span#prevBtn{}
	span#nextBtn{}	
	
	#prevBtn, #nextBtn{ 
		display:block;
		width:45px;
		height:77px;
		position:absolute;
		top:305px;
	}
		
	#nextBtn{ 
		left:780px;
	}
	#prevBtn {
		left:745px;
	}
															
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}
		
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
	}						

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}	
	
/* form */			
	.formHeader {
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: bold;
	background:#2952A4;
	height: 25px;
	padding: 0 0 0 5px;
	}

	.formFooter { 
 		text-align: left;
 		color: #fff;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: bold;
 		background:#666;
	}

/* table */	
/*			
	table, input, textarea, select{
	 font-family: Arial, Helvetica, sans serif;
	width: 24px;
}
*/	
	.tblContent {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #C4D9F2;
	padding: 5px;
	}
	
	.normTblContent {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #ffffff;
	padding: 5px;
	}

	.tblHeader {
	text-align: center;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ADCAED;
	}

	hr{
	 display:none;
	}
	
	table{
		padding: 0px;
		width: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 1px solid #DDF0FF;
	}

	.table th {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		background-color:#D7EDFF;
		border: 1px solid #CCC;
		color: #000;
	}
	
	.table td {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		border: 1px solid #CCC;
	}	
	
	.box_content {
		padding: 0px;
		width: 100%;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 1px solid #DDF0FF;	
	}
	
	.box_content th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#C4D9F2;
	color: #000;
	text-align: center;
	padding: 2px;
	}
	
	.box_content td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #C4D9F2;
	padding-left: 5px;
	padding-right: 5px;
	}
	
/* dropdown */	
	.ddMedium {
	width: 204px;
	border: 1px solid #C4D9F2;
	}

/* input text */	
	.txtMini {
	width: 25px;
	border: 1px solid #C4D9F2;
	}

	.txtSmall {
	width: 165px;
	border: 1px solid #C4D9F2;
	}

	.txtMedium {
	width: 200px;
	border: 1px solid #C4D9F2;
	}

/* text area */	
	.txtAreaMedium {
	width: 202px;
	border: 1px solid #C4D9F2;
	}

/* links */
	a:link
	{
		color: #03F;
		text-decoration: underline;
	}

	a:visited
	{
		color: #00F;
	}
	
	a:hover
	{
  		background: #eeeeee;
	}

	a:active
	{
  		border-bottom: 1px solid #eeeeee;
  		border-top: 1px solid black;
  		border-right: 1px solid #eeeeee;
  		border-left: 1px solid black;
	}

		
/* buttons */
	#largeBtn {
		float: left;
  		margin: 2px 5px 2px 5px;
		width: 120px;
	}
	
	.btnColor {
	text-align: center;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: bold;
	background:#ADCAED;
	border: 1px ridge #ADCAED;
	width: 50px;
	}
	
		.btnColor2 {
	text-align: center;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: bold;
	background:#ADCAED;
	border: 1px ridge #ADCAED;
	width: 100px;
	height: 23px;
	}
	
	#footer-copyright {
		margin: 0px;
		padding: 0px;
		color: #fff;
		font-family: Arial, Helvetica, sans serif;
		font-size: 12px;
		line-height: 56px;
		text-align: center;
	}

/* fonts */
	#mandFields { 
 		text-align: left;
 		color: #ff0000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
	}

	#ind { 
		text-align: center;
 		color: #000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 16px;
 		line-height: 20px;
	}

	#indCurr { 
 		text-align: center;
 		color: #ff0000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 16px;
 		line-height: 20px;
	}

	#reminder { 
 		text-align: left;
 		color: #666;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: normal;
 		font-style: italic;
	}	

	#reminderRed { 
 		text-align: left;
 		color: #666;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: normal;
 		font-style: italic;
	}

	#SubHeader3 {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: bold;
	background: #ADCAED;
	line-height: 20px;
	}

	#SubHeader2 { 
 		text-align: left;
 		color: #000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: normal;
 		font-style: italic;
	}

	#SubHeader1 { 
 		text-align: left;
 		color: #000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: bold;
	}	

	#numberingMain { 
		 text-align: left;
		color: #000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: bold;
	}

	#numberingSub { 
 		text-align: left;
 		color: #000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 10px;
 		font-weight: normal;
 		font-style: italic;
	}

/* tabs properties */
	ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 29px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	}
	
	ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	background-color: #ADCAED;
	}
	
	ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-weight:normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	ul.tabs li a:hover {
	background-color: #EAF1FB;
	}
	
	html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #fff;
		border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	}
	
	.tab_container {
		border: 1px solid #999;
		border-top: none;
		overflow: hidden;
		clear: both;
		float: left; width: 100%;
		background: #ffe;
		font-size:small;
		font-weight:normal;
	}
	
	.tab_content {
		padding: 10px;
		font-weight:normal;
	}

/* additional new css - updated 21 July 2009*/
 
.txt_invisible {
	border: 1px solid #FFFFFF;
}
.txt_invisibleLong{
	border: 1px solid #FFFFFF;
	width:350px;
}
.txt_bigbox {
	border: 1px solid #C4D9F2;
}
	
.btnColor_generate {
	text-align: center;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: normal;
	background:#ADCAED;
	border: 1px ridge #ADCAED;
	width: 100px;
	height: 18px;
}
.btnColor_newcosting {
	text-align: center;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: normal;
	background:#ADCAED;
	border: 1px ridge #ADCAED;
	width: 120px;
	height: 18px;
}
.modTitle {
	text-align: right;
	color: #F90;
	font-family: Arial, Helvetica, sans serif;
	font-size: 16px;
	font-weight: bolder;
	height: 25px;
	padding: 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.prodCertHeader {
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans serif;
	font-size: 14px;
	font-weight: bold;
	background:#2952A4;
	height: 25px;
	padding: 0 5px 0 5px;
}

#txtInitial { 
 		text-align: left;
 		color: #ff0000;
 		font-family: Arial, Helvetica, sans serif;
 		font-size: 12px;
 		font-weight: normal;
 		font-style: italic;
}

.engInspectionHeader {
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans serif;
	font-size: 13px;
	font-weight: bold;
	height: 23px;
	padding: 5px 2px 5px 2px;
	background-color: #15468B;
	border: 1px solid #cecece;
}

.txtLong {
width: 300px;
border: 1px solid #C4D9F2;
}

.txtExtraLong {
width: 350px;
border: 1px solid #C4D9F2;
}

.ddLong {
	width: 302px;
	border: 1px solid #C4D9F2;
}

.ddExtraLong {
	width: 352px;
	border: 1px solid #C4D9F2;
}
	
.txtAreaLong {
	width: 300px;
	border: 1px solid #C4D9F2;
}

.txtAreaExtraLong {
	width: 350px;
	border: 1px solid #C4D9F2;
}

/* additional new css - updated 22 July 2009*/
.txtMedSmall {
	width: 150px;
	border: 1px solid #C4D9F2;
}
	.ddSmall {
	width: 130px;
	border: 1px solid #C4D9F2;
}
	.txtSmaller {
	width: 130px;
	border: 1px solid #C4D9F2;
	}
.ddMini {
	width: 50px;
	border: 1px solid #C4D9F2;
}

.header1 {
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans serif;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	padding: 0 5px 0 5px;
	background-color: #25449E;
}

.banner {
	text-align: center;
	border: 1px solid #FFF;
}

#green {
	color: #339900;
	text-decoration: underline;
}

.letterHeader { 
	text-align: left;
 	color: #000;
 	font-family: Arial, Helvetica, sans serif;
 	font-size: 12px;
 	line-height: 20px;
	border: 1px solid #fff;
	background:#99ccff;
	padding: 10px;
}

.letterContent {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	line-height: 20px;

}

.letterTitle { 
	text-align: left;
 	color: #000;
 	font-family: Arial, Helvetica, sans serif;
 	font-size: 12px;
	font-weight: bold;
 	line-height: 20px;
	border: 1px solid #fff;
}

.letterLine { 
	border-bottom: 1px solid #000000;
}

.underline { 
	text-decoration: underline;
}

.letterComment { 
	width: 600px;
	border-bottom: 1px dashed #000000;
}

/* additional new css */
	.txtMedSmall {
	width: 150px;
	border: 1px solid #C4D9F2;
}
	.ddSmall {
	width: 130px;
	border: 1px solid #C4D9F2;
}
	.txtSmaller {
	width: 130px;
	border: 1px solid #C4D9F2;
	}
.ddMini {
	width: 50px;
	border: 1px solid #C4D9F2;
}
.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #666;
}
.modTitleEng {
	text-align: right;
	color: #F60;
	font-family: Arial, Helvetica, sans serif;
	font-size: 16px;
	font-weight: bolder;
	height: 25px;
	padding: 5px;
	border: 1px solid #fff;
}

.modTitlePcs {
	text-align: right;
	color: #039;
	font-family: Arial, Helvetica, sans serif;
	font-size: 16px;
	font-weight: bold;
	height: 25px;
	padding: 5px;
	border: 1px solid #FFFFFF;
}

.txtColor {
	border: 1px solid #C4D9F2;
}

.borderTable {
	border: 1px solid #25449E;
	font-size: 12px;
}

.headerBg {
	height: 22px;
	padding: 0 5px 0 5px;
	background-color: #25449E;
}

.headerTitle { 
	text-align: left;
 	color: #fff;
 	font-family: Arial, Helvetica, sans serif;
 	font-size: 14px; 
	font-weight: bold;
}

.headerSubTitle {
	text-align: right;
	color: #FFF;
	font-family: Arial, Helvetica, sans serif;
	font-size: 10px;
	font-weight: bolder;
	background-color:#FD9613;
	padding: 2px 4px 2px 4px;
}
		
	.box_mainpage {
		padding: 0px;
		width: 100%;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 1px solid #DDF0FF;	
	}
	
	.box_mainpage th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#C4D9F2;
	color: #000;
	
	height: 18px;
	padding: 2px;
	border: 1px solid #C4D9F2;
	}
	
	.box_mainpage td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	height: 13px;
	border: 1px solid #C4D9F2;
	padding-left: 5px;
	padding-right: 5px;
	}
	
.btnPrev {
text-align: center;
color: #000;
font-family: Arial, Helvetica, sans serif;
font-size: 12px;
font-weight: bold;
background:#ADCAED;
border: 1px ridge #ADCAED;
width: 60px;
height: 18px;
}

	.tblContent2 {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #C4D9F2;
	}
	
.header2 {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 14px;
	font-weight: bolder;
	background-color:#FFF;
	padding: 2px 6px 2px 2px;
}

	.box_other {
	padding: 2px;
	width: 100%;
	border: 1px solid #c7dae8;
	}
	
	.box_other th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	background-color:#C4D9F2;
	color: #000;
	text-align: center;
	padding: 2px;
	}
	
	.box_other td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 2px;
	}

.formSubTitle {
	color: #000;
	font-family: Arial, Helvetica, sans serif;
	font-size: 11px;
	border: 1px solid #FFF;
	padding: 2px;
}

.txtAreaExtraLong2 {
	width: 376px;
	border: 1px solid #C4D9F2;
}
.diffRow {
	background-color:#EEF5FD;
}

#welcome
{   
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
	vertical-align: middle;
}
.welcome_L1 {
	text-align: right;
	color: #194A96;
	font-family: Arial, Helvetica, sans serif;
	font-size: 16px;
	font-weight: bolder;
	height: 25px;
	padding: 0px;
	border: 0px;
}

.welcome_L2 
{        
    text-align: right;
	color: #909090;
	font-family: Arial, Helvetica, sans serif;
	font-size: 11px;
	font-weight: bold;
	border: 0px solid #FFF;
	padding: 2px;
}
.welcome_task
{        
    text-align: right;    
	color: #F90;
	font-family: Arial, Helvetica, sans serif;
	font-size: 11px;
	font-weight: bold;
	border: 0px solid #FFF;
}
.welcome_L3
{        
    text-align: right;    
	color: #F90;
	font-family: Arial, Helvetica, sans serif;
	font-size: 11px;
	font-weight: bold;
	border: 0px solid #FFF;
	padding: 2px;
	background-color: #FFF;	
}	
.login_tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
	background-image:url(images/login_layout.jpg)
}
.login_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: left;
	border: 1px solid #ffffff;
	margin-left: 40px;
}

.searchText
{          
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
}	

.searchTextTitle
{          
	font-family: Arial, Helvetica, sans serif;
	font-size: 14px;
}	

.validation_summary_as_bulletlist ul
{
    display: none;
}