/* -------------------------------------Body ----------------------------------------*/ html,body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:0.88em; _font-size:12px; text-decoration: none; text-transform: none; color:#484848; line-height:18px; } body *{ outline:none; } html { overflow-y: scroll; overflow-x:hidden; } body { } a { text-decoration:none; cursor:pointer; outline:none; } a:hover,a img:hover, a:active{ text-decoration:none; outline:none; color:#000000; } a img{ border:none; } h1,h2,h3,h4,h5,h6{ margin:0; padding:0; } ul,li{ list-style:none; padding:0; margin:0; } form{ margin:0; padding:0; display:block; } .left{ float:left; } .right{ float:right; } .clear{ clear:both; } .clearLeft{ clear:left; } .clearRight{ clear:right; } .pngfix { behavior: url(css/iepngfix.htc); } .clearfix { zoom:1; *display:inline-block; } .clearfix:after { content:"."; display:block; clear:both; width:0px; height:0px; visibility:hidden; font-size: 0; } .hide{ display:none !important; } .hide-text{ text-indent:-9999px; overflow:hidden; } textarea.agreement { background-color: #F8F8F8; border: 0 none; display: block; font-size: 12px; height: 300px; line-height: 21px; margin-bottom: 0; padding: 1%; width: 98%; } .error-msg{ color:red; } /* * header */ #header{padding:0 20px 0; position:relative; z-index:100;} #header h1{margin-top:19px; padding-bottom:10px;} #header h1 a{width:153px; height:63px; display:block; background:url(../../img/homepage-logo.gif) no-repeat center right;} #header h1 a:hover{ text-decoration:none;} #header .datetime{font-family: Tahoma; font-variant: small-caps;} #header .datetime li{height:18px; width:83px;padding-right:1px; background:url(../../img/header-inner-social-line.png) no-repeat center right;} #header .datetime div{margin:0 5px;} #header .datetime .weather {width:68px; position:relative;} #header .datetime .weather img{width:40px; position:absolute; left:-4px; top:-2px;} #header .time{padding-left:20px; background:url(../../img/header-clock.jpg) no-repeat left center;} #header .share{margin-top: 2px;} #header .share li{margin:0 2px;} #header .share li a{display:block; width:16px; height:16px; background:url(../../img/header-social.png) no-repeat left top; overflow:hidden;} #header .share .facebook a{background-position:left top; text-indent:-9999px;} #header .share .facebook a:hover{background-position:left bottom;} #header .share .twitter a{background-position:center top; text-indent:-9999px;} #header .share .twitter a:hover{background-position:center bottom;} #header .share .google a{background-position:right top; text-indent:-9999px;} #header .share .google a:hover{background-position:right bottom;} #header .login{width:190px; height:20px; display:block; margin-left:10px;} #header .soical-btn{width:120px; height:20px; display:block; margin-left:10px;} #header .logo{width:200px; height:78px; background:#999; text-indent:-9999px; background:url(..../img/logo.jpg) no-repeat 10px; margin-top:18px; display:block;} /*#header .menu li{padding-left:1px; background:url(../../img/header-inner-social-line.png) no-repeat center left;} #header .menu li:first-child{padding:0; background:none;}*/ #header .menu{margin-top:51px; margin-right:10px; position:relative; z-index:2;height: 20px;} #header .menu li{position:relative;} #header .menu li a{display:block; height:10px; text-indent:-9999px;} #header .menu li.selected, #header .menu li:hover{padding-bottom:10px;} #header .menu li .arrow{border-bottom:4px #bd143d solid; border-left:4px transparent solid; border-right:4px transparent solid; width:0; bottom:4px; left:50%; margin-left:-4px; position:absolute; display:none;} /*#header .menu li:hover .arrow{display:block;}*/ #header .menu li div.dropDown-container{ zoom:1; position:absolute; background:#fff\9\0 !important; background:#fff\9 !important; filter: alpha(opacity = 95); background-color: rgba(255,255,255,0.95); border:1px #bebebe solid; border-top:2px #bd143d solid; top:4px; padding:10px 0; *background:#fff !important; z-index:4; } .dropDown-shadow{ top:4px; background:#000000\9\0 !important; background:#000000\9 !important; filter: alpha(opacity = 10); background-color: rgba(0,0,0,0.10); position:absolute; display:block; } /* submenu */ /* #header .menu .dropdown-title{color:#68011f; border-bottom:1px solid #68011f; padding-bottom:4px; display:inline-block; *display:inline; font-size:16px;} #header .menu li li, #header .menu li:hover li{float:none; text-indent:0px; padding:2px 0 2px 10px; background:url(../../img/bullet-arrow.png) no-repeat left 8px;} #header .menu li:hover li a{background:none; text-indent:0; width:auto !important; height:auto; display:inline;} #header .menu li:hover li a:hover{color:#89354b; text-decoration:none;} #header .menu li li li, #header .menu li:hover li li{background:url(../../img/menu-bullet-red.png) no-repeat left 10px; padding:2px 0 2px 10px;} #header .menu li li,#header .menu .clearfix ul li ul{width:90%;} #header .menu a sup{font-size:8px;} #submenu-shadow{background:url(../../img/inner-menu-dropdown-bg.png) repeat-x; width:100%; height:300px; left:0; bottom:-300px; position:absolute; z-index:1; display:none; overflow: hidden;} #submenu-shadow-flash{position:absolute; width:100%; height:100%; left:0; top:-17px; display:block;} #header .menu li div.clearfix a{background:none; height:auto; width:auto !important; text-indent:0px;}*/ #header .menu .dropdown-title{color:#68011f; border-bottom:1px solid #68011f; padding-bottom:4px; display:inline-block; *display:inline; font-size:16px;} #header .menu li li, #header .menu li:hover li{float:none; text-indent:0px; padding:4px 0 4px 10px; background:url(../../img/bullet-arrow.png) no-repeat left 10px;} #header .menu li:hover li a{background:none; text-indent:0; width:auto !important;/* height:auto; display:inline;*/} #header .menu li:hover li a:hover{color:#89354b; text-decoration:none;} #header .menu li li li, #header .menu li:hover li li{background:url(../../img/menu-bullet-red.png) no-repeat left 10px; padding:2px 0 2px 10px;} #header .menu li li,#header .menu .dropDown-container ul li ul{/*width:90%;*/} #header .menu a sup{font-size:8px;} #submenu-shadow{background:url(../../img/inner-menu-dropdown-bg.png) repeat-x; width:100%; height:300px; left:0; bottom:-313px; position:absolute; z-index:1; display:none; overflow: hidden;} #submenu-shadow-flash{position:absolute; width:100%; height:100%; left:0; top:-17px; display:block;} .dropDown-container{display:none; width:1000px;} #header .menu li ul{padding-left:30px;} #header .menu li ul ul{padding:0;} #header .menu li ul.first{padding-left:20px;} #header .menu li ul.last{padding-right:20px;} #header .menu li div.arrow ul li a{background:none; width:auto; height:auto; text-indent:0px; color:#333333; font-weight:bold; font-size:12px;} #header .menu li div.arrow ul li a:hover{color:#89354B;} #header .menu li div.arrow ul li ul li a{color:#656565; font-weight:normal; font-size:11px;} #header .menu li.au div.dropDown-container{left:-100px;} #header .menu li.i div.dropDown-container{left:-67px;} #header .menu li.m div.dropDown-container{left:-114px;} #header .menu li.d div.dropDown-container{left:-140px;} #header .menu li.fr div.dropDown-container{left:-187px; } #header .menu li.wbpe div.dropDown-container{left:-63px;} #header .social-buttons li a{background:url(../../img/social-buttons.png) left top no-repeat; display:block; width:30px; height:30px; text-indent:-9999px; margin-left:10px;} #header .social-buttons li a.facebook{background-position:0 -60px} #header .social-buttons li a.linkedin{background-position:0 -150px} #header .social-buttons li a.twitter{background-position:0 -210px} /* *footer */ #footer{padding:13px 10px; margin-bottom:25px;} #footer .footermenu li{line-height:9px; border-left:1px solid #656565; font-size:11px; padding:0 5px; -webkit-text-size-adjust: none;} #footer .footermenu li:first-child{border:none;} #footer .footermenu li a{display:block;margin:0 5px;} #footer .footermenu li a:hover{color:#000; text-decoration:none;} .copyright{ color:#000; font-size:11px;line-height:15px; text-align:right; margin-top:-2px; -webkit-text-size-adjust: none;} @import 'global.css'; @import 'header.css'; @import 'footer.css'; fieldset{ border:none; color:#484848; margin:0px; position:relative; padding:0; } .error-message{color:red;} #wrapper{background:url(../../img/bg.jpg) no-repeat top center;} #container{max-width:1126px; min-width:980px; margin:auto; overflow:hidden;} #content{width:1126px; position:relative; left:50%; margin-left:-563px;} #content .top{ background:url(../../img/inner-container-top.png) no-repeat center top; } #content .bottom{ background:url(../../img/inner-container-bottom.png) no-repeat center bottom; padding-bottom:13px; } #content .repeat{ background:url(../../img/inner-container-repeat.png) repeat-y center; } #content .content{ min-height:500px; } a{color:#656565;} p{margin:0 0 12px; line-height:21px; color:#484848;} ol.board-of-governors li, .heritage ul.listing li.listing-content{line-height:21px;} .pagetitle{font-weight:bold; font-size:24px; color:#7a1d36; line-height:24px; margin-bottom:15px;} .pagetitle sup{font-size:9px;} .data-title{ font-family:"Times New Roman", Times, serif; font-weight:bold; color:#0f2f5a; font-size:18px; margin-bottom:10px;} .dining .data-title{margin-bottom:10px;} .data-title sup{font-size:9px;} .leftmenu sup{font-size:9px;} .breadcrumbs{ float:right; list-style-type:none; margin:10px 0 0; padding:3px 0 0 0} .breadcrumbs li{color: #89354b; float: left;font-size: 11px; padding-left: 10px;} .breadcrumbs li a:hover{ color:#919191; text-decoration:none;} .breadcrumbs li a, .breadcrumbs li span{background:url(../../img/bullet-arrow.png) no-repeat scroll right center transparent;color: #5c5c5c; display: block; font-size: 11px; font-weight: normal; padding-right: 10px;} .breadcrumbs li sup{font-size:7px;} sup{} p sup{ } p.summary sup{ font-size:12px;} .main-container{clear:right; padding-bottom:40px;} .content{overflow:hidden; padding:0 74px;} .leftmenu{ width:140px; background:url(../../img/leftmenu-line.png) no-repeat right top; min-height:477px} .leftmenu .menutitle{ font-size:14px; font-weight:bold; color:#7a1d36; margin:13px 0 10px;} .leftmenu ul li{padding:5px 10px 5px 0;} .leftmenu ul li a{font-size:11px; color:#484848; text-decoration:none; background:url(../../img/leftmenu-bullet-grey.png) no-repeat left 4px; padding-left:13px; display:block;} .leftmenu ul li a.current{color:#89354b; font-weight:bold; background:url(../../img/leftmenu-bullet-red.png) no-repeat left 4px;} .leftmenu ul li a:hover{color:#89354b;background:url(../../img/leftmenu-bullet-red.png) no-repeat left 4px;} .leftmenu ul li.current ul li a{ color:#484848; font-weight:normal; background:url(../../img/menu-bullet-grey.png) no-repeat left 8px;} .leftmenu ul li ul li a.current{color:#89354b; font-weight:bold; background:url(../../img/menu-bullet-red.png) no-repeat left 8px;} .leftmenu ul li ul{margin-left:13px;} .leftmenu ul li ul li{padding:2px 0;} .leftmenu ul li ul li a{background:url(../../img/menu-bullet-grey.png) no-repeat left 8px; padding-left:10px; font-size:11px;} .leftmenu ul li ul li.current a, .leftmenu ul li ul li a:hover{background:url(../../img/menu-bullet-red.png) no-repeat left 8px; color:#89354b;} .leftmenu .menutitle .cufon-canvas{height:21px !important;} .rightcontent{ width:820px; padding:10px 0 0 0;} .rightcontent .sort{ margin-bottom:20px;} .paging{} .paging-container{margin-right:40px;} .paging ul li{float:left; margin-left:6px;} .paging ul li a{display:block; background:#dddddd; padding:2px 6px; color:#676767; text-decoration:none;} .paging ul li a:hover{background:#7a1d36; color:#ffffff;} .paging ul li a.paging-control-more{background:none;} .paging ul li a.paging-control-more:hover{color:#7a1d36;} .paging ul li a.paging-control-prev{background:url(../../img/paging-controls-left.png) no-repeat; width:10px; height:10px; padding:0; margin-top:6px; text-indent:-9999px;} .paging ul li span.paging-control-prev{background:url(../../img/paging-controls-left.png) no-repeat; width:10px; height:10px; display:block; margin-top:6px; text-indent:-9999px;} .paging ul li a.prev1{ background-position:left top;} .paging ul li span.prev1{ background-position:left bottom;} .paging ul li a.prev1:hover{ background-position:left bottom;} .paging ul li a.prev2{ background-position:right top;} .paging ul li span.prev2{ background-position:right bottom;} .paging ul li a.prev2:hover{ background-position:right bottom;} .paging ul li a.paging-control-next{background:url(../../img/paging-controls-right.png) no-repeat; width:10px; height:10px; padding:0; margin-top:6px; text-indent:-9999px;} .paging ul li span.paging-control-next{background:url(../../img/paging-controls-right.png) no-repeat; width:10px; height:10px; display:block; margin-top:6px; text-indent:-9999px;} .paging ul li a.next1{ background-position:left top;} .paging ul li span.next1{ background-position:left bottom;} .paging ul li a.next1:hover{ background-position:left bottom;} .paging ul li a.next2{ background-position:right top;} .paging ul li span.next2{ background-position:right bottom;} .paging ul li a.next2:hover{ background-position:right bottom;} .paging ul li.current{display:block; background:#7a1d36; padding:2px 6px; color:#ffffff; text-decoration:none;} .tab{ background:url(../../img/tab-bg.png) repeat-x;} .blue-times{font-family:"Times New Roman", Times, serif; font-size:20px; color:#0F2F5A; font-weight:bold;} /* About Us */ .aboutus .pagesubtitle{margin:40px 0 10px 0; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#0f2f5a;} .aboutus.location .data-rows .blue-times{ margin:0 0 5px 18px;} .aboutus.location .data-desc .blue-times{ margin-left:0;} /* gallery */ .gallery .menutitle{} .gallery .page-container{ color: #484848;} .gallery .imgblock{width:173px; margin:0 25px 35px 0;} .gallery .white-panel .imgblock{width:173px; margin-right:15px;} .gallery .imgbg{background:url(../../img/gallery-thumbnail-bg-hor.png) no-repeat; width:126px; padding:23px 23px 30px; text-align:center;} .gallery .imgdesc{padding:0 23px; max-height:38px; overflow:hidden;} .gallery-img{display:block; height:82px; overflow:hidden;} .gallery .imgdesc sup{font-size:10px;} /* virtual tour */ .zooming{background:url(../../img/zooming.png) no-repeat right bottom; width:248px; height:118px; display:block;} .virtual-tour .tour{float:left; margin:35px 13px 0 0;} .virtual-tour .tour-img{position:relative; width:248px; height:118px; border: 1px solid #cbcbcb;} .virtual-tour .tour-img a{position:absolute;} .virtual-tour .tour-name{ margin-top:10px;} .virtual-tour .tour-name a{ color:#7a1d36; } .virtual-tour .tour-name sup{ font-size:10px;} .virtual-tour .white-panel{padding-top:0px; padding-left:22px;} /* dining */ .data-rows{padding:10px 15px; background:#FFF; border-bottom:1px solid #e2e2e2; color:#484848;} .data-rows.greybg{background:#efefef;} .data-rows .img-shadow{background:url(../../img/content-image-shadow.png) no-repeat; width:195px; height:114px; padding:14px 19px;} .data-desc{width:535px; padding:10px 0;} .data-desc .month{color:#480417; font-size:14px; font-weight:bold; margin-bottom:6px;} .information-col{width:265px; color:#484848;} .information-col p{margin:0 0 25px 0;} .information-box{padding:14px 20px; border:1px solid #bbbbbb; background:#f2f2f2;} .information-box .boxtitle{font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#0f2f5a; border-bottom:1px solid #b7b7b7;padding-bottom:5px; margin-bottom:12px;} .information-box .period{margin-top:20px;} .information-box strong{color:#000000;} .dining-img-preview{width:499px;} .dining-img-preview img{margin-bottom:10px;} .dining .information-box strong{ color:#0F2F5A;} .readmore-btn{ background:url("../../img/leftmenu-bullet-red.png") no-repeat scroll left 3px; padding-left:13px; color:#89354B;} .readmore-btn:hover{color:#000000;} .dining .readmore-btn{margin-top:10px;} /* advertising */ .white-panel-static{background:#FFF; padding:30px 25px 30px 25px; color:#484848;} .half-page{width:365px;} .half-page-left{width:300px;} .half-page-right{width:405px;} .media img{border:#b7b7b7 1px solid; } .media hr{ border:none; border-top:1px solid #E2E2E2; height:1px; width:100%; display:block; margin-bottom:17px;} .advertising .information-box { margin-bottom:20px; color:#484848; } div.tele{background:url(../../img/icon-phone.gif) no-repeat left center; padding-left:18px; } div.email{background:url(../../img/icon-mail.gif) no-repeat left 4px; padding-left:18px; word-wrap:break-word;} div.email a{color:#7A1D36} div.email a:hover, div.web a:hover{color:#000000;} div.fax{background:url(../../img/icon-fax.gif) no-repeat left center; padding-left:18px;} div.web{background:url(/img/icon-web.gif) no-repeat left center; padding-left:18px;} div.web a{color:#7A1D36} .download-pdf-btn{background:url(../../img/en-us/download-pdfform-btn.png) no-repeat left top; width:139px; height:41px; display:block;} .download-pdf-btn:hover{background-position:left bottom;} .download-media-kit-btn{background:url(../../img/en-us/download-pdf-btn.png) no-repeat left top; width:139px; height:41px; display:block;} .download-media-kit-btn:hover{background-position:left bottom;} /* events */ .white-panel{background:#FFF; padding:30px 0 30px 30px; color:#484848;} .white-panel .imgblock{margin-right:20px;} .hilight-box{background:#f2f2f2; border:1px solid #bababa; margin:20px 0 30px 0;} .hilight-box .text{width:450px; padding:20px 20px 0 0; color:#484848;} .hilight-box .photo{width:300px; height:320px; padding: 2px; position: relative;} .hilight-box .summary{} .blue-text{width:300px} .hilight-box .btn-weddingflyer{width:140px; height:40px; margin-left:10px } .hilight-box ul{margin:18px 0 0 0; padding:0; list-style-type:none; float:left} .hilight-box ul li{float:left; margin-right:20px} .hilight-box ul li.tele{background:url(../../img/icon-phone.gif) no-repeat left center; padding-left:18px;} .hilight-box ul li.email{background:url(../../img/icon-mail.gif) no-repeat left center; padding-left:18px;} .hilight-box ul li.email a{color:#89354b} .hilight-box ul li.fax{background:url(../../img/icon-fax.gif) no-repeat left center; padding-left:18px;} .venuesTable td, .venuesTable th{padding:4px 10px!important; vertical-align:top; background-color:#FFFFFF} .events.overview .text-container-left{width:380px;} .events.overview .text-container-right{width:380px;} .events.overview .topbanner{margin-bottom:0;height:350px;} .events.overview .slider_pointer_holder{margin-bottom:10px;} .events.overview .downlaod-wedding-brochure{ background:url(../../img/en-us/download-weddingbrochure-btn.png) left top no-repeat; width:140px; height:40px; display:block; text-indent:-9999px;} .events.overview .downlaod-wedding-brochure:hover{ background-position:left bottom;} a.email{color:#89354B;} a.email:hover{color:#000000;} .events .data-rows .data-desc .data-title {margin-bottom:10px;} .common-field{width:580px; margin-bottom:15px; *margin-bottom:0; *padding-bottom:15px;} .checkbox-field{width:516px; margin-bottom:15px; *margin-bottom:0; *padding-bottom:15px;} .checkbox-field .checkbox{width:258px;margin-bottom:10px;} .checkbox-field .checkbox label{width:200px;} .checkbox-field label{font-weight: normal;} .checkbox-field .checkbox input{float:left; margin-left:0px} .events_enquiry form label, .events_enquiry div.form-subtopic{ width:258px;} .events_enquiry select.textfield{ width:241px;} .events_enquiry .slide-section-container{padding-top:10px;} .grey-box{ background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #B7B7B7; padding:15px;} .black-text { color: #000000; font-weight: bold;} .events_enquiry .grey-box{margin-bottom:10px;} .eventFood{width:258px;} .eventFood div.cat{margin-bottom: 15px;text-decoration: underline;} ul.form-remarks { } ul.form-remarks .remarks { background: none repeat scroll 0 0 transparent; color: #000000; font-size: 12px; font-weight: bold; margin: 0; padding-left: 0; } ul.form-remarks li { background: url("../img/bullet.png") no-repeat scroll left 9px transparent; margin-left: 12px; padding: 2px 0 2px 13px; } /*------------- aboutus --------------- */ .topbanner{margin-bottom:20px;} .subtitle{ font-weight:bold; font-size:12px; color:#7a1d36;} .aboutus p{margin:0; padding-bottom:20px; color:#484848;} p.summary{font-size:20px; color:#0f2f5a; font-family:"Times New Roman", Times, serif; line-height:29px;} .soical-icon{margin-bottom:20px;} .soical-title{ font-weight:bold; font-size:16px; color:#7a1d36; margin-bottom: 10px;} .soical-page-left{width:30%; float: left;} .soical-page-right{width:30%; padding-left:40%;} .text-container-left {} .text-container-right {} .top-banner{margin:0;} .overview .text-container-left, .overview .text-container-right{width:380px;} .privileges .topbanner{float:right;} .privileges .text-container-left{width:240px;} .privileges .text-container-right{width:540px; margin-right:0;} .privileges .text-container-right p{margin-right:20px;} .brochure-btn{ background:url(../../img/en-us/download-membership-brochure.png) no-repeat; width:153px; height:40px; display:block; text-indent:-9999px;} .brochure-btn:hover{ background-position:left bottom;} .statement .text-container-left{width:410px;} .statement .text-container-right{width:350px;} ul.listing li.listing-title, .li-title{background:none; padding:0 0 6px 0; color:#7A1D36; margin:0; font-weight:bold;} ul.listing li{background:url(../../img/bullet.png) no-repeat left 7px; padding:0 0 3px 14px; margin-left:9px; color:#484848; font-size:12px;} ul.listing li ul li{background:url(../../img/menu-bullet-red.png) no-repeat left 7px; padding-left:10px;} .aboutus .location-box{background:#f2f2f2; border:1px solid #bababa; margin:20px 0 20px 0;} .aboutus .location-box .text{width:355px; padding:20px 0 0 36px; color:#484848;} .location-box .address{margin-bottom:20px;} .location-box .map{padding:2px; position:relative; width:300px; height:200px;} .map-loader{background:url(../../img/loader.gif) no-repeat center center #000000;} .location-box .location-title{font-size:20px; font-weight:bold; font-family:"Times New Roman", Times, serif; margin-bottom:20px; color:#0f2f5a;} .enlarge-map-btn{background:url(../../img/zooming.png) no-repeat; display:block; width:31px; height:31px; position:absolute; bottom:2px; right:2px; text-indent:-9999px;} .location .data-title{margin-bottom:20px;} .location .hour-left{width:215px;} .location .hour-right{width:270px;} /*.location .data-desc .clearfix, .location .data-desc .margin{margin-bottom:10px;}*/ .ps{font-weight:normal; color:#0f2f5a} .subtitle-brownred{ font-weight:bold; color:#4b0015; font-size:14px; margin-bottom:5px} .location .s-row{ margin-bottom:10px;} .history .topbanner{margin-bottom:38px;} .history .text-container-left{width:240px;} .history .text-container-right{width:540px; margin-right:0;} .history .text-container-right p{margin-right:20px;} .table-container th{background:#f2f2f2; color:#1c2a4f; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid; padding:4px 0;} .table-container td{color:#484848; border-bottom:#e2e2e2 1px solid; padding:4px 0;} .table-container .text-left{ text-align:left; padding:4px 20px; } .table-container .text-center{ text-align:center;} .media .table-container{margin-top:5px;} .location-box .hour-right{width:auto;} .scroll-milestones{width:816px; position:relative; overflow:hidden; } .scroll-milestones #loader{background-color:#000000; } .scroll-milestones .scroll-pane {height:428px; width:816px;} .scroll-milestones .scroll-pane img{display:block;} .reciprocal .text-container-left, .reciprocal .text-container-right{width:380px;} .reciprocal .slide-section-content p{width:480px;} .map-nav{background:url(../../img/reciprocal-clubs-map.png) no-repeat left top; height:390px; width:820px; margin-bottom:20px; position:relative;} .map-nav .map-pointer{background:url(../../img/reciprocal-clubs-btn.png) no-repeat left top; height:80px; width:80px; position:absolute; text-indent:-9999px; } .map-nav .map-pointer a{display:block;height:80px; width:80px;} .map-nav .map-pointer:hover{background-position:left bottom;} .map-nav .map-pointer.united-states{left:130px;top:70px;} .map-nav .map-pointer.americas{left:140px;top:190px;} .map-nav .map-pointer.europe{left:390px;top:50px;} .map-nav .map-pointer.asia{left:505px;top:120px;} .map-nav .map-pointer.australia{left:650px;top:230px;} .house-rules-summary-btn{ background:url('../../img/en-us/house-rules-summary-btn.png') left top no-repeat; width:195px; height:40px; display:block; text-indent:-9999px;} .house-rules-summary-btn:hover{ background-position:left bottom;} .reciprocal .pagetitle {height: 40px} .icon-accommodations {background:url(../../img/icon-accommodations.gif) no-repeat left top; padding-left:25px;line-height:20px; margin-bottom:8px; color:#484848; font-size: 12px; margin: 10px 0px 10px 0px } .slide-section .name-title{margin:10px 0;} .slide-section .name{margin-right:10px; font-weight:bold; color:#7a1d36; line-height:22px;} .slide-section .icon-accommodations{padding:0; margin:0; width:20px; text-indent:-9999px;} .slide-section p{padding:0;} .slide-section p.remark{color:#000000;} .slide-section .map{ position:relative; width:220px; height:135px; border:1px solid #b7b7b7; margin-top:20px;} .slide-section .enlarge-map-btn{background:url(../../img/zooming.png) no-repeat; display:block; width:31px; height:31px; position:absolute; bottom:0px; right:0px;} .slide-section .datarow{padding-top:5px; padding-bottom:20px;border-bottom:1px solid #dddddd; } .visiting_period { padding-top: 15px; width: 480px } .additional_note { padding-top: 15px; width: 480px } .clubsearch {border: 1px solid #900; height: 18px; width: 250px} .searchbutt{background:url(../../img/searchbutt.png) no-repeat left top; width:25px; height:25px; display:block; text-indent:-9999px; border:none; cursor:pointer;} /*------------ fitness --------------- */ .fitness p.inner{color#484848;} .fitness .text-container-left{width:380px; margin-bottom:40px;} .fitness .text-container-right{width:380px;} /* programs */ .programs ul.listing li.listing-title{background:none; padding:0 0 6px 0; color:#7a1d36; margin:0; font-weight:bold;} .programs ul.listing li{background:url(../../img/bullet.png) no-repeat left 7px; color:#484848; font-size:12px; font:bold; padding:0 0 3px 14px; margin-left:9px;} .programs .text-container-left{width:240px;} .programs .text-container-right{width:540px; margin-right:0;} .programs .text-container-left2{width:380px; margin-right:40px;} .programs .text-container-right2{width:380px; margin-right:20px;} .programs .pagetitle{} /* golf */ /* horserace */ /* spa */ .spa .text-container-left{width:380px;} .spa .text-container-right{width:380px;} .spa .spacycle{overflow:hidden; width:820px; height:340px; margin-bottom:0;} .spa .slider_pointer_holder{margin-bottom:10px;} /* message slider */ .slider_pointer_holder{ padding:3px 5px;} #slider_pointer a{ display:block; background:url(../../img/slideshow_pointer.png) no-repeat left top; width:8px; height:8px; margin:0px 3px; } #slider_pointer a:hover, #slider_pointer a.activeSlide{ background:url(../../img/slideshow_pointer.png) no-repeat left bottom; width:8px; height:8px; } /* fit */ /* tennis */ /* kids */ .kids .title{color:#7a1d36; font-weight:bold;} .kids .pagetitle{margin-top:30px;} .kids .fitness .text-container-left{margin-bottom:0;} #loader{background:url(../../img/loader.gif) no-repeat center center #000000; height:100%; width:100%; position:absolute; z-index:99; top:0; left:0;} .index #container{max-width:1118px; position:relative; min-width:0;} .index .index-header{position:absolute; width:100%; z-index:100; min-width:980px;} .index #header{position:relative; top:0; left:0; background:url(../../img/header-bg-shadow.png) repeat-x; min-height:225px;} .index #header h1 a{background:url(../../img/homepage-logo.png) no-repeat;} #header .datetime{ margin-right: 5px;margin-top: 2px;} .index #header .datetime li{background:url(../../img/header-social-line.png) no-repeat right center; color:#FFF;} .index #header .time{background:url(../../img/header-clock-blk.jpg) no-repeat left center;} .index #content{ position:absolute; bottom:0; z-index:90; width:100%; min-width:774px; margin-left:0; left:0;} .index #content .content{padding:0; min-height:0px;} #index-slider{width:1118px;height:650px; background:#000; display:none;} .slider-container{height:650px; position:relative; width:100%;} .aclub-hk{ background:url(../../img/en-us/banner-title.png) no-repeat; width:681px; height:98px; margin-right:50px;} .aclub-hk-container{min-width:980px; position:absolute; z-index:60;top:125px; width:100%;} .index-content-bg{background:rgba(0, 0, 0, 0.7); background:#000\9\0 !important; background:#000\9 !important; filter: alpha(opacity = 80); position:absolute; bottom:0; z-index:80; width:1118px; height:150px;} .index-jcarousel{margin:0 auto 41px; width:813px;} #index-nav{position:relative;} #index-nav img{border:2px solid #FFF; margin-top:41px;} .index p{line-height:16px; margin-bottom:7px;} .nav-details{position:absolute; bottom:150px; display:none; width:100%} .white-stage{background:url(../../img/slider-content-bg.jpg) repeat-x; height:154px; padding:10px 0;} .nav-img{background:url(../../img/slider-image-shadow.png) no-repeat; display:block; width:257px; height:152px; padding:11px 0 0 17px;} .nav-content{margin:10px 0 0 10px;} .nav-content .nav-title{color:#275fb6; font-size:20px; font-weight:bold; margin-bottom:10px; margin-left:-3px;} .nav-content .nav-text{color:#6e7378; font-size:12px; width:555px; margin-bottom:10px;} a.nav-readmore{background:url(../../img/bullet-arrow.png) no-repeat left center; padding-left:8px; color:#3a69b3; font-size:11px;} a.nav-readmore:hover{color:#000; text-decoration:none;} .nav-hide{display:none; width:840px; margin:0 auto;} .nav-overlay-container{display:none; position:absolute; top:0; left:0; z-index:51;width:100%; height:100%;} .nav-overlay{background:rgba(0, 0, 0, 0.7); background:#000\9\0 !important; background:#000\9 !important; filter: alpha(opacity = 70); width:100%; height:100%;} .index #submenu-shadow{display:none !important;} .nav-arrow{position:absolute; background:url(../../img/slider-pointer.png) no-repeat; width:38px; height:25px; top:0; left:50%; margin-left:-20px; display:none;} .nav-selected img{opacity:0.5;filter:alpha(opacity=50);} /* login */ .login-field{width:300px; margin:112px auto 0;} .login-field div{margin-bottom:20px;} .login-field div.block{ color:##484848; font-size:12px;} .login-field .inputtext{width:100%; margin-top:5px; padding:0; height:20px;} .login-field .login-btn{background:url(../../img/en-us/header-member-login.png) no-repeat left top; width:60px; height:15px; border:none; cursor:pointer;} .login-field .login-btn:hover{background-position:left bottom;} .login-field .checkbox{ margin:2px 0 0 0;} .login-field .remember-check{color:#000; margin-left:5px; font-size:12px;} /* slide-section */ .slide-section{border:1px solid #d5d5d5; border-top:none; background:#FFF; color:#484848; margin-bottom:10px; position:relative;} .slide-section-header{border-top:2px solid #a9a9a9; color:#a9a9a9; padding:9px 20px 5px 25px; cursor:pointer;} .slide-section-header:hover{border-top:2px solid #707070;background:#f1f1f1;} .slide-section-header.opened{border-top:2px solid #7a1d36; color:#7a1d36;} .slide-section-header.opened:hover {background: #ffffff;} .slide-section-content{ padding:5px 20px 21px 25px; background:url(../../img/tabs-shadow.png) repeat-x left bottom; zoom:1;} .openOnlyOne .slide-section-content{display:none;} .section-title{font-weight:bold; font-size:13px;} .section-title-chi{ font-weight:bold; font-size:12px; line-height:12px; margin-left:10px;} .section-toggle{background:url(../../img/tabs-aio.png) no-repeat left bottom; width:15px; height:15px;display:block;} .section-toggle:hover{background-position:left top;} .slide-section-header.opened .section-toggle{background-position:right top;} .slide-section-header.opened .section-toggle:hover{background-position:right bottom;} .slide-section .date{margin:10px 40px 10px 0; font-size:12px; font-weight:bold;} .slide-section ul li{background:url(../../img/bullet.png) no-repeat left 7px; padding:0 0 3px 14px; margin-left:9px; color:#484848;} .slide-section .apply-btn{background:url(../../img/en-us/apply-btn2.gif) no-repeat left top; width:110px; height:18px; display:block; margin-top:10px;} .slide-section .apply-btn:hover{background-position:left bottom;} /* -------------- careers -------------- */ .careers p{margin:0; /*line-height:19px;*/} .careers p.summary{ line-height:29px;} .careers .text-container-left{width:540px;} .careers .text-container-left .left{width:260px;} .careers .text-container-left .right{width:256px;} .careers .text-container-right{width:238px; margin-right:0px;} .careers .text-container-right .information-box .boxtitle{font-family:"Times New Roman", Times, serif;} .careers .information-box span{display:block; color:#000000; font-size:12px; margin-top:20px;} .careers .information-box a{color:#89354b;} .careers .information-box a:hover{color:#000000;} p.smallfont{ font-size:11px; font-style:italic; line-height:11px; margin-top:15px;} .careers .pagesubtitle{margin:40px 0 10px 0; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#0f2f5a;} .careers .slide-section-container{margin-top:40px;} .careers .text-container-left img{margin-bottom:10px;} .careers div.email{margin-top:20px;} /* 30-8-2012 */ .careers.app-form form label, .careers.app-form div.form-subtopic{ width:152px; } .personal-particulars .common-field{width:340px;} .careers.app-form .personal-particulars .common-field label, .careers.app-form .personal-particulars div.form-subtopic{width:137px;} .personal-particulars .right-side{ margin-left:81px;} .personal-particulars .radio-container label{margin-right:10px;} .personal-particulars .common-field input.textfield, .personal-particulars .common-field select.textfield{width:195px;} .careers.app-form .knowsname label{width:128px; margin-right:0;} .careers.app-form .agree label{width:auto;} /* 3-10-2012*/ .careers.app-form .compulsory{margin:0 0 10px 0;} .visa-choice { display:none;} .careers.app-form .form-reset{ margin-left:10px;} .careers.app-form .form-uncheck{ margin-bottom:10px;} /* benefits */ .benefits .text-container-left{width:430px;} .benefits .text-container-right{width:330px;} .benefits .text-container-left .information-box .box-left{width:180px;} .benefits .text-container-left .information-box .box-right{width:180px;} .benefits .pagesubtitle{font-size:18px; font-weight:bold; color:#0f2f5a; margin:0 0 12px 0; font-family:"Times New Roman", Times, serif;} .benefits .pagetitle{margin-top:20px;} .benefits .information-box .boxtitle{font-family:"Times New Roman", Times, serif;} /* membership */ .membership p.inner{color#484848;} .membership .apply-btn{background:url(../../img/en-us/apply-btn.png) no-repeat left top; width:110px; height:18px; display:block; margin-top:10px; text-indent:-9999px;} .membership .apply-btn:hover{background-position:left bottom;} .membership .text-container-left{width:510px;} .membership .text-container-left img{margin-bottom:20px;} .membership .text-container-left .left{width:260px;} .membership .text-container-left .right{width:256px;} .membership .text-container-right{} .membership .information-box {width:230px; margin-bottom:20px; color:#484848;} .membership .information-box .boxtitle{font-family:"Times New Roman", Times, serif;} .membership .information-box span{display:block; color:#000000; font-size:12px; margin-top:20px;} .membership .information-box a{color:#89354b;} /* membership types*/ .types .text-container-left{width:300px;} .types .text-container-right{} .membership.types .information-box{width:auto;} /* weekday */ .weekday ul.listing li{margin-left:0px;} .weekday .text-container-right{ width:272px;} /* membership application */ .application ol{margin:0 0 0 20px; padding:0;} .application ol li{ list-style-type: decimal; list-style-position: outside; margin-bottom:15px;} .application ol ul li{ list-style:none; margin-bottom:0;} .application ul.listing{ margin-top:7px;} .application ul.listing li{margin-left:0px;} .application .slide-section-container{margin-top:20px;} /* heritage */ .heritage .text-container-left, .heritage .text-container-right{width:380px;} .heritage .table-container{background:#ffffff; margin:5px 0 20px;} .heritage .subtitle{margin-top:20px;} .heritage ul.listing {margin-bottom:10px;} .heritage ul.listing li.listing-title{color:#000000;font-weight:bold;} .heritage ul.listing li.listing-content{background:none;margin-left:0; padding-left:0; padding-bottom:6px;} .heritage .text-left {padding:4px 10px; text-align:left; width:150px;} .heritage .text-center{ width:90px;} .heritage .download-heritage-form-btn{background:url(../../img/en-us/download-heritage-access-card-form-btn.png) no-repeat left top; width:140px; height:40px; display:block; text-indent:-9999px;} .heritage .download-form-btn{background:url(../../img/en-us/download-oversea-form-btn.png) no-repeat left top; width:140px; height:40px; display:block; text-indent:-9999px;} .heritage .download-heritage-form-btn:hover{background-position:left bottom;} .heritage .download-form-btn:hover{background-position:left bottom;} span.tick {background:url(../../img/tick-icon.png) no-repeat center; display:block;} .download-form-btn{background:url(../../img/en-us/download-form-btn.png) no-repeat left top; width:140px; height:40px; display:block; text-indent:-9999px;} .download-form-btn:hover{background-position:left bottom;} .heritage .download-form-btn{ margin:10px 0 20px;} ul.listing li.download-overseas-pdf{background:none; padding:10px 0; margin:0;} li.download-overseas-pdf a{background:url(../../img/en-us/download-overseasvisitor-btn.png) no-repeat left top; width:140px; height:40px; display:block; text-indent:-9999px;} li.download-overseas-pdf a:hover{background-position:left bottom;} /* club tour request*/ .club-tour .common-field{width:550px;} .club-tour form label, .club-tour div.form-subtopic{width:259px;} .club-tour input.textfield, .club-tour textarea.textfield{ width:280px;} .club-tour .form-container{padding-top:10px;} .club-tour .radio-container{ width:280px;} .club-tour .radio-container label{margin-right:13px; font-weight:normal; width:auto; padding-bottom:0;} .section{padding:40px 0 20px;} .section .title{ color:#89354B; font-size:16px; font-weight:bold;} .section .desc{ margin:5px 0 15px; display:block;} .tour-header{margin-bottom:20px; border-bottom: 1px solid #DDDDDD;} .both-remarks{ color:#89354B; padding-top:3px; display:none;} .club-tour .form-submit{margin-top:10px;} .club-tour .club-tour-table{width:550px; border-collapse:collapse;} .club-tour .club-tour-table th{font-weight:bold; color:#1C2A4F; background:#F2F2F2; border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2;} .club-tour .club-tour-table td{ padding:3px 10px; color:#484848; text-align:center; border-bottom:1px solid #E2E2E2;} .club-tour .club-tour-table th, .club-tour .club-tour-table td{padding:4px 10px;} .club-tour .club-tour-table th.weekdays, .club-tour .club-tour-table th.weekends{text-align:center;} /* ------------------ Home -------------------- */ /* sitemap */ .sitemap .text-container-left{width:420px;} .sitemap .text-container-right{width:420px;} .sitemap ul.listing li.listing-title{background:none; padding:0 0 12px 0; color:#0f2f5a; margin:0; font-weight: bold; font-family: "Times New Roman", Times, serif; font-size:18px;} .sitemap ul.listing li{background:url(../../img/bullet.png) no-repeat left 6px; color:#484848; font-size:12px; font:bold; padding:0 0 3px 14px; margin-left:0px;} .sitemap ul.listing li a{color:#7A1D36} .sitemap ul.listing li a:hover{color:#000000;} .sitemap ul.listing li ul{padding-top:5px;} .sitemap ul.listing li ul li{background:url(../../img/leftmenu-bullet-grey.png) no-repeat left 7px; line-height:20px;} .sitemap ul.listing{margin-bottom:35px;} /* privacy */ .privacy .text-container-left{width:420px;} .privacy .text-container-right{width:420px; margin-right:60px;} .privacy .privacy-section{margin-bottom:38px;} .privacy .title{color:#7a1d36; font-weight:bold;} .privacy p.inner{color:#484848;} /* terms */ .terms .text-container-left{width:420px;} .terms .text-container-right{width:420px; margin-right:60px;} .terms .terms-section{margin-bottom:38px;} .terms .title{color:#7a1d36; font-weight:bold;} .terms p.inner{color:#484848;} /* app-form */ input.textfield, textarea.textfield{background:#f1f1f1; color:#484848; border:1px solid #c9c9c9; height:18px; resize:none; width:235px; padding:0 2px;} select.textfield { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #C9C9C9; color: #484848; margin:0; } textarea.textfield{ height:90px;} .app-form .slide-section{margin:0 0 10px 0;} .errormsg{ color:#7A1D36; float:left; } .error-message{float:left; color:#7A1D36;} div.apply{margin-bottom:15px;} form label, .star, div.form-subtopic{font-size:12px; font-weight: bold; color:#484848; float:left;/* height:18px; edit by jacky*/ line-height:20px;} form label, div.form-subtopic{ padding-bottom:2px;} .app-form .subtext{font-size:12px; color:#484848;} .app-form .slide-section ul li{color:#484848;} .checkbox-field .checkbox-title{font-size:12px; font-weight: bold; color:#484848;line-height:20px;margin-bottom:8px;} .checkbox-field .checkbox-title .errormsg{font-weight: normal; float:none} div.apply-title, div.apply-salary, div.apply-job, div.apply-availability{width:500px;} div.apply-title input, div.apply-salary input, div.apply-availability input{width:340px;} div.apply-job select{width:345px;} div.apply-job button{ float:right;} div.hk-permanent input{margin-left:15px;} div.hk-permanent .subtext{font-size:12px; font-weight: bold; color:#484848; float:left;} div.employhistory-name, div.employhistory-pos{width:135px;} div.employhistory-name input, div.employhistory-pos input{ width:130px;} div.employhistory-name input, div.employhistory-pos input, div.employhistory-from input, div.employhistory-to input, div.employhistory-salary input, div.employhistory-desc input, div.employhistory-leave input{margin:5px 0;} div.employhistory-pos, div.employhistory-from, div.employhistory-to, div.employhistory-salary, div.employhistory-desc, div.employhistory-leave{margin-left:10px;} div.employhistory-from, div.employhistory-to, div.employhistory-salary, div.education-from, div.education-to{width:70px;} div.employhistory-from input, div.employhistory-to input, div.employhistory-salary input, div.education-from input, div.education-to input{width:65px;} div.employhistory-desc, div.employhistory-leave{width:110px;} div.employhistory-desc input, div.employhistory-leave input{width:105px;} div.education-institution, div.education-course{width:210px} div.education-institution input, div.education-course input{width:205px;} div.education-institution input, div.education-course input, div.education-from input, div.education-to input, div.education-qualification input{margin:5px 0;} div.education-course, div.education-from, div.education-to, div.education-qualification{margin-left:10px;} div.education-qualification{width:160px;} div.education-qualification input{width:155px;} div.cert-title, div.cert-achieved, div.cert-institutes{width:249px;} div.cert-title input, div.cert-achieved input, div.cert-institutes input{width:239px;} div.cert-title input, div.cert-achieved input, div.cert-institutes input{margin:5px 0;} div.cert-achieved, div.cert-institutes{margin-left:10px;} .languages-box{ font-weight:bold;} .languages-box .border{border-left:1px solid #e2e2e2; text-align:center; padding:2px 0 2px 2px;} .languages-box .head .border{ padding:0 10px; width:141px;} .languages-box .head{background:#f2f2f2; border:1px solid #e2e2e2; border-left:none; border-right:none;} .languages-box .head .lang, .languages-box .head .listen, .languages-box .head .spoken, .languages-box .head .reading, .languages-box .head .writing{ color:#0f2f5a;} .languages-box .head .lang{} .languages-box .head .listen, .languages-box .head .spoken, .languages-box .head .reading, .languages-box .head .writing{text-align:center;} .languages-box .head .grade{width:137px; color:#7a1d36; margin-top:3px;} .languages-box .lang{padding:6px 0; color:#484848; width:105px; margin-left:12px;} .languages-box .listen, .languages-box .spoken, .languages-box .reading, .languages-box .writing{padding:6px 0;} .languages-box .radio-container label{display:none;} .languages-box .radio-container input{margin:0 20px; width:13px; float:left; padding:0;} .languages-box .box-rows{border-bottom:1px solid #e2e2e2;} div.interest{width:150px; margin:0 100px 10px 0; height:22px;} div.interest input{float:left;} div.interest label{margin-left:10px; font-weight:normal; line-height:22px} div.othertext{margin-left:-126px; width:200px; display:inline;} div.othertext input{width:195px;} div.othertext label{display:none;} div.referees-name{width:140px;} div.referees-name input{width:135px;} div.referees-name input, div.referees-occupation input, div.referees-years input, div.referees-address input, div.referees-tele input{margin:5px 0;} div.referees-occupation, div.referees-tele{width:140px;} div.referees-occupation, div.referees-years, div.referees-address, div.referees-tele{margin-left:10px;} div.referees-occupation input, div.referees-tele input{width:135px;} div.referees-years{width:80px;} div.referees-years input{width:75px;} div.referees-address{width:220px;} div.referees-address input{width:215px;} div.question{width:310px;} div.answer{width:360px;} div.answer label{margin-right:10px; font-weight:normal;} div.oimargin{margin-bottom:10px;} div.checknull{width:100%;} div.know-employee .answer .left{margin-bottom:5px;} div.knowsname{width:300px;} div.knowsname input{width:165px;} div.channels{height:20px;} div.channels input{float:left;} div.channels label{margin-left:10px; line-height:20px;} div.channels-other{position:relative; width:200px; top:-20px;} div.channels-other input{width:195px;} div.channels-other label{display:none;} .app-form p{margin-bottom:18px;} .app-form .privacy{ color:#484848; font-size:12px; font-weight:bold;} div.agree{margin-top:15px;} div.agree label{margin-left:10px; float:left} .form-submit{background:url(../../img/en-us/submit-btn.png) left top no-repeat; width:110px; height:18px; display:block; border:none; text-indent:-9999px; cursor:pointer;} .form-submit:hover{background-position:left bottom;} .home-btn{background:url(../../img/en-us/home-btn.gif) left top no-repeat; width:110px; height:18px; display:block;} .home-btn:hover{background-position:left bottom;} .form-reset{ background:url(../../img/en-us/btn-reset.gif) left top no-repeat; width:92px; height:18px; display:block; border:none; text-indent:-9999px; cursor:pointer;} .form-reset:hover{ background-position:left bottom;} .form-uncheck{ background:url(../../img/en-us/btn-uncheck.gif) left top no-repeat; width:110px; height:18px; display:block; border:none; text-indent:-9999px; cursor:pointer;} .form-uncheck:hover{ background-position:left bottom;} /* aim form */ .btn-downloadpdf{} .btn-downloadpdf a{background:url(../../img/en-us/download-form-btn.png) no-repeat left top; width:140px; height:40px; display:block;} .btn-downloadpdf a:hover{background-position:left bottom;} .compulsory{margin-top:21px; font-size:10px; color:#484848;} .rowsWithBorder{width:100%; border-bottom:1px solid #dddddd; padding:3px 0;} .aimform .slide-section-container{margin-top:10px;} .aim-field{width:542px;} .aim-field input, .aim-field textarea.textfield{width:300px;} .aim-field label{width:232px;} .aim-field select{width:306px;} .aim-field select.loc-select{} .aim-field.textarea-label label{ margin-bottom:74px;} #estatement-email{width:100%; border-bottom:1px solid #dddddd; padding:3px 0;} .children-lname, .children-fname, .children-birth, .children-sex{font-size:12px; font-weight: bold; color:#484848; margin-bottom:5px; } .children-lname{width:190px;} .children-lname input{width:185px;} .children-fname{width:190px; margin-left:20px;} .children-fname input{width:185px;} .children-birth{width:180px; margin-left:20px;} .children-birth input{width:175px;} .children-sex{width:150px; margin-left:20px;} .checklist{} .checklist label{float:right; height:auto; width:745px; font-weight:normal;} .checklist input{float:left;} .checklist .list{margin-top:10px;} .membership.app-form .photo-file-size{margin-left:10px;} .form-print{background:url(../../img/en-us/print-btn.gif) no-repeat left top; width:110px; height:18px; display:block; cursor:pointer;} .form-print:hover{background-position:left bottom;} .btn-download{ background:url(../../img/en-us/btn-download.gif) no-repeat left top; width:110px; height:18px; display:block; margin:0px 10px;} .btn-download:hover{ background-position:left bottom;} .membership.app-form .form-print{margin-bottom:20px;} /* form-agree */ .form-agree .slide-section ul{margin-left:14px;} .form-agree .slide-section ul li{padding:2px 0 2px 12px; background-position:left 9px; color:#484848;} .form-agree .terms-title{margin:10px 0 5px 0;} #chk-aggree1, #chk-aggree2{margin-top:10px;} #chk-aggree1 label, #chk-aggree2 label{margin-left:5px;} ol.board-of-governors{ padding-left:20px; margin:0;} ol.board-of-governors li{ list-style-type:decimal; padding-top:10px;} .agree-next{background:url(../../img/en-us/next-btn.gif) left top no-repeat; width:60px; height:18px; cursor:pointer; border:none;} .agree-next:hover{background-position:left bottom;} /* contactUs */ .contactUs .white-panel{padding:30px;} .contactUs .compulsory{margin:0} .contactUs .contact-title{width:440px;} .contactUs .contact-title span{font-size:12px; font-weight: bold; color:#484848; float:left; height:18px; line-height:20px;} .contactUs .contact-title label{ font-weight:normal; margin-right:20px;} .contactUs .form-split{margin-top:20px;} .contactUs .form-split .form-left{width:420px;} .contactUs .form-split .form-right{width:410px; margin-left:25px; background:url(../../img/contact-shadow.png) no-repeat; padding-left:25px;} .contactUs .contact-rows{margin-bottom:10px;} .contactUs .contact-rows input{width:280px;} .contactUs select, .contactUs textarea{width:300px;} .contactUs textarea{background:#f1f1f1; color:#484848; border:1px solid #c9c9c9; resize: none; height:180px} .contactUs .form-submit{margin-left:138px;} .radio-container label{ width:auto !important;} .contactUs form label, .contactUs div.form-subtopic{width:133px;} .contactUs form .form-right label, .contactUs .form-right div.form-subtopic{width:105px;} .real-upload{/*display:none;*/ height:18px; border:none; padding:0; margin:0; display:block; opacity:0; filter:alpha(opacity=0); cursor:pointer;/* For IE8 and earlier */ position:absolute; right:0;} .fake-upload-text{width:400px;} .fake-upload-btn{background:url(../../img/en-us/browse-btn.gif) left top no-repeat; width:80px; height:18px; overflow:hidden; position:relative; margin-top:10px;} .fake-upload-btn:hover{background-position:left -18px;} .back-btn a{background:url(../../img/en-us/back-btn.png) no-repeat left top; width:46px; height:9px; display:block; text-indent:-9999px;} .back-btn a:hover{background-position:left bottom;} #emergency-msg { padding: 25px; width: 400px; background: #f2f2f2; border: 4px solid #C3B5AB; } #emergency-msg .msg-title { font-size: 18px; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #7a1d36; border-bottom: 1px solid #b7b7b7; padding-bottom: 5px; } #emergency-msg p { margin: 10px 0; } #emergency-msg .highlight { font-weight: bold; color:#F00; } #emergency-msg .underline { text-decoration:underline; } /* Application Form */ .applicationform .cr{ clear:both; zoom:1; } .applicationform ul,ol,dl{ margin:0px; padding:0px; } .applicationform .con{ width:100%; margin:0 auto; } .p2_logo{ background:url(img/logo2.png) top center no-repeat; padding-top:10px; text-align:center; line-height:150%; } .p2_title{ text-align:center; line-height:200%; margin-bottom:20px; text-decoration:underline; } .p2_txt{ line-height:200%; } .p3_logo{ background:url(img/logo2.png) right center no-repeat; line-height:150%; padding-top:30px; height:80px; border-bottom:2px #cccccc solid; font-size:17pt; } .p3_logo span{ color:#CC3333; } .p3_title{ margin-bottom:20px; text-decoration:underline; } .p3_form{ margin:20px 0; } .p3_item{ width:50%; float:left; min-height:30px; margin-bottom: 10px } .p3_itemc{ width:100%; } .p3_item input.wt{ border:none; border-bottom:1px #cccccc solid; width:300px; height:30px; } .p3_itemc input.wt{ width:800px; } .p3_item textarea{ margin:10px 0; border:1px #cccccc solid; } .p3_picup{ width:150px; border:1px #cccccc solid; padding:63px 0; text-align:center; margin:10px 0; } .p3_foot{ clear:both; font-size:10px; color:#CCCCCC; margin-top:150px; margin-bottom:20px; } .p3_foot input.wt{ border:none; border-bottom:1px #cccccc solid; width:150px; height:30px; } .p4_logo{ background:url(img/logo2.png) right center no-repeat; line-height:150%; padding-top:30px; height:80px; border-bottom:2px #cccccc solid; font-size:17pt; } .p4_logo span{ color:#CC3333; } .p4_title{ margin-bottom:20px; } .p4_title b{ text-decoration:underline; } .p4_title em{ font-weight:normal; font-size:12px; text-decoration:none; } .p4_form{ margin:20px 0; } .p4_item{ width:50%; float:left; height:40px; } .p4_wt{ border:none; border-bottom:1px #cccccc solid; width:400px; height:30px; } .p4_wt2{ border:none; border-bottom:1px #cccccc solid; width:700px; height:30px; } .p4_wt3{ border:none; border-bottom:1px #cccccc solid; width:100px; height:30px; } .p4_tarea{ width:90%; border:1px #cccccc solid; height:100px; margin-top:10px; } .p4_itemc{ width:100%; } .p4_tb1 li{ width:33%; float:left; height:30px; list-style:none; } .p5_logo{ background:url(img/logo2.png) right center no-repeat; line-height:150%; padding-top:30px; height:80px; border-bottom:2px #cccccc solid; font-size:17pt; } .p5_logo span{ color:#CC3333; } .p5_title{ margin-bottom:20px; text-decoration:underline; } .p5_tb1 li{ width:25%; float:left; height:30px; list-style:none; } .p5_wt{ border:none; border-bottom:1px #cccccc solid; width:100px; height:30px; } .p6_logo{ background:url(img/logo2.png) right center no-repeat; line-height:150%; padding-top:30px; height:80px; border-bottom:2px #cccccc solid; font-size:17pt; } .p6_logo span{ color:#CC3333; } .p6_title{ margin-bottom:20px; text-decoration:underline; text-align:center; } .p6_txt{ line-height:200%; } .p6_wt{ border:none; border-bottom:1px #cccccc solid; width:400px; height:30px; } .p7_logo{ background:url(img/logo2.png) right center no-repeat; line-height:150%; padding-top:30px; height:80px; border-bottom:2px #cccccc solid; font-size:17pt; } .p7_logo span{ color:#CC3333; } .p7_title{ margin-bottom:20px; text-decoration:underline; text-align:center; } .p7_list p{ line-height:200%; } .p7_ul{ list-style:disc; margin-left:20px; } .p7_ul li{ line-height:25px; } .p7_dl{ width:700px; margin-left:100px; margin-bottom:30px; } .p7_dl dt{ float:left; width:30%; font-weight:bold; line-height:200%; margin:0px; padding:0px; } .p7_dl dd{ float:left; width:50%; line-height:200%; } .p7_foot{ margin-top:100px; text-align:center; line-height:200%; } /* CSS Document */ #header .login{background:url(../../../img/en-us/header-member.png) no-repeat right top; } #header .login:hover{background:url(../../../img/en-us/header-member.png) no-repeat right bottom; } #header .soical-btn{background:url(../../../img/get_soical.png) no-repeat right top; } #header .soical-btn:hover{background:url(../../../img/get_soical.png) no-repeat right bottom; } #header .menu li a.btn{ background:url(../../../img/en-us/inner-menu.png) no-repeat left top; } #header .menu .au a.btn, .index #header .menu .au a.btn{ width:66px; background-position:-50px top; } #header .menu .au:hover a.btn, .index #header .menu .au:hover a.btn{ background-position:-50px bottom; } #header .menu .i a.btn, .index #header .menu .i a.btn{ width:64px; background-position:-116px top; } #header .menu .i:hover a.btn, .index #header .menu .i:hover a.btn{ background-position:-116px bottom; } #header .menu .m a.btn, .index #header .menu .m a.btn{ width:97px; background-position:-180px top; } #header .menu .m:hover a.btn, .index #header .menu .m:hover a.btn{ background-position:-180px bottom; } #header .menu .d a.btn, .index #header .menu .d a.btn{ width:68px; background-position:-277px top; } #header .menu .d:hover a.btn, .index #header .menu .d:hover a.btn{ background-position:-277px bottom; } #header .menu .fr a.btn, .index #header .menu .fr a.btn{ width:152px; background-position:-345px top; } #header .menu .fr:hover a.btn, .index #header .menu .fr:hover a.btn{ background-position:-345px bottom; } #header .menu .wbpe a.btn, .index #header .menu .wbpe a.btn{ width:246px; background-position:-498px top; } #header .menu .wbpe:hover a.btn, .index #header .menu .wbpe:hover a.btn{ background-position:-498px top; } #header .menu .achk a.btn, .index #header .menu .achk a.btn{ width:72px; background-position:right top; } #header .menu .achk:hover a.btn, .index #header .menu .achk:hover a.btn{ background-position:right bottom; } .tab ul li{ float:left;} .tab ul li.location-tab a{background:url(../../../img/en-us/locations-tabs.png) no-repeat; height:29px; display:block; text-indent:-9999px} .tab ul li.town a{width:132px; background-position:left top;} .tab ul li.town a:hover{background-position:left bottom;} .tab ul li.town.current a{ background-position:left bottom;} .tab ul li.club a{width:155px; background-position:right top;} .tab ul li.club a:hover{background-position:right bottom;} .tab ul li.club.current a{ background-position:right bottom;} .tab ul li.gallery-tab a{background:url(../../../img/en-us/wedding-tabs.jpg) no-repeat; height:29px;display:block; text-indent:-9999px} .tab ul li.wedding a{ width:124px; background-position:left top;} .tab ul li.wedding a:hover{background-position:left bottom;} .tab ul li.wedding.current a{ background-position:left bottom;} .tab ul li.banquet a{width:118px; background-position:-124px top;} .tab ul li.banquet a:hover{background-position:-124px bottom;} .tab ul li.banquet.current a{ background-position:-124px bottom;} .tab ul li.events a{width:119px; background-position:right top;} .tab ul li.events a:hover{background-position:right bottom;} .tab ul li.events.current a{ background-position:right bottom;} .tab ul li.contactUs-tab a{background:url(../../../img/en-us/contact-tabs.png) no-repeat; height:29px; display:block; text-indent:-9999px} .tab ul li.enquiry a{width:165px; background-position:left top;} .tab ul li.enquiry a:hover, .tab ul li.enquiry.current a{background-position:left bottom;} .tab ul li.location-operation a{width:294px; background-position:right top;} .tab ul li.location-operation a:hover, .tab ul li.location-operation.current a{background-position:right bottom;} .floorplan-btn{text-indent:-9999px; background:url(../../../img/en-us/floorplan-btn.png) no-repeat left top; height:18px; width:76px; display:block;} .floorplan-btn:hover{background-position:left bottom;} /*advertising*/ .tab ul li{ float:left;} .tab ul li.advertising-tab a{background:url(../../../img/en-us/advertising-tabs.png) no-repeat; height:27px; display:block; text-indent:-9999px} .tab ul li.magazine a{width:124px; background-position:left top;} .tab ul li.magazine a:hover{background-position:left bottom;} .tab ul li.magazine.current a{ background-position:left bottom;} .tab ul li.media a{width:154px; background-position:-124px top;} .tab ul li.media a:hover{background-position:-124px bottom;} .tab ul li.media.current a{ background-position:-124px bottom;} .tab ul li.contact a{width:195px; background-position:right top;} .tab ul li.contact a:hover{background-position:right bottom;} .tab ul li.contact.current a{ background-position:right bottom;} /* index */ .index #header .menu li a{background:url(../../../img/en-us/menu.png) no-repeat; } .index #header .menu li li a{background:none;} /* events */ .hilight-box .btn-weddingflyer a{width:140px;background:url(../../../img/en-us/download-weddingflyer-btn.png) no-repeat left top; height:40px; float:right} .hilight-box .btn-weddingflyer a:hover{ background-position:left bottom; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#c3b5ab; padding:1px;} #cboxLoadingGraphic{background:url(../../img/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#FFF;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000; font-weight:bold; font-size:12px; color:#7a1d36;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../img/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /** * * Generic CSS for CakePHP * * CakePHP(tm) : Rapid Development Framework (http://cakephp.org) * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org) * * Licensed under The MIT License * Redistributions of files must retain the above copyright notice. * * @copyright Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org) * @link http://cakephp.org CakePHP(tm) Project * @package cake * @subpackage cake.app.webroot.css * @since CakePHP(tm) * @license MIT License (http://www.opensource.org/licenses/mit-license.php) */ /** Tables **/ table.cake-sql-log { background: #fff; border-right:0; clear: both; color: #333; margin-bottom: 10px; width: 100%; } th.cake-sql-log { border:0; border-bottom:2px solid #555; text-align: left; padding:4px; } th.cake-sql-log a { display: block; padding: 2px 4px; text-decoration: none; } th.cake-sql-log a.asc:after { content: ' ⇣'; } th.cake-sql-log a.desc:after { content: ' ⇡'; } table.cake-sql-log tr td { background: #fff; padding: 6px; text-align: left; vertical-align: top; border-bottom:1px solid #ddd; } table.cake-sql-log tr:nth-child(2n) td { background: #f5f5f5; } table.cake-sql-log .altrow td { background: #f5f5f5; } .cake-sql-logtd.actions { text-align: center; white-space: nowrap; } table.cake-sql-log td.actions a { margin: 0px 6px; padding:2px 5px; } .cake-sql-log table { background: #f4f4f4; } .cake-sql-log td { padding: 4px 8px; text-align: left; font-family: Monaco, Consolas, "Courier New", monospaced; } .cake-sql-log caption { color:#fff; } /** Debugging **/ pre { color: #000; background: #f0f0f0; padding: 1em; } pre.cake-debug { background: #ffcc00; font-size: 14px; line-height: 140%; margin-top: 1em; overflow: auto; position: relative; } div.cake-stack-trace { background: #fff; color: #333; margin: 0px; padding: 6px; font-size: 120%; line-height: 140%; overflow: auto; position: relative; } div.cake-code-dump pre { position: relative; overflow: auto; } div.cake-stack-trace pre, div.cake-code-dump pre { color: #000; background-color: #F0F0F0; margin: 0px; padding: 1em; overflow: auto; } div.cake-code-dump pre, div.cake-code-dump pre code { clear: both; font-size: 12px; line-height: 15px; margin: 4px 2px; padding: 4px; overflow: auto; } div.cake-code-dump span.code-highlight { background-color: #ff0; padding: 4px; } div.code-coverage-results div.code-line { padding-left:5px; display:block; margin-left:10px; } div.code-coverage-results div.uncovered span.content { background:#ecc; } div.code-coverage-results div.covered span.content { background:#cec; } div.code-coverage-results div.ignored span.content { color:#aaa; } div.code-coverage-results span.line-num { color:#666; display:block; float:left; width:20px; text-align:right; margin-right:5px; } div.code-coverage-results span.line-num strong { color:#666; } div.code-coverage-results div.start { border:1px solid #aaa; border-width:1px 1px 0px 1px; margin-top:30px; padding-top:5px; } div.code-coverage-results div.end { border:1px solid #aaa; border-width:0px 1px 1px 1px; margin-bottom:30px; padding-bottom:5px; } div.code-coverage-results div.realstart { margin-top:0px; } div.code-coverage-results p.note { color:#bbb; padding:5px; margin:5px 0 10px; font-size:10px; } div.code-coverage-results span.result-bad { color: #a00; } div.code-coverage-results span.result-ok { color: #fa0; } div.code-coverage-results span.result-good { color: #0a0; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background:url(../../img/scroll-track.jpg) no-repeat; position: relative; } .jspDrag { background:url(../../img/scrol-drag-mid.jpg) repeat-x; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .jspDragLeft, .jspDragRight{width:17px; height:15px;} .jspDragLeft{position:absolute; left:0; background:url(../../img/scrol-drag.jpg) no-repeat; } .jspDragRight{position:absolute; right:0; background:url(../../img/scrol-drag-r.jpg) no-repeat;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*! * 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; } /* 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 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=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; margin-top: 4px;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-datepicker { border: 6px solid #CCCCCC; background: #ffffff url(../../img/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; } .ui-widget-content { border: 1px solid #CCCCCC; background: #ffffff url(../../img/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; } #index-calendar .ui-widget-content{background:none; border:none;} .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e3a1a1; background: #a70a37; color: #ffffff; font-weight: bold; } #index-calendar .ui-widget-header{background:none; border:none; color:#0f2f5a;font-size:21px;} .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(../../img/ui/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold;} #index-calendar .ui-state-default, #index-calendar .ui-widget-content .ui-state-default, #index-calendar .ui-widget-header .ui-state-default{ background:url(../../img/calendar-normal.png) no-repeat; width:37px; height:27px; padding:0; text-align:center; font-size:15px; line-height:27px; color:#484848; border:none; } #index-calendar .ui-widget-content .haveEvent{ background:url(../../img/calendar-events.png) no-repeat; color:#FFF; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; 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 #cdd5da; background: #efe7e7; font-weight: bold; color: #111111; } .ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #efe7e7; font-weight: bold; color: #cc0000; } #index-calendar .ui-state-active,#index-calendar .ui-widget-content .ui-state-active,#index-calendar .ui-widget-header .ui-state-active, #index-calendar .ui-datepicker-calendar a.ui-state-hover{ border:3px solid #d39f3c; height:21px; width:31px; line-height:21px; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; 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 {background: #7E162F; color: #ffffff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(../../img/ui/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; } .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(../../img/ui/ui-icons_cc0000_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../img/ui/ui-icons_cc0000_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../img/ui/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../img/ui/ui-icons_cc0000_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../img/ui/ui-icons_cc0000_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../img/ui/ui-icons_cc0000_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../img/ui/ui-icons_004276_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../img/ui/ui-icons_cc0000_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: #a6a6a6 url(../../img/ui/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(../../img/ui/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -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-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Progressbar 1.8.14 * * Copyright 2011, 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/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } #index-calendar .ui-datepicker{width:auto;} .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; } #index-calendar .ui-datepicker .ui-datepicker-prev, #index-calendar .ui-datepicker .ui-datepicker-next{height:auto; width:auto; top:8px;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } #index-calendar .ui-datepicker .ui-datepicker-prev { left:20px; } .ui-datepicker .ui-datepicker-next { right:2px; } #index-calendar .ui-datepicker .ui-datepicker-next { right:20px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } #index-calendar .ui-datepicker .ui-datepicker-prev-hover, #index-calendar .ui-datepicker .ui-datepicker-next-hover{border:none; background:none;} .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; } #index-calendar .ui-datepicker .ui-datepicker-prev span, #index-calendar .ui-datepicker .ui-datepicker-next span {margin:0; position:static;} #index-calendar .ui-datepicker .ui-datepicker-prev span{background:url(../../img/arrow-month-prev.png) no-repeat; width:10px; height:16px;} #index-calendar .ui-datepicker .ui-datepicker-next span{background:url(../../img/arrow-month-next.png) no-repeat; width:10px; height:16px;} .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } #index-calendar .ui-datepicker .ui-datepicker-title{line-height:21px; font-family:"Times New Roman", Times, serif;} .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 .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; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } #index-calendar .ui-datepicker td{padding: 2px 0;} .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*/ } /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; padding-left: 10px;} .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .jcarousel-skin-tango .jcarousel-container { /* -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97;*/ } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 714px; padding:0 50px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; /*height: 137px;*/ /* width: 245px; height: 75px;*/ } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 126px; height: 110px; position:relative; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 20px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; bottom: 4px; right: 6px; width: 30px; height: 56px; cursor: pointer; background: transparent url(../../img/slider-controls.png) no-repeat right top; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: right -56px; } /*.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }*/ .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: right bottom; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; bottom: 4px; left: 6px; width: 30px; height: 56px; cursor: pointer; background: transparent url(../../img/slider-controls.png) no-repeat left top; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: left -56px; } /*.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }*/ .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: left bottom; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../../img/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../../img/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }