/* Theme Name: Jacksonville Weight Loss Center Theme URI: http://www.obesityresolved.com/wp-content/themes/jwl Description: Jacksonville Weight Loss Center Author: ifXmedical Author URI: http://www.ifxmedical.com Version: 0.1.1 Tags: Framework */ /* Background-Styles */ body {margin:0px;padding:0px;background:#C5E9F4 url('images/body-bg.jpg') 0 0 repeat-x; font-family:Verdana,Arial, Helvetica, sans-serif;} .container {width:960px;margin:0 auto; position:relative;} #body-wrap {} #header {} #header .container{ height:200px;width:960px; background: url('images/header-main-bg.jpg') 0 0 no-repeat;} #header-main {} #header-main .container{ height:200px;width:960px; background: url('images/header-bg.jpg') 0 0 no-repeat;} #menu .container{background-image: url('images/menu_bg.jpg');background-repeat: no-repeat;height:51px;padding:0;} .vis{visibility:hidden;} #footer {background-image:url(images/footer-bg.jpg); background-repeat:repeat-x; background-color:#104B88} #footer .container {background-image:url(images/footer.jpg);background-repeat:repeat-x; min-height:200px;width:960px;padding-top:20px;} #content {} #content .container{vertical-align:top; background: url('images/content-bg.jpg');background-repeat:repeat-x; background-color:#FFFFFF;} #header-frame{padding:0;} #header-left{padding:0;width:290px;height: 200px;float:left;} #header-right{width:670px;float:right;height: 200px;padding:0;margin:0;} /* text defaults */ td {vertical-align:top} ul {font-size:12px;line-height:18px;} ul li {} ol {font-size:12px;line-height:18px;} ol li {} dl {} dt {} dd {} blockquote {} blockquote blockquote {} blockquote em {} h1{font-size:24px; font-weight:bold; line-height:30px; color:#0BAF3E; letter-spacing:-1px; } h2{font-size:16px; font-weight:normal; line-height:22px; color:#408CD3; letter-spacing:-1px;} h3{font-size:14px; font-weight:bold; line-height:20px; color:#4C5A63;} h4{font-size:12px;line-height:20px;color:#41282C;} p {font-size:11px;line-height:20px;margin:0px;} small { color:#595856; font-weight:bold; font-size:11px; display:block; margin: 10px 5px 15px 30px;} /************************************* Links **************************************/ a { color: #333; } a:hover { color: #333; } h2 a { color:#990000;} h2 a:hover {color:#000000;} /* Previous/Next Page Navigation *********************************************/ .page-nav { clear:both; margin:15px 0px; padding:2px 0px; height:22px; font-weight:bold; font-size:15px; } .nav-previous { width:249px; float:left; text-align:left; margin:2px 0px; } .nav-next { width:249px; float:right; text-align:right; margin:2px 0px; } .page-nav a { text-decoration:none; } .nav-previous a { padding-left:13px; } .nav-next a { padding-right:13px; } /* Menu-Styles */ #mainmenu {padding:0;margin:0;background: url('images/menu-bg.jpg') 0 0 no-repeat; width:960px;height:51px;} #mainmenu ul{list-style:none;padding:0;margin:0;} #mainmenu li {display: inline;float: left; height: 51px; list-style: none; position: relative; margin:0;} #mainmenu a {display: block;height: 51px;} #menu span {display: none;} #home-menu {width: 94px;} #home-menu a:hover {background: url('images/menu-bg.jpg') 0px -51px no-repeat;} #home-menu a.active{background: url('images/menu-bg.jpg') 0px -51px no-repeat;} #meet-dr-cywes-menu{width: 95px;} #meet-dr-cywes-menu a:hover{background: url('images/menu-bg.jpg') -94px -51px no-repeat;} #meet-dr-cywes-menu a.active {background: url('images/menu-bg.jpg') -94px -51px no-repeat;} #meet-our-team-menu{width: 95px;} #meet-our-team-menu a:hover{background: url('images/menu-bg.jpg') -189px -51px no-repeat;} #meet-our-team-menu a.active{background: url('images/menu-bg.jpg') -189px -51px no-repeat;} #weight-loss-surgery-menu{width: 95px;} #weight-loss-surgery-menu a:hover{background: url('images/menu-bg.jpg') -284px -51px no-repeat;} #weight-loss-surgery-menu a.active{background: url('images/menu-bg.jpg') -284px -51px no-repeat;} #weight-loss-testimonials-menu{width: 95px;} #weight-loss-testimonials-menu a:hover{background: url('images/menu-bg.jpg') -379px -51px no-repeat;} #weight-loss-testimonials-menu a.active{background: url('images/menu-bg.jpg') -379px -51px no-repeat;} #weight-loss-success-menu{width: 95px;} #weight-loss-success-menu a:hover{background: url('images/menu-bg.jpg') -474px -51px no-repeat;} #weight-loss-success-menu a.active{background: url('images/menu-bg.jpg') -474px -51px no-repeat;} #getting-started-menu{width: 95px;} #getting-started-menu a:hover{background: url('images/menu-bg.jpg') -569px -51px no-repeat;} #getting-started-menu a.active{background: url('images/menu-bg.jpg') -569px -51px no-repeat;} #seminars-schedule-menu{width: 95px;} #seminars-schedule-menu a:hover{background: url('images/menu-bg.jpg') -664px -51px no-repeat;} #seminars-schedule-menu a.active{background: url('images/menu-bg.jpg') -664px -51px no-repeat;} #weight-loss-tips-menu{width: 95px;} #weight-loss-tips-menu a:hover{background: url('images/menu-bg.jpg') -759px -51px no-repeat;} #weight-loss-tips-menu a.active{background: url('images/menu-bg.jpg') -759px -51px no-repeat;} #contact-us-menu{width:106px;} #contact-us-menu a:hover{background: url('images/menu-bg.jpg') -854px -51px no-repeat;} #contact-us-menu a.active{background: url('images/menu-bg.jpg') -854px -51px no-repeat;} /* Sidepanel */ #block-sidebar {float:left; width:315px;margin-top:7px;} #block-sidebar h2{font-size:16px; font-weight:normal; color: #b30000; border-bottom:1px solid #b8b7af;} #block-sidebar h3{font-size:14px; font-weight:normal; border-bottom:1px dotted #a09e8c; color:#b30000;} #block-sidebar ul {margin:0; padding:0;list-style:none;} #block-sidebar ul li{list-style:none;margin:0;padding:5px 10px 0 5px;} #block-sidebar ul li a{font-size:12px;} #block-sidebar p{margin: 0 5px 5px 0;} #block-sidebar img{margin:0 5px 5px 0;} #block-sidebar h2 { margin:0px 0 5px 0; padding:5px 0px 0px 0; font-family:Georgia, "Times New Roman", Times, serif; } #block-sidebar .popular h2 { font-size:18px; color: #333; } #block-sidebar h2.i_twitter { background:url("images/i_twitter.gif") no-repeat; padding-left:35px; color:#333 !important; } #block-sidebar .contact{margin:5px 30px 5px 5px;} #coe {background: url('images/center-of-excellence.jpg') no-repeat; width: 320px;height:120px;padding:0;margin:0;} #buttons {background: url('images/buttons.jpg') no-repeat; width: 300px;height: 360px;padding:0;margin:20px 0 10px 5px;} #buttons span {display:none;} #buttons a {display: block; width: 300px; height: 90px;} #buttons ul{padding:0;margin:0;} #buttons ul li {display: inline; float: left; width: 300px; list-style: none; position: relative; padding:0;margin:0;} #buttons a:hover{text-decoration:none;} #support-group-btn{height: 90px;} #support-group-btn a:hover {background: url('images/buttons.jpg') -300px 0px no-repeat} #blog-btn {height: 90px;} #blog-btn a:hover {background: url('images/buttons.jpg') -300px -90px no-repeat;} #forms-btn {height: 90px;} #forms-btn a:hover {background: url('images/buttons.jpg') -300px -180px no-repeat;} #contact-btn {height: 90px;} #contact-btn a:hover {background: url('images/buttons.jpg') -300px -270px no-repeat;} /* Block-Home-Page-Styles */ #block-content{width:640px; float:right;overflow:auto;} #block-content h1{margin:20px 5px 10px 30px;font-family: Georgia, "Times New Roman", Times, serif;} #block-content p{margin:10px 30px 10px 30px;} #block-content img{margin:2px 5px 5px 0;} #block-content h2{margin:10px 5px 10px 30px;} #block-content h3{margin:10px 5px 10px 30px;} #block-content h4{margin:10px 5px 10px 30px;} /* prevent default underline under hidden content */ #block-content h2 a{text-decoration:none;} #block-content h2 a:hover{text-decoration:underline;} #block-content a{color:#666666;text-decoration:none;} #block-content a:hover{color:#333366;text-decoration:underline;} #block-content ul {font-size:11px; line-height:18px;margin:10px 30px 10px 40px;} #block-content ul li {} #block-content ol {font-size:11px; line-height:18px;margin:10px 30px 10px 40px;} #block-content ol li {} #block-content .thumbnail {margin:0 5px 5px 30px; border:0;} #block-content .support_group { clear:both;} #block-content .bmi { margin-left:30px;}#guide-image h1{color:#853131; margin:0;position:absolute;top:30px;left:550px} #block-content .mainleft {width:310px; float:left; overflow:auto;} #block-content .mainright {width:310px; float:right; overflow:auto;} /* Footer-Styles */ #footer {font-size:10px;} #footer h3{font-size:14px;line-height:20px;margin:0 10px;color:#ffffff;} #footer h4{font-size:11px;line-height:15px;margin:5px 10px;color:#ffffff;} #footer p { color:#FFFFFF; font-size:10px; margin:5px 10px;} #footer a { color:#CCCCCC; font-size:10px;} #footerblock { margin:0px; width:960px} #footerblock ul{list-style:none;padding:0; margin:5px 10px;} #footerblockleft {float:left;width:320px;margin-left:20px;} #footerblockmid {float:left;width:320px;} #footerblockright {float:left; width:300px;} #copyright {text-align:center;color:#999999;font-size:10px;margin-top: 10px;} #copyright a{text-align:center;text-transform:none;} /*social media buttons */ #social-media-buttons {background: url('images/social-media-buttons.jpg') no-repeat;width:240px;height:70px;padding:0; margin:0;} #social-media-buttons span {display:none;} #social-media-buttons ul{list-style:none;padding:0;margin:0;} #social-media-buttons ul li{padding:0;margin:0;} #social-media-buttons li {display: inline;float:left;height:70px;list-style:none;position:relative;margin:0;padding:0;} #social-media-buttons a {display: block; height:70px;padding:0;margin:0;} #social-media-buttons a:hover{text-decoration:none; margin:0;padding:0;} #facebook-btn{width:80px;} #facebook-btn a:hover {background: url('images/social-media-buttons.jpg') 0px -70px no-repeat;} #twitter-btn{width:80px;} #twitter-btn a:hover {background: url('images/social-media-buttons.jpg') -80px -70px no-repeat} #rss-btn{width:80px;} #rss-btn a:hover {background: url('images/social-media-buttons.jpg') -160px -70px no-repeat} /*Facebook FB:fan box */ #fb-fanbox{padding:0;margin:10px 0 10px 5px; height:90px;} /*Twitter: follow me button */ #twit-btn{ margin:10px 0 10px 5px; height:36px;} #twit-btn img{ border-style: none;} /* Comment-Styles*/ #block-comment{margin: 0 0 0 30px;} #block-comment h3{margin-left: 0;} #block-comment b {font-size:12px;} #commentform { margin:0; padding:10px; background:#fff;} #content .commentlist {margin: 0; padding: 0; border-top:#eed 1px solid;} .commentlist li {clear:both; list-style:none; margin: 0; padding: 1em; border-bottom:#eed 1px solid;} .commentlist .commentmetadata{margin:0 0 1em 0;} .commentlist li .cmtinfo {padding:0;margin-bottom: 1em;} .commentlist li .cmtinfo em { margin:0; padding:0 1em; font-weight:normal; font-style:normal;color:#999; font-size:95%;} .commentlist li cite {font-style:normal;font-weight:bold; font-size:1.1em;} .commentlist li.alt{background:#edebd5;} .commentlist .avatar{float:right; margin:0 0 0.5em 0.5em; } .comment-meta a{font-style:normal; font-weight:bold; font-size:10px; color:#999999;} .feed{background:url(images/feed.gif) no-repeat left; padding-left:18px; } .trackback{ background:url(images/trackback.gif) no-repeat left; padding-left:12px; } /* Fix up IE6 PNG Support */ img, #logo { behavior: url(scripts/iepngfix.htc); } /*twitter box start */ #txsidebar{ } #txsidebar.txboxcontent { margin:0 25px 10px 5px; display:block; padding:2px; } /*Twitter box Rounded Corner start */ #txsidebar{ background: transparent; } #txsidebar.txboxcontent { background:#DFF9FF; border:0 solid #bdbcb6; border-width: 1px; } #txsidebar .popular ul li ul li { border-bottom: 1px dotted #837a6f; background: url("images/bullet-arrow3.gif") 0 9px no-repeat; } #txsidebar .popular ul li ul li a:hover { color:#333; } #txsidebar .popular ul li ul li a { color:#b30000; } /*search box Rounded Corner start */ #pxsearch{margin:0 15px 10px 5px; } /*subscribe box Rounded Corner start */ #pxsubscribe{ margin:0 15px 10px 5px; } /*popular box Rounded Corner start */ .pxboxcontent { margin:0 15px 10px 5px;display:block; padding:2px; } /************************************* Popular Posts Section **************************************/ #pxsidebar { background: transparent; margin:0 25px 10px 5px; } .pxboxcontent { background:#DFF9FF; border:0 solid #A8B9C4; border-width:1px; } /*popular box Rounded Corner End */ .popular ul { margin:0px; padding:0px 10px 15px 10px; } .popular ul li { margin:0px; padding:0px; } .popular ul li ul { padding:0px; } .popular ul li ul li { margin:0px; padding:5px 10px; } .popular ul li ul li a, #popular ul li ul li a:visited { padding:0; margin:0px; text-decoration:none; } .popular ul li ul li a:hover { text-decoration:underline; } /************************************* Sidebar 2 column **************************************/ #l_sidebar ul, #l_sidebar ul li, #r_sidebar ul, #r_sidebar ul li { margin:0px 0 15px 0; padding:0px; font-size:10px;} #l_sidebar ul li ul li, #r_sidebar ul li ul li { margin:0px; padding:5px 3px 7px 8px; } #l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited, #r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited { margin:0px; text-decoration:none; } #l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { text-decoration:underline; } #l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { margin:0px; padding:0px; } #l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited, #r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited { padding:5px 3px 7px 8px; margin:0px; text-decoration:none; } #l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border:none; padding:0px; margin:0px; } #l_sidebar ul li ul li ul li a:hover, #r_sidebar ul li ul li ul li a:hover { text-decoration:underline; } #l_sidebar, #r_sidebar { float:left; display:block; width:130px; margin:0px; padding:0px 0px 0px 10px; } #l_sidebar h2, #r_sidebar h2 { font-size:16px; } #l_sidebar ul li ul li, #r_sidebar ul li ul li { border-bottom: 1px dotted #b8b7af; background: url("images/bullet-arrow3.gif") 0 10px no-repeat; } #l_sidebar ul li ul li a, #r_sidebar ul li ul li a { color: #333; } #l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { color:#b30000; } #l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { border-bottom: 1px solid #b8b7af; /*IE Bug Fix */ background:none; } #l_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a { color: #333; } #l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border: none; } /* Miscellaneous */ #flashframe{margin: 10px 0 10px 30px;} #calendar-frame{margin: 10px 10px 10px 30px;} #contact-frame{margin: 10px 0 10px 30px;} .separator{margin:10px 15px; border-top:#ffffff 1px solid;} a:active, a:visited, a:link, a:hover{ outline: none; outline-style:none; outline-width:0; } a:focus{-moz-outline-style: none;} #bmi-form{ margin:0 0 25px 30px; width:250px; background-color:#EFEFEF; border:#3399CC 1px solid; padding:20px; } #bmi-form table{ width:230px; } #bmi-form th{ font-size:12px; font-weight:bold; text-align:left; padding:3px 10px; width:75px; } #bmi-form td{ font-size:12px; text-align:left; padding:3px; width:155px; } #bmicoutput{font-size:12px;} /* Calendar */ #calframe{margin:5px 20px;} .calnk a:hover {background-position:0 0;text-decoration:none;color:#000000;border-bottom:1px dotted #000000;} .calnk a:visited {text-decoration:none;color:#000000; border-bottom:1px dotted #000000;} .calnk a {text-decoration:none;color:#000000;border-bottom:1px dotted #000000;} .calnk a span {display:none;} .calnk a:hover span {color:#333333;background:#F6F79B;display:block;position:absolute;margin-top:1px;padding:5px; width:150px; z-index:100;} .calendar-table {border:none; width:100%;} .calendar-heading {height:25px;text-align:center;border:1px solid #D6DED5;background-color:#D5DDE1;} .calendar-next { width:25%;text-align:center;font-size:10px;font-weight:bold;} .calendar-prev {width:25%;text-align:center;font-size:10px;font-weight:bold;} .calendar-month {width:50%;text-align:center;font-weight:bold;} .normal-day-heading {text-align:center;width:25px;height:25px;font-size:10px;border:1px solid #DFE6DE;background-color:#EEEEEE;} .weekend-heading {text-align:center;width:25px;height:25px;font-size:10px;border:1px solid #DFE6DE;background-color:#EEEEEE;color:#FF0000;} .day-with-date {vertical-align:text-top;text-align:left;width:60px;height:60px;border:1px solid #DDDDDD;font-size:10px;} .no-events {} .day-without-date {width:60px;height:60px;border:1px solid #DDDDDD;font-size:10px;} span.weekend {color:#FF0000;} .current-day {vertical-align:text-top;text-align:left;width:60px;height:60px;border:1px solid #BFBFBF;background-color:#D5DDE1;font-size:10px;} span.event {font-size:11px;} .kjo-link {font-size:11px;text-align:center;} .event-title {text-align:center;font-weight:bold;font-size:1.2em;} .event-title-break { width:96%;margin-left:2%;margin-right:2%;margin-top:5px;margin-bottom:5px;text-align:center;height:1px; background-color:#000000;} .event-content-break {width:96%;margin-left:2%;margin-right:2%;margin-top:5px;margin-bottom:5px;text-align:centerheight:1px;background-color:#000000;}; .calendar-date-switcher { height:25px;text-align:center;border:1px solid #D6DED5;background-color:#E4EBE3;} .calendar-date-switcher form {margin:0; padding:0; } .calendar-date-switcher {input border:1px #D6DED5 solid; } .calendar-date-switcher select {border:1px #D6DED5 solid;} .cat-key {width:100%;margin-top:10px;padding:5px;border:1px solid #D6DED5;font-size:12px;} /* forms */ .gform_wrapper{ overflow:hidden; margin-bottom:10px; max-width:600px} .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none} .gform_wrapper:focus{ outline:none} .gform_wrapper form{ text-align:left} .gform_wrapper input{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; padding:2px 0 2px 0; letter-spacing:normal} .gform_wrapper textarea{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal; padding:2px 0 2px 0; resize:none; /* doesn't validate but added for Safari field resizing */} .gform_wrapper ul{ margin:0; list-style-type:none} html >body .entry ul, .gform_wrapper ul{text-indent:0px} .gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; overflow:hidden} .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers */} .gform_wrapper ul.gform_fields{ padding:0px; margin:0px} .gform_wrapper select{ font-size:11px; font-family:verdana,sans-serif; padding:3px 0 3px 0; letter-spacing:normal} .gform_wrapper .inline{ display:inline!important} .gform_wrapper .gform_heading{ width:98%; padding-bottom:12px; margin-bottom:18px} .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:70px; float:left} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px} .gform_wrapper .gfield_time_ampm select{ width:60px!important} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:70%!important} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:50px; float:left} .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:85%!important} .gform_wrapper .field_hover{ border:1px dashed #2175A9!important; cursor:pointer} .gform_wrapper .field_selected{ background-color:#DFEFFF; border:1px solid #C2D7EF!important} .gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%; float:left} .gform_wrapper .ginput_complex{overflow:hidden} .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important} .gform_wrapper .field_name_last input{ width:93%!important} .gform_wrapper .datepicker{ width:100px!important} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%; float:left;} .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width:50%} .gform_wrapper .gfield_error .ginput_complex .ginput_left input { width:90%!important} .gform_wrapper .gfield_error .ginput_complex .ginput_right input { width:100%!important} .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display:block; margin:3px 0 8px 0; font-size:10px; letter-spacing: 1px} .gform_wrapper .ginput_complex .name_prefix{ float:left; width:30px!important; margin-right:14px} .gform_wrapper .ginput_complex .name_suffix{ float:left; width:30px!important} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left; width:100px; margin-right:8px} .gform_wrapper .top_label .gfield_label{ margin:10px 0 4px 0; font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both} .gform_wrapper .left_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold} .gform_wrapper .right_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right} .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%} .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:50%} .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:92%} .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%} .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%} .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:59%} .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%; float:left} .gform_wrapper h2.gsection_title{ margin:0!important; padding:0!important; letter-spacing:normal!important} .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title{ font-weight:bold; font-size:16px; font-family:Helvetica,sans-serif} .gform_wrapper h3.gform_title{ letter-spacing:normal!important; margin:10px 0 6px 0} .gform_wrapper span.gform_description{font-weight:normal} .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title{ width:98%} .gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important; padding:0 0 8px 0; margin:8px 0 16px 0} .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:5px 0; margin:0} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:3px 0 0 0!important;} .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label{ margin-left:6px; display:inline} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0} .gform_wrapper .gfield_description {padding: 10px 0 8px 0; font-style: italic} .gfield_date_year+.gfield_description {padding:0 0 8px 0} .gform_wrapper .gsection_description {font-style: italic} .ginput_complex + .gfield_description {padding-top:0!important} .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%; padding-left:15px} .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0; padding-left:0; padding-top:4px; line-height:150%} .gform_wrapper .gfield_required{ color:#790000; margin-left:4px} .gform_wrapper textarea.small{ height:80px} .gform_wrapper textarea.medium{ height:150px} .gform_wrapper textarea.large{ height:250px} .gform_wrapper .gfield_error{ background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px 6px!important; border:1px dotted #C89797} .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%} .gform_wrapper .top_label .gfield_error{ width:92%} .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%} .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width:66%} .gform_wrapper .gfield_error .gfield_label{ color:#790000} .gform_wrapper .validation_error{ color:#790000; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica,sans-serif; margin-bottom:16px} .gform_wrapper .validation_message{ color:#790000!important; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .gform_footer{ padding:5px 0 10px 0; margin:5px 0 0 40px} .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding:16px 0 10px 31%} .gform_wrapper input.button{ font-size:75%; color:#FFFFFF; background-color: #666666;} .gform_wrapper input.button:hover{ color:#000} #gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center} /* added for v1.3 ------------------------------------------------------------------------- */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { min-height:43px; display:block; overflow:hidden} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin-bottom:4px; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */ /* a few IE7 specific hacks ------------------------------------------------------------------------- */ .gform_wrapper .gfield_time_hour{*width:80px} .gform_wrapper .gfield_time_minute{*width:70px} .gform_wrapper .gfield_time_ampm{*padding-top:2px} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:-10px} .gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label { *margin:3px 0 5px 0} .gform_footer input.button {*padding:3px} ul.top_label .clear-multi {overflow:hidden; clear:both} /* IE8 & IE7 hacks because IE still sux ------------------------------------------------------------------------- */ .gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select { padding: 2px 0 2px 0\9 } /* jQuery UI date picker ---------------------------------------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative} .ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none} .ui-datepicker-inline{ float:left; display:block} .ui-datepicker-control{ display:none} .ui-datepicker-current{ display:none} .ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee} .ui-datepicker-next{ left:14.6em} .ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada} .ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer} .ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat} .ui-datepicker-header select{ border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0 !important} .ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada} .ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em} .ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em} table.ui-datepicker{ width:15.5em; text-align:right} table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center} table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none} table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none} table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase} table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0} .ui-datepicker-cover{ display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} img.ui-datepicker-trigger {position:relative; top:3px; left:4px} /* tame those pesky hidden fields --------------------------------------------------------------------*/ .gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden {display:none} /* fix captcha alignment for IE8 --------------------------------------------------------------------*/ .gform_wrapper .left_label #recaptcha_area, #recaptcha_table, .gform_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:32%;} /*image alignment */ img.centered {display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft { padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left;}