/* -------------------------------------------------------------- 
   
   snippets.css
      
-------------------------------------------------------------- */


/* Signup Form */

#signup {
    width: 267px; height: 36px; overflow: hidden;
    background: url('/img/email-signup-gray-bg.jpg') no-repeat left top;  
    padding: 34px 0 0 13px;
    }

    #index.retirees #signup.retirees { background: url('/img/signup-retirees.png') no-repeat left top;  }
    
    #secondary #signup { background: url('/img/signup-secondary.jpg') no-repeat left top;  }
    #secondary #signup.retirees { background: url('/img/signup-secondary-retirees.png') no-repeat left top;  }

    .politics #secondary #signup { background: url('/img/signup-secondary-politics.jpg') no-repeat left top !important;  }


#signup input {
    display: block;
    float: left;
    <! -- color: #c2dcea; -->
    color: #fff
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    }


#signup .email-field,
#signup .zip-field {
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 3px 0 0;
    _margin: 0 1px 0 0;
    }

    #signup .email-field { 
     <!-- background: url(/img/signup-input-email.png) no-repeat left top; -->
        background: #fff;
        width: 142px;
        }

    #signup .zip-field {
       <!-- background: url(/img/signup-input-zip.png) no-repeat left top; --
       background: #fff;
        width: 59px;
        }

#signup .submit {
    background: url(/img/signup-button-blue-dark-blue.png) no-repeat left top;
    width: 33px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    outline: none;
    }

    #signup .submit:hover { background-position: left -23px; }




/* Fanbox */

#engage #fanbox {
    width: 258px; height: 58px; overflow: hidden;
    background: url('/img/fanbox-home.jpg') no-repeat left top;  
    margin-top: 10px;
    padding: 42px 0 0 22px
    }


/* connect */

#social {
    width: 262px; 
    height: 53px; overflow: hidden;
    background: url(/img/connect-box.png) no-repeat left top;  
    padding: 47px 0 0 18px; }
#home #social { margin: 10px auto 3px; }
    
#social .like, #social .follow {    
   height: 26px;
   padding: 7px;
   display: inline-block;
   -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
   -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
   	-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out; }
#social .like:hover, #social .follow:hover {
   box-shadow:            1px 1px 2.5px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow:    1px 1px 2.5px rgba(0, 0, 0, 0.25);    
		-webkit-box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.25); }
#social .like:active, #social .follow:active {
   box-shadow:            inset 1px 1px 2.5px rgba(0, 0, 0, 0.2);       
      -moz-box-shadow:    inset 1px 1px 2.5px rgba(0, 0, 0, 0.2);    
   	-webkit-box-shadow: inset 1px 1px 2.5px rgba(0, 0, 0, 0.2); }
      
#social iframe { float: left; }
#social .like iframe { margin-top: 3px; }       
#social .follow iframe { 
   margin: 3px auto 0 2px; }       

#social .like { 
   width: 112px;  
   background-color: #3b5999;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlNWI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
   background-image: -moz-linear-gradient(bottom, #0f2d6d 0%, #3e5b9c 100%);
   background-image: -o-linear-gradient(bottom, #0f2d6d 0%, #3e5b9c 100%);
   background-image: -webkit-linear-gradient(bottom, #0f2d6d 0%, #3e5b9c 100%);
   background-image: linear-gradient(bottom, #0f2d6d 0%, #3e5b9c 100%); }   
#social .like:hover { 
   background-color: #0f2d6d;   
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNWI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBmMmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
   background-image: -moz-linear-gradient(bottom, #3e5b9c 0%, #0f2d6d 100%);
   background-image: -o-linear-gradient(bottom, #3e5b9c 0%, #0f2d6d 100%);
   background-image: -webkit-linear-gradient(bottom, #3e5b9c 0%, #0f2d6d 100%);
   background-image: linear-gradient(bottom, #3e5b9c 0%, #0f2d6d 100%); }      

#social .follow {
   background-color: #00abed;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
   background-image: -moz-linear-gradient(bottom, #00d1f5 0%, #00abed 100%);
   background-image: -o-linear-gradient(bottom, #00d1f5 0%, #00abed 100%);
   background-image: -webkit-linear-gradient(bottom, #00d1f5 0%, #00abed 100%);
   background-image: linear-gradient(bottom, #00d1f5 0%, #00abed 100%);   
   width: 100px;  
   margin-left: 4px; }  
#social .follow:hover  { 
   background-color: #00d1f5;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwZDFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
   background-image: -moz-linear-gradient(bottom, #00abed 0%, #00d1f5 100%);
   background-image: -o-linear-gradient(bottom, #00abed 0%, #00d1f5 100%);
   background-image: -webkit-linear-gradient(bottom, #00abed 0%, #00d1f5 100%);
   background-image: linear-gradient(bottom, #00abed 0%, #00d1f5 100%); }  

#social a.icon { 
   background-position: center center;
   background-repeat: no-repeat;
   width: 28px;
   height: 28px;
   opacity: .8;   
   margin-right: 4px;
   display: inline-block; 
   float: left; 
   -webkit-transition: opacity .3s ease-in-out;
      -moz-transition: opacity .3s ease-in-out;
   	-o-transition:   opacity .3s ease-in-out;
		-ms-transition:  opacity .3s ease-in-out;
		transition:      opacity .3s ease-in-out; }   
   #social a.icon:hover { opacity: 1; }
#social .like a.icon { background-image: url(/img/facebook-icon.png); }
#social .follow a.icon { background-image: url(/img/twitter-icon.png); }


/* Mobile Form */

#mobile {
    width: 267px; height: 54px; overflow: hidden;
    background: url('/img/mobile-iphone.png') no-repeat left top;  
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 41px 0 0 13px;
    }

    #secondary #mobile { background: url('/img/mobile-iphone.png') no-repeat left top;  }

#mobile input {
    display: block;
    float: left;
    color: #c2dcea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    }

#mobile .phone-field {
    width: 115px;
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 3px 0 0;
    _margin: 0 1px 0 0;
    background: url(/img/mobile-input.png) no-repeat left top;
    }
    
    #mobile .phone-field.error { background: url(/img/mobile-input-error.png) no-repeat left top; }


#mobile .submit {
    background: url(/img/mobile-btn.png) no-repeat left top;
    width: 33px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    outline: none;
    }

    #mobile .submit:hover { background-position: left -23px; }

#mobile p { color: #daebf8; }


/* Volunteer Form */

#volunteer {
    width: 267px; height: 36px; overflow: hidden;
    background: url('/img/volunteer.jpg') no-repeat left top; 
    padding: 34px 0 0 13px;
    margin-bottom: 10px;
    }

#volunteer input {
    display: block;
    float: left;
    color: #c2dcea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    border: 0px;
    overflow: hidden;
    }

#volunteer .email-field,
#volunteer .zip-field {
    height: 17px;
    padding: 3px 0 3px 7px;
    margin: 0 3px 0 0;
    _margin: 0 1px 0 0;
    }

    #volunteer .email-field { 
        background: url(/img/volunteer-email.png) no-repeat left top;
        width: 142px;
        }

    #volunteer .zip-field {
        background: url(/img/volunteer-zip.png) no-repeat left top;
        width: 59px;
        }

#volunteer .submit {
    background: url(/img/volunteer-btn.png) no-repeat left top;
    width: 33px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    outline: none;
    }

    #volunteer .submit:hover { background-position: left -23px; }






/* Main Column Box Styles */

#primary .box {
    width: 280px;
    background: url('/img/box-primary-300.png') no-repeat left top;
    padding: 8px 10px;
    margin-bottom: 10px;
    }

#primary .box.wide {
    width: 590px;
    background: url('/img/box-primary-610.png') no-repeat left top;
    padding: 8px 10px;
    margin-bottom: 10px;
    }

#primary .box img { max-width: 280px; }

#primary .box object,
#primary .box embed,
#primary .box iframe { width: 280px; height: 230px; margin: 2px 0 10px 0;}


#primary .box-320 {
    width: 320px;
    background: url('/img/divider-320.png') no-repeat left top;
    padding: 13px 0 0 0;
    }


/* Right Column Box Styles */

#secondary .box {
    width: 280px;
    background: url('/img/box-secondary.png') repeat-y left top;
    margin-bottom: 10px;
    }

    #wrapper #secondary .box .top {
        background: url('/img/box-secondary-top.png') no-repeat left top;
        min-height: 34px !important;
        padding: 0;
        }

    #secondary .box .bottom {
        padding: 8px 11px;
        min-height: 38px;
        background: url('/img/box-secondary-bottom.png') no-repeat left bottom;
        }


    #secondary .box.video .bottom {
        background: url('/img/box-video-secondary-bottom.png') no-repeat left bottom;
        }




/* Box Titles */

.box .title {
    display: block;
    margin: 0 0 14px 0;
    background: transparent !important;
    font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 18px; line-height: 18px;
    color: #0082d5;
    }

.tab-box.box .title { width: 200px; overflow: hidden; }

.box .title span.green { 
    color: #008c42; 
    display: inline; 
    }

    .box a.title:hover { color: #005689; }
    .box a.title:hover span.green{ color: #005329; }


.box a.title[href*='.pdf'],
.box a.title[href*='.png'], .box a.title[href*='.jpg'], .box a.title[href*='.gif'], .box a.title[href*='.tif'],
.box a.title[href*='.swf'], .box a.title[href*='.fla'], .box a.title[href*='.swd'],
.box a.title[href*='.xls'], .box a.title[href*='.csv'], .box a.title[href*='.xlt'], .box a.title[href*='.xlw'],
.box a.title[href*='.ppt'], .box a.title[href*='.pps'],
.box a.title[href*='.doc'], .box a.title[href*='.rtf'], .box a.title[href*='.txt'], .box a.title[href*='.wps'],
.box a.title[href*='.zip'], .box a.title[href*='.gzip'], .box a.title[href*='.rar'] {
    padding-left:0px;
    }



/*--- Box Lists ----*/

.box ul,
.box-320 ul {
    list-style: none; 
    padding: 0; margin: 0;
    }
    
.box li,
.box-320 li {
    margin: 0; padding: 0;
    display: block;
    }

.box li a,
.box-320 li a,
.box.section-body li,
.box .nolinks li{
    display: block;
    margin: 0 auto !important;
    padding: 3px 0 3px 10px;
    background: url('/img/bullet.png') no-repeat 1px 9px;
    font-size: 12px;
    line-height: 14px;
    }

    .box li a:hover, .box-320 li a:hover, .box.section-body li:hover { background-position: 1px -196px; }

.box .archive li a,
.box-320 .archive li a {
    background: transparent;
    }

#primary .box ul.archive li a { 
    width: 220px; 
    display: block; 
    padding: 5px 0px 5px 50px;
    _padding: 5px 0 0 0; _width: 220px;
    text-decoration: none;
    }

.box ul.archive li a:hover { background-color: transparent; }

.box ul.archive li a span.headline { font-size: 14px; line-height: 1.15em; padding: 0; margin: 0;}

.box ul.archive li a span.date { 
    font-size: 10px; 
    line-height: 1.15em; 
    color: #919191; 
    text-transform: uppercase; 
    display: block;
    float: left;
    margin: 2px 0 0 -50px;
    _margin: 2px 0 0 5px;
    .padding-top: 3px;
    _padding-top: 0;
    _width: 50px;
    }

.box ul.archive li a:hover span.date { color: #787878; }

.box ul.archive li a span.description span.source { display: inline-block;}





/*--- Box Typography ----*/

.box h2,
.box-320 h2 {
    font-size: 1.2em; line-height: 1em;
    font-weight: bold;
    margin: 0 0 6px 0;
    }

.box h3,
.box-320 h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 2px 0;
    }

.box p {
    font-size: .8em; line-height: 1.3em;
    margin: 0 0 6px ;
    }

.box table {
    margin: 0 0 1em 0;
    }

.box td {
    font-size: .8em; line-height: 1.2em;
    margin: 0;
    padding: 6px 6px 0 0;
    }

.box .more {
    display: block;
    margin: 10px 0 0 0;
    font-size: 10px;
    text-transform: uppercase;
    }


.box a.more-button{
    background: url('/img/more.png') no-repeat 0 0;
    display: block;
    width: 45px;
    height: 13px;
    margin: 6px 0 0 0;
    text-indent: -100000px;
    }

.box a.more-button:hover {
    background-position: 0 -13px;
    }

.box a.rss {
    background: url('/img/box-rss.png') no-repeat 0 0;
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -100000px;
    float: right;
    }

.box a.rss:hover {
    background-position: 0 -14px;
    }


.box a .thumbnail {
    float: right;
    margin: 5px 0 5px 10px;
    border: 1px solid #dbdbdb;
    padding: 1px;
    }

    .box a:hover .thumbnail { border: 1px solid #b2b2b2; }

.box .divider {
    margin-top: 10px; padding-top: 10px;
    }


/* Left Column */

#primary .box ul,
#primary .box li { width: 280px; }

#primary .box li a { width: 270px; }


/* Right Column */

#secondary .box ul,
#secondary .box li { width: 258px; }

#secondary .box li a { width: 248px; }

#secondary .box .archive li a { width: 198px; padding: 5px 0 5px 50px;}


/* Two-column box*/

#secondary .box .split ul {
    width: 120px;
    float: left;
    padding-left: 18px;
    }

#secondary .box .split ul.first { padding-left: 0px; }

#secondary .box .split li { width: 120px; }

#secondary .box .split li a { 
    width: 110px; 
    padding: 4px 0 4px 10px;
    background: url('/img/bullet.png') no-repeat 1px 10px;
    }

    #secondary .box  .split li a:hover { background-position: 1px -195px; }


/* Right Column */

.box.ui-tabs .ui-tabs-panel {
    width: 280px; 
    position: relative;
    top: -9px; left: 0;
    background-repeat: no-repeat;
    background-position: right top;
    }


/* Top Story Controls */

#primary .box.ui-tabs .ui-tabs-nav,
.video.box.ui-tabs .ui-tabs-nav { 
    top: -28px;
    left: 208px;
    width: 72px;
    }

#primary .box.ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    border-bottom: 0 !important;  
    white-space: nowrap; 
    }


.video.box .ui-tabs .ui-tabs-nav { 
    top: 561px;
    left: 82px;
    width: 72px;
    }


.video.box .ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left !important;
    white-space: nowrap; 
    }


#primary .box.ui-tabs .ui-tabs-nav li,
#primary .box.ui-tabs .ui-tabs-nav li a,
#primary .box.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
#primary .box.ui-tabs .ui-tabs-nav li .frame,
.video.box .ui-tabs .ui-tabs-nav li,
.video.box .ui-tabs .ui-tabs-nav li a,
.video.box .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.video.box .ui-tabs .ui-tabs-nav li .frame { width: 18px !important; height: 10px; padding: 0;}

#primary .box.ui-tabs .ui-tabs-nav li .frame,
.video.box .ui-tabs .ui-tabs-nav li .frame { background: url('/img/dot.png') no-repeat right top; }

#primary .box.ui-tabs .ui-tabs-nav li .frame:hover,
.video.box .ui-tabs .ui-tabs-nav li .frame:hover { background-position: right -10px; }

#primary .box.ui-tabs .ui-tabs-nav li.ui-tabs-selected .frame,
.video.box .ui-tabs .ui-tabs-nav li.ui-tabs-selected .frame { background-position: right -20px; }



/* Video */


.box.video .ui-tabs-panel {
    min-height: 510px;
    }

.box.video ul.vnav li {
    clear: both;
    margin-bottom: 5px;
    white-space: normal !important; 
    }


.box.video ul.vnav li a {
    display: block;
    height: 70px;
    margin: 0 auto !important;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    background: none;
    }

.box.video ul.vnav li a:hover {
    background: #eaf4ef;
    }


.box.video ul.vnav li a img {
    float: left;
    width: 95px;
    height: 70px;
    border: 1px solid #585858;
    margin-right: 6px;
    }

.box.video ul.vnav .ui-tabs-selected {
    background: #edf7f2;
    }

.box.video select {
   -moz-border-radius: 2px; -webkit-border-radius: 2px; 
    width: 100%;
    border: 1px solid #d9d9c5;
    padding: 3px;
    font-size: 12px;
    color: #585858;
    cursor: pointer;
    }
.box.video select:hover {
    background: #dddbdb;
    }


#video-player object,
#video-player embed { width: 100%; }

.video.description { 
    padding: 10px 0 0 0; }

.video.description p { 
    line-height: 15px; }

.video .share-video { 
    background: #f9f9f9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 3px solid #e1e1e1;
    padding: 15px 0 0 0; }

.video .share-video form { 
    padding: 0 15px 8px 15px; }


.video .share-video .embed label { 
    background: url('/img/embed.png') no-repeat 0 0;
    text-indent: -1000px !important;
    width: 35px;
    float: left;
    height: 20px;
    display: block;
    margin: 9px 10px 0 0;}

.video .share-video .embed input#embed_code { 
    border: 1px solid #b1b1b1;
    padding: 3px;
    width: 525px;
    float: left;
    font-size: 12px;
    color: #585858;
    cursor: pointer;
    }

.video .share-video .embed input#embed_code:hover { 
    background: #e6e6e6; }

.video .share-video .bot { 
    background: #f4f4f4;
    padding: 18px 15px 15px; }

.video .share-video .bot span { display: none; }

.video .share-video a.share,
.video .share-video a.email { width: 50px; height: 7px; float: left; display: block; }

.video .share-video a.share { 
    background: url('/img/video-share.png') no-repeat 0 0;
    padding-right: 10px; 
    border-right: 1px solid #dadce1; }
.video .share-video a.email { 
    background: url('/img/video-email.png') no-repeat 0 0;
    margin-left: 15px; }

.video .share-video a.share:hover,
.video .share-video a.email:hover { background-position: 0 -7px; }


/* Directory Map Styles */

#secondary .box.map-secondary embed {
    margin-bottom: 10px;
    }

   #secondary .box.map-secondary select {
      width: 65px; height: 17px;
      float: left;
      background-color: #004c80;
      border: 0;
      margin: 0 10px 4px 0; padding: 2px;
      width: 138px; height: 23px;
      color: #f3f9fd; font-size: 11px; line-height: 19px;
      }

   #secondary .box.map-secondary .enlarge-btn {
      width: 110px; height: 23px;
      display: block;
      float: left;
      background: url('/img/directory-enlarge-btn.png') no-repeat left top;
      }

      #secondary .box.map-secondary .enlarge-btn:hover { background-position: left -23px; }
      #secondary .box.map-secondary .enlarge-btn span { display: none; }

   #secondary .box.map-secondary #map-secondary a { 
      width: 250px; height: 133px;
      display: block;
      background: url('/img/directory-map-backup.png') no-repeat left top;
      }

/* Tweet Box */
p.tweet {
  font-size: 12px;
  margin-bottom: 10px;
  width: 250px;
}

p.tweet a.helper {
  color: #919191;
  font-size: 10px;
  text-transform: uppercase;
}

p.tweet a.helper:hover {
  text-decoration: underline;
}



/* POLITICS - CANDIDATE SEARCH */

.search-area {
  background: #eeeeee;
   -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;  
   padding: 13px; } 

.search-area .left {
   width: 265px;
   float: left; 
   padding-right: 20px;
   margin-right: 20px;
   border-right: 1px solid #cacaca; }
.search-area .left h3 {
   margin: 0 0 6px;
   color: #0082D5; }   
.search-area .left p {
   font-size: 12px;
   line-height: 14px;
   margin-bottom: 0; }  
   
#candidate-search {
   width: 260px; 
   float: left; }

   
/* Label Styling
------------------------ */
#signup label { position: relative; }

   
/* Form Elements
------------------------ */   


#candidate-search ol {
  list-style: none;
  margin: 0;
  padding: 5px 0 0 0; }
      
#candidate-search li { 
   display: inline;
   float: left; }
      
      
#candidate-search input { 
   background: #fff; 
   border: 1px solid #cacaca;   
   width: 138px;
   margin: 0 auto;
   padding: 11px 8px 10px; 
   cursor: pointer; 
   -moz-border-radius: 6px; 
      -webkit-border-radius: 6px;
      border-radius: 6px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   line-height: 15px;
   color: #003856;
   transition: background-color .35s ease-in-out;    
      -webkit-transition: all .35s ease-in-out;  
      -moz-transition: all .35s ease-in-out;  
      -o-transition: all .35s ease-in-out;  
      -ms-transition: all .35s ease-in-out; } 

#candidate-search input:hover { 
   background: #006831; 
   border: 1px solid #fff;         
   color: #fff; }
   
#candidate-search input:focus { 
   background: #fff;   
   border: 1px solid #bebebe;      
   color: #27344e;
   cursor: text; 
   box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.35);       
      -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.35);
   	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.35); }

#candidate-search button {
   background: #005890 url(/design/img/donate-bg.png) repeat-x 0 -50px;
   padding: 11px 9px 10px;
   margin: 0 auto 0 5px;
   border: none;   
   overflow: hidden;
   cursor: pointer;
   font: 300 18px/18px proxima-nova-1,proxima-nova-2,helvetica,arial,sans-serif;
      letter-spacing: 1px;
      color: #dee7ec;
      text-transform: uppercase;
   -moz-border-radius: 8px; 
      -webkit-border-radius: 8px;
      border-radius: 8px;
   transition: background-color .35s ease-in-out; 	
		-webkit-transition: all .35s ease-in-out;  
		-moz-transition: all .35s ease-in-out;  
		-o-transition: all .35s ease-in-out;  
		-ms-transition: all .35s ease-in-out; } 
#candidate-search button:hover {
   background-position: 0 -60px; 
   background-color: #003856;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		box-shadow: 0 1px 3px rgba(0,0,0,.4); }  
#candidate-search button:active { 
   background-color: #003856;
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.35);
		-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.35);
		box-shadow: inset 0 1px 4px rgba(0,0,0,.35); } 
    
/* Error INPUT Styling
--------------------------------------------------- */

#candidate-search input.error { 
   background-color: #5aefa8;
   color: #004b24;
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); }

#candidate-search input.error:hover { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);     
   color: #005228;   
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35); }

#candidate-search input.error:active { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
      -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45); }   
      
/* Error LABEL Styling
--------------------------------------------------- */

#candidate-search label .error { 
   background: #004923;
   border: 4px solid #004923;
   padding: 0 1px;   
   display: block;
   white-space: nowrap;
   position: absolute; 
   left: 0px;
   top: 22px;
   z-index: 9999;
   font-size: 10px;
   line-height: 10px;
   color: #fff; 
   text-align: center;
   text-transform: uppercase; } 
#candidate-search label .error:after, 
#candidate-search .error:before { 
   bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none; } 
#candidate-search label .error:after { 
   border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #004923;
	border-width: 4px;
	left: 40%;
	margin-left: -4px; } 
#candidate-search label .error:before { 
   border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #004923;
	border-width: 10px;
	left: 40%;
	margin-left: -10px; }
   
        
/* Candidates
--------------------------------------------------- */
 
#candidates {
   border-top: 1px solid #eeeeee;
   margin-top: 30px;
   padding: 30px 0 0 0; 
   color: #585858;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px; }   
   
#candidates .result {
   float: left;
   width: 305px;
   min-height: 65px; }
   
#candidates .result.ballot-initiatives {
   float: none;
   width: auto !important;
   min-height: none; 
   font-size: 12px; }   

#candidates .headshot {
   float: left;
   margin: 0 10px 10px 0; }  

#candidates h4 {
   font-size: 18px;
   color: #0082d5;
   margin: 0 0 3px; }
   
#candidates p { margin: 0 0 10px; }

#candidates strong {
   font-size: 10px;
   text-transform: uppercase;
   color: #585858; }  
   
#candidates a.more-info  {
   font-size: 10px;
   text-transform: uppercase; }