/* GENERIC STYLES USED BY ALL PROMOS */

/* HEADER SPECIFIC */
div.promo-header
{
    background-color:#2d5680;
    background-image:url('/images/promos/promo-header-background.gif');
    background-repeat:repeat-x;
    background-position:top;
    padding:10px 13px;
}
div.promo-header h1
{
    margin:0;
    padding:0;
    font-weight:normal;
    color:#ffffff; 
    font-size:1.4em;
    display:inline;
}
div.promo-header h2
{
    margin:0;
    padding:0;
    font-weight:normal;
    color:#ffffff; 
    font-size:1.4em;
    display:inline;
}
div.promo-header a
{
    color:#ffffff;
    text-decoration:none;
    float:right;
    margin:0 0 0 0;
}
div.promo-header a:hover
{
    text-decoration:underline;
}

/* PROMO BODY */
div.promo-body
{
    padding:10px;
}
div.promo-body label
{
    color:#3f7ab4;
    font-weight:bold;
}
div.promo-body input.send-us
{
    width:237px;
    margin:0 0 0 5px;
}
div.promo-body h2
{
    margin:0 0 5px 0;
    padding:0;
    font-weight:normal;
    color:#407ab5;
    font-size:1.4em;
}
div.promo-body ul
{
    margin:0;
    padding:0;
    list-style-type:none;    
}
div.promo-body ul li
{
    padding:3px 0;
}
div.promo-body ul li a
{
    display:block; 
    width:auto; 
    padding:0 0 0 15px; 
    color:#666666; 
    text-decoration:none; 
    background-image:url('/images/promos/promo-list-link-inactive.gif'); 
    background-position:top left;
    background-repeat:no-repeat;
}
div.promo-body ul li a:hover
{
    text-decoration:underline; 
    background-image:url('/images/promos/promo-list-link-active.gif');
}
div.promo-body p
{
    margin:0 0 10px 0;    
}

div.promo-body p.dotted
{
    padding:0 0 20px 0;
    border-bottom:2px dotted #cccccc; 
    margin:0 0 20px 0;  
}

/* NEWS PROMO CONTROLS CLASSES */

/* Class to automatically hide all news stories */
div ul li.hide{
    display:none;
}
/* Hides the controls if user does not have javascript */
div.hide{
    display:none;
}
/* Control base styles */
div.promo-controls a{
    float:right; 
    margin:0 3px; 
    width:17px; 
    height:17px; 
    background-repeat:no-repeat; 
    cursor:pointer;
}
/* State specific images */
div.promo-controls a.add-item{
    background-image:url('/images/icons/plus-active.gif'); 
}
div.promo-controls a.remove-item{
    background-image:url('/images/icons/minus-active.gif');
}
div.promo-controls a.add-inactive{
    background-image:url('/images/icons/plus-inactive.gif'); 
    cursor:default;
}
div.promo-controls a.remove-inactive{
    background-image:url('/images/icons/minus-inactive.gif'); 
    cursor:default;
}
div.promo-controls a.add-item span, 
div.promo-controls a.remove-item span{
    display:none;
}

/* Latest Work Promo Specific Styles */

div.latest-work-promo div.promo-body div.jquery-item
{
    border-top:2px dotted #cccccc;
    padding:10px 0 0 0;
    margin:0 0 10px 0;
    width:100%;
}
div.latest-work-promo div.promo-body div.first-item
{
    border:0;
    padding:0;
}
div.latest-work-promo div.promo-body div:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.latest-work-promo div.promo-body div.last
{
    border:0;
    padding:0;
    margin:0;
}
div.latest-work-promo div.promo-body div img
{
    margin:0 10px 0 0;
    float:left;
}                
div.latest-work-promo div.promo-body div h3
{
    color:#407ab5;
    font-size:1.25em;
    margin:0;
}
div.latest-work-promo div.promo-body div h3 a
{
    text-decoration:none;
}
div.latest-work-promo div.promo-body div h3 a:hover
{
    text-decoration:underline;
}
div.latest-work-promo div.promo-body div a img
{
    border:2px solid #cccccc;
}
div.latest-work-promo div.promo-body div a:hover img
{
    border:2px solid #2d5680;
}
div.latest-work-promo div.promo-body div p
{
    margin:0;
}

/* Twitter update promo styles */

div.twitter-promo h2
{
    margin:5px 0 0 10px; 
    font-size:1.1em;
    color: #3f7ab4;
}

div.twitter-promo div.twitter-tweet-box
{
    width:144px;
    float:left;
    min-height:169px;
    height:auto !important;
    height:169px;
}
div.twitter-promo div#twitter-feed{
    margin:0 0 0 10px;
    color:#3f7ab4;
    font-size:1em;
    font-weight:bold;
}
div.twitter-promo div#twitter-feed img{
    display:block;
    margin:25px auto 0 auto;
}
div.twitter-promo div#twitter-feed .hide{
    display:none;
}
div.twitter-promo div#twitter-feed p{
    margin:0 0 5px 0;
    color:#000000;
}

div.twitter-promo div#twitter-feed div{
    margin:0; 
    padding:0; 
}

div.twitter-bird-cage
{
    float:right;
    width:153px;
}

/* Monthly Poll Styles */
div.monthly-poll
{
    border:10px solid #ffffff;
    background-image:url('/images/promos/monthly-poll/monthly-poll-background.gif');
    background-repeat:no-repeat;
    background-position:bottom left;
    padding:10px;
    background-color:#cccccc;
    color:#ffffff;
    overflow:hidden;
}
div.monthly-poll h2
{
    margin:0;
}
div.monthly-poll p
{
    margin:5px 0 0 0;
    color:#000000;
}
div.monthly-poll ul
{
    list-style-type:none;
    margin:15px 0 57px 0;
    padding:0;
}
div.monthly-poll ul li
{
    margin:3px 0 15px 0;
}
div.monthly-poll ul li a
{
    color:#ffffff;
    text-decoration:none;
    background-image:url('/images/promos/monthly-poll/question-inactive.gif');
    background-position:left;
    background-repeat:no-repeat;
    padding:0 0 0 20px;
}
div.monthly-poll ul li a:hover
{
    color:#ffffff;
    text-decoration:none;
    background-image:url('/images/promos/monthly-poll/question-active.gif');
}

div.monthly-poll div.monthly-poll-submit
{
    text-align:right;
    clear:both;
    width:100%;
}
div.monthly-poll div.monthly-poll-submit input
{
    background-image:url('/images/buttons/small-button-inactive.gif');
    background-repeat:no-repeat;
    background-position:right;
    border:0;
    padding:3px 22px 3px 0px;
    background-color:transparent;
    cursor:pointer;
}
div.monthly-poll div.monthly-poll-submit input:hover
{
    background-image:url('/images/buttons/small-button-active.gif');
    background-color:transparent;
    cursor:pointer;
}
div.monthly-poll table.monthly-poll-answers
{
    margin:15px 0 65px 0;
    padding:0;
    border-collapse:collapse;
    font-size:1em;
}
div.monthly-poll table.monthly-poll-answers td
{
    vertical-align:top;   
}
div.monthly-poll table.monthly-poll-answers td div
{
    background-image:url('/images/promos/monthly-poll/answers-left.gif');
    background-repeat:no-repeat;
    background-position:top left;
    margin:0;
    float:left;
}
div.monthly-poll table.monthly-poll-answers td div div
{
    background-image:url('/images/promos/monthly-poll/answers-right.gif');
    background-repeat:no-repeat;
    background-position:top right;
    height:12px;
    font-size:1px;
    margin:0;
    border:0;
    width:100%;
}
div.monthly-poll table.monthly-poll-answers td{padding:0 5px 10px 0;}
div.monthly-poll table.monthly-poll-answers td.chart{width:85px;}
div.monthly-poll table.monthly-poll-answers td.question{width:175px;}
div.monthly-poll table.monthly-poll-answers td.question p{margin:0; color:#ffffff;}
/* END Monthly Poll Styles */

/* Mailing List */
input.mailingList
{
    width:325px; 
    border:1px solid #9fbcd9; 
    background-color:#dde8f4; 
    color:#3f7ab4; 
    padding:4px 0;
}
div.mailing-list-form
{
    min-height:165px; 
    height:auto !important; 
    height:165px;
}
div.mailing-thank-you
{
    min-height:135px; 
    height:auto !important; 
    height:135px; 
    text-align:center; 
    color:#3f7ab4; 
    padding:30px 0 0 0;
}
div.mailing-thank-you strong
{
    font-size:34px; 
    margin:0 auto; 
    display:block;
}
/* END Mailing List */

/* Send us your News/Video */
div.small-promo div.send-us
{
    min-height:150px;
    height:auto !important;
    height:150px;
}
div.promo-body input.send-us-btn
{
    float:right;
    margin:10px 11px 0 0;
}
div.promo-body span.errorMsg
{
    float:left;
    margin:10px 0 0 0;   
}

/* END Send us your News/Video */

/* SHARE IT */

body div.small-promo div.share-it p
{
    margin:0;
    color:#999999;
    width:50%;
}
div.small-promo div.share-it a
{
    float:right;  
    color:#999999; 
    margin:0;
}

/* END SHARE IT */


/* Generic page promo */

div.small-promo div.page-promo{
    background-repeat:no-repeat; 
    background-position:top left; 
    clear:both;
    width:282px;
    margin:10px;
    padding:1px 0 0 0;
}
div.small-promo div.page-promo div.page-promo-link{
    margin:69px 0 0 0; 
}
div.small-promo div.page-promo div.page-promo-link div{
    opacity:0.8;
    filter:alpha(opacity=80); 
    background-color:#ffffff;
    min-height:19px;
    height:auto !important;
    height:19px;
    padding:10px 10px;
}
div.small-promo div.page-promo div.page-promo-link div a{
    padding:0 0 0 13px;
    background-image:url('/images/promos/page-promo-backgrounds/link-inactive.gif');
    background-repeat:no-repeat;
    background-position:top left;
    text-decoration:none;
}
div.small-promo div.page-promo div.page-promo-link div a:hover{
    background-image:url('/images/promos/page-promo-backgrounds/link-active.gif');
    text-decoration:underline;
}

/* Specific backgrounds for generic page promo */

div.small-promo div.latest-video{background-image:url('/images/promos/page-promo-backgrounds/latest-video.jpg'); }
div.small-promo div.people-media{background-image:url('/images/promos/page-promo-backgrounds/people-media.jpg'); }
div.small-promo div.where-to-find-us{background-image:url('/images/promos/page-promo-backgrounds/where-we-are.jpg'); }
div.small-promo div.latest-news{background-image:url('/images/promos/page-promo-backgrounds/latest-news.jpg'); }
div.small-promo div.our-history{background-image:url('/images/promos/page-promo-backgrounds/history.jpg'); }
div.small-promo div.contact-us{background-image:url('/images/promos/page-promo-backgrounds/contact-us.jpg'); }
div.small-promo div.graduates{background-image:url('/images/promos/page-promo-backgrounds/graduates.jpg'); }
div.small-promo div.media-buying{background-image:url('/images/promos/page-promo-backgrounds/media-planning.jpg'); }
div.small-promo div.creative{background-image:url('/images/promos/page-promo-backgrounds/creative.jpg'); }
div.small-promo div.digital{background-image:url('/images/promos/page-promo-backgrounds/digital.jpg'); }

/* END Promo backgrounds */


/* To Do List Styles */
div.to-do-list p
{
    margin:10px 0;
    color:#999999;   
}
div.to-do-list ul
{
    float:left;
    width:100%;
    margin:0 0 10px 0;
}
div.to-do-list ul li
{
    padding:5px 0 4px 15px;
    color:#999999;
    background-image:url('/images/promos/promo-list-link-inactive.gif');
    background-repeat:no-repeat;
    background-position:left;
    float:left;
    width:260px;
}
div.small-promo div.to-do-list ul li span
{
    float:left;
}
div.to-do-list ul li a{
    background-image:url('/images/icons/minus-active.gif'); 
    background-repeat:no-repeat; 
    background-position:left;
    padding:0;
    width:17px;
    height:17px;
    display:inline-block;
    margin:0 0 0 5px;
    float:left;
}
div.to-do-list ul li a:hover{
    background-image:url('/images/icons/minus-active.gif'); 
}
div.small-promo div.to-do-list ul li a span
{
    display:none;
}
div.to-do-list  hr{
    height:1px;
    border-top:1px dotted #7fb0e0;
}
div#new-to-do-item{display:none; border:1px solid #336699; background-color:#5a95ce; padding:6px 10px;}
div#new-to-do-item a{color:#ffffff; text-decoration:none;}
div#new-to-do-item a:hover{text-decoration:underline;}

div#ajax-loading-container
{
    width:280px;
    text-align:center;
}
div#ajax-loading-container p
{
    color:#999999;
}
div#ajax-loading-container img
{
    margin:0 auto;
}

/* End To Do List Styles */

/* Case study container */

div.case-study-containter{padding:0;}