﻿/*
Copyright 2009 GoldenTwine Informatics
Style Name: GTI - Main Style Web 2.0
Description: Custom design for GoldenTwine Informatics
Version: 5.1 Last Updated: May 20, 2009
Author: Subrato Paul
Author URL: http://www.goldentwine.com/wds.htm
W3C CSS Validator - Valid CSS!
*/

/* Reset Styles --- make separate file  @import "reset.css"; --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
table,caption,tbody,tfoot,thead,tr,td {border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
a {outline:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* ---------------------- */

/* content styles */

/* Fonts */
	html{/*color:#18397C;*/background:#e9f2f6;overflow:auto}
	html.IE{overflow-y:scroll;}

body {font-family:verdana,corbel,arial,helvetica,clean,sans-serif;color:#18397c;}  
body {font-size:11px;line-height:1.25;}
body{background:#ddf4ff url('http://www.goldenTwine.com/asset/bgBody2.jpg') left top repeat-x}  
/*
background:url('../asset/main.png') top center no-repeat
background:url(../asset/bgBody.jpg) left top repeat
*/
body{text-align:center;}
/* body {height:100%;} */
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
strong {font-weight:bold;}
em {font-style:italic;}
/* Base */
h1,h2,h3,h4,h5,h6,p,ol,div,address,blockquote,pre,hr,form {display:block;}
h1,h2,h3,h4,h5,h6 {text-align:center;font-weight:700;color:#31659c;margin:0 0 5px}
h1 {font-size:14px}
h2 {font-size:13px}
h3 {font-size:12px}
h4 {font-size:11px}
h5,h6 {font-size:10px}
pre,tt,code,kbd,samp {font-family:monospace}
pre {white-space:pre}
acronym,abbr,span.caps {cursor:help}
acronym,abbr {border-bottom:1px dashed #999}
address {margin-left:3em}
abbr[title],acronym[title],span[title],strong[title]{border-bottom:thin dotted;cursor:help}
acronym:hover,abbr:hover{cursor:help}
blockquote {padding-left:20px;border-left:5px solid #ddd}
blockquote cite {display:block;margin:5px 0}
blockquote,ul,ol,dl{margin:1em}
ul,ol,dl{margin-left:2em}
b,strong,i,em,cite,var,tt,code,kbd,samp,img,span {display:inline}
b,strong {font-weight:bolder;} /* relative to the parent */
i,em,cite,var,address,blockquote {font-style:italic}
iframe {margin:1px 0}

/*
a, a:link, a:visited {font-weight:bold;color:#937015;background-color:inherit;text-decoration:none;}
a:hover {color:#88b1cc;background-color:inherit;text-decoration:none;}
*/
a:link,a:visited {color:#88b1cc;text-decoration:none;}
a:hover,a:active {color:#0489b7;text-decoration:underline;}
a.ext:link,a.ext:visited {padding-right:8px;}
a.ext:hover,a.ext:active {padding-right:8px;background:transparent url(http://www.GoldenTwine.com/btn/icnExt.png) center right no-repeat;}
a.extFtr:link,a.extFtr:visited {padding-right:9px;}
a.extFtr:hover,a.extFtr:active {padding-right:9px;background:transparent url(http://www.GoldenTwine.com/btn/icnExtFtr.png) center right no-repeat;}
a.pop:link,a.pop:visited {padding-right:13px;}
a.pop:hover,a.pop:active {padding-right:13px;background:transparent url(http://www.GoldenTwine.com/btn/icnPop.gif) center right no-repeat;}

.conTop h1 a, .imgHld h1 a {color:#fdb42a;}
.conTop h1 a:hover, .imgHld h1 a:hover {color:#1b8cb4;}
.conAdv h6 {clear:both;}
.conAdv h5, .conAdv h6 {font-weight:normal;line-height:1.4;color:#807970;} /* alt 898378 7c8395 05E */
.conAdv h6 a:link,.conAdv h6 a:visited {color:#a3756e;}
.conAdv h6 a:hover,.conAdv h6 a:active {color:#7d4a42;}
.empCon a:link,.empCon a:visited, .conVrt a:link,.conVrt a:visited {color:#a3756e}
.empCon a:hover,.empCon a:active, .conVrt a:hover,.conVrt a:active {color:#003595}
div.bLnk a {font-weight:bold;}
h5 a, h6 a {font-weight:normal;text-decoration:none;}
.inactLnk {color:#937015; background-color:inherit;}
:hover.inactLnk {color:#2c5b9f; background-color:inherit; text-decoration:none;}
.lnkCon {color:#444; background-color:inherit;}
.lnkCon a {font-weight:bold; color:#2c5b9f; background-color:inherit; text-decoration:none;}
.lnkCon a:hover {color:#937015; background-color:inherit; text-decoration:none;}

ol.dcml{list-style:decimal outside;}

.hld ul li, .txtHld ul li {list-style:disc outside;}
.hld ul ul li, .txtHld ul ul li {list-style:circle outside;}
ul {font-size:10px;text-align:justify;}
ul li {font-size:10px; list-style:disc;}
ul ul li {font-size:10px; list-style:circle;}
ul ul ul li {font-size:10px; list-style:square;}
ol {font-size:10px; text-align:justify; padding-left:15px; padding-right:5px; margin-left:5px;}
li {display:list-item;}
dl dd{margin-left:1em;}
th,td{padding:.5em;}
th{font-weight:bold;text-align:center;}
tr:hover, .hilite {color:#2659C0; background-color:#d4dded;}
th.fmt {color:#006699; background-color:#E1E1FF; padding:5px; border-bottom:1px solid #FFF;}
td.fmt {padding:2px; border:1px solid #CCC;}
				caption{margin-bottom:.5em;text-align:center;}
				fieldset,table,pre{margin-bottom:1em;}
				input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
p {text-align:justify;padding:0 5px;margin:.5em 0;}
p.f1 {font-family:Corbel, Verdana, Arial, Helvetica, sans-serif;}
p.f2a {font-family:Calibri, Arial, Verdana, Helvetica, sans-serif;}
p.f2b {font-family:Arial, Calibri, Verdana, Helvetica, sans-serif;}
p.f3a {font-family:Candara, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;}
p.f3b {font-family:Helvetica, Candara, "Trebuchet MS", Verdana, Arial, sans-serif;}
p.f3c {font-family:"Trebuchet MS", Candara, Helvetica, Verdana, Arial, sans-serif;}
p.f4 {font-family:Cambria, "Times New Roman", Times, serif;}
p.f5 {font-family:Constantia, Palatino, Georgia, "Palatino Linotype", serif;}
p.f6 {font-family:Consolas, "Lucidia Console", "Courier New", Courier, monospace;}
p:lang(fr) {font-style:italic;}
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
.drpCap {float:left;width:.8em;font-size:3.5em;line-height:83%;} 
/* Styles */
#winBlk, #popBlk {/*float:left;*/width:600px;text-align:center;color:#18397c;background-color:#cedcec;padding:5px;border:1px solid #73aedb;margin:0 auto;}
#popBlk {background:#e9f0f7;}

/* Various Tags and Classes, Pseudo-Classes */
		form {margin:5px 0;}
	h2.lft, h4.lft {text-align:left;}
.conTop h1, .imgHld h1, .hdg1 {font-size:12px;line-height:20px;color:#deeef3;background-color:#35a2d6;}
.conTop h1, .imgHld h1 {text-align:left;padding:2px 5px;margin:0 0 1px;}
.hld h2, .txtHld h2, .conMag h2, .txtHld h3, #frmBlk h3 {font-size:12px;padding:2px 5px;border:1px solid #EFF9FA;margin:0;} /* border-bottom:1px solid #B0BDC6; */
.hld h2, .empCon h2 {margin:0 0 5px;}
.hld h2, .txtHld h2, .conMag h2 {background:#C6D8D8 url("../asset/bgTtl.gif") repeat-x left top;} /* 20px */
.empCon h2 {color:#444477;background-color:#D0D0D0;padding:2px;border-bottom:1px solid #999;}
.txtHld h3, #frmBlk h3 {background:#C6D8D8 url('../asset/bgTab2.png') repeat-x left top;}
h3 img{padding:0 .5em;}
.txtHld h4 {font-size:12px;padding:2px 0px;margin:5px 0 1px;}
.imgHld h5 {color:#2c5b9f;}
.txtHld h5 {padding:2px 3px;margin:0;}
.txtHld h6 {padding:2px 1px;margin:0;}
.hdg1, .hdg2, .hdg3, .hdg4 {text-align:center;font-weight:bold;padding:0;margin:0 0 1px;}
.hdg2 {font-size:12px;line-height:20px;color:#31659c;background-color:#73aedb;} /* color:#003366 #4B90D1 #C6D8D8 */
.hdg3 {font-size:12px;line-height:20px;color:#ecf8ff;background-color:#b5cbef;padding:3px 0 1px;border:1px solid #EFF9FA;border-bottom:3px solid #BDD5E9;} /* replaces conHdr ced8e2 */
.hdg4 {color:#666;background-color:#CAD6E2;padding:2px 0 1px;border:1px solid #EFF9FA;} /* replaces conHdg conVrt-iv */

/* Headers (with background-color, used with h3, h4) -----delete later pages 17,2 */
.hdrBgC12 {
	background-color:#C3ECFF;
	padding:2px; border-top:2px solid #7BB2FF; margin:0 2px 2px;
	}
.ftrBgC11 {
	background-color:#C3ECFF;
	padding:2px; border-bottom:2px solid #005EB2;
	}
/* Headers (with background-image, used with h1 - h4) ------delete later pages 48,4 */
.hdrBgI12 {
	padding:2px; border-bottom:1px solid #B0BDC6; margin:0 2px 2px;
	background:url("../asset/bgTtl.gif");
	}
.hdrBgI11 {
	padding:0; border-bottom:1px solid #B0BDC6; margin:0;
	background:url("../asset/bgGy1.gif");
	}

.ftr1, .ftr2, .ftr3 {text-align:center;font-weight:bold;font-size:10px;color:#5d5d5d;background-color:#d6dfef;padding:2px 0;border:1px solid #eff9fa;margin:1px 0 0;} /* replaces conFtr 1 2*/
.ftr2 {text-align:justify;font-weight:normal;}
.ftr3 {font-weight:normal;font-size:9px;}

/* Texts (default 11px) */
/* ??? Default font sizes: small (8pt), normal (10pt) and large (14pt) */
.fntxSml {font-size:x-small;} /* 10pt */
.fntSml {font-size:small;} /* 12pt */
/* .fntNor {font-size:normal;} default */
.fntMed {font-size:medium;} /* 14pt */
.fntLrg {font-size:large;} /* 18pt */
.txtLrg {font-weight:bold; font-size:9pt; color:#5D5D5D; background-color: inherit;}
.txtMed {font-weight:bold; font-size:8pt; color:#5D5D5D; background-color: inherit;}
.txtSml {font-weight:bold; font-size:7pt; color:#808080; background-color:inherit;}
.sml {font-size:8px;}
.med {font-size:11px;}
.txtNor {font-size:7pt; color:#666666; background-color: inherit; text-align: justify; padding: 5px;}
/* Images */
.advlImg {float:left;margin:5px;}
.advrImg {float:right;margin:5px;}
.advmImg {margin:5px auto;}
.thmbImg, .lftImg, .rhtImg {float:left;font-weight:bold;font-size:10px;color:#6F6F6F;background-color:#E2ECE9;padding:3px;border:1px solid #ECF8FF;}
.thmbImg {margin:2px 5px;} 
.lftImg {margin:0 5px 2px 0;} 
.rhtImg {float:right;padding:2px;border:1px solid #C8EAEE;margin:0 0 2px 5px;} 
#bngBlk {text-align:center;background:url('//www.GoldenTwine.com/asset/bgTop.jpg');padding:5px;margin:0;}
#bngBlk img {border:3px solid #ECF8FF;margin:0 5px;}
/* Content Box Navigations */
ul.btnNav {list-style:none;text-align:center;padding:.25em 0;border-top:1px solid #666;margin:0 2em;} 
ul.btnNav li {list-style:none;} 
ul.btnNav li a {width:5em;display:block;text-align:center;font-weight:bold;font-size:.8em;color:#FFF;background-color:#036;padding:.15em 0;text-decoration:none;} 
ul.btnNav li a:hover {color:#FFF;background-color:#69C;text-decoration:none;} 
ul.btnNav .lft {float:left;width:5em;}
ul.btnNav .rht {float:right;width:5em;}
.Pg {padding: 2px;}
.Pg ul {font-size:10px; text-align:center; margin:0;}
.Pg li {list-style:none; display:inline;}
.Pg li.actPg a {
	color:#2E6AB1; background-color:inherit;
	padding:1px 4px; border:1px solid #9AAFE5;
	}
.Pg li.actPg a:hover {
	color:#ff8000;background-color:#ccc;
	border:1px solid #2B66A5;
	}
.Pg li.crnPg {
	font-weight:bold; color:#FF0000; background-color:#EFF9FE;
	padding:1px 4px; border:1px solid #2B66A5;
	}
.Pg li.dblPg {
	padding:0;
	/* border:1px solid #C8C8D8; color:#929292; background-color:#CCC; */
	}
* html .Pg li.crnPg, * html .Pg li.dblPg { 		/* IE 6 and below. Adjust non linked LIs slightly to account for bugs */
	margin-right:5px;
	padding-right:0;
	}
/* Content Boxes */
.con120x60, .con120x600, .con250x60, .con728x90, .con125x125 {width:108px; height:48px; color:#176A9D; background-color:#E8E8E8; padding:5px; border:1px solid #88B1CC;}
.con120x60, .con250x60 {float:left;}
.con250x60 {width:238px; margin:0 90px; background-color:#F8F3D5;}
.con120x600 {height:588px; background-color:#D9F2DF; margin:0 0 5px;}
.con728x90 {width:716px; height:78px; background-color:#E1F5FE;}
.con125x125 {width:113px; height:113px; background-color:#E2ECE9;}

.conLOut {float:left; width:150px; height:100px; text-align:center; margin:5px; background-color:inherit;}
.con1020x800 {width:102px; height:80px; border:1px solid #88B1CC; margin:5px 24px; background-color:#ECF8FF;}
.con800x600 {width:80px; height:60px; margin:10px 11px; background-color:#FFF;}
.con800x150 {float:left; width:80px; height:15px; background-color:#B9D8F8;}
.con800x350 {float:left; width:80px; height:35px; background-color:#C3ECFF;}
.con500x350 {float:left; width:50px; height:35px; background-color:#CDF3FF;}
.con150x350 {float:left; width:15px; height:35px; background-color:#C3ECFF;}
.con250x350 {float:left; width:25px; height:35px; background-color:#C3ECFF;}
.con550x350 {float:left; width:55px; height:35px; background-color:#CDF3FF;}
.con800x100 {float:left; width:80px; height:10px; background-color:#CEE7FF;}

/* Magazine Header */
.conLftHld, .conRhtHld {width:48%; float:left;
font-weight:bold; font-size:12px; color:#666666; background-color:inherit;
padding:3px 5px;
}
.conLftHld {text-align:left; margin:0 4px 0 0;}
.conRhtHld {text-align:right; margin:0 0 0 4px;}
.conMagHdr {
/* height:93px; */
font-weight:bold; font-size:10px; color:#507AC9;
text-align:center;
padding:5px; border:1px solid #88B1CC; border-bottom:none; margin-top:5px;
background:url('../asset/bgMagHdr.gif') repeat-X;
}
 
.conMagHdr h1 {color:#b70000;background-color:inherit;padding:0;margin:0;}

/* borders */
.b1 {border:1px solid #ced8e2}  /* imgHld SpryTab (afbac5) conVrt conMag frmBlk */
.b2 {border:1px solid #c8c8c8} /* empCon gray box */ 
.b3 {border-bottom:1px solid #C8C8C8} /* hld */ 
.b4 {border:1px solid #88B1CC}
.b5 {border:1px solid #6D8AA8}
.b9 {border:1px solid #B0BDC6} /*  */ 
.b10 {border:1px solid #dddddd} /* gray */ 
.b11 {border:3px solid #336699} /*  */ 
/* colours - font and background */
.rd {color:#E50000}
.bl {color:#2C59C0}
.gy {color:#5D5D5D;}
.cy {color:#00FFFF}
.ci {background-color:inherit;}
.cWh {background-color:#FFF;} /* white */
.cb1 {background-color:#EFF9FA} /* imgHld x-CEE7FF */
.cb1x {background:url('../asset/bgIcn1.jpg')} /* conCom */
.cb6 {background-color:#cEDcEc} /* frmBlk */ 
.cb2 {background-color:#eff9fe} /* txtHld  */
.cb3 {background-color:#eee} /* add vlight gray */ 
.cb4 {background-color:#edf5fb} /* conBlk, conIcon conVrt e9f2f6 */
.cb4a {background-color:#b5cbef}
.cb4b {background-color:#e2ece9}
.cb5 {background-color:#eFF3F7;} /* conTxt */ 
.cb6 {background-color:#FBeeFB;} /* conVrt-lrBlk */ 
.cb66 {background-color:#e2e8ef;} /* trial */ 
.cb7 {background-color:#dceadb;} /* trial */ 
.cb8 {background-color:#f6f8fa;} /* wrap */ 
.cb9 {background-color:#e7eeF3;} /*  */ 
.cb10 {background-color:#eee;} /* with b10 b11 */
.bg12 {background:#e2ece9 url("../asset/bg12.gif") no-repeat 50% 50%;}
.bg13 {background:#E2EcE9 url("../asset/bg13.gif") no-repeat 50% 50%;}
.bg31a {background:#E2EcE9 url("../asset/bg31a.gif") no-repeat 50% 50%;}
.bg31b {background:#E2EcE9 url("../asset/bg31b.gif") no-repeat 50% 50%;}
.bg32a {background:#E2EcE9 url("../asset/bg32a.gif") no-repeat 50% 50%;}
.bg32b {background:#E2EcE9 url("../asset/bg32b.gif") no-repeat 50% 50%;}
.bg32c {background:#E2EcE9 url("../asset/bg32c.gif") no-repeat 50% 50%;}
.bg33a {background:#E2EcE9 url("../asset/bg33a.gif") no-repeat 50% 50%;}
.bg33b {background:#E2ECE9 url("../asset/bg33b.gif") no-repeat 50% 50%;}
.bg33br {background:#E2ECE9 url("../asset/bg33br.gif") no-repeat 50% 50%;}
.bg33p1 {background:#E2ECE9 url("../asset/prmSBP.jpg") no-repeat 50% 50%;}
.bgSMN {background:#e9f2f6 url('../SMN/bgSMN.jpg') no-repeat 50% 50%;}
.bgNsl {background:#e9f2f6 url('../nsl/bgNsl.jpg') no-repeat 50% 50%;}
.bgCom {background:#e9f2f6 url('../asset/bgCom.jpg') no-repeat 50% 50%;}
.p30 {padding-top:30px;}

/* mainBlk1 */
.w12 {width:478px;}  /* nb bg12 */
.w12b {width:476px;} /* b */
.w12x {width:477px;} /* b one side */
.w13 {width:316px;}
.w13b {width:314px;}
.w309 {width:309px;}
.w332 {width:332px;}
.w498 {width:498px;}
.w15 {width:186px;}
	.w13m {width:326px;}
	.w1 {width:478px;} /* delete mainBlk1 */
	.w1b {width:476px;} /* delete with border mainBlk1 */
	.w1n {width:478px;} /* delete mainBlk1 */
	.w1nb {width:476px;} /* delete with border mainBlk1 */
	.w1Bl2 {width:489px; height:293px; background:#E2ECE9 url("../asset/bgW1Bl2.jpg") no-repeat 50% 50%;}
	.w0 {width:660px;} /* mainBlk1 */
	.w1c {width:324px;} /* 3 columns in mainBlk1 */
/* mainBlk2 */
.w22 {width:401px;}
.w22b {width:399px;}
/* mivBlk2 */
	.w4 {width:339px;} /* delete */
	.w4b {width:337px;} /* delete */
.w42 {width:339px;}
.w42b {width:337px;}

/* mainBlk3 */
.w31 {width:652px;} /* nb bg31 */
.w31b {width:650px;} /* b */
.w32 {width:324px;}
.w32b {width:322px;}
.w32x {width:323px;} /* b one side */
.w33 {width:214px;}
.w33b {width:212px;}
	.w3 {width:323px;} /* delete 2 columns in mainBlk3 */
	.w33x {width:321px;} /* delete 2 columns in mainBlk3 */
	.w3c {width:214px;} /* delete mainBlk3 */

.w15x {width:120px}
.w15a {width:155px}
.w15b {width:310px}
.w10 {width:86px}
.w10x {width:146px}
	

/* heights */
.hlr {height:0} /* default conFil-lr */
.hm {height:0} /* default conFil-m */
.h12 {height:125px} /* conTop, conAdv */
.h20 {height:200px}
.h24 {height:240px}
.h316 {height:316px}
.h32 {height:320px}
	.ht2 {height:400px} /* delete conVrt-iv */
.h40 {height:400px}
.h60 {height:600px}
	.h3c {height:600px}

.h32v {height:538px} /* conVrt-ext */
.h3d {height:598px}
.h33v {height:347px} /* conVrt-ext */
.h33i {height:310px}

.f10 {font-size:10px}
.f9 {font-size:9px}
.f8 {font-size:8px}
.p0 {padding-bottom:0}
.hld, .imgHld, .txtHld, .conTop, .conAdv, .conOr, .empCon, .conCom, .conVrt {margin:0 0 5px} /* hld - dummy holder b3 height:auto; */
.m0 {margin:0}
.mb0 {margin-bottom:0}
.mt5 {margin-top:5px} /*  */
.mt75 {margin-top:75px}
.mb5 {margin-bottom:5px}
.conLft {margin:0 2px 0 0}
.conRht {margin:0 0 0 2px}
.conMid {margin:0 2px}
.conMid1 {margin:0 4px}

.imgHld, .conAdv {text-align:center;padding:0}
.hld, .txtHld, .conOr, .empCon {text-align:justify;padding:0} /* none b1 cb2 */
.empCon, .conAdv, .conCom, .conVrt {font-size:10px}
.conTop, .conAdv, .conCom, .conVrt {overflow:hidden}
.hld, .txtHld {color:#176A9D}
.imgHld, .conTop, .conAdv {color:#3068b5}
.conOr, .or {color:#937015}
.empCon {color:#807970} /* gy box b2 cb3 */
.conOr a:link, .conOr a:visited {color:#a3756e}
.conOr a:hover, .conOr a:active {color:#7d4a42}
.bgBl {background:url('../asset/bgBl.gif');} 
.bgPr {background:url('../asset/bgPr.gif');}
.txtHldCls {float:left;width:33%;padding:1px;margin:0;}


.conMag {
height:143px;
color:#3068b5; text-align:justify;
padding:0 0 5px 0; margin:0 0 5px;
background:url('../asset/bgPn.gif') repeat-x;
} 

	.conTxt, .conTxt2 {
	font-size:10px; color:#6f6f6f;
	text-align:justify;
	padding:2px 5px;}  /* cb5 hdg4 border-bottom:1px solid #ECF8FF; */
	.conTxt2 {height:120px; padding:2px 3px;}

.conLft, .conRht, .conMid, .conMid1 {float:left;padding:0;} /* w h b cb */

.bgOr {background:transparent url('../asset/bgOr.gif') repeat-x;}

.hdgOr1 {font-size:12px;font-weight:bold;color:#b50001;padding:2px 5px;} 
.bgOr1 {background:#fbf4d8 url(../asset/bgTrl1.gif) repeat-x;}
.bOr1 {border:1px solid #e1d0bb;} 
.brOr1 {height:5px;border-top:1px solid #e1d0bb;border-bottom:1px solid #FFF;}
.ftrOr1 {text-align:center;font-size:9px;color:#937015;padding:2px 0;} 

.bgOr2 {background:#ffffcc;}
.bgOr3 {background:#fbf4d8;}
.bgOr4 {background:#fff4e3;} /* good */
.bOr4 {border:1px solid #f2762b;} 

.hdgOr2 {font-size:11px; font-weight:bold; color:#B50001; padding:2px 5px; border-top:1px solid #E1D0BB; border-bottom:1px solid #FFF;} 
.hdgOr3 {font-size:11px; font-weight:bold; color:#FBF4D8; padding:2px 5px; border-top:1px solid #E1D0BB; border-bottom:1px solid #FFF;} 
.hdgOr5 {font-size:12px;font-weight:bold;color:#ed5407;background-color:#000000;padding:5px 5px 7px;border-bottom:3px solid #E1D0BB;}
.hdgOr6 {font-size:12px;font-weight:bold;color:#000;background-color:#d25a0b;padding:5px 5px 7px;border-bottom:3px solid #E1D0BB;} 

.hdgBl6 {font-size:12px;font-weight:bold;color:#fff;background:transparent url('../asset/bgHdgBl6.gif') repeat-x;padding:5px 5px 7px;border-bottom:3px solid #88B1CC;} 

.brOr {height:5px; border-top:1px solid #E1D0BB; border-bottom:1px solid #FFF;}
.brOr2 {height:5px; border-top:1px solid #EABA00; border-bottom:1px solid #FFF;}
.brOr3 {height:5px; border-top:1px solid #FFFFCC; border-bottom:1px solid #FFF;}
.b82 {border:1px solid #EABA00;}
.br82 {border-right:1px solid #FFFFCC;}
.bb82 {border-bottom:1px solid #FFFFCC;}
.b83 {border:1px solid #E1D0BB;} 
.lOr {width:100%;height:1px;background:#FFFFCC;}

.hdgBl {font-size:12px; font-weight:bold; color:#31659C; padding:2px 5px;} 
.hdgBl2 {font-size:11px; font-weight:bold; color:#31659C; padding:2px 5px; border-top:1px solid #C8C8C8; border-bottom:1px solid #FFF;} 
.brBl {height:5px; border-top:1px solid #C8C8C8; border-bottom:1px solid #FFF;}
.brE {height:3px; border-top:1px solid #E9F2F6; border-bottom:1px solid #E9F2F6;}
.br6 {height:6px; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}

.bglrFil {background:transparent url('../asset/bgGy.gif') repeat-x;}

.conImg {
	font-weight:bold; font-size:10px; color:#6F6F6F; background-color:#E2ECE9;
	text-align:center;
	padding:3px; border-bottom:1px solid #ECF8FF;
	}
.conImg img {border:5px solid #ECF8FF; margin:0 auto;}

.rmtImg {float:right; margin-top:-5px; margin-right:5px;}
.lmtImg {float:left; margin-top:-5px; margin-left:5px;}

.orConH, .grConH { /* .b1ci */
float:left; width:488px; padding:0 0 5px;}
.orConH {margin:0 2px 0 0; background:url("../asset/bgOrH.gif") repeat-y;}
.grConH {margin:0 0 0 2px; background:url("../asset/bgGrH.gif") 100% repeat-y;}

* html .conLft2, * html .conRht2 {width:415px; wi\dth:408px;}
.con {text-align:center; padding:0; margin:5px 0;} 
.conLft1, .conRht1 { 
float:left; width:493px; padding:0 0 5px;}
.conLft1 {margin:0 5px 0 0;}
.conRht1 {margin:0 0 0 5px;}
.conLft2, .conRht2 {float:left; width:415px; padding:0 0 5px;}
.conLft2 {margin:0 5px 0 0;}
.conRht2 {margin:0 0 0 5px;}
.conLft3, .conRht3 {width:338px; float:left; padding:0 0 5px;}
.conLft3 {margin:0 5px 0 0;}
.conRht3 {margin:0 0 0 5px;}
.conLft4, .conRht4 {float:left; width:350px; padding:0 0 5px;}
.conLft4 {margin:0 5px 0 0;}
.conRht4 {margin:0 0 0 5px;}

.blCon3 {
	float:left;
	padding:0 0 5px; border:1px solid #B0BDC6; border-bottom:3px solid #B0BDC6;
margin:0 0 5px 0; background:url("../asset/blBox3tile.jpg") repeat-y;}
.orCon, .whCon, .grCon {height:140px; padding:5px; margin:0;}
/* hack for IE5.5 */
* html .orCon, * html .whCon, * html .grCon {height:150px; he\ight:140px;}

.orCon {background:url("../asset/bgOr.gif");}
.whCon {background:#FFF url(../img/indWhl.gif) center no-repeat;}
.grCon {background:url("../asset/bgGr.gif");}

.blConttl {font-size:12px; color:#FFF; background:#88B1CC; padding:5px; margin:0 0 5px 0;}
.blCon {width:531px; float:right; text-align:right; color:#176A9D; padding:0; margin:0 0 0 5px;}
.blConhdr {height:31px; text-align:center; padding-top:2px; background:url("../asset/blBoxtop.gif") top left no-repeat;}
.blConbg {text-align:justify; padding:5px; background:url("../asset/blBoxtile.gif") repeat-y;}
.blConftr {height:14px; background:url("../asset/blBoxbtm.gif") no-repeat;}
.txtHldrRel {width:100%; position:relative; margin:5px 0;}
.blConAbs {width:531px; position:absolute; top:5px; left:5px; color:#176A9D; padding:0; margin:5px;}

.msgCon, .hntCon, .hlpCon, .wrnCon, .srcCon, .magCon {text-indent:16px;}
.msgCon {background:#B0BDC6 url("../btn/btnMsg.gif") no-repeat 2px 50%;}
.hntCon {background:#B0BDC6 url("../btn/btnHnt.gif") no-repeat 2px 50%;}
.hlpCon {background:#B0BDC6 url("../btn/btnHlp.gif") no-repeat 2px 50%;}
.wrnCon {background:#B0BDC6 url("../btn/btnWrn.gif") no-repeat 2px 50%;}
.srcCon {background:transparent url("../btn/btnSrc.gif") no-repeat 2px 50%;}
.magCon {background:transparent url("../btn/btnMag.gif") no-repeat 2px 50%;}

/* Using floated elements and a clear float class is a common method to accomplish multiple column table less layouts. 
If floated elements are used without being cleared the elements following will wrap around the floated element. 
This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
.rel{position:relative;}
.fLft{float:left;}
.fRht{float:right;}
.clrL,.clrR,.clrB {width:0;height:0;line-height:0;font-size:0;padding:0;margin:0;}
.clrL {clear:left;}
.clrR {clear:right;}
.clrB {clear:both;}
	.clear {clear:both;}
/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* Special Styles */
.ctr {text-align:center;}
.lft {text-align:left; margin:0 5px;}
.rht {text-align:right; margin:0 5px;}
.justify {text-align:justify; margin:0 5px;}
.bind5{padding-left:5px;padding-right:5px;}
.ind5{padding-left:5px;}
.rind5{padding-right:5px;}
.ind10{padding-left:10px;}
.rind10{padding-right:10px;}
.ind15{padding-left:15px;}
.rind15{padding-right:15px;}
.ind20{padding-left:20px;}
.rind20{padding-right:20px;}
.hid {display:none;} /* not used for toggle function */
.hidOv {overflow:hidden;}
hr {
border-top:1px solid #73AEDB;
margin:5px; 					/* fixes xhtml N6 bug where the hr sits to the left */
}
.line {width:100%;background-image:url('../asset/line.png');}
.l1 {width:100%;border-top:1px solid #73AEDB;}
.l3 {width:100%;border-top:3px solid #73AEDB;}
.l5 {width:100%;border-top:5px solid #73AEDB;}
.l10 {width:100%;border-top:10px solid #73AEDB;}
.l25 {width:25%;border-top:1px solid #73AEDB;}
.l50 {width:50%;border-top:1px solid #73AEDB;}
.l75 {width:75%;border-top:1px solid #73AEDB;}

div.break {height:5px; margin:0;}
.hlpC {cursor:help}
#hlpTip {width:150px;position:absolute;left:-300px;z-index:100;visibility:hidden;text-align:left;font-weight:bold;font-size:9px;color:#a3756E;background-color:#fff6bf;padding:2px;border:1px solid #eaba00;}
#hlpPointer {position:absolute;left:-300px;z-index:101;visibility:hidden;}
/*old color:#937015;background:#ffffcc;*/
/* Form Style
fieldset {	font-size:10px;color:#787878;background-color:#EFF9FA;
	text-align:justify;
	padding:0 5px 5px; border:1px solid #B0BDC6; margin:5px 0;	}
fieldset.grp {font-weight:bold; color:#6F6F6F; padding:0; border:none; margin:0;}
legend {	font-weight:bold; color:#FFF; background-color:#B0BDC6;
	padding:2px 5px;	}
input, textarea, button {	font-family:verdana,arial,helvetica,clean,sans-serif;
	font-weight:bold; font-size:10px; color:#4A4A4A; background-color:inherit; 
	padding:2px; margin:0;	}
select, option {	font-family:verdana,arial,helvetica,clean,sans-serif;
	font-weight:normal; font-size:10px; color:#4A4A4A; padding:0; background-color:inherit;	}
option {height:18px;}
input, select, textarea {vertical-align:middle;}
input:focus, select:focus, textarea:focus {background:#FFFFCC;}
input:hover, select:hover, textarea:hover {background:#F0FFE6;}
input.btn {	width:125px; height:20px;
	color:#3A726E; background-color:#CCCCFF;	}
.frmFld1, .frmFld2, .frmFld3, .tools {width:225px; height:18px;
font-weight:bold; font-size:10px; color:#3A726E; background-color:#CADDE8;
padding:2px; border:1px solid #C8C8C8;}
.frmFld2 {background:#D3ECB9;}
.frmFld3 {background:#EEEEFF;}
input.chk {width:25px; height:12px;font-size:9px; padding:0;border:1px solid #C8C8C8;background:#F0FFE6;}
.tools {width:468px; height:60px; padding:0 5px; background:#F0FFE6;}
textarea.frmFld1, textarea.frmFld2, textarea.frmFld3 {width:225px; height:60px;}
textarea.big {width:450px; height:120px;}
textarea.full {width:98%; height:120px; margin:5px 0 0 0;}
 */
/* End of CSS */