﻿/* HTML5 âœ° Boilerplate
 * ==|== normalize ==========================================================
 */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; }

::-moz-selection { background: #3399cc; color: #fff; text-shadow: none; }
::selection { background: #3399cc; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _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: -0.5em; }
sub { bottom: -0.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; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* ==|== primary styles =====================================================
   Author: Shane Shipston
   ========================================================================== */

body { background: #f3f3f3; font-family: Verdana, Geneva, sans-serif; }

a { text-decoration: none; font-weight: bold; color: #000; }
a:hover { color: #239bd2; }

button, .button { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#e6e6e6)); background: -webkit-linear-gradient(#fefefe, #e6e6e6); background: -moz-linear-gradient(#fefefe, #e6e6e6); background: -ms-linear-gradient(#fefefe, #e6e6e6); background: -o-linear-gradient(#fefefe, #e6e6e6); background: linear-gradient(#fefefe, #e6e6e6); background-color: #f1f1f1; border: 1px solid #b8b8b8; font-size: 12px; font-weight: bold; color: #000; padding: 5px 10px; border-radius: 3px; margin: 0 1px; }
button img, .button img { margin: 2px 6px 2px 0; }
button:hover, .button:hover { -webkit-box-shadow: #9c9b9b 0px 0px 3px;
-moz-box-shadow: #9c9b9b 0px 0px 3px;
box-shadow: #9c9b9b 0px 0px 3px; border-color: #9c9b9b; }
select { font-size: 12px; }
table { font-size: 12px; }
input, textarea { padding: 4px 7px; border-radius: 3px; border: 1px solid #b8b8b8; color: #444; }
input:focus, textarea:focus { border-color: #9c9b9b; outline-color: #9c9b9b; }
input[type="checkbox"], input[type="radio"] { padding: 0; border: none; }
input { background-color: #ffffff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), color-stop(0.48, #eeeeee), color-stop(0.5, #f6f6f6), color-stop(0.8, #ffffff)); background-image: -webkit-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); background-image: -moz-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); background-image: -o-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); background-image: -ms-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background-image: linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); }
textarea { background-color: #ffffff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), color-stop(0.8, #ffffff)); background-image: -webkit-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); background-image: -moz-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); background-image: -o-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); background-image: -ms-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background-image: linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%); }

.rating { background: url(../images/star.gif) 0px 32px; height: 16px; }
.padded { padding: 0 15px 10px 15px; }
.divider { height: 1px; background: #d4d4d4; clear: both; margin: 0; }
.existing { border:1px solid #B8B8B8; border-radius: 3px; padding: 2px; max-height: 194px; overflow:auto; }
.information, .success, .warning, .error { border: 1px solid; margin: 0px 0px 10px 0px; padding: 6px 10px; }
.information ul, .success ul, .warning ul, .error ul { margin: 6px auto 0 auto; }
.information p, .success p, .warning p, .error p { margin: 0px auto; }
.information { color: #00529B; background-color: #BDE5F8; }
.success { color: #4F8A10; background-color: #DFF2BF; }
.warning { color: #9F6000; background-color: #FEEFB3; }
.error { color: #801a1a; background-color: #ff9ea5; border-color: #e3777f; }

header { border-bottom: 1px solid #cdcdcd; min-width: 960px; }
header section { width: 960px; height: 40px; margin: 0 auto 0 auto; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
header .logo { float: left; margin: 8px 10px 0 15px; }
header h2 { margin: 0; float: left; padding: 11px 0 0 0; font-size: 16px; font-weight: normal; color: #239bd2; }
header h2 strong { color: #4b4b4b; }
header h3 { margin: 0; float: right; font-size: 12px; }
header h3 a { height: 27px; display: block; border-left: 1px solid #cdcdcd; background: url(../img/icons/logout.png) no-repeat 75px center; color: #4b4b4b; padding: 13px 40px 0 20px; }
header h3:hover a { background-color: #fff; color: #4b4b4b; }

#alert { background: #ff9ea5; border: 1px solid #e3777f; width: 960px; margin: 12px auto 0 auto; color: #801a1a; }
#alert a { font-weight: bold; color: #801a1a; }
#alert p { margin: 0; padding: 6px 10px; }
#alert .close { float: right; padding: 4px 10px 0 10px; }

#main { padding-top: 20px; width: 960px; margin: 0 auto 0 auto; }

#nav { width: 196px; float: left; }
#nav .dashboard li { text-transform: uppercase; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(#ffffff, #f7f7f7); background: -moz-linear-gradient(#ffffff, #f7f7f7); background: -ms-linear-gradient(#ffffff, #f7f7f7); background: -o-linear-gradient(#ffffff, #f7f7f7); background: linear-gradient(#ffffff, #f7f7f7); background-color: #fbfbfb; }
#nav ul,
#nav h3,
#nav a { font-size: 11px; color: #595959; cursor: pointer; margin: 0; padding: 0; font-weight: normal; }
#nav a { display: block; width: 180px; padding: 8px 8px; }
#nav img { float: left; margin-right: 8px; }
#nav ul { border-top: 1px solid #d4d4d4; display: none; }
#nav ul.dashboard { padding-bottom: 4px; }
#nav ul.dashboard, #nav ul.active { display: block; }
#nav li:hover { background: #fff; }
#nav li:hover a { color: #239bd2; }
#nav h3 { padding: 8px 8px 8px 20px; margin-bottom: 2px; margin-top: 8px; text-transform: uppercase; background: url(../img/nav_bg.png) no-repeat top left; height: 14px; font-weight: normal; border: 1px solid #d4d4d4; }
#nav h3.active { background-position: left bottom; font-weight: bold; }
#nav li { border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; background: #f3f3f3; }
#nav li.active { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2ea0d4), to(#2294c8)); background: -webkit-linear-gradient(#2ea0d4, #2294c8); background: -moz-linear-gradient(#2ea0d4, #2294c8); background: -ms-linear-gradient(#2ea0d4, #2294c8); background: -o-linear-gradient(#2ea0d4, #2294c8); background: linear-gradient(#2ea0d4, #2294c8); background-color: #289ace; border: 1px solid #1884b6; }
#nav li.active a { color: #fff; }
#nav h3:hover { border: 1px solid #bebebe; color: #2d2d2d; }
#nav h3.active:hover { border: 1px solid #bebebe; }

#body { float: right; width: 745px; }
#body textarea { resize: none; border: 1px solid #cdcdcd; }

#body .heading { padding: 6px 0 17px 0; }
#body .heading img { float: left; margin: 2px 8px 0 8px; }
#body .heading h2 { color: #4b4b4b; font-size: 18px; font-weight: normal; margin: 0; padding: 0; }
#body .heading:after { display: block; clear: both; }

#column_1 { float: left; width: 320px; }
#column_2 { float: right; width: 410px; }
.full_column { border: 1px solid #d4d4d4; background: #fff; }
.full_column .padded { padding: 15px; }
.full_column .history { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(#ffffff, #f7f7f7); background: -moz-linear-gradient(#ffffff, #f7f7f7); background: -ms-linear-gradient(#ffffff, #f7f7f7); background: -o-linear-gradient(#ffffff, #f7f7f7); background: linear-gradient(#ffffff, #f7f7f7); background-color: #f7f7f7; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 8px 15px; margin: 0; cursor: pointer; color: #4b4b4b; }
.full_column .history span { display: inline-block; background: url(../img/show.png) no-repeat; width: 10px; height: 6px; margin-left: 10px; }
.full_column .history span.close { background: url(../img/hide.png) no-repeat; }

#column_1 textarea { width: 272px; height: 60px; resize: vertical; }
.column section { border: 1px solid #d4d4d4; background: #fff; margin-bottom: 12px; }
.column section h3 { margin: 0; padding: 6px 12px; color: #171717; border-bottom: 1px solid #d4d4d4; font-size: 14px; font-weight: normal; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(#ffffff, #f7f7f7); background: -moz-linear-gradient(#ffffff, #f7f7f7); background: -ms-linear-gradient(#ffffff, #f7f7f7); background: -o-linear-gradient(#ffffff, #f7f7f7); background: linear-gradient(#ffffff, #f7f7f7); background-color: #f7f7f7; }
.column section img.left { float: left; margin: 4px 8px 8px 4px; }
.updates p { padding: 6px 15px; margin: 0; font-size: 12px; }
.updates .checked { float: left; font-size: 11px; margin-bottom: 4px; }

#footer { border-top: 1px solid #cdcdcd; margin-top: 15px; clear: both; padding-bottom: 15px; min-width: 960px; }
#footer section { width: 930px; margin: 0 auto 0 auto; padding: 20px 15px; }
#footer .logo { float: left; margin-right: 15px; }
#footer .copyright { float: left; padding: 0; margin: 0; }
#footer .nav { float: right; padding: 0; margin: 0; color: #cdcdcd; }

#login { width: 300px; margin: 50px auto 0 auto; }
#login form { border: 1px solid #d4d4d4; background: #fff; padding: 18px; margin: 0; }
#login .heading { padding: 6px 0 12px 0; }
#login .heading img { float: left; margin: 2px 8px 0 8px; }
#login .heading h2 { float: left; color: #4b4b4b; font-size: 18px; font-weight: normal; margin: 0; padding: 3px 0 0 0; }
#login p { margin: 0; }

#login-footer { width: 268px; margin: 0 auto 0 auto; padding: 8px 15px; }
#login-footer a { font-weight: bold; color: #4b4b4b; }
#login-footer a:hover { color: #239bd2; }
#login-footer .return { text-align: center; line-height: 18px; }

#exception { width: 600px; margin: 50px auto 0 auto; }
#exception .message { border: 1px solid #d4d4d4; background: #fff; padding: 18px; margin: 0; }
#exception .message h3 { margin-top: 0px; }
#exception .message ul { list-style: none; margin:0; padding: 0 0 0 20px; }
#exception .message li { padding-bottom: 12px; }
#exception .heading { padding: 6px 0 12px 0; }
#exception .heading img { float: left; margin: 2px 8px 0 8px; }
#exception .heading h2 { float: left; color: #4b4b4b; font-size: 18px; font-weight: normal; margin: 0; padding: 3px 0 0 0; }

#exception-footer { width: 568px; margin: 0 auto 0 auto; padding: 8px 15px; }
#exception-footer a { font-weight: bold; color: #4b4b4b; }
#exception-footer a:hover { color: #239bd2; }
#exception-footer p { text-align: right; line-height: 18px; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: .65; filter:Alpha(Opacity=65); }

.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: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; 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;}

/* General Dialogs */
.dialog { display: none; }
.ui-dialog { position: absolute; width: 300px; overflow: hidden; background: #fff; border: 1px solid #cdcdcd; -webkit-box-shadow: #999 0px 6px 12px; -moz-box-shadow: #999 0px 6px 12px; box-shadow: #999 0px 6px 12px; }
.ui-dialog .ui-dialog-titlebar { padding: .8em 1em; position: relative; background: #f3f3f3; border-bottom: 1px solid #cdcdcd; }
.ui-dialog .ui-dialog-title { margin: .1em 16px .1em 0; font-size: 14px; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 32px; margin: -13px 4px 0 0; padding: 0px; height: 25px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#e6e6e6)); background: -webkit-linear-gradient(#fefefe, #e6e6e6); background: -moz-linear-gradient(#fefefe, #e6e6e6); background: -ms-linear-gradient(#fefefe, #e6e6e6); background: -o-linear-gradient(#fefefe, #e6e6e6); background: linear-gradient(#fefefe, #e6e6e6); background-color: #e6e6e6; border-radius: 3px; border: 1px solid #b8b8b8; cursor: pointer; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; text-indent: -9999px; background: url(../img/dialog_close.png) center center no-repeat; width: 32px; height: 25px; }
.ui-dialog .ui-dialog-content { position: relative; 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 .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* General Tabs */
.ui-tabs { position: relative; padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; width: 100%; height: 30px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(#ffffff, #f7f7f7); background: -moz-linear-gradient(#ffffff, #f7f7f7); background: -ms-linear-gradient(#ffffff, #f7f7f7); background: -o-linear-gradient(#ffffff, #f7f7f7); background: linear-gradient(#ffffff, #f7f7f7); border-bottom: 1px solid #cdcdcd; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0; border-bottom: 0px; padding: 0; white-space: nowrap; border-right: 1px solid #cdcdcd; height: 30px; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 8px 12px 10px 12px; text-decoration: none; height: 12px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.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; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2ea0d4), to(#2294c8)); background: -webkit-linear-gradient(#2ea0d4, #2294c8); background: -moz-linear-gradient(#2ea0d4, #2294c8); background: -ms-linear-gradient(#2ea0d4, #2294c8); background: -o-linear-gradient(#2ea0d4, #2294c8); background: linear-gradient(#2ea0d4, #2294c8); background-color: #289ace; color: #fff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#body .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; }

.ui-dialog .ui-dialog-content { padding: 0; }

.ui-dialog .ui-tabs { position: relative; padding: 0; zoom: 1; height: 100%; }
.ui-dialog .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; float:left; width: 229px; background: #f3f3f3; border-right: 1px solid #cdcdcd; min-height: 100%; border-bottom: 0px; }
.ui-dialog .ui-tabs .ui-tabs-nav li { list-style: none; margin: 0; padding: 0; white-space: nowrap; width: 229px; border-right: 0px; height: auto; }
.ui-dialog .ui-tabs .ui-tabs-nav li a { padding: 9px 20px; color: #4b4b4b; border-bottom: 1px solid #cdcdcd; width: 189px; font-weight: normal; height: auto; }
.ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 0; padding-bottom: none; background: url(../img/tab_select.png) no-repeat right center; width: 235px; }
.ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-dialog .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-dialog .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: #fff; }
.ui-dialog .ui-tabs .ui-tabs-nav li a, 
.ui-dialog .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; outline: none; }

.ui-dialog .ui-tabs .ui-tabs-panel { display: block; padding: 12px 12px 12px 0; background: none; float: right; width: 470px; height: 290px; overflow: auto; }
.ui-dialog .ui-tabs .ui-tabs-hide { display: none !important; }

#body .ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #000; }

.ui-datepicker { width: 19em; padding: 0 0 5px 0; display: none; border: 1px solid #cdcdcd; -webkit-box-shadow: #999 0px 6px 12px; -moz-box-shadow: #999 0px 6px 12px; box-shadow: #999 0px 6px 12px; border-radius: 3px; background: #fff; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: .4em 0; border-bottom: 1px solid #cdcdcd; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7)); background: -webkit-linear-gradient(#ffffff, #f7f7f7); background: -moz-linear-gradient(#ffffff, #f7f7f7); background: -ms-linear-gradient(#ffffff, #f7f7f7); background: -o-linear-gradient(#ffffff, #f7f7f7); background: linear-gradient(#ffffff, #f7f7f7); }
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; cursor: pointer; text-indent: -9999px; display: block; width: 18px; height: 18px; }
.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev { left:6px; background: url(../img/icons/left.png) no-repeat; }
.ui-datepicker .ui-datepicker-next { right:6px; background: url(../img/icons/right.png) no-repeat;  }
.ui-datepicker .ui-datepicker-prev-hover {  }
.ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { display: block; }
.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: 98%; font-size: .9em; border-collapse: collapse; margin: 0 auto; }
.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; border: 1px solid #cdcdcd; border-radius: 3px; color: #000; }
.ui-datepicker td span:hover, 
.ui-datepicker td a:hover { border: 1px solid #999; }
.ui-datepicker .ui-datepicker-today a { background: #e6e6e6; border: 1px solid #999; font-weight: bold; }
.ui-datepicker .ui-datepicker-current-day a { background: #e6e6e6; border: 1px solid #000; }
.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; }

/* 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*/
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; }
.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 { clear: both; }

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !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; }
}

/* @group Base */
.chzn-container { position: relative; display: inline-block; zoom: 1; *display: inline; font-size: 11px; }
.chzn-container a { font-weight: normal; }
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #b8b8b8;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 999;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
    border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #b8b8b8;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 23px;
	line-height: 24px;
	padding: 0 0 0 8px;
	color: #444;
	text-decoration: none;
	background-image: linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%);
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(chosen-sprite.png) right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('../img/chosen-sprite.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url('../img/chosen-sprite.png') no-repeat 100% -22px;
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background-image: -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
    color: #333;
	border: 1px solid #aaaaaa;
	line-height: 13px;
	padding: 3px 20px 3px 5px;
	margin: 3px 0 3px 5px;
	position: relative;
	background-image: linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%);
}
.chzn-container-multi .chzn-choices .search-choice span {
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('../img/chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 200px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #3399cc), color-stop(0.8, #3399cc));
  background-image: -webkit-linear-gradient(center bottom, #3399cc10%, #3399cc80%);
  background-image: -moz-linear-gradient(center bottom, #3399cc 10%, #3399cc80%);
  background-image: -o-linear-gradient(bottom, #3399cc 10%, #3399cc80%);
  background-image: -ms-linear-gradient(top, #3399cc 10%, #3399cc80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#3399cc',GradientType=0 );
  background-image: linear-gradient(top, #3399cc 10%, #3399cc 80%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0px 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('../img/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('../img/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, white), color-stop(0.8, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 20%, #eeeeee 80%);
  background-image: -moz-linear-gradient(center bottom, white 20%, #eeeeee 80%);
  background-image: -o-linear-gradient(bottom, white 20%, #eeeeee 80%);
  background-image: -ms-linear-gradient(top, #ffffff 20%,#eeeeee 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 20%,#eeeeee 80%);
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { direction:rtl;text-align: right; }
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, #ffffff;
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);  
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  padding: 4px 5px 4px 20px;
}
/* @end */