@import url('css/reset-min.css');
@import url('css/fonts/avenir.css');
@import url('css/jquery-ui-1.8.min.css');
@import url('css/discovery-widgets-1.4.min.css');
@import url('css/discovery-widgets-theme-advanced-1.4.min.css');

body { background:#fff; padding:10px 0 0; }

address,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
blockquote,th,td,table,caption,sup,sub,
legend,del,ins {
    font-family:'Avenir45Book', 'Helvetica', 'Arial', sans-serif;
    line-height:20px;
    font-weight:normal;
    letter-spacing:0;
}

h1,h2,h3,h4{ font-family:'Avenir65Medium', 'Helvetica', 'Arial', sans-serif; }

h1 { font-size:32px; line-height:35px; }
h2 { font-size:22px; line-height:30px; }
h3 { font-size:20px; line-height:24px; }
h4 { font-size:18px; line-height:22px; }
p { font-size:16px; }
cite { font-size:13px; line-height:14px; }
blockquote { color:#777; }
p, dd, h1, h2, h3, h4 { margin:0 0 20px; }
dt {
    font-family:'Avenir65Medium', 'Helvetica', 'Arial', sans-serif;
    margin:0 0 10px;
    font-size:18px;
}

a { outline:none; color:#547d9d; text-decoration:none; }
a:link,
a:active,
a:visited,
a:hover { text-decoration:none; }
a:visited { color:#607383; }

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


b {
    font-family:'Avenir95Black', 'Helvetica', 'Arial', sans-serif;
    font-weight:normal;
}

/* Content Blocks */
.centered-block,
.two-column,
.featured-pages-wrapper { margin:0 auto; clear:both; }
.column                 { float:left; display:inline; }
.centered-block,
.two-column             { width:960px; }
.featured-pages-wrapper { width:1070px; }

.full-width,
.full-width-bar,
.full-width-shadow  { display:inline-block; width:100%; }

.full-width,
.full-width-shadow  { background-repeat:repeat-x; }

.full-width-bar {
    background-color:#435a6e;
    background-image:url(images/full-width-background.gif);
    padding:40px 0 0;
    margin:5px 0 0;
}
.full-width-shadow {
    background-image:url(images/full-width-shadow.gif);
    margin:-5px 0 20px;
    border-top:1px solid #333;
    height:10px;
}

.two-column #content    { width:600px; margin:0 30px 0 0; }
.two-column #sidebar    { width:300px; }
.two-column #sidebar p  { float:none; display:block; }

.c1 { width:60px; }
.c2 { width:140px; }
.c3 { width:220px; }
.c4 { width:300px; }
.c5 { width:380px; }
.c6 { width:460px; }
.c7 { width:540px; }
.c8 { width:620px; }
.c9 { width:700px; }
.c10 { width:780px; }
.c11 { width:860px; }
.c12 { width:940px; }

.column { margin:0 10px 10px; }

.widget { border:2px solid #ffd200; margin:0; text-align:center; padding:2px; margin:0; }
.widget div { background:#fff1dd; margin:4px; padding:30px 20px 10px; }
.widget, .widget div { -webkit-border-radius:8px; -moz-border-radius:8px; }
.widget.c3 { width:230px; height:152px; }
.widget p, .widget h3 { color:#333; }
.widget h3 { font-size:24px; }
.widget h3 .widget img { float:left; display:inline; }
.widget a { color:#333 !important; }

.row { width:960px; margin:10px auto 20px; clear:both; }
.row .row { width: auto; display: inline-block; }

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

#page { padding:20px 0 0; }

.map                { margin:0 10px 0 0; padding:0 0 20px; }
.map img            { border:1px solid #666; margin:0 0 8px; }
.map address        { font-size:14px; color:#ddd; }

/* End Caps */
#header h1 a    { height:70px; }
#logo           { float:left; padding:10px 0 0; }
#footer {
    background:#666;
    padding:20px 0;
    margin:40px 0 0;
    color:#fff;
    border-top:1px solid #555;
}
#footer p.copyright { font-size:10px; color:#ccc; float:left; }

/* Main Nav: 
 * Handles menus 2 levels deep with current page and parent page 
 */
#nav a          { color:#333; }
#nav ul.main,
#footer ul.site-map    { float:right; margin:5px 0 0; }
#nav ul.main li,
#footer ul.site-map li { padding:0 12px 10px; float:left; line-height:14px; }

#nav ul.main li a:link,
#nav ul.main li a:visited,
#nav ul.main li a:hover,
#nav ul.main li a:active,
#nav ul.main li a,
#footer ul.site-map li a:link,
#footer ul.site-map li a:visited,
#footer ul.site-map li a:hover,
#footer ul.site-map li a:hover,
#footer ul.site-map li a {
    font-family: 'Avenir55Roman', sans-serif;
    font-size:16px;
    border-bottom:2px solid #ddd;
    padding:0 0 2px;
    color:#777;
}

#nav ul.main li a:hover { border-color:#666; color:#000; }

#nav ul.main li ul li a,
#nav ul.main li ul li a:link,
#nav ul.main li ul li a:visited,
#nav ul.main li ul li a:hover,
#nav ul.main li ul li a:active,
#footer ul.site-map li ul li a,
#footer ul.site-map li ul li a:link,
#footer ul.site-map li ul li a:visited,
#footer ul.site-map li ul li a:hover,
#footer ul.site-map li ul li a:active { font-size:13px; border:0; color:#999; }

#nav ul.main li ul li a:hover   { color:#666; }

#nav ul.main li ul,
#nav ul.main li ul li,
#footer ul.site-map li ul,
#footer ul.site-map li ul li { clear:left; padding:0; }

#nav ul.main li ul,
#footer ul.site-map li ul { margin:10px 0; }
#nav ul.main li.current_page_item a,
#footer ul.site-map li.current_page_item a { border-color:#666; color:#000; }

/*
 * Site Map
 */
#footer p,
#footer address,
#footer a { font-size:14px; line-height:16px; color:#f0f0f0; }
#footer h2 {
    font-size:18px;
    margin:0 0 10px;
    font-family:'Avenir35Light', Helvetica, Arial, sans-serif;
    padding:0;
    border-bottom:2px solid #999;
    line-height:24px;
    color:#ccc;
}
#footer a { color:#fff; text-decoration:underline; }
#footer ul.site-map a { text-decoration:none; }
#footer ul.site-map { width:350px; }
#footer ul.site-map li { width:150px; }
#footer ul.site-map li a:link,
#footer ul.site-map li a:visited,
#footer ul.site-map li a:hover,
#footer ul.site-map li a:hover,
#footer ul.site-map li a { color:#999; font-size:14px; border-color:#777; }

#footer ul.site-map li ul li a,
#footer ul.site-map li ul li a:link,
#footer ul.site-map li ul li a:visited,
#footer ul.site-map li ul li a:hover,
#footer ul.site-map li ul li a:active { color:#888; font-size:12px; }

#footer ul.site-map li ul li a:hover,
#footer ul.site-map li a:hover { color:#ddd; border-color:#ccc; }

/* Footer: Blog Brief */
#footer .blog { width:320px; margin:0 0 0 15px; padding:0 40px; }

/* Footer: Search */
#footer .search { padding:0 0 15px 10px; }

/* Page Headings */
.page-top h1,
.page-top h2,
.page-top h3 { text-shadow:#333 1px 1px 1px; }

.page-top h1,
.page-top h2,
.page-top h3,
.page-top a { color:#f9f9f9; }

.page-top a,
.page-top a:link,
.page-top a:visited,
.page-top a:active,
.page-top a:hover   { padding:10px 0; text-decoration:underline; color:#fff; }
.page-top a:hover   { color:#ffd200; }

.page-top .excerpt  { float:left; margin:0 10px 10px 0; }
.page-top .nav      { float:right; }

.page-top .excerpt  { width:610px; }
.page-top .excerpt-wide { width:950px; }

.page-top div.right { float:left; margin:0 0 0 30px; }

/* Hack: Extra <p> tags are added to the excerpt needlessly */
.page-top .excerpt p { display:none; }

.page-top .excerpt h1,
.page-top .excerpt h2 { text-shadow: #333 1px 1px 1px; color:#f9f9f9; }

.page-top ul.nav { border-left:1px solid #8da3b5; padding:0 0 20px 20px; }
.page-top ul.nav li {
    height:28px;
    border-bottom:2px solid #aabece;
    padding:0 30px 0 0;
    margin:0;
}

.page-top ul.nav li a,
.page-top ul.nav li a:link,
.page-top ul.nav li a:visited,
.page-top ul.nav li a:hover,
.page-top ul.nav li a:active {
    display:block;
    width:100%;
    font-size:18px;
    padding:5px 0;
    color:#aabece;
    text-decoration:none;
}

.page-top ul.nav li a:hover,
.page-top ul.nav li:hover,
.page-top ul.nav li:hover a { color:#fff; border-color:#fff; }

.page-top ul.nav li.current_page_item   { border-color:#fff; }
.page-top ul.nav li.current_page_item a { color:#fff !important; }

/* Homepage Heading */
.page-top.home { text-align:center; padding:10px 0; }

/* Featured Pages */
#featured-pages,
#featured-pages .post,
#featured-pages .panel          { width:960px; }

#featured-pages                 { margin:0 0 20px; overflow:hidden; }

#featured-pages .post           { float:left; }

#featured-pages .post .right    { float:right; }
#featured-pages .post .left     { margin:0 10px 0 0; }
#featured-pages .panel          { padding:10px 5px; background:#fff; }
#featured-pages .panel h2       { font-size:32px; }
#featured-pages .panel p        { font-size:22px; line-height:26px; margin:0 0 20px; }

#featured-pages-previous,
#featured-pages-next            { float:left; width:55px; }

#featured-pages,
#featured-pages-previous,
#featured-pages .panel,
#featured-pages-next            { height:300px; }

#featured-pages-previous        { background:url(images/content-slider/arrow-left.png) no-repeat 50% 50%; }
#featured-pages-next            { background:url(images/content-slider/arrow-right.png) no-repeat 50% 50%; }

#featured-pages a.button { background:#ffd200; font-size:18px; color:#000; padding:10px 16px 6px; -moz-border-radius:4px; -webkit-border-radius:4px; }

/* Homepage Bottom Sections */
.home.sections .section         { float:left; width:250px; margin-right:30px; overflow:hidden; }
.home.sections .section.last    { width:400px; margin-right:0; }
.home.sections .section h2 {
    font-weight:normal;
    letter-spacing:0;
    border-bottom:2px solid #ddd;
    line-height:30px;
    color:#666;
}

/* What People Are Saying */
.section blockquote          {
    background:url(images/quote-t11e-trans.png) no-repeat;
    margin:0 0 20px;
    padding:0 0 20px;
    border-bottom:1px solid #ccc;
}
.section blockquote.last     { border:0; }
.section blockquote p        { font-size:24px; line-height:32px; text-indent:40px; padding:0; }
.section blockquote cite     { margin:5px 0 0; display:block; text-indent:0; }
.section blockquote cite a   { text-decoration:underline; }

/* Page Content */
#content ul { margin:20px 0 40px; padding:0 0 0 15px; }
#content ul li { list-style-type:disc; padding:0; line-height:18px; margin:0 0 10px; }
#content a { text-decoration:underline; }

p.caption { font-size:12px; margin:10px 0; color:#666; border-bottom:2px solid #ccc; padding:0 0 5px; }

table.example { margin:0 0 20px; width:98%; }
table.example tr.highlight td { background:#90b3cf; }
table.example tr th { background:#ccc; padding:5px 10px 0; border:1px solid #666; }
table.example tr td { padding:5px 10px 0; border:1px solid #ccc; }

/* Blog */
#footer .blog ul { padding:10px 0 0; }
#footer .blog ul li { margin:0 0 20px; }
#footer .blog ul li a { font-size:16px; text-decoration:none; }
#footer .blog span.date { font-size:12px; padding:0 10px 0 0; color:#999; }

/* Selected Verticals */
table.verticals td {
    width:200px;
    height:80px;
    padding:0 0 0 50px;
    border-style:solid;
    border-width:0 2px 2px 0;
    border-color:#ddd;
    cursor:pointer;
}
table.verticals td.hovered a { color:#ff9900; }
table.verticals tr.bottom td { border-width:0 2px 0 0; }
table.verticals td.last { border-width:0 0 2px 0; }
table.verticals tr.bottom td.last { border-width:0; }
table.verticals a,
table.verticals img { float:left; }

table.verticals tr td a {
    font-family:'Avenir65Medium';
    font-size:16px;
    padding:5px 0 0 10px;
    width:130px;
    line-height:16px;
}

table.verticals tr td a:link,
table.verticals tr td a:hover,
table.verticals tr td a:visited,
table.verticals tr td a:active { text-decoration:none !important; }

a.player {
    display:block;
}

.overlay {
    display:none;
    padding:40px;
    background:#fff;
    background-image:url(images/white.png);
}
 
.overlay .close {
    position:absolute;
    background-image:url(images/close-trans.png);
    top:2px;
    right:5px; 
    width:35px;
    height:35px;
    cursor:pointer;
    z-index:1000;
}

.screencast {
    background:#333;
    color:#fff;
    cursor:pointer;
    float:left;
}

div.screencast p.caption { padding-top:205px; }
#sidebar div.screencast { margin-bottom:30px; }

#sc_demo2006                { background:url(images/stills/demo2006_300x200.png) no-repeat; }
#sc_aol                     { background:url(images/stills/aol_300x200.png) no-repeat; }
#sc_real                    { background:url(images/stills/real_300x200.png) no-repeat; }
#sc_zagat                   { background:url(images/stills/zagat_300x200.png) no-repeat; }
#sc_best_match_marketlinx   { background:url(images/stills/best_match_marketlinx_300x200.png) no-repeat; }
#sc_camera_demo             { background:url(images/stills/camera_demo_300x200.png) no-repeat; }
#sc_restaurant              { background:url(images/stills/restaurant_300x200.png) no-repeat; }
#sc_restaurant2             { background:url(images/stills/restaurant2_300x200.png) no-repeat; }
#sc_great_chicago_demo_2    { background:url(images/stills/great_chicago_demo_2_300x200.png) no-repeat; }
#sc_great_chicago_demo      { background:url(images/stills/great_chicago_demo_300x200.png) no-repeat; }
#sc_real_plus_with_mapping  { background:url(images/stills/real_plus_with_mapping_300x200.png) no-repeat; }

#sv_real_estate_autos_jobs_and_other_classifieds    { background:url(images/verticals/autos.png) no-repeat 0 20px; }
#sv_dating_and_social_networking                    { background:url(images/verticals/dating.png) no-repeat 10px 15px; }
#sv_local_venues_and_events                         { background:url(images/verticals/events.png) no-repeat 0 20px; }
#sv_content_landing_pages                           { background:url(images/verticals/content.png) no-repeat 10px 15px; }
#sv_e_commerce                                      { background:url(images/verticals/ecommerce.png) no-repeat 0 15px; }
#sv_legal_and_financial                             { background:url(images/verticals/legal.png) no-repeat 10px 15px; }
#sv_government_and_nonprofit                        { background:url(images/verticals/government.png) no-repeat 0 15px; }
#sv_science_and_healthcare                          { background:url(images/verticals/science-medical.png) no-repeat 10px 20px; }

.video-js-box { text-align: left; position: relative; z-index: 1000; }
.video-js { background-color: #000; }

/* General controls styles */
.vjs-controls { display: none; list-style: none; margin: 0; padding: 0; position: absolute; height: 30px; opacity: 0.85; color: #fff; }
.vjs-controls > li { list-style: none; float: left; height: 25px; width: 25px; margin: 0 5px 0 0; padding: 0; text-align: center;
  background-color: #0B151A; border-radius: 5px; box-shadow: 0px 2px 2px #000;
  /* Webkit */
  -webkit-border-radius: 5px;
  background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  -webkit-box-shadow: 0px 1px 3px #000;
  /* Firefox */
  -moz-border-radius: 5px;
  background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;
  -moz-box-shadow: 0px 1px 3px #000; 
}
.vjs-controls > li:last-child { margin-right: 0; }
.vjs-controls > li:first-child { margin-left: 5px; }

/* Play/Pause */
.vjs-play-control span { display: block; font-size: 0px; line-height: 0; text-decoration: none; }
.vjs-play-control.vjs-play span { width: 0; height: 0; margin: 8px 0 0 8px; border-top: 5px solid #273F3E; border-left: 10px solid #fff; border-bottom: 5px solid #112129; }
.vjs-play-control.vjs-pause span { width: 3px; height: 10px; margin: 8px auto 0; border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; }

/* Progress */
.vjs-progress-control { width: 190px; }
.vjs-progress-control ul { list-style: none; margin: 0; padding: 0; }
.vjs-progress-control .vjs-progress-holder { list-style: none; position: relative; float: left; width: 100px; height: 9px; border: 1px solid #777; margin: 7px 0 0 5px; padding: 0; background-color: #112129; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-play-progress { position: absolute; display: block; width: 0px; height: 9px; background: #fff; 
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
    background: -moz-linear-gradient(top,  #fff,  #777);
    }
.vjs-progress-control .vjs-load-progress { position: absolute; display: block; width: 0px; height: 9px; background-color: #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-progress-time { list-style: none; float: left; margin: 7px 0 0 5px; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif;  }

/* Volume */
.vjs-volume-control { width: 50px !important; }
.vjs-volume-control ul { display: block; margin: 0; padding: 4px 0 0 5px; list-style: none; }
.vjs-volume-control ul li { float: left; margin: 0; padding: 0; list-style: none; width: 5px; margin-right: 2px; height: 0px; border-bottom: 18px solid #555; }
.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }

/* Fullscreen */
.vjs-fullscreen-control ul { list-style: none; margin: 5px 0 0 5px; padding: 0; width: 20px; height: 20px; text-align: left; vertical-align: top; }
.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control ul li:nth-child(1) { margin: 0 3px 3px 0; border: none; border-top: 6px solid #fff; border-right: 6px solid #273F3E; }
.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-top: 6px solid #fff; border-left: 6px solid #273F3E; }
.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border: none; border-bottom: 6px solid #fff; border-right: 6px solid #112129; }
.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #112129; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #273F3E; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid #273F3E; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid #112129; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid #112129; }