body {
	background-image: url(../i/bg.gif);
}
.gd_id {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A5959;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mission {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
}
.lot-red {
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #E86813;
	padding-left: 40px;
}
.lot-blue {
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4D62F5;
	padding-left: 40px;
	padding-top: 20px;
}
.lot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-right: 40px;
	padding-left: 40px;
}
.lot-op {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-right: 10px;
}
.login {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #5A5959;
	height: 20px;
	width: 150px;
	margin-right: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
	padding-left: 5px;
	padding-top: 2px;
}
a:link {
	color: #5A5959;
	text-decoration: none;
}
a:visited {
	color: #5A5959;
	text-decoration: none;
}
a:hover {
	color: #660099;
	text-decoration: underline;
}
a:active {
	color: #5A5959;
	text-decoration: none;
}
.partner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	padding-left: 24px;
	padding-right:24px;	
}
.mn1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 25px;
	color: #666666;
	text-decoration: none;
	padding-top: 7px;
}
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 40px;
	color: #333333;
	padding-top: 2px;
	text-decoration: none;
}
.hd_mn-actv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-right: 25px;
	padding-left: 5px;
	color: #5A5959;
	/*text-decoration: underline;*/
}
.gd_nm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5A5959;
	padding-left: 20px;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.gd_nm-lt,
.gd_nm-lt1,
.gd_nm-lt2,
.gd_nm-lt3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding-left: 20px;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 2px;
}

.gd_nm-lt1{	
	background-color: #f7f3d6;	
}

.gd_nm-lt2{
	padding-left: 10px;
	padding-right: 10px;
}
.gd_nm-lt3{
	padding-left: 0px;
	padding-right: 5px;
	border-left-width: 0px;
}

.pg_num {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
}

.gd_id-lt,
.gd_id-lt1{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 20px;
	padding-right: 30px;
}

.gd_id-lt1{	
	background-color: #EDE28E;	
}

.hd_mn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 25px;
	padding-left: 5px;
	color: #333333;
	text-decoration: none;
}

.hd_mn-out {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
	text-decoration: none;
}

.catalog {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 20px;
	padding-right: 30px;
}
.nv-HD-ctlg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9DF90;
	padding-bottom: 10px;
}

.nv-nm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
}
.ctlg_HD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 10px;
}
.ctlg_nm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-right: 10px;
	padding-left: 5px;
}
.ctlg2 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 40px;
	padding-right: 30px;
}
.mn1-actv {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 25px;
	color: #666666;
	/*text-decoration: underline;*/
	padding-top: 7px;
}
.nv-nm-actv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	text-decoration: underline;
}
.nv-HD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	padding-bottom: 5px;
}
a.r:link {
	color: #999900;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 15px;
}
a.r:visited {
	color: #999900;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 15px;
}
a.r:hover {
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 15px;
}
a.r:active {
	color: #999900;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 15px;
}
.textfield {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #5A5959;
	height: 20px;
	width: 350px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid #999900;
}
.txfld-avatar {

	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #5A5959;
	height: 20px;
	width: 271px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid #999900;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height: 20px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	text-align: center;
	width: 70px;
	background-color: #EDE28E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-bottom: 1px;
}
.txfld-date {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #5A5959;
	height: 20px;
	width: 50px;
	margin-right: 11px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid #999900;
}
.txfld-message {

	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #5A5959;
	height: 200px;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid #999900;
}
.txfld-id {


	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #5A5959;
	height: 20px;
	width: 80%;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
	padding-left: 5px;
	padding-top: 2px;
	border: 1px solid #999900;
}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("../i/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #999900;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;	
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 3px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	/*font-size: 1.0em;*/
	font: bold 13px Helvetica;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

.coner_b1 {
	background-image: url(../i/coner_b1.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 38px;
}
.coner_b2 {	
	height: 40px;
	width: 38px;
}
.coner_b3 {
	background-image: url(../i/coner_b3.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 38px;
}
.coner_b4 {	
	height: 40px;
	width: 38px;
}
.line_b-top {
	background-image: url(../i/line_b-top.png);
	height: 21px;
	width: 883px;
	background-repeat: repeat-x;
	clip: rect(auto,0px,auto,0px);
	background-color: #7e8df8;
	background-position: top;
}
.line_b-bottom {
	background-image: url(../i/line_b-bottom.png);
	height: 27px;
	width: 883px;
	background-repeat: repeat-x;
	background-color: #7e8df8;
	background-position: bottom;
}
.line_b-left {
	background-image: url(../i/line_b-left.png);
	width: 38px;
	background-repeat: repeat-y;
	height: auto;
}
.line_b-right {
	background-image: url(../i/line_b-right.png);
	width: 38px;
	background-repeat: repeat-y;
	height: auto;
}
.rtext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #c0c8ff;
}
.rtext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #989797;
	text-align: center;
}
.coner_w1 {
	background-image: url(../i/coner_w1.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 38px;
}
.coner_w2 {
	background-image: url(../i/coner_w2.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 38px;
}
.coner_w3 {
	background-image: url(../i/coner_w3.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 38px;
}
.coner_w4 {
	background-image: url(../i/coner_w4.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 38px;
}
.line_w-top {
	background-image: url(../i/line_w-top.png);
	height: 21px;
	width: 883px;
	background-repeat: repeat-x;
	clip: rect(auto,0px,auto,0px);
	background-color: #fbfbfb;
	background-position: top;
}
.line_w-bottom {
	background-image: url(../i/line_w-bottom.png);
	height: 27px;
	width: 883px;
	background-repeat: repeat-x;
	background-color: #fbfbfb;
	background-position: bottom;
}
.line_w-left {
	background-image: url(../i/line_w-left.png);
	width: 38px;
	background-repeat: repeat-y;
	height: auto;
}
.line_w-right {
	background-image: url(../i/line_w-right.png);
	width: 38px;
	background-repeat: repeat-y;
	height: auto;
}