﻿#sitealert_container {
   display: none;
}

#essentials #search ul,
#features, 
#audiences,
#footer div.separator,
.socialConnections,
#footer div#functionalFoot .personas ul li.more,
.jcarousel-skin-tango
   {display: none;}

body {
   text-align: center;
   font: normal 80% 'Lucida Sans Unicode','Lucida Grande','Trebuchet MS', sans-serif;
   background: #fff;
   padding: 0;
}

.container {
   width: 100%;
   padding: 0;
}

/* --------------------------- HEADER */

#header {
   height: 160px;
   background: url'(/common/images/mobile/bg.gif') 0 -6px repeat-x;
}

h1.branding {
   width: 175px;
   background: url('/common/images/mobile/h1.png') 0 0 no-repeat;
   margin: 10px 0 0 10px;
}

h1.branding:hover,
h1.branding:active {
   opacity: 0.8;
}

#core {
   float: right;
   width: 35%;
}

#essentials {
   height: 153px;
   background: url('/common/images/mobile/bg_essentials.png') left repeat-y;
   padding: 0;
   margin: 0;
}

#essentials #search {
   clear: both;
   width: 100%;
   height: auto;
   padding: 10px;
}

#essentials #search input.searchBox {
   float: right;
   width: 80%;
   padding: 3px;
   margin: 0;
}

#essentials #search button {
   display: none;
/*   float: right;
   padding: 0;
   margin: 5px 0 0 0; */
}

#essentials ul#toplinks {
   float: none;
   width: auto;
   padding: 10px 0 0 0;
}

#essentials ul#toplinks li {
   float: none;
   text-align: right;
   padding: 3px 15px;
}

#essentials ul#toplinks li a {
   background: none;
}

#essentials ul#toplinks li.selected {
   background: url('/common/images/footer_bullet_arrow.gif') 15px 8px no-repeat;
}

#essentials ul#toplinks li a,
#essentials li a {
   padding: 0;
}

#essentials ul#toplinks li.selected a {
   padding: 0 0 0 10px;
}

ul#menu {
   position: absolute;
   top: 60px;
   left: 0;
   padding: 0 0 0 12px;
}

ul#menu li {
   float: none;
   text-align: left;
   padding: 0;
}

ul#menu li span {
   height: 22px;
   font-size: 1em;
   line-height: 1.4em;
   background: url('/common/images/footer_bullet_arrow.gif') left 6px no-repeat;
   padding: 0 0 0 10px;
}

/* --------------------------- CALLOUTS */

#callouts {
   width: 100%;
}

.callout {
   padding: 0; 
   margin: 0;
}

.callout a {
   background: none;
   padding: 2%;
}

#callouts .cac,
#callouts .cac a,
#callouts .bbip,
#callouts .bbip a {
   width: 100%;
   height: auto;
   text-align: left;
   background: none;
   margin: 0;
}

#callouts .callout a:hover,
#callouts .cac a:active,
#callouts .bbip a:active {
   background: #e5e5e5;
}

#callouts .cac {
   border-bottom: 1px solid #e5e5e5;
}

#callouts .cac a span.nodisplay,
#callouts .bbip a span.nodisplay {
   display: block;
   font: bold 1em/1.5em Helvetica Neue, Helvetica, Arial, sans-serif;
}

#callouts .callout a span.nodisplay strong {
   display: block;
   font-size: 1.7em;
   font-weight: normal;
}

/* --------------------------- QUICK LINKS */

.toolbar {display:none;}

.toolbar ul#actions li {
   float: none;
   background: none;
   padding: 0;
}

#footer div#functionalFoot .toolbar ul#actions li a {
   display: block;
   color: #3B3B3B;
   font-weight: bold;
   font-size: 1.1em;
   border-bottom: 1px solid #e5e5e5;
   padding: 5px 10px;
}

#footer div#functionalFoot .toolbar ul#actions li a:hover,
#footer div#functionalFoot .toolbar ul#actions li a:active {
   color: #000;
   background: #F0F0F0;
}

.toolbar ul#common {
   border: none;
   padding: 0;
}

.toolbar ul#common li {
   list-style-type: disc;
   padding: 3px 5px;
   margin-left: 22px;
}

#footer div#functionalFoot .toolbar ul#common li a {
   color: #3B3B3B;
}

#footer div#functionalFoot .toolbar ul#common li a:hover {
   color: #000;
   text-decoration: underline;
}

/* --------------------------- AUDIENCES */

#functionalFoot {
   height: auto;
   background: none;
}

#footer h2 span.nodisplay {
   display: block;
   color: #fff;
   font: bold 12px/1em Helvetica Neue, Helvetica, Arial, sans-serif;
   text-align: left;
   background: #41606a url('/common/images/footer_bullet_arrow.gif') 10px 6px no-repeat;
   padding: 3px 20px;
}

#footer div.module {
   float: none;
   width: 100%;
}

#footer div.module h3 span.nodisplay {
   display: block;
   height: 37px;
   line-height: 2.3em;
   background: url('/common/images/mobile/icons_audience.gif') left top no-repeat;
   padding: 0 0 0 45px;
}

#footer div.module h3 span.workers {
   background-position: 0 -37px;
}

#footer div.module h3 span.providers {
   background-position: 0 -74px;
}

#footer div.personas ul {
   padding: 10px 0;
}

#footer div#functionalFoot .personas ul li a {
   color: #41606a;
}

#footer div#functionalFoot .personas ul li a:hover,
#footer div#functionalFoot .personas ul li a:active {
   color: #000;
}

#footer div.toolbar {
   padding: 0;
}

/* --------------------------- FOOTER */

