/* 
    Document   : platform
    Created on : Apr 11, 2011, 2:54:00 PM
    Author     : schmee
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

:focus {
    outline: none;
}
/*----- Easy Clearing ------*/
.fix:after {clear:both;content:'[.]';display:block;height:0;visibility:hidden;}
.fix {display:inline-block;}
.fix {display:block;}


/* frequenlty used */
.left {float: left !important;}
.right {float: right;}
img.left {float: left;margin: 0 10px 0 0;}
img.right {float: right;margin: 0 0 0 10px;}
.nom {margin:0 !important;}
.nop {padding:0 !important;}
.clear {clear:both !important;}
.hide {display:none !important;}

p.empty {text-align: center; margin: 40px 0;}
#content p iframe{width: 100% !important;}

/*HEADER ELEMENTS* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

h1.logo, div.logo{left:0;margin:0;display:block; background: none; padding-top: 20px; padding-left: 20px; width: 122px; float: left;}
h1.logo a, div.logo a{background:transparent url('/img/logo-largest.png') no-repeat top left;cursor:pointer;display:block; text-indent:-9999px; height: 90px; width: 122px;}

h1.logo-fixed, div.logo-fixed, h1.logo-fixed a, div.logo-fixed a, .headerfix .baner72890{display: none;}


.headerfix {
    height: 95px;
    left: 0;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
.headerfix .black-header{ height: 0; padding-top: 7px; display: none;}
.headerfix h1.logo-fixed, .headerfix div.logo-fixed{left:0;margin:0;display:block; background: none; padding-top: 5px; padding-left: 20px; width: 90px; float: left;}
.headerfix h1.logo-fixed a, .headerfix div.logo-fixed a{background:transparent url('/img/logo-fixed.png') no-repeat top left;cursor:pointer;display:block; text-indent:-9999px; height: 66px; width: 90px;}


.baner72890 {padding: 5px 20px 0 0; text-align: center;}
.baner72890 div {margin: 0 auto;}
.fullBanner{margin: 10px 20px;}
/*#contentHome .baner72890, #content .baner72890 {
    display: none; 
    padding: 0; 
    text-align: center;
    width: 234px;
    margin: 0 auto 10px auto;
}*/
.topclear {display: block; height: 60px;}


@media (max-width: 997px) {
    .baner72890 {padding-top: 5px;}
}
/*@media (max-width: 767px) {
    #contentHome .baner72890, #content .baner72890 {display: block;}
}*/
/*#content .baner72890 {padding: 0 0 20px 0;}*/


.baner46860{display: none;}
a.short-menu, a.short-user{display: none;}

#headerLeft .home-icon{display:block; float: left;margin: 5px 10px 8px 0;}
#headerLeft .home-icon a{background:transparent url('/img/home.png') no-repeat top left;cursor:pointer; width: 17px; height: 17px; display: block; }
#headerLeft .date{color: #CC0000; font-size: 11px; line-height: 100%; float: left; margin-top: 10px; margin-right: 20px; height: 20px;}
#headerLeft #secondaryNavigation{ height: 30px;}
#headerLeft #secondaryNavigationShort {display:  none;}
#headerLeft .weather{clear: both; width: 100%; height: 60px; margin-top: 5px; overflow: hidden}
#headerLeft .weather img {width: 110px; height: 60px; float: left; margin-right: 5px;}
#headerLeft .weather #scene div {width: 250px !important;}
#headerLeft .weather #scene div .city {color: #fff}
#headerLeft .weather #scene div .temperature {color: #cc0000; font-size: 17px; font-weight: bold; 
                                              margin-top: 8px;}
#headerLeft .weather #featuredSlider {position: relative;}
#headerLeft .weather #featuredSlider #navControls {position: absolute; left: 115px; top: 48px; z-index: 100}
#headerLeft .weather #featuredSlider #navControls #prevSl {display: block; width: 11px; height: 7px; float: left;
                                                           background-image: url('/img/weatherPrev.png'); background-repeat: no-repeat; 
                                                           margin-right: 5px; background-position: top;}
#headerLeft .weather #featuredSlider #navControls #nextSl {display: block; width: 11px; height: 7px; float: left; 
                                                           background-image: url('/img/weatherNext.png'); background-repeat: no-repeat;  
                                                           background-position: top;}
#headerLeft .weather #featuredSlider #navControls #prevSl:hover, #headerLeft .weather #featuredSlider #navControls #nextSl:hover {
    background-position: bottom;
}




#header .socialNav {display: block; width: 110px; height: 30px; float: right; clear: both; margin-top: 18px;}
#header .socialNav ul {margin: 0;}
#header .socialNav ul li {margin: 0; list-style: none; display: block; width: 30px; float: left; margin-right: 10px;}
#header .socialNav ul li.twitter {margin-right: 0px;}
#header .socialNav ul li a {display: block; width: 30px; height: 30px; text-indent: -5000px; background-repeat: no-repeat; background-position: top}
#header .socialNav ul li a:hover {background-position: bottom}
#header .socialNav ul li.rss a {background-image: url('/img/rss.png')}
#header .socialNav ul li.twitter a {background-image: url('/img/tw.png')}
#header .socialNav ul li.facebook a {background-image: url('/img/fb.png')}

.userNav {background:transparent url(/img/icons/user.png) no-repeat left top; width: 40px; height: 40px; margin: 10px 20px 0 10px; cursor: pointer; position: relative;}
.userNavCurrent{background:transparent url(/img/icons/user.png) no-repeat left bottom;}
.signInFormHolder, .searchForm form.searchForm, .socialNav .social{display: none;}
div.searchForm {background:transparent url(/img/icons/search.png) no-repeat left top; width: 40px; height: 40px; margin: 10px 0 0 10px;  cursor: pointer; position: relative;}
div.searchFormCurrent{background:transparent url(/img/icons/search.png) no-repeat left bottom;}
.socialNav {background:transparent url(/img/icons/social.png) no-repeat left top; width: 40px; height: 40px; margin: 10px 0 0 10px;  cursor: pointer; position: relative;}
.socialNavCurrent{background:transparent url(/img/icons/social.png) no-repeat left bottom;}
.liveStream {background:transparent url(/img/icons/live.png) no-repeat left top; width: 95px; height: 40px; margin: 10px 0 0 0;  cursor: pointer;}
.liveStream  a{text-align: center; display: block; color: #fff; font-size: 14px; line-height: 40px;}
.liveStream  a:hover{text-decoration: none;}


/* SEARCH FORM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.searchForm {float: right;}

form.searchForm  {width:150px;}
fieldset.searchFieldset {width: 150px;}
fieldset.searchFieldset input.searchInput{background:transparent url(/img/search/search.png) no-repeat scroll 0 0; float:left;padding:7px;width:111px; color: #ccc;}
fieldset.searchFieldset button.searchButton {background:transparent url(/img/search/search.png) no-repeat scroll right top;cursor:pointer; float:left;height:30px;text-indent:-9999px;width:25px; padding:0}
fieldset.searchFieldset button.searchButton:hover {background:transparent url(/img/search/search.png) no-repeat scroll right bottom;}

/* LANGUAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.languageHolder {display: table-cell; line-height: 20px;}
.languageHolder a{width: auto; text-align: center;color: #4E4A49; font-size: 13px; font-weight: bold; text-transform: uppercase; display: block;}
.languageHolder a:hover{text-decoration: none; color: #CC0000;}
.languageHolder a span{background:transparent url(/img/nav/primNavArrow.png) no-repeat bottom center; padding: 0 25px 10px;}

/* PRIMARY NAVIGATION - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.black-header{height: 110px; background-color: #282828;}
.grey-header{height: 25px; background-color: #282828;}
.white-header{height: 75px; background-color: #fff; border-bottom: 1px solid #bbb;}

.grey-header .quickLinks{display: none;}
.grey-header .quickLinksFixed{display: none;}

#primaryNavigation{padding:0 0 0 20px; float: left; margin: 5px 0 0;}
#primaryNavigationShort, #secondaryNavigationShort, #sideNavigation{display: none;}



/* PATH - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#path {display:  none;}

/* FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.footerLogo {
    width: 108px;
    height: 80px;
    margin:30px 90px 0 20px;
    display: block;
    float: left;
}
.footerLogo a {
    width: 108px;
    height: 80px;
    display: block;
    margin:0;
    background-image: url(/img/logoFooter.png);
    background-repeat:  no-repeat;
}
.footerCopy {
    padding: 35px 20px 30px 218px;
}
.footerCopy p {
    line-height: 100%;
    margin: 0 20px 0 0;
    padding: 0;
    font-family:  Arial;
    font-size:  10px;
    color: #FBC5D2;
    display: block;
    text-transform: uppercase;
    float: left;}
.footerCopy p a {
    text-decoration: none;
    color: #332C37;
}
.footerCopy p a:hover {
    text-decoration: underline;
}
.footerCopy p.power {
    text-align: left;
    float: left;
    color: #332C37;
    padding: 0;
    margin: 0;
}
.footerNav {
    padding:30px 20px 0 218px;
}
.footerNav ul {
    display: inline;
    line-height: 100%;
    list-style: none outside none;
    margin: 0;
}
.footerNav ul ul {

}
.footerNav ul li {
    display:inline;
    line-height: 130%;
    margin: 0 10px 10px 0;
    padding: 0;
}
.footerNav ul li ul li {width: auto}
.footerNav ul li a {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    margin: 0 10px 0 0;
    font-size: 18px;
    text-transform: uppercase;
}
.footerNav ul li a:hover{color: #332C37;}
.footerNav ul li.depth2 {
    margin: 0;
}
.footerNav ul li.depth2 a {
    font-weight: normal;
    color: #FBC5D2;
    font-size:  10px;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 100%;
    font-family: Arial;
}
.footerNav ul li.depth2 a:hover{color: #332C37;}

.footerSecNav{padding: 10px 0 15px;}
.footerSecNav ul{margin: 0; list-style: none; display: table;}
.footerSecNav ul li{margin: 0; padding: 0 10px 0 0; display: table-cell; width: auto;}
.footerSecNav ul li a{color: #4E4A49; font-size: 13px; font-weight: bold; line-height: 100%; text-transform: uppercase;}
.footerSecNav ul li a:hover{text-decoration: none; color: #CC0000;}


.footerNavFlat {
    width: 100%;
    padding: 10px 0 5px 0;
    /*    background-image:  url(/img/footerSeparator.png);
        background-position: bottom;
        background-repeat: repeat-x;*/
}
.footerNavFlat a {
    font-weight: normal;
    color: #878585;
    font-size:  11px;
    text-transform: none;
    margin-right: 5px;
}
.footerNavFlat a.depth1 {
    font-weight: bold
}
.footerNavFlat {display: none}

.footerCopy .copyShort {display: none;}


.banner300x250{margin-bottom: 40px;}




.video {
    position: relative;
    padding-bottom: 56.25%;
    /* padding-top: 30px; */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
    background: #000 url("/img/defaultVideoThumbnail.png") center center no-repeat; 
}

.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 200px;
    min-width: 200px;
}

.audio {
    position: relative;
    padding-bottom: 30px;
    /*    padding-top: 3px;*/
    height: 0;
    overflow: hidden;
}

.audio iframe,  
.audio object,  
.audio embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* SOCIAL*/
.addthis_toolbox.addthis_default_style {
    margin:  40px 0 40px 0; 
    clear: both; 
    padding-top: 0px; 
    float: left;                  
    min-width: 280px}
.addthis_toolbox.addthis_default_style a.face-share-box-count{ 
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    background: url("/img/icons/facebookCounter.png") left top no-repeat;
    width: 56px;
    height: 62px;}
.addthis_toolbox.addthis_default_style a.face-share-box-count:hover{text-decoration: none;}
.addthis_toolbox.addthis_default_style a.face-share-box-count span#fb-share-count{
    font-size: 16px;
    width: 100%; 
    text-align: center;
    display: block;
    margin-top: 11px;
    color: #000000;}
.addthis_toolbox.addthis_default_style span {line-height: 10px !important;}
.addthis_toolbox.addthis_default_style span.FBConnectButton {float:left;margin:1px 30px 0 0;	}
.addthis_toolbox.addthis_default_style .twitter-share-button{ margin-right: 10px; margin-top: 0px;}
.addthis_toolbox.addthis_default_style #___plus_0 {margin-top: 0px !important;}
.addthis_toolbox.addthis_default_style .fb-like{ float:left !important; margin-bottom: 14px;}
.addthis_toolbox.addthis_default_style .facebook_share { float:left !important; margin-bottom: 10px;}
.addthis_toolbox.addthis_default_style .fb-like span{width:130px !important;}
.fb_iframe_widget{margin-right: 10px; margin-top: 0px; float: left; width: 22% !important;}
.addthis_toolbox.addthis_default_style .fb-share-button span:first-child{vertical-align: bottom !important; width: 57px !important; height: 61px !important; }
.addthis_toolbox.addthis_default_style .fb-share-button span:first-child iframe{width: 57px !important;height: 61px !important;}
.pinterest {
    display: inline-block;
    margin-right: 10px;
}
.blueButton .pluginCountBox {
    border: #bbb solid 1px !important;
}
.pluginCountBox {
    width: 49px !important;
}
/* @end */

@media (max-width: 537px) {
    .addthis_toolbox.addthis_default_style{ margin:  40px 0 40px 0; clear: both; padding-top: 0px; float: left;}
    .addthis_toolbox.addthis_default_style span {line-height: 10px !important;}
    .addthis_toolbox.addthis_default_style span.FBConnectButton {float:left;margin:1px 30px 0 0;	}
    .addthis_toolbox.addthis_default_style .twitter-share-button{ margin-right: 10px;   margin-top: 0px;}
    .addthis_toolbox.addthis_default_style #___plusone_0{ margin-right: 10px !important; margin-left: 10px !important; margin-top: 0px !important;}
    .addthis_toolbox.addthis_default_style .fb-like{ float:left !important; margin-bottom: 14px;}
    .addthis_toolbox.addthis_default_style .facebook_share { float:left !important; margin-bottom: 10px;}
    .addthis_toolbox.addthis_default_style .fb-like span{width:130px !important;}
    .holderButton{
        clear: both; 
        padding-top: 10px;}
    .QapTcha .TxtStatus {
        text-transform: lowercase;
        top: 12px !important;
        left: 83px !important;
    }
    .fullBanner{margin: 10px 0;}
}

@media (max-width: 350px) {
    .addthis_toolbox.addthis_default_style{ margin: 20px 0 20px 0; clear: both; padding-top: 0px; float: left;}
    .addthis_toolbox.addthis_default_style span { line-height: 10px !important;}
    .addthis_toolbox.addthis_default_style span.FBConnectButton { float: left;margin: 1px 30px 0 0;	}
    .addthis_toolbox.addthis_default_style .twitter-share-button{ margin-right: 5px;   margin-top: 0px;}
    .addthis_toolbox.addthis_default_style #___plusone_0{ margin-right: 5px !important; margin-left: 5px !important; margin-top: 0px !important;}
    .addthis_toolbox.addthis_default_style .fb-like{ float:left !important; margin-bottom: 14px;}
    .addthis_toolbox.addthis_default_style .facebook_share { float:left !important; margin-bottom: 10px;}
    .addthis_toolbox.addthis_default_style .fb-like span{ width: 130px !important;}  
    .pinterest {margin-right: 5px;}
    .fb_iframe_widget{margin-right: 5px;}
}