﻿#navmenu 
{
    border-bottom: none !important;
}

#product-showcase 
{
    position: relative;
    width: 990px;
    height: 400px;
    background: #0c41ab url(../Images/productshowcase/top_blank.png) no-repeat 0px 0px;
    /*margin-top: -10px;*/
    /*top: 110px;*/
}

.panel-products
{
    display: block;
    position: absolute;
    top: 355px;
    left: 96px;
    z-index: 2000;
}
.panel-products ul
{
	position: relative;
    list-style: none;        
    margin-top: 15px;
    left: 0px;
    z-index: 2000;
}
.panel-products ul li
{
    float: left;
    color: #fff;
    font: normal 17px Arial, Helvetica, sans-serif;
    margin-right: 25px;
}
.panel-products ul li a:hover
{
    color: #88EEFF;
    cursor: pointer;
}
.panel-products ul li a.selected
{
    color: #66ccff;
    cursor: pointer;
}

.showcase-item 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 990px;
}

#keystone-info h1 
{
    display: block;
    width: 492;
    height:  60px;
}
#mobile-info h1 
{
    display: block;
    width: 588px;
    height: 54px;
}
#archive-info h1 
{
    display: block;
    width: 593;
    height: 53px;
}
#api-info h1 
{
    display: block;
    width: 381;
    height: 29px;
}
#product-showcase h1 span
{
    display: none;
}

#product-showcase h2 
{
    font: normal 20px/24px Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: 0.2px;
    left: 25px;
    position: relative;
    margin: 0px;
    padding: 0px;
}
#product-showcase p
{
    font: normal 16px/20px Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: 0.2px;
    left: 25px;
    width: 450px;
    position: relative;
}

a.button-plans
{
    background: transparent url(../Images/productshowcase/button_plans.gif) no-repeat 0px 0px;
    width: 216px;
    height: 90px;
    display: block;
    left: 25px;
    top: 230px;
    position: absolute;
}
a.button-plans span
{
    display: none;
}

a.button-api
{
    width: 226px;
    height: 45px;
    display: block;
    position: absolute;
    right: 30px;
    top: 20px;
}
a.button-api span
{
    display: none;
}

a.take-tour 
{
    color: #fff;
    font: normal 13px/16px Arial, Helvetica, sans-serif;
    text-decoration: none;
    left: 25px;
    width: 200px;
    text-align: right;
    display: block;
    position: absolute;
    top: 325px;
    text-decoration: none;
    cursor: pointer;
}

a.take-tour:hover 
{
    color: #3399CC;
    text-decoration: none;
}
.showcase-item 
{
    display: block;
    width: 990px;
    height: 400px;
    background: #0c41ab url(../Images/productshowcase/top_keystone.png) no-repeat 0px 0px; 
}
#keystone-info 
{
    background-image: url(../Images/productshowcase/top_keystone.png); 
}
#mobile-info 
{
    background-image: url(../Images/productshowcase/top_mobile.png);
}
#archive-info 
{
    background-image: url(../Images/productshowcase/top_archive.png);
}
#api-info 
{
    background-image: url(../Images/productshowcase/top_api.png);
}
.workspace-link 
{
    font: normal 16px/20px Arial, Helvetica, sans-serif;
    color: #66CCFF;
    text-decoration: none;
    margin-left: 25px;
}
.workspace-link:hover
{
    color: #88EEFF;
    text-decoration: none;
}

/* News Panel */
#news-features-panel 
{
    display: block;
    background-color: #fff;
    margin: 0px auto;
    padding: 0;
}
.no-javascript 
{
    text-align: center;
    margin-top: 50px;
    font: normal 12px Arial, Helvetica, san-serif;
    color: #666666;
}
#feature-left 
{
    float: left;
    width: 340px;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#feature-middle
{
    float: left;
    width: 240px;    
    margin-top: 20px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 0px;
}
#feature-right
{
    margin-left: 0px;
    float: left;
    width: 240px;    
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 30px;
    margin-bottom: 0px;
}

#buzz-carousel 
{
    display: block;
    border: solid 1px #f3f3f3;
    border-bottom-color: #e6e6e6;
    border-right-color: #e6e6e6;
}
.jcarousel-prev 
{
    width: 20px;
    height: 100px;
    background: transparent url(../Images/productshowcase/buzz-left.gif) no-repeat center center;
    float: left;
    cursor: pointer;
}
.jcarousel-next 
{
    width: 20px;
    height: 100px;
    background: transparent url(../Images/productshowcase/buzz-right.gif) no-repeat center center;
    float: right;
    cursor: pointer;
}

#buzz-featured ul  {
    list-style: none;
    width: 320px;
    margin: 0px;
    padding: 0px;
    clear: both;
    height: 100px;
    float: left;    
}
#buzz-featured ul li {
    text-align: center;
    float: left;
    cursor: pointer;
}
#buzz-featured ul li .buzzThumbnail {
    margin: 5px;
    width: 90px;
    height: 60px;
    overflow: hidden;
    border: solid 1px #777;
    background-position: center center;
}
#buzz-featured ul li .buzzThumbnailGradient 
{
    width: 90px;
    height: 60px;
    background: transparent url(../Images/screen_frame_blue.png) no-repeat 0px 0px;  
    opacity: 0.3;
    filter: alpha(opacity=30);
}
#buzz-featured ul li a:hover .buzzThumbnailGradient 
{
    opacity: 0.1;
    filter: alpha(opacity=10);
}
#buzz-featured ul li a 
{
       text-decoration: none;
}
        
#buzz-featured ul li a:hover .buzzThumbnail,
#buzz-featured ul li a:active .buzzThumbnail 
{
    border: solid 1px #33AEE3;
    cursor:pointer;
    text-decoration: none;
}
#buzz-featured ul li h3 {
    font: normal 11px Arial, Helvetica, Sans-serif;
    color: #666;
    text-decoration: none !important;
}
#buzz-featured ul li a:hover h3,
#buzz-featured ul li a:active h3
{
    color: #33AEE3;
    text-decoration: none;
}
#buzz-featured h1 {
    font-size: 19px;
}

.tweet 
{
    width: 340px;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    background: transparent url(../Images/speechbubble_middle.gif) repeat-y 0px 0px;
}
.tweetTop
{
    height: 27px;
    width: 340px;
    padding: 0px;
    margin: 0px;
    background: #fff  url(../Images/speechbubble_top.gif) no-repeat 0px 0px;
}                
.tweetMiddle 
{
    padding: 10px 20px;
}
.tweetBottom 
{
    height: 25px;
    width: 340px;
    padding: 0 0 5px 20px;
    font-size: 11px;
    margin: 0px;
    background: transparent url(../Images/speechbubble_bottom.gif) no-repeat left bottom;
}


#news-features-panel h1 {
    color: #003366;
    clear: both;
    font: bold 20px Arial, Helvetica, Sans-serif;
    letter-spacing: 0.05px;
    margin: 8px 0px;
}

#contentProductStatus h2 {color:#4a4a4b;}

update-features h2 {color:#4a4a4b;}

#news-features-panel h2 {
    color: #4a4a4b;
    font: bold 14px Arial, Helvetica, Sans-serif;
    padding: 0px;
    margin: 8px 0px;
    letter-spacing: 0.2px;
}
#news-features-panel h3 {
    color: #666;
    font: bold 12px/18px Arial, Helvetica, Sans-serif;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0.5px;
}
#news-features-panel p  
{
    color: #333;
    margin: 0px;
    text-align: justify;
    overflow: hidden;
    font: normal 12px/18px Arial, Helvetica, Sans-serif;
}               
#news-features-panel p.moreInfoLink 
{
    text-align: right;
        margin:5px 0 5px 5px;
}
#news-features-panel p.moreInfoLink a {
    font-size:11px;
    clear: both;
    text-decoration: none;
    font-weight: normal;
    color: #005B92;
    font-family: Arial, Helvetica, Sans-serif;
}
#news-features-panel p.moreInfoLink a:hover {

    color: #33AEE3;
    text-decoration: underline;
}
#news-features-panel ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
}
.filmStrip 
{
    background: transparent url(../Images/newdesign/buzz-strip.gif) repeat-x 0px 0px;
    height: 20px;
}

/* Product Status Styles */
#liProductIncident
{
	/*position: relative;*/
	list-style-type: none;
	padding: 0px;		
}

#liProductIncident li
{
	clear: both;
	margin: 15px 0px 0px 30px;	
	padding: 10px;	
}

.normalStatus
{ 
	float: left; 
	position: relative;
}

.lblStatusDate
{	
	position: relative; 
	margin-left: 20px;	
}
/* END Product Status Styles */

#liProductIncident li
{
    border-bottom: dotted 1px #ccc !important;
    height: 20px;
    margin: 0px;
}
.tweet a 
{
    text-decoration: none;
    color: #005B92;
}
.tweet a:hover
{

    color: #33AEE3;
    text-decoration: underline;
}

/*#news-ticker
{
    height: 300px;
    overflow: hidden;
}
#news-ticket li a,
#news-ticket li a *
{
    text-decoration: none;
}*/
