* { margin: 0; padding: 0; }
html, body { width: 100%; min-height: 100%; }
body { font-family: helvetica; font-size: 12px; color: #000; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; }
p { margin: 0 0 7px 0; }
/* a */
a, a:visited { color: #4960a4; text-decoration: underline; }
a:hover { color: #cb4b4b; }
/* clear */
.clear { clear: both; }
.raClear { clear: both; }
/* h */
#left h1 { font-size: 22px; color: #2e4fae; font-weight: normal; margin: 0 0 20px 0; }
#left h1 a, #left h1 a:visited { color: #4960a4; text-decoration: none; }
#left h1 a:hover { color: #cb4b4b; }
#left h1 .sub { font-size: 16px; color: #959592; }
#right h1 { font-size: 20px; color: #222; font-weight: normal; margin: 0 0 20px 0; }
#left h5 { font-size: 14px; color: #4960A4; font-weight: normal; margin: 5px 0; }
#left h5 a, #left h5 a:visited { color: #4960A4; text-decoration: none; }
#left h5 a:hover { color: #4960A4; text-decoration: underline; }
#left h2.search { font-size: 16px;}
#left h2 { font-size: 14px; color: #666; font-weight: normal; margin: 20px 0 15px 0; }
#left h2.title { font-size: 12px; color: #000; font-weight: bold; background: #c3daef; padding: 5px; margin: 10px 15px 10px 0; }
/* layout */
#layout_max { margin: 0 auto; max-width: 1400px; display: table; }
#layout_min { margin: 0 10px; min-width: 970px; }
/* header */
#header { height: 151px;}
/* collage */
#collage { position: relative; overflow: hidden; height: 115px; background: url() center no-repeat; }
#collage a.collage_logo { display: block; width: 347px; height: 115px; background: url() no-repeat; margin: 0 auto; }
/* toolbar */
#toolbar { position: absolute; right: 55px; }
#toolbar li { float: left; display: block; list-style-type: none; font-size: 12px; line-height: 18px; background: url() right repeat-y; padding: 0 10px; }
#toolbar a, #toolbar a:visited { color: #fff; text-decoration: underline; }
#toolbar a:hover { color: #fff; }
#userNamePanel { position: absolute; left: 10px; top: 2px; color: #354f9a; width: 300px; }
/* font */
#font { position: absolute; right: 5px; width: 40px; height: 28px; background: url() no-repeat; text-align: center; line-height: 25px; font-size: 16px; color: #da1d23; text-decoration: underline; font-weight: bold; cursor: pointer; }
/* menu */
#menu { position: relative; z-index: 20; height: 36px; background: #354f9a url() top repeat-x; }
#menu table { width: 950px; margin: 0 auto; }
#menu td { text-align: center; }
#menu td a { position: relative; display: block; font-size: 14px; color: #fff; line-height: 36px; height: 36px; margin-right: 2px; white-space: nowrap; padding: 0 5px; }
#menu td a, #menu td a:visited { text-decoration: underline; }
#menu td a:hover,
#menu td.on a, #menu td.on a:visited, #menu td.on a:hover,
#menu td.sel a, #menu td.sel a:visited, #menu td.sel a:hover { text-decoration: none; background: #d91c21 url() top repeat-x; }
/* raSubMenu */
.raSubMenu { position: absolute; visibility: hidden; z-index: 98; width: 250px; border-top: 1px solid #fff; border-bottom: 1px solid #6d80b6; }
.raSubMenu span { display: block; }
.raSubMenu span a, .raSubMenu span a:visited { color: #fff; display: block; font-size: 12px; text-align: left; text-transform: none; background: #4960a4; border-top: 1px solid #6d80b6; padding: 7px 15px; text-decoration: none; }
.raSubMenu span a:hover { color: #fff; background: #37519b; text-decoration: none; }
.raSubMenu span a.child, .raSubMenu span a.child:visited { background: #4960a4 url() center right no-repeat; }
.raSubMenu span a.child:hover { background: #37519b url() center right no-repeat; }
.raSubMenu span a.sel, .raSubMenu span a.sel:visited, .raSubMenu span a.sel:hover { color: #fff; background: #37519b url() center right no-repeat; text-decoration: none; }
/* content */
#content { margin-top: 20px; }
/* content2 */
#content2 { }
/* left */
#left { width: 100%; padding: 0 20px 30px 9px; }
#left .data h2 { font-size: 14px; color: #666; font-weight: normal; margin: 20px 0 15px 0; }
/* right */
#right { background: #f0f0e7 bottom repeat-x; padding-bottom: 30px; }
/* footer */
#footer { background: #c6c6ab; padding-right: 6px; }
#footer .footer_shadow { background: #d9d9c5 url() top left no-repeat; padding: 6px 6px 0 0; }
#footer .footer_frame { background: #f0f0e7; padding: 10px 20px; }
#footer ul { display: block; border-left: 1px solid #cdcdc4; padding: 7px; }
#footer ul li { display: block; list-style-type: none; font-size: 11px; padding: 2px 0; }
#footer ul li a, #footer ul li a:visited { color: #949480; text-decoration: none; }
#footer ul li a:hover { color: #949480; text-decoration: underline; }
#footer ul li.parent { font-size: 12px; padding: 0 20px 10px 0; }
#footer ul li.parent a, #footer ul li.parent a:visited { color: #59594e; text-decoration: none; }
#footer ul li.parent a:hover { color: #59594e; text-decoration: underline; }
#footer span { display: block; font-size: 11px; color: #59594e; padding-top: 10px; }
/* data */
#left .data { padding: 0 0 20px 0; }
#left .data .data_text { }
#left .data .data_text ul.list li { font-size: 12px; }
#left .data ul { margin-left: 20px; }
/*breadcrumbs*/
#left .breadcrumbs { padding: 0 15px 5px 0}
#left .breadcrumbs h2 { font-size: 14px; color: #666; font-weight: normal; margin: 20px 0 5px 0; }
/* data */
#right .data { padding: 0 15px; }
/* wide template */
#wide h1 { font-size: 22px; color: #2e4fae; font-weight: normal; margin: 0 0 20px 0; }
#wide h1 a, #left h1 a:visited { color: #4960a4; text-decoration: none; }
#wide h1 a:hover { color: #cb4b4b; }
#wide { width: 100%; padding: 0 0 30px 9px; }
#wide .data h2 { font-size: 14px; color: #666; font-weight: normal; margin: 20px 0 15px 0; }
#wide .data { padding: 0 9px 20px 0; }
#wide .data .data_text { }
#wide .data .data_text ul.list li { font-size: 12px; }
#wide .breadcrumbs { padding: 0 15px 5px 0}
#wide .breadcrumbs h2 { font-size: 14px; color: #666; font-weight: normal; margin: 20px 0 5px 0; }
#wide .list li { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
/* promo */
#promo { position: relative; overflow: hidden; width: 100%; height: 119px; }
#promo_list { position: relative; height: 136px; background: #fff; margin: 0 17px; }
#promo_list .findings { position: absolute; left: -2000px; }
#promo .prev, #promo .next { position: absolute; overflow: hidden; z-index: 1; top: 0; bottom: 0; width: 17px; }
#promo .prev { left: 0; background: #fff url() top right repeat-y; }
#promo .next { right: 0; background: #fff url() top left repeat-y; }
#promo .prev div, #promo .next div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#promo .prev div.on { background: url() left center no-repeat; cursor: pointer; }
#promo .next div.on { background: url() right center no-repeat; cursor: pointer; }
#promo .prev div.off, #promo .prev div.off { background: none; cursor: default; }
#left .promo { padding: 5px 10px; }
#left .promo table { width: 100%; }
#left .promo table td { width: 100%; font-size: 11px; color: #414141; padding-right: 10px; line-height: 11px; }
#left .promo table th div { background: #fff; border: 3px solid #e5e5e5; padding: 1px; }
#left .promo h1 { font-size: 12px; color: #414141; margin: 0 0 3px 0; padding: 2px 0; border-bottom: 2px solid #f2f2f2; font-weight: bold; }
#left .promo a, #left .promo a:visited { color: #414141; text-decoration: none; }
#left .promo a:hover { color: #222; text-decoration: underline; }
#left .promo_sep interactive
#left .promo_sep div { width: 7px; }
#right .promo { background: #d9d9c5; border-bottom: 1px solid #fff; padding: 5px 10px; }
#right .promo table { width: 100%; }
#right .promo table td { width: 100%; font-size: 12px; color: #6b6b6b; padding-right: 10px; }
#right .promo table th div { background: #fff; border: 3px solid #c3c3b1; padding: 1px; }
#right .promo h1 { font-size: 14px; color: #6b6b6b; margin: 0 0 6px 0; padding: 4px 0; border-bottom: 2px solid #c6c6b4; }
#right .promo a, #right .promo a:visited { color: #6b6b6b; text-decoration: none; }
#right .promo a:hover { color: #474747; text-decoration: underline; }
/* submenu */
#submenu li { display: block; float: left; width: 33%; list-style-type: none; background: url() 0 3px no-repeat; }
#submenu li div { font-size: 16px; padding: 3px 3px 3px 20px; }
#submenu li a, #submenu li a:visited { color: #000; text-decoration: none; }
#submenu li a:hover { color: #000; text-decoration: underline; }
/* chart */
#chart { position: relative; overflow: hidden; width: 100%; height: 400px; }
#chart_list { position: relative; overflow: hidden; height: 400px; background: #fff; margin: 0 11px; }
#chart_list .findings { position: absolute; left: -2000px; }
#chart .prev, #chart .next { position: absolute; overflow: hidden; z-index: 1; top: 0; bottom: 0; width: 10px; }
#chart .prev { left: 0; background: #fff; border-right: 1px solid #c9c9c9; }
#chart .next { right: 0; background: #fff; border-left: 1px solid #c9c9c9; }
#chart .prev div, #chart .next div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#chart .prev div.on { background: url() left center no-repeat; cursor: pointer; }
#chart .next div.on { background: url() right center no-repeat; cursor: pointer; }
#chart .prev div.off, #chart .prev div.off { background: none; cursor: default; }
/* interactive */
#interactive { position: relative; overflow: hidden; width: 100%; height: 136px; }
#interactive_list { position: relative; height: 136px; background: #fff; margin: 0 11px; }
#interactive_list .findings { position: absolute; left: -2000px; }
#interactive .prev, #interactive .next { position: absolute; overflow: hidden; z-index: 1; top: 0; bottom: 0; width: 10px; }
#interactive .prev { left: 0; background: #fff; border-right: 1px solid #c9c9c9; }
#interactive .next { right: 0; background: #fff; border-left: 1px solid #c9c9c9; }
#interactive .prev div, #interactive .next div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#interactive .prev div.on { background: url() left center no-repeat; cursor: pointer; }
#interactive .next div.on { background: url() right center no-repeat; cursor: pointer; }
#interactive .prev div.off, #interactive .prev div.off { background: none; cursor: default; }
#left .interactive { width: 100%; height: 116px; margin: 10px 0; }
#left .interactive td { text-align: center; padding: 0 20px; border-left: 1px solid #e5e5e2; }
#left .interactive td.first { border: 0; }
#left .interactive td div, #left .interactive td a, #left .interactive td a:visited, #left .interactive td a:hover { display: block; text-decoration: none; }
#left .interactive td div span, #left .interactive td a span, #left .interactive td a:visited span { display: block; font-size: 12px; color: #000; text-decoration: none; padding: 5px 0 0 0; }
#left .interactive td a:hover span { text-decoration: underline; }
/* metadata */
#metadata { position: relative; overflow: hidden; width: 100%; height: 136px; }
#metadata_list { position: relative; height: 136px; background: #f7f7f3; margin: 0 11px; }
#metadata_list .findings { position: absolute; left: -2000px; }
#metadata .prev, #metadata .next { position: absolute; overflow: hidden; z-index: 1; top: 0; bottom: 0; width: 10px; }
#metadata .prev { left: 0; background: #fff; border-right: 1px solid #c9c9c9; }
#metadata .next { right: 0; background: #fff; border-left: 1px solid #c9c9c9; }
#metadata .prev div, #metadata .next div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#metadata .prev div.on { background: url() left center no-repeat; cursor: pointer; }
#metadata .next div.on { background: url() right center no-repeat; cursor: pointer; }
#metadata .prev div.off, #metadata .prev div.off { background: none; cursor: default; }
#left .metadata { width: 100%; height: 116px; margin: 10px 0; }
#left .metadata td { text-align: center; padding: 0 20px; border-left: 1px solid #e5e5e2; }
#left .metadata td.first { border: 0; }
#left .metadata td div, #left .metadata td a, #left .metadata td a:visited, #left .metadata td a:hover { display: block; text-decoration: none; }
#left .metadata td div span, #left .metadata td a span, #left .metadata td a:visited span { display: block; font-size: 12px; color: #000; text-decoration: none; padding: 5px 0 0 0; }
#left .metadata td a:hover span { text-decoration: underline; }
/* census */
.census { width: 100%; }
.census td { text-align: center; border-right: 1px solid #e9e9e9; padding: 0 20px; }
.census td.first { border-left: 1px solid #e9e9e9; }
.census td a, .census td a:visited, .census td a:hover { display: block; text-decoration: none; }
.census td a span, .census td a:visited span { display: block; font-size: 12px; color: #000; text-decoration: none; padding: 5px 0 0 0; }
.census td a:hover span { text-decoration: underline; }
/* popular */
.popular { text-align: center; }
.popular a, .popular a:visited { white-space: nowrap; line-height: 25px; margin: 0 10px; text-decoration: none; }
.popular a:hover { text-decoration: underline; }
.popular a.size1 { font-size: 11px; }
.popular a.size2 { font-size: 13px; }
.popular a.size3 { font-size: 15px; }
.popular a.size4 { font-size: 17px; }
.popular a.size5 { font-size: 19px; }
/* news */
#right .news_date { font-size: 12px; color: #666; background: url() no-repeat 0 1px; padding-left: 13px; margin-left: 5px; }
#right .news_date_new { font-size: 12px; color: #666; background: url() no-repeat 0 1px; padding-left: 13px; margin-left: 5px; }
#right .news_text { font-size: 12px; color: #222; margin: 2px 0 10px 5px; }
#right .news_text a, #right .news_text a:visited { color: #37519b; text-decoration: underline; }
#right .news_text a:hover { color: #cb4b4b; text-decoration: underline; }
#right .news_text img { float: left; border: 2px solid #fff; margin-right: 9px; }
/* news */
#left .news_date { font-size: 12px; color: #666; background: url() no-repeat 0 1px; padding-left: 13px; margin-left: 5px; }
#left .news_date_new { font-size: 12px; color: #666; background: url() no-repeat 0 1px; padding-left: 13px; margin-left: 5px; }
#left .news_text { font-size: 12px; color: #222; margin: 2px 15px 10px 5px; }
#left .news_text div { margin:5px 0; display:block;}
#left .news_text a, #left .news_text a:visited { color: #4960A4; text-decoration: underline; }
#left .news_text a:hover { color: #cb4b4b; text-decoration: underline;}
#left .news_text span a, #left .news_text span a:visited { color: #4960A4; text-decoration: underline; }
#left .news_text span a:hover { color: #cb4b4b; text-decoration: underline;}
#left .news_text img { float: left; border: 2px solid #fff; margin-right: 9px; }
/* list */
#content .list li { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
#left .list li { display: block; list-style-type: none; font-size: 12px; color: #444; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
#right .list li { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
#right .list li a.on, #right .list li a.on:visited { color:#cb4b4b; text-decoration:none;}
#right .list2 { float: left; width: 50%; }
#right .list2 li { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
#right .right-submenu li a, #right .right-submenu li a:visited { color:#222; text-decoration:none;}
#right .right-submenu li a:hover { color:#222; text-decoration:underline;}
#right .right-submenu li { display: block; list-style-type: none; font-size: 13px; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
#right .right-submenu li a.on, #right .right-submenu li a.on:visited { color:#cb4b4b; text-decoration:underline;}
#right .right-submenu li.level2 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 32px 0.6em; padding: 3px 3px 3px 40px; }
#right .right-submenu li.level2 a.on, #right .right-submenu li.level2 a.on:visited { color:#cb4b4b; text-decoration:none;}
#right .right-submenu li.level3 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 52px 0.6em; padding: 3px 3px 3px 60px; }
#right .right-submenu li.level3 a.on, #right .right-submenu li.level3 a.on:visited { color:#cb4b4b; text-decoration:none;}
#right .right-submenu li.level4 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 66px 0.6em; padding: 3px 3px 3px 75px; }
#right .right-submenu li.level4 a.on, #right .right-submenu li.level4 a.on:visited { color:#cb4b4b; text-decoration:none;}
ul.material li { display: block; list-style-type: none; font-size: 12px; color: #444; padding: 3px; }
ul.comment li { display: block; list-style-type: none; font-size: 12px; color: #666; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
ul.comment li p { color: #000; }
/* more */
.more { background: #ddddd5; text-align: right; margin: 10px 0; }
.more a { display: block; font-size: 12px; line-height: 17px; font-weight: normal; padding-right: 10px; margin: 0 10px; background: url() right no-repeat; }
.more a, .more a:visited { color: #222; text-decoration: none; }
.more a:hover { color: #000; }
/* banner */
.banner { display: block; text-align: center; }
/* contact */
#contact { position: relative; width: 295px; height: 100px; font-size: 14px; color: #444; overflow: hidden; }
#contact b { color: #444; }
#contact .findings { position: absolute; width: 295px; left: -295px; font-size: 12px; }
#contact img { border: 2px solid #fff; }
.contactLink { font-size: 12px; }
.contact_header { width: 295px; margin-bottom: 5px; }
.contact_header .prev img { margin-right: 4px; cursor: pointer; }
.contact_header .next img { margin-left: 4px; cursor: pointer; }
#contact_title { position: relative; width: 255px; height: 32px; overflow: hidden; }
#contact_title div { position: absolute; width: 255px; height: 32px; left: -255px; }
#contact_title table { width: 255px; height: 32px; font-size: 12px; color: #000; line-height: 16px; text-align: center; }
/* event */
#left .event { position: relative; font-size: 12px; color: #6b6b6b; padding-left: 50px; }
#left .event h1 { font-size: 16px; color: #000; padding: 7px 0; margin: 0; }
#left .event img { position: absolute; left: 0; }
#left .event .link { display: block; background: url() 0 -3px no-repeat; padding-left: 20px; }
/* line */
.line { height: 15px; background: url() center no-repeat; border-top: 1px solid #b2b2b2; margin: 10px 0 5px 0; }
/* panel */
.panel { background: #c9d2db url() bottom left no-repeat; }
.panel_shadow { background: url() top right no-repeat; padding: 0 4px 4px 0; }
.panel_text { background: #e4eef8; padding: 10px; }
/* map */
#map { width: 600px; height: 360px; margin: 0 auto; }
.city { font-size: 12px; color: #222; }
.city a, .city a:visited { color: #32bc72; text-decoration: underline; }
.city a:hover { color: #149c53; text-decoration: underline; }
/* informer */
.informer { float: left; width: 49%; }
.informer h2 { font-size: 16px; font-weight: normal; background: url() no-repeat; line-height: 64px; padding-left: 70px; margin: 0; }
.informer img { margin: 5px; }
/* vote */
.vote { float: right; width: 49%; }
.vote h2 { font-size: 16px; font-weight: normal; background: url() no-repeat; line-height: 64px; padding-left: 70px; margin: 0; }
.vote h3 { font-size: 14px; color: #000; margin: 10px 20px; font-weight: normal; }
.vote table { margin: 0 0 0 20px; }
.vote tr { vertical-align: top; }
.vote th, .vote td { font-size: 12px; color: #444; padding: 2px; }
.vote th div { height: 10px; float: right; margin: 2px; }
.vote td { width: 100%; }
.vote td span { font-size: 12px; color: #5772c1; white-space: nowrap; }
.vote .button { margin: 10px 20px; }
/* right search */
#right .search { padding: 20px 10px 15px 10px; }
#right .search_field { height: 26px; background: #fff; border: 1px solid #c9c9c9; }
#right .search_field input { float: left; font-family: helvetica; font-size: 14px; color: #000; background: #fff; width: 260px; height: 20px; margin: 3px; padding: 0; border: 0; line-height: 20px; outline: none; }
#right .search_field a { float: right; display: block; width: 32px; height: 26px; background: url() no-repeat; }
#right .search li { display: block; float: left; list-style-type: none; margin: 3px 0; }
#right .search li a { display: block; font-size: 12px; padding: 4px 7px; }
#right .search li a.on, #right .search li a.on:visited, #right .search li a.on:hover { color: #000; background: #d2d2d0; text-decoration: none; }
#right .search a.advanced { float: right; font-size: 12px; padding: 4px 0; margin: 3px 0; }
/* tab 2 */
.raTab2 li { list-style-type: none; float: left; display: block; background: none; padding: 0; cursor: pointer; }
.raTab2 li h3 { font-size: 12px; color: #354F9A; background: url() no-repeat 12px 12px; line-height: 30px; margin: 0; padding: 0 15px 0 20px; }
.raTab2 li.on { background: #E7E7E7 url() right no-repeat; }
.raTab2 li.on h3 { color: #225395; font-weight: bold; background: url() no-repeat 12px 12px; }
.raTab2 li a, .raTab2 li a:visited { color: #354F9A; text-decoration: none; }
.raTab2 li a:hover { color: #354F9A; text-decoration: underline; }
.raTab2 li.on a, .raTab2 li.on a:visited, .raTab2 li.on a:hover { color: #444; text-decoration: none; }
.raTab2Line { height: 2px; clear: both; background: #E7E7E7; }
.raTab2List { background: #E7E7E7; border-top: 1px solid #fff; padding: 5px; }
.raTab2List li { list-style-type: none; float: left; display: block; font-size: 12px; background: none; padding: 0; }
.raTab2List a, .raTab2List span { display: block; padding: 3px 3px 1px 3px; margin-right: 3px; }
.raTab2List a, .raTab2List a:visited { display: block; color: #444; text-decoration: none; }
.raTab2List a:hover { display: block; color: #354F9A; text-decoration: underline; }
.raTab2List a.on, .raTab2List a.on:visited, .raTab2List a.on:hover { display: block; color: #fff; background: #354F9A; text-decoration: none; }
/* NewsListing */
.raNewsListing {font-size: 12px; color: #000; background: #E7E7E7; padding: 5px 10px;}
.raNewsListing label, .raNewsListing span, .raNewsListing a { float: left; display: block; line-height: 20px; margin-right: 5px; }
.raNewsListing span, .raNewsListing a { float: left; display: block; width: 14px; height: 13px; background: url() no-repeat; margin: 3px 5px 3px 0; }
.raNewsListing select { float: left; font-size: 12px; margin-right: 5px; }
.raNewsListing .first { background-position: 0 0; }
.raNewsListing .prev { background-position: 0 -13px; }
.raNewsListing .next { background-position: 0 -39px; }
.raNewsListing .last { background-position: 0 -26px; }
.raNewsListing .firstOn { background-position: 0 -52px; }
.raNewsListing .prevOn { background-position: 0 -65px; }
.raNewsListing .nextOn { background-position: 0 -91px; }
.raNewsListing .lastOn { background-position: 0 -78px; }
/* table price */
.tablePrice { width: 100%; }
.tablePrice td { padding: 10px; }
.tablePrice td.priceData { width: 30%; font-size: 12px; background: #eee; text-align: left; }
.tablePrice td.priceChart { font-size: 14px; color: #6da3bd; }
#price_month div { font-size: 14px; color: #444; margin-top: 3px; }
#price_group div { position: relative; height: 240px; overflow: hidden; overflow-y: auto; font-size: 14px; color: #444; background: #fff; border: 1px solid #ccc; margin-top: 3px; padding: 3px; }
.price_month2 div { position: relative; height: 160px; overflow: hidden; overflow-y: auto; font-size: 14px; color: #444; background: #fff; border: 1px solid #ccc; margin-top: 3px; padding: 3px; }
.price_group2 div { position: relative; height: 200px !important; overflow: hidden; overflow-y: auto; font-size: 0.95em; color: #444; background: #fff; border: 1px solid #ccc; margin-top: 3px; padding: 3px; }
#price_group input { float: left; }
#price_group label { width: 250px; float: left; margin: 1px 0 3px 3px; }
/* contactTbl */
div.contactTbl { }
div.contactTbl table { width: 100%; }
div.contactTbl table th { font-size: 14px; color: #557363; font-weight: normal; padding: 5px; text-align:left; }
div.contactTbl table td { font-size: 12px; color: #000; font-weight: normal; padding: 5px; text-align:left; }
/* interact */
.interact_tab { width: 970px; border-bottom: 3px solid #f0f0e7; }
#interact .interact_tab li { float: left; display: block; list-style-type: none; width: 49px; height: 37px; background: none; margin-right: 10px; padding: 0; cursor: pointer; }
#interact .interact_tab li.tab_1 { background: url() no-repeat; }
#interact .interact_tab li.tab_2 { background: url() no-repeat; }
#interact .interact_tab li.on { background-position: -49px 0; cursor: default; }
#interact { position: relative; overflow: hidden; width: 970px; height: 600px; margin-top: 10px; }
#interact .findings { position: absolute; width: 970px; height: 600px; left: -980px; }
.raInteractV { background: url() repeat-y; }
.raInteractVT { display: block; width: 70px; height: 115px; background: url() no-repeat; }
.raInteractVB { display: block; width: 70px; height: 20px; background: url() no-repeat; }
.raInteractC { display: block; width: 70px; height: 57px; background: url() no-repeat; }
.raInteractHL { background: url() left repeat-x; }
.raInteractHL span { width: 347px; display: block; }
.raInteractHR { background: url() left repeat-x; }
.raInteractHR span { width: 355px; display: block; font-size: 18px; color: #444; line-height: 30px; text-align: right; }
.raInteractTools { height: 31px; margin-bottom: 5px; }
.raInteractTools a { display: block; width: 28px; height: 31px; margin-right: 10px; }
.raInteractTools a.play { background: url() no-repeat; }
.raInteractTools a.stop { background: url() no-repeat; }
.raInteractError { font-size: 16px; color: #c10000; text-align: center; margin: 150px 0; }
.raInteractInfo { font-size: 14px; color: #666; text-align: center; margin: 50px 0; }
.raInteractBox { width: 344px; background: #ededed; }
.raInteractBox ul li { position: relative; display: block; font-size: 12px; color: #444; list-style-type: none; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 5px; }
.raInteractBox ul li i { position: absolute; top: 1px; left: 5px; width: 18px; height: 18px; }
.raInteractBox .raInteractBoxData1 i { background: url() no-repeat; }
.raInteractBox .raInteractBoxData2 i { background: url() no-repeat; }
.raInteractBox .raInteractBoxData3 i { background: url() no-repeat; }
.raInteractBox .raInteractBoxData4 i { background: url() no-repeat; }
.raInteractBox ul li span { float: left; margin-left: 23px; }
.raInteractBox ul li b { float: right; }
.raInteractBox ul li div { clear: both; }
.raInteractBoxInfo { font-size: 20px; color: #fff; line-height: 31px; font-weight: bold; text-align: right; padding: 0 10px; }
.raInteractBoxLegend { position: relative; width: 344px; padding-top: 9px; }
.raInteractBoxLegend span { display: block; font-size: 11px; color: #444; margin-left: 18px; }
.raInteractBoxLegend div { position: absolute; left: 5px; width: 10px; height: 10px; }
.raInteractBoxLegend div.color1 { background: #ffb03c; }
.raInteractBoxLegend div.color2 { background: #bf5e40; }
.raInteractBoxLegend div.color3 { background: #67df65; }
.raInteractBoxLegend div.color4 { background: #f6dd44; }
.raInteractBoxFrame1 { position: relative; top: +5px; left: +5px; width: 344px; background: #ffb03c; border-bottom: 2px solid #cc8d30; padding-top: 8px; }
.raInteractBoxData1 { background: #fff4e3; height: 146px; overflow: hidden; overflow-y: auto; margin: 0 8px; }
.raInteractArrow1 { background: url() 8px 0 no-repeat; }
.raInteractBoxFrame2 { position: relative; top: +5px; left: +5px; width: 344px; background: #bf5e40; border-bottom: 2px solid #994b33; padding-top: 8px; }
.raInteractBoxData2 { background: #f6e8e4; height: 146px; overflow: hidden; overflow-y: auto; margin: 0 8px; }
.raInteractArrow2 { background: url() 8px 0 no-repeat; }
.raInteractBoxFrame3 { position: relative; top: +5px; left: +5px; width: 344px; background: #67df65; border-bottom: 2px solid #52b251; padding-bottom: 8px; }
.raInteractBoxData3 { background: #eafae9; height: 146px; overflow: hidden; overflow-y: auto; margin: 0 8px; }
.raInteractArrow3 { background: url() 8px 0 no-repeat; }
.raInteractBoxFrame4 { position: relative; top: +5px; left: +5px; width: 344px; background: #f6dd44; border-bottom: 2px solid #c5b136; padding-bottom: 8px; }
.raInteractBoxData4 { background: #fefae5; height: 146px; overflow: hidden; overflow-y: auto; margin: 0 8px; }
.raInteractArrow4 { background: url() 8px 0 no-repeat; }
/* gallery */
.raGallery { position: relative; width: 611px; height: 86px; overflow: hidden; margin: 10px 0 20px 0; }
.raGalleryDescription { font-size: 12px; margin-right:15px; }
.raGallery div { position: relative; width: 584px; height: 86px; overflow: hidden; white-space: nowrap; margin: 0 auto; }
.raGallery span { position: absolute; top: 0; width: 13px; height: 86px; background: url() no-repeat; cursor: default; }
.raGallery span.left { left: 0; background-position: 0 0; }
.raGallery span.right { right: 0; background-position: -24px 0; }
.raGallery span.leftOn { left: 0; background-position: -12px 0; cursor: pointer; }
.raGallery span.rightOn { right: 0; background-position: -36px 0; cursor: pointer; }
.raGallerySmall { position: relative; width: 204px; height: 46px; overflow: hidden; margin: 10px auto 0 auto; }
.raGallerySmall div { position: relative; width: 156px; height: 46px; overflow: hidden; white-space: nowrap; margin: 0 auto; }
.raGallerySmall span { position: absolute; top: 0; width: 24px; height: 46px; background: url() center no-repeat; cursor: default; }
.raContentBox2 .raGallerySmall span { background: url() center no-repeat; }
.raGallerySmall span.left { left: 0; background-position: -48px 0; }
.raGallerySmall span.right { right: 0; background-position: -72px 0; }
.raGallerySmall span.leftOn { left: 0; background-position: 0 0; cursor: pointer; }
.raGallerySmall span.rightOn { right: 0; background-position: -24px 0; cursor: pointer; }
.raGallerySmall a { margin: 0 3px; }
.raGallerySmallDesc { padding: 15px 20px 10px 20px; }
.raGallerySmallDesc a, .raGallerySmallDesc a:visited, .raGallerySmallDesc a:hover { color: #2e6ba4; }
.raVideoSmall { position: relative; width: 204px; height: 116px; overflow: hidden; margin: 10px auto 0 auto; }
.raVideoSmall div { position: relative; width: 156px; height: 116px; overflow: hidden; white-space: nowrap; margin: 0 auto; }
.raVideoSmall span { position: absolute; top: 0; width: 24px; height: 46px; margin: 35px 0; background: url() center no-repeat; cursor: default; }
.raVideoSmall span.left { left: 0; background-position: -48px 0; }
.raVideoSmall span.right { right: 0; background-position: -72px 0; }
.raVideoSmall span.leftOn { left: 0; background-position: 0 0; cursor: pointer; }
.raVideoSmall span.rightOn { right: 0; background-position: -24px 0; cursor: pointer; }
.raVideoSmallDesc { padding: 15px 20px 10px 20px; }
.raVideoSmallDesc a, .raVideoSmallDesc a:visited, .raVideoSmallDesc a:hover { color: #2e6ba4; }
/* hr */
hr { height: 1px; size: 1px; color: #dadada; background: #dadada; border: 0; margin: 15px 0 15px 0; }
/* ie 6 & 7 */
* html hr { margin: 0; }
*+html hr { margin: 0; }
/* hrR */
hr.hrR { height: 2px; size: 2px; color: #8190bd; background: #8190bd; border: 0; }
/* ie 6 & 7 */
* html hr { margin: 0; }
*+html hr { margin: 0; }
hr.gallery { height: 1px; size: 1px; color: #dadada; background: #dadada; border: 0; margin: 15px 15px 15px 0; }
/* ie 6 & 7 */
* html hr.gallery { margin: 0; }
*+html hr.gallery { margin: 0; }
/* popup */
#popup { position: fixed; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; }
#shield { position: fixed; z-index: 199; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
#popup_data .topleft_red { background: url() bottom left no-repeat; padding-left: 45px; }
#popup_data .topright_red {position: relative; overflow: hidden; height: 48px; background: url() bottom right no-repeat; }
#popup_data .topleft_blue { background: url() bottom left no-repeat; padding-left: 45px; }
#popup_data .topright_blue {position: relative; overflow: hidden; height: 48px; background: url() bottom right no-repeat; }
#popup_data .topright_red h1, #popup_data .topright_blue h1 { float: left; width: 350px; font-size: 14px; color: #3c7094; line-height: 26px; background: url() top right no-repeat; margin: 17px 0 0 0; padding: 5px 0 0 0; font-weight: normal; text-align: left; }
#popup_data .topright_red img, #popup_data .topright_blue img { float: right; margin: 6px 6px 0 0; cursor: pointer; }
#popup_data .left { background: url() left repeat-y; padding-left: 17px; }
#popup_data .right { padding-right: 17px; }
#popup_data .data { background: #f0f0e7; }
#popup_data .bottomleft { background: url() left no-repeat; padding-left: 35px; }
#popup_data .bottomright { background: url() right no-repeat; padding-right: 35px; }
#popup_data .bottom { height: 35px; background: url() repeat-x; }
/* panel tab */
.panel_tab li { float: left; display: block; list-style-type: none; border: 2px solid #E4EEF8; border-bottom: 0; margin-right: 3px; cursor: pointer; }
.panel_tab li.on { cursor: default; }
.panel_tab li span { display: block; font-size: 14px; color: #4960A4; line-height: 30px; background: #fff; padding: 0 15px; }
.panel_tab li.on span { background: #E4EEF8; }
/* sitemap */
#left div.sitemap { padding: 0 25px;}
#left .sitemap li.root { display: block; list-style-type: none; color:#cb4b4b; font-size: 15px; background: url() no-repeat 7px 0.6em; padding: 3px 3px 3px 20px; font-weight:bold; }
#left .sitemap li.root a, #left .sitemap li.root a:visited { color:#cb4b4b; }
#left .sitemap li { display: block; list-style-type: none; font-size: 14px; background: url() no-repeat 27px 0.6em; padding: 3px 3px 3px 40px; font-weight:bold; }
#left .sitemap li.level2 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 52px 0.6em; padding: 3px 3px 3px 60px; font-weight:normal; }
#left .sitemap li.level3 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 72px 0.6em; padding: 3px 3px 3px 80px; font-weight:normal; }
#left .sitemap li.level4 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 86px 0.6em; padding: 3px 3px 3px 95px; font-weight:normal; }
#left .sitemap li.level5 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 106px 0.6em; padding: 3px 3px 3px 115px; font-weight:normal; }
#left .sitemap li.level6 { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 122px 0.6em; padding: 3px 3px 3px 130px; font-weight:normal; }
/* search */
#right .search { background: #F0F0E7; border-bottom: 1px solid #fff; }
.search_info { color: #666; }
.search_info a, .search_info a:visited { color: #27be01; text-decoration: none; }
.search_info a:hover { color: #27be01; text-decoration: underline; }
#search { position: relative; overflow: hidden; height: 79px; background: url() no-repeat; }
#search_arrow { position: absolute; z-index: 1; left: +630px; width: 21px; height: 85px; background: url() center no-repeat; }
#search .search_div { position: relative; z-index: 10; }
#search_text { position: relative; }
#search table { border: 0; margin: 24px 0 0 87px; }
#search th { padding: 0 7px; }
#search td { font-size: 12px; }
#search td div { position: relative; height: 20px; border: 1px solid #aaa; border-left: 0; background: #fff; overflow: hidden; }
#search td input { border: 0; outline: none; width: 350px; height: 18px; font-size: 13px; margin: 1px 3px; }
#search .filter { padding: 5px 0 0 0; }
#search .filter a { float: left; display: block; padding: 3px; margin-right: 8px; }
#search .filter a.on, #search .filter a.on:visited { color: #fff; background: #27be01; text-decoration: none; }
#search .filter a.on:hover { color: #fff; background: #27be01; }
#search_list { position: absolute; z-index: 11; width: 350px; border: 1px solid #aaa; background: #fff; padding: 1px; box-shadow: 0 0 15px 0 #666; }
#search_list h3 { display: block; font-size: 11px; text-align: right; font-weight: normal; padding: 5px; color: #666; background: #c3daef; }
#search_list ul { margin: 0; }
#search_list li { display: block; list-style-type: none; font-size: 12px; color: #222; background: #fff; cursor: pointer; }
#search_list li div { color: #222; background: #fff; padding: 5px }
#search_list li.on div { color: #222; background: #c3daef; }
.search_advanced { display: none; background: #e8e8e8 url() left repeat-y; }
.search_advanced_text { padding: 10px 10px 10px 35px; }
table.advsearch { font-size:12px;}
table.advsearch tr td { padding:5px;}
table.advsearch tr th { padding:5px; font-weight:bold; color:#000000; text-align:right;}
/* registration */
.profile {padding: 10px;}
.registration { margin: 0 auto; }
.registration th { padding: 3px; text-align: right; color: #666; }
.registration th.req {color: #CB4B4B;}
.registration td { padding: 3px; color: #666; }
.registration input { font-family: helvetica; font-size: 12px; color: #000; margin: 1px; }
/* ie 6 & 7 */
* html .registration input { margin: 0; }
*+html .registration input { margin: 0; }
/* captcha */
div.captchaImg { padding: 15px 0 10px 2px;}
td.captchaTxt { padding: 0 0 6px 0;}
/* subscribe */
table.subscribe { width:100%;}
.subscribe tr { border-bottom: solid 1px #DDD;}
.subscribe td {padding: 3px;}
.subscribe td.check {padding: 3px; width:20px; text-align:center;}
.subscribe td.level1 { padding-left: 1px; color: #4A90CE; font-weight:bold; font-size:1.0em; }
.subscribe td.level2 { padding-left: 20px; color: #666; font-weight:normal; font-size:0.9em; }
.subscribe td.level3 { padding-left: 40px; color: #666; font-weight:normal; font-size:0.9em; }
.subscribe td.level4 { padding-left: 60px; color: #666; font-weight:normal; font-size:0.9em; }
.subscribe td.level5 { padding-left: 80px; color: #666; font-weight:normal; font-size:0.9em; }
.subscribe td.level6 { padding-left: 100px; color: #666; font-weight:normal; font-size:0.9em; }
.subscribe td.level7 { padding-left: 120px; color: #666; font-weight:normal; font-size:0.9em; }
/* mylinks */
table.mylinks { width:100%;}
.mylinks tr { border-bottom: solid 1px #DDD;}
.mylinks td {padding: 3px; color: #666; font-weight:bold; font-size:14px; }
.mylinks td.del {padding: 3px; width:20px; text-align:center;}
/* statDigest */
.statDigest { width:100%;}
.statDigest td.l { width:33%; padding-right:17px;}
.statDigest td.c { width:34%;}
.statDigest td.r { width:33%; padding-left:17px;}
.divDigest { background-color:#edf4fa; padding-bottom:10px;}
.lineDigest { height: 15px; background: url() center no-repeat; border-top: 1px solid #b2b2b2; margin: 1px 0 5px 0; }
.titleDigest { font-size: 18px; color: #2e4fae; font-weight: normal; padding: 10px 10px 10px 10px;}
.statDigestContent {width:95%; padding:4px;}
.statDigestContent tr {border-top: 1px solid #e2e2e2; margin-right:30px;}
.statDigestContent td { padding: 5px 0;}
.statDigestContent td div {font-size: 12px; color: #6b6b6b; white-space: nowrap;}
.statDigestContent td.ico { text-align:center; padding:0 3px; width:10%;}
div.textDigest { padding: 0 10px 15px 10px;}
.divDigest li a, .divDigest li a:visited { text-decoration:underline;}
.divDigest li a:hover { text-decoration:underline;}
.divDigest li { display: block; list-style-type: none; font-size: 12px; background: url() no-repeat 10px 0.6em; padding: 3px 3px 3px 20px; }
.divDigest li a.on, .divDigest li a.on:visited { text-decoration:underline;}
.divDigest p { margin: 10px 10px;}
/* nsi table */
.nsiTable { width:100%;}
.nsiTable th { font-size:14px; font-weight:normal !important; text-align:left; background-color:#edf4fa; padding:5px;}
.nsiTable tr.subt td { font-size:12px; color:#fff; font-weight:bold; text-align:left; background-color:#354f9a; padding:5px;}
.nsiTable td { text-align:left; padding:5px;}
.nsiTable td div { font-size:11px; color:#6d6d6d;}
.nsiTable tr.sel { background-color:#f6f6f6; }
.nsiTable td.grey { color:#6d6d6d;}
.nsiFilter { font-size:12px; color:#6d6d6d; padding: 0 0 20px 0;}
/* faq */
.faqHead { width:100%; background: url() repeat-x;height:64px;}
.faqHead tr {background: url() left top no-repeat; height:64px;}
.faqHead td {background: url() right top no-repeat; height:64px; text-align:right;}
.faqHead td div { margin: 23px 20px 5px 0;}
.faqHead a, .faqHead a:visited, .faqHead a:hover { color: #fff; text-decoration:none;}
div.faqQ {color:#6d6d6d;}
div.faqQ span {color:#6d6d6d; background-color:#e5e5e5; padding: 0 5px;margin: 0 5px;}
div.faqA {color:#000; margin: 5px 0 10px 50px;}
div.faqA span {color:#6d6d6d;}
/* vote narrow */
.voteN { width: 100%; }
.voteN h2.tl { font-size: 22px !important; color: #2e4fae !important; font-weight: normal; background: url() no-repeat; line-height: 64px; padding-left: 70px; margin: 0 0 15px !important; }
.voteN h3 { font-size: 14px; color: #000; margin: 10px 20px; font-weight: normal; }
.voteN table { margin: 0 0 0 20px; }
.voteN tr { vertical-align: top; }
.voteN th, .voteN td { font-size: 12px; color: #444; padding: 2px; }
.voteN th div { height: 10px; float: right; margin: 2px; }
.voteN td { width: 100%; }
.voteN td span { font-size: 12px; color: #5772c1; white-space: nowrap; }
.voteN .button { margin: 10px 20px; }
/* nsi */
#left .nsi { position: relative; font-size: 12px; color: #6b6b6b; padding-left: 50px; }
#left .nsi h1 { font-size: 16px; color: #000; padding: 7px 0; margin: 0; }
#left .nsi img { position: absolute; left: 0; }
#left .nsi .link { display: block; background: url() 0 -3px no-repeat; padding-left: 20px; }
/* description page frame */
.DescriptFrame { background: #ecf1f7 url() top left no-repeat; }
.DescriptFrame .in { color: #000; background: url() bottom right no-repeat; padding: 10px 20px 10px 20px; }
.DescriptFrame ul li { list-style-type: none; background: url() no-repeat 3px 7px; padding: 3px 0 3px 10px; }
#indicator { display: block; background: #fff; padding: 5px 5px; }
#indicator td { border-left: 1px solid #d6dce2; border-right: 1px solid #d6dce2; padding: 3px 10px; }
#indicator div.text { display: none; padding: 5px 0 5px 16px; }
#indicator div.img { float: left; border: 3px solid #e5e5e5; background: #fff; padding: 1px; margin-right: 10px; }
#indicator p.value { color: #6b6b6b; border-top: 1px solid #d6dce2; padding-top: 7px; margin-top: 5px; }
/* monitor table */
.clDrillDownData { width: 100%; }
.clDrillDownData tr th { font-size: 12px; font-weight: normal !important; text-align: left; background: #edf4fa; padding: 3px 5px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.clDrillDownData tr td { padding: 3px 5px; background: #f6f6f6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.clDrillDownData tr.on td { background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.clDrillDownData tr td.clD { text-align: right; }
/* list */
#right .right-submenu li { display: block; list-style-type: none; font-size: 13px; background: url() no-repeat 10px 6px; padding: 3px 3px 3px 20px; }
#right .right-submenu li ul { padding-left: 16px; }
#right .right-submenu li.open { background: none; padding: 0; }
#right .right-submenu li.open span { display: block; background: url() no-repeat 7px 3px; padding: 3px 3px 3px 20px; }
#right .right-submenu li.close { background: none; padding: 0; }
#right .right-submenu li.close span { display: block; background: url() no-repeat 7px 3px; padding: 3px 3px 3px 20px; }
#right .right-submenu li a, #right .right-submenu li a:visited { color:#222; text-decoration:none;}
#right .right-submenu li a:hover { color:#222; text-decoration:underline;}
#right .right-submenu li a.on, #right .right-submenu li a.on:visited { color:#cb4b4b; text-decoration:underline;}
/* table group */
.raTableGroup { width: 100%; }
.raTableGroup tr th { background: #edf4fa; padding: 10px 5px; font-weight: normal; }
.raTableGroup tr td { padding: 7px 5px; }
.raTableGroup tr.on td { background: #f6f6f6; }
.raTableGroup tr.open td, .raTableGroup tr.close td { color: #fff; font-weight: bold; padding: 5px 5px 5px 18px; cursor: pointer; border-top: 1px solid #fff; }
.raTableGroup tr.open td { background: #354f9a url() no-repeat 5px 6px; }
.raTableGroup tr.close td { background: #354f9a url() no-repeat 5px 6px; }
.showcaseTitle { color: #3E576F; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; text-align: center; }