/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ /* .columns { background: red; } */ .container { position: relative; width: 940px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px;} .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .group:before, .group:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .group:after { clear: both; } .row, .group { zoom: 1; } /* #Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } form #website{ display:none; } /* Basic Styles ================================================== */ body { background: #fff; font: 12px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #525252; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } /* Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 16px; line-height: 16px; margin-bottom: 14px;} h2 { font-size: 14px; line-height: 14px; margin-bottom: 10px; } h3 { font-size: 13px; line-height: 13px; margin-bottom: 8px; } h4 { font-size: 12px; line-height: 13px; margin-bottom: 8px; } h5 { font-size: 11px; line-height: 13px; margin-bottom: 8px; text-transform: uppercase; } h6 { font-size: 10px; line-height: 10px; } .subheader { color: #777; } .double { text-transform: uppercase; font-weight:bold; background: url(../images/bg_doubleline.png) repeat-x 0 5px; margin-bottom:15px; } .double span { background: #fff; padding:0 15px 0 0; } p { margin: 0 0 20px 0; } figure { margin:0 0 15px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /*Blockquotes */ blockquote, blockquote p { font:italic 17px Georgia, serif; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } .drop-in { margin-top:40px; } .drop-in blockquote { text-align: center; padding:20px 0 20px 0; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; border-left:0; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* Links ================================================== */ a, a:visited { color: #2083d5; text-decoration: none; outline: 0; } a { -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } a:hover, a:focus { color: #17609c; } p a, p a:visited { line-height: inherit; } /* Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* Form Elements ================================================== */ /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } form p { margin-bottom:0; position:relative; } form p input[type=submit] { position:absolute; top:25px; } label { display:block; font-weight:bold; font-size:11px; text-transform: uppercase; margin-bottom:5px; } input[type=text], textarea { font:inherit; font-size:11px; height:15px; color:#525252; background: #fff; border:solid 1px #dcdcdc; padding:7px; width:90%; border-radius:3px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); } textarea { height:200px; } input[type=text]:focus, textarea:focus { border:solid 1px #107ad2; box-shadow:0 0 3px rgba(0,0,0,0.1); } input[type=submit] { font:inherit; font-size:11px; font-weight:bold; height:30px; vertical-align: top; background: #2083d5; color:#fff; text-transform: uppercase; border:none; padding:7px; width:90%; border-radius:3px; cursor:pointer; } input[type=submit]:hover,a.link-button:hover { background: #1a74be; } a.link-button { font-size:10px; font-weight:bold; vertical-align: top; background: #2083d5; color:#fff !important; text-transform: uppercase; border:none; padding:5px 15px; border-radius:3px; } /* Blocks */ .block h1 { color:#7d7d7d; text-transform: uppercase; font-size:12px; } .block figure { padding:4px; border:solid 1px #dcdcdc; box-shadow:0 0 3px rgba(0,0,0,0.1); } .block a { color:#525252; } .block p { margin-bottom:0; } .block figure { position:relative; } .block figure img { display:block; } .block a:hover h1 { color:#107ad2; } .block a:hover figure { border:solid 1px #107ad2; box-shadow:0 0 5px rgba(0,0,0,0.2); } .one-third.with-action, .five.with-action { height:350px; } .eight.with-action { height:380px; } .eight.with-action .col-action { width:96%; } .eleven.with-action { height:380px; } .eleven.with-action .col-action { width:97%; } .col-action { width:93%; padding:5px 10px; font-size:10px; text-transform: uppercase; position:absolute; bottom:0; background: url(../images/bg_action.png) repeat-y; border-radius:3px; } .col-action a { position:absolute; right:0; top:0; } .ribbon { position:absolute; top:-3px; right:-3px; } .overlay { background: #000 url(../images/zoom.png) no-repeat center; background: rgba(0,0,0,0.5) url(../images/zoom.png) no-repeat center; width:50px; height:30px; position:absolute; top:45px; left:15px; z-index:99; text-indent: -999em; cursor:pointer; display:none; border-radius:3px; } .fb { display:block; } /* Content Styles */ .relative { position:relative; } .alignleft { float:left; margin:5px 25px 15px 0; } .alignright { float:right; margin:5px 0 15px 25px; } .excerpt { font-size:14px; font-weight:bold; line-height: 22px; } .alert { padding:15px; background: #F6F6F6; } .note { background: #f4f6ad; } .success { background: #a3e8ad; } .success-alt { background: #a3d4e8; } .content h1 { font-weight:bold; } .content img { padding:4px; border:solid 1px #dcdcdc; box-shadow:0 0 3px rgba(0,0,0,0.1); } .content figure img { padding:0; border:0; box-shadow: 0; } .content li { margin-bottom:6px; } .content ul { list-style: disc inside; } .content ol, .content ul { margin-bottom:20px !important; } .content *:last-child { margin-bottom:0; } .content .news-lst { list-style: none; } .content .news-lst li { margin-bottom:40px; padding-bottom:20px; } .content .news-lst li:last-child { margin-bottom:0; } .content form p { margin-bottom:15px; } .content form input[type=text] { width:50%; } .content form input[type=submit] { position:static; width:150px; } table { width:100%; border-right:solid 1px #dcdcdc; border-top:solid 1px #dcdcdc; margin-bottom:20px; } table th, table td { padding:5px; border-left:solid 1px #dcdcdc; } table th { font-weight:bold; text-align: left; border-bottom:solid 1px #dcdcdc; background: #f1f1f1; } table td { border-bottom:solid 1px #dcdcdc; } table tr:nth-child(2n+1) td { background: #f5f5f5; } /* Global Styles ================================================== */ #header-wrap { position:absolute; z-index:2; width:100%; } #header { background: #fff; background: rgba(255,255,255,0.9); } #main { margin-top:40px; margin-bottom:40px; } #page-header { height:230px; background: #dcdcdc; background-image:url(../images/slide1.jpg); text-indent: -9999px; } /* Logo */ #header h1 { position:absolute; top:75px; } #home #header h1 { position:absolute; top:60px; } /* Main navigation */ #navigation > select { display: none; } .nav { margin-bottom:0; margin-left:5px; } .nav li { float:left; line-height: 1; margin-bottom:0; } .nav li a { display:block; text-transform: uppercase; color:#606060; font-size:11px; padding:15px 7px; } .nav li a:hover { color:#2083d5; } .nav > li { position: relative; } .nav ul { position: absolute; list-style: none; margin: 0; padding: 0; z-index: 1000; border: 3px solid rgba(255, 255, 255, 0.5); top: -999em; -moz-box-shadow: 0 0 5px rgba(80, 80, 80, 0.85); -webkit-box-shadow: 0 0 5px rgba(80, 80, 80, 0.85); -o-box-shadow: 0 0 5px rgba(80, 80, 80, 0.85); box-shadow: 0 0 5px rgba(80, 80, 80, 0.85); } .nav li li { display: block; } .nav li li a { padding: 8px 15px; background-color: #f6f8f7; background-color: rgba(255, 255, 255, 0.90); margin-bottom: 1px; display: block; white-space: nowrap; min-width: 180px; } .nav li li a:hover { border: none; background: #2083d5; color:#fff; } .nav > li:hover > ul { top: 35px; } .sf-with-ul { padding-right: 15px; } .alt-nav { width:95%; margin:10px; } /* Weather / Languages */ #weather-lang { font-size:11px; line-height: 1; } #yw { text-align: right; padding:11px 0 10px 0; } #yw span { line-height: 1; } #ywloc { position:relative; top:-2px; } #ywtem { font-size:18px; font-weight:normal; margin-left:5px; color:#2083d5; } #lang { text-align: right; padding:15px 0 10px 0; } #lang a { display:inline-block; margin-left:5px; } #lang a:last-child { margin-right:10px; } /* Breadcrumb */ .bc { background: url(../images/bg_doubleline.png) repeat-x bottom; padding-bottom:20px; margin-bottom:20px !important; } /* HomePage Styles ================================================== */ /* Slider */ .flex-utils { position:relative; } .flex-captions { height:40px; position:relative; margin-top:-40px !important; background: #fff; background:rgba(255,255,255,0.9); } .flex-captions p { padding:10px 0 0 35px; background: url(../images/sprite.png) no-repeat 10px -42px; } #home-slider li { margin-bottom:0; } #home-slider .flex-direction-nav { position:absolute; top:33px; right:10px; } #home-slider .flex-direction-nav li { margin:0; float:left; margin-left:5px;} #home-slider .flex-direction-nav a { display:block; width:9px; height:14px; text-indent: -999em; } #home-slider .flex-prev { background: url(../images/sprite.png) no-repeat; left:-15px; right:0; opacity:1; } #home-slider .flex-prev:hover { background: url(../images/sprite.png) no-repeat 0 -14px; } #home-slider .flex-next { background: url(../images/sprite.png) no-repeat -15px 0; left:0; opacity: 1; } #home-slider .flex-next:hover { background: url(../images/sprite.png) no-repeat -15px -14px; } /* Footer Styles ================================================== */ #footer-wrap { background: url(../images/bg_footer.png) repeat-x; padding:40px 0; } /* Booking Styles */ #booking { background: url(../images/bg_doubleline.png) repeat-x bottom; padding-bottom:40px; margin-bottom:40px; } #booking .calendar { background: #fff url(../images/sprite.png) no-repeat right -93px; } #booking .calendar:focus { background: #fff url(../images/sprite.png) no-repeat right -123px; } /* Latest News List Styles ================================================== */ .news-lst li { background: url(../images/bg_gradient.png) no-repeat bottom center; padding-top:10px; } .news-lst li:first-child { padding-top:0; } #footer .news-lst li:last-child { background: none; } .news-lst li:last-child p { margin-bottom:0; } .content .post-comments li:last-child p { margin-bottom:20px; } .news-lst h3 { font-weight:bold; } .news-lst img { margin-bottom:20px; } .news-lst time { text-align: left; background: url(../images/bg_doublelinev.png) repeat-y right; color:#9a9a9a; text-transform: uppercase; font-size:10px; } .news-lst time b { display:block; font-size:16px; font-weight:bold; color:#2083d5; } /* Newsletter Styles */ .newsletter-wrap { border:solid 1px #e8e8e8; border-bottom-width:0; background: url(../images/bg_newsletter.png) repeat-x; box-shadow: 0 0 2px rgba(0,0,0,0.05); border-radius:5px; } .newsletter { background: url(../images/bg_newsletter.png) repeat-x bottom; padding:30px 20px 35px 20px; border-radius:5px; } .newsletter h4 { color:#2083d5; text-transform: uppercase; font-size:11px; font-weight:bold; margin-bottom:15px; } .newsletter h4 span { display:block; font-weight:normal; color:#7d7d7d; } .newsletter p { font-size:11px; line-height: 15px; color:#7d7d7d; margin-bottom:10px; position:relative; margin-bottom:20px; } .newsletter input[type=text] { width:95%; } .newsletter input[type=submit] { top:0; right:-3px; width:100px; } .newsletter form p { margin-bottom:0; } /* Social links Styles */ .social-links { text-align: center; margin-top:35px; } .icn { width: 24px; height: 24px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; display:inline-block; margin-right: 5px; text-indent: -999em; cursor: pointer; } .icn:focus, .icn:active { outline: none } .icn.twitter { background-position: -31px -1px } .icn.twitter:hover { background-position: -31px -31px } .icn.facebook { background-position: 0 -1px } .icn.facebook:hover { background-position: 0 -31px } .icn.flickr { background-position: -62px -1px } .icn.flickr:hover { background-position: -62px -31px } .icn.picasa { background-position: -94px 0 } .icn.picasa:hover { background-position: -94px -30px } .icn.lnkdin { background-position: -125px 0 } .icn.lnkdin:hover { background-position: -125px -30px } .icn.gplus { background-position: -156px -1px } .icn.gplus:hover { background-position: -156px -31px } .icn.rss { background-position: -187px -1px } .icn.rss:hover { background-position: -187px -31px } .icn.youtube { background-position: -218px -1px } .icn.youtube:hover { background-position: -218px -31px } .icn.wordpress { background-position: -250px -1px } .icn.wordpress:hover { background-position: -250px -31px } .icn.dribbble { background-position: -282px -1px } .icn.dribbble:hover { background-position: -282px -31px } .icn.pinterest { background-position: -313px -1px } .icn.pinterest:hover { background-position: -313px -31px } .icn.stumble { background-position: -345px -1px } .icn.stumble:hover { background-position: -345px -30px } .icn.digg { background-position: -380px -1px } .icn.digg:hover { background-position: -380px -30px } /* Credits */ .credits { background: url(../images/bg_doubleline.png) repeat-x; padding-top:15px; font-size:11px; color:#878787; } .credits a { color:#878787; } .credits .active a, .credits a:hover { color:#4183bb; } .credits .four { text-align: right; } .footer-nav { margin-bottom:0; } .footer-nav li { float:left; margin-bottom:0; margin-right:15px; } /* Room Styles ================================================== */ .room-gallery { border:solid 1px #dcdcdc; padding:9px; box-shadow: 0 0 3px rgba(0,0,0,0.1); margin-bottom:30px; } #room-gallery, #room-carousel { margin-bottom:0; } #room-gallery li, #room-carousel li { margin-bottom:0; } #room-carousel { position:relative; margin-top:10px; } #room-carousel li { margin-right:10px; } #room-carousel img { cursor:pointer; } #room-carousel .flex-control-paging { display:none; } /* Blog Styles ================================================== */ .paging { text-align: center; margin-top:40px; } .paging a { display:inline-block; background: #f1f1f1; padding:3px 9px; margin-right:3px; border-radius:1px; font-size:11px; font-weight:bold; } .paging a:hover { background: #dcdcdc; } .paging a.active { background: #1A74BE; color:#fff; } /* Comments Styles */ .post-comments { margin-top:60px; } .post-comments ol, .post-comments ul { list-style: none; font-size:inherit; } .post-comments > ol { margin-left:0; } .post-comments li { margin:0 !important; padding:0 !important; background: none !important; } .post-comments .avatar { float: left; margin: 15px 15px 5px 0; padding:3px; border:solid 1px #dcdcdc; } .post-comments .comment-text { border-bottom: 1px solid #dcdcdc; } .post-comments .comment-copy { width: 80%; padding: 15px; float: right; font-size: 13px; } .post-comments .comment-meta { font-weight: bold; margin-bottom:5px !important; } .comment-reply-link, .btn-reply { font-weight: bold; font-style: normal; float: right; font-size: 10px; text-transform: uppercase; color: #fff; padding: 3px 7px 0; background: #2083d5; border-radius:2px; } .comment-reply-link:hover, .btn-reply:hover { color:#fff; background: #1a74be; } .comment-reply-link { font-size:10px; font-weight:bold; display:inline-block; padding-left:20px; border-radius:2px; margin-bottom:5px; } /* Comments form */ #form-wrapper h2 { margin-bottom:20px; } .post-form p { margin-bottom:15px; } .post-form input[type=text] { width:50%; } .post-form input[type=submit] { position:static; width:150px; } /* Location Styles ================================================== */ .map-wrapper { padding:9px; border:solid 1px #dcdcdc; box-shadow: 0 0 3px rgba(0,0,0,0.1); } .map { height:400px; } /* Widgets ================================================== */ .widget { margin-bottom:40px; } .widget h3 { color:#444; text-transform: uppercase; font-size:11px; } .widget .double { background-position: 0 4px; } .widget *:last-child { margin-bottom:0; } /* Flickr Widget */ .flickr_badge_image { float: left; margin-right: 15px; margin-bottom: 19px; padding: 3px; border: solid 1px #dcdcdc; box-shadow: 0 0 3px rgba(0,0,0,0.1); } .flickr_badge_image:nth-child(3n+1) { margin-right: 0 } .flickr_badge_image img { display: block; } /* Calendar Widget */ .widget_calendar #wp-calendar { width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center } .widget_calendar #wp-calendar caption { font-size: 11px; padding: 5px 0 3px; text-transform: uppercase; } .widget_calendar #wp-calendar th { font-weight: bold } /* Search Widget */ #searchform input[type=text] { width: 92%; padding: 7px 3.5%; text-indent: 10px; } #searchform { position: relative; line-height: 0; } #searchform #searchsubmit { position: absolute; right: 0; top: 0; width: 70px; height: 30px; font-weight: bold; font-size:11px; cursor: pointer; } #searchform > div { margin: 0; padding: 0; line-height: 0; } #searchsubmit:active { top: 1px } /* List Widgets */ .widget ul { list-style: none; margin: 0; padding: 0; } .widget ul li { margin-bottom:0; padding: 6px 0 5px 17px; background: url(../images/sprite.png) no-repeat 0 -155px; border-bottom: 1px dotted #dcdcdc; } .widget ul > li:first-child { padding-top: 0; background-position: 0 -162px; } /* Twitter on sidebar */ .widget .twitter-time { display: block; font-size: 0.8em; font-weight: bold; } /* Book Now widget */ .widget_book-now { background: #F9F9F9 url(../images/bg_book.png) repeat-x; color:#7f7f7f; font-size:11px; border:solid 1px #dfdfdf; box-shadow: 0 0 3px rgba(0,0,0,0.1); padding:20px; } .widget_book-now p { margin-bottom:0; } .book-now-price { text-align: center; float:left; width:90px; background: url(../images/bg_divider.png) no-repeat right; } .book-now-price strong { font-size:22px; display:block; } .book-now-action { text-align: center; margin-top:6px; float:right; width:130px; } .book-now-action a { display:inline-block; width:90px; } .book-now-action a span { text-align: center; } /* Testimonial widget */ .widget_testimonial blockquote { margin-bottom:0; border:0; padding:0; } .widget_testimonial blockquote p { background: #F9F9F9 url(../images/bg_book.png) repeat-x; color:#7f7f7f; font-size:11px; border:solid 1px #dfdfdf; padding:20px; margin-bottom:5px; line-height:16px; } /* Fancybox ================================================== */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image,.fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image: url(../images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(../images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .hidden { display:none; } /* Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* Global styles */ .content img { padding:0; border:0; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Blocks */ .eight.block .col-action { width:94%; } /* Comments */ .post-comments .comment-copy { width: 75%; } .post-comments li li .comment-copy { width: 73%; } /* Flickr Widget */ .flickr_badge_image:nth-child(3n+1) { margin-right: 15px; } /* Book now widget */ .book-now { padding:5px; } .book-now-price { width:70px; } .book-now-action { width:130px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* Global styles */ #sidebar { margin-top:20px; } #navigation > ul { display:none; } #navigation > select { display: block; } #yw { display:none; } #lang { text-align: center; padding:0 0 10px 0; } #header h1 { text-align: center; width:100%; } #home #header h1 { top:80px; } #home #header h1 img { width:140px; } .alignleft, .alignright { float:none !important; display:block; margin:10px 0 !important; } /* Homepage 3col */ #main .one-third { margin-bottom:30px; } #main .one-third:last-child { margin-bottom:0; } /* Footer booking form */ #booking p { margin-bottom:10px; } #booking p input[type=text] { width:96%; } #booking p input[type=submit] { position:static; top:auto; margin-top:10px; width:99%; } /* Blocks */ .col-action { width:95%; } .eight.block { margin-bottom:40px !important; height:auto; } .eight.block .col-action { width:95%; position:relative; margin-top:20px; } .one-third { margin-bottom:40px !important; height:auto !important; } .one-third .col-action { width:95%; position:relative; margin-top:20px; } .five.block { margin-bottom:20px !important; } .eleven.with-action { height:auto !important; margin-bottom:20px !important; } .eleven.with-action .col-action { width:95% !important; position:relative; margin-top:20px; } /* Comments */ .post-comments ul { margin-left:0; } .post-comments .comment-copy { width: 100%; padding-left:0; padding-right:0; } .post-comments .avatar { display:none; } /* Flickr Widget */ .flickr_badge_image:nth-child(3n+1) { margin-right: 15px; } } /* All Mobile Sizes < 480 (devices and browser) */ @media only screen and (max-width: 479px) { /* Global styles */ .flex-direction-nav, .flex-captions { display:none; } .newsletter-wrap { margin-top:10px; } .social-links { margin-bottom:10px; } #footer .sig { text-align: left !important; margin-top:10px; } /* Blocks */ .col-action { width:93% !important; } /* Post form */ .post-form input[type=text] { width:80%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Global styles */ .flex-direction-nav, .flex-captions { display:none; } .newsletter-wrap { margin-top:10px; } .social-links { margin-bottom:10px; } #footer .sig { text-align: left !important; margin-top:10px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* Global styles */ #home #header h1 img { width:100px; } #booking p input[type=text] { width:95%; } #booking p input[type=submit] { width:100%; } } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #fff; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 58%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .1s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav a { display:none; } } /*! * jQuery UI CSS Framework 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .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:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .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 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7 url(cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9 url(cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb url(cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; } .ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background: #3baae3 url(cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f9dd34; background: #ffef8f url(cupertino/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(cupertino/images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-content .ui-icon {background-image: url(cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-header .ui-icon {background-image: url(cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-state-default .ui-icon { background-image: url(cupertino/images/ui-icons_3d80b3_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(cupertino/images/ui-icons_2694e8_256x240.png); } .ui-state-active .ui-icon {background-image: url(cupertino/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(cupertino/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(cupertino/images/ui-icons_ffffff_256x240.png); } /* 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-script { background-position: -240px -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-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -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-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000 url(cupertino/images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*! * jQuery UI Datepicker 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .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 .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { 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 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; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .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 .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .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; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* 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*/ }