* { margin: 0; padding: 0; //zoom: 1; }
*:focus { outline: none; }

html { height:100%; background:#FFF; color:#000000; font-family: Arial,Helvetica,sans-serif; }
body{ font-size: 100%; width:100%; height:100%; }

.no-pad-t { padding-top: 0 !important; }
.no-pad-b { padding-bottom: 0 !important; }
#main { min-height: 100%; min-width: 1002px; padding-bottom: 0; position: relative; }
a img { border: medium none !important; }
a._blank, a._blank span:hover { text-decoration: none; }
a._blank span { text-decoration: underline; }
a._blank img { display: inline; float: none; margin: 0 0 0 3px; }
a._blank sup { white-space: nowrap; }
a.ajax {text-decoration: none; border-bottom: 1px dashed;}
a:hover { text-decoration:none; border-bottom: none !important; }
table { border-collapse: collapse; width: 100%; }
table th, table td { vertical-align: top; padding: 15px 10px; border: none; }
table th { text-align:left; }
ul{ list-style:none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; }
h1 { font-size: 150%; padding: 0 0 0em; }
.content h2 { font-size: 150%; padding: 0.3em 0 0.1em; }
.content h3 { font-size: 115%; font-style:italic; }
h3, .content .h3 { font-size: 130%; padding: 0.3em 0 0.1em; font-style: normal !important; }
.hidden { display: none; }
.clear { background-color: #FFFFFF; height: 25px; clear: both; font-size: 0; line-height: 0; }
.common, .all_window_inner { min-width:1002px; max-width:1280px; margin:0 auto; height:auto!important; position:relative; z-index:0; }
.all_window { border-bottom:2px solid; width: 100%; }
.wrapper { overflow:hidden; padding: 1.5em 3em 0 115px; }
.page-bottom { bottom: 0; position: absolute; width: 100%; }
.content { font-size: 110%; padding-top: 1em; padding-bottom: 70px; position: relative; right: 12px; }
.footer { overflow:hidden; font-size:95%; padding:1.5em 3em 1em 115px; }
.wrapper div.f-right { float: right; width: 240px; }
.wrapper div.f-left { margin-right: 260px; }
.news_pull { margin-bottom: 1.5em; position:relative; }

/*Switch styles*/
div.white {color:#000;}
div.white a { color:#000; }
div.black, div.black a {color:#FFF !important;}
div.black .clear { background-color: #000 !important;}
div.white .border { border-top: 2px solid #000; height: 2px; line-height: 0; font-size: 0; }
div.black .border { border-top: 2px solid #FFF; height: 2px; line-height: 0; font-size: 0; }
.black .lvl3 #category_select { background: #000 !important; color: #FFF; }
.black .tabs .active { background-color: #FFF; color: #000 !important; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; /*behavior: url(/css/frontend/PIE.htc);*/ }
div.black .tabs .active a { color: #000 !important; }
.black .show_type li a.active { background-color: #FFF !important; color: #000 !important; text-decoration: none; }
.black  .pagination li a.active { background-color: #FFF !important; color: #000 !important; text-decoration: none; }
div.black .cat_news_prew { background: #222 !important; }
div.black .cat_news_prew a { color: #FFF !important; }
div.black .odd { background: #000 !important; }
div.black .odd a { color: #FFF !important; }
div.black .article table { border: 1px solid #FFF; }
div.black .article table td { border: 1px solid #FFF; }
div.black .tabs2 ul { background: #222; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
                      border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; /*behavior: url(/css/frontend/PIE.htc);*/ }


/*Site Search*/
.site_search input { font-size: 35px; height: 40px; width: 500px; }
.site_search input#find2 { font-size: 30px; height: 50px; padding: 3px 6px; width: auto; }


/*Header*/
.header { overflow:hidden; padding: 1.5em 3em 30px 115px; }
#logo { float: left; position: relative; padding-right: 25px; }
#logo img { position: relative; right: 50%; }
#state { position: relative; margin-right: 70px; }
#navigation { float: right; line-height: 100%; width: 140px; padding:0.2em 9px 0 0; min-height: 2em; //padding:0.2em 11px 0 0; }
#navigation .ajax { color: #000000; border: none; position:relative; padding-right: 0; font-size:80%; //width:100%; //margin-left:39px; }
#navigation .ajax img { border: none; float:left; position:relative; top:4px; }
#navigation .ajax span { display:block; font-weight:bold; line-height:150%; margin-left:20px; text-decoration:underline; }
#navigation .ajax span:hover { text-decoration: none; }
#state h2, #state h3 { padding-left:25px; font-family: Georgia; }
#state h3 { padding-bottom:0.3em; padding-top:0;}

/*Artcile*/
.article { padding: 1.5em 1em 1.5em 12px !important; }
.article dt { padding: 0 0 5px !important; }
.article h1.title { font-size: 155%; padding: 0 0 .3em; }
.article h1 { font-size: 155%; padding: .8em 0 .3em; }
.article h2 { font-size: 135%; padding: .8em 0 .3em; }
.article h3 { font-size: 125%; padding: .8em 0 .3em;}
.article h4 { font-size: 118%; padding: .8em 0 .3em;}
.article p { font-size: 1em; padding: .3em 0 }
.article ul, .article ol { font-size: 100%; margin: 0em 0 .5em !important; }
.article ul ul, .article ol ol { font-size: 100%; }
.article ul li { font-weight: normal; margin: 0 0 0.5em; padding-left: 32px;}
.article ul li div:before { content: "—"; float:left; margin-left: -30px;}
.article ul li div { //padding-left: 15px; //behavior: expression(
  ( !this.before && parentNode && parentNode.tagName == 'LI' )
  ?
    ( this.before = true )
    & ( parentNode.style.listStyleImage = 'none' )
    & (
      ( this.firstChild && this.firstChild.firstChild )
      ?
        ( this.firstChild.style.marginTop = '-1.2em' )
        & ( this.firstChild.style.position = 'relative' )
      : ''
    )
    & ( eNOBR = document.createElement( '<nobr class="li" style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.4em 0;" />' ) )
    & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
    & ( this.insertBefore( eNOBR, this.firstChild ) )
  : ''
);}

.article ol li {padding: 0 0 .5em; margin: 0 0 0.5em 37px; }
.article li div { font-size: 100%; font-weight: normal; line-height: 135%; }
.article li li { font-size: 100%; }
.article table { border: 1px solid #000; margin: .5em 0 .8em !important; }
.article table td { border: 1px solid #000; padding: 10px; }
.article table th { font-weight: bold; padding: 10px; }
.article blockquote {  clear: both; font-size: 100%; line-height: 145%; margin: .5em 0 1em; padding: 1em 3em .5em; position: relative; }
.article blockquote p { font-size: 100%; padding: 0 0 .6em ; }
.article blockquote .f-left1 { font-size: 160%; left: 1em; position:absolute; top: .55em; }
.article blockquote .f-right1 { bottom: .8em; font-size: 160%; position:absolute; right: 1em; }
.article span.marker {}
.article strong { font-weight: bold; }
.article img { display: block; float: none !important; margin: 0.2em auto; }

/*VideoBlog*/
.news_prew dt { font-size:80%; padding: 0.3em 0 0; }
.news_prew dd { line-height:135%; padding-bottom: .2em; }
.news_prew .keywords { line-height:135%; font-size:80%; padding-top: 0.5em; }
.news_prew { padding: 0 1em 1.5em 12px; }
.cat_news_prew { background: #EFEFEF; margin: 0 0 5px; padding: 7px 1em 10px 12px; }
.odd { background: #FFF; }
.odd a { color: #000 !important; }

.news_prew img {margin: 0 0.5em 0.8em 0; }
.news_pull * { zoom: normal;}
.news_pull img { margin: 0 0.5em 0.8em 0; zoom: normal; }
span.doc_size { font-size: 80%; margin: 0 0 0 10px; }
.doc_prew { overflow: hidden; }
.doc_prew dd { margin-left: 50px; }
.doc_prew dt { float: left; }


/*Tab Menu*/
.tabs { padding: 0 3em 0em 115px !important; }
.tabs2 { padding: 0 3em 0 115px !important; }
.tabs ul { margin: 0; padding: 0 0 5px; position: relative; right:12px; overflow: hidden; //padding: 0 0 1em; }
.tabs2 ul { background: #EFEFEF; margin: 0 0 0.5em 0; overflow: hidden; padding: 0.5em 0; position: relative; right: 12px;
            -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; /*behavior: url(/css/frontend/PIE.htc);*/ }
.tabs li { float:left; margin: 0 7px 0.5em; padding: 7px 5px 10px; }
.tabs #blue_menu li { margin-bottom: 0; }
.tabs .active { background: #000;
                -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; /*behavior: url(/css/frontend/PIE.htc);*/ }
.tabs li a { font-size: 155%; white-space: nowrap;  }
.tabs .active a { text-decoration: none;  color: #FFF; }
.tabs2 .active { border:none; background: #000;
         -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; /*behavior: url(/css/frontend/PIE.htc);*/ }
.tabs2 li a { font-size: 125%; white-space: nowrap; }
.tabs2 .active a { color: #FFFFFF; text-decoration: none;}
.tabs2 li { border-bottom: none; float: left; margin: 0 10px 0 7px; padding: 7px 5px 10px; }

/*Select Menu - Level3*/
.lvl3 { padding: 1.5em 3em 0 115px; }
.lvl3 #category_select { width: 500px; font-size: 125%; }


/*Pagination*/
.show_type { float: right; }
.show_type li { float: left; }
.show_type li.backward { margin-right: 10px; }
.show_type li.backward a { padding: 2px 0; }
.show_type li a { padding: 2px 7px; }
.show_type li a.active { background-color: #000; color: #FFF; text-decoration: none; }
.pagination { float: left; }
.pagination li { float: left; margin: 0 5px !important; padding: 0 !important; }
.pagination li.backward { margin: 0 10px 0 0; }
.pagination li.forward { margin: 0 0 0 10px; }
.pagination li a { display: block; padding: 2px 7px; }
.pagination li.forward a, .pagination li.backward a { padding: 2px 0; text-decoration: none; }
.pagination li a.active { background-color: #000; color: #FFF; text-decoration: none; }
.pagination li.forward a span:hover, .pagination li.backward a span:hover { text-decoration: none; }
.pagination li.forward a span, .pagination li.backward a span { text-decoration: underline; }


/*Footer*/
#master p { font-size: 85%; padding-bottom: 0.8em; }
#developer p { font-size: 85%; padding-bottom: 0.8em; }


/*Control Panel Fixed at Top*/
#panel * { z-index:1000; }
#panel { background:url("/images/special/_panel2.gif") repeat-x scroll 0 0 transparent; height: 59px; max-width: 1280px; min-width:842px;
     width: 100%; overflow: hidden; margin: 0; position: fixed; top:0; z-index:1000; //zoom: normal; }
#for_panel { color: #000 !important; height: 59px; margin: 0 auto; max-width: 1280px; min-width: 1002px; position: relative; z-index:1000; }
#panel dl { display: inline; float: left; padding: 16px 20px 0; position: relative; }
#panel dl.type { padding: 16px 20px 0 15px; }
#panel dl.search { display: inline; float: right; padding: 16px 20px 0; margin-left: 20px; position: relative; //margin-left: 17px; }
#panel dt, #panel dd { float: left; }
#panel dt { padding-right: 5px; }
#panel dd { line-height: 100%; padding: 5px 8px; margin-right: 3px; position: relative; top: -5px; }
#panel a, .go_find a:hover { color: #000 !important; display: block; width:28px; height: 30px; text-decoration: none; }

#panel .s { background: url("/images/special/_letters.png") no-repeat 0px 0; font-size: 100%; height: 30px; overflow: hidden; top: -3px; padding: 0; width: 29px; }
#panel .l { background: url("/images/special/_letters.png") no-repeat -37px 0; font-size: 100%; height: 30px; width: 29px; top: -5px; padding: 0; overflow: hidden; }
#panel .xl { background: url("/images/special/_letters.png") no-repeat -76px 0; font-size: 100%; height: 30px; width: 29px;  padding: 4px 8px; top: -6px; padding: 0; overflow: hidden; }
#panel .s:hover, #panel .s_active { background: url("/images/special/_letters.png") no-repeat 0px -30px;  height: 34px; top:-5px; font-size: 100%; padding: 0; overflow: hidden; }
#panel .l:hover, #panel .l_active { background: url("/images/special/_letters.png") -37px -30px; font-size: 100%; height: 34px; width: 29px; top:- 7px;  padding: 0; overflow: hidden; }
#panel .xl:hover, #panel .xl_active { background: url("/images/special/_letters.png") no-repeat -76px -30px; font-size: 100%;  height: 34px; padding: 4px 8px; top: -5px; padding: 0; overflow: hidden; }

#panel .light { background: url("/images/special/_colors.png") no-repeat 0 0; height:30px; padding:0; overflow: hidden; //top:-6px; }
#panel .dark {  background: url("/images/special/_colors.png") no-repeat -38px 0; height:30px; padding:0; overflow: hidden; //top:-6px; }
#panel .light:hover, #panel .light_active { background: url("/images/special/_colors.png") no-repeat 0 -30px; height:34px;  padding:0; overflow: hidden; //top:-6px; }
#panel .dark:hover, #panel .dark_active { background: url("/images/special/_colors.png") no-repeat -38px -30px; height:34px; padding:0; overflow: hidden; //top:-6px; }

.light a { color: #000000; }
#panel .turn-on, #panel .turn-off { font-weight: bold; margin: 0; top: -3px; padding:5px 0; zoom: normal; }
#panel .turn-on a, #panel .turn-off a { border-bottom: 1px dotted; height: auto; width: auto !important; zoom: normal; }

.go_find { margin-right: 0; padding-right: 0; }
.go_find a { height: auto !important; text-align: right; width: 50px !important; text-decoration: underline; }
.go_find img { border: none; left: -20px; position:absolute; top: -1px; }

#letter { background: url("/images/special/contrast-version.png") no-repeat; }
.black #letter { background: url("/images/special/contrast-version.png") no-repeat; }
#panel_r img { background: url("/images/special/_panel_r.gif") no-repeat; }
.black #panel_r img { background: url("/images/special/_panel_r2.gif") no-repeat; }
.panel_r { float: right; }
#panel_l img { background: url("/images/special/_panel_l.gif") no-repeat; }
.black #panel_l img { background: url("/images/special/_panel_l2.gif") no-repeat; }
.panel_l { float: left; }