/*
 * Reset
 */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*
 * Styles
 */
body { min-width: 1024px; }
body, input, select, option, textarea { font-family: Arial; line-height: 1em; font-size: 1em; }
a { color: #333; }
a:hover { text-decoration: none; }
p { margin-bottom: 1em; }

/*
 * Helpers
 */
.cc { clear: both; height: 0; }
.inline li { list-style-type: none; display: inline-block; }
.cut { background: url(/images/cut.png) repeat-x bottom left; height: 3px; }

/*
 * Layout
 */
#login-popup, #register-popup { display: none; }
#login-popup .messages, #register-popup .messages { font-size: 0.8em; text-align: center; }
#login-popup .messages p, #register-popup .messages p {  }
#wrapper {  min-width: 995px; }

#header { height: 115px; background: url(/images/header-bg.png) repeat-x; position: relative; }
#header, #header a, #footer, #footer a { color: #fff; font-size: 0.9em; }

#logo { position: absolute; left: 20px; top: 22px; }
#change-city-wrapper { position: absolute; left: 33px; top: 67px; z-index: 999; }
#change-city { position: relative; background: #505050; padding: 4px 0 5px 0; }
#change-city a { text-decoration: none; border-bottom: dotted 1px; }
#change-city img { margin-bottom: 1px; }
#change-city .lt-edge { height: 13px; width: 13px; position: absolute; top: 0; left: -13px; background: url(/images/change-city-edges.png) no-repeat 0 0; }
#change-city .rt-edge { height: 13px; width: 13px; position: absolute; top: 0; right: -13px; background: url(/images/change-city-edges.png) no-repeat -14px 0; }
#change-city .lb-edge { height: 13px; width: 13px; position: absolute; bottom: 0; left: -13px; background: url(/images/change-city-edges.png) no-repeat 0 -12px; }
#change-city .rb-edge { height: 13px; width: 13px; position: absolute; bottom: 0; right: -13px; background: url(/images/change-city-edges.png) no-repeat -14px -12px; }
#change-city-form { display: none; padding: 15px 10px 10px 10px; }
#change-city-form label { display: block; }
#change-city-form input {  }
#change-city-autocomplete {  }

#search { position: absolute; top: 24px; left: 260px; width: 50%; }
#search-terms { border: solid 1px #a9a9a8; background: #595959; color: #b3b3b3; width: 50%; padding: 4px 8px; }
#search-go { padding: 3px 10px; }
#search a { color: #e3e3e3; font-size: 0.75em; }

#advanced-search-form .field label { color: #202c35; line-height: 1.5em; font-size: 0.9em; margin-bottom: 3px; display: block; }
#advanced-search-form .field input { border: solid 1px #bdbdbd; padding: 3px; }
#advanced-search-terms { font-size: 1.3em; width: 100%; }
#search-categories-wrapper { position: relative; padding: 10px; border: solid 1px #e7e2cf; margin-top: 20px; }
#search-categories div { float: left; margin-right: 15px; font-size: 0.8em; }
#search-button { margin-top: 15px; }
#search-button a { background: url(/images/search-button.png) no-repeat top left; display: block; width: 140px; height: 41px; }
#search-button a:active { background-position: bottom left; }

#top-menu { position: absolute; bottom: 17px; left: 260px; }
#top-menu li { margin-right: 20px; float: left; }

#add-ticket { position: absolute; top: 24px; right: 27px; width: 232px; height: 41px; }
#add-ticket a { background: url(/images/add-ticket-button.png) no-repeat top left; display: block; width: 232px; height: 41px; }
#add-ticket a:active { background-position: bottom left; }

#login { position: absolute; bottom: 18px; right: 48px; }
#settings-links { position: absolute; bottom: 18px; right: 48px; }
#login a { text-decoration: none; border-bottom: dashed 1px; }
#login-cansel, #register-cansel { text-decoration: none; border-bottom: dashed 1px; font-size: 0.9em; }

#settings-links, #login { display: none; }
#settings-links.visible, #login.visible { display: block; }

.comment-form { display: none; }
.comment-form.visible { display: block; }
.comment-form a { background: url(/images/submit-button.png) no-repeat top left; width: 148px; height: 41px; display: block; }
.comment-form a:active { background-position: bottom left; } 

#categories { background: url(/images/cut.png) repeat-x bottom left; height: 47px; padding: 15px 20px 0 20px; }
#categories-list, #categories-list a { color: #333; font-weight: bold; width: 100%; }
#categories-list a { /* text-decoration: none; border-bottom: solid 1px; */ }
#categories-list li { padding: 8px 22px 9px 25px; position: relative; float: left; }
#categories-list li.current a { text-decoration: none; }
#categories-list li.current { background: url(/images/cat-bubble-bg.png) repeat-x; position: relative; }
#categories-list li.current .cat-bubble-right { position: absolute; top: 0; right: -4px; background: url(/images/cat-bubble.png) no-repeat -12px 0; width: 4px; height: 30px; }
#categories-list li.current .cat-bubble-left { position: absolute; top: 0; left: -4px; background: url(/images/cat-bubble.png) no-repeat 0 0; width: 4px; height: 30px; }
#categories-list li.current .cat-bubble-shrimp { position: absolute; margin-left: -8px; bottom: -3px; left: 50%; background: url(/images/cat-bubble.png) no-repeat 0 -31px; width: 16px; height: 7px; }

#content-wrapper { padding: 14px 22px; min-height: 600px; }
#content { float: left; width: 80%; }
#sidebar { float: left; width: 20%; }
#sidebar .content { text-align: center; }

#footer { background: url(/images/footer-bg.png) repeat-x; height: 89px; margin-top: 20px; position: relative; }
#about { position: absolute; top: 20px; right: 140px; font-size:0.9em; }
#copy { position: absolute; top: 23px; left: 20px; }
#copy img { margin-bottom: 10px; }
#bottom-menu { position: absolute; top: 20px; left: 260px; }
#bottom-menu li { margin-right: 15px; float: left; }

#paginator { padding: 20px 0; color: #706960; font-size: 1.1em; }
#paginator ul { margin: 0 22px; }
#paginator li { margin-right: 13px; float: left; }
#paginator a { color: #ff6600; }
#paginator .prev-link { margin-right: 55px; }
#paginator .next-link { margin-left: 20px; }
#paginator .current {  }

#form-errors { width: 450px; background: #F6F6F6 url(../images/warning-icon.png) no-repeat 5%; margin: 20px auto; border: solid 1px #dfdfdf; position: relative; padding: 20px 20px 20px 90px; }
#form-errors h3 { color: #9F9F9F; font-size: 0.9em; margin-bottom: 0.5em; }
#form-errors li { list-style-type: disc; margin-left: 15px; font-size: 0.8em; }

/*
 * Corners
 */
.corners-5-lt { position: absolute; top: -2px; left: -2px; width: 5px; height: 5px; background: url(/images/corners-5.png) no-repeat 0 0; }
.corners-5-rt { position: absolute; top: -2px; right: -2px; width: 5px; height: 5px; background: url(/images/corners-5.png) no-repeat -5px 0; }
.corners-5-lb { position: absolute; bottom: -2px; left: -2px; width: 5px; height: 5px; background: url(/images/corners-5.png) no-repeat 0 -5px; }
.corners-5-rb { position: absolute; bottom: -2px; right: -2px; width: 5px; height: 5px; background: url(/images/corners-5.png) no-repeat -5px -5px; }

.corners-6-lt { position: absolute; top: -1px; left: -1px; width: 6px; height: 6px; background: url(/images/corners-6.png) no-repeat 0 0; }
.corners-6-rt { position: absolute; top: -1px; right: -1px; width: 6px; height: 6px; background: url(/images/corners-6.png) no-repeat -6px 0; }
.corners-6-lb { position: absolute; bottom: -1px; left: -1px; width: 6px; height: 6px; background: url(/images/corners-6.png) no-repeat 0 -6px; }
.corners-6-rb { position: absolute; bottom: -1px; right: -1px; width: 6px; height: 6px; background: url(/images/corners-6.png) no-repeat -6px -6px; }

.corners-14db-lt { position: absolute; top: -1px; left: -1px; width: 14px; height: 14px; background: url(/images/corners-14db.png) no-repeat 0 0; }
.corners-14db-rt { position: absolute; top: -1px; right: -1px; width: 14px; height: 14px; background: url(/images/corners-14db.png) no-repeat -14px 0; }
.corners-14db-lb { position: absolute; bottom: -1px; left: -1px; width: 14px; height: 14px; background: url(/images/corners-14db.png) no-repeat 0 -14px; }
.corners-14db-rb { position: absolute; bottom: -1px; right: -1px; width: 14px; height: 14px; background: url(/images/corners-14db.png) no-repeat -14px -14px; }

.corners-14l-lt { position: absolute; top: -1px; left: -1px; width: 14px; height: 14px; background: url(/images/corners-14l.png) no-repeat 0 0; }
.corners-14l-rt { position: absolute; top: -1px; right: -1px; width: 14px; height: 14px; background: url(/images/corners-14l.png) no-repeat -14px 0; }
.corners-14l-lb { position: absolute; bottom: -1px; left: -1px; width: 14px; height: 14px; background: url(/images/corners-14l.png) no-repeat 0 -14px; }
.corners-14l-rb { position: absolute; bottom: -1px; right: -1px; width: 14px; height: 14px; background: url(/images/corners-14l.png) no-repeat -14px -14px; }

.corners-14d-lt { position: absolute; top: -1px; left: -1px; width: 14px; height: 14px; background: url(/images/corners-14d.png) no-repeat 0 0; }
.corners-14d-rt { position: absolute; top: -1px; right: -1px; width: 14px; height: 14px; background: url(/images/corners-14d.png) no-repeat -14px 0; }
.corners-14d-lb { position: absolute; bottom: -1px; left: -1px; width: 14px; height: 14px; background: url(/images/corners-14d.png) no-repeat 0 -14px; }
.corners-14d-rb { position: absolute; bottom: -1px; right: -1px; width: 14px; height: 14px; background: url(/images/corners-14d.png) no-repeat -14px -14px; }

/*
 * Dialogs
 */
#login-popup, #register-popup { position: absolute; top: 115px; right: 20px; background: #fff; z-index: 999; border-left: solid 1px #bdbdbd; border-right: solid 1px #bdbdbd; border-bottom: solid 1px #bdbdbd; padding: 20px; }
#login-popup label, #register-popup label { font-size: 0.9em; float: left; width: 160px; color: #000; color: #696969; }
#login-popup .field input, #register-popup .field input { width: 200px; border: solid 1px #bdbdbd; padding: 3px; margin-top: -5px; }
#login-popup .field, #register-popup .field { margin-bottom: 10px; }
#login-popup .submit, #register-popup .submit { margin-left: 160px; }
#login-popup .submit input, #register-popup .submit input { font-size: 0.9em; }

.ui-state-error { border: solid 1px #FF5F5F!important; }