/*************************************************

BY 76design	

Generic styles

***************************************************/


/* -- GENERIC */


.left {float:left;}
.right {float:right;}

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.clear			{ clear: both; }

.error { }
.success { }
.warning { }

/***************************************************
	BREADCRUMB
 	*/
#breadcrumb {
	margin:10px 0 0 0;
	padding:0;
	}
#breadcrumb LI {
	display:inline;
	background:none;
	margin:0;
	padding:0;
	}
/*************************************************

National Speakers Bureau
November 2008
BY 76design


***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/160% "Helvetica", Helvetica, Arial, sans-serif;
    background:#f9f8f2 url(../images/html-bkg.gif) repeat-x;
    color: #000;
    }

BODY {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }

/***************************************************
    STRUCTURE
    */
.speakers .submenu{
    width: 632px;
    margin:20px;
}

.speakers #wrapper,
.topics #wrapper {
    width:972px;
}

#wrapper {
    width:972px;
    margin: 0px auto;
    text-align:left;
    }

.home #centrecolumn {
    background:none;
    padding:0;
    }

.home #centrecolumn,
.speaker-profile #centrecolumn,
.speakers #centrecolumn,
.topics #centrecolumn   {
    width:672px;
    }

.speaker-profile #centrecolumn,
.speakers #centrecolumn{
    overflow:hidden;
    }

#centrecolumn {
    float:left;
    background:#FFF;
    padding:20px;
    width:672px;
    margin:0 20px 0 0;

    position:relative;
    }

#rightcolumn {
    width:240px;
    float:left;
    }

.speakers H1,
.topics H1{
    padding:30px 0 0px 20px;
    float:left;
    }

/***************************************************
    HEADER
    */


.logo {
    margin:25px 0;
    border:none;
    padding:0;
    }

.logo A {
    text-indent:-999em;
    display:block;
    background:url(../images/nsb-logo.gif) no-repeat;
    width:332px;
    height:43px;
    }

/***************************************************
    PHONE CONTACT

    The top right contact info on all pages

    */

#phone-contact {
    float:right;
    width:225px;
    text-align:right;
    margin:30px 0 0 0;
    }
/* #phone-contact UL {
    margin:0;
    padding:0;
    list-style:none;
    }
#phone-contact LI {
margin:0 0 5px 0;
clear:both;
height:20px;
}
#phone-contact STRONG{
    padding:3px 6px;
    color:#808080;
    text-decoration:none;
    font-size:110%;
    background:#AC0505;
    float:right;
    }

#phone-contact STRONG {color:#FFF;}
#phone-contact IMG {margin:3px 0 3px 0; float:left;} */
#phone-contact H4 {margin:5px 0 0 0;font-size:110%;color:#000;font-weight:bold; text-transform:capitalize; clear:both;}
#phone-contact a#show-vancouver {display:none;}
/***************************************************
    SEARCH FORM

    the search form is the main search on all pages in the right col
    */
p#other-site{
    overflow:hidden;
    padding: 10px 15px 10px 15px;
    border-bottom:1px solid #EDEDED;
}

#search-form {
    background:#FFF;
    height:450px;
    margin:0 0 20px 0;
    position:relative;
    }

#search-form A {
    /* float:right; */
    color:#212121;
    margin:3px 0;
    font-size:120%;
    }

#search-form A:hover {
    color:#000;
    }

#search-form H2 {
    padding:15px;
    }
#search-form H3 {
    clear:both;
    }

#search-form FORM {
    margin:15px;
    }

#search-form SELECT{
    width:210px;
    }

#search-form .text {
    width:200px;
    vertical-align:top;
    }

#search-form .short {
    width:165px;
    margin:0;
    line-height:16px;
    }

#search-form .submit{
    background:#ac0505;
    padding:5px 25px 5px 5px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    border:none;
    float:right;
    margin:20px 0 0 0;
    clear:both;
    }

#search-form .submit:hover {
    background:#000;
    }

#search-form .submit-search{
    background:#ac0505 url(../images/search.gif) top left no-repeat;
    width:31px;
    height:26px;
    border:none;
    text-indent:-999em;
    float:none;
    padding:2px;
    margin:0;
    line-height:22px; /*ie*/
    }

#search-form .submit-search:hover {
    background:#000 url(../images/search.gif) bottom left no-repeat;
    }

#search-form FORM A {
    display:block;
    color:#808080;
    font-size:120%;
    margin:5px 0 0 0;
    text-align:right;
    }

#search-form FORM A:hover{color:#000}

#search-form FORM #all-speakers {
    margin:8px 0 3px 0;
    }
#search-form FORM #speaker_name_wrapper{
    padding:0;
    border:0;
    margin:0;
    }
/***************************************************
    MAIN MENU

    */

#topmenu {
    margin:0 0 20px 0;
    padding:0;
    height:30px;
    }

#topmenu LI  {
    list-style:none;
    float:left;
    margin:0 20px 0 0;
    position:relative;
    }

#topmenu A {
    display:block;
    padding:6px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-size:110%;
    margin:0;
    width:90px;
    background:#000;
    text-decoration:none;
    }

#topmenu A:hover, #topmenu A.selected {
    background:#ac0505;
    }


.bl { background:url(../images/corners.gif) bottom left no-repeat;display:block; width:20px;height:20px; position:absolute; bottom:0; left:0;}
.br {background:url(../images/corners.gif) bottom right no-repeat; display:block; width:20px;height:20px;position:absolute; bottom:0; right:0;}
.tl {background:url(../images/corners.gif) top left no-repeat;display:block; width:20px;height:20px;position:absolute; top:0; left:0;}
.tr {background:url(../images/corners.gif) top right no-repeat;display:block; width:20px;height:20px;position:absolute; top:0; right:0;}

/***************************************************
    SUBMENU

    */

.submenu {
    list-style:none;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    border-bottom:solid 1px #DFDFDF;
    }

.submenu LI {
    display:inline;
    }

.submenu A {
    font-size:130%;
    padding:4px;
    font-weight: 900;
    text-decoration:none;
    }

/***************************************************
    HOMEPAGE � GRID WIDGET

    The flash piece on the homepage
     */

#grid-widget {
    margin:0 0 20px 0;
    background:#ac0505;
    color:#FFF;
    font-size:160%;
    height:450px;
    line-height:160%;
    }

#grid-widget H2 {
    color:#FFF;
    }

#grid-content {
    padding:40px;
    }

#grid-widget A {
    color:#FFF;
    display:block;
    margin:15px 0;
    }

/***************************************************
    HOMEPAGE � NEWS LIST

    the newslist is the 2 featured articles on the homepage

    */

#news-list {
    background:#fff;
    position:relative;
    padding:0 0 15px 0;
    height:350px; /* height used to align with intro-text */
    overflow:hidden;
    }

/*section title */
#news-list H2{padding:15px 15px 15px 40px;}

/* story title */
#news-list H3 A {text-decoration:none;}

#news-list .rss {
    position:absolute;
    top:0px;
    left:0px;
    }

#news-list UL,
#news-list LI {
    margin:15px;
    padding:0;
    list-style:none;
    }

#news-list LI {
    float:left;
    margin:0 60px 0 0;
    width:291px;
    }

#news-list LI.last {
    margin:0;
    }

#news-list UL IMG {
    float:left;
    margin:0 10px 10px 0;
    }

#news-list UL H3 {
    margin:0 0px 3px 0;
    }

#news-list UL SMALL {
    color:#a1a1a1;
    font-weight:bold;
    font-size:100%;
    margin:0;
    }

#news-list UL P {
    clear:both;
    }

/***************************************************
    HOMEPAGE � INTRO TEXT

    The bottom right paragraph on the homepage

    */

#intro-text {
    background:#fff;
    padding:0 0 15px 0;
    height:350px;
    position:relative;
    }

#intro-text H2{
    padding:15px 15px 15px 15px;
    }

#intro-text H3{
    margin:0 0 15px 0;
    }

#intro-text .intro {padding:0 15px;}

/***************************************************
    SEARCH RESULTS

    */

.search-crumb {
    /*done this way for ie6 */
    float:right;
    margin:0 0 5px 0;
    display:block;
    width:100%;
    text-align:right;
    }

.results {
    margin:0;
    padding:0;
    list-style:none;
    }

.results LI {
    clear:both;
    margin:0 0 15px 0;
    overflow:hidden;
    padding:15px 0 0 0 ;
    }

.results LI A {text-decoration:none;}
.results LI A:hover,
.results LI A:hover STRONG {color:#b2aaaa;}
.results LI A STRONG {color:#212121;}

.results A.speaker-photo{
    margin:0 25px 0 0;
    float:left;
    /* width:192px; */
    }

.exclusive {
    border-bottom:solid 1px #ededed;
    }

.results LI .speaker-precis {
    width:280px;
    float:left;
    margin:0 25px 0 0;
    }

.results LI .speaker-precis H3 {
    font-weight:normal;
    }

.results LI .speaker-precis P{
    font-size:110%;
    }

.results LI .speaker-topics {
    float:left;
    width:160px;
    }

.results LI .speaker-topics H4 {
    color:#212121;
    font-size:120%;
    margin:.5em 0 ;
    }

.results LI .speaker-topics A{
    color:#ac0505;
    text-decoration:none;
    font-weight:bold;
    font-size:120%;
    }

.results LI .speaker-topics A:hover {
    color:#b2aaaa
    }

/***************************************************
    SEARCH RESULTS � FILTER

    the filter drop downs at the top

    */

#filter-form {
    border-top:solid 1px #ededed;
    clear:both;
    padding:15px 0;
    border-bottom:solid 1px #ededed;
    }

#filter-form H3 {
    display:inline;
    margin:0 20px 0 0;
    }

#filter-form .select {
    width:225px;
    margin:0 8px 0 0;
    }

/***************************************************
    PAGINATION (resuable)

    */

.pagination{
    margin:0 0 15px;
    border-top:solid 1px #ededed;
    padding:15px 0 0 0;
    text-align:center;
    }

.pagination A,
.pagination .selected {
    color:#808080;
    text-decoration:underline;
    margin:0 8px;
    font-size:110%;
    }

.pagination A:hover,
.pagination .selected {
    color:#ac0505;
    }

.pagination .selected {
    text-decoration:none;
}

.pagination A IMG {
    vertical-align:middle;
    }

/***************************************************
    SPEAKER PAGE
     */

#speaker-precis H1 {
    margin:0 0 5px 0;
    }

#speaker-precis IMG {
    float:left;
    margin:0 25px 0 0;
    width:130px;
    }

#speaker-precis LI {
    display:inline;
    margin:0 20px 0 0;
    font-size:120%;
    }

#speaker-precis H3 {
    color:#212121;
    margin:0;
    font-weight:normal;
    }

#speaker-precis .speaker-teaser{
    float:left;
    width:430px;
    margin:20px 0 0 0;
    }

#speaker-precis .speaker-teaser BLOCKQUOTE {
    margin-bottom:15px;
    font-size:120%;
    line-height:160%;
    clear:both;
    }

.stats {text-transform:lowercase; padding:0; margin:0 0 20px 0; color:#212121;}
.stats .exclusive{background:url(../images/circles.gif) 0 3px no-repeat; padding:0 0 0 20px;border:none;}
.stats .bilingual{background:url(../images/circles.gif) 0 -77px no-repeat; padding:0 0 0 20px;}
.stats .location{background:url(../images/circles.gif) 0 -152px no-repeat; padding:0 0 0 20px;}

.profile-faux-cols{
    background:url(../images/profile-faux-cols.gif) repeat-y;
    }

.speaker-profile .profile-left{
    width:311px;
    float:left;
    }

.speaker-profile .profile-right {
    width:358px;
    float:left;

    }

.speaker-profile .profile-right .simple-list {
    padding-left:25px;
    padding-right:25px;
    }

/*

The summary profile is being pulled in from espeakers.
Its a bit of a crapshoot in terms of what markup we get from
them - so in order to accomodate we hard code some base font styling.
Its very possible this will break in the future because of it.
This is the start of a safeguard - but will need to be expanded as
espeakers content keeps changing.

*/

.speaker-profile .profile-right #summary,
#summary P {
    font-size:12px !important;
    text-align:left !important;
    }

#summary.simple-list BLOCKQUOTE {
    font-size:16px !important;
    font-style:italic;
    background:url(../images/quote.gif) no-repeat;
    padding:0 15px;
    width:276px;/*IE6 */
    }


#moduleid-news IMG {
    margin:15px;
    clear: both;
    }
#summary UL {
    margin:15px 30px ;
    }
#summary LI {
    border:none;
    list-style:disc;
    }
/***************************************************
    SPEAKER PAGE  �  +ENU

     */

#sharemenu {
    clear:both;
    background:#a91e22;
    padding:12px 8px;
    border-top:solid 1px #901717;
    border-bottom:solid 1px #901717;
    }

#sharemenu A {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    padding:3px 8px;
    margin:0 10px 0 0;
    font-size:110%;
    }

#sharemenu A:hover,
#sharemenu A.selected{
    background:#85181b;
    }

#sharemenu UL {
    width:260px;
    float:right;
    margin:0;
    }
#print_type {
    margin-right:10px;
}
#sharemenu LI {
    float:right;
    list-style:none;
    }

#sharemenu LI A {
    width:16px;
    height:17px;
    display:block;
    text-indent:-999em;
    padding:0;
    }

#sharemenu A.print {background:url(../images/share-icons.gif) top left no-repeat;}
#sharemenu A.email {background:url(../images/share-icons.gif) top right no-repeat;}
#sharemenu A.print:hover {background:url(../images/share-icons.gif) bottom left no-repeat;}
#sharemenu A.email:hover {background:url(../images/share-icons.gif) bottom right no-repeat;}
#sharemenu A.print-small {
    background:url(../images/print-small.gif) no-repeat top left;
    height:16px;
    width:13px;
}
#sharemenu A.print-small:hover {
    background:url(../images/print-small.gif) no-repeat bottom left;
}
/***************************************************
    SPEAKER PAGE  �  SIMPLE LIST
     */
.profile-left .simple-list {
    margin-left:15px;
    }

.simple-list {
    border-top:solid 1px #dfdfdf;
    border-bottom:solid 1px #ffffff;
    clear:both;
    padding:10px 0 0 0;
    }

.simple-list UL,
.simple-list LI {
    list-style:none;
    margin:0;
    padding:0;
    }

.simple-list UL {
    margin:0 0 20px 0;
    }

.simple-list LI IMG {
    float:left;
    margin:0 15px 0 0;
    }

.simple-list LI {
    margin:5px 0;
    }

.simple-list  H3 {
    margin:0 0 15px 0;
    }


.simple-list  H4 {
    border-left:solid 10px #808080;
    font-size:140%;
    display:block;
    color:#212121;
    font-weight:bold;
    text-transform:none;
    padding:5px 8px;
    margin:0;
    }

.simple-list SMALL {
    color:#808080;
    font-weight:bold;
    font-size:110%;
    }

.simple-list A {
    text-decoration:none;
    color:#212121;
    }

.simple-list A:hover {
    text-decoration:none;
    color:#ac0505;
    }

/***************************************************
    SPEAKER � MEDIA GALLERY

    each simple list has some specifics per section...this is it.

     */

.simple-list .arrows,.arrows {
    margin:0 15px 15px 0;
    padding:0;
    float:right;
    }

#media.simple-list .arrows{
    width:30px;
    }

#media.simple-list .arrows LI {
    clear:none;
    }

.arrows LI {
    border:none;
    float:left;
    display:block;
    margin:0;
    padding:0;
    }

#media.simple-list .arrows A,
.arrows A {
    text-indent:-999em;
    background:none;
    padding:0;
    display:block;
    line-height:15px;
    width:15px;
    height:15px;
    }

#media.simple-list .arrows LI.direct-link A,
.arrows LI.direct-link A{
    width:500px;
    text-align:right;
    margin:0 10px 0 0;
    font-size:120%;
    font-weight:bold;
    line-height:15px;
    text-indent:0;
    }
#media.simple-list .arrows  A:hover {padding:0;}
#media.simple-list .arrows .previous A,.arrows .previous A{background:url(../images/arrows-dark.gif) bottom left no-repeat;	}
#media.simple-list .arrows .previous A:hover,.arrows .previous A:hover{background:url(../images/arrows-dark.gif) top left no-repeat;	}
#media.simple-list .arrows .next A:hover,.arrows .next A:hover{background:url(../images/arrows-dark.gif) top right no-repeat;	}
#media.simple-list .arrows .next A,.arrows .next A{background:url(../images/arrows-dark.gif) bottom right no-repeat;	}

.media-gallery .bullet-menu {
    margin:10px auto 10px auto;
    padding:0;
    height:15px;
    /*width:65px;*/
    }

#media.simple-list .bullet-menu A {
    width:15px;
    height:15px;
    text-indent:-999em;
    background:none;
    padding:0;
    display:block;
    float:left;
    line-height:20px;
    }

#media.simple-list .bullet-menu  A.selected{background:url(../images/circles.gif) top left no-repeat;	}
#media.simple-list .bullet-menu  A:hover{background:url(../images/circles.gif) 0 -80px no-repeat;	}
#media.simple-list .bullet-menu  A{background:url(../images/circles.gif) 0 -155px no-repeat;	}

#media A,
#media A.selected{
    background:#ac0505;
    padding:5px 8px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    font-size:120%;
    }

#media A {
    background:#808080;
    }

#media A.nobackground {
    background: none;
}

/**********************************Addon Sam */

#media.simple-list .media-gallery .gallWrapper {
    position:relative;
    width:296px;
    height:213px;
    overflow:hidden;
    margin:0;
    padding:0;
    display:block;
    clear:both;
    }

#media.simple-list .media-gallery .gallWrapper .unitsWrapper {
    position:absolute;
    left:0;
    top:0;
    height:213px;
    margin:0;
    padding:0;
    display:block;
    }

#media.simple-list .media-gallery .gallWrapper .unitsWrapper div{
    width:296px;
    height:213px;
    display:block;
    float:left;
    overflow:hidden;
    margin:0;
    padding:0;
    display:block;
    }

/***************************************************
    SPEAKER � SIMPLE LIST SPECIAL

    each simple list has some specifics per section...this is it.

     */

#presentations LI,
#books LI {
    border:none;
    padding:0 20px 0 0;
    overflow:hidden;
    }

#books H4 {
    border: none;
    }

#topics.simple-list {
    padding-bottom:20px;
    margin:0;
    border-top:none;
    }

#topics.simple-list  A, #topics.simple-list .fakelink {
    background:#ac0505;
    padding:0px 8px;
    margin:2px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    line-height:24px;
    font-size:120%;
    white-space:nowrap;
    width:auto;
    float:left;
    display:block;
    }

#topics.simple-list A:hover {
    background:#808080;
    }

/***************************************************
    SPEAKER � REQUEST INFO (small version)

     */

#short-info-form, #share-with-friend-form {
    background:#7e0b0b;
    color:#FFF;
    padding:0 0 15px 0;
    }

#short-info-form FORM, #share-with-friend-form FORM {
    padding:10px;
    }

#short-info-form  LABEL, #share-with-friend-form LABEL {
    color:#FFF;
    display:block;
    width:100px;
    float:left;
    }

#short-info-form  LABEL#how, #share-with-friend-form LABEL {
    display:block;
    width:200px;
    float:none;
    }

#short-info-form OL, #share-with-friend-form OL {
    float:left;
    width:45%;
    border-bottom:solid 1px #ac0505;

    }

#short-info-form OL#comments, #share-with-friend-form OL#comments {width:55%;}
#short-info-form OL#comments LI, #share-with-friend-form OL#comments LI {	}

#short-info-form LI, #share-with-friend-form LI {
    border-top:solid 1px #ac0505;
    border-right:solid 1px #ac0505;
    border-left:solid 1px #ac0505;
    padding:5px 10px;
    }

#short-info-form  P, #share-with-friend-form P {
    font-size:110%;
    clear:both;
    }

#short-info-form TEXTAREA, #share-with-friend-form TEXTAREA {
    width:327px;
    font-size:120%;
    height:73px;
    }

#short-info-form .text, #share-with-friend-form .text {
    display:inline;
    }

#short-info-form .submit, #share-with-friend-form .submit {
    float:right;
    margin:10px 0;
    }

#short-info-form .error, #share-with-friend-form .error {
    margin: 0 10px 10px 10px;
    padding: 10px;
    color: #FFF;
    border-top: none;
    border-right:solid 1px #ac0505;
    border-bottom:solid 1px #ac0505;
    border-left:solid 1px #ac0505;
    }

/**************************************************
    SPEAKER REQUEST INFO (long version)

     */

.error, .form-errors {
    padding: 5px;
    color: #d44716;
    border: solid 1px #d44716;
    }

/***************************************************
    SPEAKERS � FEATURED speakers

    the scrolly widget on the speaker landing page

     */

#featured-speakers .feature-scroll {
    width:660px;
    overflow:hidden;
    position:relative;
    height:600px;
    clear:both;
    display:block;
    margin:0;
    }

#featured-speakers .feature-scroll DIV{
    clear:both;
    top:0;
    left:0;
    position:absolute;
    width:660px;
    height:600px;
     padding:0;
    margin:15px 0 15px 15px;
    }

#featured-speakers  .feature-scroll DIV UL{

    width:660px;
    height:600px;
    display:block;
    float:left;
    overflow:hidden;
    }

#featured-speakers  .feature-scroll DIV UL LI{
    float:left;
    width:208px;
    height:275px;
    margin:0 0 25px 0;
    padding:0 12px 0 0;
    border:none;
    overflow:hidden;
    text-align:left;
    }

#featured-speakers .feature-scroll DIV UL LI a.speaker-photo{
    width:208px;
    height:118px;
    display:block;
    border:0;
    clear:both;
    }

#featured-speakers .feature-scroll DIV UL LI a.speaker-photo IMG{
    /*position:relative;*/
    height:118px;
    border:0;
    clear:both;
    }



#featured-speakers .feature-scroll DIV UL LI H3 {
    margin:10px 0;
    font-size:140%;
    font-weight:normal;
    width:208px;
    }

#featured-speakers .feature-scroll DIV UL LI P {
    width:192px;
    font-size:110%;
    color:#555555;
    }

#featured-speakers .feature-scroll DIV UL LI  H3 A{
    width:208px;
    display:block;
    text-decoration:none;
    color:#ac0505;
    }

#featured-speakers .feature-scroll DIV UL LI H3 A:hover {
    color:#808080;
    }

#featured-speakers.simple-list,
#featured-topics.simple-list {
    border-bottom:solid 1px #DFDFDF;
    }

.topics H1.topic-title {
    float:none;
    }

.speakers .arrows,
.topics .arrows {
    clear:both;
    margin:15px 8px;
    }

.topics .arrows {
    margin:10px 8px;
    }

.kanban-state-highlight{
    border: 1px solid black;
    background: #AC0505;
    opacity:0.4;
    filter:alpha(opacity=40)
}

/***************************************************
    FEATURED TOPICS

     */

#hot-topics-list  {
    width:190px;
    float:left;
    padding:0 15px 15px 15px;
    }

#hot-topics-list LI {
    padding:0;
    border:0;
    }

#hot-topics-list A {
    font-size:140%;
    font-weight:bold;
    color:#808080;
    }

/* we have to use the important to override the inline styles */
#hot-topics-list A:hover {color:#212121 !important;}
#hot-topics-list A.selected {color:#ac0505 !important;}

#featured-topics .feature-scroll {
    width:440px;
    float:left;
    overflow:hidden;
    position:relative;
    height:600px;
    margin:5px 0 0 0;
    }

#featured-topics .feature-scroll DIV{
    clear:both;
    top:0;
    left:0;
    position:absolute;
    height:600px;
    width:440px;
     margin:0;
    padding:0;
    border:0;
    }
#featured-topics  .feature-scroll DIV UL{
    width:440px;
    height:600px;
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;

    }
#featured-topics  .feature-scroll DIV UL LI{
    float:left;
    width:208px;
    height:275px;
    margin:0;
    padding:0 12px 0 0;
    border:none;
    overflow:hidden;
    text-align:left;
    margin:0 0 25px 0;

    }

#featured-topics .feature-scroll DIV UL LI a.speaker-photo{
    width:208px;
    height:118px;
    display:block;
    border:0;
    clear:both;
    }

#featured-topics .feature-scroll DIV UL LI a.speaker-photo IMG{
    /*position:relative;*/
    height:118px;
    border:0;
    clear:both;
    }

#featured-topics .feature-scroll DIV UL LI H3 {
    margin:10px 0;
    font-size:140%;
    font-weight:normal;
    width:208px;
    }

#featured-topics .feature-scroll DIV UL LI P {
    width:208px;
    font-size:110%;
    color:#555555;
    }

#featured-topics .feature-scroll DIV UL LI  H3 A{
    width:208px;
    display:block;
    text-decoration:none;
    color:#ac0505;
    }

#featured-topics .feature-scroll DIV UL LI H3 A:hover {
    color:#808080;
    }

/***************************************************
    ALPHA(bet) LEGEND

    used on speakers/topics pages this is just the legend

     */

.alpha-legend  {
    height:1%;
    background:#ededed;
    border-bottom:solid 1px #212121;
    padding:8px;
    clear:both;
    }

.alpha-legend LI {
    display:inline;
    list-style:none;
    }
.alpha-legend LI.deadlink {
    color:#bbb;
    font-weight:bold;
    font-size:130%;
    text-decoration:none;
    padding:2px 6px;
    }
.alpha-legend A {
    color:#212121;
    font-weight:bold;
    font-size:130%;
    text-decoration:none;
    padding:2px 6px;
    }

.alpha-legend A:hover  {
    color:#ac0505;
    }

.alpha-legend A.selected {
    color:#FFF;
    background:#ac0505;
    }

P.exclusive {
    border:none;
    float:right;
    padding:0 0 0 15px;
    background:url(../images/exclusive-seal.gif) no-repeat left center;
    }

P.legend {
    clear:both;
    margin:0 20px 10px 0;
    white-space:nowrap;
    }

/***************************************************
    COL LIST

    the item list is used on topic/speaker landing pages.
    It goes with the alpha legend

     */

.col-list-holder{
    position:relative;
    overflow:hidden;
    width:660px;
    height:400px;
    margin:20px 0 0 15px;
    clear:both;
    }

.col-list {
    clear:both;
    position:absolute;
    left:0;
    top:0;
    height:400px;
    }

.col-list UL{
    list-style:none;
    margin:0;
    float:left;
    width:164px;
    height:400px;
    display:block;
    border-left:solid 1px #ededed;
    /* padding:0 10px 0 14px; */
    }

.col-list A {
    font-size:120%;
    line-height:160%;
    text-decoration:none;
    color:#808080;
    width:130px;
    display:block;
    padding:0 0 0 15px;
    margin:0 0 0 10px;
    }

.col-list A:hover {
    color:#212121;
    }

.col-list A.exclusive {
    background:url(../images/exclusive-seal.gif) no-repeat left center;
    color:#ac0505;
    border:none;
    }

/***************************************************
    NEWS � FEATURED NEWS

    TOP 2 Stories on the news page almost identical styling to news-list
    but are kept seperate for flexibility sake.
    */

H1.title {
    float:left;
    width:500px;
    display:block;
    }

.news-rss {float:right; margin:20px 10px 0 0;}

#featured-news  UL {
    padding:0;
    margin:0;
    }

#featured-news {
    background:#fff;
    clear:both;
    padding:0 0 15px 0;
    height:300px; /* height used to align with intro-text */
    position:relative
    }

#featured-news H2{
    padding:15px 15px 15px 40px;
    }

#featured-news H3 A{text-decoration:none;}
#featured-news LI {
    margin:15px;
    padding:0;
    list-style:none;
    }

#featured-news LI {
    float:left;
    margin:0 40px 0 0;
    width:294px;
    padding:0 0 10px 0;
    overflow:hidden;
    }

#featured-news LI.last {
    margin:0;
    }

#featured-news UL IMG {
    float:left;
    margin:0 10px 10px 0;
    }

#featured-news UL H3 {
    margin:0 0px 0px 0;
    }

#featured-news UL SMALL {
    color:#a1a1a1;
    font-weight:bold;
    margin:0;
    }

#featured-news UL P {
    clear:both;
    }

.news-list {
    margin:0;
    padding:0;
    list-style:none;
    }

.news-list LI {
    clear:both;
    margin:0 0 15px 0;
    overflow:hidden;
    padding:15px 0 0 0 ;
    border-top:solid 1px #ccc;
    }

.news-list LI A {text-decoration:none;}
.news-list LI A:hover,
.news-list LI A:hover STRONG {color:#b2aaaa;}
.news-list LI A STRONG {color:#212121;}

.news-list A.speaker-photo{
    margin:0 25px 0 0;
    float:left;
    width:192px;
    }

.news-list LI {padding:20px 0;}
.news-list H3{margin:0;}
.news-list SMALL {
    margin:0 0 8px 0;
    color:#a1a1a1;
    font-weight:bold;
    margin:0;
    }

.news-list LI IMG {
    float:left;
    margin: 0 10px 0 0;
    }
.news-content {
    /* margin:0 0 0 215px; */margin:0 0 0 15px;
    }
.news-list P {
    margin:10px 0 0 0;
    }

.news-list .categories,
.news-list .categories A {
    color:#a1a1a1;
    font-weight:bold;
    }

.news-list .categories{
    color:#212121;
    }

.news-list .categories  A {margin:0 0 0 5px;}
.news-list .categories  A:hover {color:#212121;}

/***************************************************
    NEWS �SIDEMENU

    Currently on just the news page - but might be added to in phase 2

    */
#sidemenu {
    background:#FFF;
    padding:15px;
    position:relative;
    }

#sidemenu UL {
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
    }

#sidemenu LI {
    margin:5px 0;
    padding:0;
    list-style:none;
    }

#sidemenu A  STRONG {
    color:#808080;
    }

#sidemenu A {
    color:#212121;
    text-decoration:none;
    font-size:120%;
    }

#sidemenu A:hover {
    color:#808080;
    }

/***************************************************
    REQUEST INFO FORM (page)

     */

#moduleid-request-info-long,
#moduleid-speaker-submission {
    clear:both;
    }

#moduleid-request-info-long LI,
#moduleid-speaker-submission LI {
    clear:both;
    margin:5px 0;
    }

#moduleid-request-info-long LABEL,
#moduleid-speaker-submission LABEL {
    width:250px;
    float:left;
    clear:both;
    }

#moduleid-request-info-long OL,
#moduleid-speaker-submission OL {
    border-top : solid 5px #ac0505;
    padding:10px 0 0 0;
    }

#moduleid-request-info-long #speaker-budget DIV,
#moduleid-request-info-long #how-did-you-hear DIV {
    margin:0 0 0 250px;
    }

#short-info-form #how-did-you-hear lable {
    color:#000;
}

#moduleid-request-info-long #speaker-budget .radio {
    clear:both;
    display:inline;
    }

#moduleid-request-info-long TEXTAREA,
#moduleid-speaker-submission TEXTAREA {
    font-size:120%;
    }

#moduleid-request-info-long .submit,
#moduleid-speaker-submission .submit {
    margin:20px 0 0 250px;
    }

#moduleid-speaker-submission #captcha-input,
#moduleid-request-info-long LI.captcha {
    margin-left: 250px;
}

/***************************************************
    FOOTER

     */
#footer {
    clear:both;
    margin:20px 0;
    color:#808080;
    }

#footer A {
    color:#808080;
    border-right:solid 1px #808080;
    padding:0 10px 0 0;
    margin:0 10px 0 0;
    text-decoration:none;
    font-size:110%;
    }

#footer A:hover {
    color:#000;
    }

#footer UL {
    float:right;
    margin:0;
    padding:0;
    list-style:none;
    }

#footer LI {
    float:left;
    }

#footer LI .last {
    border:none;
    padding:0;
    }

#footer P {
    margin:0 0 10px 0;
    width:50%;
    }

#footer P.copyright {
    padding:0;
    }

#moduleid-sitemap {
    font-size:120%;
    }
#moduleid-sitemap LI {
    margin:5px 0;
    }
/****************************************************
    jQuery AutoComplete

    */

.ui-autocomplete-results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;

    }

.ui-autocomplete-results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    }

.ui-autocomplete-results li {
    text-align: left;
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
    }

.ui-autocomplete-odd {
    background-color: #f2f2f2;
    }

.ui-autocomplete-over {
    background-color: #ac0505;
    color: white;
    }

.ui-autocomplete-loading {
    color: #A1A1A1;
    }
/*******
*   link in the top left logo
*******/
a#other-site-logo-link{
    text-decoration:none;
    margin:0 5px 0 0;
    overflow:hidden;
    float:left;

}

a#other-site-text-link{
    padding: 4px 8px;
    background: #EBE9E0;
    color: #294C74;
    margin:0;
    float:left;
    text-decoration:none;
    font-size:100%;
    font-weight:bold;
}
a#other-site-text-link:hover{/*294C74*/
    background-color:#294C74;
    color:#fff;
}

div#after-search-message{
    border:2px solid #AC0505;
    padding:10px 5px 0 5px;
    font-size:115%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
div#after-search-message img{
    padding:6px;
    float:left;
}

div#after-search-message p,
div#after-search-message address{
    margin: 5px 40px 15px 40px;
}
#tag-line{
    display:block;
    text-align:right;
    font-size:11px;
    color:#294C74;
    padding:0 0 2px 0;
    width:203px;
}

/**
REcaptcha
**/
#captcha-submit{
    clear: both;
    background: #7E0B0B;
    padding: 12px 8px;
    border-top: solid 1px #901717;
    border-bottom: solid 1px #901717;
}

span#news-smlinks {
    float:right;
}