/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a:focus { -moz-outline: none; outline: none; }
html {  overflow-x: auto; overflow-y: scroll; }

/* typography */
body {font-size:13px;color:#222;background:#fff;font-family: Georgia, "Trebuchet MS", Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; text-align:left; }
h1, h2 { text-align: center; }

h1 {font:30px/34px Georgia, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif; margin-bottom:18px;}
h2 {font:25px/30px Georgia, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif; margin-bottom:24px;}
h3 {font:20px/24px Georgia, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif; margin-bottom:16px;}
h4 {font:16px/20px Georgia, Tahoma, "Trebuchet MS", "Times New Roman", Times, serif; margin-bottom:12px;}

h4 { color: #017dc5 }
h3 { color: #017dc5; }
h2 { color: #017dc5; margin-bottom: 18px; }
h1 { color: #017dc5; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 22px; line-height:20px; text-align: justify; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 0 1.5em 1.5em; text-align: justify; }
.table1 ul, .table2 ul, .table1 ol, .table2 ol { margin-bottom: 0px; }
ul { color:#017dc5; list-style-image: url(../layout/bullet1.gif); }
ul li { color: black; }
ol {list-style-type:decimal;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
.hr2 th, .hr2 td, .hr2 caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
.hide {display:none;}

/* top layout */
div#header {display:block;width:960px;height:110px;background: #017dc5 url(../layout/logo.png) no-repeat; margin:11px auto 0;}
div#tabs {display:block;width:960px;background: #017dc5 url(../layout/tabsBack.png) left bottom no-repeat; margin:0 auto 0;}
div#tabs table { width: 100%; }
div#tabs table td.td1 { width: 930px; padding:0px; }
div#tabs table td.td2 { width: 30px; padding:0px; vertical-align: top; }

div#tabs a { font-size: 13px; font-family: Georgia, Tahoma, sans-serif; }
div#tabs div a.text { display:block; height:34px; padding:0 0 0 20px; white-space:nowrap; background:url(../layout/tabsl.gif) left -102px no-repeat; color:#fff; cursor:pointer; float:left; margin: 2px; text-decoration:none !important; float: left; }
div#tabs div a.text span { display:block; height:34px; line-height:34px; padding-right:35px; background:url(../layout/tabsr.gif) right -102px no-repeat; text-decoration:none !important; float: left; }

div#tabs a.text:hover { background-position:0 -170px; }
div#tabs a.text:hover span { background-position:right -170px; }

div#tabs .active a.text { background-position:0 -136px; cursor:default !important; }
div#tabs .active a.text span { background-position:right -136px; color:#0C5E95; }

div#tabs #mt_0 a.text { background:url(../layout/tabsl.gif) no-repeat; }
div#tabs #mt_0 a.text span { padding-right: 20px; color:#fff; background-position:right 0; }

div#tabs #mt_0 a.text:hover { background-position:0 -68px; }
div#tabs #mt_0 a.text:hover span { background-position:right -68px; }

div#tabs #mt_0.active a.text { background-position:0 -34px; }
div#tabs #mt_0.active a.text span { background-position:right -34px; color:#0069A0; }

div#tabs a.closeTab { background:url(../layout/closers.gif) no-repeat; display:block; cursor:pointer; float:left; height:14px; width:14px; left:-25px; position:relative; overflow:hidden; margin-right:-14px; text-indent:-1000px; top:12px; float: left; }
div#tabs a.closeTab:hover { background-position: 0px -14px; }
div#tabs .active a.closeTab { background-position: 0px -14px; }
div#tabs .active a.closeTab:hover { background-position: 0px -28px; }

/* icons */
a.icon { background:url(../layout/nicons.gif) no-repeat; display:block; height:20px; width:20px; }
a#closeTabs { background-position:0 -40px; margin: 8px; visibility: hidden; }
a#closeTabs:hover { background-position:-20px -40px; }

#mainBlock { display:block; width:960px; margin:0 auto 0; }


/* telescope elements */
.pp, .hortbl { width: 100%; }
.hortbl .hr1, .hortbl .hr2, .hortbl .hr3 { vertical-align: top; }
.hortbl .hr2 { width: 100%; }

/* the rest comes from the past */
#lcontent { display: block; overflow-x: hidden; overflow-y: visible; z-index: 5; float: left; }
#rmenu { width: 300px; position: static; z-index: 6; float: right; margin-top: 33px; margin-right: 0px; }
#rrmenur { width: 207px; margin-left: 93px; }

table.x { width: 960px; margin: 0px auto 25px; }

.hortbl { width: 100%; }
.hr1, .hr3 { width: 0px; vertical-align: top; }
.hr1 var, .hr3 var { display: block; clear: both; background: transparent !important; }
.hr2 { width: 100%; vertical-align: top; }

a.noline, a.noline h2 { text-decoration: none !important; font-weight: normal !important; padding: 0px 0px 14px;  }
a.noline:hover, a.noline:hover h2 { text-decoration: underline !important; }

.menu { margin: 0px; }
.menu .mi { /* margin: 5px 0px; */ border-bottom: 5px white solid; }
.menu .mi a { color: #f15b29; }
.menu .mi a, .menu .mi a:active, .menu .mi a:visited { display: block; font-family: Georgia, Tahoma, sans-serif; font-size: 13px; line-height: 30px;  padding: 0px; padding-left: 45px; text-decoration: none; cursor: pointer; cursor: hand; height: 30px; background: url(../layout/rmenu.gif) left top no-repeat; }
.menu .mi a:hover { background-position: 0px -30px; color: #ffffff; }
.menu .mi a.active { background-position: 0px -60px !important; color: #fff !important; cursor: default !important; }
.menu a.disabled { cursor: default !important; opacity: 0.4; }
.menu a.active:hover { color: #fff; }

/* debug */
#allhorz { position: absolute; left: -10000px; top: -100000px; }

#indexone { width: 960px !important; }

.tele { float: left; width: 100%; }
.pp { width: 100%; }
#accordion div, #accordion h2 { float: left; clear: both; width: 540px; text-transform: none !important;  text-align: left; color: #222; line-height: 22px; }
h2.atStart, h2.atStarts { cursor: pointer; cursor: hand; font-weight: normal; margin: 0px 0px 16px; padding: 0px!important; font-size:17px!important; font-weight: normal !important; }
h2.atStarts a { color: black !important; text-decoration: none !important; }
#accordion ul { width: 490px; }

div#accordion { float: left; width: 540px; /* padding: 0px 0px 0px 60px; background: url(../layout/cont.gif) left 100px no-repeat; */ }
.tele .rhelp { display: block; float: right; width: 200px; height: 24px; background: #fff url(../layout/keyst.gif) no-repeat; position: relative; }
.tele a.rhelp:hover { background-position: 0px -24px; }

/*
div#accordion, div#splash { float: left; margin-bottom: -200px; padding-bottom: 200px; }
*/

div#spcont { width: 1400px; clear: both; }

div#splash { float: left; width: 540px; background: #007ac3 url(../layout/splash1.jpg) no-repeat;  position: relative; left: -540px; padding-top: 386px; }
div#splash div { width: 540px; height: 174px; background: url(../layout/splash2.jpg) 180px 0px no-repeat; height: 200px;  }

/*
html* #accordion h2 { margin-top: 0px !important; margin-bottom: 0px !important; }
html* div.atStart ul {  margin-bottom: 0px !important; }
*/

/* icons */
/* ICONS: */
#mupdown { display: block; width: 24px; height: 20px; background: url(../layout/nicons.gif) 0px -140px no-repeat; cursor: pointer; cursor: hand; float: right; margin-right: 0px !important; position: relative; left: -20px; top: 20px; }
#mupdown:hover { background-position: 0px -160px; }
#mupdown.flag { background-position: -24px -140px; }
#mupdown.flag:hover { background-position: -24px -160px; }

a#markersw { visibility: hidden; }
a#markersw { display: none; width: 20px; height: 20px; background: url(../layout/nicons.gif) -20px 0px no-repeat; cursor: pointer; cursor: hand; float: right; position: relative; top: 0px; position: relative; top: 19px; left: -50px; }
a#markersw:hover { background-position: 0px 0px; }
a#markersw.on { background-position: 0px 0px; }
a#markersw.on:hover { background-position: -20px 0px; }

a#fscbtn { position: relative; left: -40px; top: 19px; visibility: hidden; }
a#fscbtn, a#fscbtn.on:hover { display: block; width: 20px; height: 20px; background: url(../layout/nicons.gif) 0px -60px no-repeat; cursor: pointer; cursor: hand; float: right; }
a#fscbtn.on, a#fscbtn:hover { background-position: -20px -60px; }

a#helpme { display: block; width: 20px; height: 20px; float: right; background: url(../layout/nicons.gif) 0px -80px no-repeat; cursor: pointer; cursor: hand; position: relative; top: 19px; left: -30px; }
a#helpme:hover { background-position: -20px -80px; }

a#keyst { display: none; width: 20px; height: 20px; float: right; background: url(../layout/nicons.gif) 0px -180px no-repeat; cursor: pointer; cursor: hand; position: relative; top: 19px; left: -79px; }
a#keyst:hover { background-position: -20px -180px; }

a#nextsect { display: block; width: 20px; height: 20px; float: right; background: url(../layout/nicons.gif) 0px -100px no-repeat; cursor: pointer; cursor: hand; position: relative; top: 19px; left: -60px; }
a#nextsect:hover { background-position: -20px -100px; }

a#prevsect { display: block; width: 20px; height: 20px; float: right; background: url(../layout/nicons.gif) 0px -120px no-repeat; cursor: pointer; cursor: hand; position: relative; top: 19px; left: -70px; }
a#prevsect:hover { background-position: -20px -120px; }

/* table styles */
table.table1 { width: 100%; margin-bottom: 15px; }
table.table1 td { padding: 5px 5px; text-align: center; font-size: 13px; vertical-align: middle; }
table.table1 tr.top td { vertical-align: top; }
table.table1 tr td:first-child, table.table1 tr td.frs { text-align: left !important; }
table.table1 tr.head td { background-color: #004179; color: white; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
table.table1 tr.row0 td { background-color: #e7e7e9; }
table.table1 tr.row1 td { background-color: #bac4dc; }
table.table1 tr td.liner { border-right: 1px #004179 solid; }

table.table2 { width: 100%; margin-bottom: 15px; }
table.table2 td { text-align: center; padding: 5px; font-size: 13px; vertical-align: middle; border-bottom: 1px black solid !important; }
table.table2 tr td:first-child, table.table2 tr td.frs { text-align: left !important; }
table.table2 tr.noline td { border-bottom: 0px !important; }

table.table2x td { padding: 5px; font-size: 13px; vertical-align: top; text-align: justify; }

var { cursor: pointer; cursor: hand; color: #0069a0; text-decoration: none; background: #dcf0fa; }

.custom-tip { color: #000; width: 300px; z-index: 13000; border: 1px #808080 solid; overflow: hidden; }
.custom-text { padding: 0px; background: white; overflow: hidden; }

html* .detached .custom-text { position: absolute; }

.custom-tip .closeme { display: block; width: 20px; height: 20px; float: right; background: transparent url(../layout/icons.gif) no-repeat scroll 0 -40px; /* position: relative; top: -10px; left: 10px; */ cursor: pointer; position: absolute; right: 0px; z-index: 14000; }
.custom-tip .closeme:hover { background-position: -20px -40px; }
.custom-tip .detached { float: left; }
.custom-tip .detached .custom-text { padding: 0px; }
.custom-text p { margin: 10px; }

div#tipcrn { width: 14px; height: 14px; background: url(../layout/harrs.gif); position: absolute; left: 0px; top:0px; z-index: 13001; display: none; }
div#tipcrn.crnleft { background-position: 0px 0px; }
div#tipcrn.crnright { background-position: -14px -14px; }
div#tipcrn.crntop { background-position: -14px 0px; }
div#tipcrn.crnbottom { background-position: 0px -14px; }

/* .nobdr { border: 0px !important; }
.nobdr .custom-text { padding: 0px !important; }
*/

p.smallfont { font-size: 11px; line-height: 15px; }
.indent { margin-left: 20px; }

.wide-tip { color: #000; width: 400px; z-index: 13000; border: 1px #888A85 solid; }
.wide-text { padding: 24px 24px 0px; background: white; }

.person-tip { color: #000; width: 500px; z-index: 13000; border: 1px #888A85 solid; }
.person-text { padding: 24px 24px 0px; background: white; }

.hideme { display: none; }

.forprint { display: none; }

.hortbl .hr3 var img { padding: 5px 0px 5px 5px; margin-left: 5px; }
.table1 var { background: transparent !important; }

.hlme span.markery { background: #FFFFAA; color: black; }
.hlme span.markerl { background: lime; color: black; }
.hlme span.markerr { background: red; color: black; }

.custom-tip { background-color: white; }

@media print {
	#xxd2 { display: none !important; }
	div#header { background: transparent !important; }
	#tabs, #rmenu, .hr3 *, #readnext { display: none !important; }
	#lcontent { width:100% !important; overflow: visible !important; }
	.forprint { display: block !important; }
	.printhor { float: left; }
	.custom-tip { display: none !important; }
	.table1 var { display: none !important; }
}

.niceContents { float: right; width: 410px; height: 440px; }
.niceContents a { display: block; width: 200px; height: 100px; float: left; background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; }
.niceContents a.right { float: right; }