/* ============================= ============================= =Reset ============================= ============================= */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* ============================= ============================= =Global ============================= ============================= */ html {background:#E3F0F6;} body { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size:62.5%; line-height: 1.22; color:#333; min-width:983px; } #top_margin_fix { height:10px; } #full_width { padding-top:0px; } #container { width: 983px; margin-left: auto; margin-right: auto; margin-top:0px; position: relative; text-align:left; } #ST_Page_Body { font-size:1.3em; margin:0px 0px 10px; padding:20px 0px 0px 0px; position:relative; } #ST_Page_Body .last { margin-right:0px; } .ST_header_image { background: url(http://i.stcdn.net/design/main_header.jpg) 0px 50px repeat-x;} .ST_color_background { background:#E3F0F6 url(http://i2.stcdn.net/design/main_background.gif) center top repeat-y; overflow:auto; } .ST_color_background #container { padding:10px 0px 0px 0px; background:#FFF; } a.bold { font-weight:900; } em a { font-style: italic !important; } em a { font-style: italic !important; } .clear { clear: both; } .clear_left { clear: left; } .wrap { white-space: normal !important; } .blue { color: #0853A1 !important; } .dark_blue { color: #00117E !important; } .red { color: #9D1231 !important; } .bold { font-weight: bold !important; } .italic { font-style: italic !important; } ._10px { font-size: 10px !important; } ._14px { font-size: 14px !important; } a.pdf, h2.pdf { display: block; height: 16px; margin-bottom: 4px; padding-left: 22px; background: transparent url(http://i.stcdn.net/pdf.gif) 0 50% no-repeat; } a.pdf2 { display: block; margin-bottom: 4px; padding-left: 22px; background: transparent url(http://i.stcdn.net/pdf.gif) 0 50% no-repeat; } a.pdf_right {} input { color:#333; } /* =ads */ .ad300 { width:300px; margin:0px auto; } #ST_Top_ad { height:100px; } /* keep site from jumping after pageload when loads in ad */ /* =Links */ a:link, a:visited { color: #0853a1; OFFfont-size: 11px; font-weight: bold; font-style: normal; } a:visited { color: #869DE3; } a.more_links:visited { color: #0853a1; } a img { border: none; } /* =BaseStyles */ strong { font-weight: bold; } table { border-collapse:collapse; border-spacing:0; } label { cursor: pointer; } /* breadcrumb menu */ #bread_crumb { font-size: 11px; margin-bottom: 10px; position:absolute; top:7px; left:0px; z-index:5; } #bread_crumb a:visited { color:#0853a1; } div.page_title, html body h1.page_title { color:#004F9E; border-bottom:3px solid #489EE1; font-weight:900; font-size:1.8em; margin:0px 0px 10px; padding:0px; } .link { text-decoration:none; } .link:hover { text-decoration:underline; } .google_adsense_1 .googleAdsense { margin-left:10px; } /* =ToBeOrganized =========================*/ .column_650 { width:650px; float:left; margin:0px 20px 0px 0px; } .column_470 { width:470px; float:left; margin:0px 20px 0px 0px; overflow:hidden; } .column_780 { width:780px; float:left; margin:0px 20px 0px 0px; overflow:hidden; } /* overflow added for ie6 google search */ .column_310 { width:310px; float:left; margin:0px 0px 0px 0px; position:relative; display: inline-block; } .column_160 { width:160px; float:left; margin:0px 20px 0px 0px; } .column_800 { width:800px; float:left; margin:0px 20px 0px 0px; } .column_980 { width:980px; float:left; margin:0px 0px 0px 0px; } .column_module {margin:0px 0px 20px 0px;} .column_module_2 { margin:0px 0px 10px 0px; border:1px solid #e4f0f6; position:relative; zoom:1; } .column_module_2 .one { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) top left no-repeat; height:3px; width:3px; position:absolute; top:-1px; left:-1px; font-size:1px; } .column_module_2 .two { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) top right no-repeat; height:3px; width:3px; position:absolute; top:-1px; right:-1px; font-size:1px; } .column_module_2 .three { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) bottom left no-repeat; height:3px; width:3px; position:absolute; bottom:-1px; left:-1px; font-size:1px; } .column_module_2 .four { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) bottom right no-repeat; height:3px; width:3px; position:absolute; bottom:-1px; right:-1px; font-size:1px; } .stAdUnit_top { height:90px; margin: 0px auto 0px; width: 728px; } .stAdUnit_bottom { text-align:center; } .stAdUnit_right { clear:both; margin:20px 0px; border:1px solid #CCC; } .stAdUnit_right iframe { margin:5px 0px 5px 5px; } /* =Header ============================= */ #ST_Header { position:relative; margin:0px 0px 0px 0px; z-index:10; } #ST_Header a { font-size:1em; } #ST_Logo { padding:0px 0px 0px 0px; display:block; width:646px; color:#D60606; } #ST_Logo img { font-size:2.3em; } #ST_Nav_Utility { position:absolute; right:50px; top:5px; font-size:1.2em; font-weight: bold; color: #666; text-align:right; } #ST_Nav_Utility span.divider { line-height:2em; color:#888; font-weight:bold; margin: 0 2px; } #ST_Nav_Utility a { text-decoration:none; } #ST_Nav_Utility a:hover { text-decoration:underline; color:#0853a1; } ul#ST_main_nav { font-size:1.2em; margin:8px 0px 17px; text-transform:uppercase; position:relative; z-index:10; } ul#ST_main_nav li { float:left; background:#AAA; margin:20px 2px 0px; font-weight:900; position:relative; } ul#ST_main_nav li a { color:#333; padding:0px 10px; line-height:2.2em; display:block; background:#94C6ED; border-top:1px solid #FFF; border-bottom:1px solid #C6CED0; text-decoration:none; font-size:1em; } ul#ST_main_nav li a .beta { height:26px; width:56px; background:url(http://i.stcdn.net/design/shermanmeter/nav_inactive_beta.gif); position:absolute; top:1px; right:0px;} ul#ST_main_nav li.selected a .beta { height:26px; width:56px; background:url(http://i.stcdn.net/design/shermanmeter/nav_active_beta.gif); position:absolute; top:1px; right:0px;} ul#ST_main_nav li a:hover { background:#F73D3C; color:#FFF; border-top:1px solid #FFF; } ul#ST_main_nav li.selected a { background:#499EE1; color:#FFF; border-top:1px solid #499EE1; border-bottom:1px solid #499EE1;} ul#ST_main_nav li a.hover { background:#F73D3C; color:#FFF; border-top:1px solid #FFF; } ul#ST_main_nav li.hotel_reviews a { padding-right:32px; } ul#ST_main_nav li ul { background:#004F9E; padding:0px 0px; position:absolute; top:2.25em; z-index:100; width:200px; display:none; border:1px solid #000; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; } ul#ST_main_nav li ul li { float:none; display:block; margin:0px; padding:0px; background:none; zoom:1; } ul#ST_main_nav li.selected ul li a, ul#ST_main_nav li ul li a { border:0px; display:block; width:190px; padding:5px 0px 5px 10px; background:none; color:#FFF; border-bottom:1px solid #000; } ul#ST_main_nav li ul li a.subhover, ul#ST_main_nav li ul li a:hover { background:#000; color:#FFF; border:0px; border-bottom:1px solid #000; } ul#ST_main_nav li ul li.last a { border:0px; } ul#ST_main_nav li.blogs ul { background:#004F9E; padding:0px 0px; position:absolute; top:2.25em; z-index:100; width:300px; display:none; border:1px solid #000; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; } * html ul#ST_main_nav li.blogs ul { width:302px; } ul#ST_main_nav li.blogs ul li { float:left; display:block; margin:0px; padding:0px; background:none; zoom:1; width:150px; } ul#ST_main_nav li.blogs ul li a { border:0px; display:block; width:140px; padding:5px 0px 5px 10px; background:none; color:#FFF; border-right:1px solid #000; border-bottom:1px solid #000; } ul#ST_main_nav li.blogs ul li a.subhover, ul#ST_main_nav li.blogs ul li a:hover { background:#000; color:#FFF; border:0px; border-right:1px solid #000; border-bottom:1px solid #000; } ul#ST_main_nav li.blogs ul li.last a, ul#ST_main_nav li.blogs ul li.secondToLast a { border-bottom:0px; } .column_160 { width:160px; float:left; margin:0px 20px 0px 0px; } .column_240 { width:240px; float:left; margin:0px 20px 0px 0px; } .column_270 { width:270px; float:left; margin:0px 20px 0px 0px; } .column_310 { width:309px; float:left; margin:0px 0px 0px 0px; position:relative; display: inline-block; } .column_355 { width:355px; float:left; margin:0px 20px 0px 0px; } .column_370 { width:370px; float:left; margin:0px 20px 0px 0px; } .column_470 { width:470px; float:left; margin:0px 20px 0px 0px; overflow:hidden; } .column_650 { width:650px; float:left; margin:0px 20px 0px 0px; } .column_780 { width:780px; float:left; margin:0px 20px 0px 0px; overflow:hidden; } /* overflow added for ie6 google search */ .column_800 { width:800px; float:left; margin:0px 20px 0px 0px; } .column_980 { width:980px; float:left; margin:0px 0px 0px 0px; } .column_module {margin:0px 0px 20px 0px;} .column_module_2 { margin:0px 0px 10px 0px; border:1px solid #e4f0f6; position:relative; zoom:1; } .column_module_2 .one { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) top left no-repeat; height:3px; width:3px; position:absolute; top:-1px; left:-1px; font-size:1px; } .column_module_2 .two { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) top right no-repeat; height:3px; width:3px; position:absolute; top:-1px; right:-1px; font-size:1px; } .column_module_2 .three { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) bottom left no-repeat; height:3px; width:3px; position:absolute; bottom:-1px; left:-1px; font-size:1px; } .column_module_2 .four { background:url(http://i.stcdn.net/design/homepage/sprite-corners-blue-1.gif) bottom right no-repeat; height:3px; width:3px; position:absolute; bottom:-1px; right:-1px; font-size:1px; } #ST_Bottom_ad { text-align:center; } #header_light {height:70px; text-align:left; width:983px; margin:0px auto; position:relative; } #header_light .logo { padding:21px 0px 9px 0px; display:block; width:448px; color:#D60606; } #header_light .menu { position:absolute; top:39px; right:0px; font-size:1.3em; color:#003062; } #header_light .menu li { float:left; } #header_light .menu li.spacer { padding:0px 2px; } #header_light .menu li a { font-weight:100; text-decoration:none; padding:2px 3px; } #header_light .menu li a:visited { color: #0853a1; } #header_light .menu li a:hover { background:#489EE1; color:#FFF; } #map_module { background:#94c6ed url(http://i3.stcdn.net/design/homepage/homepage_map_gadient.png) top left repeat-x; margin:0px 0px 20px 0px; padding:0px 0px 10px 10px; overflow:hidden; _height:1%; } #map_module h2 { color:#2666ad; font-size:21px; } #map_module h2 a { color:#2666ad; font-size:21px; } #map_module .special_interest { width:204px; height:251px; background:#fafbfd; float:left; margin:0px 0px 0px 6px; } #map_module .special_interest a.bold:visited { color:#0853A1; } #map_module .special_interest h2, #map_module .special_interest ul { margin:10px 0px 0px 10px; } #map_module .special_interest ul li { line-height:1.5em; } #map_module .special_interest ul li a { font-weight:100; text-decoration:none; } #map_module .special_interest ul li a:hover { text-decoration:underline; } #st_map { width:420px; height:251px; background:url(http://i4.stcdn.net/design/homepage/main_map_7.png) top left no-repeat; float:left; position:relative; } #st_map .hoverMap { width:420px; height:251px; background-position:0px 300px; background-repeat:no-repeat; } #st_map ul { height:1px; position:absolute; top:0px; left:0px; } #st_map a { height:100px; width:100px; position:absolute; top:0px; left:0px; display:block; } #st_map a.canada { height:74px; width:101px; top:7px; left:32px; } #st_map a.usa2 { height:34px; width:31px; top:34px; left:2px; } #st_map a.usa { height:36px; width:70px; top:78px; left:51px; } #st_map a.mexico { height:40px; width:48px; top:108px; left:60px; } #st_map a.centralSouthAmerica { height:117px; width:71px; top:127px; left:91px; } #st_map a.europe { height:68px; width:85px; top:31px; left:167px; } #st_map a.asia { height:145px; width:159px; top:16px; left:256px; } #st_map a.africa { height:109px; width:80px; top:99px; left:175px; } #st_map a.caribbean { height:20px; width:74px; top:108px; left:97px; } #st_map a.middleEast { height:39px; width:42px; top:95px; left:235px; } #st_map a.australia { height:63px; width:77px; top:158px; left:326px; } #map_module .canada .hoverMap { background-position:0px 0px;} #map_module .usa .hoverMap, #map_module .usa2 .hoverMap { background-position:0px -251px;} #map_module .mexico .hoverMap { background-position:0px -502px;} #map_module .caribbean .hoverMap { background-position:0px -753px;} #map_module .centralSouthAmerica .hoverMap { background-position:0px -1004px;} #map_module .africa .hoverMap { background-position:0px -1255px;} #map_module .middleEast .hoverMap { background-position:0px -1506px;} #map_module .europe .hoverMap { background-position:0px -1757px;} #map_module .asia .hoverMap { background-position:0px -2008px;} #map_module .australia .hoverMap { background-position:0px -2259px;} #map_module .map .currentLocation { position:absolute; width:200px; top:215px; left:140px; font-weight:900; font-size:1.1em; color:#FFF; text-align:center; } #map_module .map .currentLocation span { opacity:.70; filter:alpha(opacity=70); -moz-opacity:0.7; padding:0px 12px; background:#000; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #map_module .popular_destination { margin:6px 10px 0px 0px; padding:6px 10px; background:#fafbfd; } #map_module .popular_destination h2 { float:left; margin:0px 10px 0px 0px; } #map_module .popular_destination .select_location { margin:0px 0px 0px 0px; } #map_module .popular_destination .select_location select { width:125px; margin:0px 10px 0px 0px; } #map_module .popular_destination .select_location select.last { margin:0px 0px 0px 0px; } #map_module .popular_destination .featured_destinations { display:none; margin:10px 0px 0px 0px; border-top:1px solid #ebebe4; padding:10px 0px 0px 0px; overflow:hidden; _height:1%; } #map_module .popular_destination .featured_destinations ul { float:left; width:120px; } #map_module .popular_destination .featured_destinations ul a { font-weight:100; text-decoration:none; } #map_module .popular_destination .featured_destinations ul a.bold:visited { color:#0853A1; } #map_module .popular_destination .featured_destinations ul a:hover { text-decoration:underline; } /* =dealsbox ============================= */ .dealsbox2 { border:1px solid #94C6ED; padding:0px 0px 5px; } .dealsbox2 .deals_content { background:#FFF; padding:2px 0px 5px; } .dealsbox2 h2.title { height:32px; margin:0px; font-size:1.2em; color:#003061; line-height:32px; padding:0px 0px 0px 10px; border-bottom:1px solid #94c6ed; background:url(http://i.stcdn.net/design/sprite-gradients.png) 0px 0px repeat-x } .dealsbox2 .single-deal { border-bottom:1px dotted #CCC; padding:3px 12px 1px 2px; cursor: hand; cursor: pointer; } .dealsbox2 .single-deal:hover { background:#E3F0F6; } .dealsbox2 .single-deal .deal { margin-bottom:3px; } .dealsbox2 .single-deal a { font-weight:900; text-decoration:none; font-size:1.1em; } .column_370 .dealsbox2 .single-deal a { font-size:1.1em; } .dealsbox2 .single-deal a:hover { text-decoration:underline; } .dealsbox2 .single-deal.hover { background:#E3F0F6; } .dealsbox2 .single-deal span.number { color:red; } .dealsbox2 .single-deal .sponsor { color:#333; font-size:0.77em; } .dealsbox2 .single-deal .editorsReviewIcon { float:right; height:22px; width:22px; background:url(http://i.stcdn.net/design/sprite-editorReviewKeyTmp.png) 0px -29px no-repeat; } .dealsbox2 .single-deal:hover .editorsReviewIcon { background-position:0px -63px; } .dealsbox2 .single-deal .editorsReview { color:#EE2D33; font-size:0.77em; } .dealsbox2 .single-deal .end { color:#666; font-size:0.77em; float:right; } .dealsbox2 .moreDeals { font-size:0.85em; text-align:right; margin:5px 0px 0px 0px; text-transform:uppercase; } .dealsbox2 .moreDeals a { font-weight:900 !important; text-decoration:none; padding-left:12px; background:url(http://i2.stcdn.net/design/sprite-arrows.png) 0px 2px no-repeat; } .dealsbox2 .sponsored-deals { color:#AAA; font-size:0.85em; font-style: italic; } .editorReviewKey { color:#EE2D33; background:url(http://i.stcdn.net/design/sprite-editorReviewKey.png) top left no-repeat; line-height:29px; padding-left:35px; font-size:0.92em; margin:0px 0px 5px; } .dealsbox2 .priceHighlight .alt { } .dealsbox2 .priceHighlight a { text-decoration:none; font-weight:100; } .dealsbox2 .priceHighlight .price_info { width:50px; color:#EE2D33; position:relative; float:left; text-align:right; } .dealsbox2 .priceHighlight .topLable { font-size:9px; line-height:8px; } .dealsbox2 .priceHighlight .deal_offer { font-size:1.3em; font-weight:900; padding:0px 0px 0px 0px; } .dealsbox2 .priceHighlight .dollar { padding-left:0px; } .dealsbox2 .priceHighlight .dollar span { margin:7px 0px 0px 0px; } .dealsbox2 .priceHighlight .percent span { font-size:0.8em; } .dealsbox2 .priceHighlight .direction { font-size:9px; margin:0px 0px 2px 0px; } .dealsbox2 .priceHighlight .off { font-size:9px; margin:0px 0px 2px 0px; } .dealsbox2 .priceHighlight .night { font-size:9px; margin:0px 0px 2px 0px; line-height:8px; } .dealsbox2 .priceHighlight .deal_info { padding:5px 0px 5px 0px; margin:0px 0px 0px 60px; } .dealsbox2_simpleList { border:0px; } .dealsbox2_simpleList .deals_content { padding:2px 0px 5px; } .dealsbox2 .simpleList { } .dealsbox2 .simpleList .single-deal { padding:7px 2px 5px; } .dealsbox2 .simpleList a { text-decoration:none; font-weight:900; } .dealsbox2 .simpleList p { margin:0px 0px 5px; font-size:0.93em; } .dealsbox2 .simpleList .deal_info { padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; } .intro_page .comment-pagination { float:right; margin:0px; overflow:hidden; _height:1%;} /* =SiteSearch ============================= */ #ST_site_search { font-size:1.8em; color:#666; position:relative; z-index:1; height:59px; } #ST_site_search label { padding:0px 0px 0px 50px; position:relative; top:8px; } #ST_site_search input.text { width:360px !important; font-size:1em !important; padding:5px !important; margin:12px 0px 0px 10px !important; vertical-align:middle !important; border:1px solid #CCC !important; border-top:1px solid #999 !important; background-position: 5px 9px !important; } #ST_site_search #search_submit { margin:13px 0px 2px 10px; vertical-align:middle; } #ST_site_search #sherman_graphic { width:80px; height:57px; background:url(http://i3.stcdn.net/design/sherman_header_character.jpg); z-index:1; vertical-align:top; position:absolute; bottom:1px; right:30px;} #ST_site_search #sherman_alt { position:absolute; bottom:-15px; right:20px; font-size:0.6em; line-height:1em; display:none; } /* =LeftColumn ============================= */ .ST_Column_One { } .ST_Column_One #bottom_left_ad { } .ST_Column_One table { width: 152px; } /** left column "deals" headers **/ .ST_Column_One h2#comparePrices, .ST_Column_One h2.deals { font-size:11px; font-weight:bold; padding: 10px 0; text-align:center; text-transform: uppercase; } .ST_Column_One h2#comparePrices { background: #D4B96A; } .ST_Column_One h2.deals { background:transparent url(http://i.stcdn.net/dealtree_heading_background.jpg) repeat-x scroll 0%; border-top:1px solid white; color:#fff; padding: 10px 0 10px 9px; clear: left; text-align: left; } .ST_Column_One h2.deals.first { border-top: 0; } /** left column side-by-side lists **/ .ST_Column_One div.deal_holder ul { overflow: hidden; padding: 3px 0; } /* =CenterColumn ============================= */ .ST_Column_Two { position:relative; z-index:1; } .ST_Column_Two .content { padding: 0px 0px 0px 0px; } /** contains flash movie **/ .ST_Column_Two #homepageSlideshow { width:470px; margin-bottom: 6px; background: #fff; } .ST_Column_Two ul.videos, ul.img_link_list { float:left; clear: left; padding: 4px 0 0 6px; margin-bottom: 15px; } .ST_Column_Two ul.videos li, ul.img_link_list li { float: left; padding: 0 8px; } ul.img_link_list._85_85 li { padding: 0 12px; } .ST_Column_Two ul.videos li a.title, ul.img_link_list li a.title { display: block; text-align: center; width: 92px; margin-bottom: 10px; text-decoration: none; font-size: 12px; } /** center column header definition **/ .ST_Column_Two h1, .ST_Column_Two h2 { text-align: left; font-size: 14px; font-weight: bold; color: #000; clear: both; margin: 5px 0; } .ST_Column_Two h2 a { text-decoration: none; font-size: 14px; } .ST_Column_Two .box h2 a { font-size: 14px !important; font-weight: bold !important; } .ST_Column_Two h2.first { margin-top: 0; } .ST_Column_Two h1.red, .ST_Column_Two h2.red { color: #9D1231; font-size: 17px; } .ST_Column_Two h2.red.wrap { height: auto; } .ST_Column_Two span.why { display: inline; float: none; color: #000 !important; font-size:1.3em; font-weight:900; } .ST_Column_Two p.why { display: inline; } .ST_Column_Two h1.first.red.title { margin: 0; height: auto; font-size: 18px; } /* two column center ad */ .ST_Column_Two .two_col_ad { float:left; clear: left; margin: 12px 0 5px; padding:12px 0pt; border-top: 1px solid #BDBCB9; } .ST_Column_Two .two_col_ad ul { float: left; position: relative; width: 450px; } .ST_Column_Two .two_col_ad ul li { font-size: 12px; font-weight: bold; text-align: center; } .ST_Column_Two .two_col_ad ul li strong { color: #9D1231; font-weight: bold; } .ST_Column_Two .two_col_ad ul li img { display: block; margin: 0 auto; margin-top: 8px; } .ST_Column_Two .two_col_ad ul li.left img { margin-top: 12px; } .ST_Column_Two .two_col_ad ul li.left { width: 225px; margin-right: 10px; float: left; } .ST_Column_Two .two_col_ad ul li.left form input { margin: 0 auto 6px; display: block; padding: 3px 2px 2px; font-size: 10px; width: 140px; } .ST_Column_Two .two_col_ad ul li.left form input.button { margin-bottom: 0; width: auto; } .two_col_ad ul li.left a.tiny_black { font-size: 9px; margin: -1px 0 12px; display: block; text-decoration: underline !important; text-align: center; } .ST_Column_Two .two_col_ad ul li.right { width: 215px; float: right; } .ST_Column_Two .two_col_ad ul li.right a:link, .ST_Column_Two .two_col_ad ul li.right a:visited { text-decoration: none; } .ST_Column_Two .two_col_ad ul li.right a { display: block; margin-top: 6px; font-size: 12px; } /* =magazine-subscribe-callout */ .magazine-subscribe-callout { text-align:right; margin:0px 0px 10px; } .magazine-subscribe-callout a { font-weight:100; font-size:0.85em; color:#000; } /* =RightColumn ============================= */ .ST_Column_Three { position:relative; z-index:2; } .ST_Column_Three .content { padding: 12px 0 0 0px; } .ST_Column_Three a.corner_ad img { display: block; } .ST_Column_Three a.corner_ad.first img { margin-bottom: 12px; } .ST_Column_Three h3 { color: #062E63; font-size: 12px; font-weight: bold; clear: left; } .ST_Column_Three h3.last { margin-top: 8px; } .ST_Column_Three div.box { margin: 2px 0 7px; float: left; text-align: left; } .ST_Column_Three div.box #top25HomeRight { margin-right: 8px; } .ST_Column_Three hr { background: #D9D9D7; height: 1px; border: 0; display: block; margin: 0 auto 7px; clear: left; width: 66%; } .ST_Column_Three div.box.last { border-bottom: 0; width: 214px; } .ST_Column_Three div.box.last p { clear: left; } .ST_Column_Three div.box.last img { float: none; display: block; margin:0 auto; text-align: center; } .ST_Column_Three div.box img { float: left; margin: 0 7px 8px 0; } .ST_Column_Three div.box2 img { float: left; margin: 0px 0px 10px 0px; } .ST_Column_Three div.box2 .inner { margin:0px 0px 0px 95px; } .ST_Column_Three div.box.minimal { border-bottom-width: 0; margin-bottom: 0; } .ST_Column_Three div.box.minimal p { margin-top: 14px; } .ST_Column_Three div.box.wide_image img { margin: 0 auto 3px auto; text-align: center; } .ST_Column_Three div.box p { display: block; font-size: 11px; width: 275px; } .ST_Column_Three a { text-decoration: none; } .ST_Column_Three a.header { font-size: 12px; display: block; margin: 5px 0 1px 0; } .ST_Column_Three div.box.wide_image a.header { clear: left; } .ST_Column_Three div.box.wide_image br { clear: left; display: block; } .ST_Column_Three div.box.wide_image a.slide_header { font-size: 12px; display: inline ; margin: 5px 0 1px 0; clear: left; background: transparent url(http://i.stcdn.net/secondary_slideshow.jpg) 100% 50% no-repeat; padding-right: 22px; } .ST_Column_Three a.see_all { display: block; font-size: 10px; margin-top: 6px; } .ST_Column_Three div.box.wide_image a.see_all { margin-bottom: 9px; } /* =QuickSearch ============================= */ .QuickSearch_1 { margin:0px 0px 20px 0px; position:relative; width:310px; } .QuickSearch_1 .compare_rates { position:absolute; top:-20px; font-weight:900; color:#C10707; text-transform:uppercase; } .QuickSearch_1 .ST_tabs li { font-size:0.85em; float:left; padding:2px 3px; background:#E3F0F6; border:1px solid #CCC; margin:0px 3px 0px 0px; position:relative; top:1px; z-index:5; text-transform:uppercase; cursor: hand; cursor: pointer; } .QuickSearch_1 .ST_tabs li.selected { border:1px solid #CCC; border-bottom:1px solid #FFF; background:#FFF; } .QuickSearch_1 .ST_tabs li.last { margin:0px 0px 0px 0px; } .QuickSearch_1 .module { border:1px solid #CCC; border-width:1px 1px 1px; display:none; position:relative; z-index:0; } .QuickSearch_1 .show { display:block; } .QuickSearch_1 table { margin:10px 0px 0px 0px; width:308px; } .QuickSearch_1 table tr { padding:4px 0px; z-index:7; } .QuickSearch_1 table td { padding:4px 0px; z-index:8; } .QuickSearch_1 table td img.calendar { vertical-align:bottom; cursor: hand; cursor: pointer; } .QuickSearch_1 table label { text-align:right; display:block; margin:0px 5px; font-size:12px; } .QuickSearch_1 table input.text { width:80px; margin:0px;} .QuickSearch_1 table input.date { width:60px;} .QuickSearch_1 table .check_rates { text-align:right; } .QuickSearch_1 table .single { text-align:right; padding:0px 6px 0px 0px; font-size: 12px; } .QuickSearch_1 .flights table .check_rates input { margin:0px 20px 0px 0px; } .QuickSearch_1 .cruises table .check_rates input { margin:0px 5px 0px 0px; } .QuickSearch_1 .packages table .check_rates input { margin:0px 20px 0px 0px; } .QuickSearch_1 .hotels table .check_rates input { margin:0px 20px 0px 0px; } .QuickSearch_1 .cars table .check_rates input { margin:0px 20px 0px 0px; } .QuickSearch_1 .hotels label { margin:0px 5px 0px 0px; } .QuickSearch_1 .hotels table .check_rates input { margin:0px 3px 0px 0px; } .QuickSearch_1 .cruises table select.to_location { width:100px; } .QuickSearch_1 table .moreOptions { font-size:10px; padding-left:8px; } /* =Footer ============================= */ #ST_Footer { font-size:1.1em; margin:20px 0px 40px 0px; text-align:center; overflow:hidden; _height:1%; } #ST_Footer div { margin:0px 0px 10px; } #ST_Footer .sharethis { margin:0px 0px 10px; } #ST_Footer h2 { font-size:1.5em; font-weight:900; text-align:center; border:1px solid #AAA; border-width:1px 0px; line-height:2em; } #ST_Footer .site_info { width:183px; float:left; text-align:right; margin:0px 10px 0px 0px; } #ST_Footer .site_info b { font-size:1.2em; margin:10px 0px; display:block; } #ST_Footer .site_info li { line-height:1.6em; } #ST_Footer .site_info li a { text-decoration:none; color:#999; font-weight:100; font-size:1.1em; } #ST_Footer .site_info li a:hover { text-decoration:underline; } #ST_Footer .last { margin-right:0px; } #footer_space { height:200px; background:#E3F0F6 url(http://i4.stcdn.net/design/gray-line.gif) center 0px no-repeat; } /* =FacebookConnect ============================= */ #fb_login_image { position: relative; top: 5px; } #fbConnectionInfo { float: left; margin-bottom: 20px;} #fbConnectionInfo .left { float: left; } #fbConnectionInfo img { margin-right: 30px; } .fbcVerify label { width: 115px !important; } .fbcVerify .submit { margin-left: 125px !important; } .fbcVerify input[type=text] { width: 210px !important; } .fbcVerify .inline span.note { font-size: 11px; color: #888; font-style: italic; display: block; float: right; width: 170px; margin-top: 5px; } .fbcVerify #longInlineSpan { width: 295px; margin-top: 0; } .fbcVerify #people_address_postal_code { width: 80px !important; } .fbcVerify .error_message { margin-left: 125px !important; } #fbcLoadingGif { padding: 10px 10px 0 4px; } /* =Account pages ============================= */ .account .ST_Column_One { min-height:800px; } #accountNav { border:1px solid #CCC; } #accountNav div.title { display:block; border-top:1px solid #CCC; padding:4px 10px; line-height:1.8em; text-decoration:none; background:#499EE1; font-size:1.1em; font-weight:900; color:#FFF; } #accountNav div.first { border-top:0px; zoom:1; margin:0px; } #accountNav ul { margin:0px; padding:0px; zoom:1; } #accountNav ul li { padding:0px; display:block; } #accountNav ul a { display:block; padding:0px 0px 0px 10px; line-height:2.1em; text-decoration:none; font-weight:100; border-bottom:1px dotted #CCC; } #accountNav ul a:hover { background:#499ee1; color:#FFF !important; } #accountNav ul a.last { border-bottom:0px; } #accountNav ul a.current { background-color: #E4F0F6; color:#0853A1 !important; } #accountNav a:visited, #ST_Nav_Utility a:visited { color: #0853a1 !important; } #account .padded { padding: 5px; } #account .padded-large { padding: 10px; } #account hr { margin-top: 5px; margin-bottom: 20px; background-color: #DDD; } #account #PeopleAddressCountryId, #account #PeopleAddressStateId { width: 266px; } #lost_login_link { font-size: 11px; display: inline; } #lost_login_link a { margin-left: 5px; font-weight: normal; } #login_or_link { display: inline; position: relative; top: -8px; left: 8px; } #login_or_link a { text-decoration: none; } #account h1 { font-size: 24px; border-bottom: 3px solid #489EE1; color: #004F9E; margin: 10px 0 15px; } #account h2 { font-size: 18px; margin-bottom: 10px; color: #444; } #account p { margin-bottom: 8px; } #account.accountPage p { line-height: 1.5em; } #account input[type=image].right { margin-top: 12px; float: right; } .loginWithFBRadio, .loginWithSTRadio { font-weight: bold; font-size: 14px; margin-left: 155px; display: block !important; margin: 0 0 20px; } .loginWithFBRadio input, .loginWithSTRadio input { margin-right: 10px; } .loginWithFBRadio { margin: 20px 0 10px; } #loginWithFBDiv { margin-left: 27px; } #account form div.inline, #account form div.block { margin-bottom: 8px; /* width: 100%;*/ display: block !important; } #account form#createAccount div.inline, #account form#createAccount div.block { margin-bottom: 10px; } #account label { font-weight:bold; margin-right:10px; margin-top:3px; text-align:right; width:145px; color: #444; } #account #accountNlSignup label { margin-right: 0; } #account form div.inline label { float: left; } #account form div.checkbox label { float: none; font-weight: normal; margin-left: 5px; } #account form div.checkbox { margin-left: 153px; } #account form input[type=text], #account form input[type=password] { padding:2px; width:256px; font-family:"Lucida Grande",Lucida,Verdana,sans-serif; font-size:12px; } #account form#accountLogin input[type=text], #account form#accountLogin input[type=password], #account form#createAccount input[type=text], #account form#createAccount input[type=password] { width: 234px; } #account form input[type=submit], #account form input[type=image] { font-size:12px; } #account form input[type="submit"] { padding: 3px 45px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #999999; } #account div.submit { margin-left: 155px; width: 400px !important; } #account form div.inline div.note { margin-left: 156px; clear: both; padding-top: 5px; color: #666; font-size: 10px; } #account p.note { color: #666; font-size: 0.8em; } #account #congratulations { font: 16px Helvetica, Arial, sans-serif; font-weight:bold; } #account #people_address_postal_code { width: 100px; } #accountCreationNote { font-size: 11px; text-align: left; margin: 15px auto 0; color: #666; width: 608px; font-style: italic; } #account.faqs div.questions div { margin-bottom: 10px; font-size: 12px; } #account.faqs div.questions div div { line-height: 1.2em; background-color: #E4F0F6; padding: 5px; } #account.faqs a, #account.faqs a:visited { color: #499EE1; line-height: 25px; } #account.faqs a.shown { color: #000 !important; text-decoration: none !important; } #account.faqs #noAnswer { font-weight: bold; font-size: 12px; margin: 32px 0; } #createBar { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #94C6ED; padding: 5px; height: 30px; } #createBar #accountNlSignup { padding: 6px; float: left; font-size: 12px; font-weight: bold; } #account .question { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://i.stcdn.net/design/shermanmeter/sprite-shermanmeter.png) repeat scroll 0 0; float:right; height:12px; margin:1px 0 0 3px; width:13px; } #account form .error_message { clear: both; width: 242px; margin: 6px 0 6px 155px !important; background-position: 2px 50%; padding-left: 22px; } #account form div.checkbox .error_message { margin-left: 0 !important; } #account form#accountLogin .error_message, #account form#accountLogin .error_message, #account form#createAccount .error_message, #account form#createAccount .error_message { width: 220px; } #account form#accountMoreInfoForm .error_message { margin-left: 181px !important; } @media screen and (-webkit-min-device-pixel-ratio:0){ #account form#accountMoreInfoForm .error_message {margin-left: 186px !important;} } #accountCreationLoginLink { margin: 0 0 10px 156px; font-size: 12px; } #accountCreationLoginLink a { font-weight: normal; } .small { font-size: 11px; } #account #rememberMe { margin-left: 154px; margin-bottom: 15px; } #account #rememberMe label { font-weight: normal; float: none; } /* ----- PASSWORD STRENGTH METER ----- */ #account form #password_strength { float: left; font-size: 11px; margin: 0 0 0 10px; padding: 0; color: #777; height: 24px; line-height: 1.4em; } #account form #password_strength span { float: none; margin: 0; padding: 0; } #person_password_bar { background-image:url(http://www.passwordmeter.com/images/bg_strength_gradient.jpg); background-position:0 0; background-repeat:no-repeat; width:100px; z-index:0; height:7px; margin-top:1px; } #account form#createAccount input#person_password { float: left; } #account table#accountSubscriptions { width: 100%; } #account table#accountSubscriptions thead th { font-weight: bold; font-size: 0.9em; } #account table#accountSubscriptions tbody tr { background-color: #E4F0F6; border-top: 7px solid #FFF; } #account table#accountSubscriptions tbody tr td { padding: 10px 30px; } #account #special_interest_table label { font-weight: normal; margin: 5px; } #account #special_interest_form { padding: 8px 23px 20px; background-color: #E4F0F6; } #account table#special_interest_table tr { border-top: 8px solid transparent; } #account #primaryAddress, #account #secondaryAddress { background-color: #E4F0F6; padding: 18px 20px; } #account #primaryAddress h4, #account #secondaryAddress h4 { font-size: 16px; font-weight: bold; margin-bottom: 23px; color: #333; } #account .required { color: red; font-weight:bold; } #accountNlSignupTooltip .shermanmeter-tooltip div { line-height:1.4em; padding:20px; text-align:left; font-size: 13px; } .ShermansTravel_Slideshow { width:407px; height:232px; border:1px solid #ccc; background:#f6f9fc; float:right; margin:0px 0px 0px 5px; position:relative; } .ShermansTravel_Slideshow .slide { margin:8px 8px 6px; position:absolute; top:0px; left:0px; z-index:0; } .ShermansTravel_Slideshow .slide a { height:194px; width:390px; border:1px solid #ccc; display:block; } .ShermansTravel_Slideshow .slide a img { height:194px; width:390px; } .ShermansTravel_Slideshow .slide span { position: absolute; padding: 10px 10px 5px 10px; width: 371px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; display: none; bottom: 0; left: 0; cursor: hand; cursor: pointer; } .ShermansTravel_Slideshow .slide span div { color: #fff; } .ShermansTravel_Slideshow .slide span div.caption { font-family:"Trebuchet MS", Arial; font-size:1.35em; font-weight:900; } .ShermansTravel_Slideshow .slide span div.subcaption { font-size:0.7em; text-align:right; color:#ccc; font-style:italic; } .ShermansTravel_Slideshow .next { z-index:99; } .ShermansTravel_Slideshow .show { z-index:100; } .ShermansTravel_Slideshow .slideSelect { position:absolute; bottom:5px; left:8px; height:18px; } .ShermansTravel_Slideshow .slideSelect div { height:18px; width:18px; background:#e4f0f6; color:#2368ab; float:left; margin:0px 3px 0px 0px; text-align:center; line-height:18px; font-size:0.85em; font-weight:900; cursor: hand; cursor: pointer; } .ShermansTravel_Slideshow .slideSelect div.selected { background:#94c6ed; color:#FFF; } .ShermansTravel_Slideshow .slideSelect span.pause { background:url(http://i3.stcdn.net/design/homepage/pause_play.png) top right; height:18px; width:18px; color:#2368ab; float:left; margin:0px 3px 0px 0px; text-align:center; line-height:18px; font-size:0.85em; font-weight:900; cursor: hand; cursor: pointer; } .ShermansTravel_Slideshow .slideSelect span.play { background:url(http://i3.stcdn.net/design/homepage/pause_play.png) top left; height:18px; width:18px; color:#2368ab; float:left; margin:0px 3px 0px 0px; text-align:center; line-height:18px; font-size:0.85em; font-weight:900; cursor: hand; cursor: pointer; } .ShermansTravel_Slideshow .prev-next { position:absolute; bottom:10px; right:11px; font-size:0.9em; color:#164f9e; font-weight:900; } .ShermansTravel_Slideshow .prev-next span { cursor: hand; cursor: pointer; } .most_recent_post { border:1px solid #94C6ED; background:#E3F0F6; padding:0px 4px 5px; } div.most_recent_post h2 { color:#004F9E; font-size:1.1em; margin:10px 0px 10px 10px; text-transform:uppercase; font-weight:900; } .most_recent_post a { font-weight:100; } .most_recent_post .title a { font-weight:100; text-decoration:underline; color:#333; } .most_recent_post .blog_title { color:#004F9E; font-weight:900; font-size:1.1em; } .most_recent_post img { float:left; margin:0px 10px 0px 0px; } .most_recent_post .body { background:#FFF; padding:10px 0px; } .most_recent_post .body .single { margin:0px 10px 10px; padding:0px 0px 10px; border-bottom:1px solid #E3F0F6; font-size:0.9em; overflow:hidden; _height:1%; } .most_recent_post .body .single .meta { } .most_recent_post .body .more { text-align:right; margin:0px 10px 0px 0px; } div.genericSearch3 { display:block; background:#E9F0F5; padding:10px; margin:0px 10px 6px 10px; text-align:right; } div.genericSearch3 div { display:block; } div.genericSearch3 .title { font-weight:900; font-size:1.1em; float:left; line-height:23px; } div.genericSearch3 .text { height:23px; width:194px; margin:0px 0px 10px 0px; padding-left:4px; line-height:23px; background-position: 5px 5px !important; } /* ============================= ============================= =Framework ============================= ============================= */ /* =Jquery-UI ============================= */ /* * jQuery UI CSS Framework * Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://themeroller.com/?ctl=themeroller */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; z-index:10; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; } /* url(ffffff_40x100_textures_02_glass_75.png) */ .ui-widget-content a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; outline: none; } .ui-state-default a { color: #555555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; outline: none; } .ui-state-active a { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(http://i.stcdn.net/design/jquery-ui/222222_256x240_icons_icons.png); } .ui-widget-content .ui-icon {background-image: url(http://i.stcdn.net/design/jquery-ui/222222_256x240_icons_icons.png); } .ui-widget-header .ui-icon {background-image: url(http://i.stcdn.net/design/jquery-ui/222222_256x240_icons_icons.png); } .ui-state-default .ui-icon { } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://i.stcdn.net/design/jquery-ui/454545_256x240_icons_icons.png); } .ui-state-active .ui-icon {background-image: url(http://i.stcdn.net/design/jquery-ui/454545_256x240_icons_icons.png); } .ui-state-highlight .ui-icon { } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;} .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker-prev, .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover { top: 1px;} .ui-datepicker-prev { left:2px; } .ui-datepicker-next { right:2px; } .ui-datepicker-prev:hover { left:1px; } .ui-datepicker-next:hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* =thickbox ============================= */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(http://i.stcdn.net/design/jquery-thickbox/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 10002; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:hidden; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:10003; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* =autocomplete */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; text-align:left; border-bottom:1px solid #E3F0F6; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url() right center no-repeat; } .ac_odd { background-color: #FFF; } .ac_over { background-color: #E3F0F6; color: #333; } .fbcProfileImage { vertical-align: text-bottom; } #community h1 { font-size: 24px; border-bottom: 3px solid #489EE1; color: #004F9E; margin: 10px 0 15px; } /* =autocomplete for search */ #site_search { border: 2px solid #DAA80D; } .search_suggest { background-color: #FFF; overflow:hidden; padding:1px; position:absolute; width:628px; z-index:99999; border: 2px solid #DAA80D; border-top: none; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; filter:alpha(opacity=90); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } .search_suggest_loading { background: white url('http://i.stcdn.net/ajax-loader.gif') right center no-repeat; } .search_suggest ul { list-style:none outside none; margin:0; overflow:hidden; padding:3px 0; } .search_suggest ul li { line-height:1.2 !important; margin:0; overflow:hidden; padding:1px; } .search_suggest ul li.search_suggest_odd { background-color: #eee; } .search_suggest ul li.search_suggest_over { background-color: #0A246A; color: white; } .search_suggest ul li strong { color: #990000; } .search_suggest ul li a { color:#000000 !important; cursor:pointer; display:block; overflow:hidden; padding:2px 6px 4px; text-decoration:none !important; font-size: 12px; text-align: left; font-weight:normal; } .search_suggest ul li a b { font-weight:normal; } .search_suggest ul li a:hover, .search_suggest ul li.search_suggest_over, a.search_suggestHighlight, .search_suggest li.search_suggestCategory a.search_suggestHighlight { background-color:#F6EDCF !important; } .search_suggest ul li a span { float:right; margin-top:0.3em; text-transform:uppercase; } .search_suggest ul li a span.inline { float:none; } .search_suggest ul li a em { font-style:normal; text-transform:none; } .search_suggest ul li a em, .search_suggest ul li a span { color:#6E6E6E !important; font-family:Verdana; font-size:9px; } .search_suggest ul li ul, .search_suggest ul li ul li { background:none repeat scroll 0 50% transparent; margin:0; padding:0; } .search_suggest ul li ul li { font-size:13px; } .search_suggest ul li h4.dotTop { background-position:1px 5px; display:block; height:11px; margin:0; padding:0; text-indent:-9999px; } .search_suggest .dotTop, .dotBot { background:url("http://i.stcdn.net/dot.gif") repeat-x scroll 0 0 transparent; }