﻿@charset "utf-8";
/*******************************************************************************
 Global
 *******************************************************************************/


/**** english version****/
.en {
	font-family: arial;
	color: #333333;
	font-size: 11px;
	line-height: 15px;
}

.en input,.en select,.en textarea {
	font-size: 11px;
	font-family: arial;
}
/**** end of english version****/

/**** taiwan traditional chinese version****/
.tw {
	font-family: arial, PMingLiU, mingliu;
	color: #333333;
	font-size: 11px;
	line-height: 22px;
}

.tw input,.tw select,.tw textarea {
	font-size: 11px;
	font-family: arial, PMingLiU, mingliu;
}
/**** end of taiwan traditional chinese version****/


/**** hongkong traditional chinese version****/
.hk {
	font-family: arial, PMingLiU, mingliu;
	color: #333333;
	font-size: 11px;
	line-height: 15px;
}

.hk h1 {
	font-size: 16px;
}

.hk h2 {
	font-size: 11px;
}

.hk h3 {
	font-size: 11px;
}

.hk dl {
	font-size: 10px;
}

.hk blockquote {
	font-size: 10px;
}

.hk input,.hk select,.hk textarea {
	font-size: 11px;
	font-family: arial, PMingLiU, mingliu;
}



/**** end of english version****/


/**** China traditional chinese version****/

.cn {
	font-family: Arial,PMingLiU,mingliu,SimSun;
	color: #333333;
	font-size: 11px;
	line-height: 15px;
}

.cn h1 {
	font-size: 16px;
}

.cn h2 {
	font-size: 11px;
}

.cn h3 {
	font-size: 11px;
}

.cn dl {
	font-size: 10px;
}

.cn blockquote {
	font-size: 10px;
}

.cn input,.cn select,.cn textarea {
	font-size: 11px;
	font-family:Arial,PMingLiU,mingliu,SimSun;
}


/**** end of english version****/


/**** Thailand  version****/
.th {
	font-family: arial,helvetica,sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 15px;
}

.th h1 {
	font-size: 16px;
}

.th h2 {
	font-size: 11px;
}

.th h3 {
	font-size: 11px;
}

.th dl {
	font-size: 10px;
}

.th blockquote {
	font-size: 10px;
}

.th input,.th select,.th textarea {
	font-size: 11px;
	font-family: arial,helvetica,sans-serif;
}



/**** end of english version****/


html, body, h1, h2, h3, h4, h5, h6, p, ul, li, tr, td, a, br, hr, p, ol,img {
	margin: 0;
	padding: 0;

}



select, input, img{

vertical-align:middle;
}

h1{
	font-size: 16px;
	line-height:18px;
	}

h2{
	font-size: 11px;
	margin-top:15px;
	}

h3{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}




hr{
border:0.5px solid #999999;
}

form, input, select{
	margin: 0;
	padding: 0;
	font-size:11px;
}

img{
cursor:pointer;
}

body {
	font-family: Arial;
	background: #f6f6f0 url(/eCOMPASS/com/aig/ecompass/common/images/body_bg.gif) repeat-x top left;
	color: #333333;
	font-size: 11px;
	line-height: 15px;
	text-align:center;
}

body.popup{
text-align:left;
padding:0px 20px 0px 20px;
	background: #f6f6f0 ;
}

td a, th a, p a{
text-decoration:underline;
}

p{
	margin-bottom:10px
}

a {
	color: #D31145;
	text-decoration: none;
	line-height: 14px;
	cursor:pointer;
}

a:hover {
	color: #D31145;
	line-height: 14px;
}
.HeaderTopLink li a{
	text-decoration: none;
}
ul{
	padding-left:15px;
}

img {
	border: 0;
}

select {
	font-size: 11px;
	color: #333333;
	vertical-align:middle;
}

div{
	width:100%;
	text-align:left;
}
/*******************************************************************************
 Class
 *******************************************************************************/

ul.plain {
	list-style: none;
	padding: 0;
}

.printer{
	background: url(/eCOMPASS/com/aig/ecompass/common/images/printer.gif) no-repeat left;
	padding-left: 16px;
	width: 12px;
}

.clearfix {
	display:inline;
}

/********************************
 bg
 ********************************/

.bg{
	width:1004px;
	background: #fbfbf9 url(/eCOMPASS/com/aig/ecompass/common/images/bg_bg.gif) repeat-x top left;
	padding-left:38px;
	padding-right:38px;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
}

/********************************
 header
 ********************************/
.header {
	height:114px;	
	background:url(/eCOMPASS/com/aig/ecompass/common/images/header_bg.gif) repeat-x top left;
}
/********************************/
.header .logo{
	width:90px;
	float:left;
}
/********************************/
/********************************/
.header .logo img {
	cursor:pointer;
}

.header .Market {
	height:23px;
	color: #d31145;
	font-size: 11px;
	text-align: center;
	padding-top:5px;
}

/********************************/
.header .HeaderRight{
	float:right;
	width:914px;
	height:114px;
}

/********************************/
/********************************/
.header .HeaderRight .HeaderTop{
	height:39px;
}

/********************************/
/********************************/
/********************************/
.HeaderTopLink{
	float: left;
	list-style: none;
	height: 38px;
	margin: 0;
	padding: 0;
	margin-left:15px;
}

.HeaderTopLink li {
	float: left;
	padding-top: 17px;
}

.HeaderTopLink li a{
	color: #767676;
}

.HeaderTopLink li a:hover, .HeaderTopLink li.active a{
	color: #D31145;
}

/********************************/
/********************************/
/********************************/
.HeaderTopGreeting{
	width:auto;
	float: right;
	color: #767676;
	padding:0px 0px 0px 0px;
	margin-right:15px;
	margin-top:18px;
}

/********************************/
/********************************/
.header .HeaderMenu{
	height:36px;
	padding-top:12px;
}

.header .HeaderMenu ul{
	float: left;
	list-style: none;
	padding-left: 15px;
}

.header .HeaderMenu ul li{
	float: left;
	height: 29px;
	margin-right: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#FFFFFF;
}

.header .HeaderMenu ul li a{
	font-weight: bold;
	font-size: 15px;
	line-height: 29px;
	color: #000000;
}

.header .HeaderMenu ul li a:hover, .header .HeaderMenu ul li.active a{
	color: #d31145;	
}

/********************************/
/********************************/
/********************************/
.header .HeaderMenu .PortalName{
	float:right;
	height: 29px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	width:auto;
	margin-right:15px;
	padding-top:3px;

}

/********************************/
/********************************/
.header .HeaderRight .PortalMenu{
	height:29px;
	padding-top:8px;
}


.header .HeaderRight .PortalMenu .logout{
	float:right;
	margin-right:15px;
	font-weight:bold;
	width:auto;
	line-height:23px;
	cursor:pointer;
}

.header .HeaderRight .PortalMenu ul{
	list-style: none;
	padding:0px;
	margin:0px;
	margin-left:15px;
	line-height: 23px;

}

.header .HeaderRight .PortalMenu ul li{
	float: left;
	background-color:#FFFFFF;
	height:25px;
}

.header .HeaderRight .PortalMenu ul li.listSep{
	padding-left:10px;
	padding-right:10px;
}

.header .HeaderRight .PortalMenu ul li a{
	color: #000000;
}

.header .HeaderRight .PortalMenu ul li.active a, .header .HeaderRight .PortalMenu ul li a:hover{
	color: #d31145;
}

/****************************************
portalMenu Level2
*****************************************/

/* priority: 010 */
.portalDropdown{
	width:auto;
	position:absolute; 
	z-index:999;
	margin-top:0px; 
	display:none;
}


.primaryDropdownMenu,.portalDropdownMenu {
	width:144px;
	list-style: none;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	padding: 5px 5px 5px 13px;
}

/* priority: 011,010 */
.primaryDropdownMenu li a,.portalDropdownMenuItem a {
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color:#000000;
}


/* priority: 012,011 */
.primaryDropdownMenu li a:before,.portalDropdownMenuItem a:hover {
	color: #D31145;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;

}

/* priority: 010 */
.primaryDropdownBottom,.portalDropdownBottom {
	height: 6px;
	width: 170px;
	margin-left: -15px;
	background: transparent url(/eCOMPASS/com/aig/ecompass/common/images/portalMenuBgBottom.png);
}






/********************************
 Main
 ********************************/
.Main{
	background: #f5f6f0 url(/eCOMPASS/com/aig/ecompass/common/images/main_divider.gif) repeat-x top left;
	min-height: 600px;
	padding:0px;
	padding-top: 12px;
	padding-bottom: 40px;
}
/********************************/
.Main .TopNavigation{
	line-height: 25px;
}

/********************************/
/********************************/
.Main .TopNavigation ul.Nav{
	float:left;
	list-style: none;
	margin:0px;
	padding:0px;
	margin-left:150px;
	line-height: 25px;
}


.Main .TopNavigation ul.Nav li{
	float:left;
	line-height: 25px;
	padding:0px;
}

.Main .TopNavigation ul.Nav li a{
	color: #000000;
	padding:0px;

}

.Main .TopNavigation ul.Nav li a:hover, .Main .TopNavigation ul.Nav li a.active{
	color: #d31145;
}

/********************************/
/********************************/
.Main .TopNavigation .Print{
	float: right;
	width: 256px;
	margin-right:15px;
	list-style-type: none;
	background-color: #EEEEE6;
	padding: 5px 0px 5px 0px;
}

.Main .TopNavigation .Print ul li{
	float: right;
	list-style: none;
	margin-right:15px;
	white-space:nowrap;
}

.Main:AFTER {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.Print a.printer{
	background: url(/eCOMPASS/com/aig/ecompass/common/images/printer.gif) no-repeat;
	color:#666666;
}

.Print a:hover{
	color: #d31145;
}
	
/********************************/	
.Main .MainContent{
	width:974px;
	margin:0px;
	margin-left:30px;
}

/********************************/	
/********************************/	
.Main .LeftMenu{
	width:130px;
	float:left;
	padding:0px;
	margin:0px;
	padding-top: 10px;
	padding-bottom: 60px;
}

.Main .LeftMenu ul{
	padding:0px;
	margin:0px;
	list-style: none;
	border-top: 1px solid #CBCBC4;
}

.Main .LeftMenu ul li{
	color: #767676;
	border-bottom: 1px solid #CBCBC4;

}

.Main .LeftMenu ul li a {
	color: #767676;
	background: url(/eCOMPASS/com/aig/ecompass/common/images/arrow.gif) no-repeat;
	background-position:10px 10px;
	display: block;
	padding: 6px 0px 6px 20px;
	text-decoration:none;
}

.Main .LeftMenu ul li.Active a,
 .Main .LeftMenu ul li a:hover,
 .Main .LeftMenu ul li.Title a:hover{
	color: #d31145;
}

.AIARed{
color: #d31145;
}

.Main .LeftMenu ul li.Title a{
	background:none;
	padding: 6px 0px 6px 10px;
	font-weight:bold;
	color: #767676;
}

.Main .LeftMenu ul li.ActiveTitle{
       background-color: #FFFFFF;
       font-weight: bold;
}
.Main .LeftMenu ul li.ActiveTitle a {
       background: none;
       padding: 6px 0px 6px 10px;
}


.Main .LeftMenu ul li a.level1 {
       display: block;
       background: url(/eCOMPASS/com/aig/ecompass/common/images/doubleArrow.gif) no-repeat;
       background-position: 9px 10px;
       font-weight: bold;
       padding: 6px 0px 6px 26px;
}
.Main .LeftMenu ul li a.level2 {
       display:block;
       background: url(/eCOMPASS/com/aig/ecompass/common/images/arrow.gif) no-repeat;
       background-position:25px 10px;
       padding: 6px 0px 6px 34px;
}




/********************************/	
/********************************/		
.Main .MainContent .Landing{
	float:left;
	width:680;
	padding:0px;
	margin:0px;
	margin-top:10px;
}

.Main .CommonContent{
	float:left;
	width:830px;
	/*width:839px;*/
	overflow:hidden;
	padding:0px;
	margin-left:20px;
	margin-top:10px;
}

/********************************/	
/********************************/	
.Main .RightBanner{
	float:right;
	width:256px;
	/*width:0px;
	dispaly:none;*/
	
	padding:0px;
	margin:0px;
	margin-right:15px;
	margin-top:10px;
	z-index:11;
}
.Main .RightBanner img{
	z-index:0;
	width:256px;
	/*dispaly:none;*/
}

/********************************
 Main
 ********************************/
.Footer{
	padding-top: 20px;
	color: #999999;
	background: #FFFFFF url(/eCOMPASS/com/aig/ecompass/common/images/footer_divider.gif) repeat-x top left;
}

.Footer a:hover{
	color: #D31145;
}

.Footer .sitemap{
	margin: 0 46px;
	width: 888px;
	padding: 24px 0 24px 24px;
	font-size: 11px;
}

.Footer .sitemap a{
	color: #999999;
	font-size:11px;
	line-height: 18px;
}

.Footer .sitemap a:hover{
	color: #d31145;
}

.Footer .sitemap .sitemapColumn{
	float: left;
	width: 206px;
	padding-right: 16px;
}

.Footer .sitemap .sitemapColumn ul{
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}

.Footer .sitemap .sitemapColumn ul li{
	text-indent: -10px;
	padding-left: 10px;
}


.Footer .sitemap .sitemapColumn h5 a{
	font-weight:bold;
	line-height: 18px;
	font-size:11px;
	text-decoration:underline;
}

/********************************
 Main Content
 ********************************/
.Active{
	color: #d31145;
	font-weight:bold;
}


	

	
.Main p{
	line-height:15px;
	}	
	
.Main .Landing img{
	margin-top:10px;
	margin-bottom:20px;
}

.totalBar{
	font-weight:normal;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding: 3px 3px 3px 0px;

}

.buttonLeftBar{
width:auto;
float:left;
padding-left:5px;
}

.totalRecord{
float:right;
width:auto;
line-height:15px;
padding-right:7px;
font-weight:normal;
}



a.inactive, a.inactive:hover{
	color:#999999;
}

a img{
cursor:pointer;
}

div.hide{
	display:none;
}

.bold{
	font-weight:bold;
}

.symbol{
	font-family:Symbol;
	vertical-align:middle;
}

/********************************
 Main Content - Table
 ********************************/	
	
.tableType, .tableSummary  {

   	border: solid #000000;
   	border-width:1px 0px 0px 1px;
	margin-top:10px;
	margin-bottom:10px;
	background:#FFFFFF;
}

.tableSummary  {
	border-color:#CBCBC4;
	border-top:2px solid #d31145;
}

.tableLeftHeader {
   	background-color: #d31145;
   	font-weight: bold;
   	color: #ffffff;
   	text-align: left;
  	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
}

.tableCenterHeader {
   	background-color: #d31145;
   	font-weight: bold;
   	color: #ffffff;
   	text-align: center;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
}

.tableRightHeader {
   	background-color: #d31145;
   	font-weight: bold;
   	color: #ffffff;
   	text-align: right;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
}

.tableLeftContent {
   	text-align: left;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
	/*background:#eeeee6;*/
}

.tableCenterContent {
   	text-align: center;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
	/*background:#eeeee6;*/
}

.tableCenterContentM {
   	text-align: center;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;

}

.tableRightContent {
   	text-align: right;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
	/*background:#eeeee6;*/
}

tr.even{
background-color:#eee5de;
}

tr.odd {
	background-color: #eee9e9;
}

tr.blank{
	background:#f6f6f0;
}

tr.subTotal{
	background-color: #eeeee6;
}

tr.grantTotal{
	background-color: #CBCBC4;
}

.tableTotalContent{
   	text-align: right;
   	border:solid #000000;
   	border-width:0 1px 1px 0;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
   	background:#EEEEE6;

}

.tableType td input{
	border:1px solid #999999;
	padding:2px 3px 2px 3px;
	vertical-align:middle;
	width:auto;
	height:21px;
}
.tableType td img{
cursor:pointer;
vertical-align:middle;
}


.tableType td input.radio{
	border:0px;
	width:auto;
	padding: 0px;
}


/********** table type 2 *************/
.tableTypeNI {

   	border: solid #000000;
   	border-width:1px 0px 0px 1px;
	margin-top:10px;
	margin-bottom:10px;
}


.tableTypeNI td input{
	width:auto;
}


/********** table summary *************/
.tableSummary  .tableLeftHeader{
	background:#eeeee6;
	color:#000000;
		border-color:#CBCBC4;
	}


.tableSummary  .tableRightHeader{
	background:#eeeee6;
	color:#000000;
		border-color:#CBCBC4;
	}

.tableSummary  .tableCenterHeader{
	background:#eeeee6;
	color:#000000;
		border-color:#CBCBC4;
	}
	
	
	.tableSummary  .tableLeftContent{
		border-color:#CBCBC4;
	}


.tableSummary  .tableRightContent{
		border-color:#CBCBC4;
	}

.tableSummary  .tableCenterContent{
		border-color:#CBCBC4;
	}

/********** table Search *************/
.tableSearch {
   	border:2px solid #999999;
	background-color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px 8px 10px 8px;
	text-align:center;
}


.tableSearch table {
	background-color:#FFFFFF;
	border:0px;
	margin:0px;
	font-size:12px;
	width:100%;
}

.tableSearch .tableLeftHeader {
   	background-color: #FFFFFF;
   	font-weight: bold;
   	color: #000000;
   	text-align: left;
  	border:0px;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
}

.tableSearch .tableCenterHeader {
   	background-color: #FFFFFF;
   	font-weight: bold;
   	color: #000000;
   	text-align: center;
  	border:0px;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
}

.tableSearch .tableRightHeader {
   	background-color: #FFFFFF;
   	font-weight: bold;
   	color: #000000;
   	text-align: right;
  	border:0px;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
}

.tableSearch .tableLeftContent {
   	text-align: left;
   	border:solid #000000;
  	border:0px;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
	background:#FFFFFF;
}

.tableSearch .tableCenterContent {
   	text-align: center;
   	border:solid #000000;
  	border:0px;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
	background:#FFFFFF;
}
.tableSearch .tableRightContent {
   	text-align: right;
   	border:solid #000000;
  	border:0px;
   	/*padding:8px 6px 6px 10px;*/
    padding:4px;
	background:#FFFFFF;
}



.tableSearch td input.text{
	border:1px solid #999999;
	height:20px;
	padding:1px 3px 1px 3px;
}

.tableSearch td option, .tableSearch td select{
	font-size:12px;
}
.tableSearch td option{
	height:26px;
}

.tableType th.totalBar{
background-color:#FFFFFF;
}

.tablefooter, .tablefooter a{
		font-size:10px;
		color:#999999;
		text-decoration:none;
}
.tablefooter a:hover {
		font-size:10px;
		color:#d31145;
}

/*************************************
List
*************************************/

ul.decimal{
display:list-item;
list-style:decimal;
margin:3px 10px;
}

ul.decimal li{
	line-height:15px;
	padding:3px 0px;
}

ul.decimal li font{
	display:block;
	border:1px solid black;
	font-size:11px;
}

table.agreement {
width:100%
}

table.agreement td{
padding:3px;

}

.disable{
	background-color:#f6f6f0;
}

p.radioList{
border:1px solid #999999; background:#FFFFFF;     padding:4px;
}

#popup{
position:absolute; 
left:300px; 
top:200px;
right:0px; 
width:560px; 
border:5px solid #CCCCCC; 
background: #f6f6f0; 
z-index:98; 
padding:10px 15px 10px 15px
}

#popupClose{
width:100%; 
text-align:right; 
font-size:12px; 
margin-bottom:10px; 
cursor:pointer;
}
