html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

.showgrid { background: url('/images/grid.png?1283180010'); }

body { line-height: 1.5; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #222222; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.50em; }

h2 { font-size: 2em; margin-bottom: 0.75em; }

h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.00em; }

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.50em; }

h6 { font-size: 1em; font-weight: bold; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eeeeee; }

.quiet { color: #666666; }

.loud { color: #111111; }

.box { padding: 1.5em; margin-bottom: 1.5em; background: #e5ecf9; }

div.border { padding-right: 9px; margin-right: 10px; border-right: 1px solid #eeeeee; }

div.colborder { padding-right: 28px; margin-right: 29px; border-right: 1px solid #eeeeee; }

hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; }

hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; background: white; color: white; visibility: hidden; }

form.inline { line-height: 3; }
form.inline p { margin-bottom: 0; }

.errorExplanation { background: #fbe3e4 none repeat scroll 0 0; border: 1px solid #fbc2c4; color: #8a1f11; margin-bottom: 1em; padding: 0.8em; }
.errorExplanation h2 { display: none; }
.errorExplanation ul { margin-bottom: 0; }

.wrap { width: 827px; margin: 0 auto; overflow: hidden; display: inline-block; }
.wrap { display: block; }

#tagline { display: inline; float: left; margin-right: 0; width: 827px; }
* html #tagline { overflow-x: hidden; }
#tagline #tagline_top { height: 31px; background: url(/images/main/tagline_bg_top.png) no-repeat 50% 0; }
#tagline #tagline_content { background: url(/images/main/tagline_bg.png) repeat-y 50% 0; font-weight: bold; font-size: 28px; color: #317a96; padding: 0 30px; }
#tagline #tagline_content p { margin: 0; }

#site { display: inline; float: left; margin-right: 0; width: 827px; }
* html #site { overflow-x: hidden; }
#site #site_top { background: url(/images/main/main_bg_top.png) no-repeat 50% 0; height: 22px; }
#site #site_bottom { background: url(/images/main/welcome_bg_bottom.png) no-repeat 50% 0; height: 20px; }
#site.welcome #site_top { background: url(/images/main/welcome_bg_top.png) no-repeat 50% 0; }
#site.welcome #site_content #welcome { padding: 10px 20px 30px; }
#site.welcome #site_content #welcome #slideshow { height: 245px; width: 774px; margin: auto; }
#site.main #site_content { padding: 10px 35px; }
#site.main #site_content p#agreement { text-align: center; padding-top: 20px; }
#site #site_content { background: url(/images/main/welcome_bg.png) repeat-y 50% 0; overflow: hidden; display: inline-block; }
#site #site_content { display: block; }

#welcome { text-align: center; }
#welcome #intro { margin: -40px 0 0 0; clear: both; float: left; display: inline; float: left; margin-right: 20px; width: 827px; padding: 10px 0 0 20px; text-align: left; }
* html #welcome #intro { overflow-x: hidden; }
#welcome #intro h2 { color: #1d1f1f; font-weight: bold; }
#welcome #intro #free, #welcome #intro #pro { padding: 15px 0; clear: both; }
#welcome #intro #free .plan_label h3 .plan, #welcome #intro #pro .plan_label h3 .plan { display: inline; padding: 5px; margin: 5px 0; color: #ac593f; background-color: #fcf898; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: "Reenie Beanie", arial, serif; font-size: 1.5em; }
#welcome #intro .features { display: inline; float: left; margin-right: 20px; width: 827px; margin-top: 10px; }
* html #welcome #intro .features { overflow-x: hidden; }
#welcome #intro .features .feature { display: inline; float: left; margin-right: 20px; width: 230.25px; margin-top: 15px; margin-bottom: 15px; height: 55px; }
* html #welcome #intro .features .feature { overflow-x: hidden; }
#welcome #intro .features .feature .icon { display: inline; float: left; margin-right: 20px; width: 37.75px; vertical-align: middle; }
* html #welcome #intro .features .feature .icon { overflow-x: hidden; }
#welcome #intro .features .feature .desc { font-size: 1.2em; }
#welcome #iphone { width: 388px; float: left; margin: 50px 0 0 15px; height: 249px; position: relative; }
#welcome #testimonials { margin: 30px 0 30px 50px; float: left; text-align: left; }
#welcome #testimonials .testimonial { display: inline; float: left; margin-right: 20px; width: 307.25px; }
* html #welcome #testimonials .testimonial { overflow-x: hidden; }
#welcome #testimonials .testimonial .quote { position: relative; font-style: italic; font-size: 1.2em; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px #e1e1e1 solid; }
#welcome #testimonials .testimonial .quote .ft { position: absolute; right: 15px; bottom: -9px; background: transparent url(/images/carrot.png) no-repeat 0 0; width: 9px; height: 9px; }
#welcome #testimonials .testimonial .author { text-align: right; color: #8b8a8a; margin: 5px 0; }

body { background: #4eb2d5 url(/images/main/background.png) repeat-x 0 0; }
body #header { font-family: Helvetica, Arial; color: #3f3837; font-weight: bold; display: inline; float: left; margin-right: 20px; width: 827px; margin-right: 0; position: relative; }
body #header a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
body #header a:active, body #header a:focus { outline: none; }
body #header a:hover { color: #01b5bc; }
body #header a.login { color: #00cbf3; color: #00cbf3; }
body #header a.login:hover { color: #01b5bc; }
* html body #header { overflow-x: hidden; }
body #header h1 { text-indent: -9999em; overflow: hidden; text-align: left; background-image: url('/images/main/logo.png?1283180010'); background-repeat: no-repeat; background-position: 50% 50%; width: 300px; height: 80px; margin: 0; }
body #header h1 a { display: block; height: 80px; }
body #header ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; float: right; color: #8a979c; margin: 32px 30px 0; }
body #header ul { display: block; }
body #header ul li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
body #header ul li:first-child, body #header ul li.first { padding-left: 0px; }
body #header ul li:last-child, body #header ul li.last { padding-right: 0px; }
body #header ul li { margin: 8px; }
body #header ul li a#invite { background: yellow; padding: 2px; }
body #header ul#main_menu { font-size: 20px; }
body #header ul#sub_menu { font-size: 10px; position: absolute; bottom: 0; right: 0; }
body #header #assistly-login { position: absolute; right: 300px; top: 5px; }
body #header #got-questions { position: absolute; right: 38px; top: 5px; }
body #sidebar { font-family: Helvetica, Arial; color: #3f3837; display: inline; float: left; margin-right: 20px; width: 95.5px; }
body #sidebar a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
body #sidebar a:active, body #sidebar a:focus { outline: none; }
body #sidebar a:hover { color: #01b5bc; }
body #sidebar a.login { color: #00cbf3; color: #00cbf3; }
body #sidebar a.login:hover { color: #01b5bc; }
* html body #sidebar { overflow-x: hidden; }
body #content { font-family: Helvetica, Arial; color: #3f3837; display: inline; float: left; margin-right: 20px; width: 827px; margin-right: 0; }
body #content a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
body #content a:active, body #content a:focus { outline: none; }
body #content a:hover { color: #01b5bc; }
body #content a.login { color: #00cbf3; color: #00cbf3; }
body #content a.login:hover { color: #01b5bc; }
* html body #content { overflow-x: hidden; }
body #content a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #009999; }
body #content a:active, body #content a:focus { outline: none; }
body #content a:hover { color: #33ccff; }
body #content #tabs .ui-tabs-selected a { color: #ff0084; }
body #content form #spinner { padding-left: 192.5px; }
body #content form #picked_photoset_preview { padding-left: 346.5px; }
body #content form p { overflow: hidden; display: inline-block; }
body #content form p label { display: inline; float: left; margin-right: 20px; width: 172.5px; text-align: right; text-transform: capitalize; font-size: 1.3em; margin: 5px 10px 0 0; padding: 5px; }
* html body #content form p label { overflow-x: hidden; }
body #content form p.left_align { margin-bottom: 0; }
body #content form p.left_align label { display: inline; float: left; margin-right: 20px; width: 95.5px; margin-right: 0; text-align: left; }
* html body #content form p.left_align label { overflow-x: hidden; }
body #content form p.left_align textarea { padding-top: 0; margin-top: 0; }
body #content form p input[type=text], body #content form p input[type=password], body #content form p textarea, body #content form p select { font-family: Helvetica, Arial; color: #3f3837; font-size: 1.1em; margin: 8px 0; padding: 5px; width: 140px; border: 1px solid #848484; display: inline; float: left; margin-right: 20px; width: 249.5px; margin-right: 0; }
body #content form p input[type=text] a, body #content form p input[type=password] a, body #content form p textarea a, body #content form p select a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
body #content form p input[type=text] a:active, body #content form p input[type=text] a:focus, body #content form p input[type=password] a:active, body #content form p input[type=password] a:focus, body #content form p textarea a:active, body #content form p textarea a:focus, body #content form p select a:active, body #content form p select a:focus { outline: none; }
body #content form p input[type=text] a:hover, body #content form p input[type=password] a:hover, body #content form p textarea a:hover, body #content form p select a:hover { color: #01b5bc; }
body #content form p input[type=text] a.login, body #content form p input[type=password] a.login, body #content form p textarea a.login, body #content form p select a.login { color: #00cbf3; color: #00cbf3; }
body #content form p input[type=text] a.login:hover, body #content form p input[type=password] a.login:hover, body #content form p textarea a.login:hover, body #content form p select a.login:hover { color: #01b5bc; }
* html body #content form p input[type=text], * html body #content form p input[type=password], * html body #content form p textarea, * html body #content form p select { overflow-x: hidden; }
body #content form p textarea { font-family: Helvetica, Arial; color: #3f3837; height: 80px; font-size: 1.1em; }
body #content form p textarea a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
body #content form p textarea a:active, body #content form p textarea a:focus { outline: none; }
body #content form p textarea a:hover { color: #01b5bc; }
body #content form p textarea a.login { color: #00cbf3; color: #00cbf3; }
body #content form p textarea a.login:hover { color: #01b5bc; }
body #content form p .fieldWithErrors input { border: 2px inset red; }
body #content form p input[type=radio] { display: inline; float: left; margin-right: 20px; width: 18.5px; margin-right: 5px; margin-top: 18px; }
* html body #content form p input[type=radio] { overflow-x: hidden; }
body #content form p .radio_label { text-align: left; text-transform: none; display: inline; float: left; margin-right: 20px; width: 95.5px; }
* html body #content form p .radio_label { overflow-x: hidden; }
body #content form p { display: block; }
body #content form p a { padding-left: 38.5px; }
body #content form p#photoset { padding-left: 192.5px; margin-right: 0; display: none; }
body #content form #tagsearch { margin-right: 0; }
body #content form #tagsearch label { text-transform: none; }
body #content form textarea#theme_file_file_content { width: 620px; height: 500px; }
body #content form input#theme_file_submit { float: right; margin-right: 5px; }
body #content .flash a { color: darkgoldenRod; }
body #content .flash p { margin: 0; padding: 0 40px 10px 40px; }
body #content .flash.error p { color: red; font-size: 1.2em; }
body #content .flash.error .content { background: url(/images/main/flash_error_bg.png) repeat-y 50% 0; }
body #content .flash.error .top { background: url(/images/main/flash_error_top.png) no-repeat 50% 0; height: 41px; }
body #content .flash.error .bottom { background: url(/images/main/flash_error_bottom.png) no-repeat 50% 0; height: 29px; }
body #content .flash.notice p { color: green; }
body #content .flash.notice .content { background: url(/images/main/flash_notice_bg.png) repeat-y 50% 0; }
body #content .flash.notice .content img#tweet-this { padding-top: 5px; }
body #content .flash.notice .top { background: url(/images/main/flash_notice_top.png) no-repeat 50% 0; height: 40px; }
body #content .flash.notice .bottom { background: url(/images/main/flash_notice_bottom.png) no-repeat 50% 0; height: 28px; }
body #content #cloning { margin-bottom: 20px; text-align: center; }
body #content #cloning p { display: inline; padding: 10px; background-color: lightyellow; border: 1px solid silver; }

tr.portfolio_admin { height: 120px; }
tr.portfolio_admin td.primary_photo { width: 100px; padding-bottom: 10px; }
tr.portfolio_admin td.primary_photo img { vertical-align: top; }
tr.portfolio_admin td.details { margin: 10px; }
tr.portfolio_admin td.details .name { font-weight: bold; font-size: 1.5em; }

#tabs .ui-tabs-panel p:last-child { margin-bottom: 0; }
#tabs .ui-tabs-panel p a { padding-left: 0; }
#tabs .ui-tabs-panel textarea#user_bio { height: 200px; }
#tabs #plan #upgrade-options div { float: left; }
#tabs #plan #upgrade-options #better-yet { padding: 10px; }
#tabs #plan table#plans th { font-size: 1.2em; }
#tabs #plan table#plans td.features, #tabs #plan table#plans th.features { border-right: 1px solid grey; }
#tabs #plan table#plans td.pro, #tabs #plan table#plans th.pro { border-left: 1px solid grey; }
#tabs #plan table#plans td.pro, #tabs #plan table#plans td.free, #tabs #plan table#plans th.pro, #tabs #plan table#plans th.free { width: 80px; text-align: center; }
#tabs #plan table#plans tr#price td { font-size: 1.2em; font-weight: bold; }
#tabs #plan table#plans tr#price td a { font-size: 1.3em; }
#tabs #plan table#plans tr#price td #instructions { font-size: 0.6em; padding-top: 10px; }

#tabs .ui-tabs-panel .button input[type='submit'], #signup .button input[type='submit'] { padding: 2px 15px; margin-right: 40px; }

#tabs li.pro { padding-right: 1em; }
#tabs li.pro a { padding-right: 5px; }

.button { padding-left: 192.5px; }

#facebox { font-family: Helvetica, Arial; color: #3f3837; }
#facebox a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
#facebox a:active, #facebox a:focus { outline: none; }
#facebox a:hover { color: #01b5bc; }
#facebox a.login { color: #00cbf3; color: #00cbf3; }
#facebox a.login:hover { color: #01b5bc; }
#facebox .popup #user_session_remember_me { margin: 0 5px 0 110px; }
#facebox .popup label#remember_me { padding: 0; float: none; font-weight: normal; }
#facebox .popup #forgot_password { padding-left: 15px; }
#facebox .popup .photosets th { text-align: center; font-weight: bold; }
#facebox .popup .photosets td, #facebox .popup .photosets th { padding: 2px; }
#facebox .popup .photosets td.numeric, #facebox .popup .photosets th.numeric { text-align: right; }
#facebox .popup .photosets .photoset { width: 172.5px; padding: 10px; text-align: center; cursor: pointer; }
#facebox .popup .photosets .photoset .title { height: 4em; }
#facebox .popup .photos th { text-align: center; font-weight: bold; }
#facebox .popup .photos td, #facebox .popup .photos th { padding: 2px; }
#facebox .popup .photos td.numeric, #facebox .popup .photos th.numeric { text-align: right; }
#facebox .popup .photos .photo { width: 172.5px; padding: 10px; }
#facebox .popup input[type=text], #facebox .popup input[type=password] { margin: 0; padding: 5px; width: 110px; border: 1px solid #848484; }
#facebox .popup input[type=checkbox], #facebox .popup input[type=radio] { margin: 5px 0; }
#facebox .popup label { font-size: 1.2em; font-weight: normal; margin: 5px 10px 0 0; text-align: right; }
#facebox .popup h1 { border-bottom: 1px solid #dddddd; padding-bottom: 5px; font-size: 2.3em; font-weight: bold; }
#facebox #new_invitation input[type=text], #facebox #new_invitation textarea { width: 180px; margin: 10px; }
#facebox #new_invitation textarea { width: 345px; height: 100px; padding: 5px; font-family: Lucida Grande; font-size: 1em; }
#facebox #new_invitation input[type=submit] { margin: 10px; }
#facebox #new_invitation a { margin: 0 15px; }
#facebox #new_invitation label { display: block; padding-bottom: 10px; padding-left: 5px; text-align: left; }
#facebox #new_invitation #invite_spinner { display: none; vertical-align: middle; }

input[type=submit], input[type='button'] { background: url(/images/main/button_bg.png) no-repeat 0 0; width: 110px; padding: 0 6px; height: 40px; border: 0 none; font-size: 1.2em; font-weight: bold; color: #5e5e5e; }

input[type=submit]:hover, input[type=button]:hover { cursor: pointer; color: #00cbf3; }

.error_block { width: 400px; font-family: Helvetica, Arial; color: #3f3837; }
.error_block a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
.error_block a:active, .error_block a:focus { outline: none; }
.error_block a:hover { color: #01b5bc; }
.error_block a.login { color: #00cbf3; color: #00cbf3; }
.error_block a.login:hover { color: #01b5bc; }
.error_block .top { background: url(/images/main/facebox_error_top.png) no-repeat 0 0; height: 29px; }
.error_block .bottom { background: url(/images/main/facebox_error_bottom.png) no-repeat 0 0; height: 29px; }
.error_block .content { background: url(/images/main/facebox_error_bg.png) repeat-y 0 0; }
.error_block p { background: url(/images/error.png) no-repeat 0 0; margin: 0 30px; padding: 0 30px; color: darkred; }

#delete_this_file { padding-left: 115.5px; }

.hidden { display: none; }

.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }

#footer { font-family: Helvetica, Arial; color: #3f3837; font-size: 0.8em; }
#footer a { color: inherit; text-decoration: inherit; cursor: inherit; cursor: pointer; color: #5e5e5e; }
#footer a:active, #footer a:focus { outline: none; }
#footer a:hover { color: #01b5bc; }
#footer a.login { color: #00cbf3; color: #00cbf3; }
#footer a.login:hover { color: #01b5bc; }
#footer #footer_content { display: inline; float: left; margin-right: 0; width: 827px; background: url(/images/main/tagline_bg.png) repeat-y 50% 0; padding-top: 10px; height: 17px; font-size: 10px; }
* html #footer #footer_content { overflow-x: hidden; }
#footer #footer_content ul#links { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; margin-left: 20px; float: left; }
#footer #footer_content ul#links { display: block; }
#footer #footer_content ul#links li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#footer #footer_content ul#links li:first-child, #footer #footer_content ul#links li.first { padding-left: 0px; }
#footer #footer_content ul#links li:last-child, #footer #footer_content ul#links li.last { padding-right: 0px; }
#footer #footer_content p#copyright { margin-right: 30px; float: right; }
#footer #footer_bottom { display: inline; float: left; margin-right: 0; width: 827px; background: url(/images/main/footer_bg_bottom.png) no-repeat 50% 0; margin-bottom: 10px; height: 18px; }
* html #footer #footer_bottom { overflow-x: hidden; }

.tooltip-active { background-color: #cccccc; }

form#new_user_session label { float: left; font-weight: bold; width: 100px; }

td.theme { padding: 10px 0; }
td.theme h4.title { font-size: 1.3em; margin-bottom: 0; }
td.theme .screenshot { float: left; margin-right: 20px; }
td.theme .info { margin-top: 10px; }

ul.theme_files, ul.uploads { list-style: none; margin: 0 0.5em 1.5em; padding-left: 0; }

.theme_files_type { margin-bottom: 0.25em; }

#directory #sidebar { background: #eeeeee; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 5px 5px 5px 10px; float: left; width: 130px; }
#directory #sidebar form p label { text-align: left; padding: 0; text-transform: none; margin: 0; }
#directory #sidebar form p select, #directory #sidebar form p input[type="text"] { width: 120px; padding: 2px; float: none; margin: 0; }
#directory #sidebar form p #radius { width: 50px; }
#directory ul.sort_order { background: silver no-repeat; float: right; list-style: none; position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#directory ul.sort_order li { border-left: 1px solid white; float: left; font-weight: bold; padding: 5px; }
#directory ul.sort_order li:hover { background: #b0b0b0; }
#directory ul.sort_order li:hover:first-child { -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; }
#directory ul.sort_order li:hover:last-child { -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; }
#directory ul.sort_order li:first-child { border-left: none; }
#directory ul.sort_order li a { color: white; }
#directory ul.sort_order ul { list-style: none; padding: 5px; position: absolute; top: 20px; left: -20px; width: 400px; }
#directory ul.sort_order ul li { float: left; border-left: none; }
#directory ul.sort_order ul li a { color: silver; }
#directory ul.sort_order ul li:hover { background: none; }
#directory ul.sort_order ul li:hover a { color: #b0b0b0; }
#directory ul#directory_entries { list-style: none; margin-left: 170px; margin-top: 30px; }
#directory ul#directory_entries li.directory_entry { float: left; padding: 0; width: 240px; height: 180px; position: relative; margin: 20px; }
#directory ul#directory_entries li.directory_entry .pro_badge img { position: absolute; right: 0; opacity: 0.85; }
#directory ul#directory_entries li.directory_entry .image { float: left; width: 100%; height: 100%; -moz-box-shadow: 1px 1px 15px silver; }
#directory ul#directory_entries li.directory_entry .user { padding: 5px; position: absolute; left: 0; bottom: 0; right: 0; display: none; opacity: 0.7; color: white; background: black; }
#directory ul#directory_entries li.directory_entry:hover .user { display: block; }
#directory ul#directory_entries li.directory_entry a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; }
#directory .pagination { clear: both; float: right; }
#directory .pagination a, #directory .pagination span { border: 1px solid grey; padding: 5px; }
#directory .pagination a.current, #directory .pagination span.current { background: silver; }

.formtastic.directory_entry #directory_entry_location_attributes_location { width: 200px; }
.formtastic.directory_entry #directory_entry_image_input { margin-bottom: 0; }
.formtastic.directory_entry #thumbnail_instruction { margin-left: 180px; margin-bottom: 10px; }
.formtastic.directory_entry #thumbnail_instruction img { margin: 10px 0; }

#charts h2 { margin: 20px 0 10px 0; }
#charts .chart { width: 700px; height: 240px; margin: 10px 0; }
#charts #date_range { font-size: 1em; }

table#data_table { padding-top: 50px; width: 320px; }
table#data_table tr { padding: 20px; }
table#data_table tr td { border: 1px solid grey; }
table#data_table tr td.label { font-size: 14x; font-weight: bold; width: 300px; }
table#data_table tr td.value { font-size: 14px; width: 20px; }

#photogrid { overflow: hidden; display: inline-block; }
#photogrid { display: block; }
#photogrid .thumb { float: left; padding: 1px; }


/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&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: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border-bottom: 1px solid #c0c0c0; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/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-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-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/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(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.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 { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.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%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.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; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /* example:
  background-color: yellow !important;
  */
}