/* Theme Name: oliveglassandmarble Template: clickopt Author: Click Optimize Author URI: http://clickoptimize.com Description: Theme files for your awesome website! NOTE: Requires the ClickOpt Framework theme. Deleting the "clickopt" theme will break this site! Version: 1.0 */ /* HTML Tag Classes: The tag will automatically add classes for css purposes. * --Key------------------------------------------------------------------------------ * class name | Purpose of class and when added * --General-------------------------------------------------------------------------- * redcm | Added to all pages to allow css overrides of any element, especially css added by plugins. * no-js | jQuery used to convert this to "js" and allows styles for elements when javascript is not available. * front | Added when on the Front Page - uses is_front_page() * --Browsers------------------------------------------------------------------------- * chrome | Added when using Chrome browser * firefox | Added when using Firefox browser * ie | Added when using Internet Explorer browser * ie-# | # is replaced by the IE version number to allow css specific for Internet Explorer * opera | Added when using Opera browser * safari | Added when using Safari browser * --Mobile Devices------------------------------------------------------------------- * mobile | Added when using mobile device * android | Added when using Android device * silk | Added when using Silk browser on Android device * kindle | Added when using Kindle browser on Android device * blackberry | Added when using Blackberry device * idevice | Added when using Apple "i" mobile device ( iPad, iPhone, iPod, etc ) * ipad | Added when using Apple iPad device * iphone-os | Added when using Apple iPhone OS mobile device ( typically targets both iPhone and iPod ) * iphone | Added when using Apple iPhone device * ipod | Added when using Apple iPod device * ----------------------------------------------------------------------------------- */ /* Page --------------------------------------------------- */ html { min-width: 1050px; background: #fff url('images/body.jpg') repeat-x 0 0; } body { background: transparent url('images/body-texture.png') no-repeat center 0; } body { font-family: 'Arial', 'sans-serif'; font-size: 15px; line-height: 1em; color: #333; } #content-wrap { padding-top: 20px; background: url('images/content-shadow.png') no-repeat center 0; } #outer .brown-box { background: #343122;/* background-color: #555140; background: url('images/nav.jpg') repeat-x 0 bottom; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTE0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjJmMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #555140 0%, #322f1e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555140), color-stop(100%,#322f1e)); background: -webkit-linear-gradient(top, #555140 0%,#322f1e 100%); background: -o-linear-gradient(top, #555140 0%,#322f1e 100%); background: -ms-linear-gradient(top, #555140 0%,#322f1e 100%); background: linear-gradient(to bottom, #555140 0%,#322f1e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555140', endColorstr='#322f1e',GradientType=0 ); */ } .ie-8 #outer .brown-box { filter: none; background-color: #322f1e; } #main .brown-box { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #outer .bb-content { color: #fff; text-align: center; padding: 20px 15px; background: transparent url('images/featurebox-texture2.png') no-repeat center top !important; } #outer #bb-7 .bb-content { padding: 20px 33px; } .firefox #outer #bb-7 .bb-content { padding-left: 29px; padding-right: 29px; } #outer .bb-content, #outer .bb-content * { font-family: 'PT Serif', 'Times New Roman', 'serif'; font-size: 18px; line-height: 1.2em; background: none; border: none; padding: 0; } #outer .bb-content img { padding-top: 5px; } #outer #bb-7 .bb-content img { padding: 5px 25px 0 0; } #outer .bb-content address { padding: 1em 1.2em; font-size: 21px; } #outer #bb-9 .bb-content { padding-bottom: 24px; } #outer .button { display: inline-block; width: auto; height: auto; padding: 0 15px; min-height: 40px; font-family: 'PT Sans', 'Arial', 'sans-serif'; font-style: italic; font-size: 18px; font-weight: 400; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; background-color: #555140; background: url('images/nav.jpg') repeat-x 0 bottom; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTE0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjJmMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #555140 0%, #322f1e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555140), color-stop(100%,#322f1e)); background: -webkit-linear-gradient(top, #555140 0%,#322f1e 100%); background: -o-linear-gradient(top, #555140 0%,#322f1e 100%); background: -ms-linear-gradient(top, #555140 0%,#322f1e 100%); background: linear-gradient(to bottom, #555140 0%,#322f1e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555140', endColorstr='#322f1e',GradientType=0 ); } .ie-8 #outer .button { filter: none; background-color: #322f1e; } #outer .button:hover { background: #34a870; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0YTg3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTg1NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #34a870 0%, #11854d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34a870), color-stop(100%,#11854d)); background: -webkit-linear-gradient(top, #34a870 0%,#11854d 100%); background: -o-linear-gradient(top, #34a870 0%,#11854d 100%); background: -ms-linear-gradient(top, #34a870 0%,#11854d 100%); background: linear-gradient(to bottom, #34a870 0%,#11854d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34a870', endColorstr='#11854d',GradientType=0 ) } .ie-8 #outer .button:hover { filter: none; background: #11854d; } /* Navigation --------------------------------------------------- */ /* --- primary navigation --- */ ul#menu-primary { margin-top: 40px; } #nav-primary { margin: 7px 0 0; height: 90px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } #nav-primary ul { text-align: center; } #nav-primary li { display: inline-block; float: none; padding: 0 13px; } #nav-primary li:hover > a, #nav-primary li.current-menu-item > a, #nav-primary li.current-menu-parent > a, #nav-primary li .sub-menu li.current-menu-item a { color: #37331f; background: transparent; color: #37331f; } #nav-primary li:hover > a span, #nav-primary li.current-menu-item > a span, #nav-primary li.current-menu-parent > a span, #nav-primary li .sub-menu li.current-menu-item a span { background: #fff; } #nav-primary a { height: 50px; padding: 0; font-family: 'PT Serif', 'Times New Roman', 'serif'; font-size: 18px; font-weight: 700; line-height: 1em; text-transform: uppercase; color: #fff; } #nav-primary span { display: inline-block; padding: 10px; line-height: 1em; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; } #nav-primary .sub-menu { top: 50px; width:190px; padding: 8px 0; text-align: left; background: #322f1e; } #nav-primary .sub-menu li { width: 165px; } #nav-primary .sub-menu a { display: inline-block; width: 100%; height: auto; padding: 0; margin: 1px 0; font-weight: 400; font-size: 16px; background: transparent; } #nav-primary .sub-menu span { display: inline-block; width: 145px; padding: 8px 10px; border-radius: none; } #nav-primary li .sub-menu li:hover > a { color: #37331f; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; } #nav-primary li .sub-menu li:hover > a span { background: transparent; } /* #nav-primary li#menu-item-30 ul { display: block; } */ /* --- footer navigation --- */ #nav-footer { margin-bottom: 25px; } #nav-footer li { float: left; padding: 0; } #nav-footer li.first-menu-item span { display: none; } #nav-footer li:hover > a { text-decoration: underline; } #nav-footer a { padding: 0; } #nav-footer span { display: inline-block; margin: 0 10px; } /* Header --------------------------------------------------- */ #page-header { padding: 20px 0 0; } #page-header-wrap { padding: 0 20px; width: 960px; margin: 0 auto; background: url('images/header-shadow.png') no-repeat center 0; } #site-title { float: left; width: 290px; padding-left: 20px; position: relative; } #site-title a { position: absolute; margin-top: -10px; z-index: 10; display: block; width: 295px; height: 155px; background: transparent url('images/sprite.png') no-repeat 0 0; } #connect { float: right; width: 525px; margin-right: 20px; text-align: right; } #contact { margin: 10px 0 25px; min-height: 30px; } #contact li { display: block; font-weight: 700; line-height: 1.25em; color: #37331f; } #contact a { color: #37331f; } #contact a:hover { text-decoration: underline; } #site-description { display: block; width: 491px; height: 32px; margin-left: auto; font-weight: 700; background: transparent url('images/tagline.png') no-repeat 0 0; } /* --- front page slider --- */ #slider-wrap { position: relative; overflow: hidden; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #slider-inner { width: 700px; margin-left: auto; } #selectors { position: absolute; top: 0; left: 0; } .selector { display: table; width: 300px; height: 70px; background: transparent url('images/sprite.png') no-repeat 0 -230px; } .selector.active, .selector:hover { background-position: 0 -160px; } .selector a { display: table-cell; vertical-align: middle; padding: 0 30px; font-size: 24px; line-height: 1em; text-decoration: none; font-family: 'PT Serif', 'Times New Roman', 'serif'; color: #fff; text-transform: uppercase; text-shadow: 0 2px 2px #074a2a; } .selector.active a, .selector a:hover { color: #119957; text-shadow: 0 2px 2px #b4baa9; } .slide { position: relative; } .slide-caption-box { position: absolute; bottom: 20px; right: 0; height: 100px; width: 700px; background: url('images/slider-caption.png') repeat-y 0 0; } .slide-caption-box * { font-family: 'PT Serif', 'Times New Roman', 'serif'; line-height: 1em; text-shadow: 1px 1px 3px #fff; color: #37331f; } .slide-caption1 { margin: 15px 0 15px 60px; font-size: 32px; font-style: italic; } .slide-caption2 { margin: 0 40px 0 150px; font-size: 21px; text-transform: uppercase; } /* --- interior header image --- */ #header-image-wrap { height: 220px; overflow: hidden; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } /* Content --------------------------------------------------- */ #main { position: relative; z-index: 10; padding: 40px 20px 0 30px; width: 610px; min-height: 1000px; border: 20px solid #e2f0d2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .firefox #main, .ie #main { margin-bottom: -10px; } .entry-title, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { font-family: 'PT Serif', 'Times New Roman', 'serif'; line-height: 1em; font-weight: 400; } .entry-title { padding-bottom: 30px; margin-bottom: 15px; font-size: 28px; color: #119957; border-bottom: 1px solid #e2f0d2; } .entry-content h2 { font-size: 24px; color: #119957; /* same color down points */ } .entry-content h3 { font-size: 24px; color: #555140; /* same size alt color */ } .entry-content h4, .entry-content h5 { font-size: 20px; font-weight; color: #006893; /* 4 and 5 same size, smaller than 2 and 3, own color */ } .entry-content h6 { font-size: 15px; color: #119957; font-weight: 700; font-family: 'Arial'; /* same color as 1, same size as content, bold */ } .entry-content p, .entry-content ul, .entry-content ol { line-height: 1.53em; padding: 1em 0; } .entry-content address { font-size: 24px; } .entry-content img { padding: 5px; background: #e4ddc7; border: 1px solid #fff; } #main a { font-weight: 700; color: #119957; } #main a:hover { text-decoration: none; } /* --- forms --- */ input, select, textarea { margin-bottom: 5px; font-size: 13px; font-weight: 700; border: 1px solid #c4b483; } input { height: 30px; } textarea { height: 60px; font-style: italic; } .gplaceholder label { display: none; } #main-content .gform_wrapper ul { margin: 0; padding: 0; } .gform_title { margin: 10px; font-family: 'PT Serif', 'Times New Roman', 'serif'; font-weight: 400; font-size: 28px; line-height: 1em; text-transform: uppercase; } .entry-content .gform_wrapper img { padding: 0; background: transparent; border: none; } .gform_description { display: block; margin: 10px; color: #c4b483; font-family: 'PT Sans', 'Arial', 'serif'; font-size: 18px; line-height: 1em; } .ginput_container { position: relative; } .ui-datepicker-trigger { position: absolute; right: 7px; top: 5px; } /* Sidebar --------------------------------------------------- */ #sidebar1 { width: 240px; } .widget { margin-bottom: 10px; padding-bottom: 10px; background: transparent url('images/sidebar-divider.png') no-repeat center bottom; } .widget .widget-title { display: none; } .widget.widget-last, .widget.widget-tan-solid-widget-last, .widget.widget-tan-gradient-widget-last, .widget.widget-tan-image-widget-last { margin: 0; padding: 0; background: none; } .widget p { padding: 0; font-weight: 700; line-height: 1.25em; color: #37331f; } .widget a { color: #37331f; text-decoration: underline; } .widget img { margin-bottom: 10px; } .widget a:hover { text-decoration: none; } .widget.widget-tan-solid .widget-wrap, .widget.widget-tan-gradient .widget-wrap { padding: 10px; } .widget.widget-tan-solid .widget-wrap { background: #e4ddc7; } .widget.widget-tan-image img, .widget.widget-tan-image-widget-last img { padding: 10px; background: #e4ddc7; } .widget.widget-tan-gradient .widget-wrap { background: #e8e2cf; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTJjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWJmYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8e2cf 0%, #c5bfac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e2cf), color-stop(100%,#c5bfac)); background: -webkit-linear-gradient(top, #e8e2cf 0%,#c5bfac 100%); background: -o-linear-gradient(top, #e8e2cf 0%,#c5bfac 100%); background: -ms-linear-gradient(top, #e8e2cf 0%,#c5bfac 100%); background: linear-gradient(to bottom, #e8e2cf 0%,#c5bfac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e2cf', endColorstr='#c5bfac',GradientType=0 ); } /* --- showroom customization --- */ #black-studio-tinymce-4 .widget-wrap { padding-left: 0; padding-right: 0; } #black-studio-tinymce-4 img { margin: 0; } /* --- gravity forms sidebar --- */ #gform_wrapper_1 .gform_heading { height: 140px; text-align: center; background: url('images/gravity-form-heading.png') no-repeat 0 0; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;} .widget.gform_widget #gform_wrapper_1 .gform_heading { width: 240px; margin: -20px 0 0 -10px; } #gform_wrapper_1 .gform_title, #gform_wrapper_1 .gform_description { font-size: 0; line-height: 0; color: transparent; } .widget.gform_widget input[type="submit"] { display: block !important; margin-left: auto; } .widget.gform_widget textarea { height: 70px; } /* .widget.gform_widget .gform_heading { height: 140px; text-align: center; width: 240px; margin: -20px 0 0 -10px; background: url('images/gravity-form-heading.png') no-repeat 0 0; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;} .widget.gform_widget .gform_title, .widget.gform_widget .gform_description { font-size: 0; line-height: 0; color: transparent; } */ /* Footer --------------------------------------------------- */ #page-footer { margin-top: -10px; min-height: 230px; background: transparent url('images/footer-bg.jpg') repeat-x 0 0; } .firefox #page-footer, .ie #page-footer { margin: 0; } #page-footer-wrap { width: 890px; padding: 50px 30px 0 40px; margin: 0 auto; font-size: 13px; font-weight: 700; } #page-footer-wrap, #page-footer-wrap a { color: #daebc1; } #footer-left { float: left; width: 500px; } #footer-right { float: right; width: 350px; text-align: right; } #developer { } #developer a { display: block; margin: 10px 0 0 auto; width: 177px; height: 40px; background: url('images/sprite.png') no-repeat 0 -310px; } #developer a:hover { background-position: 0 -350px; } /* jQuery UI date picker ------------------------------------------------------*/ .ui-datepicker { width: 216px; height: auto; margin: 5px auto 0; font: 9pt Arial, sans-serif; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); } .ui-datepicker a { text-decoration: none; } .ui-datepicker table { width: 100%; border-collapse: collapse; } .ui-datepicker-header { background-color: #666; /* set the header background color */ color: #e0e0e0; font-weight: bold; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); text-shadow: 1px -1px 0px #000; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border-width: 1px 0 0 0; border-style: solid; border-color: #666; } .ui-datepicker-title { text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url('../images/datepicker/arrow.html'); background-repeat: no-repeat; line-height: 600%; overflow: hidden; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-next { float: right; background-position: center 0px; } .ui-datepicker thead { background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); border-bottom: 1px solid #bbb; } .ui-datepicker th { text-transform: uppercase; text-align: center; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=0); } .ui-datepicker tbody td { padding: 0; border-top: 1px solid #bbb; border-right: 1px solid #bbb; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { border-bottom: 1px solid #bbb; } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#fff, offx=1, offy=1); } .ui-datepicker-calendar .ui-state-default { background: #ededed; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%); background: -o-linear-gradient(top, #ededed 0%,#dedede 100%); background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%); background: linear-gradient(to bottom, #ededed 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); } .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; } .ui-datepicker-calendar .ui-state-active { background: #FFF2AA; /* set the active date background color */ border: 1px solid #c19163; /* set the active date border color */ color: #666; /* set the active date font color */ -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); text-shadow: 0px 1px 0px #FFF; filter: dropshadow(color=#FFF, offx=0, offy=1); position: relative; margin: -1px; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } td.ui-datepicker-unselectable.ui-state-disabled { background-color: #d7d7d7; }