/* =============== common styles =============== */
* 
{
   padding: 0;
   margin: 0;
}

BODY, HTML
{
   height:100%;
   background: #5e5c5a;
}

A
{
   border: none;
}

.U
{
   vertical-align: top;
}


.scont
{
   position: relative;
   height:100%;
   min-height: 768px;
   min-width: 1004px;
}

.container
{
   position: absolute;
   top: 0px;
   margin: 0 auto;
   height: 768px;
   width: 100%;
}

#scroll
{
   position: relative;
   overflow: hidden;
   width: 1004px;
   height: 600px;
}

.fl
{
float : left;
}

.fr
{
float : right;
}

IMG 
{
   display: block;
   border: 0px;
}

.basebg 
{
   background-color: #fbfaf6;
}

.float 
{
   float:left;
}

.media
{
   overflow: hidden;
   position: relative;
   clear: both;
}

.fl
{
float : left;
}

.fr
{
float : right;
}

.left-dots-bg
{
background: url(/img/ti/b01/left-dots-bg.gif) top left repeat-y;
}


.empty 
{
   height: 2px;
   font-size: 2px; /* ie fix */
   background: url(/img/ti/0.gif) repeat;
}

.clear
{
   clear: both;
}

.overf
{
   overflow: hidden;
}#header 
{
   height:100px;
   width: 1004px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   padding: 0px;
   clear: both;
}

#header P
{
   margin: 0px 4px 0px 16px;
   font: 10px/1.3 Arial,Verdana,Tahoma;
}

#header .h_links0 P
{
   font: 12px Arial,Verdana,Tahoma;
}

#header .h_links0 A
{
   line-height: 16px;
}

#header A
{
   color: #ccc;
   line-height: 14px;
}

#header A.current
{
   color: #8d8c8c;
}

#header A:hover
{
   color: #8d8c8c;
}

#header .h_logoTiger
{ 
   height: 100px; 
   width: 85px; 
}

#header .h_links0
{ 
   height: 100px; 
   width: 116px;
   position: relative;
}


#header .h_links0 .logotext
{ 
   margin: 16px 0px 0px 0px;
}


#header .h_links0 P
{
   margin: 0px 4px 0px 0px;
   font: 14px Verdana,Arial,Tahoma;
}

#header .h_links0 .vers
{ 
   height: 20px; 
   width: 30px;
   position: absolute;
   bottom: 0px;
   right: 20px;
}

#header .h_links0 .vers P, #header .h_links0 .vers P A
{ 
   margin: 0px;
   font: 11px Verdana,Arial,Tahoma;
   color: #dfdfdf;
}


#header .h_links1
{ 
   height: 100px; 
   width: 179px;
   background: url(/img/ti/b01/bg-dotted.gif) center left no-repeat;
}

#header .h_links2
{ 
   height: 100px; 
   width: 211px;
   background: url(/img/ti/b01/bg-dotted.gif) center left no-repeat; 
}

#header .h_links3
{ 
   height: 100px;
   width: 218px; 
}

#header .h_links3 P
{ 
   margin: 0px 4px 0px 6px; 
}
 



#header .h_logoRan
{
   height: 100px;
   width: 111px;
}

#header .h_logoGov
{
   height: 100px;
   width: 80px;
}

#header .h_top
{
   margin: 17px 0px 0px 0px;
}


#header .h_links0 A, #header .h_links3 A
{
   color: #fff;
}

#header .h_links1 A, #header .h_links2 A
{
   color: #CCC;
}

#header .h_links1 A:hover, #header .h_links2 A:hover, #header .h_links2 A.cur
{
   color: #ff9933;
   text-decoration: none;
}


#header .putin, #header .putin A
{
   width: 60px;
   height: 100px;
   display: block;
}

#header .premier_link
{
   width: 158px;
   height: 100px;
}

#header .premier_link P
{
   margin-top: 16px;
}




#header .iTarget
{
   padding: 0px;
   text-decoration: none;
   width: 149px;
}

#header .premier_link span
{
   text-decoration: underline;
}

#header .premier_link .iTarget span.l
{
   background: url(/img/ti/b04/iconTarget.gif) right center no-repeat;
   width: 12px;
   padding: 0px 0px 0px 12px;
   text-decoration: none;
}









#header .h_icons
{
   float: left;
   width: 209px;
   height: 12px;
   margin: 21px 0px 0px 32px;
   font: 9px/1.3 Verdana,Tahoma,Arial;
}

#header .h_icons div
{
   margin-right: 15px;
}

#header .h_icons .last
{
   margin-right: 0px;
}

#header .h_icon
{
   margin: 0px 0px 0px 20px;
}

#header .h_home
{
   float: left;
   width: 15px;
}

#header .h_link
{
   margin-top: -2px;
}

#header .h_link a
{
   color: #acacac;
}
/* ver 20090715 1807 */


#b03-page
{
   width: 1004px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   background: #495c6f;
   clear:both;
}

/* =============== subheader with red background and one links block =============== */
#b03-page .tl
{
   background: url(/img/ti/b03/page-bg-tl.gif) top left no-repeat;
   height: 20px;
   width: 50%;
}

#b03-page .tr
{
   background: url(/img/ti/b03/page-bg-tr.gif) top right no-repeat;
   height: 20px;
   width: 50%;
}

#b03-page .bl
{
   background: url(/img/ti/b03/page-bg-bl.gif) top left no-repeat;
   height: 20px;
   width: 670px;
   position: relative;
}

#b03-page .bl a
{
   font: 11px/12px Arial, Verdana, Tahoma, sans-serif;
   color: #ff9933;
   position: absolute;
   right: 78px;
   top: 0px;
}







#b03-page .br
{
   background: url(/img/ti/b03/page-bg-br.gif) top right no-repeat;
   height: 20px;
   width: 334px;
}




#b03-page .content
{
   background: #495c6f;
   height: 580px;
}

#b03-page .content .field
{
   /*background: url(/img/ti/b10/bg.jpg) no-repeat scroll 20px 20px #FFFFFF;*/
   background: #FFFFFF;
   height: 580px;
   margin: 0px 0px;
   padding: 0px 20px;
}

#b03-page .content .field #scroll
{
   position: relative;
   padding: 0px 0px 20px 0px;
}

#b03-page .content .field .left
{
   background: #ffffff;
   width: 650px;
   height: 540px;
}

#b03-page .content .field .right
{
   /*background: #5b6c7d;*/
   width: 313px;
   height: 560px;
   /*background: url(/img/ti/b09/bg-left.png) top left repeat;*/
}


#b03-page .content .caption
{
    font: 20px/22px Arial, Verdana, Tahoma, sans-serif;
    color: #6e6c6a;
    margin: 20px 0px 40px 28px;
}










/* ver 20090715 1807 */

#b04-map
{
   clear:both; 
   width: 1004px;
   height: 600px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   position: relative;
   overflow: hidden;
}


#b04-map .corners
{
   height: 20px;
}

#b04-map .tl
{
   background: url(/img/ti/b03/page-bg-tl.gif) top left no-repeat;
   height: 20px;
   width: 50%;
}

#b04-map .tr
{
   background: url(/img/ti/b03/page-bg-tr.gif) top right no-repeat;
   height: 20px;
   width: 50%;
}

#b04-map .bl
{
   background: url(/img/ti/b03/page-bg-bl.gif) top left no-repeat;
   height: 20px;
   width: 50%;
}

#b04-map .br
{
   background: url(/img/ti/b03/page-bg-br.gif) top right no-repeat;
   height: 20px;
   width: 50%;
}

#b04-map .content
{
   background: #495c6f;
}

#b04-map .content .field
{
   background: #fff;
   height: 562px;
   margin: 0px 0px;
   padding: 0px 20px 0px 20px;
   position: relative;
   overflow: hidden;
}


#b04-map .content .field .timeline
{
   position: absolute;
   bottom: 26px;
   left: 24px;
   width: 600px;
   height: 74px;
   background: url(/img/ti/b04/bgTimeline.png) left top no-repeat;
   overflow: visible;
}


#b04-map .content .field .minimap
{
   position: absolute;
   bottom: 26px;
   right: 24px;
   width: 335px;
   height: 200px;
   background: url(/img/ti/b04/bgMinimap.png) left top no-repeat;
}

#b04-map .content .field .minimap-eng
{
   position: absolute;
   bottom: 26px;
   right: 24px;
   width: 335px;
   height: 200px;
   background: url(/img/ti/b04/bgMinimap-eng.png) left top no-repeat;
}


#b04-map .content .field .timeline .monthCur
{
   position: absolute;
   top: 3px;
   left: 68px;
   width: 65px;
   height: 17px;
}


#b04-map .content .field .timeline .month
{
   float: left;
   width: 45px;
   height: 48px;
   margin-top: 17px;
   text-align: center;
   /*background: url(/img/ti/b04/monthBg.png) left 10px no-repeat;*/
}


#b04-map .content .field .timeline .month a
{
   display: block;
   width: 45px;
   height: 24px;
   font: 11px/1.3 Tahoma, Verdana, Arial;
   color: #ff9712;
   outline: none;
   text-decoration: none;
   padding-top: 24px;
   vertical-align: bottom;
}

#b04-map .content .field .timeline .ml
{
   margin-left: 32px;
}

#b04-map .content .field .cal, #b04-map .calcur:hover
{
   width: 42px;
   height: 20px;
   background: url(/img/ti/b04/bgYears.png) left top no-repeat;
   text-align: center;
}


#b04-map .content .field .calcur, #b04-map .cal:hover
{
   width: 42px;
   height: 20px;
   background: url(/img/ti/b04/bgYearsO.png) left top no-repeat;
   text-align: center;
}


#b04-map .content .field .cal a, #b04-map .calcur a:hover
{
   font: 9px Tahoma, Verdana, Arial;
   color: #848586;
   text-decoration: none;
}


#b04-map .content .field .calcur a, #b04-map .cal a:hover
{
   font: 9px Tahoma, Verdana, Arial;
   color: #ff9712;
   text-decoration: none;
}


#b04-map .content .field .timeline .cal2009
{
   position: absolute;
   top: -19px;
   right: 59px;
   width: 42px;
   height: 20px;
   background: url(/img/ti/b04/bgYears.png) left top no-repeat;
}

#b04-map .content .field .timeline .cal2009O
{
   position: absolute;
   top: -19px;
   right: 59px;
   width: 42px;
   height: 20px;
   
}

#b04-map .content .field .timeline .cal2010
{
   position: absolute;
   top: -19px;
   right: 15px;
   width: 42px;
   height: 20px;
   background: url(/img/ti/b04/bgYearsO.png) left top no-repeat;
}


#b04-map .points
{
   width: 65px;
   height: 43px;
   background: url(/img/ti/b04/pointTiger.png) left top no-repeat;
   font: 9px/1.3 Tahoma, Verdana, Arial;
   color: #fff;
   overflow: hidden;
}

#b04-map .pointLast
{
   width: 65px;
   height: 43px;
   background: url(/img/ti/b04/pointTigerLast.png) left top no-repeat;
   font: 9px/1.3 Tahoma, Verdana, Arial;
   color: #fff;
   overflow: hidden;
}


#b04-map .p20100201
{
   position: absolute;
   top: 117px;
   right: 328px;
}


#b04-map .points span, #b04-map .pointLast span
{
   padding: 0px 0px 0px 10px;
   line-height: 16px;
}


#b04-map .p20100207
{
   position: absolute;
   top: 84px;
   right: 372px;
}

#b04-map .p20100214
{
   position: absolute;
   top: 70px;
   right: 410px;
}

#b04-map .p20100221
{
   position: absolute;
   top: 85px;
   right: 503px;
}



















/* ver 20090715 1807 */


#b05-scroll
{
   width: 1024px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   background: #495c6f;
   clear:both;
}

#b05-scroll .content
{
   background: #495c6f;
   height: 560px;
}
/* ver 20090715 1807 */


#b06-tag
{
   clear:both;
}

#b06-tag div
{
   background: #495c6f;
   width: 113px;
   color: #FFF;
   font: normal 11px/13px Verdana, Tahoma, sans-serif;
   padding-bottom: 2px;
   padding-left: 15px;
}
/* ver 20090715 1807 */


#b07-photoLine
{
   clear:both;
   overflow:hidden;
   position: relative;
}

/* list item styles*/
#b07-photoLine ul 
{
    list-style-type:none;
    overflow:hidden;
    margin-left:64px;
}
#b07-photoLine ul li
{
    float:left;
    height:56px;
    width:65px;
}

#b07-photoLine ul li a 
{
    display:block;
    text-decoration:none;
    position: relative;
    width: 55px;
    height: 55px;
}


#b07-photoLine ul li .prevArrow
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

#b07-photoLine ul li a:hover
{
    background: url(/img/ti/b07/0.gif) left top no-repeat;
}

#b07-photoLine ul li a:hover .prevArrow
{
    visibility: visible;
}

/* links */            
#b07-photoLine .photos li a 
{
    display:block;
    width:54px;
    height:54px;
    border:1px solid #FFF;
    text-decoration:none;
}

#b07-photoLine .photos li a img 
{
    width:54px;
    height:54px;
    display:block;
    position:relative;
    border:none;
}

/* hover state */      
#b07-photoLine .photos li a:hover,  #b07-photoLine .photos li.active a
{
    border:2px solid #e78e09;
    width:52px;
    height:52px;
    position:relative;
    overflow:hidden;
}

#b07-photoLine .photos li a:hover img ,  #b07-photoLine .photos li.active a img
{
    position:absolute;
    left:-1px;
    top:-1px;
}

#b07-photoLine .arrow
{
    position: absolute;
    top: 20px;
    display:block;
    width: 8px;
    height: 15px;
}

#b07-photoLine .aleft
{
    left: 20px;
}

#b07-photoLine .aright
{
    right: 20px;
}
/* ver 20090715 1807 */


#b07-photoLine-3
{
   clear: both;
   overflow: hidden;
   position: relative;
}

/* list item styles*/
#b07-photoLine-3 ul 
{
    list-style-type: none;
    overflow: hidden;
    margin-left: 66px;
    margin-top: 16px;
}
#b07-photoLine-3 ul li
{
    float: left;
    height: 55px;
    width: 76px;
}

#b07-photoLine-3 ul li a 
{
    display: block;
    text-decoration: none;
}

#b07-photoLine-3 ul li a .on
{
    display: none;
}

#b07-photoLine-3 ul li a:hover
{
    overflow: hidden;
}

#b07-photoLine-3 ul li a:hover .off
{
    display: block;
}

#b07-photoLine-3 ul li a:hover .on, #b07-photoLine-3 ul li.active a img.on
{
    display: block;
}

#b07-photoLine-3 ul li a:hover .off, #b07-photoLine-3 ul li.active a img.off
{
    display:none;
}

/* links */            
#b07-photoLine-3 .photos li a 
{
    display:block;
    width:53px;
    height:53px;
    border:1px solid #FFF;
    text-decoration:none;
}

#b07-photoLine-3 .photos li a img 
{
    width:53px;
    height:53px;
    display:block;
    position:relative;
    border:none;
}

/* hover state */      
#b07-photoLine-3 .photos li a:hover,  #b07-photoLine-3 .photos li.active a
{
    border:2px solid #e78e09;
    width:51px;
    height:51px;
    position:relative;
    overflow:hidden;
}

#b07-photoLine-3 .photos li a:hover img ,  #b07-photoLine-3 .photos li.active a img
{
    position:absolute;
    left:-1px;
    top:-1px;
}

#b07-photoLine-3 .arrow
{
    position: absolute;
    top: 32px;
    display:block;
    width: 24px;
    height: 24px;
}

#b07-photoLine-3 .aleft
{
    left: 30px;
}

#b07-photoLine-3 .aright
{
    right: 43px;
}






#b07-photoLine-3 .number
{
    position: absolute;
    top: 36px;
    display:block;
    width: 10px;
    height: 15px;
    font: 10px/1.3 Verdana,Tahoma,Arial;
    color: yellow;
}

#b07-photoLine-3 .number
{
   text-decoration: none;
    font: 10px/1.3 Verdana,Tahoma,Arial;
    color: #ffffff;
}

#b07-photoLine-3 .nleft
{
    left: 10px;
}

#b07-photoLine-3 .nright
{
    right: 25px;
}
















/* ver 20090703 1556 */

/* ======================= footer ============================ */

#bottom
{
   width: 1004px;
   height: 68px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   overflow: hidden;
   clear: both;
}

#bottom .links
{
   margin: 0px 0px 0px 16px;
   padding-top: 16px;
   overflow: hidden;
}

#bottom .back
{
   width: 750px;
   height: 20px;
   color: #CCC;
   font: 11px/1.3 Arial,Verdana,Tahoma;
}

#bottom .back A
{
   color: #CCC;
   text-decoration: none;
}

#bottom .back A.cur
{
   text-decoration: underline;
}

#bottom .news-contacts2
{
   width: 180px;
   height: 20px;
   color: #CCC;
   font: 11px/1.3 Verdana,Tahoma,Arial;
}

#bottom .news-contacts2 A
{
   color: #CCC;
}

#bottom .premier_link 
{    
   float: left;
   padding-left: 13px;
   margin-top: 0px;
   color: #CCC;
   font: 11px/1.3 Arial,Verdana,Tahoma;
   line-height: 18px;
}

#bottom .premier_link a
{
   color: #CCC;
}

#bottom .premier_link a:hover
{
   color: #CCC;
}

#bottom .iTarget
{
   padding: 0px 14px 0px 0px;
   text-decoration: none;
}

#bottom .premier_link span
{
   text-decoration: underline;
}



#bottom .premier_link .iTarget span.l
{
   background: url(/img/ti/b01/iconTarget.gif) right center no-repeat;
   width: 12px;
   padding: 0px 0px 0px 14px;
   text-decoration: none;
}



#bottom .preloaderOff
{
   width: 180px;
   height: 30px;
   position: relative;
   visibility:hidden;
   display: none;
   top: 0px;
   left: 0px;
}

#bottom .preloaderOn
{
   width: 180px;
   height: 30px;
   position: relative;
   visibility: visible;
   display: yes;
   top: -384px;
   left: 242px;
}

/*  =================================  */



#bottom3
{
   width: 1004px;
   height: 68px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
}

#bottom3 .links
{
   margin: 8px 0px 0px 40px;
}

#bottom3 .back
{
   width: 60px;
   height: 20px;
   font: 11px/1.3 Verdana,Tahoma,Arial;
}

#bottom3 .back A
{
   color: #ff9900;
}

#bottom3 .news-contacts2
{
   width: 180px;
   height: 20px;
   color: #ff9900;
   font: 11px/1.3 Verdana,Tahoma,Arial;
}

#bottom3 .news-contacts2 A
{
   color: #ff9900;
}





#bottom3 .preloaderOff
{
   width: 180px;
   height: 30px;
   position: relative;
   visibility:hidden;
   display: none;
   top: 0px;
   left: 0px;
}

#bottom3 .preloaderOn
{
   width: 180px;
   height: 30px;
   position: relative;
   visibility: visible;
   display: yes;
   top: -384px;
   left: 242px;
}














/* ver 20090715 1807 */


#sideBar
{
   background: #6e6c6a;
   overflow: hidden;
   width: 313px;
   height: 560px;
}

#sideBar .photo_tag
{
    padding-top: 20px;
    padding-bottom: 18px;
}

#sideBar .video_tag
{
    padding-top: 33px;
    padding-bottom: 20px;
}

#sideBar .player
{
    width: 271px;
    margin: 0 auto;
    line-height: 1.5;
}

#sideBar h2
{
    font: normal 11px/12px Verdana,Tahoma,sans-serif;
    color: #FFF;
    margin: 15px 0px 25px 65px;
}

/* =================  */

/* ver 20090715 1807 */



#sideBar .descr-mini
{
   width: 224px;
   height: 48px;
   color: #000;
   font: 10px/1.3 Verdana,Tahoma,Arial;
   margin: 6px 0px 0px 38px;
}

#sideBar .previews
{
   width: 314px;
   /*height: 112px;*/
   margin: 13px 0px 13px 0px;
   position: relative;
   overflow: hidden;
   clear: both;
}

#sideBar .previews .pre-arrow-left, #sideBar .preplays .pre-arrow-left
{
   position: absolute;
   top: 76px;
   left: 29px;
   width: 23px;
   height: 23px;
}

#sideBar .previews .pre-arrow-right, #sideBar .preplays .pre-arrow-right
{
   position: absolute;
   top: 76px;
   right: 29px;
   width: 23px;
   height: 23px;
}

#sideBar .preview
{
   float: left;
   width: 189px;
   margin: 0px 0px 0px 71px;
}

#sideBar .preview A
{
   display: block;
   height: 63px;
   width: 63px;
   float: left;
}

#sideBar .preview IMG
{
   margin: 0px 8px 8px 0px;
}

#sideBar .preview IMG.left5
{
   margin: 0px 8px 8px 0px;
}


#sideBar .preplays
{
   width: 314px;
   /*height: 56px;*/
   margin: 13px auto 13px auto;
   position: relative;
   overflow: hidden;
   clear: both;
}

#sideBar .preplays .preplay
{
   width: 63px;
   height: 63px;
   position: relative;
   overflow: hidden;
   float: left;
}

#sideBar .preplays .preplay .arrow
{
   width: 63px;
   height: 63px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0px;
   background: url(/img/ti/0.gif) left top no-repeat;
}

#sideBar .preplays .preplay .arrow A
{
   width: 63px;
   height: 63px;
   display: block;
   float: left;
}

#sideBar .preplays .preplay .arrow A:hover
{
   background: url(/img/ti/b07/play-arrow.png) left top no-repeat;
}



#sideBar .content-new
{
   margin: 13px 0px 0px 0px;
   background: #ff9900;
   width: 123px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Verdana,Tahoma,Arial;
   line-height: 10px;
   clear: both;
   text-align: left;
   padding-left: 10px;
}

#sideBar .content-new span
{
   line-height: 17px;
}



#sideBar .concaption
{
   padding: 10px 0px 0px 10px;
   background: #3d3c3a;
   width: 304px;
   height: 22px;
   color: #fff;
   font: bold 16px/1.3 Arial, Verdana, Tahoma;
   line-height: 10px;
   clear: both;
   text-align: left;
}






















/* ver 20090715 1807 */


#sideBar2
{
    border: 1px solid #5d6e7f;
    width: 312px;
    height: 538px;
    margin-top: 20px;
}

#sideBar2 .photo_tag
{
    padding-top: 20px;
    padding-bottom: 18px;
}

#sideBar2 .video_tag
{
    padding-top: 33px;
    padding-bottom: 20px;
}

#sideBar2 .player
{
    width: 271px;
    margin: 0 auto;
    line-height: 1.5;
    margin: 0px 0px 8px 20px;
}

#sideBar2 h2
{
    font: normal 11px/12px Verdana,Tahoma,sans-serif;
    color: #FFF;
    margin: 15px 0px 25px 65px;
}

/* =================  */


#sideBar2 .descr-mini
{
   width: 224px;
   height: 48px;
   color: #000;
   font: 10px/1.3 Verdana,Tahoma,Arial;
   margin: 6px 0px 0px 38px;
}

#sideBar2 .previews
{
   width: 314px;
   /*height: 112px;
   margin: 13px 0px 13px 0px;*/
   margin: 0px;
   position: relative;
   overflow: hidden;
   clear: both;
}

#sideBar2 .previews .pre-arrow-left, #sideBar2 .preplays .pre-arrow-left
{
   position: absolute;
   top: 14px;
   left: 9px;
   width: 23px;
   height: 23px;
}

#sideBar2 .previews .pre-arrow-right, #sideBar2 .preplays .pre-arrow-right
{
   position: absolute;
   top: 14px;
   right: 9px;
   width: 23px;
   height: 23px;
}

#sideBar2 .previews .news-arrow-left, #sideBar2 .preplays .news-arrow-left
{
   position: absolute;
   top: 14px;
   left: 19px;
   width: 26px;
   height: 26px;
}

#sideBar2 .previews .news-arrow-right, #sideBar2 .preplays .news-arrow-right
{
   position: absolute;
   top: 14px;
   right: 19px;
   width: 26px;
   height: 26px;
}

#sideBar2 .preview
{
   float: left;
   width: 189px;
   margin: 0px 0px 0px 71px;
}

#sideBar2 .photos li a 
{
    display:block;
    width:53px;
    height:53px;
    border:1px solid #FFF;
    text-decoration:none;
}

#sideBar2 .photos li a img 
{
    width:53px;
    height:53px;
    display:block;
    position:relative;
    border:none;
}

#sideBar2 .photos li a:hover,  #sideBar2 .photos li.active a
{
    border:2px solid #f99733;
    width:51px;
    height:51px;
    position:relative;
    overflow:hidden;
}

#sideBar2 .photos li a:hover img ,  #sideBar2 .photos li.active a img
{
    position:absolute;
    left:-1px;
    top:-1px;
}

#sideBar2 ul 
{
    list-style-type: none;
    overflow: hidden;
    /*margin-left: 66px;
    margin-top: 16px;*/
}

#sideBar2 ul li
{
    float: left;
    /*height: 59px;*/
    width: 59px;
}

#sideBar2 ul li a 
{
    display: block;
    text-decoration: none;
}

#sideBar2 ul li a .on
{
    display: none;
}

#sideBar2 ul li a:hover
{
    overflow: hidden;
}

#sideBar2 ul li a:hover .off
{
    display: block;
}

#sideBar2 ul li a:hover .on, #sideBar2 ul li.active a img.on
{
    display: block;
}

#sideBar2 ul li a:hover .off, #sideBar2 ul li.active a img.off
{
    display:none;
}
/* == */

#sideBar2 .preplays
{
   width: 314px;
   /*height: 56px;*/
   margin: 13px auto 13px auto;
   position: relative;
   overflow: hidden;
   clear: both;
}

#sideBar2 .preplays .preplay
{
   width: 59px;
   height: 59px;
   position: relative;
   overflow: hidden;
   float: left;
}

#sideBar2 .preplays .preplay .arrow
{
   width: 59px;
   height: 59px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0px;
   background: url(/img/ti/0.gif) left top no-repeat;
}

#sideBar2 .preplays .preplay .arrow A
{
   width: 59px;
   height: 59px;
   display: block;
   float: left;
}

#sideBar2 .preplays .preplay .arrow A:hover
{
   background: url(/img/ti/b09/play-arrow.png) left top no-repeat;
}



#sideBar2 .caption-photo
{
   margin: 0px 0px 18px 0px;
   background: #ff9933;
   width: 117px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Verdana,Tahoma,Arial;
   line-height: 10px;
   clear: both;
   text-align: left;
   padding-left: 10px;
}

#sideBar2 .caption-player
{
   margin: 26px 0px 20px 0px;
   background: #ff9933;
   width: 117px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Verdana,Tahoma,Arial;
   line-height: 10px;
   clear: both;
   text-align: left;
   padding-left: 10px;
}

#sideBar2 .caption-video
{
   margin: 0px 0px 0px 0px;
   background: #ff9933;
   width: 117px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Verdana,Tahoma,Arial;
   line-height: 10px;
   clear: both;
   text-align: left;
   padding-left: 10px;
}

#sideBar2 .player-descr
{
   margin: 0px 0px 0px 0px;
   background: #ffffff;
   /*width: 117px;*/
   height: 17px;
   color: #ff9933;
   font: 11px/1.3 Verdana,Tahoma,Arial;
   line-height: 10px;
   clear: both;
   text-align: left;
   padding-left: 70px;
}

#sideBar2 .caption-photo span, #sideBar2 .caption-player span, #sideBar2 .caption-video span
{
   line-height: 17px;
}



#sideBar2 .concaption
{
   padding: 10px 0px 0px 10px;
   background: #2d3c4b;
   width: 304px;
   height: 22px;
   color: #fff;
   font: bold 16px/1.3 Arial, Verdana, Tahoma;
   line-height: 10px;
   clear: both;
   text-align: left;
}






















/* ver 20090715 1807 */


#b09-sideBarNews
{
   background: #5e5c5a;
   height: 550px;
   padding-top: 15px;
}

#b09-sideBarNews .caption-news
{
   margin: 0px 0px 13px 0px;
   background: #ff9900;
   width: 127px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Arial,Verdana,Tahoma;
   line-height: 10px;
   clear:both; 
   text-align: left;
   padding-left: 10px;
}

#b09-sideBarNews .caption-map
{
   margin: 0px 0px 0px 0px;
   background: #ff9900;
   width: 127px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Arial,Verdana,Tahoma;
   line-height: 10px;
   clear:both; 
   text-align: left;
   padding-left: 10px;
}

#b09-sideBarNews .caption-visit
{
   margin: 0px 0px 13px 0px;
   background: #ff9900;
   width: 127px;
   height: 17px;
   color: #fff;
   font: 9px/1.3 Arial,Verdana,Tahoma;
   line-height: 10px;
   clear:both; 
   text-align: left;
   padding-left: 10px;
}

#b09-sideBarNews .caption-news span, #b09-sideBarNews .caption-map span, #b09-sideBarNews .caption-visit span
{
   line-height: 17px;
}

#b09-sideBarNews .content-new-text
{
   clear:both; 
   width: 270px;
   margin: 0px 0px 0px 0px;
   color: #fff;
   font: 11px/15px Arial, Verdana, Tahoma;
   letter-spacing: 0ex;
   position: relative;
   overflow: hidden;
}

#b09-sideBarNews .content-new-text P.date
{
   margin: 0px 0px 0px 13px;
}

#b09-sideBarNews .content-new-text P.new
{
   margin: 0px 0px 0px 33px;
}

#b09-sideBarNews .content-new-text A
{
   color: #ff9900;
}

#b09-sideBarNews .content-new-text .aboutall
{
   text-align: right;
   color: #ff9900;
}

#b09-sideBarNews .content-new-text .date a
{
   color: #fff;
   text-decoration: none;
}

#b09-sideBarNews .content-new-text .date
{
   margin-top: 0px;
}



#b09-sideBarNews .content-allnews 
{
   position: absolute;
   font: 10px/15px Arial,Verdana,Tahoma;
   right: 6px;
   bottom: 2px;
}

#b09-sideBarNews .content-allnews A
{
   color: #495c6f;
   letter-spacing: 0ex;
}


#b09-sideBarNews  .map
{
   clear:both; 
   width: 270px;
   height: 131px;
   margin: 5px 0px 7px 13px;
   color: #fff;
   font: 11px/15px Arial, Verdana, Tahoma;
   letter-spacing: 0ex;
   position: relative;
   overflow: hidden;
}

#b09-sideBarNews .walkmap
{
margin: 0px;
background: #ff9900;
width: 134px;
height: 17px;
color: white;
font: 9px/1.3 Arial,Verdana,Tahoma;
line-height: 10px;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
}

#b09-sideBarNews .walkmap SPAN
{
   line-height: 17px;
}

#b09-sideBarNews .walkmap A
{
color: white;
font: 9px/1.3 Verdana,Tahoma,Arial;
text-decoration: none;
line-height: 10px;
}



#b09-sideBarNews .photo
{
   float: left;
   width: 55px;
   height: 55px;
   margin: 0px 0px 0px 13px;
}

#b09-sideBarNews .fcaption
{
   position: absolute;
   display: block;
   top: 27px;
   left: 147px;
   color: #FFF;
   font: bold 16px/18px Arial,sans-serif;
   width: 120px;
}

#b09-sideBarNews .fdescr
{
   float: left;
   color: #FFF;
   font: normal 11px/13px Arial,sans-serif;
   width: 180px;
   text-decoration: underline;
   letter-spacing: 0ex;
   margin: 0px 0px 0px 20px;
}

#b10-contentPage
{
   width: 1004px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   background: #495c6f;
   clear:both;
}

#b10-contentPage .tl
{
   background: url(/img/ti/b03/page-bg-tl.gif) top left no-repeat;
   height: 20px;
   width: 50%;
}

#b10-contentPage .tr
{
   background: url(/img/ti/b03/page-bg-tr.gif) top right no-repeat;
   height: 20px;
   width: 50%;
}

#b10-contentPage .bl
{
   background: url(/img/ti/b03/page-bg-bl.gif) top left no-repeat;
   height: 20px;
   width: 50%;
}

#b10-contentPage .br
{
   background: url(/img/ti/b03/page-bg-br.gif) top right no-repeat;
   height: 20px;
   width: 50%;
}

#b10-contentPage .content
{
   background: #495c6f;
   height: 560px;
   width: 1004px;
}

#b10-contentPage .content .field
{
    /*background: #FFF url(/img/ti/b10/bg.jpg) 20px 20px no-repeat;*/
    background: #FFF;
    width: 964px;
    height: 580px;
    margin: 0px;
    padding: 0px 20px 0px 20px;
}

#b10-contentPage .content .field .left
{
   width: 651px;
   height: 560px;
}

#b10-contentPage .content .field .leftbg
{
   background: #FFF url(/img/ti/b10/bg.jpg) 0px 0px no-repeat;
}

#b10-contentPage .content .field .right
{
   width: 313px;
   height: 560px;
}

#b10-contentPage .content .field .left .zero
{
   width: 651px;
   height: 332px;
   clear: both;
}

#b10-contentPage .content .field .left .photoline
{
   width: 651px;
   height: 90px;
   background: url(/img/ti/b07/photoline-bg.png) top left repeat;
}

#b10-contentPage .content .field .left .about
{
   width: 651px;
   height: 140px;
   background: url(/img/ti/b10/tiger.jpg) 20px 34px no-repeat;
   overflow:hidden;
   position: relative;
}

#b10-contentPage .content .field .left .about .caption
{
    font: 20px Arial, Verdana, Tahoma;
    color: #6e6c6a;
    top: 31px;
    left: 138px;
    position:absolute;
    margin-right: 22px;
}

#b10-contentPage .content .field .left .about .text
{
    font: 11px/1.3 Verdana,Tahoma,Arial;
    color: #707070;
    top: 56px;
    left: 138px;
    position:absolute;
    margin-right: 22px;
}

#b10-contentPage .content .field .left .about .all
{
    font: 11px/1.3 Arial, Verdana, Tahoma;
    color: #fff;
    bottom: 2px;
    right: 18px;
    position:absolute;
    width: 272px;
    height: 16px;
    background: #5e5c5a;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#b10-contentPage .content .field .left .about .all a
{
    color: #fff;
}
/* ver 20090715 1807 */


.b11-text
{
   text-align: left; /* IE5 hack antidot */
   margin: 20px 68px 0px 28px;
}



.b11-text .caption
{
    font: 18px/20px Verdana,Tahoma,sans-serif;
    color: #6e6c6a;
    margin: 0px 0px 40px 0px;
}

.b11-text .small-blue
{
    font: italic 12px/13px Verdana,Tahoma,sans-serif;
    color: #6e6c6a;
    margin: 0px 0px 18px 89px;
    clear: both;
   overflow: hidden;
}

.b11-text .small-black
{
   font: italic 12px/13px Verdana,Tahoma,sans-serif;
   color: #000;
   margin: 0px 0px 18px 0px;
   clear: both;
   overflow: hidden;
}

.b11-text .points
{
    font: bold 12px/13px Verdana,Tahoma,sans-serif;
    color: #000000;
    margin: 0px 0px 0px 35px;
}

.b11-text .text
{
    font: 12px/15px Verdana,Tahoma,sans-serif;
    color: #707070;
    margin: 0px 0px 18px 35px;
}



.b11-text .small-blue .about
{
   float: left;
   width: 200px;
   font: bold 12px/14px Arial, Verdana,Tahoma,sans-serif;
   color: #6e6c6a;
}

.b11-text .small-blue .date
{
   float: left;
   font: 12px/14px Arial, Verdana,Tahoma,sans-serif;
   color: #6e6c6a;
   width: 90px;
}

.b11-text .small-blue .date SPAN
{
   color: #3da1cb;
   font: 16px Verdana,Tahoma,sans-serif;
}

.b11-text .small-blue .photo
{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 240px;
}











.news
{
   text-align: left; /* IE5 hack antidot */
   margin: 20px 88px 50px 28px;
}

.news .caption
{
    font: 18px/20px Verdana,Tahoma,sans-serif;
    color: #6e6c6a;
    margin: 0px 0px 40px 0px;
}

.news .small-blue
{
    font: italic 12px/13px Verdana,Tahoma,sans-serif;
    color: #6e6c6a;
    margin: 0px 0px 18px 0px;
    clear: both;
   overflow: hidden;
}

.news .small-black
{
    font: italic 12px/13px Verdana,Tahoma,sans-serif;
    color: #000000;
    margin: 0px 0px 18px 0px;
}

.news .points
{
    font: bold 12px/13px Verdana,Tahoma,sans-serif;
    color: #000000;
    margin: 0px 0px 0px 35px;
}

.news .text
{
    font: 12px/15px Verdana,Tahoma,sans-serif;
    color: #707070;
    margin: 0px 0px 18px 35px;
}

.news .text P.more
{
    text-align: right;
    font: 11px Arial, Verdana,Tahoma,sans-serif;
}


.news .text a
{
   color: #ff9900;
}



.news .small-blue .about
{
   float: left;
   width: 200px;
   height: 171px;
   font: bold 12px/14px Arial, Verdana,Tahoma,sans-serif;
   color: #6e6c6a;
   position: relative;
}

.news .small-blue .about .more
{
   width: 200px;
   font: bold 12px/14px Arial, Verdana,Tahoma,sans-serif;
   color: #666666;
   position: absolute;
   bottom: 0px;
   left: 0px;
}

.news .small-blue .date
{
   float: left;
   font: 12px/14px Arial, Verdana,Tahoma,sans-serif;
   color: #6e6c6a;
   width: 90px;
}

.news .small-blue .date SPAN
{
   color: #ff9900;
   font: 16px Verdana,Tahoma,sans-serif;
}

.news .small-blue .photo
{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 240px;
}
#newsindex
{
   width: 1004px;
   margin: 0px auto;
   text-align: left; /* IE5 hack antidot */
   background: #495c6f;
   clear:both;
}

#newsindex .tl
{
   background: url(/img/ti/b03/page-bg-tl.gif) top left no-repeat;
   height: 20px;
   width: 50%;
}

#newsindex .tr
{
   background: url(/img/ti/b03/page-bg-tr.gif) top right no-repeat;
   height: 20px;
   width: 50%;
}

#newsindex .bl
{
   background: url(/img/ti/b03/page-bg-bl.gif) top left no-repeat;
   height: 20px;
   width: 670px;
   position: relative;
}

#newsindex .bl a
{
   font: 11px/12px Arial, Verdana, Tahoma, sans-serif;
   color: #ff9900;
   position: absolute;
   right: 78px;
   top: 0px;
}

#newsindex .br
{
   background: url(/img/ti/b03/page-bg-br.gif) top right no-repeat;
   height: 20px;
   width: 334px;
}

#newsindex .content
{
   background: #495c6f;
   height: 580px;
}

#newsindex .content .field
{
   background: #FFFFFF;
   height: 580px;
   margin: 0px 0px;
   padding: 0px 20px;
}

#newsindex .content .field #scroll
{
   position: relative;
   padding: 0px 0px 20px 0px;
}

#newsindex .content .field .left
{
   background: #ffffff;
   width: 650px;
   height: 540px;
}

#newsindex .content .field .right
{
   width: 314px;
   height: 560px;
   background: url(/img/ti/b09/bg-left.png) top left repeat;
}

#newsindex .content .caption
{
    font: 20px Verdana,Tahoma,sans-serif;
    color: #6e6c6a;
    margin: 20px 0px 40px 28px;
    line-height:22px;
}



