/***** Begin sponsor styles *****/
div#sponsors div#StrategicMarketingPartners {
	margin: 10px 0 5px 0;
	height: 15px;
	overflow: hidden;
}

div#content-site div#sponsors {
    background-color: #fff;
    margin-top: 10px;
    width: 160px;
    height: 234px;
    line-height: 234px;
    text-align: center;
}

div#rail-left div#sponsors {
    float: none;
}

div#homepage div#sponsors, div#hp-news-events {
    float: left;
    display: inline;
}

div#homepage div#sponsors {
    background: #fff url('graphics/home/hotshot.jpg') no-repeat right;
    margin-left: -640px;
    padding-right: 10px;
    width: 161px;
    height: 234px;
    text-align: center;
}
/***** End sponsor styles *****/

/***** Begin widget styles *****/
div.widget {
    position: relative;
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    color: #fff;
    overflow: hidden;
}

div.widget-right {float: right;}

div.widget-160x40 {
    width: 160px;
    height: 40px;
}

div.widget-160x90 {
    width: 160px;
    height: 90px;
}

div.widget-160x190 {
    width: 160px;
    height: 190px;
    overflow: hidden;
}

div.widget-330x90 {
    width: 330px;
    height: 90px;
}

div.widget-330x180 {
    width: 330px;
    height: 180px;
}

div.widget-330x190 {
    width: 330px;
    height: 190px;
}

div.widget h3 {
    margin: 14px 0 0 7px;
    color: #075B87;
}

div.widget a.more {
    position: absolute;
    bottom: 9px;
    right: 8px;
}

/* Unique widget styles */
/* Ticket */
div.widget-ticket {
    background: transparent url('images/cctb/bg_wdgt_tickets.jpg') no-repeat;
}

/* Data calendar - Calendar widget that pulls actual data from SMI */
div.widget-data-calendar {
    width: 330px;
    height: 27px;
    border-bottom: solid 1px #B5D0E3;
    overflow: hidden;
}

div.widget-data-calendar div.calendar {
    background: #7eb3d1 url('images/cctb/bg_data_calendar.gif') no-repeat;
    padding: 5px 15px;
    width: 300px;
    height: 180px;
    overflow: hidden;
}

div.widget-data-calendar div.calendar h3 {
    position: relative;
    margin: 0 0 2px 0;
    font-size: 16px;
    color: #6fa00e;
}

div.widget-data-calendar h3 img.rollover {
    position: absolute;
    top: 2px;
    right: 0;
}

table.calendar-grid {
    background-color: #fff;
    border: solid 1px #a5c9dd;
    width: 298px;
    visibility: hidden;
}

table.calendar-grid table.calendar-grid {
    border: 0;
    visibility: visible;
}

table.calendar-grid table {
    float: right;
    width: 130px;
    color: #6697c2;
    font-size: 11px;
    font-weight: bold;
}

.calendar-navigation a:link, .calendar-navigation a:active, .calendar-navigation a:visited {
    display: block;
    padding: 0 3px;
    color: #6697c2;
    font-size: 12px;
    text-decoration: none;
}

th.calendar-grid-header {
    background: #7eb3d1 url('images/cctb/bg_calendar_grid_header.gif') repeat-x;
    border: solid 1px #a5c9dd;
    padding: 0 7px;
    height: 20px;
    text-transform: uppercase;
}

td.calendar-grid-day, td.calendar-grid-today, td.calendar-grid-selected {
    border-right: solid 1px #d2e0e9;
    padding: 2px 0;
}

td.calendar-grid-today, td.calendar-grid-selected {font-weight: bold;}

td.calendar-grid-selected a:link, td.calendar-grid-selected a:active, td.calendar-grid-selected a:visited {
    color: #fff !important;
    font-weight: bold;
}

div.calendar-drawer {
    background: #9bd3e6 url('images/cctb/bg_data_calendar_drawer.gif') no-repeat;
    padding: 2px 15px 0 15px;
    width: 300px;
    height: 143px;
}

div.calendar-drawer h4 {
    margin-bottom: 2px;
    font-size: 11px;
    color: #fff;
}

div.calendar-drawer a.view-all {
    font-size: 10px;
}

div.table-scroll {
    overflow: auto;
    width: 300px;
    height: 110px;
}

table.calendar-items {
    border-spacing: 1px;
    border-collapse: separate;   
}

table.calendar-items td {
    background-color: #fff;
    padding: 2px 4px;
    font-size: 11px;
    color: #333;
}    

table.calendar-items h5 {
    font-weight: normal;
    font-size: 11px;
}

table.calendar-items h5 span.event-dates {color: #898989;}

table.calendar-items tr.pagination table {
    float: none;
    position: static;
}
table.calendar-items tr.pagination td {  
    border-top: 0;
    height: 15px;
}


/* Calendar */
div.widget-calendar {
    background: transparent url('images/cctb/bg_wdgt_calendar.jpg') no-repeat;
}

/* Maps */
div.widget-maps {
    background: transparent url('images/cctb/bg_wdgt_maps.jpg') no-repeat;
}

div.widget-maps h3 {
    margin: 24px 0 14px 54px;
}

/* Newsletter */
div.widget-newsletter {
    background: transparent url('images/cctb/bg_wdgt_newsletter.jpg') no-repeat;
}

div.widget-newsletter h3 {
    margin: 10px 0 14px 7px;
}

div.widget-newsletter input.text {
    margin: 0 4px 0 6px;
    width: 95px;
    font-size: 10px;
    color: #999;
}

/* Travel/Meeting kit */
div.widget-meeting-kit {
    background: transparent url('images/cctb/bg_wdgt_meeting_guide.jpg') no-repeat;
}

div.widget-travel-guide h3, div.widget-meeting-kit h3 {
	position: absolute;
	top: 4px;
	right: 4px;
	margin: 0;
}

div.widget-travel-guide div.buttons, div.widget-meeting-kit div.buttons {
	position: absolute;
	left: 86px;
	bottom: 10px;
	width: 70px;
	text-align: right;
}

/* Sharepoint list widget styles */
div.widget-ticket ul, 
div.widget-calendar ul, 
div.widget-maps ul {
    position: absolute;
    top: 61px;
    left: 18px;
}

div.widget-ticket li, 
div.widget-calendar li, 
div.widget-maps li {
    background: transparent url('images/cctb/bullet_dash_fff.gif') no-repeat 0 6px;
    list-style: none;
    margin-top: 5px;
    padding-left: 10px;
    width: 120px;
    color: #fff;
    font-size: 11px;
}

div.widget-ticket li a:link, div.widget-ticket li a:active, div.widget-ticket li a:visited, 
div.widget-calendar li a:link, div.widget-calendar li a:active, div.widget-calendar li a:visited, 
div.widget-maps li a:link, div.widget-maps li a:active, div.widget-maps li a:visited {
    color: #fff;
}

div.widget-ticket li a:hover, 
div.widget-calendar li a:hover, 
div.widget-maps li a:hover {
    color: #f7fe86;
}


/* Link List widget styles */
div.widget-linklist {
    background: transparent url('images/cctb/bg_wdgt_160x90.gif') no-repeat;
}

div.widget-linklist ul {margin: 1px 0 0 1px;}

div.widget-linklist li {
    width: 158px;
}

div.widget-linklist li a {
    background-color: #4192c4;
    display: block;
    padding: 6px 4px 0 42px;
    width: 112px;
    height: 24px;
    font-size: 13px;
    font-weight: bold;
}

div.widget-linklist li a:link, div.widget-linklist li a:active, div.widget-linklist li a:visited {
    color: #fff;
}

div.widget-linklist li a:hover {
    background-color: #bbd989;
    color: #005c8c;
    text-decoration: none;
}

div.widget-linklist li a.maps {background: transparent url('images/cctb/bg_maps_off.gif') no-repeat;}
div.widget-linklist li a.travel {background: transparent url('images/cctb/bg_travel_off.gif') no-repeat;}
div.widget-linklist li a.hotels {background: transparent url('images/cctb/bg_hotels_off.gif') no-repeat;height: 22px;}

div.widget-linklist li a.maps:hover {background: transparent url('images/cctb/bg_maps_on.gif') no-repeat;}
div.widget-linklist li a.travel:hover {background: transparent url('images/cctb/bg_travel_on.gif') no-repeat;}
div.widget-linklist li a.hotels:hover {background: transparent url('images/cctb/bg_hotels_on.gif') no-repeat;}

/* notebook */
div.widget-notebook {
    background: transparent url('images/cctb/btn_wdgt_notebook_off.jpg') no-repeat;
}

div.widget-notebook ul {margin: 0px 0 0 1px;}

div.widget-notebook li {
    width: 158px;
    
}

div.widget-notebook li a {
    background-color: #4192c4;
    display: block;
    padding: 15px 4px 0 64px;
    width: 112px;
    height: 86px;
    font-size: 14px;
}

div.widget-notebook li a em {
    font-size: 18px;
    color: #D5EBF9;
}


div.widget-notebook li a:link, div.widget-notebook li a:active, div.widget-notebook li a:visited {
    color: #fff;
}

div.widget-notebook li a:hover {
    background-color: #bbd989;
    text-decoration: none;
}

div.widget-notebook li a.notebook {background: transparent url('images/cctb/btn_wdgt_notebook_off.jpg') no-repeat;}

div.widget-notebook li a.notebook:hover {background: transparent url('images/cctb/btn_wdgt_notebook_on.jpg') no-repeat;}


/* Text ads */
div.textad-160x90, div.textad-160x40 {
    padding: 7px 6px 4px 6px;
    width: 148px;
    color: #545454;
    overflow: hidden;
}
div.textad-160x90 {
    background: #ececec url('images/cctb/bg_textad_160x90.jpg') no-repeat;
    height: 79px;
}

div.textad-160x40 {
    background: #ececec url('images/cctb/bg_textad_160x40.jpg') no-repeat;
    height: 29px;
}

div.textad-160x90 h3 {
    margin: 10px 2px 0 12px;
    font-size: 11px;
    line-height: 12px;
    color: #075B87;
}

div.textad-160x90 p {
    margin: 4px 2px 0 12px;
}

div.textad-160x40 h3 {
    display: inline;
    margin: 0 2px 0 0;
    height: 11px;
    line-height: 11px;
    font-size: 11px;
    color: #075B87;
}

div.textad-160x40 p {
    display: inline;
    margin: 0;
}
/***** End widget styles *****/

/***** Begin homepage styles *****/
/* Center stage */

/* This div only appears in edit mode to push down the center stage image, because it has a negative top margin. */
div#publishing-console-separator {height: 22px;}

div#hp-centerstage {
    position: relative;
    width: 650px;
    height: 399px;
    overflow: hidden;
}

div#hp-centerstage img.primary {
    display: block;
}

div#hp-centerstage div.links {
    position: absolute;
    top: 354px;
    left: 172px;
    width: 100%;
    height: 68px;
}

img.register-login, div#hp-centerstage div.link-item{
    float: left;
    display: inline;
}

img.register-login {
    margin: 9px 63px 0 10px;
}

div#hp-centerstage div.link-item{
    margin: 8px 3px 0 0;
    width: 156px;
}

div#hp-centerstage div.link-item h2 {
    margin-bottom: 6px;
}

div#hp-centerstage div.link-item ul {
    display: none;
    margin-left: 14px;
    list-style-type: square;
    text-transform: uppercase;
    color: #000;
    font-size: 9px;
}

div#hp-centerstage li a {
    color: #000;
}

div#hp-centerstage li a:hover {
    color: #1468a4;
}

ul#chicago-by-numbers {
    position: relative;
    display: none;
    list-style: none;
}

h1#chicago-by-numbers-header, ul#chicago-by-numbers li {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 399px;
    overflow: hidden;
}

h1#chicago-by-numbers-header {
    background: transparent url('images/cctb/chicagoxnumbers_0.jpg') no-repeat;
}

h1#chicago-by-numbers-header span {display: none;}

ul#chicago-by-numbers li {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
}

ul#chicago-by-numbers h2 {
    font-size: 18px;
    color: #8bcfee;
}

ul#chicago-by-numbers span.number {color: #a7de4b;}

div#slideshow-contoller {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

img#back-slideshow {visibility: hidden;}

li#slide1 {background: transparent url('graphics/home/chicagoxnumbers_0.jpg') no-repeat;}
li#slide2 {background: transparent url ('http://www.bugaloodesign.com/pepperball/graphics/home/flash.jpg') no-repeat;}
li#slide3 {background: transparent url('images/cctb/chicagoxnumbers_3.jpg') no-repeat;}
li#slide4 {background: transparent url('images/cctb/chicagoxnumbers_4.jpg') no-repeat;}
li#slide5 {background: transparent url('images/cctb/chicagoxnumbers_5.jpg') no-repeat;}
li#slide6 {background: transparent url('images/cctb/chicagoxnumbers_6.jpg') no-repeat;}
li#slide7 {background: transparent url('images/cctb/chicagoxnumbers_7.jpg') no-repeat;}
li#slide8 {background: transparent url('images/cctb/chicagoxnumbers_8.jpg') no-repeat;}
li#slide9 {background: transparent url('images/cctb/chicagoxnumbers_9.jpg') no-repeat;}

li#slide1 div.copy {
    position: absolute;
    top: 25px;
    left: 330px;
    width: 270px;    
}

li#slide2 div.copy {
    position: absolute;
    top: 290px;
    left: 330px;
    width: 280px;    
}

li#slide3 div.copy {
    position: absolute;
    top: 30px;
    left: 250px;
    width: 335px;    
}

li#slide4 div.copy {
    position: absolute;
    top: 30px;
    left: 44px;
    width: 255px;    
}

li#slide5 div.copy {
    position: absolute;
    top: 300px;
    left: 234px;
    width: 385px;    
}

li#slide6 div.copy {
    position: absolute;
    top: 286px;
    left: 42px;
    width: 235px;    
}

li#slide7 div.copy {
    position: absolute;
    top: 34px;
    left: 34px;
    width: 300px;    
}

li#slide8 div.copy {
    position: absolute;
    top: 302px;
    left: 418px;
    width: 205px;    
}

li#slide9 div.copy {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 265px;    
}
/* end */

/* Freestyle filmstrip */
div#freestyle-section {
    position: relative;
    margin-top: 10px;
    width: 640px;
}

div#freestyle-top {
    background: transparent url('images/cctb/bg_freestyle_top.gif') no-repeat;
    width: 640px;
    height: 9px;
    overflow: hidden;
}

div#freestyle-bottom {
    background: transparent url('images/cctb/bg_freestyle_bottom.gif') no-repeat;
    padding-top: 8px;
    width: 640px;
    text-align: center;
    min-height: 11px;
}
/* IE6 div#freestyle-bottom in IE_lt7_styles.css */

div#freestyle-bottom input {outline: 0;}

div#filmstrip h3#section-title {
    margin: 4px 0 3px 4px;
    font-size: 13px;
    line-height: 14px;
}

div#filmstrip div.strip-item {
    float: left;
    display: inline;
}

div#filmstrip {
    background: #f5f7f8 url('images/cctb/bg_freestyle_body.gif') repeat-x;
    border-right: solid 1px #99c3d7;
    border-left: solid 1px #99c3d7;
    padding: 1px 9px;
    width: 620px;
    overflow: hidden;
}

div#filmstrip div.strip-item {
    padding: 0 4px;
    width: 147px;
}
/* IE6 div#filmstrip div.strip-item styles in IE_lt7_styles.css */

div#filmstrip img.media-image {
    display: block;
    margin: 5px auto;
}

div.strip-item h4 {
    margin-top: 10px;
    width: 147px;
    font-size: 11px;
    text-align: center;
    color: #333;
}

div.strip-item h4 a:link, div.strip-item h4 a:active, div.strip-item h4 a:visited {
    color: #333;
}

div.strip-item h4 a:hover {
    color: #297cc4;
    text-decoration: none;
}
/* end */

/* News/events */
div#hp-news-events {
    position: relative;
    margin: 0 0 20px 161px;
    padding-left: 19px;
    width: 460px;
}

div#homepage div.no-sponsors {
    margin: 0 0 20px 0;
}

div#hp-news-events h1 {
    margin: 23px 0 13px 0;
}

div#hp-news-events table td {
	padding: 0 8px 8px 0px;
}

div#landing-copy {
    width: 420px;
}

div#hp-news-events div.hp-summary-links {
    float: left;
    display: inline;
    margin-right: 10px;
    width: 225px;
}

div#hp-news-events h2 {
    margin: 12px 0 10px 0 !important;
    font-size: 12px !important;
    color: #545454;
}

div#hp-news-events ul li {
    list-style: none !important;
    margin: 0 0 9px 0;
    padding-left: 10px;
}

div#hp-news-events ul li.bullet {
    background: transparent url('images/cctb/bullet_dash_333.gif') no-repeat 0 6px !important;
}

div#hp-news-events li a:link, div#hp-news-events li a:active, div#hp-news-events li a:visited {
    color: #333;
}

div#hp-news-events li a:hover {
    color: #1468a4;
}

div.hp-summary-links div.more-link {
    text-align: right;
    text-transform: capitalize;
}

div#hp-news-events a:link, div#hp-news-events a:active, div#hp-news-events a:visited  {
    color: #075B87;
}
/* end */
/***** End homepage styles *****/

/***** Begin utility styles *****/
div#content-utility {
    background-color: #fff;
    margin-top: 10px;
    border: solid 1px #91b5c2;
    padding-top: 8px;
    width: 638px;
    color: #545454;
}

div.article-breadcrumb {margin-left: 60px !important;}

div#utility-content-left {
    margin: 13px 0 0 60px;
    width: 500px;
}

#utility-content-left h3 {
    font-size: 12px;
    color: #333;
    margin-bottom: 6px;
}

#utility-content-left h1 .button {
    margin-bottom: 1px;
}

div#article-content {
	margin-left: 0px;
	line-height: 14px;
}

div#article-content * {line-height: 1.22em;}

div#article-content a:link, div#article-content a:active, div#article-content a:visited {
    font-weight: bold;
}

#utility-content-left a:link, #utility-content-left a:active, #utility-content-left a:visited {
    color: #075B87;
}

#utility-content-left p {
    margin-bottom: 15px;
    padding-right: 40px;
}

#utility-content-left address {
    line-height: 12px;
    margin: 0 0 15px 10px;
}

#utility-content-left ul li {
    list-style: none;
    background: transparent url('images/cctb/bullet_utility.gif') no-repeat left 4px;
    margin-top: 5px;
    padding-left: 12px;
}

#utility-content-left ul ul {
    margin-left: 15px;
    padding-left: 15px;
}

#utility-content-left ul ul li {
    list-style-type: circle;
    background: transparent url('../');
}

#utility-content-left ul ul ul li {
    list-style-type: square;
}

.button {
    margin: 0 6px 7px 0;
    vertical-align: middle;
}

/* Tab styles */
div#content-utility div.tab-body {
    padding-bottom: 10px;
    width: 518px;
    font-size: 12px;
}

div#content-utility div.tab-row {
    background: url('images/cctb/bg_tabrow_wide.png') no-repeat bottom;
    padding-left: 25px;
    width: 495px;
    font-size: 11px;
}
/* end */
/***** End utility styles *****/

/***** Begin article page styles (uses utility master styles too) *****/
div#content-utility .byline {
    position: relative;
    top: -6px;
    left: 0;
    font-size: 12px;
    font-weight: bold;
    color: #545454;
}

div#content-utility .article-details {
    margin: 8px 0;
    font-size: 11px;
    color: #545454;
    font-weight: normal;
}

div#utility-content-left div.tools {
    margin: 10px 0;
}

div#articles-related {
    background: transparent url('images/cctb/bg_doubledot.gif') repeat-x top;
    width: 520px;
    margin: 0 auto;
    padding-top: 10px;
}

div#articles-related h4 {
    font-size: 12px;
    margin-bottom: 9px;
}

div.article-related-box {
    border: solid 1px #ccc;
    float: left;
    margin: 0 0 10px 10px;
    padding: 10px 0 16px 0;
    width: 158px;
}

div.article-related-box div.related-content {
    display: inline; /* Fixes IE double-margin float bug */
    float: right;
    margin-right: 5px;
    width: 75px;
}

div.article-related-box div.related-content p {
    line-height: 12px;
}

div.article-related-box img {
    float: left;
    margin-left: 10px;
    width: 60px;  
}
/***** End article page styles *****/

/***** Begin audience page styles (uses utility master styles too) *****/
div#audience-content {
    margin: 0 0 0 10px;
    width: 438px;
}

div#audience-content * {line-height: 1.22em;}

div#audience-content h3 {
    font-size: 12px;
    color: #333;
    margin-bottom: 6px;
}

div#audience-content a:link, div#audience-content a:active, div#audience-content a:visited {
    color: #075B87;
    font-weight: bold;
}

div#audience-content p {
    margin-bottom: 15px;
}

div#audience-content address {
    line-height: 12px;
    margin: 0 0 15px 10px;
}

div#audience-content ul li {
    list-style: none;
    background: transparent url('images/cctb/bullet_utility.gif') no-repeat left 4px;
    margin-top: 5px;
    padding-left: 12px;
}
/***** End audience page styles *****/

/***** Begin site master styles *****/
div#content-site, div#rail-left {
    display: inline;
}

div#content-site {
    float: right;
    position: relative;
    background-color: #fff;
    margin: 10px 10px 0 0;
    border: solid 1px #91b5c2;
    padding-top: 8px;
    width: 468px;
}

div#rail-left {
    float: left;
    width: 160px;
}

div#rail-left div.navigation-item {margin-top: 10px;}

div#content-site div#breadcrumb {
    margin: 0 0 0 10px;
}

div#content-site .byline {
    margin: 0 10px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #545454;
    z-index: 1000;
}

div#content-site div#memberlist-link {
    float: right;
    display: inline;
    margin: 0 10px 10px 10px;
}

div#content-site div.tools {
    float: left;
    display: inline;
    margin: 0 10px 10px 10px;
}

div#expand-collapse {
    float: left;
    display: inline; /* IE double-float fix */
    margin: 0 0 13px 10px;
    height: 15px;
    overflow: hidden;
}

div#expand-collapse img {
    margin-right: 4px;
}

div#gridview-filters {
    float: right;
    display: inline; /* IE double-float fix */
    margin: 0 10px 13px 10px;
}

div#content-site div.page-summary p {
    margin-left: 10px;
}

/* Tab styles */
div#content-site div.tab-body {
    width: 446px;
}

div#content-site div.tab-row {
    background: url('images/cctb/bg_tabrow.png') no-repeat bottom;
    padding-left: 25px;
    width: 423px;
}
/* end */
/***** End site master styles *****/

/***** Begin search styles *****/
div#search {
    position: absolute;
    top: 10px;
    right: 7px;
}

div#search-bar {
    display: none;
    position: absolute;
    top: -8px;
    right: -4px;
    width: 340px;
    height: 35px;
}

div#search-bar input.text {
    position: absolute;
    top: 6px;
    left: 21px;
    width: 205px;
}

div#search-bar div.buttons {
    position: absolute;
    top: 9px;
    right: 12px;
}

/***** End search styles *****/

/***** Begin tab styles *****/
div.tab-row {
    position: relative;
    top: 1px;
    margin: 10px 0 0 10px;
    height: 22px;
}

span.tab, span.tab span {
    float: left;
    display: inline;
}

span.tab {
    background: url('images/cctb/bg_tab_right_off.png') no-repeat right;
    padding-right: 20px;
    margin-right: 5px;
    height: 17px;
    cursor: pointer;
    cursor: hand;
}

div.ajax-tabs span.tab {
	cursor: text;
}

span.tab span{
    background: url('images/cctb/bg_tab_left_off.png') no-repeat;
    padding-left: 20px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    font-weight: bold;
    color: #545454;
    text-transform: capitalize;
}

span.tab span a:link, span.tab span a:active, span.tab span a:visited, span.tab span a:hover {
	display: block;
	text-decoration: none;
	color: #545454;
    cursor: pointer;
    cursor: hand;
}

/* Selected styles */
span.selected {
    background: url('images/cctb/bg_tab_right_on.png') no-repeat right;
}

span.selected span {
    background: url('images/cctb/bg_tab_left_on.png') no-repeat;
    color: #4e681f;
}

span.selected span a:link, span.selected span a:active, span.selected span a:visited, span.selected span a:hover {color: #4e681f;}
/* end */

/* Hover styles */
span.hover {
    background: url('images/cctb/bg_tab_right_hover.png') no-repeat right;
}

span.hover span {
    background: url('images/cctb/bg_tab_left_hover.png') no-repeat;
    color: #666 !important;
}

span.hover span a:link, span.hover span a:active, span.hover span a:visited, span.hover span a:hover {color: #666;}
/* end */

div.tab-body {
    background-color: #ebfafe;
    margin: 0 0 10px 10px;
    border: solid 1px #9c9c9c;
    padding-top: 10px;
}

div.tab-body p {
    margin: 15px 17px;
}

/* Mozilla */
div.tab-body div.tab-section {
    width: 0;
    height: 0;
    overflow: hidden;
}

/* IE styles of div.tab-section are in IE_styles.css
   Browser specific styles are a temporary fix for making FreeTextBox work in Firefox when it is placed in a div that is not shown.
   Firefox needs to start by using visibility hidden, otherwise FreeTextBox will not register properly.
   A better solution needs to be found. KM */

div.ajax-tab-body div.tab-section { /* reset for ajax/code-behind tabbing */
    width: 100%;
    height: 100%;
    overflow: visible;
}
/***** End tab styles *****/

/***** Begin treeview styles *****/
div#treeview {
    margin-top: 10px;
}

div#treeview h3 {
    background: #a7cb6d url('images/cctb/bg_header_gradient.gif') repeat-x;   
    border: solid 1px #878787;
    padding-left: 8px;
    width: 150px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    color: #4e681f;
}

div#navigation-section {
    background: #ebfafe url('images/cctb/bg_treeview.jpg') no-repeat;
    border: solid 1px #5ca7c7;
    border-top: 0;
    padding-top: 1px;
    width: 158px;
    min-height: 372px;
}
/* IE 6 styles for div#navigation-section are in IE_lt7_styles.css */

div#treeview .navSubMenu1 {margin: 7px 0 13px 8px;} 

div#treeview .navSubMenu2 {margin: 0 0 0 8px;}    

div#treeview a {
    display: block;
    margin-bottom: 4px;
    padding-left: 10px;
    color: #044e8e;
}

div#treeview a.navheader {
    background: transparent url('images/cctb/bg_tv_top_up.gif') no-repeat 0 4px;
    width: 140px;
    font-weight: bold;
}

div#treeview a.navitem {
    background: transparent url('images/cctb/bg_tv_sub_up.gif') no-repeat 0 4px;
    width: 132px;
}

ul#treeview-primary-navigation {
    margin: 10px 0 -2px 0;
}

ul#treeview-primary-navigation a.navheader {
    margin-left: 8px;
}

ul#treeview-secondary-navigation {
    margin-bottom: 10px;
}
/***** End treeview styles *****/

/***** Begin calendar styles (uses site master styles too)*****/
/* Filter styles */
div.calendar-filter {
	position: relative;
    background: transparent url('images/cctb/bg_doubledot.gif') repeat-x bottom;
    margin: 0 0 14px 10px;
    padding: 10px 10px 16px 10px;
    width: 408px;
}

div.calendar-filter div.item {
    margin-bottom: 4px;
    width: 204px;
}

div.calendar-filter label {
    float: left;
    display: inline; /* Fixes IE double-margin float bug */
    margin-right: 10px;
    width: 60px;
    height: 18px;
    line-height: 18px;
}

div.calendar-filter input.text-narrow {
    width: 60px;
    height: 16px;
}

div.calendar-filter input.button {
    margin-bottom: 0;
}

/* div.calendar-filter input.button, IE specific style found in IE_styles.css */

div.calendar-filter div.item select {
    margin-top: 1px;
    width: 212px;
}

div.calendar-filter div.submit {
    margin: 0;
    text-align: right;
}

div.calendar-filter span {
	display: block;
	margin-bottom: 4px;
}
/* end */

div#content-site div.calendar-details-container table.gridview, div#content-popup div.calendar-details-container table.gridview {
    width: 428px;
}

div.calendar-details-container div.location-info {position: relative;}

div.calendar-details-container div.info-bubble {
	top: -114px;
	left: -128px;
	z-index: 2000;
}

div.calendar-details-container div.info-bubble address {
	height: 60px;
}

div.calendar-details-container a.mapit {
	display: block;
	margin-top: 4px;
}
/***** End calendar styles *****/

/***** Begin grid view styles *****/
div#content-site table.gridview, div#content-popup table.gridview {
    width: 447px;
}

table.gridview {
    background-color: #fff;
    margin-left: 11px;
    border: solid 1px #878787;
    font-size: 12px;
}

/* table.gridview, IE specific style found in IE_styles.css */

table.gridview th, table.gridview td {
    border-right: solid 1px #878787;
}    

table.gridview th, table.gridview .table-header {
    background: #a7cb6d url('images/cctb/bg_header_gradient.gif') repeat-x;
    border-bottom: solid 1px #d5d5d5;
    padding: 2px 7px;
    text-align: left;
    color: #4e681f;
}

table.gridview td {
    padding: 5px 7px;
    font-size: 12px;
}

table.gridview td a {
    color: #075B87 !important;
}

table.gridview tr.alt td {
    background-color: #e0f7fd;
}

table.gridview span.bubble {
    border-bottom: dashed 1px #044e8e;
    cursor: pointer;
    cursor: hand;
}

table.gridview td input.inline {
    margin: 0 0 -1px 2px;
}

table.gridview td input.block {
    display: block;
    margin-top: 4px;
}

td.extras input {
    margin: 0 2px;
}

/* Pagination styles */
tr.pagination td {  
    border-top: solid 1px #878787;
    padding: 2px;
}

tr.pagination table {
    float: right;
    position: relative;
    z-index: 100;
}

tr.pagination table td {    
    background: transparent url('images/cctb/bg_pagination.gif') repeat-x;
    border: 0 !important;
    padding: 0;
    height: 13px;
    line-height: 13px;
    font-size: 11px;
    text-align: center;
}

tr.pagination span {
    display: block;
    padding: 0 4px;
    height: 13px;
    line-height: 13px;
}

tr.pagination a:link, tr.pagination a:active, tr.pagination a:visited {
    display: block;
    padding: 0 4px;
    height: 13px;
    line-height: 13px;
    color: #999 !important;
}

tr.pagination a:hover, tr.pagination span {
    background: transparent url('images/cctb/bg_pagination_a.gif') repeat-x;
    display: block;
    color: #fff !important;
    text-decoration: none;
}

select.page-size {
    float: left;
    display: inline;
    margin: 10px;
}

div.alphabet-filtering {
	float: right;
	display: inline;
	margin: 10px;
	width: 300px;
    color: #878787;
}

div.alphabet-filtering a:link, div.alphabet-filtering a:active, div.alphabet-filtering a:visited  {
    font-size: 10px;
    color: #075B87;
}
/* end */  

.noresults {
	display: block;
	margin: 10px;
} 

div.ajax-processing {
	visibility: hidden;
	position: absolute;
	left: 19px;
	background-color: #fff;
	border: solid 2px #878787;
	padding: 15px 10px 25px 10px;
	width: 407px;
}

div.ajax-processing img {margin: 0 10px -10px 0;}
/***** End grid view styles *****/

/***** Begin member-details page styles (uses utility master styles too) *****/
div.member-details-container {
    position: relative;
    width: 518px;
    font-size: 12px;
}

div.member-details-container div#right-column {
    display: inline;
    float: left;
    margin-left: 198px;
    width: 313px;
}

#right-column h1 {
    margin: 0 0 -1px 0;
}

#right-column h1 a:link, #right-column h1 a:active, #right-column h1 a:visited {
    color: #075B87;
}

#right-column h3 {
    background: #a7cb6d url('images/cctb/bg_header_gradient.gif') repeat-x;
    border: solid 1px #999;
    border-bottom: 0;
    color: #4e681f;
    font-size: 12px;
    line-height: 18px;
    margin: 9px 0 0 0;
    padding: 0 6px;
    width: 299px;
}

div.member-details-container #right-column address {
    margin: 0 0 2px 0;
}

#right-column div.toolbar {
	position: relative;
	height: 12px;
}

#right-column div.toolbar div.info-bubble {
	bottom: 11px;
	left: -130px;
	z-index: 2000;
}

#right-column div.toolbar .button {
	margin: 0 6px 0 0;
}

#right-column span.member-description {
	display: block;
	margin: 10px 0;
}

div.member-details-container div#left-column {
    display: inline;
    float: left;
    margin-left: -511px;
    width: 198px;
}

table.main-member-image {
    margin: 0 0 0 9px;
}

table.main-member-image td {
	background-color: #E0F7FD;
	height: 180px;
}

#left-column div.member-thumbnails {
    margin: 5px 0 8px 9px;
    position: relative;
    width: 180px;
}

.member-thumbnails img {
    display: inline;
    float: left;
    margin: 0 1px 1px 0;
    cursor: pointer;
    cursor: hand;
}

div.member-details-container table.gridview {
    margin-left: 1px;
    width: 499px;
}

div.member-details-container div.container-bars table.gridview {
	border-top: 0;
}

div.member-details-container #right-column table.gridview {
    width: 312px;
	border-top: 0;
}

/* #right-column table.gridview, IE specific style found in IE_styles.css */

div.member-details-container h2 {
	font-size: 12px;
	color: #075B87;
	margin-left: 10px;
}

div.member-details-container h2 a:link, div.member-details-container h2 a:active, div.member-details-container h2 a:visited {
    color: #075B87;
}

div.member-details-container address {
	margin: 0 0 10px 10px;
}

/* Facility tab */
div#facility-list {
	margin-left: 10px;
}

div#facility-header {
    background: #a7cb6d url('images/cctb/bg_header_gradient.gif') repeat-x;
	border: solid 1px #878787;
    border-bottom: 0;
    width: 498px;
    font-weight: bold;
    color: #4e681f;
}

div#facility-header span {
	float: left;
	border-right: solid 1px #878787;
	padding: 2px 7px;
}

div#facility-list .one {
	width: 121px;
}

div#facility-list .two {
	width: 100px;
}

div#facility-list .three {
	width: 98px;
}

div#facility-list .four {
	padding-right: 7px;
	width: 113px;
	border-right: 0;
}

/* div#facility-header span, IE specific styles found in IE_styles.css */

div.member-details-container div.container-bars {
	position: relative;
	margin-top: 0;
	border-bottom: solid 1px #878787;
	width: 500px;
	overflow: hidden;
}
/* end */

/* Special Offers tab */
dl.offers {
	margin: 10px 0 0 10px;
}

dl.offers dt {
	margin-bottom: 4px;
	font-weight: bold;
}

dl.offers dd.separate {
	display: block;
	margin-top: 4px;
}

dd.disclaimer {
	font-size: 10px;
	font-style: italic;
}

dl.offers a:link, dl.offers a:active, dl.offers a:visited {
	color: #075B87;
	text-decoration: underline;
}

dl.offers a:hover {
	color: #075B87;
	text-decoration: none;
}
/* end */

div#map-canvas {
	margin-left: 10px;
	border: solid 1px #878787;
	width: 498px;
	height: 300px;
	overflow: hidden;
}

div#map-canvas h4 {font-size: 12px;}

div#map-canvas address {margin: 5px 0 0 0;}

div#next-door {
    background: transparent url('images/cctb/bg_doubledot.gif') repeat-x top;
    width: 520px;
    margin: 9px 0 0 9px;
    padding-top: 10px;
}

div#next-door h4 {
    font-size: 12px;
    margin-bottom: 9px;
}

div#next-door div.box {
    border: solid 1px #ccc;
    display: inline; /* Fixes IE double-margin float bug */
    float: left;
    height: 88px;
    margin: 0 0 10px 10px;
    width: 158px;
}
/***** End member-details page styles *****/

/***** Begin scrolling layer and scrollbar styles *****/
div#holder1 { 
	position: relative;
	margin: 0;
	width: 500px;
	height: 200px;
	overflow: hidden; 
	z-index: 100;
} 

div#wn1  { 
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 200px;
	clip: rect(0, 500px, 200px, 0); 
	overflow: hidden;
	z-index: 1;
}
 
/* op7 needs width set here too (?) */  
div#member-attributes { 
	width: 500px;
}

div.scroll-content { 
	position: absolute;
	visibility: hidden; 
	left: 0;
	top: 0;
	z-index: 1 
}  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
	position: absolute; 
	top: 0;
	right: 0;
	width: 14px;
	height: 170px; 
	font-size: 1px;
	text-align: center;
	z-index: 100;
}

div#track1 { 
	position: absolute;
	left: 0;
	top: 15px;
	background-color: #fff;
	border-left: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	width: 12px;
	height: 170px;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}

div#dragBar1 {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ededed;
	border: solid 1px #d0d0d0;
	width: 10px;
	height: 20px;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}  

div#up1 { position: absolute; left: 0; top: 0; z-index: 2 }
div#down1 { position: absolute; left: 0; top: 184px; z-index: 3 }
/***** End scrolling layer and scrollbar styles *****/

/***** Begin media library styles (uses site master styles too) *****/
div.media-filter {
    background: transparent url('images/cctb/bg_doubledot.gif') repeat-x bottom;
    margin: 0 0 12px 17px;
    padding-bottom: 16px;
    width: 413px;
}

div.media-filter select {
    width: 170px;
}

div.media-filter span {
    margin: 0 24px;
}

div.media {
    margin: 0 0 0 17px;
}

div.media div.image {
    position: relative;
    float: left;
    display: inline;
}

div#portrait div.image {
    margin: 0 10px 10px 0;
    /*width: 95px;
    height: 134px;*/
}

div#landscape div.image {
    margin: 0 6px 10px 0;
    /*width: 134px;
    height: 95px;*/
}

div.media div img {
    display: block;
}

div.media div img.tpng {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    cursor: hand;
}

div.media div.info-bubble {
    bottom: 20px;
    left: -125px;
}

div.media h3 {
	font-size: 12px;
	color: #075B87;
}

div.media li {
    background: transparent url('images/cctb/bullet_utility.gif') no-repeat 0 4px !important;
	list-style: none;
	border-bottom: dashed 1px #666;
	padding: 0 0 10px 10px;
	margin: 0 17px 10px 0;
}

div.media ul a:link, div.media ul a:active, div.media ul a:visited {
	color: #075B87;
}

div.media p.description {
	margin: 0;
}
/***** End media library styles *****/

/* Begin info bubble styles */
/* IE 6 styles in IE 6 stylesheet */

div.info-bubble {
	display: none;
    position: absolute;
    width: 174px;
    font-size: 11px;
    z-index: 1000;
}

div.info-bubble div.info-top {
	background: transparent url('images/cctb/bg_info_top.png') no-repeat;
	width: 174px;
	height: 7px;
}

div.info-bubble div.info-bottom {
	background: transparent url('images/cctb/bg_info_bottom.png') no-repeat;
	width: 174px;
	height: 35px;
}

div.info-bubble div.info-dropshadow {
	background: transparent url('images/cctb/bg_info_dropshadow.png') repeat-y top;
	width: 174px;
}

div.info-bubble div.info-body {
	background: #fffffc url('images/cctb/bg_info_gradient.gif') repeat-x bottom;
	border-left: solid 1px #8c8a63;
	border-right: solid 1px #8c8a63;
	margin: 0 2px;
	padding: 5px 5px 7px 5px;
	width: 158px;
}

div.info-bubble h4, div.info-bubble p {
	font-size: 10px;
	margin: 0;
}
/* End info bubble styles */

/***** Begin notebook page styles (uses site master styles too) *****/
div.notebook-buttons {
    margin: 10px;
    height: 11px;
    overflow: hidden;
    text-align: right;
}

div.notebook {
    position: relative;
    margin: 0 0 10px 10px;
    width: 448px;
}

div.notebook li {
    list-style: none !important;
    margin-bottom: 10px;
}

div.notebook div.item {
    border: solid 1px #d2d2d2;
    border-top: 0;
    width: 446px;
    font-size: 12px;
}

div.notebook h4 span, div.notebook h4{
    color: #075B87;
    font-size: 12px;
}

div.notebook p {
    margin: 0;
}

div.notebook div.details {
    background: #fff url('images/cctb/bg_border_vertical.gif') repeat-y right;
    margin: 10px 0 10px 10px;
    padding-right: 5px;
    width: 191px;
}

div.notebook div.toolbar {
    margin-top: 12px;
}

div.notebook div.comment {
    background: #fff url('images/cctb/bg_border_vertical.gif') repeat-y left;
    margin: 10px 0 10px -1px;
    padding-left: 10px;
}

div.notebook div.comment div.comment-inputs, div.notebook div.comment input.edit-comment, div.notebook div.comment span.comment-text {
    float: left;
    display: inline;
    margin-right: 5px;
}

div.notebook div.comment div.comment-inputs, div.notebook div.comment span.comment-text {
	width: 202px;
}

div.notebook div.comment div.buttons {
    margin-top: 4px;
    width: 202px;
    height: 11px;
    overflow: hidden;
    text-align: right;
}

div.notebook textarea {
    width: 202px;
    height: 50px;
}

div.add-item {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 5px;
    border-top: 0;
    width: 60px;
}

div.add-item input.text {
    width: 355px;
}

div.add-item-bar {
    position: absolute;
    top: -9px;
    left: 0;
    width: 340px;
    height: 35px;
}

div.add-item-bar input.text {
    position: absolute;
    top: 6px;
    left: 21px;
    width: 205px;
}

div.add-item-bar div.buttons {
    position: absolute;
    top: 9px;
    right: 12px;
}

/*Reorder List*/
.dragHandle {
    background: #aece79 url('images/cctb/bg_draghandle.gif') no-repeat;
	width: 448px;
	height: 10px;
	overflow: hidden;
	cursor: move;
}

.callbackStyle {
	border:0;		
}

.reorderCue {
	border: dashed 1px #d2d2d2;
	width: 100%;
	height: 50px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}
/***** End notebook page styles *****/

/***** Begin audience home styles (uses site master styles too) *****/
h3.why-chicago {
	margin: -7px 10px 0 0;
	text-align: right;
	color: #075b87;
	font-size: 12px;
}

h3.why-chicago img {
	margin: 0 0 -1px 5px;
}

div.audience h3 {
	margin: 0 17px 6px 17px;
	font-size: 12px;
	text-transform: uppercase;
}

div.audience ul {
	margin: 6px 0 8px 17px;
	width: 195px;
}

div.audience ul li {	
    background: transparent url('images/cctb/bg_tv_top_up.gif') no-repeat 0 4px;
    padding-left: 10px;
}

div.audience ul a:link, div.audience ul a:active, div.audience ul a:visited {
    color: #075b87;
    text-decoration: underline;
}

div.audience ul a:hover {
	text-decoration: none;
}

div.audience img.rollover {
	display: block;
	margin: 0 0 10px 17px;
}	

div.bulletin-board {	
    background-color: #ebfafe;
    margin: 0 0 10px 10px;
    border: solid 1px #9c9c9c;
    padding-top: 10px;
    width: 446px;
}

div.bulletin-board h2 {
	margin: 5px 17px 14px 17px;
	color: #075b87;
	font-size: 14px;
}

/***** End audience home styles *****/

/***** Begin form styles *****/
div.registration {    
    margin: 0 0 10px 11px;
    border: solid 1px #d2d2d2;
    border-bottom: 0;
    width: 445px;
}

div.step-info {
	margin: 8px 0 4px 10px;
	font-size: 12px;
	font-weight: bold;
    color: #044e8e;
    text-transform: uppercase;
}

div.registration h2 {
	margin: 8px 0 4px 8px;
	font-size: 14px;
    color: #82B200;
}	

div.registration div.section {
	background: #f4f3f3 url('images/cctb/bg_registration_section.gif') repeat-x;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    width: 445px;
}

div.registration div.section p {
    margin: 8px 0 0 8px;
    width: 331px;
}

div.registration div.inputs {
    margin: 8px 0 0 30px;
    width: 331px;
}

div.registration table.checkbox-list td {
	padding: 0 4px 4px 0;
	width: 230px;
}

div.registration div.float-left {
	margin-right: 12px;
}

div.registration label {
	position: relative;
	display: block;
    font-weight: bold;
    color: #044e8e;
}

div.registration label.sub-label {
    font-weight: normal;
}

div.registration label.checkbox, div.registration label.checkbox-acceptance {
	display: inline;
	margin: 0 0 0 2px;
}

div.registration table.checkbox-list label {
	display: inline;
	margin: 0 0 0 2px;
	font-weight: normal;
}

div.registration label.checkbox-acceptance {
	font-weight: normal;
}

label.checkbox-acceptance a:link, label.checkbox-acceptance a:active, label.checkbox-acceptance a:visited {
	font-weight: bold;
	color: #044e8e;
}

span.required {
	color: #82B200;
}

label span.required {
	position: absolute;
	left: -6px;
	top: 0;
	color: #82B200;
}

div.registration input.text-wide, div.registration textarea, div.registration select.multiselect {
    width: 312px;
}

div.registration input.text-narrow {
    width: 148px;
}

div.registration input.text-city {
    width: 100px;
}

div.registration input.text-zip, div.registration input.text-small {
    width: 60px;
}

div.registration input.text-phone3 {
    width: 22px;
}

div.registration input.text-phone4 {
    width: 35px;
}

div.registration div.buttons {
	margin: 8px 8px 0 0;
	height: 11px;
	overflow: hidden;
	text-align: right;
}

div.registration div.buttons .rollover {
	margin-left: 4px;
}

div.inline-help {
    font-size: 10px;
    font-style: italic;
}

div.registration li {
	margin-bottom: 5px;
}

div.registration div.clearing {
	margin-top: -1px;
}

/* Field set styles */
div.registration fieldset {
    margin: 8px 0 10px 30px;
	border: 0;
	padding: 0;
	width: 330px;
}

div.registration legend {
	font-weight: bold;
	color: #044e8e;
	margin: 8px 0 -8px -8px;
}

/* div.registration legend, IE specific style found in IE_styles.css */

div.registration fieldset div.inputs {
    margin: 4px 0 0 2px;
    width: 410px;
}

/* div.registration fieldset div.inputs, IE specific style found in IE_styles.css */

div.registration fieldset.indent div.inputs {
    margin: 4px 0 0 10px;
    width: 410px;
}

/* div.registration fieldset div.inputs, IE specific style found in IE_styles.css */

div.registration fieldset div.float-left {
	width: 190px;
}

div.registration fieldset div.float-left label, div.registration fieldset div.float-left input {
	float: left;
	display: inline;
}

div.registration fieldset div.float-left label {
	width: 120px;
}
/* end */

div.registration-buttons {
	margin: 8px 20px 13px 0;
	text-align: right;
}

div.registration-buttons input {
	margin-left: 4px;
}

div.registration-buttons input.back {
	margin-right: 10px;
}
/***** End form styles *****/

/***** Begin member list styles *****/
div#read-about-it {
	position: absolute;
	top: 0;
	right: 0;
	height: 44px;
}

div#read-about-it div.info-bubble {
	bottom: 30px;
	left: -118px;
}

div.member-list div#breadcrumb, div.member-list h1 {width: 300px;}
 
div.area-icon {
	position: relative;
	height: 11px;
}

div.area-icon div.info-bubble {
	bottom: 11px;
	left: -122px;
}

div.area-icon div.info-bubble {
	text-align: left;
}
/***** End member list styles *****/

/***** Begin venue search styles *****/
div#venue-search {
	width: 612px;
}

div#venue-search div.section {
    position: relative;
	width: 612px;
}

div#venue-search div.inputs {
	width: 582px;
}

div#venue-search input.button, div.venue-results input.button {
	background-color: #ececec;
	margin-top: 4px;
	border: solid 1px #d2d2d2;
	color: #545454;
	cursor: pointer;
	cursor: hand;
}

div.venue-results {
	margin-left: 10px;
}

div.venue-results p {
	margin: 10px 0;
}

img#area-map {
    position: absolute;
    top: 0px;
    right: 10px;
}
/* IE styles for img#area-map are in IE_styles.css */
/***** End venue search styles *****/

/***** Begin Ajax calendar control styles *****/
/* Skinning reference: http://community.bennettadelson.com/blogs/rbuckton/archive/2007/02/02/Skinning-model-for-Calendar-and-Tabs-in-Ajax-Control-Toolkit.aspx */
.ajax__calendar_container {
    border:1px solid #646464;
    background-color: #fff;
    color:#000000;
	z-index: 1000;
}
.ajax__calendar_footer {
    border-top:1px solid #f5f5f5;
} 
.ajax__calendar_dayname {
    border-bottom:1px solid #f5f5f5;
} 
.ajax__calendar_day {
    border:1px solid #ffffff;
} 
.ajax__calendar_month {
    border:1px solid #ffffff;
} 
.ajax__calendar_year {
    border:1px solid #ffffff;
} 
.ajax__calendar_active .ajax__calendar_day {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
} 
.ajax__calendar_active .ajax__calendar_month {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
} 
.ajax__calendar_active .ajax__calendar_year {
    background-color:#edf9ff;
    border-color:#0066cc;
    color:#0066cc;
} 
.ajax__calendar_other .ajax__calendar_day {
    background-color:#ffffff; 
    border-color:#ffffff;
    color:#646464;
} 
.ajax__calendar_other .ajax__calendar_year {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#646464;
} 
.ajax__calendar_hover .ajax__calendar_day {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
} 
.ajax__calendar_hover .ajax__calendar_month {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
} 
.ajax__calendar_hover .ajax__calendar_year {
    background-color:#edf9ff;
    border-color:#daf2fc;
    color:#0066cc;
} 
.ajax__calendar_hover .ajax__calendar_title {
    color:#295383;
} 
.ajax__calendar_hover .ajax__calendar_today {
    color:#0066cc;
}
/***** End Ajax calendar control styles *****/

/***** Begin pop-up content styles *****/
div.popup-content {
    background-color: #fff;
    margin-top: 10px;
    border: solid 1px #91b5c2;
    padding: 10px;
    width: 450px;
}

div.popup-content p {
	margin: 10px 0;
}

div.popup-content td {
	padding-bottom: 5px;
}

div.popup-content td em {
    font-weight: bold;
    font-style: normal;
    color: #044e8e;
}

div.popup-content td em input {
	font-weight: normal !important;
	color: #545454 !important;
}

/* Tab styles */
div#content-popup div.tab-body {
    width: 446px;
}

div#content-popup div.tab-row {
    background: url('images/cctb/bg_tabrow.png') no-repeat bottom;
    padding-left: 25px;
    width: 423px;
}
/* end */
/***** End pop-up content styles *****/

/***** Begin quickpick styles *****/
/* quickpick styles */
div.navigation-item {
    position: relative;
    float: left;
    display: inline;
    width: 160px;
    height: 90px;
}

div.navigation-item dl {
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-weight: bold;
}

div.navigation-item dt {
    display: block;
    font-size: 10px;
    color: #f9f966;
    text-transform: uppercase;
}

div.navigation-item dd {
    display: block;
    font-size: 15px;
    color: #fff;
    /*font-family: "Times New Roman", Times, serif;*/
    
}

div.navigation-item a:link, div.navigation-item a:active, div.navigation-item a:visited {
    display: block;
    width: 160px;
    height: 90px;
}

div.navigation-item a:hover {text-decoration: none;}
/***** End quickpick styles *****/

/***** Begin microsite master styles *****/
body#microsite div#content-site div.tools {
    float: none;
    display: block;
}

div#content-microsite {
    float: right;
    display: inline;
    position: relative;
    margin-right: 10px;
    width: 470px;
}

div#microsite-header {
	background: #fff url('images/cctb/bg_microsite_header.jpg') no-repeat;
	padding: 1px 0 10px 0;
    width: 470px;
}

h1#microsite-logo {
    margin: 67px 0 0 10px;
    width: 450px;
}

div#content-microsite div.microsite-copy {
    background-color: #fff;
    border: solid 1px #91b5c2;
    border-top: 0;
    padding: 8px 0 30px 0;
    width: 468px;
}

div#content-microsite h2 {
    margin-bottom: 10px;
    color: #6fa00e;
    font-size: 18px;
    font-weight: normal;
}

div#content-microsite h3 {
    margin: 12px 0 0 0;
    font-size: 15px;
    color: #075B87;
}

div#content-microsite div.intro {margin: 0 30px 20px 10px;} 

div#content-microsite dl {margin-bottom: 5px;}

div#content-microsite dt, div#content-microsite dd {
    float: left;
    display: inline;
}

div#content-microsite dt {
    margin-right: 5px;
    font-weight: bold;
}

div#content-microsite div.intro p {margin-top: 10px;}

div#content-microsite div.supplemental-content {margin: 0 30px 10px 10px;}

body#microsite div#content-right {
	background: transparent url('images/cctb/bg_microsite_right.jpg') no-repeat;
	padding-top: 1px;
	height: 713px;
}

div#theme-image {margin-top: 116px;}

/***** End microsite master styles *****/

/***** Begin utility microsite styles *****/
body#microsite div#header {height: 50px;}

body#microsite div#translation-selection {
    position: absolute;
    top: 20px;
    right: 350px;
}

body#microsite img.site-logo {
    display: block;
    position: relative;
    top: 8px;
    left: 20px;
    width: 232px;
}

body#microsite div#breadcrumb {
    width: 300px;
}

a.microsite-navigation-link {
    position: absolute;
    top: 22px;
    right: 10px;
    font-size: 11px;
}

div#content-utility-microsite {
    background-color: #fff;
    margin-top: 0px;
    border: solid 0px #91b5c2;
    padding-top: 0px;
    width: 638px;
    color: #545454;
}

div.article-breadcrumb-microsite {margin-left: 60px !important;}

div#utility-content-left-microsite {
    margin: 0px 0 0 0px;
    width: 500px;
}

#utility-content-left-microsite h3 {
    font-size: 0px;
    color: #333;
    margin-bottom: 0px;
}

#utility-content-left-microsite h1 .button {
    margin-bottom: 0px;
}

div#article-content-microsite {
	margin-left: 0px;
	line-height: 14px;
}

div#article-content-microsite a:link, div#article-content-microsite a:active, div#article-content-microsite a:visited {
    font-weight: bold;
}

#utility-content-left-microsite a:link, #utility-content-left-microsite a:active, #utility-content-left-microsite a:visited {
    color: #075B87;
}

#utility-content-left-microsite p {
    margin-bottom: 0px;
    padding-right: 0px;
}

#utility-content-left-microsite address {
    line-height: 0px;
    margin: 0 0 0px 0px;
}

#utility-content-left-microsite ul li {
    list-style: none;
    background: transparent url('images/cctb/bullet_utility.gif') no-repeat left 4px;
    margin-top: 0px;
    padding-left: 0px;
}
/***** End utility miscrosite styles *****/

/***** Begin hotspot layout styles *****/
div#content-hotspot {
    background-color: #fff;
    margin-top: 10px;
    border: solid 1px #91b5c2;
    width: 638px;
    color: #545454;
}

div.hotspots-banner {
    margin: -1px 0 0 -1px;
}

div.hotspots-banner img {display: block;}

div.hotspots-content {min-height: 395px;}
/* IE styles for div.hotspots-content in IE_lt7_styles.css */

/* Landing styles */
div.hotspots-landing div.hotspots-content {background: #fff url('images/cctb/bg_hotspots_content.gif') repeat-x;}

img.powered-by, div.content-categories, div.content-categories div.item {
    float: left;
    display: inline;
}

img.powered-by {margin: 28px 53px 0 23px;}

div.content-categories {width: 444px;}

div.content-categories div.item {
    margin: 10px 15px 0 0;
    padding: 20px 0 0 26px;
    width: 170px;
    height: 158px;
}

div.content-categories div.top {background: transparent url('images/cctb/bg_hotspots_landing_top.gif') no-repeat;}

div.content-categories div.bottom {background: transparent url('images/cctb/bg_hotspots_landing_bottom.gif') no-repeat;}

div.content-categories div.item h3 {
    color: #4f9abc;
    font-size: 15px;
}

div.content-categories div.item li {
    list-style: none;
    background: transparent url('images/cctb/bullet_hotspot_blue.gif') no-repeat 0 3px;
    margin-top: 8px;
    padding-left: 12px;
    font-size: 12px;
    font-weight: bold;
}

div.content-categories div.item li a:link, div.content-categories div.item li a:active, div.content-categories div.item li a:visited {
    color: #00386a;
    text-decoration: none;
}

/* Section styles */
div.hotspots-section div.hotspots-content {
    float: right;
    display: inline;
    padding-top: 1px;
    width: 479px;
}

div.hotspots-section h1 {
    margin: 0 0 18px 0;
    font-size: 16px;
    color: #175b90;
}

div.hotspots-section h2 {
    margin-bottom: 8px;
    border-bottom: solid 1px #b5d3e1;
    padding-bottom: 2px;
    font-size: 14px;
    text-transform: uppercase;
    color: #82B200;
}

div.hotspots-section div.hotspots-content a:link, div.hotspots-section div.hotspots-content a:active, div.hotspots-section div.hotspots-content a:visited {
    color: #1468a4;
}

div.hotspots-section div.column-left, div.hotspots-section div.column-right {
    float: left;
    display: inline;
}

div.hotspots-section div.column-left {
    margin: 16px 18px 0 20px;
    width: 282px;
}

div.hotspots-section div.column-left h3 {
    margin-bottom: 2px;
    font-size: 12px;
    color: #1f4f8a;
}

div.hotspots-section div.column-left p {
    margin-bottom: 8px;
    font-size: 12px;
}

div.hotspots-section div.column-left div.item {margin-bottom: 22px;}

div.hotspots-section a.article-image, div.hotspots-section div.article-text {
    float: left;
    display: inline;
}

div.hotspots-section a.article-image {
    margin-right: 10px;
    width: 72px;
    height: 72px;
    border: solid 1px #cccccc;
}

div.hotspots-section a.article-image + div.article-text {width: 190px;}

div.hotspots-section div.column-right {
    margin-top: 16px;
    width: 159px;
}

a.timeout-link:link, a.timeout-link:active, a.timeout-link:visited {
    background: transparent url('images/cctb/bg_timeout_link.gif') no-repeat;
    display: block;
    margin: 0 0 18px 0;
    padding: 5px 0 0 10px;
    width: 140px;
    height: 35px;
    font-size: 11px;
    color: #1d344c !important;
}

a.timeout-link strong {font-size: 12px;}

a.timeout-more-link:link, a.timeout-more-link:active, a.timeout-more-link:visited {
    background: transparent url('images/cctb/bg_timeout_more_link.gif') no-repeat;
    display: block;
    margin: 0 0 18px 0;
    padding: 5px 0 0 10px;
    width: 140px;
    height: 54px;
    font-size: 11px;
    color: #1d344c !important;
}

a.timeout-more-link strong {font-size: 12px;}

div.hotspots-section div.column-right div.item {
    margin-bottom: 8px;
}

div.hotspots-section div.column-right h3 {
    background: #fff url('images/cctb/bg_pick_header.gif') no-repeat;
    padding: 4px 10px 0 10px;
    width: 128px;
    height: 18px;
    font-size: 12px;
    color: #424242;
}

div.hotspots-section div.column-right h3 strong {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    color: #2274b1;
}

div.hotspots-section div.column-right img.thumb {
    display: block;
    border: solid 1px #ccdee6;
}

div.hotspots-section div.column-right p.caption {
    background: #cddeee url('images/cctb/bg_pick_caption.gif') repeat-x;
    width: 148px;
}

div.hotspots-section div.column-right p.caption a {
    display: block;
    background: #e1eff4 url('images/cctb/bullet_hotspot_nav_blue.gif') no-repeat 5px 10px;
    margin-top: 1px;
    padding: 5px 2px 5px 15px;
    width: 131px;
    font-size: 10px;
    color: #1f4f8a;
}

/* Article styles */
div.hotspots-article div.hotspots-content {
    float: right;
    display: inline;
    margin: 15px 20px 0 20px;
    padding-top: 1px;
    width: 439px;
}

div.hotspots-article h2 {
    float: left;
    display: inline;
    margin: 0;
    width: 275px;
    font-size: 16px;
    color: #175b90;
}

div.hotspots-article a.timeout-link, div.hotspots-article a.timeout-more-link {
    float: right;
    display: inline;
    margin-bottom: 0;
}

div.hotspots-article h1 {
    margin: 18px 0 10px 0;
    font-size: 14px;
    color: #1f4f8a;
}

div.hotspots-article h4 {
    margin: 0 0 10px 0;
    font-size: 10px;
    font-weight: normal;
    color: #9b9b9b;
}

div.hotspots-article div.copy {margin-bottom: 10px;}

div.hotspots-article div.copy img {
    float: right;
    margin: 0 0 10px 15px;
}

/* Left navigation styles */
div.hotspots-left-nav {
    float: left;
    display: inline;
    background: transparent url('images/cctb/bg_hotspots_leftnav.gif') repeat-x;
    border-right: solid 1px #cfcfcf;
    padding: 22px 10px 40px 10px;
    width: 138px;
}

div.hotspots-left-nav h4 {
    color: #61a5c4;
    font-size: 13px;
}

div.hotspots-left-nav ul {margin-bottom: 17px}

div.hotspots-left-nav li {
    list-style: none;
    background: transparent url('images/cctb/bullet_hotspot_nav_black.gif') no-repeat 0 4px;
    margin-top: 4px;
    padding-left: 12px;
    font-size: 11px;
    font-weight: bold;
}

div.hotspots-left-nav a:link, div.hotspots-left-nav a:active, div.hotspots-left-nav a:visited {
    color: #333;
}
/***** End hotspot layout styles *****/

/***** Begin city guides layout styles *****/
div.cityguide-banner {margin-top: 10px;}

div.cityguide-banner img {display: block;}

div.cityguide-content {
    background: #fff url('images/cctb/bg_landing_cloud.jpg') no-repeat;
    border: solid 1px #91b5c2;
    border-top: 0;
    padding: 1px 0 20px 0;
    width: 638px;
}

div.cityguide {
    margin: 10px 16px;
    padding-top: 1px;
    width: 499px;
    height: 168px;
}

div.cityguide div.copy, div.cityguide div.image {
    float: left;
    display: inline;
    margin: 14px 0 0 20px;
}

div.cityguide div.copy {
    width: 314px;
}

div.cityguide div.copy h2 {
    margin-bottom: 8px;
    color: #4f9abc;
    font-size: 18px;
    font-weight: normal;
}

div.cityguide div.copy h3 {
    margin-bottom: 2px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

div.cityguide div.buttons {margin-top: 8px;}

div.cityguide a.arrow-link:link, div.cityguide a.arrow-link:active, div.cityguide a.arrow-link:visited {
    background: transparent url('images/cctb/bg_arrow_button_off.gif') no-repeat top right;
    float: left;
    display: inline;
    margin: 0 18px 0 0;
    padding-right: 20px;
    color: #195fa5;
    font-weight: bold;
}

div.cityguide a.arrow-link:hover {
    background: transparent url('images/cctb/bg_arrow_button_on.gif') no-repeat top right;
    color: #5491a2;
    font-weight: bold;
    text-decoration: none;
}
/***** End city guides layout styles *****/