/* 
    File name:		ANSNCSS.css
    Description:	ANSN CSS Page for ANSN
    Created by:     Gao,Qianran
    Date:           2008-09-30
    Modified by:   
    Date:          
*/

/* Topical Group Table */

.TGTable 
{
    font-size: 10px;
    color: #000000;
    BACKGROUND-COLOR: #f1f5f1;
    TEXT-DECORATION: none;    
    padding:2px

}

.TGTable .Header
{
    font-size: 12px;
    font-weight: bold;
    color: #000099;
    text-align: center;
    background-color: activeborder;
}

 .TGIntroHeader {
    background: white url(../../img/bg/bgTitlesSignIn.gif) repeat-x top left;  
    padding:8px 15px;	        
}

.TGIntroresultHeader {
    background-color:#EFFDDF ;  
    padding:5px 15px;	        
}

.TGmaintitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight: bold;
}

 .TGIntro {

    padding:8px 15px;
    border-bottom:3px solid #EFFDDF;
}


.TGListHeader
{
    font-size: 12px;
    color: #000000;

    font-weight: bold;
  
}

.objList
{
    font-size: 12px;
    color: #000000;
    border-bottom: 1px solid #dcdcdc;
    padding: 4px;
    margin-bottom: 10px;
}

/* ************************************** */
/* OVERALL */
/* ************************************** */

#pageWrapper {
	margin: 0;
	width: auto;
	min-width: 770px;
}

/* ************************************** */
/* HEADER */
/* ************************************** */

#header {
	padding-left:10px;
	padding-right:10px;
}
.hubName {
	font-size:22px;
	color:#62AB27;
}
.hubInfo {
	font-size:10px;
	color:#6F7176;
}
.hubImage {
	background:url(../../img/bg/photo_lg_seoul.gif) no-repeat top left;
}

/* ************************************** */
/* MAIN MENU */
/* ************************************** */

#menu {
	margin:0px;
	padding:0;
	height:28px;
	background:white url(../../img/bg/bgMenu.gif) repeat-x top left;
}
#menu a:link, #menu a:active, #menu a:visited {
	color:#2B5206;
	text-decoration:none;
}
#menu a:hover {
	text-decoration:underline;
}
.parentMenu {
	padding:7px 0px 6px 0px;
}
.parentMenu .menuItem {
	padding:7px 15px 6px 15px;
	font-weight:bold;
}
.parentMenu .menuItem:hover {
	padding:6px 14px 6px 14px;
	background:#D7F9AF;
	border-left:1px solid #87CC3F;
	border-right:1px solid #87CC3F;
}
.parentMenu .menuItemActive {
	padding:6px 14px 6px 14px;
	background:#D7F9AF;
	border-left:1px solid #87CC3F;
	border-right:1px solid #87CC3F;
}
.childMenu {
	position:absolute;
	top:0px;
	visibility:hidden;
	z-index:101;
	min-width:150px;
	border-left:1px solid #87CC3F;
	border-right:1px solid #87CC3F;
	border-bottom:1px solid #87CC3F;
	background:#D7F9AF;
        border-top:1px solid #A6DD69;
}
* html .childMenu
{
	width:190px;
}
.childMenu .menuItem {
	padding:3px 20px 4px 20px;
	display:block;
	cursor:hand;
	border-top:1px dotted #A6DD69;
        border-bottom:1px dotted #A6DD69;
        

}
.childMenu .menuItem:hover {
	padding:3px 20px 4px 20px;
	background:white;
}

.childMenu1 {
	position:absolute;
	top:0px;
	visibility:hidden;
	z-index:101;
	min-width:150px;
	border-left:1px solid #87CC3F;
	border-bottom:1px solid #87CC3F;
	background:#D7F9AF;
        border-top:1px double #A6DD69;
}
* html .childMenu1
{
	width:190px;
}
.childMenu1 .menuItem1 {
	padding:3px 20px 4px 20px;
	display:block;
	cursor:hand;
	border-right:1px solid #87CC3F;
        border-bottom:1px dotted #A6DD69;
}
.childMenu1 .menuItem1:hover {
	padding:3px 20px 4px 20px;
	background:white;
        border-right:1px solid #87CC3F;
}

.childMenu2 {
	position:absolute;
	top:0px;
	visibility:hidden;
	z-index:101;
	min-width:150px;
	border-left:1px solid #87CC3F;
	border-right:1px solid #87CC3F;
	border-bottom:1px solid #87CC3F;
	background:#D7F9AF;
}
* html .childMenu2
{
	width:190px;
}
.childMenu2 .menuItem2 {
	padding:3px 20px 4px 20px;
	display:block;
	cursor:hand;
	border-bottom:1px dotted #A6DD69;
}
.childMenu2 .menuItem2:hover {
	padding:3px 20px 4px 20px;
	background:white;
}

/* ************************************** */
/* SITE LINKS */
/* ************************************** */

#siteLinks {
	height:20px;
	padding-right:10px;
	background:white url(../../img/bg/bgSitelinks.gif) repeat-x top left;
	border-bottom:1px solid #CDD2D4;
}
.siteLinks {
	color:#6F7176;
	font-size:11px;
}

/* ************************************** */
/* BODY (AREA BETWEEN HEADER, MENU AND FOOTER) */
/* ************************************** */

/* LAYOUT BODY AREA */

#outerColumnContainer {
	z-index: 1;
	border-color: #fff;
	border-style: solid;
	border-width: 0 160px;
	padding:10px;
}
#innerColumnContainer {
	z-index: 2;
	width: 100%;
}
* html #innerColumnContainer {
	position: relative;
}
#contentColumn {
	margin: 0 -1.5px;
	width: 100%;
}
#leftColumn, #rightColumn, #contentColumn {
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;
}
#rightColumn {
	float: right;
	width: 160px;
	margin: 0 -160px 0 1px;
	font-size:11px;
}
#leftColumn {
	width: 160px;
	margin: 0 1px 0 -160px;
	font-size:11px;
}
#contentColumn .inside {
	padding:0 15px 0 15px;
	line-height:140%;
}
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
#oldBrowserNotice, .ieSixCharDupBug
{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}
#contentColumn
{
	border-width: 0;	
}
* html #pageWrapper
{
}

/* SIGN IN PAGE */

.teaser {
	height:131px;
	border:1px solid #F49018;
	background: url(../img/bg/bgTeaser.gif) repeat-x top left;
}
.teaser .title {
	font-size:21px;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
}
.teaser .hub {
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
	font-weight:bold;
}
.titleSignin {
	background:white url(../../img/bg/bgTitlesSignIn.gif) repeat-x top left;
	padding:8px 15px;
	border-bottom:1px solid #CDD2D4;
}
.maintitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#CA6500;
}
.contentSignin {
	padding:12px 15px;
}

/* BOXES LEFT AND RIGHT COLUMN */

/* Green Box (Navigation) */

.navBox .content {
	border:1px solid #87CC3F;
	padding:4px;
	margin-bottom:5px;
}
.navBox .contentBg {
	background:#EFFDDF;
	border:1px solid #87CC3F;
	padding:4px;
	margin-bottom:10px;
}
.navBox .head {
	background:url("../../img/bg/bgGreenHeaderLeft.gif") no-repeat left top;
	width:100%;
	height:21px;
}
.navBox .head .title {
	background:url("../../img/bg/bgGreenHeaderRight.gif") no-repeat right top;
	font-weight:bold;
	font-size:12px;
	color:white;
	padding:4px 4px 0px 5px;
}
.navBox .seperator {
	border-top:1px solid #87CC3F;
	height:1px;
	margin:5px -4px 5px -4px;
}

.navBox ul {
	margin:0;
	padding:0;
	list-style:none;
}
.navBox ul li {
	padding-bottom:2px;
}

.navBox ul.menu {
	margin:0;
	padding:0;
	list-style-type:none;
}
.navBox ul.menu li {
	padding:3px 0;
	border-bottom:1px dotted #A6DD69;
	width:100%;
}

/* Orange Box (Other Information) */

.box .content {
	border:1px solid #ED9904;
	padding:4px;
	margin-bottom:5px;
}
.box .contentBg {
	background:#FFF7E1;
	border:1px solid #ED9904;
	padding:4px;
	margin-bottom:5px;
}
.box .head
{
	background: url( "../../img/bg/bgOrangeHeaderLeft.gif" ) no-repeat left top;
	width: 100%;
	height: 21px;
}
.box .head .title {
	background:url("../../img/bg/bgOrangeHeaderRight.gif") no-repeat right top;
	font-weight:bold;
	font-size:12px;
	color:white;
	padding:4px 4px 0px 5px;
}
.box .seperator {
	border-top:1px solid #F9A817;
	margin:5px -4px 5px -4px;
	height:1px;
}
.box ul {
	margin:0;
	padding:0;
	list-style:none;
}
.box ul li {
	padding-bottom:3px;
	padding:2px 0;
	font-size:12px;
}

.label {
	font-weight:bold;
	padding:2px 0;
	font-size:11px;
}

/* BREADCRUMB */

.breadcrumb {
	color:#6F7176;
	font-size:11px;
}

.Restricted
{
    font-weight: bold;
    font-size: 12px;
    color: #ff0000;
    font-style: normal;
    text-align: right;

}

/* Topical Group print Table */

.print Table 
{
    font-size: 10px;
    color: #000000;
    BACKGROUND-COLOR: #f1f5f1;
    TEXT-DECORATION: none;    
    padding:2px

}

.print Table .Header
{
    font-size: 12px;
    font-weight: bold;
    color: #000099;
    text-align: center;
    background-color: activeborder;
}
/* ************************************** */
/* BODY OVERALL STYLES */
/* ************************************** */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	margin-bottom:10px;
}
img {
	border:0;
}
form {
	margin:0px;
	padding:0px;
}
.form td {
	padding-bottom:4px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0 15px 0;
}
h1 {
	font-size: 210%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 126%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}
.green {
	color:#5CA422;
}

p {
	margin: 15px 0;
}

a:link, a:active, a:visited {
	text-decoration:none;
	color:#2459CE;
}
a:hover {
	text-decoration:underline;
}
a:link.lowContrast, a:active.lowContrast, a:visited.lowContrast {
	text-decoration:none;
	color:#6F7176;
}
a:hover.lowContrast {
	text-decoration:underline;
}

.small {
	font-size:11px;
}
.imgLeft {
	float:left;
	margin:0px 10px 5px 0px;
}
.pageAlt1
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: #f1f5f1;
    TEXT-DECORATION: none
}
.pageAlt2
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: #e8eef4;
    TEXT-DECORATION: none
}


/* ************************************** */
/* FOOTER */
/* ************************************** */

#footer {
	margin-top:0px;
	border-top:1px solid #CDD2D4;
	color:#6F7176;
	text-align:center;
	padding:0px 10px 0px 10px;
	position: relative;
}
html>body #footer
{
	padding-bottom: 1.01em;	
}
#footer .countries {
	font-size:11px;
	padding:8px 0px 0px 0px;
	line-height:16px;
}
#footer .countries .selected  {
	font-weight:bold;
	color:#5CA422;
}
#footer .footer {
	line-height:16px;
	font-size:11px;
}
/* Added 2008-5-27*/
.flags {
	border-right: gray 1px silver; 
	border-top: gray 1px silver; 
	border-left: gray 1px silver; 
	border-bottom: gray 1px silver
}

/* Added 2005-11-15 */
.subTitleLine
{
	background-color:#EFFDDF
}
.hubFranceImage {
	background:url(../../img/hubFHeaderImage.jpg) no-repeat top left;
}

/* /Added */

/* Added 2005-11-16 */
.outline {
	border: 1px solid #6e7071;
}
.expand {
	width: 100%;
}
table, td, div, p {
	font-size: 12px;
}
/* /Added */

/* Added 2005-11-28 */
.hstyle {
	font-size:7pt;
	font-weight:bold;
	font-family:verdana;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	}
.style1  {
	font-size:7pt;
	font-family:verdana;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#000000;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000000;
	}
.style2  
{
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#000000;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000000;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#000000;
	}
.style3  
{
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#000000;
	}
.ALstyle {
	font-family:verdana,arial;
	font-size:7.5pt;
	font-weight:normal;
	color:#FF0000;
	background:#FFFFC0;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	text-align:justify;
	}

#xpopup {
	position:absolute;
	background-color:#EFF2F7;
	border-color:#000000;
	border-style:solid;
	border-width:0px;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
	visibility:hidden;
	}
/* /Added */

/* Added 2006-01-16 */
.color0
{
	background-color:#f1f1f1
}
.color1
{
	background-color:#FFFFFF
}
/* /Added */

/* Added 2006-02-08 */
.binput 
{
	cursor:hand; 
	border:none; 
	width:70; 
	height:19; 
	font-family: verdana; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #003399; 
	background-image:url(../../img/button.gif) 
}	
/* /Added 2007-07-20*/
.important
{
	font-size: large;
	color: Red;
}
/* /Added */
/* General Formats*/

	ul {list-style-type:circle;}
	input, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000;}
	
	/*Header, Submenu*/
	.header {font-size: 9px; color: #000000;}
	a:link.header, a:visited.header, a:active.header {font-size: 9px; text-decoration: none; color: #000000;}
	a:hover.header, a:focus.header {font-size: 9px; text-decoration: none; color: #ED1C24;}
	
	.submenu {font-size: 11px; color: #000000;}
	a:link.submenu, a:visited.submenu, a:active.submenu {font-size: 11px; text-decoration: none; color: #000000;}
	a:hover.submenu, a:focus.submenu {font-size: 11px; text-decoration: none; color: #ED1C24;}
	
	/*Page (Titles, Contents, Tables, etc.)*/
	.MainTitle {font-size: 18px; color: #000000;}
	.SubTitle {font-size: 11px; font-weight: bold; color: #000000;}
	.TrainingTitle {font-size: 14px; font-weight: bold; color: #000000;}
	
	.tHead {font-weight: bold; font-size: 11px; text-decoration: none; color: #000000; background-color:#EFFDDF}
	a:link.tHead, a:visited.tHead, a:active.tHead {font-weight: bold; text-decoration: none; color: #3366CC;}
	a:hover.tHead, a:focus.tHead {font-weight: bold; text-decoration: none; color: #ED1C24;}

	.trPos {background-color: #EFFDDF;}
	.trNeg {background-color: #FFFFFF;}
	
	/* ISE added on 2007-09-17 by GUO */

.GreenbgSubTitle
{
    background-color:#EFFDDF;
    padding:5
	border:0; 
	width:100%;
    height:25px;
    align:left;
}
	
table.ISEDashboardTable
{
  background-color:#f1f5f1;
}

table.ISEDashboardTableRow
{
  background-color:#eff2f7;
}

table.ISEDashboardTableColumn
{
  background-color:#808080;
}

.bgGreen
{
  background-color:#EFFDDF;
}

.bgYellow
{
  background-color:#FFFFCC;
}

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

.ISELevel1
{
 color:red;
}

.ISELevel2
{
 color:#ff9900;
}

.ISELevel3
{
 color:blue;
}

.ISELevel4
{
 color:green;
}

.ISELevel0
{
 color:black;
}
.ISEViewbg
{
 background-color:#f5f7ed;
}

#comment{font-size: 8pt; color: darkgray;}