::selection {
background:#0f5a82;
color:#fff;
text-shadow:none
}
a { color:#309BD0; text-decoration:none }
a:visited { color:#309BD0 }
a:hover { color:#83C3E3 }
a:focus { outline:thin dotted }
a:hover, a:active { outline:0 }
abbr[title] { border-bottom:1px dotted }
b, strong { font-weight:700 }
blockquote { margin:1em 40px }
dfn { font-style:italic }
hr { display:block; height:1px; border:0; border-top:1px solid #e6ebed; margin:1em 0; padding:0 }
ins { background:#ff9; color:#000; text-decoration:none }
mark { background:#ff0; color:#000; font-style:italic; font-weight:700 }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word }
q { quotes:none }
q:before, q:after { content:""; content:none }
small { font-size:85% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-.5em }
sub { bottom:-.25em }
ul, ol { margin:1em 0; padding:0 0 0 40px }
dd { margin:0 0 0 40px }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0 }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle }
svg:not(:root) {
overflow:hidden
}
figure { margin:0 }
form { margin:0 }
fieldset { border:0; margin:0; padding:0 }
/*label { cursor:pointer }*/
legend { border:0; *margin-left:-7px;
padding:0; white-space:normal }
.onepxhighlightshadow, .wysiwyg-campaign .take-part a, .tabs-search .dropdown, .tabs-search .calendar, .pinboard .board .join-here a, .public .public-button, .public .public-button-1, .public .public-button-2, .public .public-button-3, .public .donation .take-part a, .public.member .connect { -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.2); }
.strongeronepxhighlightshadow, .public .public-button-3 { -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 1px 0px rgba(255, 255, 255, 0.8); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 1px 0px rgba(255, 255, 255, 0.8); }
.onepxhighlight, .button.new, .button.invite, .button.settings, .button.next, .button.back, .button.import, .button.record, .button.blue, .button.email, .button.blueshadow, .button.orange, .button.facebook, .popup .container, .content-2, .wysiwyg-campaign .take-part, .form .container-1, ul.form-elements .multi-choice a.active, .pinboard .board .join-here, .album-description .public .toggle, .public .donation .take-part, .public .supporter { -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); }
.onepxshadow-white, .subnav a, .tabs-search input, .pinboard .board .join-here input { -webkit-box-shadow: 0px 1px 1px 0px white; box-shadow: 0px 1px 1px 0px white; }
.boxshadow, .box-button, .main .content > div, .main .sidebar > div, .link-dropdown-container ul, .box-1, .box-3, .box-4, .wysiwyg-options a, .wysiwyg-ep, .wysiwyg-theme-dropdown a.wysiwyg-theme-dropdown-link, .wysiwyg-theme-dropdown ul.wysiwyg-theme-dropdown-list, .wysiwyg-campaign .take-part-box, .wysiwyg-editor-modal .box, .settings, .form, .pinboard .board .pin, .photos .album, .album .image:hover, .photo-album li:hover, .photo-edit, .photo-dropdown, .public .main-content-box, .public .feedbar > div, .public .donation .take-part-box, .public .supporter-box, .public .content-box, .public.marketing header, .public.marketing .marketing-video { -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }
.textshadow-white, .subnav a, .adminnav a, .main h3, .main h3 a, .main.main > .col-full > .titles h3, .main.main > .col-full > .titles h3 a, .main .content .box .see-all, .main .content .box .adminlistitems a, .header-2, .header-3, .header-4, .wysiwyg-editor-modal .box .see-all, .wysiwyg-editor-modal .box .adminlistitems a, .tabs-search span, .tabs-search .dropdown, .tabs a, .public.marketing .marketing-sub-nav span { text-shadow: 0px 1px 0px white; }
.textshadow-black, .button.facebook, .button.bigger, .public .public-button-4 { text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }
.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-full { margin: 0 auto; position: relative; }
.visibility-hidden { visibility: hidden; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.dimmed { opacity: .2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
/* out-of-box */
.out-of-box { display: block; margin: 30px 0 10px; }
.out-of-box.first { margin-top: 0; }
.out-of-box h4 { text-shadow: 0px 1px 0px white; margin: 0; color: #003979; font-family: adelle; font-size: 100%; float: left; }
.out-of-box .link-dropdown-container { float: right; }
.out-of-box-2 { border-bottom: 1px dotted #b1bec4; margin: 0 0 20px; }
.out-of-box-2 h4 { color: #003979; font-size: 140%; float: left; font-family: adelle; margin: 0 0 15px; }
.out-of-box-2 a { float: right; font-size: 70%; margin: 15px 0 0; }
/* system notification */
.system-notification { background-color: #d5e0e7; border-top: 1px solid #a4bccb; border-bottom: 1px solid white; margin-top: -7px; padding: 20px 0; }
.system-notification p { color: #e6621f; font-size: 84%; text-shadow: 0px 1px 0px white; float: left; }
.system-notification .close { background-image: url(../img/system_notification_close.png); width: 39px; height: 37px; float: right; cursor: pointer; }
/* margin / padding */

.more-top-margin { margin-top: 13px !important; }
.more-top-margin-2 { margin-top: 67px !important; }
.more-bottom-margin { margin-bottom: 26px !important; }
.more-right-margin { margin-right: 26px !important; }
.more-left-margin { margin-left: 26px !important; }
.no-bottom-padding { padding-bottom: 0 !important; }
.margin-1 { margin: 20px 0 20px !important; }
.top-box-margin { margin: 20px 0 -30px !important; }
.less-padding { padding: 4px !important; }
body { background: #e6ebed; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ebedef; background: -moz-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9fafb), color-stop(100%, #ebedef)); background: -webkit-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -o-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -ms-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: linear-gradient(top, #f9fafb 1%, #ebedef 100%); display: inline-block; padding: 6px 14px 8px 14px; margin: 8px 0; color: #1a1a1a !important; font-size: 80%; border: 1px solid #b1bec4; }
.button:hover { background: #dde0e4; background: -moz-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eaedf1), color-stop(100%, #dde0e4)); background: -webkit-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: -o-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: -ms-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: linear-gradient(top, #eaedf1 1%, #dde0e4 100%); color: #1a1a1a !important; }
.button.new, .button.invite, .button.settings, .button.next, .button.back, .button.import, .button.record, .button.blue, .button.email, .button.blueshadow { text-shadow: 0px 1pxpx 0px #2a89bc; background: #5abfee; border: 1px solid #2997cf; color: white !important; }
.button.new:hover, .button.invite:hover, .button.settings:hover, .button.next:hover, .button.back:hover, .button.import:hover, .button.record:hover, .button.blue:hover, .button.email:hover, .button.blueshadow:hover { background-color: #71c8f0; }
.button.new.darker, .button.invite.darker, .button.settings.darker, .button.next.darker, .button.back.darker, .button.import.darker, .button.record.darker, .button.blue.darker, .button.email.darker, .button.blueshadow.darker { text-shadow: 0px 1pxpx 0px #1c5b7d; background: #17a3e4; border: 1px solid #1c688f; }
.button.new.darker:hover, .button.invite.darker:hover, .button.settings.darker:hover, .button.next.darker:hover, .button.back.darker:hover, .button.import.darker:hover, .button.record.darker:hover, .button.blue.darker:hover, .button.email.darker:hover, .button.blueshadow.darker:hover { background: #43b6ec; }
.button.orange { text-shadow: 0px 1px 4px #9a4d24; background: #e4581c; background: -moz-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e96f23), color-stop(100%, #e4581c)); background: -webkit-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -o-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -ms-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: linear-gradient(top, #e96f23 1%, #e4581c 100%); border: 1px solid #b13902; color: white !important; }
.button.orange:hover { background: #eb7e3a; }
.button.new, .button.invite, .button.settings, .button.next, .button.back, .button.import, .button.record { background: url(../img/button_symbols.png) no-repeat 5px 0px #5abfee; padding-left: 35px; }
.button.greyshadow { -webkit-box-shadow: inset 0px -3px 3px 0px #bdc8cd, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px -3px 3px 0px #bdc8cd, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); }
.button.facebook { background: #2b5386; background: -moz-linear-gradient(top, #356aa0 1%, #2b5386 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #356aa0), color-stop(100%, #2b5386)); background: -webkit-linear-gradient(top, #356aa0 1%, #2b5386 100%); background: -o-linear-gradient(top, #356aa0 1%, #2b5386 100%); background: -ms-linear-gradient(top, #356aa0 1%, #2b5386 100%); background: linear-gradient(top, #356aa0 1%, #2b5386 100%); color: white !important; border: 1px solid #023a79; padding: 0; line-height: normal; }
.button.facebook span { display: block; cursor: pointer; padding: 8px 14px 8px 41px; background: url(../img/facebook_symbol.png) no-repeat 7px center; }
.button.facebook:hover { background: #315f99; background: -moz-linear-gradient(top, #3b77b3 1%, #315f99 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3b77b3), color-stop(100%, #315f99)); background: -webkit-linear-gradient(top, #3b77b3 1%, #315f99 100%); background: -o-linear-gradient(top, #3b77b3 1%, #315f99 100%); background: -ms-linear-gradient(top, #3b77b3 1%, #315f99 100%); background: linear-gradient(top, #3b77b3 1%, #315f99 100%); }
.button.email { background: #5abfee url(../img/email_symbol.png) no-repeat 7px center; padding: 8px 14px 8px 41px; }
.button.link { background-color: #f1f3f5; background-image: url(../img/button_icon_blue_link.png); background-repeat: no-repeat; background-position: 5px 4px; padding: 6px 14px 8px 35px; }
.button.next { background-position: 5px -30px; }
.button.back { background-position: 5px -60px; }
.button.import { background-position: 5px -90px; }
.button.record { background-position: 5px -120px; }
.button.invite { background-position: 5px -150px; }
.button.settings { background-position: 5px -180px; }
.button.icon-right { padding-left: 5px; padding-right: 35px; background-position: right -30px; }
.button.bigger { font-size: 100%; text-align: center; min-width: 80px; padding: 10px 40px; }
.button.big { font-size: 120% !important; text-align: center; min-width: 80px; padding: 5px 15px !important; }
.button.grey-blue { color: #003a79 !important; }
.button.grey-blue img { float: left; }
.button.grey-blue div { margin: 1px 0 0 27px; }
.button.dropdown { padding-right: 35px; background-image: url(../img/button_dropdown_arrow.png); background-position: right center; background-repeat: no-repeat; }
.button-donate { display: inline-block; width: 100px; background: #e76931; background: -moz-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eb7e3b), color-stop(100%, #e76931)); background: -webkit-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -o-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -ms-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: linear-gradient(top, #eb7e3b 1%, #e76931 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 120%; text-transform: uppercase; text-align: center; color: #fff !important; padding: 2px 25px 5px; border: 1px solid #b13902; -webkit-box-shadow: inset 0px 1px 1px 0px #f2a677; box-shadow: inset 0px 1px 1px 0px #f2a677; font-family: adelle; text-shadow: -1px 1px 2px #773418; }
.button-donate:hover { background: #e4591b; background: -moz-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e96f24), color-stop(100%, #e4591b)); background: -webkit-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: -o-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: -ms-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: linear-gradient(top, #e96f24 1%, #e4591b 100%); }
.button-remove { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f6f7f8; border: 1px solid #b1bec4; padding: 15px 30px; display: block; margin: 0 !important; width: 25px; height: 25px; padding: 0; background-position: center center; background-repeat: no-repeat; background-image: url(../img/button_icon_delete.png); }
.box-button { display: inline-block; font-size: 111%; line-height: 100%; width: 287px; height: 28px; margin: 30px 0 30px 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: white; border: 4px solid white; padding: 35px 35px 35px 90px; font-family: adelle; color: #003a79; text-transform: uppercase; background-repeat: no-repeat; background-position: 17px center; }
.box-button:hover { background-color: #f6f7f8; color: #003a79; }
.box-button.current { background-color: #ebf7fd; color: #003979; }
.box-button.higher { height: 140px; width: 733px; background-position: 17px 20px; padding-top: 20px; margin-top: -15px; }
.box-button.higher span { display: block; margin: 10px 0; }
.box-button.higher:first-child { margin-top: 30px; }
.box-button.higher:hover { background-color: white; }
.box-button.higher a.button { float: right; margin-left: 10px; }
.box-button span { color: #7a7a7b; font-size: 76%; text-transform: none; margin: 0; }
.box-button.add { background-image: url(../img/box_button_add.png); }
.box-button.add.current { background-image: url(../img/box_button_add_current.png); }
.box-button.import { background-image: url(../img/box_button_import.png); margin-left: 15px; }
.box-button.import.current { background-image: url(../img/box_button_import_current.png); }
.box-button.quick-event { background-image: url(../img/box_button_quick_event.png); }
.box-button.new-event { background-image: url(../img/box_button_new_event.png); }
.box-button.select { background-image: url(../img/radiobutton.png); background-position: 10px 15px; width: 345px; height: 85px; padding: 15px 15px 15px 40px; }
.box-button.select span { margin: 12px 0 0; display: inline-block; }
.box-button.select.current { background-image: url(../img/radiobutton_checked.png); background-position: 8px 12px; }
.subnav { padding: 0; margin: 0 0 0 20px; float: left; }
.subnav li { display: inline-block; padding: 0; }
.subnav a { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ebedef; background: -moz-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9fafb), color-stop(100%, #ebedef)); background: -webkit-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -o-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -ms-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: linear-gradient(top, #f9fafb 1%, #ebedef 100%); display: block; color: #7a7a7b; font-size: 70%; padding: 5px 15px; border: 1px solid #a2adb3; }
.subnav a.active, .subnav a:hover { color: #7a7a7b; background: #c7d0d5; background: -moz-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e5eaec), color-stop(100%, #c7d0d5)); background: -webkit-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: -o-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: -ms-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); }
.adminnav { padding: 0 0 1px 0; margin: 0; text-align: right; width: 100%; background: url(../img/double_line.jpg) repeat-x 0 bottom; }
.adminnav li { display: inline-block; padding-top: 5px; }
.adminnav a { padding: 0 15px; display: block; font-size: 70%; background: url(../img/vert_double_line.jpg) no-repeat right 0; }
.adminnav a.last { background: none; padding-right: 0; }
.adminnav a.active span, .adminnav a:hover span { background: url(../img/nav_active.jpg) repeat-x 0 bottom; color: #003979; }
.adminnav span { display: inline-block; padding: 0 0 15px; }
.main { padding: 54px 0 20px; }
.main .titles { margin: 0 0 5px 0; padding: 10px 0; }
.main .titles.no-menu { background: url(../img/double_line.jpg) repeat-x 0 bottom; }
.main h3, .main h3 a { float: left; margin: 0; color: #003979; }
.main.main > .col-full > .titles h3, .main.main > .col-full > .titles h3 a { font-family: adelle-light; color: #2997cf !important; font-size: 125%; margin-top: -3px; }
.main .titles h3 a:hover { text-decoration: underline; }
.main .content { float: left; }
.main .content > div { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 15px; }
.main .content .important { background: url(../img/important_sign.png) no-repeat 5px 5px white; padding: 5px 0 5px 66px; height: 38px; }
.main .content .important .note { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; font-size: 90%; color: #e6621f; margin: 0 5px 0 0; padding: 10px 25px 0 25px; background: #fcece4; height: 28px; }
.main .content .important.no-icon { background-image: none; padding: 0 0 2px 0; font-size: 80%; }
.main .content .important.no-icon .note { padding-top: 11px; padding-left: 12px; height: 27px; margin-right: 1px; }
.main .content .important.no-icon .close { margin-right: 6px; }
.main .content .info { background: url(../img/info_sign.png) no-repeat 5px 5px white; padding: 5px 0 5px 66px; height: 38px; }
.main .content .info .note { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; font-size: 90%; color: #2997cf; margin: 0 5px 0 0; padding: 10px 25px 0 25px; background: #ebf7fd; height: 28px; }
.main .content .info .duration { float: right; color: #2997cf; margin: 10px 10px 0 0; font-size: 80%; }
.main .content .close { float: right; display: block; text-indent: -9999px; width: 18px; height: 18px; background: url(../img/close_orange.png) no-repeat 0 0; margin: 10px 10px 0 0; }
.main .content .advert p { float: left; margin: 25px 0 0 20px; }
.main .content .advert a { float: right; margin: 6px 10px; }
.main .content .boxes-container > div { border-top: 1px dotted #e4e8ea; background-position: 0 20px !important; padding-left: 80px; padding-bottom: 0; margin: 20px; background-color: transparent !important; }
.main .content .boxes-container > div:first-child { border-top: none; }
.main .content .boxes-container .description { margin: 0; }
.main .content .box { padding-left: 98px; position: relative; padding-bottom: 10px; }
.main .content .box.more-right-padding { padding-right: 30px; }
.main .content .box.blue { background-color: #ebf7fd !important; }
.main .content .box.blue .close { background-image: url(../img/close_blue.png); position: absolute; top: 0; right: 0; }
.main .content .box.container-box { padding: 5px; }
.main .content .box.container-box .box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-position: 15px 15px; padding-left: 93px; }
.main .content .box.survey { background: url(../img/box_questionnaire.png) no-repeat 20px 15px white; }
.main .content .box.fund { background: url(../img/box_fund.png) no-repeat 20px 15px white; }
.main .content .box.discussion { background: url(../img/box_survey.png) no-repeat 20px 15px white; }
.main .content .box.photos { background: url(../img/box_album.png) no-repeat 20px 15px white; }
.main .content .box.email { background: url(../img/box_email.png) no-repeat 20px 15px white; }
.main .content .box.announcement { background: url(../img/box_announcements.png) no-repeat 20px 15px white; }
.main .content .box.paymentforms { background: url(../img/box_paymentforms.png) no-repeat 20px 15px white; }
.main .content .box.quickpay { background: url(../img/box_quickpay.png) no-repeat 20px 15px white; }
.main .content .box.collected { background: url(../img/box_collected.png) no-repeat 20px 15px white; }
.main .content .box.accounts { background: url(../img/box_accounts.png) no-repeat 20px 15px white; }
.main .content .box.members { background: url(../img/box_members.png) no-repeat 20px 15px white; }
.main .content .box.leaders { background: url(../img/box_leaders.png) no-repeat 20px 15px white; }
.main .content .box.distribution { background: url(../img/box_distribution.png) no-repeat 20px 15px white; }
.main .content .box.payment-methods { background: url(../img/box_payment_methods.png) no-repeat 20px 15px white; }
.main .content .box.ring { background: url(../img/box_ring.png) no-repeat 20px 15px white; }
.main .content .box.group { background: url(../img/box_group.png) no-repeat 20px 15px white; }
.main .content .box.eye { background: url(../img/box_eye.png) no-repeat 20px 15px white; }
.main .content .box.subscriptions { background: url(../img/box_subscriptions.png) no-repeat 20px 15px white; }
.main .content .box.settings { background: url(../img/box_settings.png) no-repeat 20px 15px white; }
.main .content .box.event { background: url(../img/box_event.png) no-repeat 20px 15px white; }
.main .content .box h4 { color: #003a79; padding: 20px 0 0; margin: 0px 10px 0 0; font-weight: 400; text-transform: uppercase; }
.main .content .box h4 span { color: #94cbe7; }
.main .content .box .month-day { position: absolute; left: 35px; top: 25px; text-align: center; font-size: 65%; color: #003a79; }
.main .content .box .month-day span { font-size: 210%; font-weight: normal; line-height: 24px; }
.main .content .box .money-tag { position: absolute; right: -7px; top: 15px; background: #e8e5c5; border: 1px solid #a5bd9f; color: #4a7a3e; padding: 5px 0; width: 66px; text-align: center; }
.main .content .box .money-tag .now { margin: 0; font-size: 120%; }
.main .content .box .money-tag .total { font-size: 65%; margin: 0; }
.main .content .box .money-tag .tag { background: url(../img/money_tag.png) no-repeat 0 0; position: absolute; height: 6px; width: 6px; bottom: -6px; right: 0px; margin: 0; }
.main .content .box .invitation-tag { position: absolute; right: -7px; top: 15px; background: #f5c0a5; border: 1px solid #b13a00; color: #b13a00; padding: 5px 0; width: 80px; text-align: center; }
.main .content .box .invitation-tag .text { margin: 0; font-size: 80%; text-shadow: 0px 1px 0px white; }
.main .content .box .invitation-tag .tag { background: url(../img/invitation_tag.png) no-repeat 0 0; position: absolute; height: 6px; width: 6px; bottom: -6px; right: 0px; margin: 0; }
.main .content .box .description { font-size: 80%; margin-right: 60px; }
.main .content .box .photostrip { height: 174px; position: absolute; left: -4px; top: 80px; width: 712px; }
.main .content .box .photostrip ul { margin: 0; padding: 0; }
.main .content .box .photostrip li { margin: 0 4px 0 0; padding: 0; list-style: none; display: inline; }
.main .content .box .photostrip li.last { margin-right: 0; }
.main .content .box .photostrip img { display: inline-block; height: 174px; width: 174px; background: #000; }
.main .content .box .photostrip + .listitems, .main .content .box .photostrip + .links { margin-top: 200px; }
.main .content .box .see-all { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; background: #ebf7fd; font-size: 90%; margin: 10px 0; display: inline-block; }
.main .content .box .listitems li { background: url(../img/dot_seperate.png) repeat-x 0 0; padding: 5px 10px 5px 0; margin: 0; font-size: 80%; }
.main .content .box .listitems p { margin: 0; font-weight: bold; }
.main .content .box .listitems .period { float: right; color: #7a7a7b; font-size: 80%; }
.main .content .box .listitems .expander { background: url("../img/expand_arrow.png") no-repeat 0 0; padding: 0 0 0 10px; }
.main .content .box .listitems .expander.expanded { background-position: 0 -16px; }
.main .content .box .adminlistitems { margin-top: 10px; }
.main .content .box .adminlistitems li { margin: 2px 0; }
.main .content .box .adminlistitems a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; font-size: 80%; background: #ebf7fd; color: #003979; }
.main .content .box .adminlistitems a:hover { background: #d4eefb; }
.main .content .box .adminlistitems a.attention { background: #fcece4; color: #e6621f; }
.main .content .box .adminlistitems a.attention:hover { background: #f9dccd; }
.main .content .box .adminlistitems a.attention-2 { background: #d6effb; color: #003979; font-weight: bold; }
.main .content .box .adminlistitems a.attention-2:hover { background: #bfe6f9; }
.main .content .box .adminlistitems a.attention-2 .details { font-weight: bold; }
.main .content .box .adminlistitems a.created-me, .main .content .box .adminlistitems a.created-group { background-image: url(../img/created_me.png); background-repeat: no-repeat; background-position: 11px 7px; padding-left: 30px; }
.main .content .box .adminlistitems a.created-group { background-image: url(../img/created_group.png); background-position: 7px 7px; }
.main .content .box .adminlistitems p { margin: 0; display: inline-block; padding: 8px 10px; }
.main .content .box .adminlistitems img { width: 58px; height: 58px; display: inline-block; background: #000; }
.main .content .box .adminlistitems .details { float: right; display: block; font-size: 80%; padding: 10px 10px 0; text-transform: uppercase; }
.main .content .box .adminlistitems img + .details { padding-top: 20px; }
.main .content .box .help { float: right; display: block; width: 18px; height: 18px; margin: 20px 60px 0 0; text-indent: -9999px; background: url(../img/help.png) no-repeat 0 0; }
.main .content .box li.section-expand { background: none; }
.main .content .box .links { margin-top: 10px; margin-right: 0px; border-top: 1px solid #e4e8ea; }
.main .content .box .links.mid { border-bottom: 1px solid #e4e8ea; padding-bottom: 10px; }
.main .content .box .links li { display: inline-block; }
.main .content .box .links span { display: inline; font-size: 70%; font-weight: bold; }
.main .content .box .links span a { display: inline; font-weight: normal; font-size: 100%; }
.main .content .box .links a { display: block; color: #003a79; font-size: 70%; padding: 0 10px 0 5px; border-right: 1px solid #e4e8ea; }
.main .content .box .links a.first { padding-left: 0; }
.main .content .box .links a.last { border-right: none; }
.main .content .box .links a:hover { color: #006bdf; }
.main .content .box .comments li { margin: 10px 0 0 0; padding: 10px 0 10px 0; background: url(../img/dot_seperate.png) repeat-x 0 0; }
.main .content .box .comments li.first { background: none; margin: 5px 0 0 0; padding: 0; }
.main .content .box .comments img { width: 40px; height: 40px; background: #000; float: left; }
.main .content .box .comments h6 { margin: 0 0 0 50px; color: #94cbe7; font-size: 90%; }
.main .content .box .comments p { margin: 0 0 0 50px; font-size: 80%; }
.main .content .box ul { margin: 0 60px 0 0; padding: 0; }
.main .content .box li { margin: 2px 0; padding: 0; list-style: none; }
.main .sidebar { float: right; }
.main .sidebar .container { padding: 0 10px; border-bottom: 1px solid #DDDFDF; }
.main .sidebar h4 { color: #1a1a1a; margin: 0; padding: 20px 0 10px 0; text-align: center; font-size: 80%; text-transform: uppercase; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.main .sidebar > div { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 10px; overflow: hidden; }
.main .sidebar .bottom-button { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; display: block; background: #f6f7f8; padding: 10px 0; color: #5cafd9; font-size: 75%; border-top: 1px solid white; text-align: center; }
.main .sidebar .bottom-button:hover { background: #e8eaed; }
.main .sidebar .advert h4 { margin: 0; padding: 10px 0; text-align: center; font-size: 60%; text-transform: uppercase; }
.main .sidebar .advert img { background: #000; width: 100%; height: 130px; }
.main .sidebar .advert-only { padding: 10px; }
.main .sidebar .advert-only img { float: none; margin: 0; background: #000; height: 250px; width: 100%; }
.main .sidebar ul { margin: 0; padding: 0; }
.main .sidebar li { margin: 0; padding: 0; list-style: none; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.main .sidebar li a { display: block; padding: 10px 0; }
.main .sidebar li.last { background: transparent; }
.main .sidebar h6 { margin: 0; font-size: 80%; }
.main .sidebar span { font-size: 80%; color: #afafaf; display: block; }
.main .sidebar img { float: left; margin-right: 10px; }
.main .sidebar .icon { float: left; margin-right: 10px; width: 38px; height: 32px; background: url(../img/box_ring_small.png); font-size: 55%; text-align: center; line-height: 120%; padding-top: 6px; color: #2997cf; }
.main .sidebar .icon span { font-family: adelle; font-size: 190%; color: #2997cf; }
.main .sidebar .add { padding: 10px 0 20px; }
.main .sidebar .add h4 { margin: 0; padding: 10px 0 5px; text-align: center; font-size: 100%; text-transform: none; background: transparent; }
.main .sidebar .add a { display: block; margin: 10px 20px; font-size: 80%; padding-right: 0; }
.main .sidebar .promotion { padding: 6px; text-shadow: 0px 1px 0px #b84e19; }
.main .sidebar .promotion div { border: 1px solid #b13902; background: #e6621f; }
.main .sidebar .promotion p { color: white; text-align: center; font-size: 90%; padding: 0 20px; }
.main .sidebar .promotion a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e4581c; background: -moz-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e96f23), color-stop(100%, #e4581c)); background: -webkit-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -o-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -ms-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: linear-gradient(top, #e96f23 1%, #e4581c 100%); -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 0.5); border: 1px solid #b13902; display: block; margin: 0 auto 10px; width: 118px; text-align: center; color: white; padding: 5px 0; }
.main .sidebar .promotion a:hover { background: #e4581c; }
.main .sidebar .feed { padding: 10px; }
.main .sidebar .feed a { display: block; color: #1a1a1a; font-size: 90%; background: url(../img/feed.png) no-repeat 0 0; padding: 2px 0 2px 29px; }
.main .sidebar .feed.twitter a { background-position: 0 -24px; }
.popup-container { background-image: url(../img/dim.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:3; }
.popup { position: fixed; width: 500px; top: 20%; left: 50%; margin-left: -250px; background: white; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index:3; }
.popup .close { position: absolute; top: 10px; right: 0; width: 52px; height: 38px; border-left: 1px solid #E6E6E6; background: url(../img/close.gif) no-repeat center center; }
.popup .header { position: relative; height: 55px; color: #1a1a1a; line-height: 55px; font-size: 75%; }
.popup .header .right { position: absolute; top: 0; right: 30px; }
.popup .header .left { position: absolute; top: 0; left: 30px; }
.popup h1 { margin: 0; padding: 15px 0 0 0; font-family: "adelle", serif; font-style: normal; font-weight: 300; font-size: 175%; text-align: center; /*line-height:55px;*/ }
.popup h2 { color: #003979; font-size: 225%; margin: 0 0 25px 0; }
.popup .container { padding: 25px 45px 20px 45px; background: #f6f7f8; margin: 0 2px; border-top: 1px solid #E4E8EA; border-bottom: 1px solid #E4E8EA; }
.popup .container.maxwidth { max-height: 480px; overflow-y: scroll; }
.popup .container.no-padding { padding: 0; }
.popup .container .info-table-wrapper { max-height: 453px; overflow-y: auto; }
.popup .container .settings { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0 !important; background: transparent !important; }
.popup .footer-info { margin: 22px 0 0 16px; color: #003979; font-size: 84%; float: left; position: absolute; }
.popup p { font-size: 75%; margin: 0 0 30px 0; }
.popup p.centered { text-align: center; color: #1a1a1a; }
.popup p a { font-size: inherit; }
.popup p.between-buttons { margin-top: 7px; }
.popup p.bigger { font-size: 95%; }
.popup p.even-bigger { font-family: adelle; font-size: 130%; }
.popup label { display: block; margin-bottom: 30px; position: relative; font-weight: bold; font-size: 80%; color: #1a1a1a; }
.popup label span { font-weight: normal; }
.popup label.additional { display: block; margin-bottom: 15px; }
.popup label.radio { font-weight: normal; font-size: 80%; display: block; margin-bottom: 10px; }
.popup label.single { margin: 0; }
.popup input[type=text], .popup input[type=number], .popup input[type=email], .popup input[type=password] { padding: 5px; font-size: 80%; border: 1px solid #b1bec4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.popup input[type=text]:focus, .popup input[type=number]:focus, .popup input[type=email]:focus, .popup input[type=password]:focus { border: 1px solid #2997CF; border: 1px solid rgba(41, 151, 207, 0.5); outline: none; -webkit-box-shadow: 0 0 0 3px #d4eaf5; box-shadow: 0 0 0 3px #d4eaf5; }
.popup input.full { margin-top: 5px; width: 394px; }
.popup textarea { padding: 5px; font-size: 80%; border: 1px solid #b1bec4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.popup textarea:focus { border: 1px solid #2997CF; border: 1px solid rgba(41, 151, 207, 0.5); outline: none; -webkit-box-shadow: 0 0 0 3px #d4eaf5; box-shadow: 0 0 0 3px #d4eaf5; }
.popup select { margin-top: 5px; }
.popup .url { margin-top: 10px; font-size: 80%; }
.popup .url .right { width: 45%; }
.popup fieldset { position: relative; margin-bottom: 30px; border:0px; }
.popup fieldset.centered { width: 240px; margin: 0 auto 30px auto; }
.popup fieldset.centered input, .popup fieldset.centered a { width: 100%; }
.popup fieldset.actions, .popup div.actions { padding: 15px 0; margin-bottom: 0; text-align: center; }
.popup fieldset.actions.multiple > :first-child, .popup div.actions.multiple > :first-child { margin-right: 72px; }
.popup fieldset.actions .left, .popup fieldset.actions .right, .popup div.actions .left, .popup div.actions .right { font-size: 80%; }
.popup fieldset.actions .right, .popup div.actions .right { position: absolute; top: 20px; right: 20px; }
.popup fieldset.actions .left, .popup div.actions .left { position: absolute; top: 20px; left: 20px; }
.popup fieldset.actions a.cancel, .popup div.actions a.cancel { font-size: 84%; margin-left: 15px; }
.popup .forgot { position: absolute; top: 3px; right: 0; font-size: 75%; }
.popup .button { margin: 0; }
.popup hr { margin: 0 0 25px 0; border: none; background: url(../img/dot_seperate.png) repeat-x 0 0; }
.popup .divider { margin: 18px 0; background: url(../img/dot_seperate.png) repeat-x center left; }
.popup .divider span { font-family: Georgia, serif; font-style: italic; background: #F2F5F6; padding: 0 15px; font-size: 95%; }
.popup legend { padding-bottom: 10px; color: #1a1a1a; font-size: 80%; font-weight: bold; }
.popup .throbber { display: block; margin: 15px auto 15px auto; width: 112px; height: 112px; background: url(../img/box_ring_big.png); }
.popup .throbber img { margin: 29px 0 0 29px; }
.popup .ok { display: block; margin: 0 auto 15px auto; }
.popup .half { float: left; width: 203px; }
.popup .half input.full { width: 191px; }
.popup .half:first-child input.full { width: 176px; }
.popup .validation { position: absolute; bottom: -17px; left: 0; margin: 0; font-size: 85%; padding-left: 17px; height: 12px; line-height: 12px; }
.popup .validation.ok { color: #4aad26; background: url(../img/validation.png) no-repeat top left; }
.popup .validation.error { color: #b13902; background: url(../img/validation.png) no-repeat bottom left; bottom:auto !important; margin-top:5px !important; }
.popup .validation.text { padding-left: 0; color: #7a7a7b; }
.popup .mandatory { color: #b13902; }
.popup #recaptcha_widget { position: relative; }
.popup dt { float: left; width: 70px; margin-bottom: 15px; font-size: 80%; color: #1a1a1a; height: 28px; line-height: 28px; }
.popup dt:first-child { height: 59px; line-height: 59px; }
.popup dd { float: left; width: 302px; margin: 0; margin-bottom: 15px; }
.popup #recaptcha_image { background: white; border: 1px solid #B1BEC4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.popup #recaptcha_image img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.popup #recaptcha_image br { display: none; }
.popup #recaptcha_image span { display: block; font-size: 80%; }
.popup #recaptcha_response_field { width: 290px; }
.popup .captcha-refresh, .popup .captcha-get-audio, .popup .captcha-get-image, .popup .captcha-get-help { width: 16px; height: 16px; background: url(../img/captcha.gif); }
.popup .captcha-get-audio { background-position: -16px top; }
.popup .captcha-get-image { background-position: -32px top; }
.popup .captcha-get-help { background-position: top right; }
.popup .captcha-actions { position: absolute; top: 0; right: 0; border: 1px solid #B1BEC4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.popup .captcha-actions a { border-top: 1px solid #B1BEC4; }
.popup .captcha-actions > div:first-child a { border-top: none; }
.popup .recaptcha_only_if_incorrect_sol { margin-top: 5px; font-size: 80%; padding-left: 17px; height: 12px; line-height: 12px; color: #b13902; background: url(../img/validation.png) no-repeat bottom left; }
.popup .bar { height: 14px; background: #d2d9dd; background: -moz-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #bec5c9), color-stop(100%, #d2d9dd)); background: -webkit-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -o-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -ms-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-bottom: 1px solid #fff; }
.popup .complete { height: 12px; background: #e76931; background: -moz-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eb7e3b), color-stop(100%, #e76931)); background: -webkit-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -o-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -ms-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: linear-gradient(top, #eb7e3b 1%, #e76931 100%); border: 1px solid #b13902; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: inset 0px 1px 1px 0px #f2a677; box-shadow: inset 0px 1px 1px 0px #f2a677; }
.popup-wide { width: 860px; margin-left: -430px; }
.popup-wide div.container { padding: 0; }
.popup-wide div.popup-wide-left { position: relative; float: left; width: 567px; padding: 25px 25px 0; border-right: 1px solid #e4e8ea; -webkit-box-shadow: 1px 0px 0px 0px white; box-shadow: 1px 0px 0px 0px white; }
.popup-wide div.popup-wide-left input.anonym-donation-input { float: left; margin: 2px 15px 5px 0; }
.popup-wide div.popup-wide-left label.anonym-donation-label { float: left; font-weight: normal; }
.popup-wide div.popup-wide-left p.hr-or { font-family: adelle; color: #afafaf; background: #f6f7f8; padding: 0 10px; font-size: 96%; position: absolute; left: 50%; margin-top: -38px; margin-left: -7px; }
.popup-wide div.popup-wide-left #donation-personal-information { margin-bottom: 200px; }
.popup-wide div.popup-wide-left #donation-personal-information label { float: left; clear: left; font-weight: normal; width: 180px; margin-right: 10px; }
.popup-wide div.popup-wide-left #donation-personal-information .firstname, .popup-wide div.popup-wide-left #donation-personal-information .lastname { width: 125px; margin: 0 0 25px 0; }
.popup-wide div.popup-wide-left #donation-personal-information .lastname { margin-left: 21px; }
.popup-wide div.popup-wide-left #donation-personal-information .email { width: 288px; margin: 0 0 25px 0; }
.popup-wide div.popup-wide-left #donation-payment-details label { font-weight: normal; float: left; clear: left; width: 180px; margin: 6px 10px 15px 0; }
.popup-wide div.popup-wide-left #donation-payment-details label a { font-size: 88%; }
.popup-wide div.popup-wide-left #donation-payment-details select { min-width: 232px; margin: 0 0 25px; }
.popup-wide div.popup-wide-left #donation-payment-details input[type=text] { width: 288px; margin: 0 0 25px; }
.popup-wide div.popup-wide-left #donation-payment-details .save-checkbox { margin: 0 0 0 10px; }
.popup-wide div.popup-wide-left #donation-payment-details .save { display: inline; width: auto; margin: 0; float: none; }
.popup-wide div.popup-wide-left #donation-payment-details hr { display: block; }
.popup-wide div.popup-wide-left #donation-payment-details fieldset.city-state-zip .city, .popup-wide div.popup-wide-left #donation-payment-details fieldset.city-state-zip .state, .popup-wide div.popup-wide-left #donation-payment-details fieldset.city-state-zip .zip { margin-right: 2px; }
.popup-wide div.popup-wide-left #donation-payment-details fieldset.city-state-zip .city { width: 150px !important; }
.popup-wide div.popup-wide-left #donation-payment-details fieldset.city-state-zip .state { width: 40px !important; }
.popup-wide div.popup-wide-left #donation-payment-details fieldset.city-state-zip .zip { width: 60px !important; }
.popup-wide div.popup-wide-left #donation-payment-details .month-year-selector select { margin-right: 3px; min-width: 96px; }
.popup-wide div.popup-wide-left #donation-payment-details .security-code { width: 138px !important; }
.popup-wide div.popup-wide-left #donation-payment-details .have-read-terms input { font-size: 150%; margin-right: 5px; }
.popup-wide div.popup-wide-right { float: right; width: 186px; padding: 25px 25px 0; }
.popup-wide div.popup-wide-right hr { margin: 0 0 15px; }
.popup-wide div.popup-wide-right p.campaign-name { font-size: 81%; font-weight: bold; color: #1a1a1a; margin: 0 0 15px; }
.popup-wide div.popup-wide-right p.event-name { font-family: adelle-light; font-size: 110%; line-height: 125%; margin: -7px 0 15px; }
.popup-wide div.popup-wide-right p.raised { font-family: adelle; font-size: 140%; color: #1a1a1a; margin: 0 0 5px; }
.popup-wide div.popup-wide-right div.donors-funded-goal { margin: 15px 0 15px; }
.popup-wide div.popup-wide-right div.donors-funded-goal .donors, .popup-wide div.popup-wide-right div.donors-funded-goal .funded, .popup-wide div.popup-wide-right div.donors-funded-goal .goal { float: left; width: 32%; color: #afafaf; font-size: 72%; }
.popup-wide div.popup-wide-right div.donors-funded-goal span { display: block; font-family: adelle; color: #1a1a1a; margin: 2px 0 0; font-size: 150%; }
.popup-wide div.popup-wide-right p.highest-sum { color: #1a1a1a; font-family: adelle; font-size: 140%; margin: 0 0 5px; }
.popup-wide div.popup-wide-right p.highest { color: #afafaf; margin: 0 0 5px; }
.popup-wide div.popup-wide-right p.p-3 { margin: 0 0 15px !important; }
.popup-wide div.popup-wide-right div.highest-profile { position: relative; top: 0; left: 0; }
.popup-wide div.popup-wide-right p.giving-level { margin-bottom: 0 !important; }
.popup-wide div.popup-wide-right p.giving-level-description { line-height: 200%; margin: 0 0 15px; }
.popup-wide div.popup-wide-right h3 { font-size: 84%; font-family: adelle; text-transform: uppercase; }
.popup-wide div.header { height: auto; padding: 20px 30px; }
.popup-wide div.header ul { float: right; line-height: 100%; margin: 5px 0 0; padding: 0; }
.popup-wide div.header ul li { list-style: none; color: #afafaf; display: inline; }
.popup-wide div.header ul li.current a { color: #003979; }
.popup-wide div.header ul li span { margin: 0 10px; }
.popup-wide h1 { float: left; text-transform: uppercase; color: #003979; line-height: 100%; }
.popup-wide h2 { font-family: adelle-light; color: #1a1a1a; font-size: 110%; margin: 0 0 7px 8px !important; margin-bottom: 7px !important; }
.popup-wide .actions { text-align: right !important; padding: 15px 25px !important; }
.popup-wide .actions a.cancel { font-size: 86%; margin: 0; }
.popup-wide .actions .button { min-width: 70px; text-align: center; margin-left: 10px; }
.popup-wide-2 { width: 800px; margin-left: -400px; }
.popup-wide-2 .header h1 { text-align: left; padding-left: 30px; }
.popup-wide-2 div.popup-wide-2-left { position: relative; float: left; width: 474px; padding: 25px 25px 0 0; border-right: 1px solid #e4e8ea; -webkit-box-shadow: 1px 0px 0px 0px white; box-shadow: 1px 0px 0px 0px white; }
.popup-wide-2 div.popup-wide-2-left > p { font-size: 97%; }
.popup-wide-2 div.popup-wide-2-left a.add-more { font-size: 70%; color: #7a7a7b !important; margin: 0 0 15px 70px; display: block; }
.popup-wide-2 div.popup-wide-2-left a.add-more:hover { color: #1a1a1a !important; }
.popup-wide-2 div.popup-wide-2-right { float: right; width: 180px; padding: 25px 0 0 25px; }
.popup-wide-2 div.popup-wide-2-right hr { margin: 0 0 15px; }
.popup-wide-2 div.popup-wide-2-right p { font-size: 79%; margin: 0 0 13px 0; }
.popup-wide-2 div.container { padding-top: 0; }
table.calendar-month { width: 200px; margin: 10px; }
table.calendar-month caption { font-family: adelle; font-size: 105%; margin-bottom: 6px; }
table.calendar-month th { font-weight: normal; font-size: 55%; padding-bottom: 3px; }
table.calendar-month td { width: 16px; height: 16px; padding: 3px; font-size: 70%; text-align: center; }
table.calendar-month td.dim { color: #afafaf; }
table.calendar-month td.current { text-decoration: underline; }
table.calendar-month td.marked { background-image: url(../img/calendar_marked.png); background-position: center center; background-repeat: no-repeat; }
#carousel-up, #carousel-down { display: block; height: 22px; outline: none; }
#carousel-up { border-bottom: 1px solid #b1bec4; background: url(../img/up_arrow_black.png) no-repeat center center #f1f3f5; }
#carousel-down { border-top: 1px solid #b1bec4; background: url(../img/down_arrow_black.png) no-repeat center center #f1f3f5; }
#carousel-up:hover, #carousel-down:hover { background-color: #e2e6ea; }
/* link-dropdown */
.link-dropdown-container { font-size: 80%; }
a.link-dropdown { text-shadow: 0px 1px 0px white; background-image: url(../img/down_arrow_blue.png); background-repeat: no-repeat; background-position: right 6px; padding-right: 15px; outline: none; }
.link-dropdown-container ul { padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: white; overflow: hidden; position: absolute; z-index: 500; margin-top: 3px; display: none; }
.lt-ie9 .link-dropdown-container ul { border: 1px solid #b1bec4; }
.link-dropdown-container ul li { list-style: none; padding: 5px 10px 5px 25px; border-top: 1px solid #e4e8ea; }
.link-dropdown-container ul li:first-child { border: none; }
.link-dropdown-container ul li:hover { background-color: #ebf7fd; }
.link-dropdown-container ul li.check { background-image: url(../img/check.png); background-repeat: no-repeat; background-position: 8px center; }
.link-dropdown-container ul li a { color: #1a1a1a !important; outline: none; }
/* hint-box */
.hint-box { position: absolute; z-index: 500; display: none; }
.hint-box .content { background-image: url(../img/hint_box.png); background-repeat: no-repeat; background-position: left top; width: 151px; min-height: 63px; padding: 10px 10px 5px 23px; font-weight: normal; font-size: 85%; color: #003979; }
.hint-box .bottom { background-image: url(../img/hint_box.png); background-repeat: no-repeat; background-position: left bottom; height: 10px; width: 184px; padding: 0; }
.hint-box-password { margin-top: -54px; margin-left: 380px; }
/* boxes */
.content-1 { padding: 32px 38px; }
.content-2 { padding: 32px 38px; background: #F2F5F6; margin: 2px; border-top: 1px solid #E4E8EA; border-bottom: 1px solid #E4E8EA; }
.content-2.content-2 { float: none; }
.box-1, .box-3, .box-4 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 15px; overflow: hidden; }
.box-2 { background-color: #f8f7ee !important; border: 1px solid #efebd3; margin: 0 0 15px; padding: 20px; text-align: center; font-size: 80%; }
.box-2 span { display: block; margin: 0 0 15px; font-weight: bold; font-size: 110%; }
.box-2 a { display: block; }
.box-2-bottom { margin: -15px 0 15px; background-color: white; text-align: center; border-right: 1px solid #efebd3; border-bottom: 1px solid #efebd3; border-left: 1px solid #efebd3; padding: 7px; }
.box-2-bottom * { margin: 0; }
.box-3, .box-4 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); background-color: #5abfee; border: 4px solid white; padding: 15px; margin: 0 0 30px; }
.box-3.total, .total.box-4 { padding-top: 8px; padding-bottom: 8px; }
.box-3.total p, .total.box-4 p { margin: 2px 0 0; font-family: adelle-light; font-size: 108%; text-align: right; color: white; }
.box-4 { background-color: #ebf7fd; margin: 0 0 10px; }
.box-4.last { margin-bottom: 30px; }
.box-attachments { margin: 0 0 30px !important; padding: 10px 7px !important; }
.box-attachments ul.attachments { padding: 0; margin: 0 !important; }
.box-attachments ul.attachments li { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 38px; padding: 3px 5px 3px 65px; list-style: none; background-color: #d6effb; background-position: 10px 5px; background-repeat: no-repeat; }
.box-attachments ul.attachments li.event { background-image: url(../img/list_bg_event.png); }
.box-attachments ul.attachments li.discussion { background-image: url(../img/list_bg_discussion.png); background-position: 8px center; }
.box-attachments ul.attachments li.photo_gallery { background-image: url(../img/list_bg_photo_gallery.png); background-position: 7px center; }
.box-attachments ul.attachments li.email_campaign { background-image: url(../img/list_bg_email_campaign.png); background-position: 8px center; }
.box-attachments ul.attachments li.announcement { background-image: url(../img/list_bg_announcement.png); }
.box-attachments ul.attachments li.payment_form { background-image: url(../img/list_bg_payment_form.png); }
.box-attachments ul.attachments li.donation_campaign { background-image: url(../img/list_bg_donation_campaign.png); background-position: 15px center; }
.box-attachments ul.attachments li.survey { background-image: url(../img/list_bg_survey.png); }
.box-attachments ul.attachments li p { float: left; color: #003979; font-size: 80%; margin: 0; }
.box-attachments ul.attachments li p.attachment-name { float: left; margin: 10px 0 0 60px; }
.box-attachments ul.attachments li p.attachment-status, .box-attachments ul.attachments li p.attachment-info { float: right; margin: 10px 0 0; width: 140px; }
.box-attachments ul.attachments li a.attachment-edit { background-image: url(../img/attachment_edit.png); width: 48px; height: 27px; padding: 0; margin: 6px 10px 0 0; display: block; float: right; }
.box.has-tabs { margin-top: 60px; margin-bottom: 30px; position: relative; border-top: 1px solid #b1bec4; }
/* marketing boxes */
.box-marketing { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: adelle; padding: 84px 10px 10px; background-position: center 33px; background-repeat: no-repeat; }
.box-marketing.administration { background-image: url(../img/marketing_icon_administration.png); }
.box-marketing.communication { background-image: url(../img/marketing_icon_communication.png); }
.box-marketing.finance { background-image: url(../img/marketing_icon_finance.png); }
.box-marketing li { list-style: none; font-size: 111%; color: #7a7a7b; }
.box-marketing-2 { background-repeat: no-repeat; background-position: left bottom; margin-bottom: 60px; }
.box-marketing-2.university { background-image: url(../img/marketing_box_bg_university.png); }
.box-marketing-2.community { background-image: url(../img/marketing_box_bg_community.png); }
.box-marketing-2.schools { background-image: url(../img/marketing_box_bg_schools.png); margin-left: 57px; }
.box-marketing-2.family { background-image: url(../img/marketing_box_bg_family.png); margin-left: 57px; }
.box-marketing-2 h3 { text-transform: none !important; font-size: 160% !important; text-align: left; }
.box-marketing-2 h4 { font-size: 89% !important; font-family: inherit !important; color: #003a79 !important; text-align: left; border-bottom: 1px solid #b1bec4; background-image: none !important; }
.box-marketing-2 ul li { list-style: none; text-align: left; font-size: 96%; margin: 0 0 5px; color: #7a7a7b; }
.box-marketing-2 .six.columns { width: 44% !important; }
.box-marketing-2 .three.columns { width: 22% !important; }
 @media only screen and (max-width: 767px) {
.box-marketing-2 .six.columns {
width: 100% !important;
}
.box-marketing-2 .three.columns {
width: 100% !important;
}
}
 @media only screen and (max-width: 767px) {
.box-marketing-2 {
background-position: right 45px;
margin-left: 0 !important;
}
.box-marketing-2 h4 {
border: none;
}
}
.box-marketing-3 { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-bottom: 22px; }
.box-marketing-3 img { width: 300px; height: 147px; background: black; }
.box-marketing-3 h3 { font-size: 13px !important; color: #7a7a7b !important; padding: 15px; margin: 0; }
.box-marketing-3 hr { margin: 15px 0; }
.box-marketing-3 p { font-family: adelle; font-size: 95% !important; margin: 0 15px !important; }
 @media only screen and (max-width: 767px) {
.box-marketing-3 {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
}
/* headers */
.header-1 { font-family: adelle; color: #1a1a1a; font-size: 200%; line-height: 125%; text-transform: none; float: none; margin: 0 0 15px 0; }
 @media only screen and (max-width: 767px) {
.header-1 {
font-size: 165%;
}
}
.header-2 { font-family: adelle; color: #2997cf !important; font-size: 125%; margin: 0 0 15px 0; }
.main h3 a.header-2 { margin-top: -10px; }
.header-3 { font-family: adelle; color: #003979 !important; text-transform: uppercase; margin: 0 0 15px; font-size: 128%; }
.header-4 { font-family: adelle; color: #003979 !important; margin: 0 0 15px; font-size: 111%; }
.header-9 { color: #2997cf; padding: 20px 0 0; margin: 0 0 10px; font-weight: 400; text-transform: uppercase; font-family: adelle; font-size: 108%; }
.header-10 { font-family: adelle !important; color: #1a1a1a !important; text-transform: none !important; font-size: 192% !important; }
.header-11 { font-family: adelle !important; color: #1a1a1a !important; text-transform: none !important; font-size: 170% !important; line-height: 150% !important; margin: 0 0 20px !important; }
.form-block-header { font-family: adelle; padding: 15px 40px; color: #1a1a1a; font-size: 120%; display: block; margin: -1px 0 15px; background-color: #f1f3f5; border-top: 1px solid #b1bec4; border-bottom: 1px solid #b1bec4; -moz-box-shadow: inset 0 1px 0 0 white, 0 2px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white, 0 2px 0 0 white; box-shadow: inset 0 1px 0 0 white, 0 2px 0 0 white; }
.form-block-header span { color: #7a7a7b; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 65%; float: right; margin: 8px 0 0; }
.form-block-header.collapse { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 70px; background-image: url(../img/header-collapse-right.png); background-repeat: no-repeat; background-position: 41px 18px; cursor: pointer; }
.form-block-header.collapse.open { background-image: url(../img/header-collapse-down.png); }
.form-block-header.collapse.collapsed { margin-bottom: -2px; }
.header-11 { font-size: 110%; font-family: adelle; color: #003979; margin: 35px 40px 15px; }
.header-12 { text-transform: uppercase; font-size: 73% !important; color: #afafaf !important; margin: 0 0 2px !important; }
.header-13 { text-transform: uppercase !important; margin: 23px !important; font-size: 78% !important; color: #6a6a6a !important; }
 @media only screen and (max-width: 767px) {
.header-13 {
margin: 0 0 15px;
}
}
.header-14 { text-transform: uppercase !important; margin: 0 0 10px !important; font-size: 84% !important; color: #1a1a1a !important; background: none !important; }
.header-with-links { padding: 0 0 5px; margin: 30px 0 15px; display: block; border-bottom: 1px dotted #b1bec4; }
.header-with-links h1, .header-with-links h2, .header-with-links h3, .header-with-links h4, .header-with-links h5, .header-with-links h6 { color: #003979; font-size: 111%; font-family: adelle; float: left; margin: 0; }
.header-with-links div { float: right; font-size: 78%; margin: 7px 0 0; }
/* marketing headers */
.header-5 { font-size: 290%; color: white; font-family: adelle; margin: 30px 0 20px; }
.header-6 { font-family: adelle; font-size: 147% !important; color: #003979 !important; text-transform: none !important; margin: 0 0 15px !important; }
.header-6 span { color: white; }
.header-7, .header-8 { font-family: adelle; color: #1a1a1a !important; font-size: 229% !important; text-transform: none !important; margin: 70px 0 12px 0 !important; }
.header-8 { font-size: 161% !important; }
/* paragraphs */
.p-1 { font-size: 80%; }
.p-3 { color: #afafaf; font-size: 75% !important; margin: 0 !important; }
.p-4 { font-family: adelle; font-size: 150% !important; margin: 0 0 15px !important; color: #003a79; }
.p-5 { font-size: 85% !important; color: #7a7a7b; margin: 0 0 15px !important; }
.p-6 { color: #ca6b35 !important; }
.p-7 strong { color: #1a1a1a; }
.p-8 { font-size: 72%; color: grey; text-transform: none; display: inline; }
/* marketing paragraphs */
.p-2 { font-family: adelle; color: #7a7a7b; font-size: 105% !important; }
/* dividers */
.divider-1, .divider-2, .divider-3, .divider-4 { width: 100%; display: block; height: 16px; background-image: url(../img/divider_1.png); background-repeat: no-repeat; background-position: center center; border: none; margin: 30px 0; }
.divider-2 { background-image: url(../img/divider_1_small.png); margin: 10px 0; }
.divider-3 { background-image: url(../img/divider_2.png); margin: 20px 0; }
.divider-4 { background-image: url(../img/divider_3.png); }
/* divs */
.header-buttons-right, .two-columns-left-wide { background: url(../img/dot_seperate.png) repeat-x 0 bottom; margin: 0 0 15px; }
.header-buttons-right h4 { float: left; max-width: 500px; }
.header-buttons-right a { float: right; margin: -10px 5px 0; }
.two-columns-left-wide > div { float: left; padding: 0 0 20px 20px; margin: 0; width: 210px; }
.two-columns-left-wide > div:first-child { padding: 0 20px 20px 0; width: 610px; min-height: 136px; background: url(../img/dot_seperate_vert.png) repeat-y right; }
.two-columns-left-wide.last { background: none; margin-bottom: 0; }
.two-columns-left-wide.last > div { padding-bottom: 0; }
.content-left { float: left; width: 590px; }
.buttons-right { width: 141px; margin-top: 15px; float: right; }
.buttons-right a { width: 90px; }
.header-with-image-and-subheaders h4 { margin: 26px 0 0 0 !important; }
.checkbox-and-label { margin: -10px 0 15px; }
.checkbox-and-label input { float: left; margin: 2px 18px 0; }
.checkbox-and-label label { font-weight: normal; font-size: 84%; margin: 0; }
.checkbox-and-label-2 { display: block; margin: 0 0 15px; }
.checkbox-and-label-2 * { display: inline-block !important; font-weight: normal !important; margin: 0 !important; font-size: 100%; }
.div-and-three-elements > * { margin: 0 0 10px !important; }
.div-and-three-elements div:first-child { float: left; margin: 0 15px 15px 0 !important; }
.div-and-three-elements > *:nth-child(2) {
margin-top: 20px !important;
}
.input-and-plus input { float: left; width: 100px !important; }
.input-and-plus span { float: left; margin: 6px 0 0 5px; }
.starts-ends { width: 40px; margin: 0 10px 0 0; font-size: 84% !important; display: inline-block; }
/* Profile completeness */
.profile-completeness { width: 100%; margin: 0 0 15px; }
.profile-completeness .bar-container { width: 99%; }
.profile-completeness p { display: inline; font-size: 80%; font-weight: bold; }
.profile-completeness .bar { margin-top: 7px; width: 100%; height: 10px; background-color: #e6ebed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #fff; }
.profile-completeness .complete { height: 10px; background-color: #5abfee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* rounded*/
.rounded, .rounded-1, .rounded-2, .rounded-3 { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; background-position: center center; background-size: 100%; background-repeat: no-repeat; }
.rounded-1 { -webkit-box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.8); box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.8); width: 100px; height: 100px; margin: 0 0 10px; overflow:hidden; }
.rounded-2 { -webkit-box-shadow: 0 0 0 2px #2997cf; box-shadow: 0 0 0 2px #2997cf; width: 55px; height: 55px; border: 2px solid #ffffff; }
.rounded-3 { -webkit-box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.8); box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.8); width: 100px; height: auto !important; margin: 0 0 10px; overflow:hidden; }
/* subheaders */
.subheaders { margin: 0 0 5px 0 !important; padding: 0 !important; }
.subheaders li { list-style: none; display: inline-block; color: #7a7a7b; padding: 0 8px 0 3px !important; border-right: 1px solid #7a7a7b; font-size: 70%; }
.subheaders li.first { padding-left: 0 !important; }
.subheaders li.last { border-right: none; }
/* wysiwyg */
.wysiwyg-container { padding: 10px 0; margin: 2px; background: url(../img/double_line.jpg) repeat-x 0 0 #f6f7f8; }
.wysiwyg-container textarea { resize: none; }
.wysiwyg-mode-edit .wysiwyg-box { border: 1px dashed #b1bec4; background-color: #f6f7f8; padding: 10px !important; position: relative; margin: 5px 0 !important; min-height: 50px; }
.public-box .wysiwyg-mode-edit .wysiwyg-box { margin: 20px !important; }
.wysiwyg-mode-edit .wysiwyg-box:hover { border-color: #5abfee; background-color: #ebf7fd; }
.wysiwyg-mode-edit .wysiwyg-box:hover .wysiwyg-options { display: block; }
.wysiwyg-editor-buttons { margin: 0 0 15px !important; }
.wysiwyg-options { display: none; position: absolute; top: -18px; right: -4px; z-index: 100; }
.wysiwyg-options li { display: inline; list-style: none; margin: 5px; }
.wysiwyg-options a { color: #003a79; font-size: 70% !important; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: white; padding: 6px 10px 6px 25px; background-position: 7px center; background-repeat: no-repeat; }
.wysiwyg-options a.wysiwyg-options-edit { background-image: url(../img/edit.png); }
.wysiwyg-options a.wysiwyg-options-hide { background-image: url(../img/hide.png); }
.wysiwyg-options a.wysiwyg-options-delete { background-image: url(../img/delete.png); }
.wysiwyg-editor { display: none; position: absolute; top: 90%; width: 95%; right: 6px; z-index: 500; background-color: white; border: 1px solid #b1bec4; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px !important; }
.wysiwyg-editor .wysiwyg-editor-arrow { background-image: url(../img/wysiwyg_editor_arrow.png); width: 46px; height: 25px; left: 50%; margin: -35px 0 0 -23px; position: absolute; }
.wysiwyg-editor .wysiwyg-editor-form { background-color: #ebf7fd; border: 1px solid #b1bec4; padding: 15px; }
.wysiwyg-editor .wysiwyg-editor-form > a { font-size: 77%; }
.wysiwyg-editor .wysiwyg-editor-buttons { text-align: center; margin: 0 !important; }
.wysiwyg-editor .wysiwyg-editor-buttons a { margin: 10px 10px 0 0 !important; }
.wysiwyg-editor .wysiwyg-editor-buttons a.wysiwyg-editor-cancel { font-size: 84%; }
.wysiwyg-editor.wider { right: -10px; width: 498px; }
.wysiwyg-editor.wider .wysiwyg-editor-arrow { left: 74%; }
.wysiwyg-editor-modal { display: none; background-image: url(../img/dim.png); position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; }
.wysiwyg-editor-modal .popup { width: 800px; margin-left: -400px; }
.wysiwyg-editor-modal .popup .header h1 { font-size: 171%; text-align: left; margin: 23px 30px; }
.wysiwyg-editor-modal .popup .header a.close { top: 0; right: 6px; }
.wysiwyg-editor-modal .popup .add-remove { top: 24px; right: 22px; position: absolute; }
.wysiwyg-editor-modal.photo-albums .popup { width: 1000px; margin-left: -500px; overflow: hidden; top: 4%; }
.wysiwyg-editor-modal.photo-albums .popup .switch-on-off { top: 234px; right: 17px; }
.wysiwyg-editor-modal.photo-albums .popup .box-1, .wysiwyg-editor-modal.photo-albums .popup .box-3, .wysiwyg-editor-modal.photo-albums .popup .box-4 { margin-bottom: 25px; }
.wysiwyg-editor-modal.photo-albums .popup .box-1 a, .wysiwyg-editor-modal.photo-albums .popup .box-3 a, .wysiwyg-editor-modal.photo-albums .popup .box-4 a { font-family: adelle; width: 174px; display: block; margin: 12px 0 0 10px; }
.wysiwyg-editor-modal.photo-albums .popup .box-1 p, .wysiwyg-editor-modal.photo-albums .popup .box-3 p, .wysiwyg-editor-modal.photo-albums .popup .box-4 p { color: #7a7a7b; font-size: 77%; margin: 0 0 5px 10px; }
.wysiwyg-editor-modal.photo-albums .popup .container { max-height: 480px; overflow-y: scroll; }
.wysiwyg-add { display: none; }
.wysiwyg-hidden { text-align: center; padding: 30px 0; cursor: pointer; }
.wysiwyg-hidden .wysiwyg-editor, .wysiwyg-hidden .wysiwyg-options, .wysiwyg-hidden .wysiwyg-content { visibility: hidden !important; }
.wysiwyg-hidden.wysiwyg-hidden-collapse .wysiwyg-editor, .wysiwyg-hidden.wysiwyg-hidden-collapse .wysiwyg-options, .wysiwyg-hidden.wysiwyg-hidden-collapse .wysiwyg-content { display: none !important; }
.wysiwyg-hidden .wysiwyg-add { position: absolute; top: 50%; margin-top: -10px; width: 100%; display: inherit; }
.wysiwyg-hidden .wysiwyg-add a { background-position: left center; background-repeat: no-repeat; background-image: url(../img/link_icon_plus.png); padding: 2px 0 2px 30px; font-size: 80%; height: 23px; margin: 0 0 7px; color: #003a79; }
.wysiwyg-mode-preview .wysiwyg-hidden { display: none; }
.wysiwyg-ep { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: white; margin: 0 0 15px; display: inline-block; }
.wysiwyg-ep a { padding: 12px; font-size: 80%; display: inline-block; margin: 3px; min-width: 80px; text-align: center; }
.wysiwyg-ep a.active { border: 1px solid #a5dbf6; color: #003979; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #ebf7fd; }
.wysiwyg-theme-dropdown { margin: 0 0 15px; display: inline-block; float: right; overflow: visible; }
.wysiwyg-theme-dropdown a.wysiwyg-theme-dropdown-link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: white; background-image: url(../img/down_arrow_black.png); background-repeat: no-repeat; background-position: 180px 22px; height: 50px; width: 200px; display: block; padding: 5px 10px; }
.wysiwyg-theme-dropdown a.wysiwyg-theme-dropdown-link span { font-size: 79%; color: #1a1a1a; margin: 0 0 0 5px; }
.wysiwyg-theme-dropdown ul.wysiwyg-theme-dropdown-list { display: none; position: absolute; z-index: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: white; padding: 0; overflow: hidden; }
.wysiwyg-theme-dropdown ul.wysiwyg-theme-dropdown-list li { height: 50px; width: 200px; padding: 5px 10px; list-style: none; cursor: pointer; }
.wysiwyg-theme-dropdown ul.wysiwyg-theme-dropdown-list li:hover { background-color: #ebf7fd; }
.wysiwyg-theme-dropdown ul.wysiwyg-theme-dropdown-list li span { font-size: 79%; color: #1a1a1a; margin: 0 0 0 5px; }
.wysiwyg-sortable-placeholder { height: 60px; background: transparent; border: 2px dashed #b1bec4; margin: 0 0 15px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wysiwyg-sortable .ui-sortable-helper { -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.5); -webkit-transform: scale(0.95); -webkit-transition: -webkit-transform 0.4s ease; }
.wysiwyg-mode-edit .wysiwyg-sortable-handle { background-image: url(../img/wysiwyg_sortable_handle.png) !important; width: 18px; height: 18px; position: absolute; right: 0; top: 0; margin: 0 !important; cursor: move; }
.wysiwyg-mode-preview .wysiwyg-sortable-handle { display: none; }
.wysiwyg-twelve-columns { width: 100% !important; }
/* wysiwyg files & links */
.wysiwyg-editor-form-files, .wysiwyg-editor-form-links { padding: 0; margin: 0 0 15px; border-bottom: 1px solid #fafcfc; max-height: 330px; overflow-y: auto; }
.wysiwyg-editor-form-files li, .wysiwyg-editor-form-links li { list-style: none; display: block; border-bottom: 1px solid #d5dbdd; border-top: 1px solid #fafcfc; padding: 15px 0 15px !important; }
.wysiwyg-editor-form-files li:first-child, .wysiwyg-editor-form-links li:first-child { border-top: none; }
.wysiwyg-editor-form-files input, .wysiwyg-editor-form-links input { float: left; width: 30%; height: 32px; font-size: 80%; }
.wysiwyg-editor-form-files a.button, .wysiwyg-editor-form-links a.button { float: left; height: 32px; margin: 0 0 0 10px; }
.wysiwyg-editor-form-files p.wysiwyg-editor-form-files-name, .wysiwyg-editor-form-links p.wysiwyg-editor-form-files-name { float: left; width: 25%; height: 20px; overflow: hidden; margin: 7px 0 0 10px; color: #afafaf; text-shadow: 0px 1px 0px white; }
.wysiwyg-editor-form-files a.wysiwyg-editor-form-list-delete, .wysiwyg-editor-form-links a.wysiwyg-editor-form-list-delete { background-image: url(../img/wysiwyg_list_delete.png); width: 26px; height: 27px; float: right; display: block; margin: 3px 0 0; }
.wysiwyg-editor-form-links input { width: 40%; margin-right: 10px; }
.wysiwyg-editor-form-floating-label { position: absolute; left: 43%; top: 26px; }
/* campaign wysiwyg */
.wysiwyg-campaign { margin-right: 30px !important; }
.wysiwyg-campaign .total { color: #1a1a1a; font-family: adelle; font-size: 350%; line-height: 80%; display: block; margin: 15px 0 15px; letter-spacing: -2px; }
.wysiwyg-campaign .total-sub { color: #6a6a6a; font-size: 70%; margin: 0 0 15px; }
.wysiwyg-campaign .stats { margin-bottom: 20px !important; }
.wysiwyg-campaign .stats .number { font-family: adelle; font-size: 145%; color: #1a1a1a; }
.wysiwyg-campaign .stats .tag { font-size: 75%; text-align: left; color: #96a1a6; margin: 5px 0 1px; }
.wysiwyg-campaign .button-donate { width: 100%; margin: 0 0 15px; }
.wysiwyg-campaign .take-part-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; padding: 3px; margin: 0 0 15px; }
.lt-ie9 .wysiwyg-campaign .take-part-box { border: 1px solid #B4B4B4; }
.wysiwyg-campaign .take-part { text-align: center; margin: 3px; padding: 15px; border: 1px solid #2997cf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #5abfee; }
.wysiwyg-campaign .take-part p { color: #ffffff; text-shadow: 0 1px 0 #4a9cc1; font-size: 75%; margin: 0 0 15px; font-weight: bold; }
.wysiwyg-campaign .take-part a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #44aae7; background: -moz-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #56bcec), color-stop(100%, #44aae7)); background: -webkit-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -o-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -ms-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: linear-gradient(top, #56bcec 1%, #44aae7 100%); display: inline-block; width: 90%; text-align: center; padding: 7px; color: white; text-shadow: 0px 1px 0px #2a89bc; font-size: 80%; border: 1px solid #2997cf; font-weight: bold; }
.wysiwyg-campaign .take-part a:hover { background: #2da0e4; background: -moz-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3fb3e9), color-stop(100%, #2da0e4)); background: -webkit-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -o-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -ms-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); }
/* wysiwyg fixes */
.wysiwyg-mode-edit .about .contact { background: none !important; padding-left: 0 !important; }
.wysiwyg-mode-edit .about .contact > div { padding-top: 0 !important; padding-bottom: 0 !important; background: none !important; }
.wysiwyg-mode-edit .take-part-box, .wysiwyg-mode-edit .button-donate { margin: 0 !important; }
.wysiwyg-mode-edit .header-13 { margin: 7px !important; }
.wysiwyg-mode-edit .share { margin: 4px 0 0 !important; }
.wysiwyg-mode-preview .share { margin: 18px 15px !important; }
.wysiwyg-mode-edit div.subheader, .wysiwyg-mode-preview div.subheader { margin-top: 10px; }
.wysiwyg-mode-edit .wysiwyg-hide-edit { display: none; }
.wysiwyg-mode-edit .related-documents, .wysiwyg-mode-edit .location { margin: 0 !important; background: none !important; }
.wysiwyg-mode-edit .image { margin-bottom: 0 !important; }
.wysiwyg-mode-edit .attending { margin-top: 15px; }
.wysiwyg-mode-edit .link-document, .wysiwyg-mode-preview .link-document { padding-top: 4px !important; }
/* modal search */
.modal-search { float: right !important; background-color: #bdc8cd !important; color: white !important; width: 162px !important; border: none !important; margin: 0 0 25px !important; font-size: 82% !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-image: url(../img/modal_search.png) !important; background-position: 7px 5px !important; background-repeat: no-repeat !important; padding: 5px 10px 6px 30px !important; outline: none !important; transition: width 0.2s ease; -moz-transition: width 0.2s ease; -webkit-transition: width 0.2s ease; -o-transition: width 0.2s ease; }
 .modal-search::-webkit-input-placeholder {
 color: white;
}
 .modal-search:-moz-placeholder {
 color: white;
}
 .modal-search:-ms-input-placeholder {
 color: white;
}
.modal-search:focus { width: 262px !important; }
/* wysiwyg modal boxes */
.wysiwyg-editor-modal ul.subnav { float: none !important; }
.wysiwyg-editor-modal .box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left: 98px; position: relative; padding-bottom: 10px; margin: 0 0 10px; }
.wysiwyg-editor-modal .box.more-right-padding { padding-right: 30px; }
.wysiwyg-editor-modal .box.blue { background-color: #ebf7fd !important; }
.wysiwyg-editor-modal .box.blue .close { background-image: url(../img/close_blue.png); position: absolute; top: 0; right: 0; }
.wysiwyg-editor-modal .box.container-box { padding: 5px; }
.wysiwyg-editor-modal .box.container-box .box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-position: 15px 15px; padding-left: 93px; }
.wysiwyg-editor-modal .box.survey { background: url(../img/box_questionnaire.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.fund { background: url(../img/box_fund.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.discussion { background: url(../img/box_survey.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.photos { background: url(../img/box_album.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.email { background: url(../img/box_email.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.announcement { background: url(../img/box_announcements.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.paymentforms { background: url(../img/box_paymentforms.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.quickpay { background: url(../img/box_quickpay.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.collected { background: url(../img/box_collected.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.accounts { background: url(../img/box_accounts.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.members { background: url(../img/box_members.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.leaders { background: url(../img/box_leaders.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.distribution { background: url(../img/box_distribution.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.payment-methods { background: url(../img/box_payment_methods.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.ring { background: url(../img/box_ring.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.group { background: url(../img/box_group.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.eye { background: url(../img/box_eye.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.subscriptions { background: url(../img/box_subscriptions.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box.settings { background: url(../img/box_settings.png) no-repeat 20px 15px white; }
.wysiwyg-editor-modal .box h4 { font-family: "adelle", serif; color: #003a79 !important; padding: 20px 0 0 !important; margin: 0 !important; font-weight: 400; text-transform: none !important; }
.wysiwyg-editor-modal .box h4 span { color: #94cbe7; }
.wysiwyg-editor-modal .box .subheaders li { font-size: 70%; }
.wysiwyg-editor-modal .box .month-day { position: absolute; left: 35px; top: 25px; text-align: center; font-size: 65%; color: #003a79; }
.wysiwyg-editor-modal .box .month-day span { font-size: 210%; font-weight: normal; line-height: 24px; }
.wysiwyg-editor-modal .box .money-tag { position: absolute; right: -7px; top: 15px; background: #e8e5c5; border: 1px solid #a5bd9f; color: #4a7a3e; padding: 5px 0; width: 66px; text-align: center; }
.wysiwyg-editor-modal .box .money-tag .now { margin: 0; font-size: 120%; }
.wysiwyg-editor-modal .box .money-tag .total { font-size: 65%; margin: 0; }
.wysiwyg-editor-modal .box .money-tag .tag { background: url(../img/money_tag.png) no-repeat 0 0; position: absolute; height: 6px; width: 6px; bottom: -6px; right: 0px; margin: 0; }
.wysiwyg-editor-modal .box .invitation-tag { position: absolute; right: -7px; top: 15px; background: #f5c0a5; border: 1px solid #b13a00; color: #b13a00; padding: 5px 0; width: 80px; text-align: center; }
.wysiwyg-editor-modal .box .invitation-tag .text { margin: 0; font-size: 80%; text-shadow: 0px 1px 0px white; }
.wysiwyg-editor-modal .box .invitation-tag .tag { background: url(../img/invitation_tag.png) no-repeat 0 0; position: absolute; height: 6px; width: 6px; bottom: -6px; right: 0px; margin: 0; }
.wysiwyg-editor-modal .box .description { font-size: 80%; margin-right: 60px; }
.wysiwyg-editor-modal .box .photostrip { height: 174px; position: absolute; left: -4px; top: 80px; width: 712px; }
.wysiwyg-editor-modal .box .photostrip ul { margin: 0; padding: 0; }
.wysiwyg-editor-modal .box .photostrip li { margin: 0 4px 0 0; padding: 0; list-style: none; display: inline; }
.wysiwyg-editor-modal .box .photostrip li.last { margin-right: 0; }
.wysiwyg-editor-modal .box .photostrip img { display: inline-block; height: 174px; width: 174px; background: #000; }
.wysiwyg-editor-modal .box .photostrip + .listitems, .wysiwyg-editor-modal .box .photostrip + .links { margin-top: 200px; }
.wysiwyg-editor-modal .box .see-all { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; background: #ebf7fd; font-size: 90%; margin: 10px 0; display: inline-block; }
.wysiwyg-editor-modal .box .listitems li { background: url(../img/dot_seperate.png) repeat-x 0 0; padding: 5px 10px 5px 0; margin: 0; font-size: 80%; }
.wysiwyg-editor-modal .box .listitems p { margin: 0; font-weight: bold; }
.wysiwyg-editor-modal .box .listitems .period { float: right; color: #7a7a7b; font-size: 80%; }
.wysiwyg-editor-modal .box .listitems .expander { background: url("../img/expand_arrow.png") no-repeat 0 0; padding: 0 0 0 10px; }
.wysiwyg-editor-modal .box .listitems .expander.expanded { background-position: 0 -16px; }
.wysiwyg-editor-modal .box .adminlistitems { margin-top: 10px; }
.wysiwyg-editor-modal .box .adminlistitems li { margin: 2px 0; }
.wysiwyg-editor-modal .box .adminlistitems a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; font-size: 80%; background: #ebf7fd; color: #003979; }
.wysiwyg-editor-modal .box .adminlistitems a:hover { background: #d4eefb; }
.wysiwyg-editor-modal .box .adminlistitems a.attention { background: #fcece4; color: #e6621f; }
.wysiwyg-editor-modal .box .adminlistitems a.attention:hover { background: #f9dccd; }
.wysiwyg-editor-modal .box .adminlistitems a.attention-2 { background: #d6effb; color: #003979; font-weight: bold; }
.wysiwyg-editor-modal .box .adminlistitems a.attention-2:hover { background: #bfe6f9; }
.wysiwyg-editor-modal .box .adminlistitems a.attention-2 .details { font-weight: bold; }
.wysiwyg-editor-modal .box .adminlistitems p { margin: 0; display: inline-block; padding: 8px 10px; }
.wysiwyg-editor-modal .box .adminlistitems img { width: 58px; height: 58px; display: inline-block; background: #000; }
.wysiwyg-editor-modal .box .adminlistitems .details { float: right; display: block; font-size: 80%; padding: 10px 10px 0; text-transform: uppercase; }
.wysiwyg-editor-modal .box .adminlistitems img + .details { padding-top: 20px; }
.wysiwyg-editor-modal .box .help { float: right; display: block; width: 18px; height: 18px; margin: 20px 60px 0 0; text-indent: -9999px; background: url(../img/help.png) no-repeat 0 0; }
.wysiwyg-editor-modal .box li.section-expand { background: none; }
.wysiwyg-editor-modal .box .links { margin-top: 10px; margin-right: 0px; border-top: 1px solid #e4e8ea; }
.wysiwyg-editor-modal .box .links.mid { border-bottom: 1px solid #e4e8ea; padding-bottom: 10px; }
.wysiwyg-editor-modal .box .links li { display: inline-block; }
.wysiwyg-editor-modal .box .links span { display: inline; font-size: 70%; font-weight: bold; }
.wysiwyg-editor-modal .box .links span a { display: inline; font-weight: normal; font-size: 100%; }
.wysiwyg-editor-modal .box .links a { display: block; color: #003a79; font-size: 70%; padding: 0 10px 0 5px; border-right: 1px solid #e4e8ea; }
.wysiwyg-editor-modal .box .links a.first { padding-left: 0; }
.wysiwyg-editor-modal .box .links a.last { border-right: none; }
.wysiwyg-editor-modal .box .links a:hover { color: #006bdf; }
.wysiwyg-editor-modal .box .comments li { margin: 10px 0 0 0; padding: 10px 0 10px 0; background: url(../img/dot_seperate.png) repeat-x 0 0; }
.wysiwyg-editor-modal .box .comments li.first { background: none; margin: 5px 0 0 0; padding: 0; }
.wysiwyg-editor-modal .box .comments img { width: 40px; height: 40px; background: #000; float: left; }
.wysiwyg-editor-modal .box .comments h6 { margin: 0 0 0 50px; color: #94cbe7; font-size: 90%; }
.wysiwyg-editor-modal .box .comments p { margin: 0 0 0 50px; font-size: 80%; }
.wysiwyg-editor-modal .box ul { margin: 0 60px 0 0; padding: 0; }
.wysiwyg-editor-modal .box li { margin: 2px 0; padding: 0; list-style: none; }
/* on / off switch */
.switch-on-off { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; right: 22px; position: absolute; top: 24px; width: 90px; cursor: pointer; }
.switch-on-off .switch-on, .switch-on-off .switch-off { font-size: 75%; font-weight: bold; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.switch-on-off .switch-on { background-color: #ebf7fd; border: 1px solid #b8def5; color: #003a79; position: absolute; overflow: hidden; width: 100%; text-align: left; transition: width 0.2s ease; -moz-transition: width 0.2s ease; -webkit-transition: width 0.2s ease; -o-transition: width 0.2s ease; }
.switch-on-off .switch-off { background-color: #f5e6dc; border: 1px solid #dcbdab; color: #ca6b35; position: absolute; overflow: hidden; width: 0%; right: 0; text-align: right; transition: width 0.2s ease; -moz-transition: width 0.2s ease; -webkit-transition: width 0.2s ease; -o-transition: width 0.2s ease; }
.switch-on-off .switch-toggle { background-image: url(../img/toggle_switch_2.png); position: absolute; left: 100%; margin-left: -40px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; width: 46px; height: 37px; margin-top: -4px; }
.switch-on-off.off .switch-off { width: 100%; }
.switch-on-off.off .switch-on { width: 0%; }
.switch-on-off.off .switch-toggle { left: 0%; margin-left: -5px; }
/* discussions */
#topic-button-add-post { margin: -10px 0 15px 0; }
#start-new-topic #start-new-topic-header, #start-new-topic #new-post-header, #start-new-topic .topic-post-header, #new-post #start-new-topic-header, #new-post #new-post-header, #new-post .topic-post-header, .topic-post #start-new-topic-header, .topic-post #new-post-header, .topic-post .topic-post-header { margin: 20px 0 15px 100px; }
#start-new-topic .topic-post-header, #new-post .topic-post-header, .topic-post .topic-post-header { margin-bottom: 5px; line-height: 120%; }
#start-new-topic .topic-post-post, #new-post .topic-post-post, .topic-post .topic-post-post { font-size: 80%; margin: 2px 50px 17px 100px; }
#start-new-topic .topic-post-reply, #new-post .topic-post-reply, .topic-post .topic-post-reply { padding: 10px 15px; margin: 10px 50px 10px 100px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 2px solid #bddef4; background-color: #ebf7fd; -webkit-box-shadow: inset 0 0 1px 2px #ffffff !important; -moz-box-shadow: inset 0 0 1px 2px #ffffff !important; box-shadow: inset 0 0 1px 2px #ffffff !important; }
#start-new-topic .topic-post-reply .topic-post-reply, #new-post .topic-post-reply .topic-post-reply, .topic-post .topic-post-reply .topic-post-reply { margin: 10px 0; padding: 7px 12px; }
#start-new-topic .topic-post-reply p, #start-new-topic .topic-post-reply strong.name, #new-post .topic-post-reply p, #new-post .topic-post-reply strong.name, .topic-post .topic-post-reply p, .topic-post .topic-post-reply strong.name { font-size: 73%; margin: 0 0 12px; }
#start-new-topic .topic-post-reply p, #new-post .topic-post-reply p, .topic-post .topic-post-reply p { margin-bottom: 0; }
#start-new-topic .form-elements, #new-post .form-elements, .topic-post .form-elements { background: none; border-bottom: 1px solid #e4e8ea; padding-top: 0; padding-bottom: 0; margin-left: 100px; width: 713px; }
#start-new-topic .form-elements input, #start-new-topic .form-elements textarea, #new-post .form-elements input, #new-post .form-elements textarea, .topic-post .form-elements input, .topic-post .form-elements textarea { margin: 0 0 10px; }
#start-new-topic #start-new-topic-post-name, #start-new-topic #start-new-topic-post, #new-post #start-new-topic-post-name, #new-post #start-new-topic-post, .topic-post #start-new-topic-post-name, .topic-post #start-new-topic-post { margin-left: 79px; }
#start-new-topic .button, #new-post .button, .topic-post .button { margin: 10px 10px 10px 0; }
#start-new-topic .button.blue, #new-post .button.blue, .topic-post .button.blue { margin-left: 100px; }
#start-new-topic .subheaders, #new-post .subheaders, .topic-post .subheaders { margin: -7px 0 0 100px !important; }
#start-new-topic .links, #new-post .links, .topic-post .links { margin: 10px 50px 10px 100px; padding: 0; border-top: 1px solid #e4e8ea; }
#start-new-topic .links.mid, #new-post .links.mid, .topic-post .links.mid { border-bottom: 1px solid #e4e8ea; padding-bottom: 10px; }
#start-new-topic .links li, #new-post .links li, .topic-post .links li { display: inline-block; }
#start-new-topic .links li.dimmed-item, #new-post .links li.dimmed-item, .topic-post .links li.dimmed-item { float: right; margin-top: 5px; color: #afafaf; font-size: 66%; }
#start-new-topic .links li.dimmed-item a, #new-post .links li.dimmed-item a, .topic-post .links li.dimmed-item a { color: #afafaf; border: none; padding: 0; font-size: 100%; }
#start-new-topic .links li.dimmed-item a:hover, #new-post .links li.dimmed-item a:hover, .topic-post .links li.dimmed-item a:hover { color: #7c7c7c; }
#start-new-topic .links span, #new-post .links span, .topic-post .links span { display: inline; font-size: 70%; font-weight: bold; }
#start-new-topic .links span a, #new-post .links span a, .topic-post .links span a { display: inline; font-weight: normal; font-size: 100%; }
#start-new-topic .links a, #new-post .links a, .topic-post .links a { display: block; color: #003a79; font-size: 70%; padding: 0 10px 0 5px; border-right: 1px solid #e4e8ea; }
#start-new-topic .links a.first, #new-post .links a.first, .topic-post .links a.first { padding-left: 0; }
#start-new-topic .links a.last, #new-post .links a.last, .topic-post .links a.last { border-right: none; }
#start-new-topic .links a:hover, #new-post .links a:hover, .topic-post .links a:hover { color: #006bdf; }
#start-new-topic-profile, #new-post-profile, .topic-post-profile, .highest-profile { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; border: 2px solid #2997cf; padding: 2px; position: absolute; top: 20px; left: 20px; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; -webkit-box-shadow: inset 0 0 1px 2px #ffffff !important; -moz-box-shadow: inset 0 0 1px 2px #ffffff !important; box-shadow: inset 0 0 1px 2px #ffffff !important; }
#new-post-reply { width: 648px; margin: 12px 0 0 102px; }
#new-post-reply h6 { font-size: 83%; margin: 0 0 3px; }
#new-post-reply .content { padding: 7px; border: 3px solid white; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ebf7fd; margin: 0 0 15px; overflow: hidden; }
#new-post-reply .content span { font-size: 61%; margin: 0 0 4px; display: block; color: #afafaf; }
#new-post-reply .content p { font-size: 61%; margin: 0; color: #6a6a6a; line-height: 160%; }
/* pagination */
.pagination { padding: 10px; margin-top: 25px; background-color: #f1f3f5 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 5px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pagination .posts-per-page { float: left; }
.pagination .posts-per-page * { display: inline-block; }
.pagination .posts-per-page p { font-size: 80%; margin: 0 0 0 10px; }
.pagination .pages { float: right; }
.pagination .pages * { display: inline-block; }
.pagination .pages a { font-size: 80%; margin: 0; padding: 4px 8px; color: #2997cf; }
.pagination .pages a.current { background: #dde0e4; background: -moz-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eaedf1), color-stop(100%, #dde0e4)); background: -webkit-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: -o-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: -ms-linear-gradient(top, #eaedf1 1%, #dde0e4 100%); background: linear-gradient(top, #eaedf1 1%, #dde0e4 100%); }
.pagination .pages p { margin: 0; font-size: 73%; }
/* placeholder */
.placeholder-default { color: #afafaf !important; }
/* rating scale field */
ul.rating-scale-field li { background-image: url(../img/rating_scale.png); background-position: center top; background-repeat: no-repeat; list-style: none; float: left; width: 75px; padding: 30px 5px 15px; font-size: 81%; text-align: center; color: #afafaf; line-height: 121%; cursor: pointer; position: relative; }
ul.rating-scale-field li:first-child { background-image: url(../img/rating_scale_first.png); background-position: 29px top; }
ul.rating-scale-field li.last { background-image: url(../img/rating_scale_last.png); background-position: -38px top; }
ul.rating-scale-field li .selected-circle { display: none; position: absolute; top: -2px; left: 23px; background-image: url(../img/rating_scale_selected.png); width: 29px; height: 29px; }
ul.rating-scale-field li.selected { color: #1a1a1a; }
ul.rating-scale-field li.selected .selected-circle { display: block; }
ul.rating-scale-field li:hover { color: #1a1a1a; }
@media only screen and (max-width: 767px) {
ul.rating-scale-field {
width: 100%;
}
ul.rating-scale-field li {
width: 38px;
}
ul.rating-scale-field li span {
line-height: 85%;
display: block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
margin-top: 10px;
}
ul.rating-scale-field li:first-child {
background-position: 11px top;
}
ul.rating-scale-field li.last {
background-position: -56px top;
}
ul.rating-scale-field li .selected-circle {
left: 5px;
}
}
/* input focus */
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus { border: 1px solid #2997CF; border: 1px solid rgba(41, 151, 207, 0.5); outline: none; -webkit-box-shadow: 0 0 0 3px #d4eaf5; box-shadow: 0 0 0 3px #d4eaf5; }
textarea:focus { border: 1px solid #2997CF; border: 1px solid rgba(41, 151, 207, 0.5); outline: none; -webkit-box-shadow: 0 0 0 3px #d4eaf5; box-shadow: 0 0 0 3px #d4eaf5; }
/* donation */
#donation-receipt .container { background-color: white; padding: 15px 25px; }
#donation-receipt .container p { font-size: 85%; }
#donation-receipt .container h2 { font-family: adelle; font-size: 210%; color: #003a79; margin-bottom: 17px !important; }
#donation-receipt .container .sharing { margin: 0 0 15px; }
#donation-receipt .container .sharing p { margin: 0 0 10px; }
#donation-receipt .container table { widht: 350px; margin: 0 100px 50px 0; float: left; }
#donation-receipt .container table td { color: #7a7a7b; font-size: 84%; padding: 0 15px 15px 0; }
#donation-receipt .container table td.first { color: #1a1a1a; padding-right: 65px; }
#donation-receipt .approval-code { font-family: adelle; float: left; color: #003a79; font-size: 150%; margin: 15px 25px; }
#donation-receipt .approval-code span { color: #1a1a1a; }
/* select-dropdown */
.select-dropdown a.select-dropdown-link { padding: 7px 40px 0 5px; height: 23px; background-image: url(../img/dropdown_bg.png); background-position: top right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #b1bec4; color: #1a1a1a; font-weight: bold; display: block; }
.select-dropdown .add-new-question { position: relative; }
.select-dropdown .add-new-question a { width: 19px; height: 18px; background-image: url(../img/list_add_grey.png); position: absolute; left: 174px; top: 11px; display: block; }
.select-dropdown .add-new-question input { width: 150px; margin: 5px 20px 5px 15px !important; padding: 7px 25px 7px 5px !important; outline: none; font-size: 100% !important; }
.select-dropdown div.select-dropdown-list { display: none; position: absolute; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); padding: 5px 0; margin-top: -1px; overflow-y: auto; overflow-x: hidden; max-height: 310px; }
.select-dropdown div.select-dropdown-list ul { margin: 0; padding: 0; }
.select-dropdown div.select-dropdown-list ul li { margin: 0; padding: 10px 30px 10px 15px; list-style: none; position: relative; max-width: 167px; line-height: 100%; }
.select-dropdown div.select-dropdown-list ul li a.remove { width: 18px; height: 18px; background-image: url(../img/list_remove_grey.png); display: none; position: absolute; right: 7px; top: 7px; }
.select-dropdown div.select-dropdown-list ul li:hover { background-color: #ebf7fd; cursor: pointer; }
.select-dropdown div.select-dropdown-list ul li:hover a.remove { display: block; }
/* dropdown */
div.dropdown { /*display: none;*/ position: absolute; top: 142%; width: 50%; right: -8px; z-index: 500; background-color: white; border: 1px solid #b1bec4; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px !important; }
div.dropdown .dropdown-arrow { background-image: url(../img/wysiwyg_editor_arrow.png); width: 46px; height: 25px; right: 6%; margin: -35px 0 0 -23px; position: absolute; }
div.dropdown .dropdown-content { background-color: #ebf7fd; border: 1px solid #b1bec4; padding: 15px; }
div.dropdown .dropdown-content.no-padding { padding: 0; }
div.dropdown .dropdown-content > a { font-size: 77%; }
div.dropdown ul.dropdown-options-list { margin: 0; padding: 0; }
div.dropdown ul.dropdown-options-list li { padding: 0; list-style: none; font-size: 84%; text-shadow: 0px 1px 0px white; }
div.dropdown ul.dropdown-options-list li:hover { background-color: #d6effb; }
div.dropdown ul.dropdown-options-list li a { padding: 15px; display: block; border-top: 1px solid white; border-bottom: 1px solid #b1bec4; }
div.dropdown ul.dropdown-options-list li a:hover { color: #003a79; }
div.dropdown ul.dropdown-options-list li:first-child a { border-top: none; }
div.dropdown ul.dropdown-options-list li.last a { border-bottom: none; }
div.dropdown ul.dropdown-options-list li span { color: #1a1a1a; }
/* links */
a.show-all { margin: -7px 40px 15px; float: right; font-size: 84%; }
/* header links */
ul.header-links { font-size: 83%; float: right; line-height: 100%; margin: 17px 0 0; padding: 0; }
ul.header-links li { list-style: none; color: #afafaf; display: inline; }
ul.header-links li.current a { color: #003979; }
ul.header-links li span { margin: 0 10px; }
/* borders */
.border-1-left { background: transparent url(../img/dot_seperate_vert.png) repeat-y left !important; }
/* search results */
.search-results-header span { color: #afafaf; }
ul.search-results { margin: 0 40px 15px; padding: 0; }
ul.search-results li { list-style: none; border-bottom: 1px dotted #b1bec4; padding: 10px 0; margin: 0; height: 60px; }
ul.search-results li img { float: left; clear: left; }
ul.search-results li div { float: left; }
ul.search-results li p { float: left; font-size: 78%; color: #afafaf; margin: 0 20px 0; }
ul.search-results li a.link { margin: 10px 20px 0; display: block; }
ul.search-results li a.button { float: right; clear: right; }
ul.search-results li .member-status { float: right; text-transform: uppercase; }
ul.search-results li .member-status p { color: #003979; margin: 18px 0 0; }
ul.search-results li:first-child { border-top: 1px dotted #b1bec4; }
ul.search-results-grid { margin: 0 40px 15px; padding: 20px 0; border-top: 1px dotted #b1bec4; border-bottom: 1px dotted #b1bec4; }
ul.search-results-grid li { list-style: none; width: 33%; float: left; height: 60px; padding: 10px 0; margin: 0; }
ul.search-results-grid li img { float: left; clear: left; }
ul.search-results-grid li div { float: left; }
ul.search-results-grid li a { margin: 5px 10px 0; display: block; font-size: 84%; }
ul.search-results-grid li p { font-size: 78%; color: #afafaf; margin: 0 10px 0; }
div.no-search-results { display: block; font-size: 90%; margin: 0 40px 60px; line-height: 200%; }
/* path */
.path { width: 50%; height: 56px; padding: 0; margin: 20px auto 50px; position: relative; background: url(../img/path_strip.jpg) repeat-x 0 center; }
.path li { display: inline-block; margin: 0 0 0 -27px; padding: 0; position: absolute; }
.path li.first { left: 0; margin: 0; }
.path li.last { right: 0; margin: 0; }
.path li.half { left: 50%; }
.path li:hover p { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }
.path li:hover span { color: #003979; }
.path p { width: 56px; height: 48px; text-align: center; background: url(../img/path_dots.png) no-repeat 0 0; color: #2997cf; font-size: 200%; margin: 0; padding: 4px 0; font-family: adelle; }
.path .active p { background-position: 0 -56px; color: white; }
.path .completed p { background-position: 0 -112px; }
.path span { text-align: center; display: block; width: 156px; position: absolute; left: -50px; margin-top: 5px; color: #5cafd9; font-size: 84%; }
.path .active span { color: #003979; }
.path.five-steps { width: 691px; }
.path.five-steps li.half { left: 61px; position: relative; margin-left: 98px; }
/* icon links */
ul.icon-links { padding: 0; margin: 0 0 15px; }
ul.icon-links li { list-style: none; }
ul.icon-links li a { height: 48px; margin: 0 0 15px; display: block; padding-top: 10px; padding-left: 70px; background-image: url(../img/box_ring.png); background-repeat: no-repeat; }
ul.icon-links li a p { font-weight: bold; color: #1a1a1a; font-size: 95%; margin: 0; }
ul.icon-links li a span { color: #7a7a7b; font-size: 71%; display: block; }
ul.icon-links li a.event { background-image: url(../img/box_event.png); }
ul.icon-links li a.email { background-image: url(../img/box_email.png); }
ul.icon-links li a.album { background-image: url(../img/box_album.png); }
ul.icon-links li a.fund { background-image: url(../img/box_fund.png); }
/* sharing textarea */
div.sharing-textarea { position: relative; }
div.sharing-textarea p { color: #1a1a1a; margin: 0; font-size: 84%; font-weight: bold; }
div.sharing-textarea span { display: block; color: #afafaf; font-size: 71%; margin: 0 0 10px; }
div.sharing-textarea textarea { width: 100%; margin: 0 0 15px; }
/* share small */
ul.share-small { padding: 0; margin: 0 0 15px; }
ul.share-small li { list-style: none; float: left; width: 65px; background-position: center center; background-repeat: no-repeat; }
ul.share-small li.share-small-fb { background-image: url(../img/share_small_fb.png); }
ul.share-small li.share-small-twitter { background-image: url(../img/share_small_twitter.png); }
ul.share-small li.share-small-google { background-image: url(../img/share_small_google.png); }
ul.share-small li.share-small-linkedin { background-image: url(../img/share_small_linkedin.png); }
/* donations received, rsvp chart */
div.donations-received, div.rsvp-chart { margin: 0 0 15px; }
div.donations-received > div, div.rsvp-chart > div { float: left; width: 30%; margin: 0; padding: 0; }
div.donations-received ul, div.rsvp-chart ul { float: right; width: 60%; margin: 15px 0 0 10%; padding: 0; }
div.donations-received ul li, div.rsvp-chart ul li { list-style: none; float: left; width: 28%; margin: 0 0 30px 5%; }
div.donations-received ul li p, div.rsvp-chart ul li p { color: #1a1a1a; font-size: 122%; font-family: adelle; margin: 0; line-height: 100%; }
div.donations-received ul li span, div.rsvp-chart ul li span { color: #afafaf; font-size: 67%; margin: 0; line-height: 100%; }
div.donations-received .total, div.rsvp-chart .total { color: #1a1a1a; margin: 0; }
div.donations-received .total-sub, div.rsvp-chart .total-sub { font-size: 77%; color: #7a7a7b; margin: 0 0 15px; }
div.donations-received .bar, div.rsvp-chart .bar { height: 14px; background: #d2d9dd; background: -moz-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #bec5c9), color-stop(100%, #d2d9dd)); background: -webkit-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -o-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -ms-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-bottom: 1px solid #fff; }
div.donations-received .complete, div.rsvp-chart .complete { height: 12px; background: #e76931; background: -moz-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eb7e3b), color-stop(100%, #e76931)); background: -webkit-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -o-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -ms-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: linear-gradient(top, #eb7e3b 1%, #e76931 100%); border: 1px solid #b13902; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: inset 0px 1px 1px 0px #f2a677; box-shadow: inset 0px 1px 1px 0px #f2a677; }
div.rsvp-chart > div { float: left; width: 30%; }
div.rsvp-chart ul { width: 70%; margin: 15px 0 0; }
div.rsvp-chart ul li { width: 30%; height: 60px; margin: 0 0 30px 3%; }
/* wrap long words */
.wraplong { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word;/* IE 5+ */ }
/* hr */
.hr-1 { margin: 0 0 15px 0 !important; border: none !important; background: url(../img/dot_seperate.png) repeat-x 0 0; height: 1px !important; }
.hr-2 { border-top: 1px solid #e4e8ea !important; border-bottom: 1px solid white !important; background: none !important; height: 0; }
/* chart colors */
.chart-color { margin: 2px 0 0; padding: 0; display: block; width: 25px; height: 7px; }
.chart-color-1 { background-color: #84c46c; }
.chart-color-2 { background-color: #53c1f0; }
.chart-color-3 { background-color: #e6621f; }
.chart-color-4 { background-color: #e6ebed; }
/* tabs */
.tab-selector { position: relative; top: -36px; left: -1px; padding: 0; margin: 0 !important; }
.tab-selector li { padding: 0; display: inline; list-style: none; }
.tab-selector a { display: inline-block; height: 36px; text-align: center; padding: 10px 5px 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-size: 75%; -webkit-box-shadow: inset 0px 1px 1px 0px #fff; box-shadow: inset 0px 1px 1px 0px #fff; }
.tab-selector a.active { color: #1a1a1a; border-top: 1px solid #b1bec4; border-left: 1px solid #b1bec4; border-right: 1px solid #b1bec4; background: #f6f8f9; }
 @media only screen and (max-width: 767px) {
.tab-selector a {
font-size: 80%;
}
}
.tab-content { margin-top: -30px !important; }
.tab-content > div { display: none; }
.tab-content .active { display: block; }
.tab-content .recent_donors { background: url(../img/dot_seperate.png) repeat-x 0 bottom; padding-bottom: 13px; }
.tab-content .tab-content-row { padding: 18px 0; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.tab-content .tab-content-row.last { background: none !important; border-bottom: 1px solid #b1bec4; margin-bottom: 5px; }
.level { position: relative;/*border-bottom: 1px solid #e6ebed;
  padding:15px 0 8px;*/ }
.level h4 { margin: 20px 0 10px 0 !important; font-family: adelle; color: #1a1a1a; background: none; }
.level h4 span { float: right; font-weight: normal; }
.level a, .level p { font-size: 75%; line-height: 174%; margin: 0 0 5px; }
.level .toggle { display: block; font-size: 80%; line-height: 100%; font-weight: bold; color: #1a1a1a; padding: 0 0 0 21px; background: transparent url(../img/expand_plus.gif) no-repeat left center; }
.level .toggle.open { background-image: url(../img/expand_minus.gif); }
.level .toggleable { display: none; }
.level:last-child { border: none; }
.donors .show-all, .supporters .show-all { float: right; }
.donors a, .supporters a { display: block; font-size: 75%; margin: 0 0 2px; }
.donors span, .supporters span { display: block; color: #afafaf; font-size: 75%; margin: 0 0 6px; }
.donors .bar, .supporters .bar { height: 8px !important; }
.donors .bar .complete, .supporters .bar .complete { height: 7px !important; }
.donors img, .supporters img { /*width: 40px; height: 40px; max-width: 40px;*/ }
.tabs-search { margin-top: 30px; }
.tabs-search .tabs { background: none; padding-bottom: 0; }
.tabs-search .search { padding: 10px 0 8px 0; margin-top: -2px; background: url(../img/double_line.jpg) repeat-x 0 0 #c6cfd4; border-bottom: 1px solid #97a0a5; }
.tabs-search input { margin: 0 5px; padding: 7px 5px; font-size: 80%; border: 1px solid #b1bec4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; background: -moz-linear-gradient(top, #e5eaec 1%, white 20%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e5eaec), color-stop(20%, white)); background: -webkit-linear-gradient(top, #e5eaec 1%, white 20%); background: -o-linear-gradient(top, #e5eaec 1%, white 20%); background: -ms-linear-gradient(top, #e5eaec 1%, white 20%); background: linear-gradient(top, #e5eaec 1%, white 20%); }
.tabs-search .date { width: 80px; }
.tabs-search .table-search { margin: 0 120px 0 40px; padding-left: 10px; padding-right: 35px; width: 180px; background: url(../img/search_tab_2.png) no-repeat right center white; }
.tabs-search .table-search-link { position: absolute; width: 33px; height: 31px; left: 233px; background-image: url(../img/transparent.png); outline: none; }
.tabs-search span { color: #6a6a6a; font-size: 80%; }
.tabs-search .dropdown, .tabs-search .calendar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; border: 1px solid #b1bec4; }
.tabs-search .calendar { margin-right: 30px; width: 30px; height: 30px; background: url(../img/calendar.png) no-repeat center center #d4dbdf; }
.tabs-search .dropdown { height: 24px; color: #1a1a1a; padding: 6px 30px 0 10px; background: url(../img/down_arrow_black.png) no-repeat 78px center #d4dbdf; font-size: 80%; float: right; margin-right: 20px; }
.tabs-search .choose-recipients { /*.listed {
    }*/ }
.tabs-search .choose-recipients .table-search { margin: 0 10px 0; padding-right: 35px; }
.tabs-search .choose-recipients .dropdown { margin-top: -2px; }
.tabs-search .choose-recipients .contact-type { margin: 5px 10px 0; float: right; }
.tabs { margin: 30px 0 0; padding: 0 40px 11px; background: url(../img/tab_strip.jpg) repeat-x 0 bottom; }
.tabs li { margin: 0; padding: 0; list-style: none; display: inline-block; }
.tabs a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: block; border-top: 1px solid #b1bec4; border-left: 1px solid #b1bec4; border-right: 1px solid #b1bec4; text-align: center; font-size: 80%; background: #f6f7f8; padding: 8px 30px 6px; }
.tabs a.active { padding-bottom: 8px; background: #c7d0d5; background: -moz-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e5eaec), color-stop(100%, #c7d0d5)); background: -webkit-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: -o-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: -ms-linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); background: linear-gradient(top, #e5eaec 1%, #c7d0d5 100%); border-color: #a2adb3; color: #1a1a1a; }
.tabs.tabs-1 { background: #e6ebed; padding: 10px 40px 0px; border-top: 1px solid #b1bec4; border-bottom: 1px solid #b1bec4; margin: 10px 2px; }
.tabs.tabs-1 a { background: transparent; border: none; margin-bottom: -1px; padding-bottom: 15px; }
.tabs.tabs-1 a.active { color: #003979; background-color: white; border-top: 1px solid #b1bec4; border-left: 1px solid #b1bec4; border-right: 1px solid #b1bec4; }
/* add/remove */
.add-remove a { width: 80px; text-align: center; }
.add-remove a.remove { display: none; position: absolute; top: 0; right: 0; }
/* drop-menu */
a.drop-menu-open { background-image: url(../img/about-arrow.png); background-repeat: no-repeat; background-position: center center; width: 12px; height: 8px; margin-left: 12px; margin-right: 30px; }
a.drop-menu-open.last { margin-right: 0; }
.drop-menu { display: none; position: absolute; margin-left: -166px; margin-top: 5px; }
.drop-menu div.arrow { width: 37px; height: 33px; position: absolute; margin-left: 163px; margin-top: -33px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border: 2px solid white; border-bottom: none; background: #ebf7fd; z-index: 101; background-image: url(../img/drop_menu_open_arrow.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.drop-menu ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35); width: 200px; border: 2px solid white; background: #ebf7fd; margin: 0; padding: 0; position: absolute; z-index: 100; }
.drop-menu ul li { padding: 10px; display: block; font-size: 77%; }
.drop-menu ul li.divider { background-image: url(../img/drop_menu_divider.png); background-repeat: repeat-x; background-position: top; }
.drop-menu ul li a { color: #2997cf; font-weight: bold; }
.drop-menu ul li a:hover { color: #003979; }
.drop-menu ul li a.logout { padding-left: 15px; background-image: url(../img/logout.png); background-repeat: no-repeat; background-position: center left; }
/* search notification */
.search-notification { display: block; border: 1px solid #fce7b1; background-color: #fcfad9; color: #ed7828; padding: 10px; font-size: 84%; font-weight: bold; position: relative; }
.search-notification a.close { float: right; width: 18px; height: 18px; background-image: url(../img/search_notification_close.png); margin-right: 10px; border: none !important; }
/* add recipients */
#add-recipients-add-new .content-wrapper { padding: 35px; }
#add-recipients-add-new label { float: left; clear: left; margin: 0 15px 20px 0; font-weight: normal; color: #7a7a7b; width: 170px; text-shadow: 0px 1px 0px white; }
#add-recipients-add-new label.bold { font-weight: bold; width: 100%; color: #1a1a1a; margin: 0 0 10px; }
#add-recipients-add-new textarea { width: 100%; margin: 0 0 15px; }
#add-recipients-add-new select { margin: 9px 0 0; }
#add-recipients-add-new .import-links { margin: -5px 310px 0 0; float: left; }
#add-recipients-add-new .import-links a.link-import { width: 28px; height: 28px; display: inline-block; margin: 0 5px 0 0; }
#add-recipients-add-new .import-links a.link-import.link-import-1 { background-image: url(../img/import_icon_1.png); }
#add-recipients-add-new .import-links a.link-import.link-import-2 { background-image: url(../img/import_icon_2.png); }
#add-recipients-add-new .import-links a.link-import.link-import-3 { background-image: url(../img/import_icon_3.png); }
#add-recipients-add-new .import-links a.link-import.link-import-4 { background-image: url(../img/import_icon_4.png); }
#add-recipients-add-new .import-links a.link-import.link-import-5 { background-image: url(../img/import_icon_5.png); }
#add-recipients-add-new .import-links a.link-import.link-import-6 { background-image: url(../img/import_icon_6.png); }
#add-recipients-add-new a.button { float: left; clear: both; margin: 0 0 15px; }
#add-recipients-add-new .info-table-wrapper { width: 100%; }
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
body { background: #e6ebed; font-family: 'Lucida Grande', "Helvetica", "Arial", sans-serif; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
/* Links ---------------------- */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { color: #2795b6; }
a:focus { color: #2ba6cb; outline: none; }
p a, p a:visited { line-height: inherit; }
/* Misc ---------------------- */
.cw50 { width: 49%; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }
.highlight { background: #ffff99; }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0;
}
.font2, a.font2 { font-family: "Palatino Linotype", "Book Antiqua3", "Palatino", serif; color: #535353; }
/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }
/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; font-size: 16px; }
p { font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
/*h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 50%; display: block; line-height: 0; }*/
h1 { font-size: 44px; }
h2 { font-size: 37px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-weight: bold; background: #ffff99; }
/* Lists ---------------------- */
ul, ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }
 @media print {
* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
/* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
/* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
}
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }
.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
label { font-size: 14px; color: #4d4d4d; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
 @media only screen and (max-width: 767px) {
label.right {
text-align: left;
}
.cw50 {
width: 100%;
}
}
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
/*a.foundation-button.prefix, a.foundation-button.postfix { padding-left: 0; padding-right: 0; text-align: center; }*/
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
/*input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }*/
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
textarea { height: auto; }
select { width: 100%; }
/* Fieldsets */
fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; padding: 0 3px; margin: 0 0 0 -3px; }
/* Errors */
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error label, label.error { color: #c60f13; }

/*.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }*/
@media only screen and (max-width: 767px) {
input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one {
width: 100% !important;
}
input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
width: 100% !important;
}
input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
width: 100% !important;
}
input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
width: 100% !important;
}
input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
width: 100% !important;
}
input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
width: 100% !important;
}
input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
width: 100% !important;
}
input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
width: 100% !important;
}
input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
width: 100% !important;
}
input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
width: 100% !important;
}
input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
width: 100% !important;
}
input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
width: 100% !important;
}
}
form { margin: 0 0 19.41641px; }
.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
label { font-size: 14px; color: #4d4d4d; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
 @media only screen and (max-width: 767px) {
label.right {
text-align: left;
}
}
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
/*a.foundation-button.prefix, a.foundation-button.postfix { padding-left: 0; padding-right: 0; text-align: center; }*/
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
/*input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }*/
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background: #ddd !important; }
textarea { height: auto; }
select { width: 100%; }
/* Fieldsets */
fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0 0 0 -3px; }
/* Errors */
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error label, label.error { color: #c60f13; }

/*.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }*/
@media only screen and (max-width: 767px) {
input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one {
width: 100% !important;
}
input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
width: 100% !important;
}
input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
width: 100% !important;
}
input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
width: 100% !important;
}
input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
width: 100% !important;
}
input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
width: 100% !important;
}
input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
width: 100% !important;
}
input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
width: 100% !important;
}
input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
width: 100% !important;
}
input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
width: 100% !important;
}
input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
width: 100% !important;
}
input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
width: 100% !important;
}
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; font-size: 16px; }
p { font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
/*h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }*/
h1 { font-size: 44px; }
h2 { font-size: 37px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { color: #1a1a1a; font-size: 85%; margin: -9px 0 15px; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold !important; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-weight: bold; background: #ffff99; }
/* Lists ---------------------- */
ul, ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }
 @media print {
* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
/* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
/* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
}
/* The Grid ---------------------- */
.row { width: 890px; max-width: 100%; min-width: 768px; margin: 0 auto; }
/*&.admin .row { width: 970px; }*/
.marketing .row { width: 940px; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
 [class*="column"] + [class*="column"]:last-child {
 float: right;
}
 [class*="column"] + [class*="column"].end {
 float: left;
}
.columns_new { float: left; min-height: 1px; padding: 0 5px; position: relative; }
.column_new.centered { float: none; margin: 0 auto; }
 [class*="column_new"] + [class*="column_new"]:last-child {
 float: right;
}
.one, .row .one { width: 8.33333%; }
.two, .row .two { width: 16.66667%; }
.three, .row .three { width: 25%; }
.four, .row .four { width: 33.33333%; }
.five, .row .five { width: 41.66667%; }
.six, .row .six { width: 50%; }
.seven, .row .seven { width: 58.33333%; }
.eight, .row .eight { width: 66.66667%; }
.nine, .row .nine { width: 75%; }
.ten, .row .ten { width: 83.33333%; }
.eleven, .row .eleven { width: 91.66667%; }
.twelve, .row .twelve { width: 100%; }
.row .offset-by-one { margin-left: 8.33333%; }
.row .offset-by-two { margin-left: 16.66667%; }
.row .offset-by-three { margin-left: 25%; }
.row .offset-by-four { margin-left: 33.33333%; }
.row .offset-by-five { margin-left: 41.66667%; }
.row .offset-by-six { margin-left: 50%; }
.row .offset-by-seven { margin-left: 58.33333%; }
.row .offset-by-eight { margin-left: 66.66667%; }
.row .offset-by-nine { margin-left: 75%; }
.row .offset-by-ten { margin-left: 83.33333%; }
.push-two { left: 16.66667%; }
.pull-two { right: 16.66667%; }
.push-three { left: 25%; }
.pull-three { right: 25%; }
.push-four { left: 33.33333%; }
.pull-four { right: 33.33333%; }
.push-five { left: 41.66667%; }
.pull-five { right: 41.66667%; }
.push-six { left: 50%; }
.pull-six { right: 50%; }
.push-seven { left: 58.33333%; }
.pull-seven { right: 58.33333%; }
.push-eight { left: 66.66667%; }
.pull-eight { right: 66.66667%; }
.push-nine { left: 75%; }
.pull-nine { right: 75%; }
.push-ten { left: 83.33333%; }
.pull-ten { right: 83.33333%; }
img, object, embed { max-width: 100%; height: auto; } /* can cause issues with image plugins like cropper */
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img { max-width: none!important; }
/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1;
}
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) {
body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.row {
width: auto;
min-width: 0;
margin-left: 0;
margin-right: 0;
}
.column, .columns {
width: 99% !important;
float: none;
padding: 0 20px !important;
}
.column:last-child, .columns:last-child {
float: none;
}
 [class*="column"] + [class*="column"]:last-child {
 float: none;
}
.columns_new {
width: auto !important;
float: none;
}
.columns_new:before, .columns_new:after {
content: "";
display: table;
}
.columns_new:after {
clear: both;
}
.column:before, .columns:before, .column:after, .columns:after {
content: "";
display: table;
}
.column:after, .columns:after {
clear: both;
}
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
margin-left: 0 !important;
}
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
left: auto;
}
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
right: auto;
}
/* Mobile 4-column Grid */
  .row .mobile-one {
width: 25% !important;
float: left;
padding: 0 15px;
}
.row .mobile-one:last-child {
float: right;
}
.row.collapse .mobile-one {
padding: 0;
}
.row .mobile-two {
width: 50% !important;
float: left;
padding: 0 15px;
}
.row .mobile-two:last-child {
float: right;
}
.row.collapse .mobile-two {
padding: 0;
}
.row .mobile-three {
width: 75% !important;
float: left;
padding: 0 15px;
}
.row .mobile-three:last-child {
float: right;
}
.row.collapse .mobile-three {
padding: 0;
}
.row .mobile-four {
width: 100% !important;
float: left;
padding: 0 15px;
}
.row .mobile-four:last-child {
float: right;
}
.row.collapse .mobile-four {
padding: 0;
}
.push-one-mobile {
left: 25%;
}
.pull-one-mobile {
right: 25%;
}
.push-two-mobile {
left: 50%;
}
.pull-two-mobile {
right: 50%;
}
.push-three-mobile {
left: 75%;
}
.pull-three-mobile {
right: 75%;
}
.four {
width:100% !important;
}
}
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) {
clear: both;
}
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) {
clear: both;
}
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) {
clear: both;
}
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) {
clear: both;
}

/* Mobile Block Grids */
@media only screen and (max-width: 767px) 
{
    .xs-mar-null{ margin:0 !important;}
    .xs-mar-lr-null{ margin-right:0 !important; margin-left:0 !important;}
.block-grid.mobile > li {
float: none;
width: 100%;
margin-left: 0;
}
.block-grid > li {
clear: none !important;
}
.block-grid.mobile-two-up > li {
width: 50%;
}
.block-grid.mobile-two-up > li:nth-child(2n+1) {
clear: both;
}
.block-grid.mobile-three-up > li {
width: 33.33%;
}
.block-grid.mobile-three-up > li:nth-child(3n+1) {
clear: both !important;
}
.block-grid.mobile-four-up > li {
width: 25%;
}
.block-grid.mobile-four-up > li:nth-child(4n+1) {
clear: both;
}
.block-grid.mobile-five-up > li:nth-child(5n+1) {
clear: both;
}
}
/* Correct timer in IE */
.lt-ie9 .timer { display: none !important; }
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
zoom: 1; }
/* Requires globals.css app.js */
/* Tabs ---------------------- */
dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
dl.tabs.contained { margin-bottom: 0; }
dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0 9px 0 20px; width: auto; text-transform: uppercase; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
dl.tabs dd a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
dl.tabs dd a:focus { font-weight: bold; color: #2ba6cb; }
dl.tabs dd.active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
dl.tabs dd.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
dl.tabs dd:first-child { margin-left: 0; }
dl.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd { border-left: 3px solid #cccccc; }
dl.tabs.vertical dd a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
dl.tabs.vertical dd.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
dl.tabs.vertical dd:first-child a.active { margin: 0; }
dl.tabs.pill { border-bottom: none; margin-bottom: 10px; }
dl.tabs.pill dd { margin-right: 10px; }
dl.tabs.pill dd:last-child { margin-right: 0; }
dl.tabs.pill dd a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
dl.tabs.pill dd.active { border: none; margin-top: 0; }
dl.tabs.pill dd.active a { background-color: #2ba6cb; border: none; color: #fff; }
dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; }
dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; }
dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; }
dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; }
dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20%; }
ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
.no-js ul.tabs-content > li { display: block; }
 @media only screen and (max-width: 767px) {
dl.tabs.mobile {
width: auto;
margin: 20px -20px 40px;
height: auto;
}
dl.tabs.mobile dt, dl.tabs.mobile dd {
float: none;
height: auto;
}
dl.tabs.mobile dd a {
display: block;
width: auto;
height: auto;
padding: 18px 20px;
line-height: 1;
border: solid 0 #ccc;
border-width: 1px 0 0;
margin: 0;
color: #555;
background: #eee;
font-size: 15px;
font-size: 1.5rem;
}
dl.tabs.mobile dd a.active {
height: auto;
margin: 0;
border-width: 1px 0 0;
}
.tabs.mobile {
border-bottom: solid 1px #ccc;
height: auto;
}
.tabs.mobile dd a {
padding: 18px 20px;
border: none;
border-left: none;
border-right: none;
border-top: 1px solid #ccc;
background: #fff;
}
.tabs.mobile dd a.active {
border: none;
background: #2ba6cb;
color: #fff;
margin: 0;
position: static;
top: 0;
height: auto;
}
.tabs.mobile dd:first-child a.active {
margin: 0;
}
dl.contained.mobile {
margin-bottom: 0;
}
dl.contained.tabs.mobile dd a {
padding: 18px 20px;
}
dl.tabs.mobile + ul.contained {
margin-left: -20px;
margin-right: -20px;
border-width: 0 0 1px 0;
}
}
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }
.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) {
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
display: block !important;
}
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
display: none !important;
}
}
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
.hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
display: block !important;
}
.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
display: none !important;
}
}
/* Small display targeting */
@media only screen and (max-width: 767px) {
.show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
display: block !important;
}
.hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
display: none !important;
}
}
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
 @media screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait {
display: block !important;
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.show-for-portrait, .hide-for-landscape {
display: block !important;
}
.hide-for-portrait, .show-for-landscape {
display: none !important;
}
}
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }
.hide-for-touch { display: block !important; }
.touch .show-for-touch { display: block !important; }
.touch .hide-for-touch { display: none !important; }
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
 @media only screen and (max-width: 1279px) and (min-width: 768px) {
.touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {
display: table !important;
}
}
@media only screen and (max-width: 767px) {
table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
display: table !important;
}
}
/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }
/* Labels ---------------------- */
.label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; /*background: #2ba6cb;*/ }
.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #e9e9e9; color: #505050; }
/* Tooltips ---------------------- */
.has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; }
.has-tip:hover { border-bottom: dotted 1px #196177; color: #2ba6cb; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }
.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; }
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
.tooltip.tip-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; }
.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }
 @media only screen and (max-width: 767px) {
.tooltip {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
padding: 7px 10px 9px 10px;
}
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
border-color: transparent transparent black transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
top: -12px;
left: 10px;
}
}
/* Panels ---------------------- */
.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout a { color: #fff; }
/*.panel.callout .foundation-button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel.callout .foundation-button:hover { background: rgba(255, 255, 255, 0.8); }*/
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/* Accordion ---------------------- */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.accordion > li .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 { margin: 0; }
ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion > li .content { display: none; padding: 15px; }
ul.accordion > li.active { border-top: 3px solid #2ba6cb; }
ul.accordion > li.active .title { background: white; padding-top: 13px; }
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
/* Side Nav ---------------------- */
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav li { display: block; list-style: none; margin: 0 0 7px 0; }
ul.side-nav li a { display: block; }
ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }
/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
dl.sub-nav dt { color: #999; font-weight: normal; }
dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; }
/* Pagination ---------------------- */
ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #2ba6cb; }
/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
/* Link List */
ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.link-list li a { display: block; }
/* Keytroke Characters ---------------------- */
.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 13px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video {
padding-top: 0;
}
}
/* Tables ---------------------- */
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
table thead, table tfoot { background: #f5f5f5; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { /*font-size: 14px;*/ line-height: 18px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; /*font-size: 16px;*/ font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) {
background: #f9f9f9;
}
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
/* Microformats ---------------------- */
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover { 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*/ }
.col-one { width: 60px !important; }
.col-two { width: 140px !important; }
.col-three { width: 220px !important; }
.col-four { width: 300px !important; }
.col-five { width: 380px !important; }
.col-six { width: 460px !important; }
.col-seven { width: 540px !important; }
.col-eight { width: 620px !important; }
.col-nine { width: 700px !important; }
.col-ten { width: 780px !important; }
.col-eleven { width: 860px !important; }
.col-full { width: 940px !important; }
header { background: url(../img/main_top.jpg) repeat-x 0 bottom white; padding-bottom: 5px; }
header.no-nav { height: 130px; }
header .bluebar { background: #1a66b8; background: -moz-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2da8d8), color-stop(100%, #1a66b8)); background: -webkit-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -o-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -ms-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: linear-gradient(top, #2da8d8 1%, #1a66b8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2da8d8', endColorstr='#1a66b8', GradientType=0 );
border-bottom: 1px solid #0a4a91; border-top: 1px solid #ace0f1; height: 82px; }
header .tabswitch, header h1 { position: absolute; left: 50%; margin: 0 0 0 -120px; width: 240px; }
header h1 { top: 15px; background: url(../img/logo.png) no-repeat center 0; height: 42px; }
header .tabswitch { top: 66px; }
header .tabswitch a { display: inline-block; width: 68px; padding: 4px 25px 8px; background: #2da8d8; position: relative; font-size: 90%; text-align: center; color: white; text-shadow: 0px -1px 0px #2a89bc; background: #46bfee; background: -moz-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6dcdf1), color-stop(100%, #46bfee)); background: -webkit-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: -o-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: -ms-linear-gradient(top, #6dcdf1 1%, #46bfee 100%); background: linear-gradient(top, #6dcdf1 1%, #46bfee 100%); border-top: 2px solid #99dcf6; }
header .tabswitch a:hover { background: #9cddf5; }
header .tabswitch .first { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 15px; -webkit-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; -webkit-box-shadow: inset 1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); box-shadow: inset 1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); border-right: 1px solid #99dcf6; }
header .tabswitch .first span { top: 4px; left: 7px; }
header .tabswitch .last { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; -webkit-box-shadow: inset -1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); box-shadow: inset -1px -3px 3px 1px #3f8ab0, 0px 5px 10px 0px rgba(1, 1, 1, 0.2); border-left: 1px solid #99dcf6; }
header .tabswitch .last span { top: 4px; right: 7px; }
header .tabswitch .active { background: #46abe0; background: -moz-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2b9fdc), color-stop(80%, #46abe0)); background: -webkit-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -o-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -ms-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: linear-gradient(top, #2b9fdc 1%, #46abe0 80%); border-top: 2px solid #61b6e3; }
header .tabswitch .active.first { border-right: 1px solid #2b8abc; }
header .tabswitch .active.last { border-left: 1px solid #2b8abc; }
header .tabswitch .active:hover { background: #46abe0; background: -moz-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2b9fdc), color-stop(80%, #46abe0)); background: -webkit-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -o-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: -ms-linear-gradient(top, #2b9fdc 1%, #46abe0 80%); background: linear-gradient(top, #2b9fdc 1%, #46abe0 80%); }
header .search { float: left; background: url(../img/search.png) no-repeat 8px center #0f5a82; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 80%; border: none; padding: 7px 5px 7px 32px; margin: 30px 20px 0 0; width: 125px; border-bottom: 1px solid #4c95ce; }
header .about { float: left; color: #fff; display: block; margin: 35px 0 15px 20px; font-size: 80%; padding-right: 20px; background: url(../img/about-arrow.png) no-repeat right center; }
header .memberplanet, header .user { float: right; margin: 30px 0 0 10px; }
header .memberplanet > li > a, header .user > li > a { display: inline-block; color: white; font-size: 80%;/*border-right:1px solid $text-light;*/}.last{/*
      	border-right:none;
      */ }
header .memberplanet > li > a:hover, header .user > li > a:hover { color: #e6e6e6; }
header .memberplanet { float: left; }
header .user { float: right; }
header .message { display: block; width: 30px; height: 30px; background: url(../img/header_message.png) no-repeat 0 0; float: right; margin: 30px 15px 0; position: relative; text-indent: -9999px; }
header .message span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; position: absolute; background: #e6621f; top: -7px; right: -8px; text-indent: 0; color: #fff; text-align: center; font-size: 80%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }
header .message:hover { background-position: 0 -30px; }
header .message:hover span { background: #eb824d; }
header .button { display: block; float: right; margin: 29px 5px 0; position: relative; color: #fff !important; font-size: 80%; padding: 5px 10px; border: 1px solid #1e7099; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #1a66b8; background: -moz-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2da8d8), color-stop(100%, #1a66b8)); background: -webkit-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -o-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: -ms-linear-gradient(top, #2da8d8 1%, #1a66b8 100%); background: linear-gradient(top, #2da8d8 1%, #1a66b8 100%); -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.3); }
header .button:hover { background: #1d72ce; background: -moz-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #43b1dc), color-stop(100%, #1d72ce)); background: -webkit-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: -o-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: -ms-linear-gradient(top, #43b1dc 1%, #1d72ce 100%); background: linear-gradient(top, #43b1dc 1%, #1d72ce 100%); color: #fff !important; }
header .logo { margin: 50px auto 0; position: relative; width: 100px; }
header .logo.circle img { width: 100px; height: 100px; }
header .logo.circle .overlay { width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: url(../img/logo_circle.png) no-repeat 0 0; }
header .logo.circle ul { display: none; position: absolute; top: -8px; left: 70px; z-index: 10; margin: 0; padding: 0; }
header .logo.circle li { display: block; width: 120px; margin: 3px 0; padding: 0; list-style: none; }
header .logo.circle a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; border: 1px solid #2997cf; padding: 5px 10px 5px 30px; background: url(../img/edit.png) no-repeat 10px center white; font-size: 70%; }
header .logo.circle.hover .overlay { width: 112px; height: 112px; top: -6px; left: -6px; background: url(../img/logo_circle_hover.png) no-repeat 0 0; }
header .logo.circle.hover ul { display: block; }
header h2 { margin: 0 0 10px 0; text-align: center; }
header .location { color: #e6621f; font-size: 70%; font-style: italic; text-align: center; margin: -10px 0 20px 0; }
header .description { color: #7a7a7b; text-align: center; padding: 20px 180px 0; margin: 10px 0 40px; background: url(../img/pin_divider.png) no-repeat center 0; }
header .mygroups { position: absolute; right: 0; top: 10px; }
header .mygroups .current-group, header .mygroups ul { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); width: 228px; position: relative; background: #fff; }
header .mygroups .current-group { background: url(../img/down_arrow_black.png) no-repeat 200px center white; }
header .mygroups .current-group .notification { float: none; position: absolute; top: -8px; right: -7px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); margin: 0; color: #fff; }
header .mygroups ul { z-index: 50; }
header .mygroups li { width: 228px; border-bottom: 1px solid #e7e7e7; display: block; }
header .mygroups li:hover { background: #dfeff8; }
header .mygroups .notification { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px; background: #e6621f; color: #fff; text-align: center; font-size: 80%; float: right; margin: 15px 10px 0 0; }
header .mygroups .current-group, header .mygroups a { display: block; }
header .mygroups .current-group img, header .mygroups a img { float: left; width: 38px; height: 38px; background: #000; margin: 6px; }
header .mygroups .current-group h6, header .mygroups a h6 { margin: 0; padding: 7px 0 0 0; font-size: 80%; font-weight: 400; color: #000; }
header .mygroups .current-group span, header .mygroups a span { display: block; font-size: 70%; color: #a9a9a9; }
header .mygroups .newgroup { float: right; font-size: 70%; padding: 4px 0; }
header .mygroups ul { display: none; }
header .mygroups.openlist .current-group { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #e7e7e7; }
header .mygroups.openlist .current-group .notification { display: none; }
header .mygroups.openlist ul { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; display: block; }
header .mygroups.openlist .newgroup { display: none; }
header ul { margin: 0; padding: 0; }
header li { list-style: none; display: inline-block; }
header li a { display: block; }
header nav { border-top: 1px solid #cfe7f4; border-bottom: 1px solid #cfe7f4; font-size: 90%; }
header nav ul { text-align: center; }
header nav a { display: inline-block; width: 130px; margin: 0; text-align: center; color: #003a79; }
header nav a span { display: inline-block; padding: 10px 4px; }
header nav a.active span { color: #003a79; background: url(../img/nav_active.jpg) repeat-x 0 bottom; }
header nav a.active:hover { color: #003a79; }
header nav a:hover { color: #006bdf; }
header nav a:hover span { background: url(../img/nav_active.jpg) repeat-x 0 bottom; }
header .quicklinks { margin-top: 20px; padding-bottom: 20px; font-size: 70%; }
header .quicklinks a { display: inline-block; width: 153px; margin: 0; text-align: center; color: #a9a9a9; background-position: center 0; background-repeat: no-repeat; padding-top: 69px; }
header .quicklinks a:hover { color: #767676; }
header .quicklinks a.email { background-image: url(../img/admin_nav_email.png); }
header .quicklinks a.event { background-image: url(../img/admin_nav_event.png); }
header .quicklinks a.survey { background-image: url(../img/admin_nav_survey.png); }
header .quicklinks a.funds { background-image: url(../img/admin_nav_funds.png); }
header .quicklinks a.album { background-image: url(../img/admin_nav_album.png); }
header .quicklinks a.member { background-image: url(../img/admin_nav_member.png); }
header .quicklinks a.group { background-image: url(../img/admin_nav_group.png); }
header .quicklinks a.connection { background-image: url(../img/admin_nav_connection.png); }
.me header nav a { width: 153px; }
.me header .quicklinks a { width: 131px; }
.me header .member-info { text-align: center; margin: 40px auto 20px; }
.me header .member-info .profile-picture { margin: 0 auto; position: relative; width: 100px; }
.me header .member-info .profile-picture img { width: 100px; height: 100px; }
.me header .member-info .profile-picture ul { display: none; position: absolute; top: -8px; left: 70px; z-index: 10; margin: 0; padding: 0; }
.me header .member-info .profile-picture li { display: block; width: 120px; margin: 3px 0; padding: 0; list-style: none; }
.me header .member-info .profile-picture a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; border: 1px solid #2997cf; padding: 5px 10px 5px 30px; background: url(../img/edit.png) no-repeat 10px center white; font-size: 70%; }
.me header .member-info .profile-picture:hover ul { display: block; }
.me header .member-info h2 { font-size: 163%; color: #003979; margin: 20px 0 0; line-height: 100%; }
.me header .member-info a.my-public-profile { font-size: 75%; }
.settings { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 10px; }
.settings .inner-container { margin: 0 40px; padding: 20px 0; }
.settings .save-cancel a { margin-right: 10px; }
.settings .titles { padding: 20px 0 15px 0; margin: 0 40px 10px; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.settings .titles h3 { padding-top: 10px; text-transform: uppercase; }
.settings .titles span { font-size: 70%; color: #7a7a7b; padding-top: 17px; margin-left: 10px; display: inline-block; }
.settings .titles .button { margin: 0 0 0 10px; float: right; }
.settings .statistics { margin: 0 40px 20px; }
.settings .statistics select, .settings .statistics label { font-size: 90%; }
.settings .statistics select { margin-left: 10px; padding: 3px 5px; width: 150px; }
.settings .statistics p { vertical-align: middle; display: inline-block; margin-left: 40px; margin-top: 0; position: relative; z-index: 10; }
.settings .statistics p .number { display: block; font-size: 140%; text-align: center; }
.settings .statistics p .tag { display: block; font-size: 70%; text-align: center; color: #7a7a7b; }
.settings .statistics p .last { margin-left: 15px; }
.settings .statistics .bars { width: 500px; height: 150px; font-size: 70%; }
.settings .statistics .bars div { margin-left: 10px; padding-top: 3px; }
.settings .statistics .circle { width: 170px; height: 170px; margin-top: 20px; float: right; text-align: center; }
.settings .statistics .circle p { margin: 40px 0 0; }
.settings .statistics .circle .percent { color: #b13902; font-size: 150%; }
.settings .statistics .circle .value { color: #b13902; font-size: 270%; }
.settings .statistics .circle .tag { width: 100px; line-height: 1.1; }
.settings .statistics .circle.money .percent, .settings .statistics .circle.money .value { color: #4a7a3e; }
.settings .scrollable-table-container { margin: 15px 0; display: block; overflow-x: scroll; border: 1px solid #b1bec4; }
.settings .scrollable-table-container .info-table { border: none !important; width: auto !important; position: static; }
.settings .scrollable-table-container .info-table tr { border-left: none !important; border-right: none !important; }
.settings .info-table { width: 100%; position: relative; }
.settings .info-table thead { border-bottom: 1px solid #b1bec4; /*@include vertical-gradient($grad-darkgrey-top, $grad-darkgrey-bottom);*/ background-image: url(../img/th_bg.png); background-repeat: repeat-x; background-position: bottom; background-color: #e5eaec; }
.settings .info-table th { padding: 10px 10px; font-size: 70%; color: #575e61; font-weight: 400; text-align: left; outline: none; font-weight: bold; text-shadow: 0px 1px 0px white; }
.settings .info-table td { padding: 20px 10px; font-size: 80%; color: #6a6a6a; }
.settings .info-table td.title { font-weight: bold; color: #1a1a1a; }
.settings .info-table tbody tr { border-top: 1px solid #b1bec4; /*@include vertical-gradient($content-bg, $bg-light);*/ background-image: url(../img/td_bg.png); background-repeat: repeat-x; background-position: bottom; background-color: #f4f6f7;/*&:hover{
      	@include vertical-gradient(darken($content-bg,5), darken($bg-light,3));
      }*/ }
.settings .info-table tbody tr:first-child { border-top: none; }
.settings .info-table tbody tr td { text-shadow: 0px 1px 0px white; }
.settings .info-table tbody tr td strong { color: #1a1a1a; }
.settings .info-table tbody tr td span { color: #7a7a7b; }
.settings .info-table tbody tr.multi-select-item select { margin: 10px 0 0 !important; font-size: 100%; outline: none; }
.settings .info-table tbody tr.item-group-sub { background-image: none; }
.settings .info-table tbody tr.item-group-sub td:first-child { padding-left: 30px; background-image: url(../img/td_bg_sub.png) !important; background-repeat: repeat-y !important; background-position: left !important; }
.settings .info-table tbody tr.add { background-image: none; }
.settings .info-table tbody tr.add input, .settings .info-table tbody tr.add textarea, .settings .info-table tbody tr.add select { display: block; width: 90%; font-size: 100%; margin: 0 0 10px; }
.settings .info-table tbody tr.add div.number-and-text input { display: inline-block; width: 29px; margin-right: 3px; }
.settings .info-table tbody tr.add div.number-and-text p { display: inline-block; font-size: 100%; }
.settings .info-table tbody tr.narrow td { padding-top: 10px; padding-bottom: 10px; }
.settings .info-table tbody tr.narrow a { margin: 0; }
.settings .info-table tbody tr.narrow div.info-table-sortable-handle { margin: -12px -12px 0 0 !important; }
.settings .info-table tbody tr td.input-and-text p { float: left; font-size: 100%; margin: 5px 10px 0; }
.settings .info-table tbody tr td.input-and-text input { float: left; width: 66%; }
.settings .info-table p { margin: 0; font-size: 70%; }
.settings .info-table a.button { font-size: 100%; }
.settings .info-table .title { padding-left: 40px; }
.settings .info-table .edit { outline: none; width: 50px; text-indent: -9999px; padding: 15px 20px; vertical-align: top;/*position:relative;*/ }
.settings .info-table .edit > a { height: 24px; display: block; border: 1px solid #c8d1d6; background: url(../img/table_edit.png) no-repeat 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); }
.settings .info-table .edit > a:hover, .settings .info-table .edit.open > a { background-position: 5px -28px; background-color: #bdc8cd; border: 1px solid #96a1a6; }
.settings .info-table .edit.open > a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.settings .info-table .edit ul { margin: 0; padding: 0; position: absolute; z-index: 100; right: 20px; border-top: 1px solid #96a1a6; border-left: 1px solid #96a1a6; border-right: 1px solid #96a1a6; }
.settings .info-table .edit ul a { display: block; background: url(../img/edit-menu.png) no-repeat 4px 5px #d0d8dc; padding: 5px 5px 5px 30px; border-top: 1px solid #e4e8ea; border-bottom: 1px solid #96a1a6; text-indent: 0; color: #575e61; }
.settings .info-table .edit ul a:hover { background-color: #dfe4e7; }
.settings .info-table .edit ul .send { background-position: 4px -28px; }
.settings .info-table .edit ul .copy { background-position: 4px -62px; }
.settings .info-table .edit ul .delete { background-position: 4px -95px; }
.settings .info-table .edit li { text-indent: 0; padding: 0; margin: 0; list-style: none; width: 160px; }
.settings .info-table .save { text-align: right; }
.settings .info-table .save .button { margin: 0 !important; }
.settings .info-table .td-delete a { width: 25px; height: 25px; padding: 0; margin: 0; background-position: center center; background-repeat: no-repeat; background-image: url(../img/button_icon_delete.png); }
.settings .info-table .td-delete .info-table-sortable-handle { margin: -22px -12px 0 0; }
.settings .info-table .info-table-sortable-handle { background-image: url(../img/wysiwyg_sortable_handle.png) !important; width: 18px; height: 18px; float: right; margin: -43px -22px 0 0; cursor: move; }
.settings .info-table.narrow input[type=text], .settings .info-table.narrow input[type=number], .settings .info-table.narrow textarea { font-size: 100%; margin: 0; }
.settings .info-table.narrow tbody tr { background-image: none; }
.settings .form-table td { padding: 15px 10px; }
.settings .form-table input { margin: 0; width: 100%; font-size: 100%; }
.settings .form-table .button-remove { float: right; }
/* Group type */
#group-type-select-category, #group-type-select-keywords, #group-type-keywords { width: 232px; height: 618px; padding: 19px; border: 1px solid #b1bec4; background-color: #fbfcfc; float: left; margin: 15px 0 15px 19px; }
#group-type-select-category { margin-left: 0; }
#group-type-keywords { height: auto; position: relative; padding-bottom: 65px; }
#group-type-keywords ul { padding: 0; margin: 0; border-top: 1px solid #e4e8ea; border-bottom: 1px solid white; }
#group-type-keywords ul li { margin: 0; padding: 8px 0 8px; display: block; color: #1a1a1a; font-size: 82%; position: relative; border-top: 1px solid white; border-bottom: 1px solid #e4e8ea; }
#group-type-keywords ul li a.remove { background-image: url(../img/list_remove_grey.png); background-repeat: no-repeat; width: 19px; height: 19px; position: absolute; right: 0; outline: none; }
#group-type-keywords input { width: 197px; position: absolute; bottom: 10px; left: 18px; padding-right: 30px; }
#group-type-keywords a.add { background-image: url(../img/list_add_grey.png); background-repeat: no-repeat; width: 19px; height: 19px; position: absolute; right: 25px; bottom: 24px; outline: none; }
#group-type-select-keywords { overflow-y: auto; }
#group-type-select-category ul, #group-type-select-keywords ul { padding: 0; margin: 0; }
#group-type-select-category ul li, #group-type-select-keywords ul li { background-color: #ebf7fd; margin: 0 0 2px 0; padding: 8px 11px; display: block; color: #003979; font-size: 82%; position: relative; }
#group-type-select-category ul li a.add, #group-type-select-keywords ul li a.add { background-image: url(../img/list_add_blue.png); background-repeat: no-repeat; width: 19px; height: 19px; position: absolute; right: 10px; outline: none; }
#group-type-select-category ul li.selected, #group-type-select-keywords ul li.selected { background-image: url(../img/list_selected_bg.png); background-position: center right; background-repeat: no-repeat; background-color: transparent; color: white; margin-right: -35px; }
.form { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 10px; }
.form .titles { padding: 20px 0 15px 0; margin: 0 40px 10px; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.form .titles h3 { padding-top: 10px; text-transform: uppercase; }
.form .titles .button { margin: 0 0 0 10px; float: right; }
.form .titles-2 { background: none; }
.form .container-1 { padding: 0; background: #f6f7f8; margin: 0 2px; border-top: 1px solid #E4E8EA; border-bottom: 1px solid #E4E8EA; }
.form .container-1 .info-table { border: 1px solid #a2adb3; }
.form .container-1 .info-table tr { border-right: 1px solid #a2adb3; border-left: 1px solid #a2adb3; }
.form .container-1 .form-elements { background: none; }
.form .container-1 p { color: #1a1a1a; }
.form .container-1 p span { color: #7a7a7b; }
.form .container-1 p.label { margin-right: 5px; float: left; clear: left; }
.form .container-1 div.checkbox-and-text { display: inline-block; }
.form .container-1 div.checkbox-and-text input, .form .container-1 div.checkbox-and-text p { display: inline; margin: 0; }
.form .container-1 div.input-and-button { display: inline-block; }
.form .container-1 div.text-and-input { margin-left: 225px; }
.form .container-1 div.text-and-input p { display: inline-block; margin-right: 10px; }
.form .container-1 div.text-and-input input { display: inline-block; }
.form .container-1 .form-right { float: right; margin-top: 13px; }
.form .container-1 fieldset { margin: 8px 0 30px; float: left; }
.form .container-1 fieldset input { font-size: 100%; margin: 0 0 15px !important; padding: 0; }
.form .container-1 fieldset label { font-size: 84%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.form .container-1 fieldset span { margin-left: 8px; }
.form .rotate { position: relative; height: 200px; width: 40px; padding: 0; margin: 0; float: left; }
.form .rotate span { position: absolute; display: block; top: 10px; left: -10px; height: 20px; width: 20px; text-align: left; padding: 0 10px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); white-space: nowrap; font-weight: normal; writing-mode: horizontal-tb; }
.form .rotate .bold { font-weight: bold; }
.form #paleteControls { right: 30px; z-index: 100; position: absolute; background-color: white; padding: 1px; border: 1px solid #AAA; overflow: hidden; border-radius: 4px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }
.form #paleteControls #palleteToolbar, .form #paleteControls #palleteSelected { overflow: hidden; position: relative; width: 180px; }
.form #paleteControls #palleteToolbar .palletteItemLine, .form #paleteControls #palleteSelected .palletteItemLine { padding: 5px; background-color: white; border-bottom: 1px solid grey; }
.form #paleteControls #palleteToolbar .palletteItemLine:hover, .form #paleteControls #palleteSelected .palletteItemLine:hover { background-color: #DFEFF8; }
.form #paleteControls #palleteToolbar .palletteItemLine.selected, .form #paleteControls #palleteSelected .palletteItemLine.selected { background-color: #DFEFF8; }
.form #paleteControls #palleteToolbar .palletteItemLine .palletteName, .form #paleteControls #palleteSelected .palletteItemLine .palletteName { left: 4px; position: relative; bottom: 12px; text-align: left; display: inline-block; font-size: 90%; width: 108px; }
.form #paleteControls #palleteToolbar .palletteItemLine .palleteItemContainer, .form #paleteControls #palleteSelected .palletteItemLine .palleteItemContainer { border: 1px solid #EEE; display: inline-block; width: 36px; height: 36px; overflow: hidden; }
.form #paleteControls #palleteToolbar .palletteItemLine .palleteItemContainer .palleteItem, .form #paleteControls #palleteSelected .palletteItemLine .palleteItemContainer .palleteItem { top: -8px; position: relative; left: -8px; width: 56px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); overflow: hidden; white-space: nowrap; }
.form #paleteControls #palleteToolbar .palletteItemLine .palleteItemContainer .palleteItem .palleteColor, .form #paleteControls #palleteSelected .palletteItemLine .palleteItemContainer .palleteItem .palleteColor { margin-left: -5px; display: inline-block; width: 19px; height: 54px; }
.form #paleteControls #palleteSelected { height: 45px; background-color: white; }
.form #paleteControls #palleteSelected .palletteItemLine { border-bottom: 0px; }
.form #paleteControls #palleteSelected #palettelist_open { position: absolute; top: 10px; right: 12px; }
.form #paleteControls #palleteToolbar { height: 145px; top: -5px; overflow-y: scroll; margin-top: 5px; z-index: 100; }
.form .form-theme-preview-area { margin-top: 60px; }
.form .form-theme-preview-area .label { margin: 20px 0 20px 20px; vertical-align: top; }
.form .form-theme-preview-area textarea, .form .form-theme-preview-area input { margin: 20px 0px 0px 0px; }
.form .form-theme-preview-area select { margin: 0; }
.form .form-theme-preview-area p { margin: 20px 0 20px 20px; }
.form .form-theme-preview-area .elem-div { display: inline-block; }
.form .form-theme-preview-area .elem-div input[type=checkbox] { margin: 0; }
.form .form-theme-preview-area .notes-div { overflow: hidden; width: 300px; display: inline-block; }
.form .form-theme-preview-area .FieldLabel, .form .form-theme-preview-area .requiredRed { display: inline; }
.form .survey-titles { padding: 0px 40px 0px 40px; height: 50px; line-height: 50px; background: url(../img/double_line.jpg) repeat-x 0 top #eff2f3; }
.form .survey-titles span { font-size: 90%; }
.form .wizard { background: url(../img/double_line.jpg) repeat-x 0 top #f3f5f6; padding: 50px 38px; margin: 0 2px; }
.form .wizard-publish { padding: 0; }
.form .wizard-publish ul.form-elements { margin: 0px; background: url(../img/double_line.jpg) repeat-x 0 top #f3f5f6; }
.form .wizard-publish-title { color: #406b9b; text-align: center; font-size: 90%; }
.form .elements { float: left; }
.form .elements h6 { text-transform: uppercase; font-size: 70%; font-weight: bold; background: url(../img/double_line.jpg) repeat-x 0 bottom; padding: 0 0 5px 0; margin: 20px 0 10px; }
.form .elements button { border: 1px solid #2997cf; background: #54bbed; width: 105px; font-size: 70%; color: #fff; padding: 5px 0; margin: 3px 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); text-shadow: 0px -1px 0px #4388a7; }
.form .elements button:hover { background: #82cdf2; }
.form .layout { float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); background: #ffffff; min-height: 900px; }
.form .layout .intro { text-transform: uppercase; margin: 20px 40px 0; font-size: 80%; }
.form .layout h4 { margin: 0 20px 10px; padding: 10px 0; background: url(../img/dot_seperate.png) repeat-x 0 bottom; font-size: 180%; }
.form .layout button { border: none; width: 16px; height: 16px; padding: 0; margin: 0 4px; background: url(../img/survey_buttons.png) no-repeat 0 0; vertical-align: middle; text-indent: -9999px; }
.form .layout button:hover { background-position: 0px -16px; }
.form .layout button.remove { background-position: -16px 0; }
.form .layout button.remove:hover { background-position: -16px -16px; }
.form .bottom-nav { background: url(../img/double_line.jpg) repeat-x 0 top; padding: 10px 40px; }
.form .bottom-nav .button { margin: 0 0 0 10px; float: right; }
.form .bottom-nav > p { float: left; color: #afafaf; font-size: 78%; margin: 11px 0 0; }
div.element { margin: 0 20px; }
li.element_new { list-style: none; padding: 0px 0px 4px 0px; line-height:normal !important; }
div.element, li.element { list-style: none; padding: 1px 1px 6px 1px; }
div.element.element-button-right, li.element.element-button-right { position: relative; }
div.element.element-button-right > input[type=checkbox], li.element.element-button-right > input[type=checkbox] { margin: 0; }
div.element.element-button-right > a.button, li.element.element-button-right > a.button { float: right; margin: -4px 0 15px; }
div.element.editable:hover, li.element.editable:hover { padding: 0px 0px 5px 0px; border: 1px dashed #b1bec4; }
div.element.editable.selected, li.element.editable.selected { padding: 0px 0px 5px 0px; border: 1px dashed #b1bec4; }
div.element.editable.selected .field_edit_button, div.element.editable.selected .field_delete_button, li.element.editable.selected .field_edit_button, li.element.editable.selected .field_delete_button { display: none; }
div.element.editable.selected .field_close_button, li.element.editable.selected .field_close_button { display: block; }
div.element.editable .field_edit_button, div.element.editable .field_delete_button, li.element.editable .field_edit_button, li.element.editable .field_delete_button { display: block; }
div.element.editable .field_close_button, li.element.editable .field_close_button { display: none; }
div.element.editable .label, li.element.editable .label { margin: 20px 0 20px 20px; vertical-align: top; }
div.element.editable textarea, div.element.editable input, li.element.editable textarea, li.element.editable input { margin: 20px 0px 0px 0px; }
div.element.editable select, li.element.editable select { margin: 0; }
div.element.editable p, li.element.editable p { margin: 20px 0 20px 20px; }
div.element.editable .elem-div, li.element.editable .elem-div { display: inline-block; }
div.element.editable .elem-div input[type=checkbox], li.element.editable .elem-div input[type=checkbox] { margin: 0; }
div.element.editable .notes-div, li.element.editable .notes-div { overflow: hidden; width: 80px; display: inline-block; }
div.element.editable .FieldLabel, div.element.editable .requiredRed, li.element.editable .FieldLabel, li.element.editable .requiredRed { display: inline; }
.label { display: inline-block; margin: 10px 0 10px 20px; }
.label a { display: block; font-size: 80%; }
.editable .field_actions { float: right; display: none; top: -15px; position: relative; left: 40px; }
.editable .field_actions .field_actions_wrapper { position: absolute; left: -100px; }
.editable .field_actions .field_actions_wrapper .field_action_button { text-align: left; background-color: white; border: 1px solid #5cafd9; color: #5cafd9; padding: 4px 4px 4px 30px; margin: auto; width: 60px; font-size: 13px; margin-bottom: 2px; cursor: hand; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.editable .field_actions .field_actions_wrapper .field_action_button:hover { background-color: #ebf7fd; }
.editable #form-title { font-size: 180%; padding: 10px 0; background: url(../img/dot_seperate.png) repeat-x 0 bottom; margin-left: 20px; display: none; }
ul.form-elements { margin: 0 40px; padding: 20px 0; background: url(../img/dot_seperate.png) repeat-x 0 0; }
ul.form-elements.first { padding-top: 0; background: none; }
ul.form-elements hr.hr-2 { margin: 15px 125px 15px 225px; width: 504px; }
ul.form-elements .timepicker-container { margin-left: 225px; }
ul.form-elements .send-me-an-email { margin-left: 225px; }
ul.form-elements .send-me-an-email .text-and-input { margin-left: 24px; }
ul.form-elements .send-me-an-email .text-and-input input { width: 329px; }
ul.form-elements textarea, ul.form-elements input[type=text], ul.form-elements input[type=number], ul.form-elements select { margin: 10px 0px; padding: 5px !important; font-size: 80%; border: 1px solid #b1bec4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul.form-elements textarea, ul.form-elements input[type=text], ul.form-elements input[type=number] { background: #fefefe; background: -moz-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e6), color-stop(20%, #fefefe)); background: -webkit-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -o-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -ms-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: linear-gradient(top, #e5e6e6 0%, #fefefe 20%); }
ul.form-elements p { margin: 10px 0; font-size: 80%; color: #7a7a7b; }
ul.form-elements span { font-size: 90%; }
ul.form-elements label { font-size: 90%; margin-left: 10px; }
ul.form-elements input[type=checkbox] { margin-left: 240px; }
ul.form-elements input[type=text] + input[type=checkbox] { margin-left: 30px; }
ul.form-elements input[type=radio] { margin: 5px 0; }
ul.form-elements .indent { margin-left: 240px; }
ul.form-elements .responces-collected-input { margin-left: 30px; }
ul.form-elements .multi-choice { display: inline-block; margin: 0; padding: 5px 0; vertical-align: top; }
ul.form-elements .multi-choice li { padding: 0; margin: 0; list-style: none; display: inline-block; }
ul.form-elements .multi-choice a { display: inline-block; padding: 3px 9px; margin: 5px 0; background: #000; background: #ebedef; background: -moz-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9fafb), color-stop(100%, #ebedef)); background: -webkit-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -o-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -ms-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: linear-gradient(top, #f9fafb 1%, #ebedef 100%); color: #1a1a1a; font-size: 90%; border: 1px solid #b1bec4; }
ul.form-elements .multi-choice a.first { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
ul.form-elements .multi-choice a.last { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
ul.form-elements .multi-choice a.active { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; margin: 0; padding: 8px 12px; text-shadow: 0px 1pxpx 0px #2a89bc; background: #5abfee; border: 1px solid #2997cf; }
ul.form-elements .radio-holder, ul.form-elements .checkbox-holder { display: inline-block; margin: 0; padding: 5px 0; vertical-align: top; }
ul.form-elements .radio-holder li, ul.form-elements .checkbox-holder li { padding: 0; margin: 0; list-style: none; }
ul.form-elements .radio-holder img, ul.form-elements .checkbox-holder img { width: 150px; height: 90px; background: #000; vertical-align: top; margin-left: 10px; }
ul.form-elements .radio-holder .right, ul.form-elements .checkbox-holder .right { margin-left: 60px; }
ul.form-elements .radio-holder input[type=checkbox], ul.form-elements .checkbox-holder input[type=checkbox] { margin-top: 15px; margin-left: 0; }
ul.form-elements .button { margin-right: 10px; }
ul.form-elements .remaining { display: block; margin-right: 100px; float: right; }
ul.form-elements .state { width: 30px; margin-left: 10px; }
ul.form-elements .state-dropdown { margin-left: 10px; }
ul.form-elements .zip { margin-left: 10px; }
ul.form-elements .bracket { display: inline-block; width: 10px; text-align: center; }
ul.form-elements .bracket.left { margin-left: -10px; }
ul.form-elements .tel-2, ul.form-elements .tel-1 { width: 40px; }
ul.form-elements .tel-3 { margin-left: 10px; }
ul.form-elements .firstname, ul.form-elements .secondname { width: 99px; }
ul.form-elements .secondname { margin-left: 10px; }
ul.form-elements #field_options_container { border-top: 0px; }
ul.form-elements .options { border-top: 1px dashed #b1bec4; background: #eaf5fa; margin: 10px 0 0 0; padding: 15px 0; }
ul.form-elements .options ul { margin: 0; padding: 0; }
ul.form-elements .options li { margin: 0; padding: 0; list-style: none; }
ul.form-elements .options .label { text-align: right; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }
ul.form-elements .options textarea, ul.form-elements .options input { border: 1px solid #a1bfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; }
ul.form-elements .options textarea, ul.form-elements .options input, ul.form-elements .options p { margin-top: 5px; margin-bottom: 5px; }
ul.form-elements .options a { font-size: 80%; float: right; display: inline-block; text-align: right; margin-right: 190px; }
ul.form-elements .options .member_info_property_div { margin-left: 240px; }
ul.form-elements .options .member_info_property_div input[type=checkbox] { margin-top: 15px; margin-left: 0; }
ul.field-elements { margin: 0px; padding: 6px 5px; background: url(../img/dot_seperate.png) repeat-x 0 0; }
ul.field-elements.first { padding-top: 0; background: none; }
ul.field-elements textarea, ul.field-elements input, ul.field-elements select { margin: 10px 0px; padding: 5px; font-size: 80%; border: 1px solid #b1bec4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul.field-elements textarea, ul.field-elements input { background: #fefefe; background: -moz-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e6), color-stop(20%, #fefefe)); background: -webkit-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -o-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -ms-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: linear-gradient(top, #e5e6e6 0%, #fefefe 20%); }
ul.field-elements p { margin: 4px 0; font-size: 80%; color: #7a7a7b; }
ul.field-elements span { font-size: 90%; }
ul.field-elements label { font-size: 90%; margin-left: 10px; }
ul.field-elements a.normal { font-size: 100% !important; }
ul.field-elements input[type=checkbox] { margin-left: 240px; }
ul.field-elements input + input[type=checkbox] { margin-left: 30px; }
ul.field-elements input[type=radio] { margin: 5px 0; }
ul.field-elements .indent { margin-left: 240px; }
ul.field-elements .bold { font-weight: bold; }
ul.field-elements .responces-collected-input { margin-left: 30px; }
ul.field-elements .multi-choice { display: inline-block; margin: 0; padding: 5px 0; vertical-align: top; }
ul.field-elements .multi-choice li { padding: 0; margin: 0; list-style: none; display: inline-block; }
ul.field-elements .multi-choice a { display: inline-block; padding: 3px 9px; margin: 5px 0; background: #000; background: #ebedef; background: -moz-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9fafb), color-stop(100%, #ebedef)); background: -webkit-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -o-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: -ms-linear-gradient(top, #f9fafb 1%, #ebedef 100%); background: linear-gradient(top, #f9fafb 1%, #ebedef 100%); color: black; font-size: 90%; border: 1px solid #b1bec4; }
ul.field-elements .multi-choice a.first { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
ul.field-elements .multi-choice a.last { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
ul.field-elements .multi-choice a.active { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; margin: 0; padding: 8px 12px; text-shadow: 0px 1pxpx 0px #2a89bc; background: #5abfee; border: 1px solid #2997cf; }
ul.field-elements .radio-holder, ul.field-elements .checkbox-holder { display: inline-block; margin: 0; padding: 5px 0; vertical-align: top; }
ul.field-elements .radio-holder li, ul.field-elements .checkbox-holder li { padding: 0; margin: 0; list-style: none; }
ul.field-elements .radio-holder img, ul.field-elements .checkbox-holder img { width: 150px; height: 90px; background: #000; vertical-align: top; margin-left: 10px; }
ul.field-elements .radio-holder .right, ul.field-elements .checkbox-holder .right { margin-left: 60px; }
ul.field-elements .radio-holder input[type=checkbox], ul.field-elements .checkbox-holder input[type=checkbox] { margin-top: 15px; margin-left: 0; }
ul.field-elements .button { margin-right: 10px; }
ul.field-elements .remaining { display: block; margin-right: 100px; float: right; }
ul.field-elements .state { width: 30px; margin-left: 10px; }
ul.field-elements .state-dropdown { margin-left: 10px; }
ul.field-elements .zip { margin-left: 10px; }
ul.field-elements .bracket { display: inline-block; width: 10px; text-align: center; }
ul.field-elements .bracket.left { margin-left: -10px; }
ul.field-elements .tel-2, ul.field-elements .tel-1 { width: 40px; }
ul.field-elements .tel-3 { margin-left: 10px; }
ul.field-elements .firstname, ul.field-elements .secondname { width: 99px; }
ul.field-elements .secondname { margin-left: 10px; }
ul.field-elements #field_options_container { border-top: 0px; }
ul.field-elements .options { border-top: 1px dashed #b1bec4; background: #eaf5fa; margin: 10px 0 0 0; padding: 15px 0; }
ul.field-elements .options ul { margin: 0; padding: 0; }
ul.field-elements .options li { margin: 0; padding: 0; list-style: none; }
ul.field-elements .options .label { text-align: right; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }
ul.field-elements .options textarea, ul.field-elements .options input { border: 1px solid #a1bfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; }
ul.field-elements .options textarea, ul.field-elements .options input, ul.field-elements .options p { margin-top: 5px; margin-bottom: 5px; }
ul.field-elements .options a { font-size: 80%; float: right; display: inline-block; text-align: right; margin-right: 190px; }
ul.field-elements .options .member_info_property_div { margin-left: 240px; }
ul.field-elements .options .member_info_property_div input[type=checkbox] { margin-top: 15px; margin-left: 0; }
.edit-menu { padding: 10px 0; padding-left: 260px; background: url(../img/double_line.jpg) repeat-x 0 0 #f6f7f8; }
.edit-menu .save { width: 80px; text-align: center; }
.edit-menu .cancel { font-size: 90%; margin-left: 20px; display: inline-block; padding: 3px 5px; }
.tip { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eceff1; border: 1px dashed #b1bec4; }
.tip h5 { font-size: 80%; font-weight: bold; margin: 10px; color: #000; }
.tip ol { padding: 0 0 0 28px; margin: 15px 0; }
.tip li { font-size: 70%; margin: 5px 0; }
/* questions */
.questions { background-color: #f6f7f8; border: 1px solid #b1bec4; padding: 15px 30px; margin: 0; }
.questions input, .questions select, .questions a { float: left; }
.questions a.button { width: 25px; height: 25px; padding: 0; margin: 10px 0 0 5px; background-position: center center; background-repeat: no-repeat; }
.questions a.button.edit { background-image: url(../img/button_icon_edit.png); }
.questions a.button.delete { background-image: url(../img/button_icon_delete.png); }
.questions p { float: left; width: 200px; }
.questions-add { background-color: #ebf7fd; border: 1px solid #2997cf; margin: -1px 0 15px; text-align: center; padding: 15px; }
.questions-add a { background-position: left center; background-repeat: no-repeat; background-image: url(../img/link_icon_plus.png); padding: 2px 0 2px 30px; font-size: 80%; height: 23px; margin: 0 0 7px; }
.pinboard header .bluebar { height: 69px; }
.pinboard header .memberplanet, .pinboard header .user, .pinboard header .button { margin-top: 22px; }
.pinboard .board .pin { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 15px; position: relative; }
.pinboard .board .pin > .pad, .pinboard .board .pin > p { margin: 10px 30px; }
.pinboard .board .pin.snaplink { padding-bottom: 50px; }
.pinboard .board .pin.snapbutton { padding-bottom: 60px; }
.pinboard .board h4 { text-align: center; padding: 20px 0 15px; font-size: 80%; color: #7a7a7b; border-bottom: 1px solid #a2adb3; text-transform: uppercase; margin: 0; }
.pinboard .board h5 { font-size: 120%; color: #2997cf; margin: 20px 30px 0; }
.pinboard .board h6 { text-align: center; font-size: 70%; color: #7a7a7b; text-transform: uppercase; margin: 0; }
.pinboard .board p { color: #7a7a7b; font-size: 80%; }
.pinboard .board img { width: 100%; height: 110px; background: #000; }
.pinboard .board img.logo { height: 80px; margin: 10px 0; }
.pinboard .board .button { margin: 15px 30px 10px; width: 130px; text-align: center; font-size: 70%; position: absolute; bottom: 10px; }
.pinboard .board .links, .pinboard .board .topline { background: url(../img/dot_seperate.png) repeat-x 0 0; padding-top: 10px; }
.pinboard .board .links { text-align: center; position: absolute; bottom: 0; left: 0; width: 70%; padding: 5px 0; margin: 0 15% 10px; }
.pinboard .board .links a { font-size: 80%; border-right: 1px solid #2997cf; display: inline-block; padding: 0 5px; }
.pinboard .board .links a.last { border: none; }
.pinboard .board .list { text-align: center; padding-bottom: 10px; }
.pinboard .board .list a { text-align: center; font-size: 80%; display: block; }
.pinboard .board .contact p { color: #575e61; margin: 0; }
.pinboard .board .join-here { margin: 5px; padding: 15px; border: 1px solid #2997cf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #5abfee; }
.pinboard .board .join-here h6 { text-align: left; color: white; text-shadow: 0px -1px 0px #2a89bc; margin-bottom: 5px; }
.pinboard .board .join-here input { padding: 6px 7px 8px; font-size: 90%; border: 1px solid #2997cf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fefefe; background: -moz-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e6), color-stop(20%, #fefefe)); background: -webkit-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -o-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: -ms-linear-gradient(top, #e5e6e6 0%, #fefefe 20%); background: linear-gradient(top, #e5e6e6 0%, #fefefe 20%); width: 80%; }
.pinboard .board .join-here a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #5abfee; background: -moz-linear-gradient(top, #69c9f0 1%, #5abfee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #69c9f0), color-stop(100%, #5abfee)); background: -webkit-linear-gradient(top, #69c9f0 1%, #5abfee 100%); background: -o-linear-gradient(top, #69c9f0 1%, #5abfee 100%); background: -ms-linear-gradient(top, #69c9f0 1%, #5abfee 100%); background: linear-gradient(top, #69c9f0 1%, #5abfee 100%); display: inline-block; width: 15%; text-align: center; padding: 6px 0 6px; color: white; text-shadow: 0px 1px 0px #2a89bc; font-size: 90%; border: 1px solid #2997cf; }
.pinboard .board .join-here a:hover { background: #43b6ec; background: -moz-linear-gradient(top, #52c1ee 1%, #43b6ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #52c1ee), color-stop(100%, #43b6ec)); background: -webkit-linear-gradient(top, #52c1ee 1%, #43b6ec 100%); background: -o-linear-gradient(top, #52c1ee 1%, #43b6ec 100%); background: -ms-linear-gradient(top, #52c1ee 1%, #43b6ec 100%); background: linear-gradient(top, #52c1ee 1%, #43b6ec 100%); }
.pinboard .board .members { margin: 5px; padding: 0; }
.pinboard .board .members li { margin: 1px; padding: 0; list-style: none; display: inline-block; }
.pinboard .board .members img { width: 40px; height: 40px; background: #000; }
.pinboard .board .external { margin: 10px 20px; padding: 0; }
.pinboard .board .external li { margin: 5px 0; padding: 0; list-style: none; }
.pinboard .board .external a { display: block; padding: 5px 0 0 30px; height: 23px; background: url(../img/link.png) no-repeat 0 center; font-size: 80%; }
.pinboard .board .photos { margin: 0; padding: 0; text-align: center; }
.pinboard .board .photos li { margin: 2px; padding: 0; list-style: none; display: inline-block; }
.pinboard .board .photos li.first { margin-left: 0; }
.pinboard .board .photos li.last { margin-right: 0; }
.pinboard .board .photos img { width: 150px; height: 150px; background: #000; }
.photos .button { margin-bottom: 0; }
.photos ul { margin: 0; padding: 0; }
.photos .album { padding: 0 0 20px 0; margin: 15px 20px 10px 0; list-style: none; display: inline-block; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.photos .album.last { margin-right: 0; }
.photos img { height: 225px; width: 100%; background: #000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.photos h5 { color: #003a79; margin: 15px 70px 0 20px; font-size: 100%; }
.photos .detail { margin: 0 20px; }
.photos .detail li { display: inline-block; list-style: none; padding: 0 7px; margin: 0; border-right: 1px solid #b1bec4; color: #7a7a7b; font-size: 70%; }
.photos .detail li.first { padding-left: 0; }
.photos .detail li.last { padding-right: 0; border-right: none; }
.photos .edit { float: right; width: 50px; text-indent: -9999px; padding: 15px 10px; position: relative; vertical-align: middle; }
.photos .edit > a { height: 24px; display: block; border: 1px solid #c8d1d6; background: url(../img/table_edit.png) no-repeat 5px 0 #f1f3f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); }
.photos .edit > a:hover, .photos .edit.open > a { background-position: 5px -28px; background-color: #bdc8cd; border: 1px solid #96a1a6; }
.photos .edit.open > a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.photos .edit ul { margin: 0; padding: 0; position: absolute; z-index: 100; right: 20px; border-top: 1px solid #96a1a6; border-left: 1px solid #96a1a6; border-right: 1px solid #96a1a6; }
.photos .edit ul a { display: block; background: url(../img/edit-menu.png) no-repeat 4px 5px #d0d8dc; padding: 5px 5px 5px 30px; border-top: 1px solid #e4e8ea; border-bottom: 1px solid #96a1a6; text-indent: 0; color: #575e61; }
.photos .edit ul a:hover { background-color: #dfe4e7; }
.photos .edit ul .send { background-position: 4px -28px; }
.photos .edit ul .copy { background-position: 4px -62px; }
.photos .edit ul .delete { background-position: 4px -95px; }
.photos .edit li { text-indent: 0; padding: 0; margin: 0; list-style: none; width: 160px; font-size: 80%; }
.album-description { margin: 10px 40px; padding: 10px 0 10px; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.album-description h5 { margin: 0; color: #1a1a1a; }
.album-description p { font-size: 80%; }
.album-description .public { float: right; padding: 0 0 0 30px; background: url(../img/dot_seperate_vert.png) repeat-y 0 0; }
.album-description .public p, .album-description .public a { font-size: 80%; text-align: center; display: block; margin: 0; }
.album-description .public .toggle { border: 1px solid #b1bec4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 26px; height: 23px; padding: 7px 10px 0 50px; background: url(../img/toggle_switch.png) no-repeat left 0 #f1f3f5; text-transform: uppercase; margin: 5px auto; color: #7a7a7b; }
.album-description .public .toggle.active { background-position: right 0; background-color: #deeff8; padding: 7px 50px 0 10px; color: #003a79; }
.album-description .public .share { background: url(../img/share_button.png); width: 125px; height: 16px; display: block; margin: 10px auto 0; text-indent: -9999px; }
.album-description .switch { width: 160px; background: #f6f7f8; border: 1px solid #e8e5c5; padding: 20px; }
.album { margin: 10px 34px 30px; padding: 0; }
.album .image { width: 206px; margin: 6px; padding: 0; position: relative; list-style: none; display: inline-block; }
.album .image .overlay { display: none; position: absolute; background: #fff; width: 100%; }
.album .image .overlay p { margin: 2px 0 0; font-size: 80%; color: #1a1a1a; }
.album .image .overlay .edit { float: right; display: block; width: 20px; height: 24px; background: url(../img/table_edit.png) no-repeat 0 0; text-indent: -9999px; }
.album .image:hover { margin: 0; border: 6px solid #fff; }
.album .image:hover .overlay { display: block; }
.album .image ul { padding: 0; margin: 0 0 10px; }
.album .image ul li { display: inline-block; padding-left: 13px; margin-right: 10px; background: url(../img/photo_list.png) no-repeat 0 3px; font-size: 80%; }
.album .image ul .comment { background-position: 0 -11px; }
.album img { width: 100%; height: 150px; background: #000; }
/* New photo album */
.photo-album { padding: 0; }
.photo-album li { list-style: none; display: inline-block; padding: 5px; width: 202px; }
.photo-album li.reflection { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.08))); }
.photo-album li:hover { background-color: white; }
.photo-album li:hover .photo-options { display: block; }
.photo-album img { width: 100%; height: 150px; }
.photo-edit { float: right; display: block; width: 45px; height: 24px; border: 1px solid #c8d1d6; background: url(../img/table_edit.png) no-repeat 5px 0 #f1f3f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.photo-edit:hover, .photo-edit.open { background-position: 5px -28px; background-color: #bdc8cd; border: 1px solid #96a1a6; }
.photo-number-of-likes, .photo-number-of-comments { float: left; background: url(../img/photo_list.png) no-repeat left 2px; color: #afafaf; font-size: 70%; padding: 0 2px 0 15px; margin: 7px 5px 0 0; }
.photo-number-of-comments { background-position-y: -11px; }
.photo-options { display: none; position: absolute; background-color: white; width: 202px; height: 26px; margin: -29px 0 0; padding: 3px 0 0; }
.photo-dropdown { display: none; background-color: #d0d8dc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; margin: 0; padding: 0; position: absolute; right: 0; top: 27px; width: 160px; z-index: 100; border-top: 1px solid #96a1a6; border-left: 1px solid #96a1a6; border-right: 1px solid #96a1a6; }
.photo-dropdown li { text-indent: 0; padding: 0; margin: 0; list-style: none; width: 160px; font-size: 80%; }
.photo-dropdown li a { display: block; background: url(../img/edit-menu.png) no-repeat 4px 5px #d0d8dc; padding: 5px 5px 5px 30px; border-top: 1px solid #e4e8ea; border-bottom: 1px solid #96a1a6; text-indent: 0; color: #575e61; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
.photo-dropdown li a.photo-make-album-cover { background-position: 4px -128px; }
.photo-dropdown li a.photo-edit-description { background-position: 4px -157px; }
.photo-dropdown li a.photo-download { background-position: 4px -188px; }
.photo-dropdown li a.photo-rotate { background-position: 4px -218px; }
.photo-dropdown li a.photo-data { background-position: 4px -247px; }
.photo-dropdown li a.photo-share { background-position: 4px -278px; }
.photo-dropdown li a.photo-delete { background-position: 4px -96px; }
.photo-dropdown li a:hover { background-color: #dfe4e7; }
.public { }
 @media only screen and (max-width: 767px) {
.public .main.container {
background-color: white;
}
}
.public .mobile-header, .public .mobile-footer { height: 43px; background-color: #e6ebed; text-align: center; }
.public .mobile-header p, .public .mobile-footer p { display: inline; font-family: adelle; font-size: 100%; color: #003979; text-shadow: 0px 1px 0px white; line-height: 45px; }
.public .mobile-header a, .public .mobile-footer a { padding: 7px; margin: 7px 0 0; }
.public .mobile-footer { height: 60px; padding-top: 10px; -webkit-box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.8); box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.8); }
.public .info { background-color: #d6effb; padding: 10px; margin: 0 0 5px; }
.public .info strong { font-weight: bold; }
.public .info p { margin: 0; }
.public .show-all { position: relative; }
.public .show-all a { position: absolute; top: 0; right: 0; font-size: 75%; line-height: 200%; }
.public .more-padding { padding: 46px !important; }
 @media only screen and (max-width: 767px) {
.public .more-padding {
padding: 15px !important;
}
}
.public .content-center > * { margin: auto !important; }
.public .content-center { text-align: center; }
.public p.smaller { line-height: 145%; }
 @media only screen and (max-width: 767px) {
.public .button {
width: 100%;
}
}
.public .public-button, .public .public-button-1, .public .public-button-2, .public .public-button-3 { display: inline-block; text-align: center; margin-bottom: 15px; padding: 10px; color: white; font-size: 80%; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
 @media only screen and (max-width: 767px) {
.public .public-button, .public .public-button-1, .public .public-button-2, .public .public-button-3 {
width: 100%;
}
}
.public .public-button-1 { border: 1px solid #2997cf; background: #44aae7; background: -moz-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #56bcec), color-stop(100%, #44aae7)); background: -webkit-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -o-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -ms-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: linear-gradient(top, #56bcec 1%, #44aae7 100%); text-shadow: 0px 1px 0px #2a89bc; }
.public .public-button-1:hover { background: #2da0e4; background: -moz-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3fb3e9), color-stop(100%, #2da0e4)); background: -webkit-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -o-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -ms-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); }
.public .public-button-2 { border: 1px solid #b13902; background: #e4581c; background: -moz-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e96f23), color-stop(100%, #e4581c)); background: -webkit-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -o-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: -ms-linear-gradient(top, #e96f23 1%, #e4581c 100%); background: linear-gradient(top, #e96f23 1%, #e4581c 100%); text-shadow: 0px 1px 0px #9a4d24; }
.public .public-button-2:hover { background: #ce4f19; background: -moz-linear-gradient(top, #dc6216 1%, #ce4f19 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dc6216), color-stop(100%, #ce4f19)); background: -webkit-linear-gradient(top, #dc6216 1%, #ce4f19 100%); background: -o-linear-gradient(top, #dc6216 1%, #ce4f19 100%); background: -ms-linear-gradient(top, #dc6216 1%, #ce4f19 100%); background: linear-gradient(top, #dc6216 1%, #ce4f19 100%); }
.public .public-button-3 { color: #2497cf; font-weight: normal; font-size: 75%; letter-spacing: -1px; border: 1px solid #c8d1d6; width: inherit; padding: 4px 8px; }
.public .public-button-4 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 7px 26px 5px !important; color: white !important; font-size: 98%; background: #3f6c8e; font-family: 'Lucida Grande', "Helvetica", "Arial", sans-serif; }
.public a.link-document { background: url("../img/link_icon_document.png") no-repeat left center; padding: 7px 0 0 30px; font-size: 75%; height: 23px; display: block; margin: 0 0 7px; }
.public .main-content-box { -webkit-border-radius: 5px; -moz-border-radius: 5px !important; border-radius: 5px !important; background: white !important; padding: 5px !important; }
.public .main-content-box .right-column { padding-right: 28px; }
 @media only screen and (min-width: 768px) {
.public .main-content-box .right-column h3 {
font-size: 80% !important;
}
}
.public .main-content-box .left-column { background: transparent url(../img/dot_seperate_vert.png) repeat-y right; padding-left: 28px; }
.public .main-content-box .left-column .description h3 { font-size: 200%; line-height: 125%; text-transform: none; }
.public .main-content-box .left-column > div { margin-bottom: 30px; padding-bottom: 15px; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.public .main-content-box .left-column > div.last { background: transparent; }
 @media only screen and (max-width: 767px) {
.public .main-content-box .left-column {
background: transparent;
padding-left: 19px;
}
}
 @media only screen and (max-width: 767px) {
.public .main-content-box {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
background: none;
}
.public .main-content-box .right-column {
padding-right: 19px;
}
}
.public .public-left { width: 520px; }
.public .public-right { width: 300px; }
.public .col-full { width: 860px; }
.public header { background-color: #E6EBED; padding-bottom: 0; }
.public header p { margin: 20px 0 5px; font-size: 80%; text-transform: uppercase; }
.public header h2 { text-align: left; font-size: 200%; width: 50%; margin-top: 0; color: #1a1a1a; }
.public header .bluebar { height: 69px; }
.public header .memberplanet, .public header .user, .public header .button { margin-top: 22px; }
.public header .memberplanet { float: none; }
 @media only screen and (max-width: 767px) {
.public header .row {
display: none;
}
}
.public header li { display: block; float: left; }
.public h2 { text-transform: uppercase; margin: 23px; font-size: 78%; color: #6a6a6a; }
 @media only screen and (max-width: 767px) {
.public h2 {
margin: 0 0 15px;
}
}
.public h3 { float: none; font-size: 110%; margin: 0 0 15px 0; text-transform: uppercase; }
.public h4 { background: url(../img/dot_seperate.png) repeat-x 0 bottom; margin: 0 0 7px; padding: 0 0 7px; font-size: 100%; }
.public h3, .public h4 { font-family: adelle; color: #1a1a1a; }
.public p { color: #6a6a6a; font-size: 80%; line-height: 175%; margin: 0 0 15px; }
.public p strong { font-weight: normal; color: #1a1a1a; }
.public .share { /*margin-top: 18px; margin-right: 15px; background: url(../img/share_temp.jpg) no-repeat 0 0; width: 288px; height: 23px;*/ }
 @media only screen and (min-width: 768px) {
.public .share {
float: right;
}
}
.public .image { margin: 0 0 20px; }
.public .feedbar { float: right; }
.public .feedbar > div { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 15px; padding: 10px; }
.public .feedbar .twitter { display: block; height: 400px; background: #000; }
.public .about { margin-bottom: 15px; }
.public .about .banner { display: block; max-width: 100%; background: #000; }
.public .about .profile { margin-left: 30px; }
.public .about .profile p { line-height: 1.6; font-size: 80%; }
.public .about .profile p.ingress { font-size: 120%; color: #1a1a1a; }
.public .about .overview { position: relative; background: url(../img/dot_seperate.png) repeat-x 0 bottom; padding-bottom: 10px; padding-left: 150px; }
.public .about .overview p { margin-top: 0; color: #e6621f; }
.public .about .overview.wysiwyg { background: none; padding-bottom: 0; }
.public .about .user { position: absolute; border: 4px solid #fff; width: 124px; height: 124px; top: -70px; left: 0; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); }
.public .about h2 { color: #1a1a1a; font-size: 180%; margin: 23px 23px 0 0; text-transform: none; }
.public .about .description { background: url(../img/dot_seperate.png) repeat-x 0 bottom; padding-bottom: 10px; }
.public .about .description.wysiwyg { background: none; }
.public .about .share { margin: 10px 0; }
.public .about .contact { background: #f5f7f8; margin-top: 5px; padding: 0 20px; }
.public .about .contact h4 { text-transform: uppercase; color: #1a1a1a; font-size: 90%; margin: 0 0 10px 0; }
.public .about .contact a, .public .about .contact p { margin: 0; font-size: 80%; }
.public .about .contact > div { padding: 20px 0; background: url(../img/dot_seperate.png) repeat-x 0 top; }
.public .about .contact > div:first-child { background: none; }
 @media only screen and (max-width: 767px) {
.public .about h2 {
font-size: 110%;
}
.public .about .profile {
margin-left: 0;
}
.public .about .user {
left: 10px;
}
}
.public .feeds .mobile-one { text-align: center; }
.public .feeds a.facebook, .public .feeds a.twitter, .public .feeds a.google, .public .feeds a.linkedin { background: url(../img/public_social.png) no-repeat 0 0; display: inline-block; width: 35px; height: 35px; }
.public .feeds a.facebook.twitter, .public .feeds a.twitter.twitter, .public .feeds a.google.twitter, .public .feeds a.linkedin.twitter { background-position: -35px 0; }
.public .feeds a.facebook.google, .public .feeds a.twitter.google, .public .feeds a.google.google, .public .feeds a.linkedin.google { background-position: -70px 0; }
.public .feeds a.facebook.linkedin, .public .feeds a.twitter.linkedin, .public .feeds a.google.linkedin, .public .feeds a.linkedin.linkedin { background-position: -105px 0; }
.public .feeds a.facebook:hover, .public .feeds a.twitter:hover, .public .feeds a.google:hover, .public .feeds a.linkedin:hover { background-position: 0 -35px; }
.public .feeds a.facebook:hover.twitter, .public .feeds a.twitter:hover.twitter, .public .feeds a.google:hover.twitter, .public .feeds a.linkedin:hover.twitter { background-position: -35px -35px; }
.public .feeds a.facebook:hover.google, .public .feeds a.twitter:hover.google, .public .feeds a.google:hover.google, .public .feeds a.linkedin:hover.google { background-position: -70px -35px; }
.public .feeds a.facebook:hover.linkedin, .public .feeds a.twitter:hover.linkedin, .public .feeds a.google:hover.linkedin, .public .feeds a.linkedin:hover.linkedin { background-position: -105px -35px; }
.public .links ul { margin: 0; padding: 0; }
.public .links li { margin: 0; padding: 0; list-style: none; word-wrap: break-word !important; }
.public .links ul.links-list a { display: block; padding: 3px 0 0 30px; height: 25px; background: url(../img/link.png) no-repeat 0 center; }
 @media only screen and (max-width: 767px) {
.public .links li {
margin: 7px 0;
width:100%;
word-wrap: break-word !important;
overflow:hidden;
}
.public .links ul.links-list a {
height:auto;
word-wrap: break-word !important;
padding: 4px 0 4px 30px;
}
}
.public .public-box { position: relative; padding: 20px 5px 20px; margin-bottom: 15px; }
.public .public-box > h4, .public .public-box > ul, .public .public-box > div { margin: 0 35px; }
.public .public-box h4 { padding-left: 35px; margin: 0 0 10px; color: #1a1a1a; font-size: 120%; text-transform: uppercase; background: none; }
.public .public-box img.full { position: relative; width: 100%; background: #000; margin-bottom: 10px; }
.public .public-box .more { font-size: 70%; border-top: 1px solid #a2adb3; padding: 10px 0; }
.public .public-box .more p { margin: 0; }
.public .public-box .more .all { float: right; }
.public .public-box .more.photos { border: none; margin-top: 210px; }
.public .public-box .photostrip { height: 174px; position: absolute; left: -2%; top: 46px; width: 104%; margin: 0; }
.public .public-box .photostrip a { -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); display: inline-block; width: 100%; background: #fff; }
.public .public-box .photostrip ul { margin: 0; padding: 0; }
.public .public-box .photostrip li { list-style: none; display: inline-block; }
.public .public-box .photostrip h6 { margin:10px 10px 10px 10px; font-size: 80%; }
.public .public-box .photostrip p { margin: 0 10px 10px 10px; font-size: 70%; color: #7a7a7b; }
.public .public-box .photostrip a { min-height: 100%; }
.public .public-box .photostrip img { display: inline-block; height: auto; width: 100%; background: #000; }
.public .public-box .photostrip .columns { padding: 0 4px; }
.public .public-box .photostrip + .more, .public .public-box .photostrip + .listitems, .public .public-box .photostrip + .links { margin-top: 200px; }
 @media only screen and (max-width: 767px) {
.public .public-box .photostrip {
height: auto;
position: relative;
top: 0;
}
.public .public-box .photostrip li {
margin: 5px 0;
}
.public .public-box .photostrip img {
height: auto;
}
.public .public-box .photostrip .last {
float: left;
}
.public .public-box .photostrip + .more.photos, .public .public-box .photostrip + .listitems, .public .public-box .photostrip + .links {
margin-top: 20px;
}
}
 @media only screen and (max-width: 767px) {
.public .public-box > h4, .public .public-box > ul, .public .public-box > div {
margin: 0 15px;
}
}
.public .public-box-1, .public .location, .public .related-documents { margin: 0 0 20px; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.public .public-box-2-container { background: url(../img/dot_seperate.png) repeat-x 0 top; padding: 21px 0 0; }
.public .public-box-2 { padding: 0 0 0 80px; background-position: top left; background-repeat: no-repeat; }
.public .public-box-2 h4 { color: #2997cf; font-size: 130%; background: none; margin: 0 0 5px; padding: 0; }
.public .public-box-2.questionnaire { background-image: url(../img/box_questionnaire.png); }
.public .public-box-2.fund { background-image: url(../img/box_fund.png); }
.public .public-box-2.accounts { background-image: url(../img/box_accounts.png); }
.public .public-box-2.album { background-image: url(../img/box_album.png); }
.public .public-box-2.announcements { background-image: url(../img/box_announcements.png); }
.public .public-box-2.collected { background-image: url(../img/box_collected.png); }
.public .public-box-2.distribution { background-image: url(../img/box_distribution.png); }
.public .public-box-2.email { background-image: url(../img/box_email.png); }
.public .public-box-2.leaders { background-image: url(../img/box_leaders.png); }
.public .public-box-2.members { background-image: url(../img/box_members.png); }
.public .public-box-2.paymentforms { background-image: url(../img/box_paymentforms.png); }
.public .public-box-2.quickpay { background-image: url(../img/box_quickpay.png); }
.public .public-box-2.ring { background-image: url(../img/box_ring.png); }
.public .public-box-2.survey { background-image: url(../img/box_survey.png); }
.public .listitems { margin: 0; padding: 0; }
.public .listitems p { margin: 0; }
.public .listitems li { margin: 0; padding: 20px 0; list-style: none; background: url(../img/dot_seperate.png) repeat-x 0 top; }
.public .listitems li.first { background: none; }
.public .listitems a { display: block; padding-left: 80px; position: relative; }
.public .listitems a:hover h5 { color: #94cbe7; }
.public .listitems a.survey { background: url(../img/box_questionnaire.png) no-repeat 0 0 white; }
.public .listitems a.fund { background: url(../img/box_fund.png) no-repeat 0 0 white; }
.public .listitems a.discussion { background: url(../img/box_survey.png) no-repeat 0 0 white; }
.public .listitems a.photos { background: url(../img/box_album.png) no-repeat 0 0 white; }
.public .listitems a.email { background: url(../img/box_email.png) no-repeat 0 0 white; }
.public .listitems a.announcement { background: url(../img/box_announcements.png) no-repeat 0 0 white; }
.public .listitems a.paymentforms { background: url(../img/box_paymentforms.png) no-repeat 0 0 white; }
.public .listitems a.quickpay { background: url(../img/box_quickpay.png) no-repeat 0 0 white; }
.public .listitems a.collected { background: url(../img/box_collected.png) no-repeat 0 0 white; }
.public .listitems a.accounts { background: url(../img/box_accounts.png) no-repeat 0 0 white; }
.public .listitems .image, .public .listitems .icon { position: absolute; left: 0px; width: 58px; height: 58px; background: url(../img/box_ring.png) no-repeat 0 0; color: #003a79; }
.public .listitems .icon .month { display: block; text-align: center; font-size: 70%; margin: 8px 0 0; }
.public .listitems .icon .date { display: block; text-align: center; font-size: 150%; margin: -4px 0 0; }
.public .listitems .image.survey { background: url(../img/box_questionnaire.png) no-repeat; }
.public .listitems .image.fund { background: url(../img/box_fund.png) no-repeat; }
.public .listitems .image.discussion { background: url(../img/box_survey.png) no-repeat; }
.public .listitems .image.photos { background: url(../img/box_album.png) no-repeat; }
.public .listitems .image.announcement { background: url(../img/box_announcements.png) no-repeat; }
.public .listitems .image.collected { background: url(../img/box_collected.png) no-repeat; }
.public .listitems .image.members { background: url(../img/box_members.png) no-repeat; }
.public .listitems .image.group { background: url(../img/box_group.png) no-repeat; }
.public .listitems h5 { font-size: 120%; color: #003a79; margin: 0; }
.public .listitems .when { color: #1a1a1a; font-size: 80%; }
.public .listitems .description { color: #7a7a7b; font-size: 80%; }
.public .memberlist { padding: 10px 0; margin: 0; border-top: 1px solid #a2adb3; }
.public .memberlist li { margin: 5px 0; padding: 0; list-style: none; display: inline-block; position: relative; }
.public .memberlist a { display: inline-block; width: 100%; }
.public .memberlist p { margin: 0; font-size: 90%; }
.public .memberlist .firstname { margin-top: 10px; }
.public .memberlist .member, .public .memberlist .circle { width: 58px; height: 58px; }
.public .memberlist .member { background: #000; float: left; margin-right: 5px; }
.public .memberlist .circle { position: absolute; top: 0; left: 0; background: url(../img/user_overlay.png) no-repeat 0 0; z-index: 100; }
.public .attending .attendees { margin: 15px 0; }
.public .attending .attendee { height: 55px; margin: 0 0 10px; }
.public .attending .attendee .rounded-2 { float: left; margin: 0 7px 0 0; }
.public .attending .attendee a { font-size: 75%; }
.public .attending .attendee p { font-size: 70%; line-height: 100%; margin-top: 3px; }
.public .location .map img { width: 100%; margin: 0 0 7px; }
.public .event-take-part { margin-bottom: 15px !important; padding-bottom: 0 !important; }
 @media only screen and (max-width: 767px) {
.public .event-take-part {
background: url(../img/dot_seperate.png) repeat-x 0 bottom;
}
}
.public .related-documents { padding: 0 0 16px; }
.public.public.event .description { margin-bottom: 17px; padding-bottom: 0; }
 @media only screen and (max-width: 767px) {
.public.public.event .description {
background: url(../img/dot_seperate.png) repeat-x 0 bottom;
padding-bottom: 15px;
}
}
 @media only screen and (max-width: 767px) {
.public.public.event .event-hosted-by {
background: url(../img/dot_seperate.png) repeat-x 0 bottom;
margin: 0 0 20px;
}
}
.public .campaign { float: left; }
.public .campaign .share { margin: 20px 0; }
.public .campaign .intro { font-size: 150%; color: #1a1a1a; }
.public .campaign p { font-size: 90%; line-height: 1.5; }
.public .campaign h4 { margin: 35px 0 8px; padding-bottom: 5px; background: url(../img/dot_seperate.png) repeat-x 0 bottom; color: #1a1a1a; }
.public .bar { height: 14px; background: #d2d9dd; background: -moz-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #bec5c9), color-stop(100%, #d2d9dd)); background: -webkit-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -o-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: -ms-linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); background: linear-gradient(top, #bec5c9 1%, #d2d9dd 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-bottom: 1px solid #fff; }
.public .complete { height: 13px; background: #e76931; background: -moz-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eb7e3b), color-stop(100%, #e76931)); background: -webkit-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -o-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -ms-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: linear-gradient(top, #eb7e3b 1%, #e76931 100%); border: 1px solid #b13902; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: inset 0px 1px 1px 0px #f2a677; box-shadow: inset 0px 1px 1px 0px #f2a677; }
.public .complete.achieved { background: #557f4c; background: -moz-linear-gradient(top, #66955b 1%, #557f4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #66955b), color-stop(100%, #557f4c)); background: -webkit-linear-gradient(top, #66955b 1%, #557f4c 100%); background: -o-linear-gradient(top, #66955b 1%, #557f4c 100%); background: -ms-linear-gradient(top, #66955b 1%, #557f4c 100%); background: linear-gradient(top, #66955b 1%, #557f4c 100%); border-color: #3b6930; -webkit-box-shadow: inset 0px 1px 1px 0px #96b78e; box-shadow: inset 0px 1px 1px 0px #96b78e; }
.public .donation .box { width: 100%; border-top: 1px solid #b1bec4; margin-bottom: 30px; position: relative; }
.public .donation .total { color: #1a1a1a; font-family: adelle; font-size: 350%; line-height: 80%; display: block; margin: 15px 0 15px; letter-spacing: -2px; }
.public .donation .total-sub { color: #6a6a6a; font-size: 70%; margin: 0 0 15px; }
.public .donation .stats .number { font-family: adelle; font-size: 145%; color: #1a1a1a; }
.public .donation .stats .tag { font-size: 75%; text-align: left; color: #96a1a6; margin: 0 0 4px; }
.public .donation .donate a { margin: 20px 0 15px; display: block; background: #e76931; background: -moz-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eb7e3b), color-stop(100%, #e76931)); background: -webkit-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -o-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: -ms-linear-gradient(top, #eb7e3b 1%, #e76931 100%); background: linear-gradient(top, #eb7e3b 1%, #e76931 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 120%; text-transform: uppercase; text-align: center; color: #fff; padding: 7px 0; border: 1px solid #b13902; -webkit-box-shadow: inset 0px 1px 1px 0px #f2a677; box-shadow: inset 0px 1px 1px 0px #f2a677; text-shadow: -1px 1px 2px #773418; }
.public .donation .donate a:hover { background: #e4591b; background: -moz-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e96f24), color-stop(100%, #e4591b)); background: -webkit-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: -o-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: -ms-linear-gradient(top, #e96f24 1%, #e4591b 100%); background: linear-gradient(top, #e96f24 1%, #e4591b 100%); }
.public .donation .take-part-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; padding: 3px; margin: 0 0 15px; }
.lt-ie9 .public .donation .take-part-box { border: 1px solid #B4B4B4; }
.public .donation .take-part { text-align: center; margin: 3px; padding: 15px; border: 1px solid #2997cf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #5abfee; }
.public .donation .take-part p { color: #ffffff; text-shadow: 0 1px 0 #4a9cc1; font-size: 75%; margin: 0 0 15px; font-weight: bold; }
.public .donation .take-part a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #44aae7; background: -moz-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #56bcec), color-stop(100%, #44aae7)); background: -webkit-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -o-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -ms-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: linear-gradient(top, #56bcec 1%, #44aae7 100%); display: inline-block; width: 90%; text-align: center; padding: 7px 0 7px; color: white; text-shadow: 0px 1px 0px #2a89bc; font-size: 80%; border: 1px solid #2997cf; font-weight: bold; }
.public .donation .take-part a:hover { background: #2da0e4; background: -moz-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3fb3e9), color-stop(100%, #2da0e4)); background: -webkit-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -o-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -ms-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); }
.public .donation h4 { margin: 20px 0 10px 0; color: #1a1a1a; }
.public .donation .recent_donors h4 { background: none; border-bottom: 1px solid #e4e8ea; }
.public .donation .recent_donors h4 span { float: right; }
.public .donation .recent_donors .row { margin-bottom: 5px; }
.public .donation .recent_donors a { font-size: 75%; }
.public .donation .recent_donors .columns { font-size: 75%; color: #7a7a7b; padding: 0 15px; }
.public .donation .recent_donors .columns.sum { padding-left: 7.5px; }
.public .donation .recent_donors .columns.name { padding-right: 7.5px; }
.public .donation .recent_donors .sum { text-align: right; }
.public .donation ol { background: url(../img/double_line.jpg) repeat-x 0 0; margin: 20px 0 0 0px; padding: 10px 20px 0 40px; color: #1a1a1a; font-size: 80%; }
.public .donation ol .donation { color: #aeafb0; }
.public .donation ol li { padding: 10px 0; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.public .donation ol li.last { background: none; }
.public .donation .all { background: url(../img/double_line.jpg) repeat-x 0 0; padding: 10px 20px; display: block; text-align: center; font-size: 80%; }
.public footer { display: block; min-height: 56px; text-align: center; }
.public footer:before { content: ''; width: 100%; height: 1px; background: #4F4F4F;/*position: absolute;*/ }
.public footer ul { margin: 0 auto; padding: 0; font-size: 70%; /*line-height: 56px;*/ width:880px; }
.public footer ul li { display: inline-block; color: #309BD0; }
.public footer ul li a { padding: 0 5px; }
.public footer ul li:before { content: "|"; }
.public footer ul li:first-child:before { content: ""; }
.public .pin { float: right; width: 27px; height: 27px; margin-top: 16px; margin-right: 20px; background: transparent url(../img/pin.gif); }
.public .gallery { position: relative; }
.public .gallery img { width: 100%; height: auto; }
.public .gallery .columns { padding: 3px; }
.public .gallery .row { padding: 0 13px; margin-bottom: 5px; }
.public .gallery .all { position: absolute; top: 0; right: 0; font-size: 75%; line-height: 200%; }
.public .description img { width: 100%; height: auto; }
.public .supporter-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white !important; padding: 3px!important; margin-bottom: 30px; }
.lt-ie9 .public .supporter-box { border: 1px solid #B4B4B4; }
.public .supporter { text-align: center; margin: 3px; padding: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ebf7fd; text-align: left; }
 @media only screen and (max-width: 767px) {
.public .supporter {
text-align: center;
}
}
.public .supporter h3 { color: #2484C4; text-transform: none; }
.public .supporter .profile { background: url(../img/dot_seperate_vert.png) repeat-y right; text-align: center; }
 @media only screen and (max-width: 767px) {
.public .supporter .profile {
background: transparent;
}
}
.public .supporter .goal { color: #1a1a1a; background: url(../img/dot_seperate.png) repeat-x 0 bottom; padding: 5px 0; }
.public .supporter .description { background: url(../img/dot_seperate.png) repeat-x 0 bottom; margin: 0; padding-bottom: 15px; }
.public .supporter img { -webkit-border-radius: 57.5px; -moz-border-radius: 57.5px; border-radius: 57.5px; }
.public .supporter figure { position: relative; overflow: hidden; width: 100px; height: 100px; margin: 0 auto 15px auto; }
.public .supporter figure::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 2px 3px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 2px 3px 5px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 57.5px;
-moz-border-radius: 57.5px;
border-radius: 57.5px;
left:0;
}
.public .listing { padding: 10px 30px 30px 30px; }
.public .listing h3 { font-size: 130%; color: #003979; margin-bottom: 10px; }
.public .listing p { margin-bottom: 20px; }
.public .listing .columns { margin-bottom: 20px; }
.public .listing .picture { padding: 0; text-align: center; }
.public .listing .picture img { width: 100%; max-width: 80px; height: auto; }
.public .listing .description a { display: block; font-size: 80%; font-weight: bold; }
.public .listing .description span { font-size: 75%; }
.public .listing .bar { margin-top: 10px; height: 8px; }
.public .listing .bar .complete { height: 6px; }
 @media only screen and (max-width: 767px) {
.public .listing {
padding: 0;
}
}
.public.member .main-content-box .container { padding: 20px 30px 5px 30px; }
 @media only screen and (max-width: 767px) {
.public.member .main-content-box .container {
padding: 0;
}
}
.public.member .profile { margin-bottom: 15px; }
.public.member hgroup { margin-top: 27px; }
.public.member hgroup h2 { margin: 0 0 10px 0; font-family: adelle; font-size: 78%; color: #1a1a1a; }
.public.member hgroup h3 { margin: 0 0 10px 0; font-size: 185%; text-transform: none; }
.public.member hgroup h4 { margin: 0; font-size: 80%; color: #e6621f; background: transparent; }
.public.member .connect { display: inline-block; width: 148px; text-align: center; margin-bottom: 15px; padding: 10px 0 10px; color: white; font-size: 80%; font-weight: bold; border: 1px solid #2997cf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #44aae7; background: -moz-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #56bcec), color-stop(100%, #44aae7)); background: -webkit-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -o-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: -ms-linear-gradient(top, #56bcec 1%, #44aae7 100%); background: linear-gradient(top, #56bcec 1%, #44aae7 100%); text-shadow: 0px 1px 0px #2a89bc; }
.public.member .connect:hover { background: #2da0e4; background: -moz-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3fb3e9), color-stop(100%, #2da0e4)); background: -webkit-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -o-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: -ms-linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); background: linear-gradient(top, #3fb3e9 1%, #2da0e4 100%); }
 @media only screen and (max-width: 767px) {
.public.member .connect {
width: 100%;
}
}
.public.member .contact { padding-top: 20px; background: url(../img/dot_seperate.png) repeat-x 0 top; }
.public.member .contact h4 { font-size: 80%; color: #1a1a1a; text-transform: uppercase; background: transparent; }
.public.member .connections { background: #e6ebed; }
.public.member .connections h4 { padding: 18px 10px 15px 10px; font-size: 85%; text-transform: uppercase; background: url(../img/double_line_divider.gif) repeat-x bottom; }
.public.member .connections .content-row { padding: 10px 0; background: url(../img/dot_seperate.png) repeat-x 0 bottom; }
.public.member .connections .content-row .picture { padding-right: 0; }
.public.member .connections .content-row .details { font-size: 75%; padding-left: 5px; }
.public.member .connections .content-row .details span { display: block; font-size: 80%; color: #7a7a7b; margin-top: 5px; }
.public.member .connections .content-row.last { background: none; }
.public.member .connections .container { padding: 0 15px; background: url(../img/double_line_divider.gif) repeat-x bottom; }
.public.member .connections .container.last { background: none; }
.public.member .connections .heading { position: relative; }
.public.member .connections .all { font-size: 75%; position: absolute; bottom: 23px; right: 23px; }
.public.member .connections.container { background: white; padding: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }
.public.member .main-content-box { margin-bottom: 30px; }
.public.member .content-box { padding: 20px; }
 @media only screen and (max-width: 767px) {
.public.member .main.container {
background-color: transparent;
padding-top: 0;
}
.public.member .main-content-box {
margin-bottom: 15px;
}
.public.member .main.container > .row:first-child {
background: white;
margin-bottom: 15px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}
.public.member .profile {
text-align: center;
}
}
.public h3.divider { font-size: 150%; color: #003979; background: url(../img/double_line_divider.gif) repeat-x bottom; text-transform: none; padding-bottom: 10px; }
 @media only screen and (max-width: 767px) {
.public h3.divider {
text-align: center;
}
}
.public .content-box { margin-bottom: 10px; padding: 5px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.public .content-box .icon { text-align: center; }
.public .content-box .icon img { max-width: 58px; margin-bottom: 10px; }
.public .content-box .icon div { margin: 0 auto 10px auto; display: block; text-align: center; padding-top: 12px; width: 58px; height: 58px; background: url(../img/box_ring.png) no-repeat 0 0; color: #003a79; font-size: 70%; }
.public .content-box .icon div span { font-size: 200%; display: block; }
.public .content-box .heading { margin: 6px 0 10px 0; }
.public .content-box .heading h4 { margin: 0 0 5px 0; padding: 0; font-size: 130%; color: #2997cf; background: transparent; }
.public .content-box .heading span { font-size: 75%; }
.public .content-box .photo { text-align: center; margin: 0 -15px; }
.public .content-box .photo img { width: 100%; }
.public .content-box .photo .column, .public .content-box .photo .columns { padding: 2px; }
 @media only screen and (max-width: 767px) {
.public .content-box .photo {
margin: 0;
}
.public .content-box .photo img {
max-width: 174px;
}
}
.public .content-box .money-tag { position: absolute; right: 7px; top: 15px; background: #e8e5c5; border: 1px solid #a5bd9f; padding: 5px 15px; text-align: center; }
.public .content-box .money-tag p { color: #4a7a3e; }
.public .content-box .money-tag .now { margin: 0; font-size: 120%; }
.public .content-box .money-tag .total { font-size: 65%; margin: 0; }
.public .content-box .money-tag .tag { background: url(../img/money_tag.png) no-repeat 0 0; position: absolute; height: 6px; width: 6px; bottom: -6px; right: 0px; margin: 0; }
.public.marketing { background: white; }
.public.marketing header { background: white; position: fixed; width: 100%; z-index: 900; }
 @media only screen and (max-width: 767px) {
.public.marketing header {
position: relative;
}
.public.marketing header > .row {
display: block;
}
.public.marketing .main {
padding: 0 !important;
}
.public.marketing .divider-1, .public.marketing .divider-2, .public.marketing .divider-3, .public.marketing .divider-4 {
display: none;
}
.public.marketing .box-marketing, .public.marketing .more-top-margin-2 {
margin: 0 0 15px !important;
}
.public.marketing .marketing-section, .public.marketing .marketing-section-2, .public.marketing .marketing-section-3, .public.marketing .marketing-section-2, .public.marketing .marketing-section-3 {
padding-bottom: 15px !important;
padding-top: 15px !important;
}
/*.public.marketing h2.header-7, .public.marketing h2.header-8 { margin-top: 90px !important; }*/
.public.marketing #cboxClose {
display: none !important;
}
.public.marketing #cboxTitle {
top: 0 !important;
margin: 5px !important;
}
.public.marketing #cboxLoadedContent {
margin-top: 42px;
}
}
 @media only screen and (max-width: 768px) {
.public.marketing #samples-nav .four {
display: none;
}
.public.marketing #samples-nav .eight {
width: 100%;
}
}
.public.marketing .marketing-logo { background-image: url(../img/marketing_logo_1.png); width: 193px; height: 36px; display: block; margin: 10px 0; }
 @media only screen and (max-width: 767px) {
.public.marketing .marketing-logo {
margin: 0 auto;
}
}
.public.marketing .marketing-nav li, .public.marketing .marketing-sub-nav li { margin: 0 50px 0 0; font-family: adelle; font-size:115%; }
 @media only screen and (max-width: 767px) {
.public.marketing .marketing-nav li, .public.marketing .marketing-sub-nav li {
margin-right: 0;
display: block !important;
width: 100%;
text-align: center;
font-size: 150%;
}
}
 @media only screen and (max-width: 768px) {
.public.marketing .marketing-nav li, .public.marketing .marketing-sub-nav li {
margin: 0 17px 0 0;
}
}
.public.marketing .marketing-nav a, .public.marketing .marketing-sub-nav a { padding: 16px 0 13px; }
 @media only screen and (max-width: 767px) {
.public.marketing .marketing-nav a, .public.marketing .marketing-sub-nav a {
padding: 5px 0;
}
}
.public.marketing .marketing-nav a.active, .public.marketing .marketing-sub-nav a.active { border-bottom: 3px solid black; color: #3f6c8e; }
.public.marketing .marketing-nav .last, .public.marketing .marketing-sub-nav .last { float: right; margin: 0; }
.public.marketing .marketing-nav .last a, .public.marketing .marketing-sub-nav .last a { margin: 11px 0; }
.public.marketing .marketing-sub-nav { display: none; color: #666666; background: #f2f2f2 url(../img/marketing_sub_navigation_shadow.gif) repeat-x top left; }
.public.marketing .marketing-sub-nav span { margin-top: 19px; display: block; font-size: 97%; font-family: adelle; }
.public.marketing .marketing-sub-nav li { margin: 0; font-size: 93%; }
.public.marketing .marketing-sub-nav li.first a { padding-left: 0; }
.public.marketing .marketing-sub-nav li.last { float: left; }
.public.marketing .marketing-sub-nav li.last a { margin: 0; padding-right: 0; background: transparent; }
.public.marketing .marketing-sub-nav a { padding: 16px 15px 13px 15px; background: transparent url(../img/marketing_sub_navigation_divider.gif) no-repeat center right; }
.public.marketing .marketing-sub-nav a.active { border-bottom: 3px solid #4DB2E9; }
.public.marketing .intro-container { text-align: center; background-image: url(../img/intro_bg.png); background-repeat: repeat-x; }
.public.marketing .intro-container .intro { height: 474px; background-image: url(../img/intro_gradient.png); background-repeat: no-repeat; background-position: center bottom; }
 @media only screen and (max-width: 767px) {
.public.marketing .intro-container .intro {
margin-bottom: 100px;
}
}
.public.marketing .marketing-video { background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px; display: inline-block; margin: 7px 0 15px; }
 @media only screen and (max-width: 767px) {
.public.marketing .marketing-video {
width: 100%;
height: 50%;
position: relative;
}
.public.marketing .marketing-video iframe {
width: 100%;
height: 100%;
}
}
.public.marketing .button.bigger { border-width: 2px; padding: 13px 40px; font-size: 120%; }
.public.marketing .between-buttons { border: 1px solid #96a1a6; color: #afafaf; padding: 2px 6px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; display: inline-block; font-family: adelle; font-size: 96%; margin: 19px 0 0; }
 @media only screen and (max-width: 768px) {
.public.marketing .between-buttons {
display: none;
}
}
.public.marketing .marketing-section, .public.marketing .marketing-section-2, .public.marketing .marketing-section-3 { text-align: center; padding-bottom: 60px; }
.public.marketing .marketing-section-2 { background-image: url(../img/marketing_section_bg.png); background-position: top center; background-repeat: repeat-x; }
.public.marketing .marketing-section-3 { border-top: 1px solid #b1bec4; padding-top: 60px; }
/* public form */
.public-form { padding: 0 28px; clear:both; }
.public-form h1 { font-size: 110% !important; padding: 10px !important; }
.public-form h3 { margin-bottom: 25px; }
.public-form hr { margin: 0 0 25px 0; border: none; background: url(../img/dot_seperate.png) repeat-x 0 0; height: 1px; }
.public-form > p { margin-bottom: 40px; }
.public-form label { width: 200px; margin: 8px 20px 10px 0; color: #1a1a1a; font-size: 80%; float: left; clear: left; }
.public-form fieldset span { width: auto; margin: 8px 10px 10px 0; color: #1a1a1a; font-size: 100%; float: left; }
.public-form fieldset select { width: auto; padding: 6px !important; }
.public-form input[type=text], .public-form select, .public-form textarea, .public-form fieldset { float: left; margin: 0 0 20px; }
.public-form select { /*font-size: 100%;*/ }
.public-form input[type=text], .public-form select { width: 240px; margin-right:10px; }
.public-form select { padding:3px; }
.public-form textarea { width: 300px; resize: none; }
.public-form fieldset { border: none; font-size: 84%; }
.public-form fieldset input { margin: 0 5px 10px 0; }
.public-form fieldset input[type="checkbox"] { float:left }
.public-form p.note { float: left; width: 210px; margin: 0 0 0 40px; font-size: 71%; }
.public-form span.note { float: left; width: 210px; margin: 0 0 0 40px; font-size: 71%; }
.public-form fieldset.city-state-zip .city, .public-form fieldset.city-state-zip .state, .public-form fieldset.city-state-zip .zip { margin-right: 13px; }
.public-form fieldset.city-state-zip .city { width: 150px; }
.public-form fieldset.city-state-zip .state { width: 80px; }
.public-form fieldset.city-state-zip .zip { width: 60px; }
.public-form select[multiple] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ffffff; outline: none; border: 1px solid #cccccc; font-size: 80%; margin: 0 0 25px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
 @media only screen and (max-width: 767px) {
.public-form {
padding: 0 10px;
}
.public-form input[type=text], .public-form select, .public-form textarea, .public-form fieldset, .public-form label {
width: 100%;
}
.public-form p.note {
margin: -10px 0 15px 0;
line-height: 140%;
width: 100%;
}
.public-form fieldset.city-state-zip .city, .public-form fieldset.city-state-zip .state, .public-form fieldset.city-state-zip .zip {
margin-right: 0px;
width:100%
}
.col-seven {
width: 100% !important;
}
}
.public.survey .edit-menu { margin: -5px; }
@media only screen and (max-width: 767px) {
.public.survey .edit-menu {
margin: 0 -15px -21px;
padding: 15px 10px 10px;
}
.public.survey .edit-menu a {
width: 100%;
text-align: center;
margin: 0 0 15px;
}
}
.box-donation-amount { position: relative; }
.box-donation-amount input[type=text] { border: 1px solid #2587ba; font-family: adelle; font-size: 250%; padding: 0 7px 3px 35px; color: #003a79; width: 120px; float: left; clear: left; }
.box-donation-amount input[type=text]:focus { border: 1px solid #2587ba; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.box-donation-amount div.currency { position: absolute; left: 24px; top: 14px; font-family: adelle; font-size: 250%; color: #003a79; }
.box-donation-amount h3 { font-size: 73%; color: white; margin: 6px 5px 5px 200px; }
.box-donation-amount p { font-family: adelle; color: white; font-size: 130%; margin: 0 5px 5px 200px; }
.box-checkbox-with-sum-1 input[type=checkbox], .box-checkbox-with-sum-2 input[type=checkbox] { float: left; margin: 2px 0 0; }
.box-checkbox-with-sum-1 div.sum, .box-checkbox-with-sum-2 div.sum { font-size: 150%; font-family: adelle-light; float: left; color: #1a1a1a; line-height: 73%; margin: 0 0 0 10px; }
.box-checkbox-with-sum-1 h3, .box-checkbox-with-sum-2 h3 { font-size: 111%; font-family: adelle-light; color: #1a1a1a; margin: -2px 0 0; text-shadow: 0px 1px 0px white; }
.box-checkbox-with-sum-1 h4, .box-checkbox-with-sum-2 h4 { font-family: adelle-light; font-size: 95%; margin: -10px 0 0; text-shadow: 0px 1px 0px white; }
.box-checkbox-with-sum-1 p, .box-checkbox-with-sum-2 p { font-size: 74%; margin: 0; color: #7a7a7b; line-height: 180%; }
.box-checkbox-with-sum-1 hr, .box-checkbox-with-sum-2 hr { margin: 10px 0 20px; border-top: 1px solid #bddef4 !important; border-bottom: 1px solid white !important; background: none !important; height: 0px; }
.box-checkbox-with-sum-1 h3, .box-checkbox-with-sum-1 h4, .box-checkbox-with-sum-1 p, .box-checkbox-with-sum-1 hr, .box-checkbox-with-sum-2 h3, .box-checkbox-with-sum-2 h4, .box-checkbox-with-sum-2 p, .box-checkbox-with-sum-2 hr { margin-left: 113px; }
.box-checkbox-with-sum-2 div.sum { float: right; font-size: 114%; }
.box-checkbox-with-sum-2 h3, .box-checkbox-with-sum-2 h4, .box-checkbox-with-sum-2 p, .box-checkbox-with-sum-2 hr { margin-left: 30px; }
.box-checkbox-with-sum-2 div.bottom { text-shadow: 0px 1px 0px white; color: #1a1a1a; font-size: 75%; }
.box-checkbox-with-sum-2 div.bottom > div { margin: 0 30px 0; float: left; }
.box-checkbox-with-sum-2 div.bottom > div:first-child { float: right; margin: 0; }
.box-checkbox-with-sum-2 div.bottom input[type=text], .box-checkbox-with-sum-2 div.bottom input[type=number] { margin-top: -4px; width: 45px; }
.item-box { padding-left: 20px; padding-right: 20px; }
.item-box h3, .item-box h4 { font-size: 111%; font-family: adelle-light; color: #1a1a1a; margin: -2px 0 5px; text-shadow: 0px 1px 0px white; }
.item-box h4 { font-size: 93%; margin: 0; }
.item-box p { font-size: 74%; margin: 0 0 15px; color: #7a7a7b; line-height: 180%; }
.item-box select { width: 100%; margin: 0 0 20px; }
.item-box select option span { float: right; }
.item-box ul { margin: 0; padding: 0; }
.item-box ul li { font-size: 75%; margin: 0; padding: 0; list-style: none; float: left; }
.item-box ul li input[type=text], .item-box ul li input[type=number] { width: 44px; }
.item-box ul li span { color: #7a7a7b; }
.item-box ul li.text { margin: 4px 76px 0 0; text-shadow: 0px 1px 0px white; }
.item-box ul li.quantity { text-shadow: 0px 1px 0px white; }
.item-box ul li.pay { margin-right: 50px; text-shadow: 0px 1px 0px white; }
.item-box ul li.add { float: right; }
.item-box ul li.add a.button { padding: 5px 10px; font-size: 104%; margin-top: -2px; }
.item-box ul li.total { margin: 4px 15px 0 0; font-weight: bold; text-shadow: 0px 1px 0px white; float: right; }
.item-box.item-group h3 { margin-bottom: 0; }
.item-box.item-group hr { margin: 10px 0; background: none; height: 0; border-top: 1px solid #bddef4; border-bottom: 1px solid #f7fcfe; }
.cart { padding: 0; margin: -10px 0 0; }
.cart li { padding: 10px 0 10px; list-style: none; border-top: 1px dotted #b1bec4; }
.cart li:first-child { border-top: none; }
.cart li p { float: left; margin: 0; font-size: 73%; width: 150px; }
.cart li p span { color: #afafaf; }
.cart li a.delete { float: right; width: 25px; height: 25px; padding: 0; margin: 4px 0 0; background-position: center center; background-repeat: no-repeat; background-image: url(../img/button_icon_delete.png); }
.cart-total { text-align: center; padding: 5px; margin: 5px 0 19px; }
.cart-total p { margin: 0; color: white; font-family: adelle-light; font-size: 96%; }
.fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0;
}
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
 @media print {
* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/*
    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; max-width: none; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; }
/* 
    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: url(../img/lightbox/overlay.png) repeat 0 0; }
#cboxTopLeft { width: 0px; height: 0px; background: white; }
#cboxTopRight { width: 0px; height: 0px; background: white; }
#cboxBottomLeft { width: 0px; height: 0px; }
#cboxBottomRight { width: 0px; height: 0px; }
#cboxMiddleLeft { width: 0px; }
#cboxMiddleRight { width: 0px; }
#cboxTopCenter { height: 0px; }
#cboxBottomCenter { height: 0px; }
#cboxContent { background: #fff; overflow: hidden; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { margin-top: 55px; }
#cboxTitle { position: absolute; top: 22px; left: 0; text-align: center; width: 100%; color: #000000; font-family: adelle; text-transform: uppercase; font-size: 97%; }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../img/lightbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: -75px -25px; }
#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../img/lightbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxNext:hover { background-position: -50px -25px; }
#cboxLoadingOverlay { background: url(../img/lightbox/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background: url(../img/lightbox/loading.gif) no-repeat center center; }
#cboxClose { position: absolute; top: 9px; right: 0; background: url(../img/lightbox/close.png) no-repeat top left; width: 61px; height: 38px; text-indent: -9999px; }
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft { background: url(../img/lightbox/ie6/borderTopLeft.png); }
.cboxIE6 #cboxTopCenter { background: url(../img/lightbox/ie6/borderTopCenter.png); }
.cboxIE6 #cboxTopRight { background: url(../img/lightbox/ie6/borderTopRight.png); }
.cboxIE6 #cboxBottomLeft { background: url(../img/lightbox/ie6/borderBottomLeft.png); }
.cboxIE6 #cboxBottomCenter { background: url(../img/lightbox/ie6/borderBottomCenter.png); }
.cboxIE6 #cboxBottomRight { background: url(../img/lightbox/ie6/borderBottomRight.png); }
.cboxIE6 #cboxMiddleLeft { background: url(../img/lightbox/ie6/borderMiddleLeft.png); }
.cboxIE6 #cboxMiddleRight { background: url(../img/lightbox/ie6/borderMiddleRight.png); }
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/* Red theme */
.theme-red { /* background */ /* headers */ /* links */ }
.theme-red .theme-background, .theme-red.theme-background { background-color: #efe4e4; }
.theme-red h1.themed, .theme-red h2.themed, .theme-red h3.themed, .theme-red h4.themed, .theme-red h5.themed, .theme-red h6.themed, .theme-red .themed-content h1, .theme-red .themed-content h2, .theme-red .themed-content h3, .theme-red .themed-content h4, .theme-red .themed-content h5, .theme-red .themed-content h6 { color: #b32834 !important; }
.theme-red a.themed, .theme-red .themed-content a { color: #b32834 !important; }
/* Green theme */
.theme-green { /* background */ /* headers */ /* links */ }
.theme-green .theme-background, .theme-green.theme-background { background-color: #cce2cd; }
.theme-green h1.themed, .theme-green h2.themed, .theme-green h3.themed, .theme-green h4.themed, .theme-green h5.themed, .theme-green h6.themed, .theme-green .themed-content h1, .theme-green .themed-content h2, .theme-green .themed-content h3, .theme-green .themed-content h4, .theme-green .themed-content h5, .theme-green .themed-content h6 { color: green !important; }
.theme-green a.themed, .theme-green .themed-content a { color: green !important; }
.bma10 { margin-bottom:10px !important; border:0px solid transparent !important; }
.bp10 { padding-bottom:10px !important; border:0px solid transparent !important; }
.public-form p.plainText { float: left; width: auto; margin: 0 0 0 10px; font-size: 80%; }
.spanbig { width: 85px !important; display:inline-block; margin-left:5px; }
.fhead { font-size:90%; width:100%; margin-bottom:8px; padding-left:5px; font-weight:bold; margin-top5px;
clear:both; }
.fr { float:right !important; }
.special { font-weight:bold !important; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; display:block; clear:both; position:relative; float:left; width:100%; font-size:100%; margin-bottom:20px; font-family: inherit }
.special label { font-weight: bold !important; font-size:100%; }
.special fieldset { font-weight: bold !important; font-size:100%; margin-bottom:5px !important; }
.etoe { float: none; font-size: 110%; padding:8px 10px; background-color:#CCC; text-transform: none !important; }
.bold { font-weight:bold !important; }
.red { color:red !important; }
/*
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
 * jQuery UI CSS Framework 1.8.22
 *
 * 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=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: white url(../img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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 #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: white url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(../img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(../img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.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-icons_222222_256x240.png); }
.ui-widget-content .ui-icon { background-image: url(../img/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(../img/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../img/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../img/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon { background-image: url(../img/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon { background-image: url(../img/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../img/ui-icons_cd0a0a_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: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/*
* jQuery UI Slider 1.8.22
*
* 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/Slider#theming
*/
.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: -0.3em; margin-left: -0.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: -0.3em; margin-left: 0; margin-bottom: -0.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; }
/*
* jQuery UI Datepicker 1.8.22
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; font-size:inherit !important; }
.ui-datepicker td { border: 0; padding: 1px; font-size:inherit !important; }
.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; }
.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; }
/* datepicker, timepicker */
.calendarall { background: url("../img/calendar.png") no-repeat scroll center center #d4dbdf; height: 30px; margin: 0 5px; vertical-align: middle; width: 30px; }
.calendarall { border: 1px solid #B1BEC4; border-radius: 5px 5px 5px 5px; display: inline-block; }
.clock { background: url("../img/clock.png") no-repeat scroll center center #d4dbdf; border: 1px solid #B1BEC4; border-radius: 5px 5px 5px 5px; display: inline-block; height: 30px; margin: 0 5px; vertical-align: middle; width: 30px; }
.ui-datepicker { /*width: 210px !important;*/ width: 217px !important; }
.ui-datepicker-header, .ui-timepicker-div .ui-widget-header { background-image: url(../img/datepicker_header_bg.png); background-repeat: repeat-x; background-position: top; height:auto; padding: 3px 0; }
.ui-datepicker-title { font-size: 70%; }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { width: 5px; height: 8px; background-position: top left; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover { border: none; background: none; cursor: pointer; }
.ui-datepicker-prev:hover { left: 2px; top: 2px; }
.ui-datepicker-next .ui-icon { left: 85% !important; }
.ui-datepicker-next:hover { top: 2px; right: 2px; }
.ui-datepicker-prev .ui-icon { background-image: url(../img/datepicker_arrow_left.png); }
.ui-datepicker-next .ui-icon { background-image: url(../img/datepicker_arrow_right.png); }
.ui-datepicker-calendar { font-size: 70% !important; }
.ui-datepicker-calendar .ui-state-default { background-image: url(../img/datepicker_default_state_bg.png); background-position: top; width: auto; height: auto; border: 1px solid #b1bec4; color: #1a1a1a; }
.ui-datepicker-calendar .ui-state-default.ui-state-highlight { background-image: url(../img/datepicker_highlight_state_bg.png); border-color: #94cbe7; }
.ui-datepicker-calendar .ui-state-default:hover { background-image: url(../img/datepicker_hover_state_bg.png); border-color: #3196cc; color: #ffffff; }
.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label { font-size: 60%; }
.ui-timepicker-div { height: 120px; }
.ui-timepicker-div dl { margin: 10px; }
.ui-timepicker-div dt { height: 30px; width: 50px; }
.ui-timepicker-div dd { margin-top: -26px; margin-left: 51px; height: 30px; }
.ui_tpicker_time { font-size: 80%; margin-top: -32px !important; margin-left: 50px !important; }
.ui-slider { background-image: url(../img/slider_bg.png); height: 8px; border: 1px solid #86c4e1; }
.ui-slider-handle { background-color: transparent !important; background-image: url(../img/slider_handle.png) !important; width: 29px !important; height: 29px !important; border: none !important; top: -11px !important; outline: none !important; }
.ui-datepicker-buttonpane { border: none; height: 45px; margin: 12px 5px 0 !important; }
.ui-widget-content button { background-color: transparent !important; background-image: url(../img/ui_button_bg.png) !important; border: 1px solid #2098ce !important; color: #ffffff !important; font-weight: normal !important; font-size: 76% !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); height: 26px; }
.ui-widget-content button:hover { background-image: url(../img/ui_button_bg_hover.png) !important; }
.ui-widget-content button.ui-priority-secondary { display: none; }
.fnew { margin-bottom:0px !important; padding:5px 15px; font-size:16px !important; font-weight:normal; }
 @media only screen and (max-width: 767px) {
.img-w-100 img{ width:100% !important; height:auto !important;}
}