body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color:#2A3346;
	Background:#f7f7f7;
	}

#mainwrapper {
	text-align: left;
	padding: 0px;
	vertical-align: top;
	BORDER-TOP: #cccccc 0px solid;
	BORDER-BOTTOM: #cccccc 0px solid;
	BORDER-LEFT: #cccccc 0px solid;
	BORDER-RIGHT: #cccccc 0px solid;
	}

#logowrapper {
background-color:#5a6a91;
	color:#FFFFFF;
	font-size: 7pt;
	width: 100%;
	height:60px;
	BORDER-TOP: #626363 2px solid;
	BORDER-BOTTOM: #626363 0px solid;
	BORDER-LEFT: #626363 0px solid;
	BORDER-RIGHT: #626363 0px solid;
	}

#logo {
	background-color: #51585e;
	text-align:left;
	width: 922px;
	height: 65px;
	BORDER-TOP: #626363 0px solid;
	BORDER-BOTTOM: #626363 0px solid;
	BORDER-LEFT: #626363 0px solid;
	BORDER-RIGHT: #626363 0px solid;
	}

#footerwrapper {
	background-color:#717B94;
	float: left;
	text-align: center;
	color:#ffffff;
	vertical-align: top;
	BORDER-BOTTOM: #626363 0px solid;
	BORDER-LEFT: #626363 0px solid;
	BORDER-RIGHT: #626363 0px solid;
	}
	
#headerwrapper {
	background-color: #ffffff;
	text-align: left;
	margin: auto;
	width: 100%;
	vertical-align: top;
	BORDER-TOP: #626363 1px solid;
	BORDER-BOTTOM: #626363 1px solid;
	BORDER-LEFT: #626363 0px solid;
	BORDER-RIGHT: #626363 0px solid;
	}
	
#header {
	background-color: #4b5671;
	text-align:left;
	color:#ffffff;
	height: 26px;
	vertical-align: top;
	BORDER-TOP: #949a9f 1px solid;
	BORDER-BOTTOM: #949a9f 1px solid;
	BORDER-LEFT: #626363 0px solid;
	BORDER-RIGHT: #626363 0px solid;
	}

#header_login {
	background-color: #5a6a91;
	text-align:left;
	color:#ffffff;
	width: 100%;
	height: 22px;
	vertical-align: top;
	}
	
.class1 A:link {
	padding: 0.1em 1.0em 0.1em 1.0em;
	text-decoration: none;
	COLOR: #ffffff;
	}
.class1 A:visited {
	padding: 0.1em 1.0em 0.1em 1.0em;
	text-decoration: none;
	COLOR: #ffffff;
	}
.class1 A:active {
	padding: 0.1em 1.0em 0.1em 1.0em;
	text-decoration: none;
	COLOR: #ffffff;
	}
.class1 A:hover {
	background: #2c3135;
	padding: 0.1em 1.0em 0.1em 1.0em;
	text-decoration: none;
	COLOR: #f2fa0d;
	}

.class2 A:link {
	text-decoration:none;
	COLOR: #436b8a;
	font-weight:bold;
	}
.class2 A:visited {
	text-decoration: none;
	COLOR: #436b8a;
	font-weight:bold;
	}
.class2 A:active {
	text-decoration: none;
	COLOR: #436b8a;
	font-weight:bold;
	}
.class2 A:hover {
	text-decoration: underline;
	COLOR: #ff6600;
	font-weight:bold;
	}

.class3 A:link {
	text-decoration:none;
	COLOR: #ffffff;
	}
.class3 A:visited {
	text-decoration: none;
	COLOR: #ffffff;
	}
.class3 A:active {
	text-decoration: none;
	COLOR: #ffffff;
	}
.class3 A:hover {
	text-decoration: underline;
	COLOR: #ffff00;
	}

.class4 A:link {
	text-decoration:none;
	COLOR: #75C1FB;
	}
.class4 A:visited {
	text-decoration: none;
	COLOR: #75C1FB;
	}
.class4 A:active {
	text-decoration: none;
	COLOR: #75C1FB;
	}
.class4 A:hover {
	text-decoration: underline;
	COLOR: #ffff00;
	}

#loginpanel {
	float: left;
	text-align:center;
	width: 100%;
	height: 60px;
	margin-top: 0px;
	margin-bottom: 4px;
	BORDER: #cccccc 0px solid;
	BACKGROUND-COLOR: #48667f;
	FONT-SIZE: 8pt;
	display: block;
}

#leftpanel {
	float: left;
	text-align:center;
	width: 160px;
	BACKGROUND-COLOR: #eeeeee;
	FONT-SIZE: 8pt;
	display: block;
}

#left_cat_box {
	text-align:left;
	padding-left: 15px;
	width: 85%;
	color:#313538;
	margin-top: 0px;
	margin-bottom: 4px;
	BORDER: #cccccc 0px solid;
	BACKGROUND-COLOR: #eeeeee;
	FONT-SIZE: 8pt;
	display: block;
}

#center_box {
	float: left;
	width: 98%;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 4px;
	BORDER: #cccccc 0px solid;
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 8pt;
	display: block;
}

#detail_box {
	float: left;
	width: 97%;
	margin-top: 0px;
	margin-left: 12px;
	margin-bottom: 4px;
	BORDER: #cccccc 0px solid;
	BACKGROUND-COLOR: #ffffff;
	FONT-SIZE: 8pt;
	color:#615a5a;
	display: block;
}

#topmenu {
	float: left;
	width: 920px;
	margin-top: 0px;
	margin-bottom: 0px;
	BORDER: #cccccc 1px solid;
	BACKGROUND-COLOR: #ded8d0;
	FONT-SIZE: 8pt;
}

#rightpanel {
	background-color: #f9f6ec;
	text-align: left;
	margin: auto;
	width: 160px;
	vertical-align: top;
	BORDER-TOP: #626363 0spx solid;
	BORDER-BOTTOM: #626363 0px solid;
	BORDER-LEFT: #626363 0px solid;
	BORDER-RIGHT: #626363 0px solid;
	}

#line {
	float: right;
	width: 100%;
	BACKGROUND-COLOR: #cccccc;
	height: 1px;
}


nav {
    width: 941px;
    background: #4b5671;
    border: 1px solid #222222;
    border-right: none;
}

nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

nav ul li {
		padding: 3px;
    list-style: none;
    float: left;
    text-align: center;
    border-top: 1px solid #6e7c9d;
    border-bottom: 1px solid #0a1838;
    border-left: 1px solid #0a1838;
    border-right: 1px solid #6e7c9d;
    width: 12.5%; /* fallback for non-calc() browsers */
    width: calc(100% / 8);
    box-sizing: border-box;
}

nav ul li:first-child {
    border-left: none;
}

nav ul li a {
    display: block;
    padding: 5px 0;
}


A:link {
	COLOR: #3366bb; TEXT-DECORATION: none
}
A:active {
	COLOR: #996600; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #3366bb; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff6666; TEXT-DECORATION: underline
}

.top_board {
	BORDER-TOP: #9a9a9a 1px solid; BORDER-LEFT: #9a9a9a 1px solid; BORDER-BOTTOM: #9a9a9a 0px solid
}
.body_board {
	BORDER-RIGHT: #9a9a9a 1px solid; BORDER-TOP: #9a9a9a 0px solid; BORDER-LEFT: #9a9a9a 1px solid; BORDER-BOTTOM: #9a9a9a 0px solid
}
.bottom_board {
	BORDER-RIGHT: #9a9a9a 1px solid; BORDER-TOP: #9a9a9a 0px solid; BORDER-LEFT: #9a9a9a 1px solid; BORDER-BOTTOM: #9a9a9a 1px solid
}
.login_board {
	BORDER-RIGHT: #626363 1px solid; BORDER-TOP: #626363 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #626363 1px solid; BORDER-BOTTOM: #626363 1px solid
}
.white {
	FONT-SIZE: 9pt; COLOR: #ffffff; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana,Arial,Helvetica
}
.black {
	FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana,Arial,Helvetica
}
.orange {
	FONT-SIZE: 9pt; COLOR: #fd7466; LINE-HEIGHT: 12pt; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.gray {
	FONT-SIZE: 9pt; COLOR: #444444; LINE-HEIGHT: 14pt; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}

#score_box {
margin: 3px;
	border: 1px solid #cccccc;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #f0ebe2;
	
}

#text_box {
	FONT-SIZE: 8pt;
	text-indent:10px;
	margin-bottom: 2px;
	color:#FFFF00;
	font-weight:bold;
	
}

#text_box2 {
	FONT-SIZE: 9pt;
	text-align:left;
	color:#666666;
	font-weight:bold;
	
}


.text_box3 {
text-align:center;
margin-top:5px;
height:50px;
border: 2px solid #4f5679;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #c0c4dd;
}


.greenblue {
	FONT-SIZE: 9pt; COLOR: #009999; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.green {
	FONT-SIZE: 9pt; COLOR: #009999; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana,Arial,Helvetica
}
.green_b {
	FONT-SIZE: 9pt; COLOR: #00ffff; LINE-HEIGHT: 12pt; FONT-FAMILY: verdana,Arial,Helvetica
}
.orange_b {
	FONT-SIZE: 9pt; COLOR: #ff9966; LINE-HEIGHT: 12pt; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.blue {
	FONT-SIZE: 9pt; COLOR: #006699; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.brown {
	FONT-SIZE: 9pt; COLOR: #996600; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.green_bright {
	FONT-SIZE: 9pt; COLOR: #669900; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.violet {
	FONT-SIZE: 9pt; COLOR: #cc3399; FONT-FAMILY: "verdana", "Arial", "Helvetica"
}
.box_board {
	BORDER-RIGHT: #996600 1px solid; BORDER-TOP: #996600 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #996600 1px solid; BORDER-BOTTOM: #996600 1px solid
}
.box {
	BORDER-RIGHT: #626363 1px solid; BORDER-TOP: #626363 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #626363 1px solid; BORDER-BOTTOM: #626363 1px solid
}
.box2 {
	BORDER-RIGHT: #e5fffd thin solid; BORDER-TOP: #e5fffd thin solid; FONT-SIZE: 9pt; BORDER-LEFT: #e5fffd thin solid; BORDER-BOTTOM: #e5fffd thin solid; BACKGROUND-COLOR: #e5fffd
}

#fieldset {
	padding: 1.0em;
	margin: 0em 0.5em 0.5em 0.5em;
	border: 1px solid #ff0000;
	}
		
#centercontents {
	padding: 1.0em;
	margin: 0em 0.5em 0.5em 0.5em;
	border: 0px solid #ff0000;
	}

#detailcontents {
	padding: 1.0em;
	margin: 0px 0px 0px 0px;
	border: 1px solid #e2e6ef;
	}

#catcontents {
	padding: 1.0em;
	line-height: 11pt;
	margin: 0em 0.5em 0.5em 0.5em;
	border: 1px solid #7e868d;
	}


LEGEND {
margin-bottom: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 8pt;
background: #ffa20c;
border: 1px solid #781351;
padding-top: 0px;
padding-bottom:1px;
padding-left: 10px;
padding-right: 10px;
	
	}

#legendcat {
margin-bottom: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 7pt;
background: #ffa20c;
border: 1px solid #ccd4da;
padding-top: 0px;
padding-bottom:1px;
padding-left: 10px;
padding-right: 10px;
	
	}

#legenddetail {
margin-bottom: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 8pt;
	width: 95%;
background: #48629d;
border: 1px solid #1a2745;
padding-top: 0px;
padding-bottom:1px;
padding-left: 10px;
padding-right: 10px;
	
	}

label
{
	font-weight: bold;
	color: #fff;
	font-size: 7pt;
background: #ffa20c;
border: 1px solid #781351;
padding-top: 0px;
padding-bottom:1px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}

.labelbox{
font-weight: bold;
color: #fff;
font-size: 7pt;
background: #ffa20c;
border: 1px solid #781351;
padding-top: 0px;
padding-bottom:1px;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
margin-bottom: 2px;
}

/*
input
{
color: #781351;
background: #eeeeee;
border: 1px solid #cccccc;
}
*/

/*
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
}
*/

h1 {
	font-size: 8pt;;
	color: #9a9a9a;
	}

#locationbox {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	}

.td_left
{
    BACKGROUND-COLOR: #536181;
}

/*site detail css*/
TABLE_OUT
{
    BORDER-RIGHT: #333333 thin solid;
    BORDER-TOP: #333333 thin solid;
    BORDER-LEFT: #333333 thin solid;
    BORDER-BOTTOM: #333333 thin solid
}
.f1
{
    MARGIN-TOP: 3px;
    FONT-SIZE: 11px;
    COLOR: #2f2f2f;
    POSITION: absolute
}
.table_title
{
    FONT-SIZE: 11px;
    COLOR: #999999
}
.td_line_top_left
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    BORDER-TOP: #f0f0f0 1px solid;
    BORDER-LEFT: #f0f0f0 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #f0f0f0 1px solid;
    BACKGROUND-COLOR: #fcfcfc
}
.td_line_top
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    BORDER-TOP: #f0f0f0 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #f0f0f0 1px solid;
    BACKGROUND-COLOR: #fcfcfc
}
.td_line_under_left
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    BORDER-LEFT: #f0f0f0 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #f0f0f0 1px solid;
    BACKGROUND-COLOR: #fcfcfc
}
.td_line_under
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #f0f0f0 1px solid;
    BACKGROUND-COLOR: #fcfcfc
}

table.contents {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #eeeeee;
	border-collapse: collapse;
	background-color: #ffffff;
}
table.contents th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: blue;
	background-color: #ffffff;
	-moz-border-radius: ;
}
table.contents td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eeeeee;
	background-color: #ffffff;
	-moz-border-radius: ;
}

TABLE.sofT {
	border:#f0f0f0 1px solid;
	FONT-SIZE: 8pt; 
	WIDTH: 100%; 
	COLOR: #404040; 
	BORDER-COLLAPSE: collapse; 
	BACKGROUND-COLOR: #fafafa; 
	TEXT-ALIGN: center; 
	border-spacing: 0px
}


TABLE.sofT TD 
{
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 2px; 
	BORDER-LEFT: #f0f0f0 1px solid;  
	BORDER-BOTTOM: #f0f0f0 1px solid;
	BACKGROUND-COLOR: #fafafa; 
	TEXT-ALIGN: left; 
	BORDER-RIGHT-WIDTH: 0px;
	line-height:12pt;
}
TABLE.sofT TD.helpHed {
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 4px; 
	PADDING-TOP: 2px; 
	COLOR: #333333; 
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #ffffff 1px solid;
	BACKGROUND-COLOR: #bec8d1; 
	TEXT-ALIGN: left
}


TABLE.sofT TD.sup {
	TEXT-INDENT: 10px;
}

TABLE.sofT TD.centerpoint {
text-align:center;
color:#ff6600;
font-weight:bold;
}

TABLE.sofT TD.centernude {
text-align:center;
}

TABLE.sofT TD.bypoint {
text-align:center;
color:#666666;
}


TABLE.bypoint {
	FONT-SIZE: 8pt; 
	WIDTH: 100%; 
	COLOR: #404040;
	border: #bec8d1 1px solid; 
	BORDER-COLLAPSE: collapse; 
	BACKGROUND-COLOR: #bec8d1; 
	TEXT-ALIGN: center; 
	border-spacing: 0px
}

TABLE.bypoint TD.bypointnude {
	background-color:#bec8d1;
	border: #d3dae0 1px solid; 
	text-align:center;
}

TABLE.bypoint2 {
	FONT-SIZE: 8pt; 
	COLOR: #404040;
	BORDER-COLLAPSE: collapse; 
border: #fafafa 1px solid;
	border-spacing: 0px
}

TABLE.bypoint2 TD.bypointnude {
	background-color:#fafafa;
	BORDER-LEFT: #f0f0f0 1px solid;
	BORDER-bottom: #ff0000 0px solid;
	text-align:center;
}

TABLE.bypoint2 TD.twoline {
	background-color:#fafafa;
	BORDER-LEFT: #f0f0f0 1px solid;
		BORDER-bottom: #ff0000 0px solid;
	text-align:left;
}

.preload	{
		position: absolute;
		left: -1000px;
		top: -1000px;
		visibility: hidden;
	}


/*INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	background: #ff0000;
	}
*/