﻿body                    { background: #2a2a2a; }
.container              { }
* html .call-out-wrap   { behavior: url("css/iepngfix.htc"); }
.print-logo             { display: none; margin: 0 0 20px 0; width: 200px; height: 85px; background: url(../images/s_print_logo.gif) no-repeat 0 0; }



/* ------------------------------- =Structure --------------------------------- */
.page-header-wrap       { width: 100%; height: 85px; background: #2a2a2a; }
.page-footer-wrap       { width: 100%; }
.main-col-wrap          { width: 100%; background: url('/images/s_bkg_content.gif') repeat-x 0 0;}

/* Basic page */
.main-col                                   { margin: 0 auto; width: 970px; background: #fff; }
.main-col-has-cross-ref                     { margin: 0 auto; width: 970px; background: #fff url('/images/bkg_twocol_right.jpg') repeat-y right 0; }
.galleries-detail .main-col-has-cross-ref   { margin: 0 auto; width: 970px; background: #eaeaea; }

.page-title-wrap        { float: right; width: 720px; margin: 0; padding: 5px 0 5px 15px; background: #000; border-top: 30px solid #fff; }

.wide-body .page-title-wrap                 { float: none; }
.lrg-content-wrap .page-title-wrap,
.img-gallery-wrap .page-title-wrap          
{ 
    width: 930px;
    margin: 0; 
    padding: 40px 0 10px 40px;
    background: #000 url('/images/s_bkg_ws_header.jpg') no-repeat right 0;
    border: none;
}
.left-column                        { float: left; width: 200px; }
.body-txt-wrap                      { float: right; padding: 0 0 20px 30px; width: 735px; }
* html .body-txt-wrap               { padding: 0 0 20px 0px; }
.img-gallery-wrap .body-txt-wrap    { width: 940px; }
.body-txt                           { margin: 30px 25px 20px 0; width: 550px; }
.wide-body .body-txt                { width: auto; }
.main-col-has-cross-ref .body-txt   { float: left; width: 410px; }
.img-gallery-wrap .main-col-has-cross-ref .body-txt
{ 
    float: left; 
    margin: 30px 0 20px 55px; 
    #margin: 30px 0 20px 50px; 
    _margin: 30px 0 20px 45px; 
    width: 250px; 
}
.img-gallery-wrap .main-col-has-cross-ref .gallery-detail .body-txt
                                    { margin: 30px 20px 25px; width: 250px;  }

.search-results .body-txt           { float: none; width: 550px; }




/* ------------------------------- =Home Slider --------------------------------- */
.home .page-header-wrap     { position: absolute; z-index: 10; top: 0; background: url(../images/s_bkg_home_page_header.gif) repeat-x center 0; }
.home .page-header          { background: none; }
.home .large-img            { position: absolute; top: 0; height: 450px; }
.slideshow                  { }
.loading .slides			{ display: none; }
.slides                     { height: 450px; width: 970px; }
.slides ul					{ position: absolute; margin: 0; padding: 0; height: 450px; width: 970px; }
.slides li					{ margin: 0; padding: 0; }

.nav-slides-wrap            { position: relative; top: 190px; width: 450px; left: 500px; z-index: 9; }
.nav-slides-wrap .expanded  { display: none; }
.nav-slides-wrap ol         { margin: 0; padding: 0; }
.nav-slides-wrap li         
{ 
    overflow: hidden;
    float: right;
    margin: 5px 0 0; 
    width: 288px; 
    background: #fff url(../images/s_bkg_li_slider.gif) no-repeat 0 0;
    background-position: top right;     
    list-style: none;
    cursor: pointer; 
}

.nav-slides-wrap li.active				{ background: #fff; }      
.nav-slides-wrap .slide-title			{ display: block; margin: 0; padding: 0; }
.nav-slides-wrap .nav-slide	            {  }
.active .aero, .active .brandnew,
.active .globalhub, .active .sustain    { margin: 0 15px; padding: 15px 0 35px; }
.active .aero                           { background: url(../images/icons_home_aero.jpg) no-repeat right 15px; }
.active .brandnew                       { background: url(../images/icons_home_brandnew.jpg) no-repeat right 15px; }
.active .globalhub                      { background: url(../images/icons_home_global.jpg) no-repeat right 15px; }
.active .sustain                        { background: url(../images/icons_home_sustain.jpg) no-repeat right 15px; }
.active .slide-title, 
.active .slide-body                     { width: 315px; }
.active .nav-slide h2                  
{ 
    margin: 0 0 3px; 
    font-size: 19px; 
    text-transform: uppercase; 
    line-height: 100%; 
    color: #000; 
}
.active .nav-slide h3                    
{
    margin: 0 0 6px; 
    font-size: 15px;  
    line-height: 100%; 
    text-transform: capitalize;
    color: #797b7a; 
}
.active .slide-body a
{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #31b2e1;
}
.inactive .nav-slide h2                 { margin: 0; padding: 7px 10px; font-size: 11px; font-weight: bold; }


/* Home */
.home .body-txt-wrap    { float: none; width: 100%; padding: 0;}
.large-img              { overflow: hidden; margin: 0 auto; width:970px; height: 466px; }
.home .main-col         { width: 970px; height: 450px; margin: 0 auto; background: #fff url('/images/tb_loading.gif') no-repeat 50% 50%; }




/* ------------------------------- =Header --------------------------------- */
.page-header            { width: 970px; height: 85px; margin: 0 auto; background: url('/images/s_bkg_header.jpg') no-repeat 0 0; }
.page-header-top        { height: 35px; background: none;}
.page-header-top-wrap   { position: absolute; top: 0; z-index: 10; width: 970px; }
.page-header-navbar     
{ 
    position: absolute;
    top: 35px;
    z-index: 1;
    margin: 0 auto;
    width: 970px; 
    height: 50px; 
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);    
}

.header-logo            { float: left; }
.header-logo a          
{ 
    display: block;
    float: left; 
    margin: 0;
    width: 200px; 
    height: 50px; 
    text-indent: -9999px;
    background: url('/images/s_bkg_header_logo.gif') no-repeat right bottom;
}

.header-right-wrap
{ 
    float: right; 
    width: 770px; 
    background: none;
}

.header-right-top       { width: auto; height: 35px; }
.header-right-bottom    { width: auto; height: 50px; background: #666; }

.main-nav-wrap          { float: left; }

.util-nav               { float: right; margin: 15px 0 0 0; width: 250px; text-align: left; }
.util-nav a             
{ 
    display: block;
    float: left;
    padding: 0 10px 3px 0;
    margin: 0 10px 0 0;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    background: url('/images/s_bkg_utilnav.jpg') no-repeat right 50%;
}
.util-nav a:hover,
.util-nav a.current     { color: #fff; text-decoration: underline; }
.util-nav .last a       { margin: 0; padding: 0; background: none;}

/* search */
.header-search          { float: right; margin: 17px 18px 0 0; width: 220px; }
.header-search input    { float: right; margin: 0 5px 0 0; width: 150px; }
.header-search .search-btn
{ 
    float: right;
}



/* ------------------------------- =Content --------------------------------- */
.content-wrap           { margin: 0 auto; padding: 25px 30px; width: 910px; background: #fff; }


/* H's */
h1.page-title, h1.page-title-black, h1.page-title-ws
{
	margin: 0;
	padding: 4px 0;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 2px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #fff;
}

.childchild-header h1.page-title
{
    padding: 9px 0 9px 15px;
    background: #000;
}

h1.page-title-black     { color: #000; }
h1.page-title-ws
{ 
    float: left;
    margin: 0 10px 0 0; 
    padding: 4px 17px 4px 0;
    color: #bbb7b6; 
    background: url('/images/s_bkg_whysongdo.gif') no-repeat right 10px; 
}

.header-image                   { float: right;  width: 735px; }
.wide-body .header-image        { float: none; }

/* img gallery detail */
.detail-img-gallery-wrap        { float: left; margin: 30px 0 0; width: 640px; }
.gallery-image-wrap             { margin: 10px 0 0; height: 550px; width: 622px; text-align: center; }
.loading						{ background:url(../images/loading.gif) no-repeat center; }

.gallery-image                  { position: relative; margin: 0 auto; }
.gallery-image-caption          
{ 
    position: absolute;
    left: 0;
    padding: 13px 0;
    font-style: italic;
    text-align: center;
    color: #fff;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);    
}
.gallery-thumbs-wrapper         { margin: 0 0 0 5px; width: 625px; } 
.gallery-thumbs-wrap            { float: left; margin: 0 0 0 10px; height: 57px; overflow: hidden; }
.gallery-thumbs-wrapper .prev   { float: left; display: none; }
.gallery-thumbs-wrapper .next   { float: left; margin: 0 0 0 15px; display: none; }
.gallery-thumbs-wrap ul li      { float: left; padding: 0 3px; background: none; width: 85px; height: 57px; }
.gallery-thumbs-wrap ul li      
.gallery-thumb-link             { display: block; width: 85px; height: 57px; background: no-repeat; }

.gallery-thumbs-wrap ul li a    { opacity: .5; filter:alpha(opacity=50); }
.gallery-thumbs-wrap ul li a.current,
.gallery-thumbs-wrap ul li a.hover    { opacity: 1; filter:alpha(opacity=100); }

.gallery-detail .back-link      { margin: 0; border: none; }
.gallery-detail .date           { margin: 10px 0 15px; }
.gallery-detail .year           { display: inline; color: #666; }
.gallery-detail .month          { margin: 0; }

/* img gallery */
.img-gallery-wrap .list         { float: left; margin: 25px 0 0 0; padding: 0; width: 610px; border: 0; }
.galleries .cross-ref-wrap      { padding: 0; }
.galleries .filters input       { float: left;}

.galleries .list .odd, 
.galleries .list .even          { margin: 0; padding: 0; border: 0; }

.gal-wrap
{ 
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0; 
    padding: 10px 20px 20px 10px; 
    width: 112px; 
    height: 155px;  
}
.gal-wrap-hover, .gal-wrap:hover                 { background: #eaeaea; }
.gal-wrap-hover
{
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0; 
    padding: 10px 20px 20px 10px; 
    width: 112px; 
    height: 155px;
    cursor: pointer;
    background: #eaeaea;  
}


.list .gal-content h3           { margin: 0 0 5px; }
.list .gal-content h3 a               
{ 
    display: block;
    padding: 5px 0;
    font-size: 11px;
    line-height: 125%;
    text-transform: capitalize;
    color: #60aae7;
}    
.gal-content .date          { margin: 0; padding: 0; }
.gal-content .date .year    { display: inline; margin: 0 0 0 3px; color: #666; }

.tag-list-wrap              { margin: 0 0 15px; padding: 10px 0; }
.tag-list-wrap  .col        { float: left; margin: 0 10px 15px 0; width: 115px; }
.tag-list-wrap h3           { margin: 0 0 5px; font-weight: bold; font-size: 11px; }
.tag-list-wrap ul           { margin: 0; padding: 0 0 0 12px; }
.tag-list-wrap li           { padding: 0 0 3px 12px; background: url(../images/s_blt_task_arrow.jpg) no-repeat 0 5px; }
.tag-list-wrap li a         { text-decoration: none; }
.tag-list-wrap li.current a,
.tag-list-wrap li a:hover   { color: #E71216; }



/* =Modal */
.modal .body-txt-wrap               { float: none; padding: 0; width: 100%; }
.modal .gallery-image-wrap          { height: auto; }
.modal .img-gallery-wrap .main-col-has-cross-ref .body-txt 
                                    { margin: 20px 20px 0 0; width: 220px; }
.modal .detail-img-gallery-wrap     { margin: 20px 0 0 20px; }
.modal .main-col-has-cross-ref      { width: 100% !Important; }
.modal-close-wrap               
{ 
    position: absolute;
    bottom: 0; 
    padding: 10px 0 0; 
    width: 100%; 
    height: 20px; 
    background: #fff; 
}
.modal-close-wrap a
{ 
    float: right;
    display: block;
    width: 72px;
    height: 14px;
    text-indent: -9999px;
    background: url(../images/s_modal_close.jpg) no-repeat 0 0; 
}
.modal-close-wrap a:hover           { background: url(../images/s_modal_close.jpg) no-repeat 0 -14px; }



/* =Home */
.home .body-txt p       { font-size: 11px; }
.page-title-home        { margin: 0 0 16px 0;}
.home .body-txt,
.home .cross-ref-wrap, 
.home .spotlight-wrap   { float: left; margin: 0 25px 0 0; padding: 0; width: 285px; background: none;}
.home .spotlight-wrap   { margin: 0;}

.home .page-title-home,
.home .cross-ref-wrap h2,
.home .spotlight-wrap h2
{ 
    display: block; 
    margin: 0 0 1px 0; 
    padding: 3px 0 0 10px; 
    width: auto; 
    height: 17px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #fff; 
    background: url('/images/s_bkg_spotlight.jpg') no-repeat 0 0;
}
.home .cross-ref-news   { margin: 0; padding: 0; background: url(../images/s_bkg_home_crossref.gif) repeat-y 0 0; border-bottom: 1px solid #000; }
.home .cross-ref-news h4          
{ 
    display: block; 
    float: left;
    margin: 0; 
    padding: 7px 10px 7px 20px; 
    width: 180px; 
    height: auto; 
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
}
.home .cross-ref-news h4 a  { color: #6d6e70; }


/* --- =Fact Sheet --- */

.fact-sheet-wrap        { float: right; width: 735px; background: #000 url(../images/s_bkg_fact_sheet.jpg) repeat-x 0 0; }
.fact-sheet-img         { float: left; width: 435px; }
.fact-sheet             { float: right; padding: 15px 20px 10px 0; width: 260px; }
.fact-sheet .cross-ref-group-spotlight-only h2.cross-ref-group-label
{
    padding: 0 0 3px 0;
    font-size: 14px;
    height: auto;
    background: none;
    border-bottom: 1px solid #444444;
}
.fact-sheet h2          { color: #fff; }
.fact-sheet ul          { margin: 0; padding: 0;}
.fact-sheet ul li       { padding: 0 0 3px 13px; font-size: 10px; list-style: none; color: #888; Background: url(../images/s_disc_fact_sheet.gif) no-repeat 0 7px; }




/* ------------------------------- =Mainnav --------------------------------- */
.main-nav               { float: left; margin: 7px 0px 7px 15px; }
.main-nav ul, 
.main-nav li            { display: block; float: left; margin: 0; padding: 0; line-height: 100%; list-style-type: none; background: none; }
.main-nav li            { display: inline; }
.main-nav a
{ 
    display: block;
    float: none;
    margin: 4px 1px 0;
    padding: 9px 12px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}
.main-nav li a:hover,
.main-nav li a.current,
.main-nav-wrap-flyout  { background: #e71216; text-decoration: none; color: #fff;}


/* --- =Flyout ---*/
.main-nav-wrap li:hover .fly-out, 
.main-nav-wrap li.sfhover ul           { display: block; } /* the magic */
.main-nav-wrap .fly-out		
{
	display: none;
	position: absolute;
	top: 75px;
	left: auto;
	z-index: 10; 
	margin: 0 0 0 1px;
	padding: 10px 0 25px;
	width: 160px;
	background-color: #000;
	border-top: 3px solid #f00;
	opacity: 0.8;
    filter: alpha(opacity=80);    
}
.main-nav-wrap .fly-out li          { padding: 0; height: auto; }
.main-nav-wrap .current .fly-out a,
.main-nav-wrap .fly-out a	    
{ 
    display: block;
    margin: 0; 
    padding: 7px 12px 7px 13px; 
    width: 135px;
    font-size: 10px;
    text-transform: capitalize;
	color: #fff;    
}
.main-nav-wrap .current .fly-out a:hover,
.main-nav-wrap .fly-out a:hover     { color: #fff; background: #e71216; opacity: 1; filter: alpha(opacity=100); }




/* ------------------------------- =Subnav --------------------------------- */
.subnav                     { margin: 0 0 20px 20px; padding: 65px 0 10px 0; background: #e5e5e5; }
.lrg-content-wrap .subnav   { padding: 35px 0 10px 0; }
.navlist-1, .navlist-2, 
.navlist-3                  { margin: 0 0 0 10px; padding: 0; }
.subnav li                  
{ 
    margin: 0; 
    padding: 0; 
    width: 170px;
    line-height: 100%; 
    list-style-type: none;  
 }
.subnav li a                
{ 
    display: block;
    padding: 17px 0 5px 7px; 
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5;
}
.subnav li a:hover, 
.subnav li.current a    { color: #E71216; text-decoration: none; background: #fff; }
.subnav-bottom          { display: none; }

.navlist-1              { border-top: 1px solid #E5E5E5; }
.navlist-2              { margin: 0 0 0 10px; padding: 8px 0 5px; background: #fff; }
.navlist-2 li           { margin: 0; width: 170px; }
.navlist-2 li a         
{ 
    margin: 0;
    padding: 5px 0 5px 20px;
    text-transform: capitalize;
    color: #6f6f6f;
    background: #fff url('/images/s_bkg_expanded_arrow.jpg') no-repeat 10px 8px;
    border: none;
}
.navlist-2 li a:hover, 
.navlist-2 li.current a { text-decoration: none; background: #fff url('/images/s_bkg_expanded_arrow.jpg') no-repeat 10px 8px;}

.navlist-3              { margin: 0 0 0 10px; padding: 0 0 0 10px; background: #fff; }
.navlist-3 li           { margin: 0; }
.navlist-3 li a         { 
    padding: 5px 0 5px 25px;
    text-transform: capitalize;
    color: #6f6f6f;
    background: #fff url('/images/btn_4thlevel_li.jpg') no-repeat 10px 8px;
    border: none;
}
.navlist-3 li a:hover, 
.navlist-3 li.current a { text-decoration: none; background: #fff url('/images/btn_4thlevel_li.jpg') no-repeat 10px 8px;}





/* ----------------------------- =Cross Refs ------------------------------- */

.cross-ref-wrap             { overflow: hidden; float: right; margin: 0 0 20px 0; padding: 30px 20px 20px 25px; width: 255px; }
.spotlight-wrap             { margin: 0;}

.cross-refs, .filters       {}
.cross-ref-group-label      { margin: 0 0 12px 0; padding: 0 0 4px 0; border-bottom: 1px solid #d3d3d3; }

.cross-ref-group-spotlight-only h2.cross-ref-group-label
{
    display: block;
    margin: 0 0 7px 0;
    padding: 2px 0 0 10px;
    width: auto;
    height: 18px;
    font-size: 11px;
    color: #fff;
    background: url('/images/s_bkg_spotlight.jpg') no-repeat right 0;   
}

.cross-ref-group-spotlight-only .cross-ref-group-label  { margin: 0; }
.cross-ref-group-spotlight-only .cross-ref-group-body   { border: none;}

.cross-ref-group, 
.cross-ref-group-spotlight-only     { margin: 0; }
.cross-ref-group-body               { padding: 0 0 30px; }
.fact-sheet .cross-ref-group-body   { padding: 0; }

.ie6 .home .cross-refs .date,
.ie7 .home .cross-refs .date        { padding: 8px 0 0; font-size: 10px; text-transform: uppercase; color: #999; }
.home .cross-refs .date             { font-size: 10px; text-transform: uppercase; color: #999; }

.cross-refs-view-all a      
{
    display: block;
    padding: 5px 0 0 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #8e8e8e;
}

.home .cross-ref-group-body , 
.home .cross-ref-group-body-spotlight-only      { border: none; }
.home .cross-refs-view-all                      { margin: 0; padding: 5px 0 0; border-top: none; }
.home .cross-refs-view-all-link                 { float: left; width: 100px; background-position: 0 50%; }
.home .rss-subscribe                            { float: right; width: 55px; text-indent: -9999px; }
.home .rss-button                               
{ 
    padding: 0; 
    font-size: 0; 
    line-height: 0; 
    width: 54px; 
    height: 25px; 
    background: url(../images/rss3.gif) no-repeat; 
}
.spotlight-body             { padding: 0 20px 0 0; }
.home .cross-ref-group-body { padding: 0; }
.home .cross-ref-group-spotlight-only h2.cross-ref-group-label
                            { margin: 0; }



/* News Cross-ref */

.cross-ref-blog,
.cross-ref-event,
.cross-ref-news             { border-bottom: 1px solid #D3D3D3; }
.cross-ref-event h4,
.cross-ref-news h4, .list .detail-info,
.cross-ref-blog h4
{ 
    display: block; 
    float: left;
    margin: 0; 
    padding: 7px 0; 
    width: 180px; 
    height: auto; 
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
}
.list h4                              { margin: 0; text-transform: none; } 
.list .detail-info                    { margin: 0; width: 300px; color: #888; }
.cross-ref-event h4 a,
.cross-ref-news h4 a, .list a,
.cross-ref-blog h4 a
{ 
    text-decoration: none;
    line-height: 135%;
    color: #59A6C4;
}
.cross-ref-news h4 a:hover,
.cross-ref-event h4 a:hover,
.cross-ref-blog h4 a:hover  { color: #e71216; }
.news-list .date            { float: right; margin: 0 5px 0 0; }


/* cross-ref date */

.date                       { display: block; float: left; margin: 0 0 0 15px; padding: 7px 0 ; line-height: 125%; font-size: 10px; }
.month                      { display: inline; margin: 0 3px 0 0; }
.day                        { display: inline; }
.year                       { display: block; color: #111; }
.month,
.day,
.year                       { text-transform: uppercase; }

.cross-ref-gallery .year    { display: inline; margin: 0 0 0 3px; color: #666; }

.cross-refs-view-all a:hover, 
.view-case-study a:hover, 
a.view-case-study:hover     { color: #000;}

.cross-ref-link h4          { margin: 0 0 5px 0;}
.cross-ref-link h4 a        
{ 
    display: block;
    padding: 0 0 0 15px; 
    text-decoration: none;
    text-transform: uppercase;
    color: #000; 
    background: url('/images/bkg_related_arrow.jpg') no-repeat 0 4px; 
}
.cross-ref-link h4 a:hover  { color: #e71216; }


/* --- gallery cross-ref ---*/

.cross-ref-img              { float: left; width: 112px; }
.cross-ref-content          { float: left; margin: 0 0 0 13px; width: 130px; }
.cross-ref-content a        { text-decoration: none; color: #61a9e6; }
.cross-ref-content a:hover  { color: #e71216; }
.cross-ref-content .date    { margin: 0; }
.cross-ref-gallery .cross-ref-content .date    { float: none; }
.cross-ref-gallery          { margin: 0 0 5px 0; }



/* home spotlght */

.home .spotlight            { float: left; margin-bottom: 0; padding: 0 0 0; }
.home .spotlight-body       { padding: 0; border: none; }
.home .spotlight a          { float: right; }
.home .spotlight p          { margin: 0; }



/* ----------------------------- =Filters -------------------------------- */
.filters                    { padding: 10px; background: #E3F0FF; border: 1px solid #C7DCF1; }
.filters p                  { margin: 0; font-size: 10px;}
.filters ul, .filters li    { padding: 0; margin: 10px 0 0 0; background: none; }
.filters select.medium      { width: 218px; }

.rss-subscribe a            { display: block; padding: 0 0 0 20px; margin: 10px 0; text-decoration: none; background: url(../images/icon_rss.gif) no-repeat 0 50%; }




/* ----------------------------- =List Pages ------------------------------- */

.pager-top,
.pager-bottom               { padding: 10px; font-size: 10px; background: #EAEAEA; border: 1px solid #ccc;}
.pager-top                  { margin: 0 0 15px; }
.pager-bottom               { margin: 15px 0 0; }

.page-num                   { float: left; margin: 3px 0 0 5px; }
.per-page                   { float: right; }
.page-num span              { margin: 0 5px 0 0; }
.page-num strong            { margin: 0 5px;}
.per-page select            { width: 150px; }
.pager-top a, 
.pager-bottom a             { margin: 0 5px; color: #777777; }
.list .next                 { padding: 0 10px 0 0; background: url(/images/s_btn_next.gif) no-repeat right 50%; }
.list .prev                 { padding: 0 0 0 10px; background: url(/images/s_btn_prev.gif) no-repeat left 50%; }
.event-list .list           { padding: 10px 0 0 0;}
.event-list .year           { display: inline; }
.events .list h4            { width: 380px; }

.list                       { padding: 5px 0 0; border-top: 1px solid #ccc; }
.list h3                    { margin: 0 0 5px 0; }
.list a                     { color: #62a8e4; }
.list a:hover               { color: #000; }
.list p                     { margin: 0 0 10px 0; line-height: 130%; }
.list h3 a                  { text-decoration: none; }

.list .detail-info p        { margin: 0; }

.list .odd, 
.list .even                 { margin: 0 0 2px; padding: 0px; border-bottom: 1px solid #ccc; }
.list-img-th                
{ 
    overflow: hidden;
    float: left;
    width: 50px;
    height: 50px;
    margin: 10px 10px 10px 0;
}
.event-list .list .odd, 
.event-list .list .even,
.news-list .list .odd, 
.news-list .list .even,
.search-list .list .odd, 
.search-list .list .even    { margin: 0 0 10px; }




/* blog list */

.blog-list .list .odd,
.blog-list .list .even      
{
    margin: 10px 0 35px;
    padding: 0 0 10px;
}

.blog-list .row             { margin: 0 0 5px; }
.blog-list h2               { margin: 0 0 5px; }
.blog-list .date            { margin: 0; padding: 0; line-height: 150%; font-size: 11px; }
.blog-list .detail-info     { margin: 0 0 10px; }
.blog-list label            { display: block; width: 90px; color: #000; float: left; }
.blog-list .year            { display: inline; }
.blog-post-description      { margin: 0 0 25px; }
.blog-footer, 
.blog-footer-last           { width: 120px; margin: 0 15px 0 0; }  
.blog-footer                { float: left;}
.blog-footer-last           { float: right;}
.blog-list h2 a:hover       { color: #000; }
.blog-list .list a:hover    { color: #000; }


/* search results */

.search-left                { float: left; width: 300px; }
.search-right               { float: left; }
.search-results             { }
.search-again               
{
    width: 215px;
    height: 50px;
    margin: 0 0 0 10px;
    padding: 10px;
    color: #78787A;
    background: #E3F0FF;
    border: 1px solid #C7DCF1;
}
.search-again p                         { margin: 0 0 1px; }
.search-right .form-top-labels input    { float: left; margin: 0; width: 140px; } 
.search-right .search-btn               { float: left; margin: 0 0 0 5px; }
.search-again .form-top-labels          { padding: 0; }
.search-results .list                   { border-top: none; }




/* ----------------------------- =Detail page ------------------------------- */

.back-link,
.detail-tags                    { margin: 0 0 15px 0; padding: 0 0 10px; width: 100%; border-bottom: 1px solid #efefef; }
.back-link a
{ 
    padding: 0 0 0 10px;
    font-style: italic;
    text-decoration: none;
    color: #777;
    background: url('/images/bkg_backarrow.gif') no-repeat 0 50%;
}
.back-link a:hover              { color: #000; }
.detail-tags label              
{ 
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 100px;
    color: #000;
}
.detail-tags .row               { margin: 0 0 12px 0; }
.detail-tags .date              { margin: 0; padding: 0; }
.detail-tags .year              { display: inline; color: #666; }

.calendar-add-links a           
{ 
    display: block;
    padding: 5px 0 5px 40px;
    background: url('/images/bkg_ical.jpg') no-repeat 0 50%;
}
.calendar-add-links,
.event-detail .row span         { float: left; display: block; }

.tags               { padding: 20px 0; }
.tags label         { display: block; padding: 0 0 5px; color: #000; font-weight: bold; }
.tags a             { display: block; padding: 0 0 3px 12px; color: #59A6C4; text-decoration: none; background: url(../images/s_blt_task_arrow.jpg) no-repeat 0 5px; }
.tags a:hover       { color: #E71216; }


/* blog detail */

.talkback span                  
{ 
    display: block;
    margin: 0 0 15px;
    padding: 0 0 0 20px;  
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    background: url(../images/comments.png) no-repeat left 50%; 
}

.comments .even,
.comments .odd              { margin: 0 0 25px; padding: 15px 15px 25px; background: #fafafa; }
.comments .text             { margin: 0 0 15px; }




/* ----------------------------- =Footer -------------------------------- */

.page-footer                { margin: 0 auto; padding: 0 30px; width: 910px; background: #171717; }
.page-footer-left           { float: left; padding: 25px 0; width: 500px; }
.page-footer-right          { float: right; padding: 25px 0 25px 16px; width: auto; border-left: 1px solid #2c2c2c; }

.footer-util                { padding: 17px 0 0 0; }
.footer-util a              
{ 
    font-size: 11px; 
    margin: 0 6px 0 0;
    padding: 0 9px 0 0;
    text-decoration: none; 
    color: #fff;
    background: url('/images/s_bkg_utilnav.jpg') no-repeat right 52%; 
}
.footer-util a.last         { margin: 0; padding: 0; background: none; }
.footer-util a:hover,
.footer-util a.last:hover   { color: #e71216; }
.copyright,
.lawnmarker a               { display: inline; margin: 0 10px 0 0; font-size: 10px; text-decoration: none; color: #fff; }
.lawnmarker a:hover         { color: #fff; }
.lawnmarker                 { display: inline; }

.footer-logos-wrap          { padding: 0 0 15px 0; }
.footer-logo                { display: block; float: left; width: auto; height: 74px; text-indent: -9999px; }
.footer-logos-wrap .gale    { width: 152px; background: url('/images/s_btn_footer_gale.gif') no-repeat 0 0; }
.footer-logos-wrap .posco   { width: 169px; background: url('/images/s_btn_footer_posco.gif') no-repeat 0 0; }
.footer-logos-wrap .ifez    { width: 152px; background: url('/images/s_btn_footer_ifez.gif') no-repeat 0 0; }
.footer-right-logo a        { display: block; width: 253px; height: 73px; background: url('/images/s_btn_footer_songdo.gif') no-repeat 0 0; }




/* ------------------------------- =Forms / Buttons / Input / Select --------------------------------- */
.search-btn                 { display: block; width: 52px; height: 20px; text-indent: -9999px; background: url('/images/s_btn_search.gif') no-repeat 0 0; }
.search-btn:hover           { background: url('/images/s_btn_search.gif') no-repeat 0 -20px; }

.ko-KR .search-btn          { background: url('../images/skr_btn_search.gif') no-repeat 0 0; }
.ko-KR .search-btn:hover    { background: url('../images/skr_btn_search.gif') no-repeat 0 -20px; }

.submit-btn                 { display: block; width: 59px; height: 20px; text-indent: -9999px; background: url('/images/s_btn_submit.gif') no-repeat 0 0; }
.ko-KR .submit-btn          { background: url('/images/skr_btn_submit.gif') no-repeat 0 0; }

.form-buttons .submit-btn   { margin: 0 0 0 110px; }
.filter-btn                 { float: left; display: block; margin: 0 0 0 5px; width: 59px; height: 20px; text-indent: -9999px; background: url('/images/btn_filter.jpg') no-repeat 0 0; }
.filter-btn:hover           { background: url('/images/btn_filter.jpg') no-repeat 0 -20px; }

.ko-KR .filter-btn          { background: url('../images/kr_btn_filter.gif') no-repeat 0 0; }
.ko-KR .filter-btn:hover    { background: url('../images/kr_btn_filter.gif') no-repeat 0 -20px; }





/* ---------------------------------- =Forms mega-list -----------------------------------*/

.form-buttons                             { margin: 20px 0 0;}
.form-buttons-top                         { margin: 0 0 20px; }
.form-buttons-top .title                  { margin: 0 5px 0 0; }
.form-buttons-top .checkbox-left          { margin: 0 5px 0 0;}

.form-side-labels                         { padding: 10px 0 0; line-height: 135%; }
.form-side-labels .row                    { margin: 0 0 7px; }
.form-side-labels label                   { float: left; display: block; padding: 1px 10px 0 0; width: 100px; }

.form-side-labels .field                  { float: left; padding: 1px 0 0; }
.form-side-labels input                   { float: left; }
.form-top-labels .form-side-labels input  { float: left; }
.form-side-labels .field input            { float: none; }
.form-side-labels select                  { float: left; }
.form-top-labels .form-side-labels select { float: left; }
.form-side-labels textarea                { float: left; }
.form-side-labels .text-line              { border-bottom: 1px solid #ccc; }
.form-side-labels .text-line label        { font-weight: bold; }
.form-side-labels .side-link              { float: left; display: block; margin: 1px 0 0 7px; }
.form-side-labels .tree-control-combo-box { float: left; }
.form-side-labels .form-buttons           { margin-left: 0; }


.form-top-labels                          { padding: 10px 0 0; line-height: 135%; }
.form-top-labels .row                     { margin: 0 0 15px; }
.form-top-labels label                    { float: none; display: block; margin: 0 0 7px; }
.form-top-labels select                   { float: none; }
.form-top-labels input                    { float: none; }
.form-top-labels .date-picker .subtle     { display: block; margin: 3px 0 0; }

.ie6 .form-top-labels label               { position: relative; } /* Fix required field background images randomly disappearing */ 

.side-by-side                             { float: left; margin: 0 10px 7px 0; }
.side-by-side-last                        { float: left; margin: 0 0 7px 0; }

.field .side-by-side					  { margin-bottom: 0; }
.field .side-by-side-last				  { margin-bottom: 0; }
fieldset
{
	position: relative;
	margin: 42px 0 10px;
	padding: 10px;
	background: #eee;
	border: none;
}

legend { margin-left: -10px; }
legend span
{
	position: absolute;
	top: -20px;
	/*margin: -30px 0 0 -10px;  negative margin on a legend is caused problems in firefox 3 when validation hits */
	padding: 0 0 10px 0;
	font-size: 16px;
	color: #000;
	white-space: nowrap;
}
legend span span                      { position: static; top: 0; }
html:not([lang*=""]) legend span      { top: -30px; } /* firefox calculates this 10 too low */
html:not([lang*=""]) legend span span { position: static; top: 0; }

.ie6 legend { margin-left: -18px; }
.ie7 legend { margin-left: -17px; }

.ie6 legend span { top: -20px; }
.ie7 legend      { margin-left: -17px; }

legend .small { font-size: 11px; }


input.small, input.medium, input.large, input.title, input.date, input.three, input.keyword, .header-search input,.search-right input
{
	padding: 2px;
	font-size: 13px;
	border: 1px solid #7f9db9;
}
.header-search input,.search-right input
{
    padding: 1px;
}

input.small:focus, input.medium:focus, input.large:focus, 
	input.title:focus, input.date:focus, input.three:focus, input.keyword:focus
{
	border: 1px solid #0058ab;
}

.ie6 input.small, .ie6 input.medium, .ie6 input.large, .ie6 input.title, .ie6 input.date, .ie6 input.three, .ie6 input.keyword,
	.ie7 input.small, .ie7 input.medium, .ie7 input.large, .ie7 input.title, .ie7 input.date, .ie7 input.three, .ie7 input.keyword,
		.ie8 input.small, .ie8 input.medium, .ie8 input.large, .ie8 input.title, .ie8 input.date, .ie8 input.three, .ie8 input.keyword 
{ margin-top: -1px; }

input.three  { width: 30px; }
input.four   { width: 40px; }
input.five   { width: 50px; }
input.date   { width: 180px; }
input.small  { width: 81px; }
input.medium { width: 179px; }
.news-filter input.medium,
.gallery-filter input.medium { width: 150px; float: left; padding: 1px 2px; }
input.filter { float: left; width: 150px; }
input.large  { width: 375px; }
input.title  { /*width: 320px; height: 20px;*/ font-size: 20px; }

#TB_window input { margin-right: 5px; }

input.file-upload
{
	padding: 2px;
	font-size: 13px;
}

.image-upload .file-upload	{ float: left; margin-right: 7px; }

select
{
	height: 22px;
	font-size: 13px;
	border: 1px solid #7f9db9;
}
.ie7 select  { height: auto; }
select, x:-moz-any-link             { height: 20px; } /* Firefox 2 and below */
select, x:-moz-any-link, x:default  { height: 22px; } /* Firefox 3 and up */

select:focus { border: 1px solid #0058ab; }


select.small     { width: 98px; font-size: 13.3px; }
select.medium    { width: 185px; }
select.large     { width: 381px; }
 
.multiple-medium { width: 185px; height: 100px;}

.combo-box-medium select { width: 185px; height: 200px; }

.left-button, .right-button, .up-button, .down-button, .top-button, .bottom-button
{
	display: block;
	margin: 0 10px 10px 10px;
	background: no-repeat;
}

textarea, textarea.small, textarea.medium, textarea.large
{
	width: 250px;
	height: 100px;
	font-size: 13px;
	border: 1px solid #7f9db9;
}

textarea.short         { height: 50px; }
textarea.medium-height { height: 100px; }
textarea.tall          { height: 200px; }
textarea:focus         { border: 1px solid #0058ab; }

.checkbox-left label, .checkbox-right label, .radio-left label, .radio-right label,
	.form-side-labels .checkbox-left label, .form-side-labels .checkbox-right label,
		 .form-side-labels .radio-left label, .form-side-labels .radio-right label
{
	float: none;
	display: inline;
	margin: 0 7px 0 5px;
	width: auto;
}

.form-side-labels .checkbox-left    { margin-left: 110px; }
.checkbox-left label                { font-size: 11px; font-weight: normal; color: #666; }
.checkbox-right label, .form-side-labels .checkbox-right label { margin: 0 5px 0 0; }

.checkbox-list span, .radio-list span { display: block; margin: 0 0 7px; }

.form-side-labels .radio-left input, .form-side-labels .checkbox-right input { float: none; }

table.radio-list, table.checkbox-list { margin: 0; }

.radio-list input, .checkbox-list input
{
	float: left;
	margin: 4px 0 0 !important;
}

.radio-list label, .checkbox-list label
{
	float: left;
	display: block;
	margin: -2px 10px 0 7px;
	padding: 5px 0;
	width: auto;
}

.large-button, .small-button
{
	overflow: visible;
	padding: 2px;
	width: auto!important;
	width: 1px;
	font-size: 12px;
	vertical-align: middle;
}

.small-button {	padding: 0 3px!important; font-size: 10.5px; }


/* ------------------------------ =Messages ------------------------------- */
.msg-negative, 
.msg-positive, 
.msg-neutral                
{
    margin: 0 0 15px;
    padding: 15px;
    min-height: 40px;
    height: auto;
    height: 40px;
    color: #78787A;
}
.msg-positive   { background: #E3FAE6; border: 1px solid #CBEECE; }
.msg-neutral    { background: #FFFFCC; color: #666600; }
.msg-negative   { background: #ff0000; color: #fff; }
.msg-hidden     { display: none; }

.msg-positive span          { font-weight: bold; text-transform: uppercase; }

.validation-summary         { margin: 0 0 15px; padding: 15px; width: 200px; background: #ffeedd; }
.validation-summary ul      { margin: 0; }
.validation-summary li      { padding: 0; background: none;}
.failed-validation          { color: #f00; }

.form-side-labels .row span 
{ 
    display: block;
    margin: 0 0 0 110px;
    font-size: 16px;
    font-weight: bold; 
}


/* ----------------------------- =Clear ------------------------------------ */

html body div .clear    { float: none; clear: both; margin: 0; padding: 0; font-size: 0; height: 0; line-height: 0; }




/*-------------------- =Print --------------------*/

@media print
{
	* { float: none; overflow: visible; position: static; background: #fff; }
	
	body, table, pre, h1, h2, h3, h4, h5, h6, h1 a { color: #000; background: #fff; }
	
	.page-header-wrap, .main-nav, .utility, .util-nav, 
	.left-column, .cross-refs, .left-column,
	.page-footer, .back-link, div#edit-this-page-links,
	div#edit-this-page-bkg, .public-user-widget
	{
		display: none;
	}
	.print-logo         { display: block; }
	.page-header        { height: auto; }
	
	.print-logo
	{
		position: static;
		float: none;
		overflow: visible;
		color: #000;
		background: #fff;
	}
	
	ul li
	{
		padding: 0 0 .3em 1.2em;
		list-style-type: disc;
		background: none;
	}

	ul ul, ol ul
	{
		margin: 1em 0 0 1.2em;
	}

	ul ul li, ol ul li
	{
		padding: 0 0 0em 1.2em;
		list-style-type: disc;
		background: none;
	}

	ol
	{
		list-style-type: decimal;
	}

	ol li
	{
		margin: 1em 0 0 1.2em;
		padding: 0;
	}

	ol ol li, ul ol li
	{
		font-size: 90%;
		list-style-type: lower-alpha;
	}
}




/*-------------------- =Site map --------------------*/

.sitemap div                            { width: auto; }
.sitemap div a                          { margin: 0 0 5px 0; padding: 0 0 0 15px; text-decoration: none; line-height: 150%; }
.sitemap div div a                      { font-size: 22px; font-weight: bold; margin:0 0 0 20px; }
.sitemap div div div a                  { font-size: 18px; font-weight: normal; margin: 0 0 0 40px; }
.sitemap div div div div a              { font-size: 16px; margin: 0 0 0 60px; background: url(../images/sitemap_blts/blt_1.jpg) no-repeat 0 6px ; }
.sitemap div div div div div a          { font-size: 14px; margin:0 0 0 80px; background: url(../images/sitemap_blts/blt_2.jpg) no-repeat 0 6px ; }
.sitemap div div div div div div a      { font-size: 12px; margin: 0 0 0 100px; background: url(../images/sitemap_blts/blt_3.jpg) no-repeat 0 6px ; }
.sitemap div div div div div div div a  { font-size: 12px; margin: 0 0 0 120px; background: url(../images/sitemap_blts/blt_4.jpg) no-repeat 0 6px ; }





/*-------------------- =Sifr --------------------*/
.sIFR-flash    { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate
{
    display: none;
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
}
.sIFR-flash + div[adblocktab="true"]    { display: none !important; }



/*--- =Sifr'd Styles ---*/

/*
.sIFR-hasFlash h1.page-title-ws,
.sIFR-hasFlash h1.page-title,
.sIFR-hasFlash h1.page-title-neg-margin     
{ 
    visibility: hidden; 
    float: left; 
    width: auto; 
    padding: 0; 
    line-height: 24px; 
    letter-spacing: 2px; 
}
.sIFR-hasFlash h1.page-title-ws             
{ 
    margin: 0 10px 0 0; 
    width: 190px; 
    color: #b8b6b7; 
    background: url('/images/s_bkg_whysongdo.gif') no-repeat right 50%; 
}
.sIFR-hasFlash h1.page-title-black
{ 
    visibility: hidden; 
    float: left; 
    width: auto;
    margin: 0 0 15px 0; 
    padding: 0; 
    line-height: 20px; 
    letter-spacing: 2px; 
}
*/









/* ---------------------------------- =Count Down --------------------------------- */

/* jQuery Countdown styles 1.5.0. */
.countdown_rtl          { direction: rtl; }
.countdown_holding span { background-color: #ccc; }
.countdown_row          { clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown_show1 .countdown_section { width: 100%; }
.countdown_show2 .countdown_section { width: 45%; }
.countdown_show3 .countdown_section { width: 45px; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.5%; }
.countdown_show7 .countdown_section { width: 14%; }
.countdown_section      { display: block; float: left; width: 48px; color: #fff; font-size: 9px; text-align: center; }
.countdown_amount       { font-size: 14px; font-weight: bold; color: #5ba37d; }
.countdown_descr        { display: block; width: 100%; }
.countdown-wrap         { overflow: hidden; display: none; float: right; margin: 0 20px 0 0; height: 35px; border-left: 1px solid #333; }
.home .countdown-wrap   { display: block; }
.countdown              { width: 265px; line-height: 115%; background: url(../images/bkg_countdown.gif) no-repeat 0 0; }
.countdown_left         { float: left; padding: 5px 0 0 10px; font-size: 9px; color: #fff; }
.countdown_right        { float: right; padding: 5px 0 0; }
.hasCountdown           { width: 145px; }




/* ---------------------------------- =Thick Box --------------------------------- */

#TB_overlay
{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.TB_overlayMacFFBGHack { background: url(../images/macFFBgHack.png) repeat; }

.TB_overlayBG
{
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* ie6 hack for position: fixed */
* html #TB_overlay
{ 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window
{
	display: none;
	position: fixed;
	z-index: 102;
	text-align: left;
	top: 50%;
	left: 50%;
	color: #000;
	background: #fff;
	border: 10px solid #fff;
}

/* ie6 hack for position: fixed */
* html #TB_window
{ 
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_load
{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 103;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	width: 208px;
	height: 13px;
}
/* ie6 hack for position: fixed */
* html #TB_load
{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	height: 100%;
	width: 100%;
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
/* ie6 hack for position: fixed */
* html #TB_HideSelect
{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent
{
	clear: both;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}

#TB_window img#TB_Image
{
	display: block;
	margin: 15px 0 0 15px;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
}

#TB_caption
{
	float: left;
	padding: 7px 30px 10px 25px;
	height: 25px;
}

#TB_closeWindow
{
	float: right;	
	padding: 11px 25px 10px 0;
	height: 25px;
}

#TB_closeAjaxWindow
{
	float: right;	
	margin-bottom: 1px;
	padding: 7px 10px 5px 0;
	text-align: right;
}

#TB_ajaxWindowTitle
{
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
	font-size: 12px;
	font-weight: bold;
}

#TB_title 
{ 
    display: none;
    position: absolute;
    bottom: 0;
    margin: 0 0 0 1px;
    width: 967px;
    height: 40px; 
    background-color: #fff; 
}

#TB_ajaxContent
{
	clear: both;
	padding: 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em;
}

#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p        { padding: 5px 0; }


