
/**** Features ****/

#features-boxes h2 {
height: 2em;
margin-bottom: 5px;
line-height: 100%;
}

#features-boxes .yui-u .b, #features-boxes .yui-u .c, #features-boxes .yui-u .d
{
height: 220px !important;
}

#features-boxes .location
{
background: url(../../../images/desktop/img_home_location.png) no-repeat bottom right;
height: 100%;
}

#features-boxes .mobile
{
background: url(../../../images/desktop/img_home_mobile.png) no-repeat bottom right;
height: 100%;
}

#features-boxes .express
{
background: url(../../../images/desktop/img_home_expressyourself.png) no-repeat bottom right;
height: 100%;
}

#features-boxes .enterprise
{
background: url(../../../images/desktop/img_home_enterprise.png) no-repeat bottom right;
height: 100%;
}

#features-boxes .mwc
{
background: url(../../../images/desktop/img_home_mwc.png) no-repeat bottom center;
height: 100%;
}

#features-boxes .vote
{
background: url(../../../images/desktop/img_home_vote.png) no-repeat bottom right;
height: 100%;
}

#supported-services
{
    margin-left: 9px;
    *margin-left: 6px;
}

/**** Key Area ****/
#key {
margin-bottom: 2%;
*margin-bottom: 14px;
}

#key h3
{
font-size: 93% !important;
}

#key a {
color: #fff;
}

#keyForm form {
padding: 0 !important;
}

#keyForm {
	width: 284px;
	*width: 284px;
	height: 280px;
	margin-bottom: 0;
	color: #fff;
	padding: 0px;
}

#keyForm h1, #keyForm h2
{
color: #fff;
margin-left: 16px;
}

#keyForm legend {
color: #fff !important;
margin: 0;
*margin-left: -8px;
margin-bottom: 5px;
font-size: 167%;
}

#keyForm input, #keyForm select
{
	border: 1px solid #32557a;
	background-color: #336699 !important;
	color: #fff;
}

#keyForm select { width: 26.5em; *width: 25.5em; }

/*new layout*/
.c
{
    height: 180px;
    margin-top: 20px;
    margin-bottom:0 !important;
    background-color: #eef5fd;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.yui-g .yui-g .yui-u {
    width: 48.1%;
}

#keyContent
{
    height: 340px;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px !important;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc; 
}

#keyContent2
{
    margin-top: 20px;
    height: 45px;
    line-height:45px;
    color:#6699cc;
    background-color: #fff;
    font-size:24px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px !important;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc; 
}

#col2 .yui-b
{
    height: 300px;
    margin-top: 1em;
    background-color: #ccc;
}

#slider {
  float:left;
    position:relative;
    width:952px;
    height:295px;
    z-index:0;
    background:url(../../../images/desktop/_bg/bg_slideshow.png) repeat-x;
}

.scroll {
  height: 295px;
  overflow:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
    width:952px;
    color:#fff !important;
    height:295px;
    line-height:1.8em;
    text-shadow: 0px 1px 1px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=1); 
}

.scrollContainer div.panel a
{
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    margin-top:10px;
    color:#336699;
}

.navigation
{
    width:974px;
    height:57px;
    position:absolute;
    bottom:-45px;
    z-index:1;
    margin:0 !important;
    padding:0 !important;
}

.navigation li
{
    float:left;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center;
    text-transform: uppercase;
    background:none !important;
}

.navigation li a
{
    float:left;
    background:none;
    width:158px;
    height:27px;
    line-height:30px;
    font-size:14px;
    padding:10px 16px;
    margin-top:10px;
    background:url(../../../images/desktop/_bg/bg_slider.png) center bottom repeat-x;
    color:#32557a;
    text-shadow: 0px 1px 1px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=1); 
    display:block;
    font-weight:bold;
    text-decoration:none;
    outline:none;
}

.navigation li:last-child a
{
    float:right;
    width:160px;
}

#about
{

    background:url(../../../images/desktop/_bg/bg_services.jpg) no-repeat;
    width:322px;
    height:255px;
    padding: 40px 195px 0 435px;
}

#about p
{
    clear:both;
    float:left;
    width:302px;
    font-size:11px;
    line-height:16px;
    color: #6699CC;
    margin-top:15px;
}

#about p a
{
    font-size:11px;
}

#groups
{

    background:url(../../../images/desktop/_bg/bg_groups.jpg) no-repeat;
    width:912px;
    height:275px;
    padding:10px 20px;
    z-index:0;
}

#devices
{
    background:url(../../../images/desktop/_bg/bg_devices.png) no-repeat;
    width:912px;
    padding:10px 20px;
    height:275px;
    color:#6699cc !important;
    position:relative;
}

#locations
{

    background:url(../../../images/desktop/_bg/bg_locations.png) no-repeat;
    width:912px;
    padding:10px 20px;
    height:275px;
}

#locations span
{
    width:100px;
    color:#6699cc;
    line-height:1.2em;
    padding:20px 0 0 125px;
}

#message-packs
{
    background:url(../../../images/desktop/_bg/bg_messages.png) no-repeat;
    width:252px;
    padding:30px 680px 10px 20px;
    height:255px;
}

#message-packs p
{
    clear:both;
    float:left;
    width:302px;
    font-size:11px;
    line-height:16px;
    margin-top:15px;
    text-shadow:none;
}

#message-packs p a
{
    font-size:11px;
    color:#32557A;
}

.about-link
{
    float:left;
    margin:30px 0 !important;
    background-color: #D63F2A;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D63F2A), to(#F87A48));
    background-image: -moz-linear-gradient(50% 100% 90deg,#D63F2A, #F87A48);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F87A48', EndColorStr='#D63F2A'); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F87A48', EndColorStr='#D63F2A'); 
    border: 1px solid #D63F2A;
    text-decoration: none;
    font-size: 14px !important;
    font-weight:normal;
    cursor: pointer;
    color: #ffc6a9 !important;
    text-shadow:none;
    padding: 5px 10px;
    *padding: 0px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 1.5em;
    display: inline-block;
    width: auto; /* ie6 width fix */
    overflow: visible; /* ie6 width fix */
}

.message-link
{
    float:left;
    margin:40px 0 !important;
    background-color: #D63F2A;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D63F2A), to(#F87A48));
    background-image: -moz-linear-gradient(50% 100% 90deg,#D63F2A, #F87A48);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F87A48', EndColorStr='#D63F2A'); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F87A48', EndColorStr='#D63F2A'); 
    border: 1px solid #D63F2A;
    text-decoration: none;
    font-size: 14px !important;
    font-weight:normal;
    cursor: pointer;
    color: #ffc6a9 !important;
    text-shadow:none;
    padding: 5px 10px;
    *padding: 0px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 1.5em;
    display: inline-block;
    width: auto; /* ie6 width fix */
    overflow: visible; /* ie6 width fix */
}

#enterprise-consumer
{

    background:url(../../../images/desktop/_bg/bg_enterprise-consumer.jpg) no-repeat;
    width:422px;
    height:265px;
    padding: 30px 330px 0 200px;
    color:#558cc2 !important;
    font-size:18px;
    line-height:20px;
}

#enterprise-consumer h1
{
    margin-bottom:20px;
    font-size:22px;
    font-weight:bold;
}

.navigation li a:hover
{
    background:transparent url(../../../images/desktop/_bg/bg_slider_s.png) center bottom repeat-x;
}

.navigation li a.selected
{
    color:#336699 !important;
    background:url(../../../images/desktop/_bg/bg_slider_o.png) center top transparent !important;
    background:url(../../../images/desktop/_bg/bg_slider_ie.png) center top transparent\0/ !important;
    *background:url(../../../images/desktop/_bg/bg_slider_ie.png) center top transparent !important;
    _background:url(../../../images/desktop/_bg/bg_slider_ie.png) center top transparent !important;
    display:block;
    padding:20px 16px 10px 16px;
    margin-top:0px;
    text-shadow: 0px 1px 1px #fff !important;
    filter: dropshadow(color=#fff, offx=0, offy=1) !important; 
}

#featured
{
    background-image:url(../../../images/desktop/_bg/bg_featured.png) !important;
    background-position: -30px -10px !important;
    background-color:#eef5fd !important;
    background-repeat:no-repeat;
}

#enterprise
{
    background-image:url(../../../images/desktop/_bg/bg_enterprise.png) !important;
    background-position: -30px -10px !important;
    background-color:#eef5fd !important;
    background-repeat:no-repeat;
}

#label
{
    background-image:url(../../../images/desktop/_bg/bg_label.png) !important;
    background-position: -30px -10px !important;
    background-color:#eef5fd !important;
    background-repeat:no-repeat;
}

.download
{
	background-color: #D63F2A;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D63F2A), to(#F87A48));
	background-image: -moz-linear-gradient(50% 100% 90deg,#D63F2A, #F87A48);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F87A48', EndColorStr='#D63F2A'); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F87A48', EndColorStr='#D63F2A'); 
	border: 1px solid #D63F2A;
	text-decoration: none;
	font-size: 24px !important;
	font-weight:normal;
	cursor: pointer;
	color: #ffc6a9;
	margin: 0 !important;
	padding: 5px 65px;
	*padding: 0px 65px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.5em;
	display: inline-block;
	width: auto; /* ie6 width fix */
	overflow: visible; /* ie6 width fix */
}

.download:hover,
.about-link:hover,
.message-link:hover
{
	background-color: #b43726;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b43726), to(#dc6c3f));
	background-image: -moz-linear-gradient(50% 100% 90deg,#b43726, #dc6c3f);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dc6c3f', EndColorStr='#b43726'); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dc6c3f', EndColorStr='#b43726'); 
}

.speech
{
    padding: 10px 10px 0 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 17px;
    word-wrap: break-word;
    color:#336699;
    line-height:1.4em;
    background: #ffe082 url(../../../images/desktop/_bg/bg_forum_author.png) center top repeat-x;
    border: 1px solid #ffbf00;
    z-index:-1;
}

.speech .tail
{
    position: relative;
    bottom: -5px;
    left: -11px;
    width: 12px;
    height: 21px;
    margin: -8px 0;
    background: url(../../../images/desktop/_bg/bg_forum_author_tail.png) left bottom no-repeat;
}

#speech-music
{
    float:left;
    max-width:140px;
    position:absolute;
    left:50px;
    bottom:130px;
}

#speech-people
{
    float:left;
    max-width:150px;
    position:absolute;
    left:325px;
    bottom:140px;
}

#speech-sport
{
    float:left;
    max-width:135px;
    position:absolute;
    right:280px;
    bottom:110px;
}

#speech-games
{
    float:left;
    max-width:150px;
    position:absolute;
    right:20px;
    bottom:170px;
}

.smallGroupRow
{
    padding:5px 0 !important;
}

#available-icons
{
    position:relative;
    top:12px;
}

.download-links
{
    position:absolute;
    bottom:0;
}

.download-links a
{
    float:left;
}

.devices-left
{
    width:550px;
}

h2.other
{
    font-size:110%;
    top:-5px;
    position:relative;
}

.ie-box
{
    width:49.1% !important;
}

