@import "reset.css";
body{ text-align:center; background:#333; font-family:Arial; font-size:0px;}

#outer-wrapper{ font-size:12px;}
.container{ text-align:left; max-width:1200px; min-width:990px; margin:0 auto; position:relative}

#ie-wrapper .container{ width: expression( document.body.clientWidth < 1200 ? "995px" : "1200px" ); /* set min-width for IE */}

#header{ background:url(../img/header-bg.png) repeat-x bottom; padding-bottom:2px}

#logo-container{ padding:0 0 20px}
#site-name{ float:left; padding-top:10px}
#header-img{ display:block; float:right}

/*#site-name{ font-size:35px; line-height:1em; font-weight:bold; letter-spacing:-2px; float:left; padding-top:10px}
#site-tag{ text-align:right; font-size:18px; letter-spacing:0; font-weight:normal; line-height:30px}*/

#family-sites{ height:80px; position:absolute; z-index:1000; background:url(../img/family-bg.png) no-repeat bottom left; top:0; left:0; margin-top:-90px; width:100%; text-align:center}
#family-sites-content{ height:80px; }
#family-sites-content img{ margin:10px}
#family-sites-control{ display:block; line-height:20px; padding-top:10px; width:246px; text-align:center; text-decoration:none; color:#fff; font-size:11px; background:url(../img/family-sites-control.png) no-repeat bottom; text-indent:10px; position:absolute; right:0; bottom:-30px}

#search-tabs-wrapper{ border-bottom:15px solid #fff}
#search-tabs{ height:57px; overflow:hidden; line-height:57px; font-size:30px; letter-spacing:-2px}
#search-tabs ul, #search-tabs ul{ margin:0; padding:0; list-style:none}
#search-tabs li{ float:left; padding:0 10px; background:url(../img/tab-bg.png) no-repeat top right}
#search-tabs li span{ font-size:32px; padding:0 0 0 10px; display:block}

#search-tabs li a{ font-size:24px; color:#fff; text-decoration:none; font-weight:normal; display:block;}
#search-tabs li a span{ font-size:18px; letter-spacing:-1px; color:#fff}

#search-tabs li.selected{ padding:0 20px 0 0; position:relative; z-index:10}

#search-tabs li.language-flags{ padding:0 10px 0 0; line-height:11px; height:62px; position:absolute; top:0; right:0; z-index:10}
#search-tabs li.language-flags span{ padding:0 0 0 20px; height:57px}
.flag-inner{ height:57px; width:216px}
#ie-wrapper #search-tabs li.language-flags{ width:246px}

#search-tabs li.inactive{ padding:5px 10px 0 20px; margin-left:-20px; line-height:32px}
#search-tabs li.inactive span{ display:inline; padding:0}

.article-flags{ height:20px; line-height:11px; font-size:11px; color:#fff; letter-spacing:0; float:left}
.article-flags img{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70;}

#search-tabs li span span, #search-tabs li.selected span span{ padding:0; background:none; display:inline; font-size:18px; letter-spacing:-1px;}

.language-flags a{ display:block; float:left; padding:2px; margin:2px;}
.language-flags a.selected-language, .article-flags a.selected-language{ background:#c00}

#ie-wrapper .language-flags a{ height:9px; font-size:11px;}
#ie-wrapper .language-flags a img{ display:block}

#search-container{ background:url(../img/bg_band.gif)}

#search-content{ background:url(../img/search-bg.png) top no-repeat; z-index:100}

#search-form table{ border-collapse:collapse}
#search-form table td{ padding:0; vertical-align:center; color:#fff}
#search-form table td.button-cell{ vertical-align:top; text-align:right}
#search-form table td.button-cell .buttons{ width:95px}

#search-form table#advanced-options td{ vertical-align:top}

#search-form{ background: url(../img/search-bottom.png) no-repeat bottom center; padding:20px 10px 15px}
#search-form label{ font-size:16px; letter-spacing:-1px; line-height:35px; display:block; margin-bottom:10px; white-space:nowrap}
#search-form label.language{ font-size:20px}
#search-form label.country{ font-size:20px; text-indent:10px}
#search-form label.keywords{ text-indent:10p}
#search-form .input{ padding:0; clear:none; margin-bottom:10px}
#search-form .text input, #search-form .input .selected-option{ display:block; width:100%; border:none; background:none; line-height:35px; font-size:18px; padding:0}
#ie-wrapper #search-form .text{ height:35px}
#search-form .input .selected-option{ height:35px}
#search-form .text input#defaultSearchKeyword{ height:35px; margin:0}
#ie-wrapper #search-form .text input#defaultSearchKeyword{ height:33px}

#advanced{ width:100%}
#ie-wrapper #advanced{ width: expression( document.body.clientWidth < 1200 ? "975px" : "1180px" );}

#ie-wrapper #top-row .select{ position:relative; top:-5px}

#search-form .text{ background:url(../img/input-bg.png) no-repeat right top}
#search-form .select{ background:url(../img/select-bg.png) no-repeat right top}
#search-form .active{ background-position:right bottom}
#search-form .input-inner{ background:url(../img/input-left.png) no-repeat left top}
#search-form .active .input-inner{ background-position:left bottom}

#search-form #profile-search label{ white-space:normal; min-width:180px; line-height:26px; margin:0 5px; font-size:14px}
#profile-search .input{  margin:0 5px 2px}
#search-form #profile-search td{ vertical-align:bottom}

#selected-country img{ margin-top:10px}

.select-list { position:relative; color:#333; cursor:pointer}
.select-list ul{ margin:0; padding:0; list-style:none; position:absolute; top:35px; left:0px; width:100%; border-bottom:1px solid #333; background:#fff; z-index:1000}
.select-list ul li{ font-size:16px; border:1px solid #333; border-width:0 1px; padding:0 10px; line-height:20px}
.select-list ul li:hover{ background:#3399ff; color:#fff}
.selected-option-wrapper{ padding-right:40px; overflow:hidden;}
.selected-option, #defaultSearchKeyword{ text-indent:5px}
.selected-option{ overflow:hidden; white-space:nowrap}
.select-list input{ display:none}

#search-form .buttons{ clear:none}

#advanced-options .select select{ width:99%}
#advanced-options .select{ background:none}
#advanced-options label{ font-size:14px; line-height:18px; display:block; margin-bottom:5px}

.advanced-option{ position:relative}
.selected-options{ width:99%; overflow:hidden; color:#333; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:24px; height:24px; text-indent:5px; background:#fff url(../img/drop-arrow.png) no-repeat; background-position:99% center; cursor:pointer}
.selected-options a{ font-weight:normal; color:#333}
.selected-options a:hover{ text-decoration:none}

.checkbox-list{ position:absolute; top:47px; left:0px; min-width:195px; background:#fff; border:1px solid #333; z-index:1000; color:#333}
.extra-options{ left:-590px; width:800px}
.advanced-group{ width:200px; float:left}
.sports-list{ width:480px; height:470px;}

.advanced-title{ font-size:12px; font-weight:bold}
.advanced-group-options{ padding-left:10px}

#search-form .checkbox-list label{ float:left; font-size:11px; line-height:20px}
#search-form .checkbox-list input{ position:relative; bottom:-2px}
#search-form .checkbox-list ul{ margin:0; padding:0; list-style:none}
#search-form .checkbox-list li{ white-space:nowrap; clear:left}
#search-form .sports-list li{ white-space:nowrap; clear:none; width:230px; float:left}

.select-all, .unselect-all, .close{ display:block; float:left; background:#333; color:#fff; line-height:20px; padding:0 5px; margin:0 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:10px}

/*#content-wrapper{ background:#333 url(../img/content-bg.png) repeat-x top; padding-top:2px;}*/
#content-container{ line-height:18px}

#content, #profile-content{ position:relative; margin:0 10px; background:#fff; color:#333}
#profile-content .inner{ padding:0}

#content-bottom, #content-top{ height:10px; text-align:right; position:relative}
#content-bottom img, #content-top img{ display:block; position:absolute; right:0}

.hidden{ display:none}
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
.inner{ padding:10px}
.disabled{ filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50;}

.tlc{ position:absolute; top:10px; left:10px}
.trc{ position:absolute; top:10px; right:10px}
.blc{ position:absolute; bottom:10px; left:10px}
.brc{ position:absolute; bottom:10px; right:10px}

#ie-wrapper #home-content .tlc, #ie-wrapper #home-content .trc{ top:12px}
#ie-wrapper #home-content .blc, #ie-wrapper #home-content .brc{ bottom:9px}

h1, h2, h3, h4{ color:#0D2F5C; line-height:1em; letter-spacing:-1px; }
h1{ font-size:30px; margin-bottom:10px}
h2{ font-size:20px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #333}
h3{ font-size:16px; margin-bottom:5px;}
h4{ font-size:14px; margin-bottom:5px;}

a{ text-decoration:none; color:#04639f; font-weight:bold}
a:hover{ text-decoration:underline}

p{ line-height:18px; margin-bottom:10px}
em{ font-style:italic}
strong{ font-weight:bold}
ul{ margin-bottom:10px; padding-left:30px; list-style:disc}

#profile-content h2{ border-color:#ccc}

#tooltip{ position:absolute; border:1px solid #333; border-width:1px 2px 2px 1px; background:#fff; padding:2px 5px; color:#333; display:none; max-width:250px; text-align:left; line-height:16px; font-size:11px; z-index:5000}

.footer-stats, .footer-stats td{ color:#ccc}
.footer-stats h4{ font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px; color:#fff}
.footer-stats a{ color:#ccc}

.col2 a{ display:block;}
.col2 .inner{ border:1px dashed #959595; border-width:0 1px;}

.footer-stats ul{ margin:0; list-style:none;}
.footer-stats li{ line-height:18px; border-bottom:1px dotted #ccc; padding-left:10px;}
.footer-stats .col2 li{ padding-left:20px;}

a.friend{ display:block; line-height:25px; margin:0 35px 10px; text-align:center; border:1px solid #e6e6e6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
a.friend:hover{ text-decoration:none; background:#E3F0FA; border-color:#1A91DC; color:#1A91DC}
a.friend img{ margin-bottom:-5px;}

#share-links a{ background:url(../img/share-sprite.png) no-repeat; width:50px; height:25px; text-indent:-5000px; display:block}
#share-links a.fbook{ background-position:-120px bottom}
#share-links a.fbook:hover{ background-position:-120px top}
#share-links a.twitter{ background-position:-60px bottom}
#share-links a.twitter:hover{ background-position:-60px top}
#share-links a.myspace{ background-position:0 bottom}
#share-links a.myspace:hover{ background-position:0 top}
#share-links a.delicious{ background-position:-180px bottom}
#share-links a.delicious:hover{ background-position:-180px top}

.col3 td{ text-align:center;}
.footer-text{ clear:both; padding:20px; text-align:center; color:#fff; font-size:11px}
.footer-text a{ color:#fff}

.home-more{ margin-bottom:10px; display:block; width:100px}
.home-text{ color:#333}
.more-text a{ font-weight:normal; text-decoration:underline; color:#333}
.more-text a:hover{ text-decoration:none}

.lang-detect{ width:300px; position:absolute; right:0px; bottom:0px; background:url(../img/lang-detect-bg.png) no-repeat; text-align:center; padding-bottom:15px; color:#fff; line-height:18px; font-size:11px}
.lang-detect .inner{ padding:5px}
.lang-detect img{ position:relative; z-index:0; bottom:-1px}

#search-results table{ border-collapse:collapse}
#search-results table td{ vertical-align:top}
#search-results table table td{ padding:10px; vertical-align:top}
#search-results table td.listing-images-container{ padding:0; width:142px}

#search-results .even{ margin:1px}
#search-results .odd{ background:#edf8ff; border:1px dotted #333}
#search-results h3{ padding:10px 10px 0; margin:0}

.listing-contact-details{ margin-bottom:10px;}
.listing-logo{ text-align:left; width:130px}

.listing-images { width:132px; margin:10px}
.listing-images a{ float:left; display:block; margin:0 2px 4px}
.listing-images a img{ width:62px; height:62px}

.listing-links{ text-align:center; padding:0 2px 2px 0; width:152px}
.listing-links a{ display:block; color:#0D2F5C; height:48px}
.listing-links a:hover{ text-decoration:none}
.listing-links a span{ display:block; font-size:20px; line-height:30px}
.listing-links a.listing-website{ font-size:14px; line-height:30px; height:32px; color:#fff}
.listing-links a.contact-info{ font-size:16px; line-height:24px; padding:0 7px 0 5px;}

.contact-button-wrapper{ width:260px}
.contact-button-wrapper div{ width:55px; float:left}
.contact-button-wrapper div strong{ display:block; line-height:18px}
.contact-button-wrapper a{ display:block; float:left; padding:9px 0; line-height:18px; text-align:center; width:110px; text-align:center; white-space:normal}
.contact-button-wrapper a.free-contact-button{ line-height:36px; height:36px; padding:0}
.contact-button-wrapper a.contact-website{ line-height:18px; height:18px; padding:0; background:url(../img/contact-website-bg.png) no-repeat; color:#fff}

.profile-flags{ font-size:11px; margin-top:5px}

#pagination{ line-height:20px; height:30px; border:1px dotted #ccc}
#pagination .inner{ padding:0; float:left; position:relative; left:50%}
#pagination ul{ margin:0; padding:0; list-style:none; position:relative; left:-50%}
#pagination li{ float:left; position:relative; margin:5px 2px}
#pagination a{ display:block; border:1px solid #333; color:#333; padding:0 6px}
#pagination a:hover{ border-color:#FF7F05; color:#FF7F05; text-decoration:none}
#pagination li.current{ border:1px solid #ffcc00; padding:0 6px}
#pagination .no-link{ display:block; color:#ccc; border:1px solid #ccc; padding:0 6px}

.profile-header{ padding:15px 0; font-size:26px; font-weight:bold; letter-spacing:-1px}
#profile-table{ border-collapse:collapse; width:100%}
#profile-table td{ padding:0; vertical-align:top; color:#333}
#profile-table .inner{ padding:10px}

#left-col{ width:220px; background:url(../img/left-col-bg.png) repeat-y; position:relative}
.left-col-bottom{ position:absolute; left:0; bottom:0px}

#profile-logo{ padding:10px 0; text-align:center}

#profile-menu{ margin:0 0 20px 0; padding:0; list-style:none}
#profile-menu li{ line-height:30px}
#profile-menu li a{ display:block; padding:0 10px; border-bottom:1px dotted #333; color:#0D2F5C}
#profile-menu li a:hover, #profile-menu li a.active{ text-decoration:none; background-color:#333; color:#fff}

.gallery-strip{ text-align:center}
.gallery-strip img{ margin:0 10px}
.profile-content{ background:#fff}

.share { text-align:center; position:relative; margin-top:10px}
.share a{ color:#fff; text-decoration:none}
.share a img{ margin:0 5px -3px 0}
.share-options{ position:absolute; right:80px; top:-20px; z-index:100; background:url(../img/share-bg.png) no-repeat; padding:10px 15px 5px 5px}
.share-options-inner{ width:176px; text-align:center; padding-top:3px}
.share-options a{ display:block; float:left; width:35px; line-height:25px; margin-top:6px; text-indent:-5000px;}
.share-options input{ border:1px solid #1A91DC; font-size:11px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px; margin:0}

.button-cell .share{ clear:both}

.profile-share{ margin:10px}
.share-title{ text-align:left; color:#0D2F5C; font-weight:bold; line-height:30px; border-bottom:1px dotted #333; margin-bottom:5px; padding:0 10px}
.share-title img{ position:relative; bottom:-3px}
#profile-content .share-options{ background:url(../img/share-bg-profile.png) no-repeat; position:static; padding:10px 5px 5px; margin:0 17px}

.program-title{ height:24px; border-bottom:1px solid #ccc; margin:10px 0;}
.contact-form{ width:490px; float:left; margin:0 10px 10px 0}

.search-back{ display:block; line-height:35px; padding-left:10px; font-size:16px; white-space:nowrap}
.search-back img{ float:left; position:relative; bottom:-3px}
.search-back span{ display:block; padding:0 10px 2px 0;}
.search-back:hover{ background-position:left -111px; text-decoration:none}
.search-back:hover span{ background-position:right -74px}

#banner-cell img{ margin-left:10px}

#home-content table td{ padding:10px; vertical-align:top}

.profile-name{ font-size:14px; line-height:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px; color:#0D2F5C}
.profile-name span{ font-weight:normal; font-style:italic}
.article-name{ font-size:14px; line-height:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px; color:#0D2F5C}

.article-preview p{ margin:0; line-height:15px; height:15px; overflow:hidden}
.featured-article{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}

.featured-profile { border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px}
.featured-profile .left{ margin-right:10px}
a.view-profile-link{ display:block; float:left; line-height:35px; text-align:center; padding-left:10px; color:#0D2F5C;  text-decoration:none}
a.view-profile-link span{ display:block; height:36px; padding-right:10px}
a.view-profile-link:hover{ background-position:left -111px}
a.view-profile-link:hover span{ background-position:right -74px}

#ie-wrapper a.view-profile-link{ width:85px; white-space:nowrap}

.featured-image{ float:left; margin-right:15px}
.featured-image img{ width:42px; height:42px}

.listing-intro .left{ margin-right:10px}

.cake-sql-log {color:#fff}

.address-text{ border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px}
.showLocation{ font-size:11px; line-height:16px; display:block}

#top-row{ position:relative; z-index:10}

.footer-links p{ display:inline}