/* Crystal Bridges Sectionfront Styles */

/* Page Layout */

#main { width: auto; }
#main .story_list a { text-decoration: none; }
#main h1 { font-weight: bold; font-size: 24px; color: #231F20; line-height: 24px; margin-bottom: 5px; }
#main h1 a { text-decoration: none; color: #231F20; }
#main h2 { font-weight: bold; font-size: 21px; color: #231F20; line-height: 21px; margin-bottom: 5px; }
#main h2 a { text-decoration: none; color: #231F20; }
#main h3 { font-weight: normal; font-size: 21px; color: #333333; line-height: 21px; margin-bottom: 5px; }
#main h3 a { text-decoration: none; color: #333333; }
#main h4 { font-weight: normal; font-size: 16px; color: #818285; line-height: 16px; margin-bottom: 5px; }
#main h4 a { text-decoration: none; color: #818285; }
#main p { font-weight: normal; font-size: 14px; color: #818285; line-height: 14px; margin-bottom: 5px; }
#main span.more_link { margin-top: 3px; }
#main span.more_link a { font-weight: normal; font-size: 12px; color: #0095E9; text-decoration: none; }

/* Sectionfront */

#cb_top_left { width: 300px; height: 535px; float: left; margin-right: 15px; }
#cb_top_left #cb_top_story { height: 270px; margin-bottom: 15px; }

#cb_top_left div.medium_rectangle { margin: 0px; }
#cb_top_left div.medium_rectangle p { display: none; }

#cb_middle { margin-top: 20px; }
#cb_middle_featured { width: 630px; float: left; }
#cb_middle_featured div.featured_item { float: left; width: 300px; min-height: 300px; margin-right: 15px; margin-bottom: 10px; }
#cb_middle div.tower { margin: 0px; float: left; }
#cb_middle div.tower p { display:  none; }

.featured_item div.lead_photo { float: left; margin: 0px 10px 5px 0px; }
.featured_item div.video_thumb { position: relative; }
.featured_item div.video_thumb img.play_button { position: absolute; top: 34%; left: 37%; }
.featured_item span.more_link { display: block; }
.featured_item span.more_link img.icon { vertical-align: top; margin: 0px 5px 0px 0px; }
.featured_item div.photo_thumb { margin-bottom:5px; }

/* Tabber */

#cb_widget { width: 615px; float: left; }
#cb_tabber_video div.caption, #cb_tabber_video div.content_info { display: none; }

#cb_tab_wrapper { position: relative; overflow: hidden; width: 615px; height: 460px; }
#cb_tabber { height: 20000em !important; position: absolute; }

#cb_tabber_home, #cb_tabber_art, #cb_tabber_map, #cb_tabber_museum, #cb_tabber_timeline, #cb_tabber_photo, #cb_tabber_video { width: 615px; height: 460px; margin: 0px; }

#cb_tabber_title, #cb_tabber, #cb_nav { width: 615px; float: left; }
#cb_tabber_title { height: 40px; }
#cb_tabber_title span.share_buttons {}

#cb_tabber_home img { width: 615px; height: 460px; }

#cb_tabber_map_info { width: 614px; height: 95px; float: left; }
#cb_tabber_map_info .cb_tabber_map_item_description { width: 465px; height: 90px; margin-top: 5px; float: left; }
#cb_tabber_map_info .cb_tabber_map_item { display: none; }
#cb_tabber_map_info .cb_tabber_map_item img { width: auto; height: 95px; float: right; }
#cb_tabber_map #item1 { display: block; }

#cb_tabber_video h3.video_title { text-align: center; }
#cb_tabber_video p.caption { margin: 10px 90px 5px 90px; }
#cb_tabber_video div.video_links { width: 430px; margin: auto; text-align: center; margin-top: 15px; }
#cb_tabber_video div.video_links a { text-decoration: none; }

#cb_timeline_frame { width: 615px; height: 460px; border: none; }

#cb_nav { height: 32px; border-top: 1px solid gray; border-bottom: 1px solid gray; }
#cb_nav ul { list-style: none; width: 615px; height: 32px; }
#cb_nav li { float: left; color: #AAAAAA; width: 95px; line-height: 32px; text-align: center; border-left: 1px solid; }
#cb_nav li a { color: #AAAAAA; text-decoration: none; }
#cb_nav li.active a { color: #0095E9; }
#cb_nav li.nav_img { position: relative; width: 32px; border: none; }
#cb_nav li.nav_img img { height: 32px; width: 32px; }
#cb_nav li.first { border: none; }

div.tn3-text:hover { border: 1px solid black; background: white; height: auto; z-index: 99999; }

/* Story List */

.lead_photo { float: left; margin-right: 10px; margin-bottom: 15px; }

#cb_bottom { margin-bottom: 20px; }

.cb_section_header { border-bottom: 1px solid #CCCCCC; width: 100%; margin-bottom: 15px; }
.cb_section_header h2.page_title { display: block; float: left; color: #888888 !important; font-size: 24px !important; }
.cb_section_header a.section_rss { background: url("../images/rss_sprite.png") no-repeat scroll left top transparent; height: 20px; width: 20px; text-indent: -9999px; display: block; float: left; margin: 1px 0 0 6px; }
.cb_section_header .section_rss:hover { background-position: 0 -20px; }

.story_detail { margin-bottom: 20px; clear: left; }
.story_detail p.tease img, .featured_item p.tease img { vertical-align: top; margin-right: 2px; }

.pagination { height: 30px; margin: 0 0 10px; }
.pagination .previous, .pagination .next, .pagination .no_previous, .pagination .no_next { background: url("../images/pagination_sprite.png") repeat scroll left top transparent; display: block; float: left; height: 30px; width: 33px; text-indent: -9999px; }
.pagination a.next { background-position: 33px -30px; }
.pagination a.previous { background-position: 0 -30px; }
.pagination a.no_next { background-position: 33px 0; }
.pagination a.no_previous { background-position: 0 0; }

/* Image Map */

dl.image_map { width:614px; height:365px; background:url('../../images/crystal_bridges/cb_map.png'); position:relative; float:left; }
a.LINK0 {left:31px; top:58px; background:transparent;}
a.LINK0 {display:block; width:103px; height:0; padding-top:45px; overflow:hidden; position:absolute;}
a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK1 {left:149px; top:24px; background:transparent;}
a.LINK1 {display:block; width:54px; height:0; padding-top:41px; overflow:hidden; position:absolute;}
a.LINK1:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK2 {left:186px; top:49px; background:transparent;}
a.LINK2 {display:block; width:68px; height:0; padding-top:45px; overflow:hidden; position:absolute;}
a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK3 {left:263px; top:59px; background:transparent;}
a.LINK3 {display:block; width:52px; height:0; padding-top:60px; overflow:hidden; position:absolute;}
a.LINK3:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK4 {left:38px; top:120px; background:transparent;}
a.LINK4 {display:block; width:116px; height:0; padding-top:59px; overflow:hidden; position:absolute;}
a.LINK4:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK5 {left:181px; top:120px; background:transparent;}
a.LINK5 {display:block; width:116px; height:0; padding-top:59px; overflow:hidden; position:absolute;}
a.LINK5:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK6 {left:301px; top:106px; background:transparent;}
a.LINK6 {display:block; width:45px; height:0; padding-top:39px; overflow:hidden; position:absolute;}
a.LINK6:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK7 {left:324px; top:81px; background:transparent;}
a.LINK7 {display:block; width:45px; height:0; padding-top:39px; overflow:hidden; position:absolute;}
a.LINK7:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK8 {left:352px; top:94px; background:transparent;}
a.LINK8 {display:block; width:106px; height:0; padding-top:62px; overflow:hidden; position:absolute;}
a.LINK8:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK9 {left:479px; top:157px; background:transparent;}
a.LINK9 {display:block; width:80px; height:0; padding-top:54px; overflow:hidden; position:absolute;}
a.LINK9:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK10 {left:398px; top:221px; background:transparent;}
a.LINK10 {display:block; width:95px; height:0; padding-top:60px; overflow:hidden; position:absolute;}
a.LINK10:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK11 {left:489px; top:273px; background:transparent;}
a.LINK11 {display:block; width:95px; height:0; padding-top:60px; overflow:hidden; position:absolute;}
a.LINK11:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK12 {left:383px; top:54px; background:transparent;}
a.LINK12 {display:block; width:63px; height:0; padding-top:39px; overflow:hidden; position:absolute;}
a.LINK12:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK13 {left:152px; top:68px; background:transparent;}
a.LINK13 {display:block; width:55px; height:0; padding-top:38px; overflow:hidden; position:absolute;}
a.LINK13:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK14 {left:493px; top:197px; background:transparent;}
a.LINK14 {display:block; width:65px; height:0; padding-top:41px; overflow:hidden; position:absolute;}
a.LINK14:hover  {background:transparent; border:1px dashed black; color:black;}