/*** ----- Default Style ----- ***/
body { font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: left; line-height: 1; }


/*** ----- Styles for HTML Tags ----- ***/
/* Links */
a           { color: #353838; }
a:hover     { color: #5d6160; text-decoration: none; }

/* Headings */
h1, h2, h3, h4, h5 { margin: 0 0 12px 0; text-align: left; }

h1 { font-size:1.8em; font-weight: normal; }
h2 { font-size:1.6em; font-weight: normal; }
h3 { font-size:1.4em; font-weight: normal; }
h4 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }
h5 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; }

/* Block Elements */
td, th      { padding: 4px; text-align: left; }
p           { line-height: 1.4em; margin-top: 0px; margin-bottom: 12px; text-align: justify; }
div         { text-align: left; }
blockquote { margin: 6px 20px; line-height: 1.2em; }
label       { font-weight: bold; }

/* Lists */
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 2.0em; }
li          { line-height: 1.4em; }
ul li ul    { margin-bottom: 0; }

ul ul       { margin: 0 1.5em 0 0; }
ol ol       { margin: 0 1.5em 0 0; list-style-type: lower-alpha; }
ol ol ol    { list-style-type: lower-roman; }


/* Definition Lists */
dl {  }
dt { font-weight: bold; line-height: 1.4em; }
dd { margin: 0 0 1em 2em; }

/* Misc Elements */
abbr,
acronym { border-bottom: 1px dotted #666666; cursor: help; }
cite    { font-style: italic; text-decoration: none; color: #000; border-bottom: none; }
ins     { background-color: #FFFFCC; text-decoration: none; color: #000; border-bottom: none; }
del     { text-decoration: line-through; color: #ff0000; }


/*** ----- Message Styles ----- ***/
.msg-error      { border: 1px solid #FBC2C4; background: #FBE3E4 url('/images/icons/exclamation.png') no-repeat 10px 10px; color: #000; font-size: 1.1em; padding: 10px 10px 10px 30px; margin: 6px 0px; line-height: 1.2em;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.msg-success    { border: 1px solid #C6D880; background: #E6EFC2 url('/images/icons/accept.png') no-repeat 10px 10px; color: #000; font-size: 1.1em; padding: 10px 10px 10px 30px; margin: 6px 0px; line-height: 1.2em;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.msg-notice     { border: 1px solid #FFD324; background-color: #FFF6BF; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px; line-height: 1.2em;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.msg-warning    { border: 1px solid #CC6633; background: #FFCC99 url('/images/icons/error.png') no-repeat 10px 10px; color: #000; font-size: 1.1em; padding: 10px 10px 10px 30px; margin: 6px 0px; line-height: 1.2em;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.msg-processing { border: 1px solid #eeeeee; background-color: #f2f2f2; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.msg-loading    { border: 1px solid #eeeeee; background-color: #f2f2f2; color: #000; font-size: 1.1em; padding: 50px 10px; margin: 6px 0px; text-align: center;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.msg-reminder   { background: transparent url('/images/icons/error.png') no-repeat 0 0; font-size: 1.1em; color: #cc6633; font-weight: bold; padding: 0 0 0 20px; margin: 6px 0px 6px; line-height: 1.2em; }
.msg-maint      { border: 1px solid #FFD324; background-color: #FFF6BF; color: #000; font-size: 1.1em; padding: 10px 10px; margin: 6px 0px; line-height: 1.2em;
                    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#msg-nojs       { display: block; max-width: 1050px; border: 1px solid #FBC2C4; background: #FBE3E4 url('/images/icons/exclamation-circle64x64.png') no-repeat 10px 50%; color: #990000; font-size: 1.4em; font-weight: bold;
                    padding: 30px 10px 30px 85px; margin: 10px auto; line-height: 1.2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

.msg-error ul,
.msg-notice ul      { margin-top: 4px; margin-bottom: 4px; }
.msg-processing img { vertical-align: bottom; }

.msg-notice p:last-child { margin-bottom: 0; }

.inline-msg-success { background: transparent url('/images/icons/accept.png') no-repeat 0 50%; font-weight: bold; padding: 0 0 0 20px; margin: 0 0 0 12px; color: #60a84a; }

a#hide-notice-message       { display: block; border: 1px solid #FFD324; padding: 2px 3px 2px 20px; float: right; margin: 0 0 0 10px; text-decoration: none; font-size: 11px; line-height: 16px;
                                background: #FFFAD6 url('/images/icons/cross.png') no-repeat 3px 50%; }
a#hide-notice-message img   { vertical-align: text-bottom; }
a#hide-notice-message:hover { background-color: #FFF5B3; }


/*** ----- Forms & Form Elements ----- ***/
form.inline-edit    { padding: 12px 18px; margin: 4px 25px 8px; background-color: #f9f9f9;
                        border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

.inline-edit label { display: inline-block; width: 50px; }

a.button,
input[type="button"],
input[type="submit"]        { color: #1d1d1f; background-color: #f6f3e4; border-top: 1px solid #dad9c7; border-left: 1px solid #dad9c7; border-bottom: 2px solid #bfbeac; border-right: 2px solid #bfbeac;
                                overflow: visible; width: auto; padding: 4px 6px 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.mce-tinymce :not('.mce-btn') button:hover,
a:hover.edit,
input[type="button"]:hover,
input[type="submit"]:hover  { color: #1d1d1f; background-color: #dad9c7; border-top: 2px solid #bfbeac; border-left: 2px solid #bfbeac; border-bottom: 1px solid #bfbeac; border-right: 1px solid #bfbeac; }

.mce-tinymce :not('.mce-btn') button img,
a.button img { vertical-align: text-bottom; }

a.button,
a.edit,
a.add-small,
a.edit-small,
a.update-small { text-decoration: none; color: #1d1d1f; background-color: #f6f3e4; border-top: 1px solid #dad9c7; border-left: 1px solid #dad9c7; border-bottom: 2px solid #bfbeac; border-right: 2px solid #bfbeac;
                        overflow: visible; width: auto; padding: 4px 6px 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.button:hover,
a.add-small:hover,
a.edit-small:hover,
a.update-small:hover { color: #1d1d1f; background-color: #dad9c7; border-top: 1px solid #bfbeac; border-left: 1px solid #bfbeac; border-bottom: 1px solid #bfbeac; border-right: 1px solid #bfbeac; }

button.add,
input.add           { background-image: url('/images/icons/add.png'); background-repeat: no-repeat; background-position: 6px 50%;
                        padding: 4px 6px 4px 26px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.add-small,
button.add-small,
input.add-small     { background-image: url('/images/icons/bullet_add.png'); background-repeat: no-repeat; background-position: 2px 50%; border-width: 1px;
                        padding: 2px 4px 2px 16px; font-size: 0.9em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
button.update,
input.update        { background-image: url('/images/icons/disk.png'); background-repeat: no-repeat; background-position: 6px 50%;
                        padding: 4px 6px 4px 26px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.update-small,
button.update-small,
input.update-small  { background-image: url('/images/icons/bullet_disk.png'); background-repeat: no-repeat; background-position: 2px 50%; border-width: 1px;
                        padding: 2px 4px 2px 16px; font-size: 0.9em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.edit,
button.edit,
input.edit          { background-image: url('/images/icons/pencil.png'); background-repeat: no-repeat; background-position: 6px 50%;
                        padding: 4px 6px 4px 26px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.edit-small,
button.edit-small,
input.edit-small    { background-image: url('/images/icons/bullet_edit.png'); background-repeat: no-repeat; background-position: 2px 50%; border-width: 1px;
                        padding: 2px 4px 2px 16px; font-size: 0.9em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

.msie button.add-small,
.msie button.edit-small,
.msie button.update-small   { padding: 2px 6px 2px 16px; }
.ie7 button.add-small,
.ie7 button.edit-small,
.ie7 button.update-small    { padding: 0px 6px 0px 16px; }


/*** ---- Forms ---- ***/
/* General */
select,
select option,
select optgroup,
select optgroup option { font-family: Verdana, Arial, sans-serif; font-size: 1em; }

input.full, select.full, textarea.full { width: 98%; }

form div.focused    { background-color: #fffacd; }
form div.actions    { padding: 6px 6px; margin: 0; }
div.fieldset        { padding: 6px 6px; margin: 0; }
div.fieldset legend { font-weight: bold; margin-bottom: 6px; }

div.field                       { padding-bottom: 6px; }
fieldset div.field:last-child   { padding-bottom: 0; }
div.field label                 { display: block; margin-top: 4px; font-size: 0.9em; font-weight: normal; }

/* For 1 Column Layouts */
body.single-column div.fieldset legend  { float: left; width: 15%; margin-right: 12px;  }
body.single-column div.field-group      { float: left; width: 83%; }
body.single-column form div.actions     { margin-left: 15%; padding: 6px 6px 12px 12px; }

body.ie7.single-column div.fieldset legend  { display: block; width: 15%; margin-right: 0; background-color: #eee; }
body.ie7.single-column div.field-group      { display: block; width: 50%; background-color: #ddd; }

/* For 2 Column Layouts */
body.two-column div.fieldset legend { float: left; width: 20%; margin-right: 12px;  }
body.two-column div.field-group     { float: left; width: 78%; }
body.two-column form div.actions    { margin-left: 20%; padding: 6px 6px 12px 12px; }


/*** ----- Visibility ----- ***/
.hidden { display: none; }


/*** ----- Floats ----- ***/
.float-left     { float: left; }
.float-right    { float: right; }
.clear-left     { clear: left; }
.clear-right    { clear: right; }
.clear-both     { clear: both; }
.clear          { clear: both; }


/*** ----- Margins & Padding ----- ***/
.margin-none    { margin: 0px !important; }
.margin-12      { margin: 12px; }

.margin-left10      { margin-left: 10px !important; }
.margin-left20      { margin-left: 20px !important; }
.margin-left30      { margin-left: 30px !important; }
.margin-left40      { margin-left: 40px !important; }
.margin-left50      { margin-left: 50px !important; }
.margin-left125     { margin-left: 125px !important; }

.margin-right10     { margin-right: 10px !important; }
.margin-right20     { margin-right: 20px !important; }
.margin-right30     { margin-right: 30px !important; }
.margin-right40     { margin-right: 40px !important; }
.margin-right50     { margin-right: 50px !important; }

.margin-top-none    { margin-top: 0px !important; }
.margin-top4        { margin-top: 4px !important; }
.margin-top6        { margin-top: 6px !important; }
.margin-top10       { margin-top: 10px !important; }
.margin-top20       { margin-top: 20px !important; }
.margin-top30       { margin-top: 30px !important; }
.margin-top40       { margin-top: 40px !important; }
.margin-top50       { margin-top: 50px !important; }

.margin-bottom-none { margin-bottom: 0px !important; }
.margin-bottom6     { margin-bottom: 6px !important; }
.margin-bottom10    { margin-bottom: 10px !important; }
.margin-bottom20    { margin-bottom: 20px !important; }
.margin-bottom30    { margin-bottom: 30px !important; }
.margin-bottom40    { margin-bottom: 40px !important; }
.margin-bottom50    { margin-bottom: 50px !important; }

.padding-none               { padding: 0px !important; }
.padding-top-none           { padding-top: 0 !important; }
.padding-bottom-none        { padding-bottom: 0 !important; }
.padding-left-right-none    { padding-left: 0px !important; padding-right: 0px !important; }
.padding-top-bottom-none    { padding-top: 0px !important; padding-bottom: 0px !important; }
.padding-top20              { padding-top: 20px !important; }
.padding-left20             { padding-left: 20px !important; }
.padding-left40             { padding-left: 40px !important; }


/*** ----- Sizing ----- ***/
.width-auto     { width: auto !important; }
.width-third    { width: 33% !important; }
.width-half     { width: 48% !important; }  /* Set to 48% rather than 50% to allow for side padding/margin. */
.width-full     { width: 100% !important; }
.width-15       { width: 15px !important; }
.width-25       { width: 25px !important; }
.width-35       { width: 35px !important; }
.width-50       { width: 50px !important; }
.width-75       { width: 75px !important; }
.width-100      { width: 100px !important; }
.width-125      { width: 125px !important; }
.width-140      { width: 140px !important; }
.width-150      { width: 150px !important; }
.width-200      { width: 200px !important; }
.width-250      { width: 250px !important; }

.height-100 { height: 100px; }
.height-400 { height: 400px; }


/*** ----- Typography ----- ***/
.italic     { font-style: italic; }
.bold       { font-weight: bold; }
.normal     { font-weight: normal; }
.important  { font-weight: bold; color: #ff0000; }
.label      { font-weight: bold; }
.required   { color: #8b0000; font-weight: bold; }


/*** ----- Alignment ----- ***/
.align-center   { text-align: center; }
.align-right    { text-align: right; }
.align-left     { text-align: left; }
.align-justify  { text-align: justify; }

.valign-top     { vertical-align: top !important; }
.valign-middle  { vertical-align: middle !important; }
.valign-bottom  { vertical-align: bottom !important; }


/*** ----- Display Options ----- ***/
.inline-block { display: inline-block; }


/*** ----- Lists ----- ***/
ul.nobullets { margin: 0; padding: 0; list-style-type: none; }


/*** ----- Misc Styles ----- ***/
.tinymce_body { background-color: #fff; }

.nowrap { white-space: nowrap; }

.font11 { font-size: 11px; }

.style-normal { font-style: normal; }
.style-italic { font-style: italic; }

.counter { margin: 6px 0px 0px; font-size: 0.9em; }

a.toggle        { text-decoration: none; }
a:hover.toggle  { text-decoration: underline; }

a.delete        { font-weight: normal; color: #ff0000; }
a:hover.delete  { font-weight: bold; }

div.scrollable { border: 1px solid #ddd; overflow: auto; padding: 12px; }

a.action-link       { color: #666; display: inline-block; padding: 6px 20px; margin: 0px 6px; border: 1px solid #ddd; background-color: #f2f2f2; text-decoration: none;
                        -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.action-link:hover { background-color: #eee; border-color: #333; color: #333; }
a.action-link img   { vertical-align: text-bottom; }

div.explanation,
p.explanation   { font-style: normal; color: #666; margin-top: 12px; }

.gray-border { border: 1px solid #ddd; }

.tooltip { cursor: help; }


/*** ----- Navigation Styles ----- ***/
/* Options Menu */
ul#options-menu             { list-style-type: none; margin: 0px 0px 6px 0px; padding: 0px; height: 20px; }
ul#options-menu li          { float: left; margin: 0px 8px; }
ul#options-menu li.label    { margin: 0px; }

ul#options-menu li img { vertical-align: text-bottom; margin-right: 3px; }


/*** ----- Dashboard Styles ----- ***/
.dashboard-column h2    { font-size: 1.2em; font-weight: normal; padding: 0.5em 0.5em; background-color: #bfbeac; }
.dashboard-column h3    { font-size: 1.1em; font-weight: bold; margin: 0px 0px 6px; }
.dashboard-column p     { text-align: justify; }
.dashboard-column .note { font-size: 11px; margin: 0px 0px 12px; }

/* Notices */
div#notices                                 { background-color: #FFF6BF; border: 1px solid #FFD324; padding: 12px 12px; }
div#notices h2                              { background-color: #FFF6BF; border-bottom: 1px solid #FFD324; padding: 0 0 4px; margin: 0 0 8px; font-size: 1.4em; font-variant: small-caps; }
div.dashboard-widget div.notice             { margin-bottom: 20px; }
div.dashboard-widget div.notice:last-child  { margin-bottom: 0; }
div.dashboard-widget div.notice-date        { font-style: italic; }

ul.dashboard-menu       { padding-left: 0; }
ul.dashboard-menu > li  { list-style-type: none; font-size: 1.1em; margin-bottom: 12px; float: left; }

.dashboard-column #help-toc h2          { padding: 0; border: none; background-color: transparent; font-size: 1.1em; font-weight: bold; margin-bottom: 3px; }
.dashboard-column #help-toc div.section { width: 23%; float: left; margin: 0 1em 2em 0; }

.dashboard-column div#help-search               { float: none; margin-bottom: 12px; }
.dashboard-column #help-toc div.section ul,
.dashboard-column ul.section-pages              { margin: 0; padding: 0 0 0 1.5em; list-style-type: disc; }
.dashboard-column #help-toc div.section ul li,
.dashboard-column ul.section-pages li           { margin: 0; padding: 0; background-image: none; line-height: 1.4em; }

/* Google Analytics Chart */
div#analytics-chart             { width: 95%; height: 175px; margin-left: auto; margin-right: auto; }
div#analytics-chart div.legend > div  { background-color: #f9f9f9; border: 1px solid #ddd; }

/*** ----- Table Styles ----- ***/
/* Editor Table */
.editor-table                   { border-collapse: collapse; border-spacing: 0px; border-bottom: 1px solid #ccc; }
.editor-table tr td             { border: 0px solid #ccc; border-top: 1px solid #ccc; padding: 9px; font-weight: normal; vertical-align: top; }
.editor-table tr td.label       { background-color: #f6f3e4; border-top: 1px solid #ccc; font-weight: bold; width: 150px; text-align: left; }
.editor-table tr td.noborder    { border-bottom: 1px solid #ffffff; }

.editor-table td div.description { margin: 6px 0px 0px; }

.editor-table td label          { font-size: 0.9em; font-weight: normal; display: block; padding-top: 3px; }
.editor-table td label.inline   { font-size: 1em; font-weight: bold; display: inline; padding-top: 0; }

div.editor-buttons { margin: 12px 0px 12px 170px; }


/* Index Table */
.index-table        { border-collapse: collapse; width: 100%; }
.index-table tr th  { border-bottom: 2px solid #666; background-color: #f6f3e4; padding: 5px 10px; font-weight: bold; }
.index-table tr td  { border-bottom: 1px solid #ccc; padding: 5px 10px; font-weight: normal; line-height: 16px; vertical-align: top; }

.index-table thead tr th { vertical-align: middle; border-bottom: 2px solid #666; }
.index-table tfoot tr th { vertical-align: middle; border-top: 2px solid #666; border-bottom: none; }

.index-table tr td.noborder { border-bottom: none; }
.index-table tr th.noborder { border-bottom: none; }

.index-table td div.description     { margin-top: 4px; font-size: 11px; }
.index-table td div.internal-notes  { margin-top: 4px; color: #ff0000; font-size: 11px; }

.drag-highlight { background-color: #fffacd; }
.drag-handle    { width: 16px; cursor: move; background: transparent url("/images/icons/arrow_reorder.png") no-repeat 5px 5px; }


/*** ----- Legend Styles ----- ***/
div.icon-legend-toggle { margin: 12px 0px; }

#icon-legend                { margin: 12px 0px 12px 0px; font-size: 11px; }
#icon-legend span.label     { font-weight: bold; display: inline-block; width: 90px; }
#icon-legend span.icon      { padding-right: 12px; }
#icon-legend span.icon img  { vertical-align: text-bottom; }

div.color-legend,
div.icon-legend                 { margin: 6px 0px 0px; font-size: 11px; }
div.color-legend span.label,
div.icon-legend span.label      { font-weight: bold; display: inline-block; width: 50px; border: 1px solid #fff; text-align: left; }
div.color-legend span           { border: 1px solid #ddd; display: inline-block; width: 50px; padding: 3px 0; text-align: center; }

div.color-legend span.future  { background-color: #d6e7fc; }
div.color-legend span.expired { background-color: #fbe3e4; color: #666; font-style: italic; }

#privilege-legend           { margin: 12px 0 12px 0; font-size: 11px; }
#privilege-legend dl        { font-size: 11px; }
#privilege-legend dt        { float: left; clear: left; width: 90px; text-align: left; font-weight: bold; line-height: 1em; }
#privilege-legend dt:after  { content: ":"; }
#privilege-legend dd        { margin: 0 0 0 80px; padding: 0 0 0.8em 0; line-height: 1em; }


/*** ----- Password Strength Meter Styles ----- ***/
#complexity { width: 200px; padding: 3px 10px; height: 20px; line-height: 20px; color: #000; text-align: center; display: inline-block; }
.default    { width: 200px; background-color: #CCC; }
.weak       { width: 200px; background-color: #FF5353; }
.strong     { width: 200px; background-color: #FAD054; }
.stronger   { width: 200px; background-color: #93C9F4; }
.strongest  { width: 200px; background-color: #B6FF6C; }


/*** ----- jQuery UI Styles & Overrides ----- ***/
/* Overrides */
.ui-widget          { font-family: Verdana, Arial, sans-serif; font-size: 1.0em; }

/* Dialog Buttons */
.ui-icon-add    { font-weight: bold !important; color: #000 !important; background: #ddd url('/images/icons/add.png') 6px 50% no-repeat !important; padding-left: 15px !important; }
.ui-icon-edit   { background: #eee url('/images/icons/pencil.png') 6px 50% no-repeat !important; padding-left: 15px !important; }
.ui-icon-cancel { color: #000 !important; background: #eee url('/images/icons/cross.png') 6px 50% no-repeat !important; padding-left: 15px !important; }
.ui-icon-delete { font-weight: bold !important; color: #990000 !important; background: #FBE3E4 url('/images/icons/delete.png') 6px 50% no-repeat !important; padding-left: 15px !important; }
.ui-icon-update { font-weight: bold !important; color: #000 !important; background: #ddd url('/images/icons/disk.png') 6px 50% no-repeat !important; padding-left: 15px !important; }

/* Dialog Content */
.ui-dialog .ui-dialog-titlebar                  { padding: 0.6em 1em; }
.ui-dialog .ui-dialog-content                   { padding: 1.2em 1.5em 1em !important; }
.ui-dialog .ui-dialog-content h2:first-child    { margin-top: 0px; }

/* ----- Tabs ----- */
.ui-tabs .ui-tabs-nav           { padding: 0.2em 0 0; }
.ui-tabs ul.ui-tabs-nav li      { margin-left: 0px; margin-right: 4px; }
.ui-tabs.ui-widget-content      { border: none; background: none; background-image: none; }
.ui-tabs ul.ui-widget-header    { background: none; background-image: none; border: none; }
.ui-tabs .ui-tabs-panel         { background-color: #fff !important; border: 1px solid #aaa !important; }


/*** ----- Filtering/Sorting Styles ----- ***/
#item-filter-table                      { background-color: #f6f3e4; padding: 8px 12px; margin: 0px 0px 6px 0px; border: 1px solid #dad9c7;
                                            -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#item-filter-table h2                   { font-size: 13px; font-weight: bold; border-bottom: 1px solid #ddd; padding: 0px 0px 3px 0px; margin: 0px 0px 4px 0px; }
#item-filter-table .filter-item,
#item-options .option-item,
#pagination-option .option-item         { float: left; margin: 3px 12px 10px 0px; }
#item-options .option-item select,
#pagination-option .option-item select  { margin: 0px; }
#item-filter-table .filter-label        { font-weight: bold; font-size: 1.1em; margin-bottom: 6px; }
#item-filter-table .filter-item label   { font-weight: bold; }
#item-options .option-item label,
#pagination-option .option-item label   { font-weight: bold; }


/*** ----- TinyMCE Override Styles ----- ***/
table.mceLayout td { padding: 0px !important; }


/*** ----- Nested Sortables Styles ----- ***/
.placeholder { background-color: #ddd; height: 1.5em; line-height: 1.5em; }

.ui-nestedSortable-error { background: #fbe3e4; color: #8a1f11; }

ol.sortable,
ol.sortable ol  { margin: 0 0 0 25px; padding: 0; list-style-type: none; }
ol.sortable     { margin: 1em 0; }

ol.sortable li                  { margin: 7px 0 0 0; padding: 0; }
ol.sortable li div.item-data    { border: 1px solid #ccc; padding: 4px 6px 0px; margin: 0; cursor: move; }

ol.sortable li div.item-data div.actions        { float: right; cursor: default; margin-left: 0; padding: 0; }
ol.sortable li div.item-data div.type-label     { float: right; cursor: default; color: #666; font-weight: bold; font-size: 0.9em; margin-right: 10px; width: 110px; text-align: right; }
ol.sortable li div.item-data div.edit-item-form { cursor: default; }

body.msie ol.sortable li div.item-data div.actions { width: 40px; }

/*** ----- Styles for Admin Index Listings ----- ***/
div#available-bulk-actions,
div.available-bulk-actions          { margin: 0 0 6px; }
div#available-bulk-actions select,
div.available-bulk-actions select   { vertical-align: middle; }
div#available-bulk-actions button,
div.available-bulk-actions button   { width: auto; overflow: visible; padding: 0px 6px; margin: 0; vertical-align: middle; }

.msie div#available-bulk-actions button { width: auto; overflow: visible; padding: 2px 6px; margin: 0; }


/*** ----- Media Queries ----- ***/
/* Mobile - Landscape, Tablets */
@media handheld, only screen and (max-width: 767px)
{
    .dashboard-column.sixcol { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Mobile - Portrait */
@media handheld, only screen and (max-width: 320px)
{
    body { font-size: 14px; }

    body.single-column div.fieldset         { padding-left: 0; }
    body.single-column div.fieldset legend  { float: none; width: 100%; text-align: left; }
    body.single-column div.field-group      { float: none; }
    body.single-column form div.actions     { margin-left: 0%; padding-left: 0; }

    #complexity { font-size: 0.9em; }

    .dashboard-column #help-toc div.section { float: none; width: 100%; }
}