/* General
 -------------------------------------
 */
html, table, select, input {font-size: 100%;}
body {margin: 0; padding: 0; background: #e4e4e4 url(../images/body-bg.png) repeat-x; text-align: center; font: 62.5% normal Verdana, Geneva, Arial, Helvetica, sans-serif;}
img {border: 0;}
td, th {vertical-align: top; text-align: left;}
h2 {color: #666; margin: 0 0 10px 0; font-size: 1.2em; font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
.ap-page-header h2.multi-line {line-height: 1.2em;}
h2 span {font-size: 70%; margin-left: 15px; font-weight: normal;}
h2 span.ap-sub-heading {display: block; margin-left: 0;}
a {color: #0000ff;}
.ap-clear {clear: both;}
.ap-external {display: inline-block; height: 10px; width: 10px; background: url(../images/external.png) no-repeat;}
.large {width: 97%;}
.medium {width: 60%;}
.small {width: 25%;}
.tiny {width: 50px;}
.smallText, .small-text {font-size: 0.8em;}
.small-text-light {font-size: 0.8em; color: #999;}

/* Wrapper & Header
 ----------------------------------------
 */
#ap-wrapper {min-width: 968px; max-width: 1800px; width: 98%; text-align: left; margin: 0 auto; position: relative;}
#ap-header {background: url(../images/header-shadow.gif) repeat-y 100% 0;  position: relative;}
#ap-header-corners {height: 15px; position: relative;}
#ap-header-corners span {display: block; height: 11px; width: 14px; position: absolute; top: 0;}
#ap-header-corners span#ap-header-tl {height: 10px; left: 0; background: url(../images/header-tl-corner.png) no-repeat top left;}
#ap-header-corners span#ap-header-tr {right: 0; background: url(../images/header-tr-corner.png) no-repeat 0 0;}
#ap-header-inner {padding: 0 20px; background: url(../images/header-gradient-bg.png) repeat-x bottom left;}
h1 {margin: 0; font-size: 2.2em; font-weight: bold;}
h1 span#ap-app {font-size: 80%; margin-left: 15px; font-weight: normal;}
#ap-switcher {margin: 5px 0 10px 0; font-size: 1.6em; font-weight: bold;}
#ap-switcher a {background: url(../images/change-btn.png) no-repeat;}
#ap-header-spacer {height: 10px;}

/* Top Navigation
 ----------------------------------------
 */
#ap-nav-secondary {position: relative; height: 28px;}
#ap-nav-secondary ul {position: absolute; top: 7px; list-style: none; margin: 0; padding: 0;}
#ap-nav-secondary li {display: inline; margin-right: 10px; font-size: 1em;}
#ap-nav-secondary a {color: #888; text-decoration: none;}
#ap-nav-secondary a:hover {text-decoration: underline; color: #333;}
#ap-nav-secondary a.current {font-weight: bold; color: #333; border-bottom: 2px solid #333;}
#ap-nav-secondary a.current:hover {text-decoration: none;}
#ap-nav-secondary-left {left: 15px;}
#ap-nav-secondary-right {right: 80px;}
#ap-help-btn {position: absolute; top: 5px; right: 10px;}

/* Main Navigation
 ----------------------------------------
 */
#ap-main-nav-container {margin-top: 10px; width: 100%; font-size: 1.4em; position: relative;}
#ap-nav-main-right {float: right;}
ul.ap-main-nav {list-style: none;float: left; margin: 0; padding: 0;}
/* ul.ap-main-nav li {display: inline; margin: 0; padding: 0;} */
ul.ap-main-nav li {float: left; margin: 0; padding: 0;}
ul.ap-main-nav a {float: left; background: url(../images/main-nav-left.png) no-repeat 0 0; margin: 0; padding: 0 0 0 6px; text-decoration: none; color: #fff; cursor: pointer;}
ul.ap-main-nav a span {float: left; display: block; background: url(../images/main-nav-right.png) no-repeat 100% 0; padding: 5px 15px 4px 6px;}
ul.ap-main-nav a:hover, ul.ap-main-nav a.hover {background-position: 0 -120px;}
ul.ap-main-nav a:hover span, ul.ap-main-nav a.hover span {background-position: 100% -120px;}
ul.ap-main-nav a.ap-current {background-position: 0 -60px; color: #888;}
ul.ap-main-nav a.ap-current span {background-position: 100% -60px;}
ul.ap-main-nav a b {display: inline-block; width: 7px; height: 6px; background: url(../images/arrow-white.gif) no-repeat; margin-left: 10px;}
ul.ap-main-nav a.ap-current b {background-image: url(../images/arrow.gif);}
ul.ap-main-nav li ul {position: absolute; left: -999em; margin: 0 0 0 -1px; padding: 0; background-color: #fff;	border: 1px solid #bbb; border-top: none; clear: both; z-index: 1000;}
ul.ap-main-nav li:hover ul, ul.ap-main-nav li.hover ul {left: auto;}
ul.ap-main-nav li ul li {float: none; display: block;}
ul.ap-main-nav li ul li a {background: none; float: none; display: block; color: #888; padding: 4px 11px;}
ul.ap-main-nav li ul li a span {float: none; display: inline; background: none; padding: 0;}

/* Content
 ----------------------------------------
 */
#ap-content-wrapper {background: #fff url(../images/content-shadow.gif) repeat-y 100% 0; width: 100%;}
#ap-breadcrumb {font-size: 1em; padding: 10px 20px; color: #999;}
#ap-breadcrumb a {color: #999;}

#ap-content-inner {padding: 10px 20px; font-size: 1.4em; position: relative;}
div.ap-page-header, div.ap-tab-header {position: relative; line-height: 32px;}
div.ap-page-header div.ap-actions {float: right; margin-left: 20px;}
div.ap-page-header div.ap-add-actions, div.ap-tab-header div.ap-add-actions {position: absolute; top: 0; right: 0;}
.ap-yes-icon {display: block; width: 16px; height: 16px; background: url(../images/icons/yes.png) no-repeat;}
.ap-view-icon {display: block; width: 16px; height: 16px; background: url(../images/icons/view.png) no-repeat;}
.ap-date-picker {display: inline-block; width: 16px; height: 16px; background: url(../images/icons/calendar.png) no-repeat;}
.ap-block {margin: 0.5em 0;}
.ap-collection-container {margin: 5px 0;}
.ap-collection-item {padding: 0; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative;}
.ap-collection-item.hover {border-top: 1px dashed #999; border-bottom: 1px dashed #999; background-color: #f9f9f9;}
.ap-collection-container-framed .ap-collection-item {border-bottom: 1px dashed #999;}
div.ap-collection-container-framed > div.ap-collection-items > div:first-child {border-top: 1px dashed #999;}
.ap-collection-item .ap-form-field-wrapper {margin: 0;}
.ap-collection-delete {position: absolute; top: 5px; right: 5px; color: #333; background: url(../images/icons/trash.png) no-repeat 0 50%; padding-left: 18px; visibility: hidden;}
.ap-sort-handle {font-size: 0.8em; background-color: #999; color: #fff; padding: 2px; text-align: center;}
.ap-sort-handle:hover {cursor: move;}
.ap-panel-tbl td {padding: 4px 4px 4px 0;}
.ap-panel-tbl td.ap-panel-right {padding-left: 15px;}
.ap-panel-tbl td.ap-panel-center {padding-left: 15px; padding-right: 15px;}
.ap-help {background: url(../images/icons/help.png) no-repeat 0 50%; padding-left: 18px;}
.ap-content-block-selector {border: 1px solid #ddd; padding: 3px; background-color: #f7f7f7;}
.ap-content-block-selector .ap-form-field-wrapper {margin: 0;}
.ap-content-block-selector label {display: inline; margin: 0 10px 0 0;}

/* View-by links
 ----------------------------------------
 */
.ap-viewby {margin-bottom: 10px; color: #666;}
.ap-viewby a {color: #666;}
.ap-viewby a.active {text-decoration: none; font-weight: bold; color:#333;}

/* Section Grid
 ----------------------------------------
 */
 .ap-section-grid {width: 100%;}
 .ap-section-grid td {padding: 20px 10px; border: 1px solid #fff;}
 .ap-section-grid td.hover {background-color: #ffffcc; border-color: #ffdd22; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
 .ap-section-grid td h3.first {margin-top: 0;}

/* FormTextEditor component
 ----------------------------------------
 */
.ap-text-editor-wrapper {
  margin-top: 10px;
  padding: 3px;
  border: 1px solid #c3c3c3;
  background: transparent url(../images/components/form-text-editor/box-bg.jpg) repeat-x top left;
}
.ap-text-editor-header {padding: 5px; font-weight: normal; color: #333;}
.ap-text-editor-header ul {margin: 0 0 0 10px; padding: 0; list-style: none; display: inline; color: #999;}
.ap-text-editor-header li {display: inline; margin: 0; padding: 0;}
.ap-text-editor-header li a {color: #363636; text-decoration: none;}
.ap-text-editor-header li a:hover {text-decoration: underline;}
.ap-text-editor-header textarea {margin: 0; padding: 10px;}

/* Multi checkbox trees
 ----------------------------------------
 */
 ul.multi-checkbox-tree {margin: 0; padding: 0; list-style: none;}
 ul.multi-checkbox-tree ul {margin-left: 20px;}


/* Messages
 ----------------------------------------
 */
.ap-message, .ap-error {margin: 0 20px; font-size: 1.2em;}
.ui-state-highlight, .ui-state-error {padding: 0.7em;}
.ap-message .ui-icon-info, .ap-error .ui-icon-alert, .ap-message .ui-icon-info {float: left;}
.ap-message .ap-close, .ap-error .ap-close {float: right;}
.ap-message .ap-message-text, .ap-error .ap-message-text, .ap-message .ap-message-text {display: block; margin: 0 20px;}
.ap-no-data-msg {text-align: center; font-size: 1.3em; margin: 2em 10em 5em 10em;}
.ap-no-data-msg a {background: url(../images/icons/new.png) no-repeat 0 50%; padding-left: 20px;}

/* Activity Indicators
 ----------------------------------------
 */
.ap-loading-indicator {height: 15px; width: 128px; background: url(../images/indicators/bert.gif) no-repeat;}
#ap-activity-indicator {font-size: 2em; position: absolute; top: 5px; left: 50%; width: 200px; margin: 0.2em auto; padding: 0.2em 1em; color: #666; vertical-align: middle; font-weight: bold; z-index: 100; display: none;}
#ap-activity-content {position: absolute; top: 0; left: -100px; height: 100px; width: 200px; background-color: #fff; border: 1px solid #ddd;}
#ap-activity-content p {margin: 20px;}
#ap-activity-indicator .ui-widget-shadow {position: absolute; left: -100px; top: 0; height: 100px; width: 200px;}
#ap-activity-indicator .ap-loading-indicator {position: absolute; top: 60px; left: 35px;}
#ap-loading-msg .ap-loading-indicator {position: relative; left: 120px; margin: 10px 0 20px 0;}
#ap-loading-msg {font-size: 1.3em;}

/* File types
 ----------------------------------------
 */
.ap-filetype {background-position: 0 0; background-repeat: no-repeat; padding-left: 20px;}
.ap-filetype-csv {background-image: url(../images/icons/document-csv.png);}
.ap-filetype-document {background-image: url(../images/icons/document.png);}
.ap-filetype-excel {background-image: url(../images/icons/document-excel.png);}
.ap-filetype-image {background-image: url(../images/icons/document-image.png);}
.ap-filetype-music {background-image: url(../images/icons/document-music.png);}
.ap-filetype-pdf {background-image: url(../images/icons/document-pdf.png);}
.ap-filetype-powerpoint {background-image: url(../images/icons/document-powerpoint.png);}
.ap-filetype-swf {background-image: url(../images/icons/document-swf.png);}
.ap-filetype-text {background-image: url(../images/icons/document-text.png);}
.ap-filetype-word {background-image: url(../images/icons/document-word.png);}

/* Dialog
----------------------------------------
*/
.apuiDialog {font-size: 1.4em; text-align: left;}

/* Forms
----------------------------------------
*/
button, a.button {border:0; cursor:pointer; font-weight:bold; margin: 0; padding:0 10px 0 0; text-align:center; color: #666; background:url(../images/button-right.png) right no-repeat; text-decoration: none;}
a.button {/*display: block; */ float: right;}
button span, a.button span {position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; height: 32px; line-height: 32px; background:url(../images/button-left.png) left no-repeat; color:#333;}
button b, a.button b {display: block; height: 32px; line-height: 32px; padding-left: 22px;}
/* button.ui-button {background: none; color: #333; line-height: normal; padding: 0;} */
a.button b {font-weight: normal;}
button:hover, a.button:hover {background:url(../images/button-hover-right.png) right no-repeat;}
button:hover span, a.button:hover span {background:url(../images/button-hover-left.png) left no-repeat;}
button:active, a.button:active {background:url(../images/button-active-right.png) right no-repeat;}
button:active span, a.button:active span {background:url(../images/button-active-left.png) left no-repeat;}
button.save b, a.button.save b {background: url(../images/icons/save.png) no-repeat 0 8px;}
button.save-new b, a.button.save-new b {background: url(../images/icons/save-new.png) no-repeat 0 8px;}
button.save-continue b, a.button.save-continue b {background: url(../images/icons/save-continue.png) no-repeat 0 8px;}
button.email b, a.button.email b {background: url(../images/icons/mail.png) no-repeat 0 8px;}
button.add b, a.button.add b {background: url(../images/icons/new.png) no-repeat 0 8px;}
button.browse b, a.button.browse b {background: url(../images/icons/browse.png) no-repeat 0 8px;}
button.delete b, a.button.delete b {background: url(../images/icons/trash.png) no-repeat 0 8px;}
button.import b, a.button.import b {background: url(../images/icons/import.png) no-repeat 0 8px;}
button.next b, a.button.next b {background: url(../images/icons/next.png) no-repeat 0 8px;}
button.no-icon b, a.button.no-icon b {padding-left: 0;}
div.actions a.delete:hover {color: #ff0000;}
button.copy b, a.button.copy b {background: url(../images/icons/copy.png) no-repeat 0 8px;}
.textInput {border: 1px solid #6c6c6c; border-color: #6c6c6c  #c3c3c3 #d3d3d3 #6c6c6c; background:#fff url(../images/text-input-bg.gif) repeat-x 0 0; font-size: 1.1em; padding: 0.15em 0.15em;}
textarea, input[type="text"], input[type="password"], input[type="file"], select {border: 1px solid #6c6c6c; border-color: #6c6c6c  #c3c3c3 #d3d3d3 #6c6c6c;, background-color: #fff; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px;}
select {padding: 2px;}
input.large, textarea.large {width: 97%;}
textarea.largeHeight {height: 800px;}
input.medium, textarea.medium {width: 60%;}
input.small, textarea.small {width: 25%;}
input.tiny, textarea.tiny {width: 50px;}
input[disabled], textarea[disabled], select.disabled {background-color: #e3e3e3; color: #636363;}
label {display: block; font-weight: bold; margin: 0 0 0.1em 0; line-height: 150%;}
label span {font-weight: normal; font-size: 90%;}
span.ap-inline-label label {display: inline; font-weight: normal; margin-top: 0;}
label i {font-family: Arial, Verdana, sans-serif; color: #ff0000;}
form div.submit {margin: 10px 10px 10px 0;}
form h3 {border-top: 1px dotted #666; padding-top: 5px;}
form h3.first {border-top: none;}
.ap-form-field-desc {font-size: 0.8em; margin: 3px 0;}
.ap-form-hgroup .large {width: 100%;}
table.ap-form-hgroup td, table.ap-form-hgroup th {padding: 0 10px;}
table.ap-form-hgroup td.col_1, table.ap-form-hgroup th.col_1 {padding: 0 10px 0 0;}
table.ap-form-hgroup tbody tr td:last-child, table.ap-form-hgroup thead tr th:last-child {padding: 0 0 0 10px;}
.ap-form-vgroup label, .ap-form-hgroup label {margin: 0;}
.ap-form-vgroup th, .ap-form-vgroup td {text-align: left; padding: 4px;}
.ap-form-highlight {background-color: #fff7c0;}
.ap-form-field-wrapper {padding: 5px; margin-top: 0.5em;}
/* .ap-form-field-wrapper .ap-form-field-wrapper {padding: 0; margin: 0;} */
.ap-field-indent {margin-left: 20px;} /* Intended for text shown below a checkbox or radio button */

/* Form errors
----------------------------------------
*/
label.error {color: #ff0000;}
input.error, textarea.error, select.error {border: 1px solid #ff0000;}

/* Form wizard
----------------------------------------
*/
.ap-wizard-steps {position: absolute; top: 10px; right: 20px; font-size: 0.8em; color: #999}
.ap-wizard-steps a {color: #999; text-decoration: none;}
.ap-wizard-steps ul {margin: 0; padding: 0; list-style: none; position: relative; right: 0;}
.ap-wizard-steps li {float: left; text-align: center; margin-right: 4px; width: 55px;}
.ap-wizard-step-number {display: block; padding: 2px; background-color: none; border: 1px solid #f0f0f0; width: 14px; margin: 0 auto;}
.ap-wizard-step-text {display: block; margin-top: 2px;}
.ap-wizard-active .ap-wizard-step-number {background-color: #999; border-color: #999; color: #fff;}
.ap-wizard-complete .ap-wizard-step-number {background-color: #bbb; border-color: #bbb; color: #fff;}

/* Action links
----------------------------------------
*/
a.cancel {color: #ff0000; padding: 2px;}
a.delete:hover, a.cancel:hover, div.subText a.delete:hover {color: #fff; background-color: #ff0000;}

/* Submit button floating
----------------------------------------
*/
div.submit-floating {background-color: #fdfaa4; border-color: #999; border-style: none none solid; border-width: 0 0 1px; position: fixed; left: 0; top: 0; width: 100%; padding: 5px 5px 5px 35px; z-index: 10000;}

/* Dialog Boxes
----------------------------------------
*/
.apuiDialogLoading {width: 100%; background: url(../images/indicators/indicator-lg.gif) no-repeat center center;}
.apuiDialogSave {display: none; font-weight: bold; margin: 10px 10px 10px 0; background: url(../images/indicators/bar.gif) no-repeat 100px 0;}

/* Tables
----------------------------------------
*/
body table.ap-tbl {background-color: #fff; width: 100%;}
body table.ap-tbl thead {background: #f9f9f9 url(../images/table/header.gif) repeat-x left bottom;}
body table.ap-tbl thead th {background: #f9f9f9 url(../images/table/header.gif) repeat-x left bottom; border: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-bottom: none; border-right: 1px solid #dfdfdf; border-left: 1px solid #fdfdfd; text-align: left; padding: 5px;  font-weight: normal;}
table.ap-tbl thead tr > th:first-child {border-left-color: #dfdfdf; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;}
table.ap-tbl thead tr > th:last-child {-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;}
body table.ap-tbl tr td {border-right: none; border-left: none; border-top: none; border-bottom: 1px solid #e9e9e9; padding: 3px 5px; line-height: 1.3em;}
body table.ap-tbl tr:last-child td {border-bottom: none;}
body table.ap-tbl tr.apGridRowOver td {background: #feffe0;}
body table.ap-tbl tbody tr.apGridRowSelected td {background: #f3f3f3;}

/* Table sorting
----------------------------------------
*/
table thead tr th.ap-grid-hd-over, table thead tr th.ap-grid-hd-sorted {background: #ebf3fd url(../images/table/header-active.gif) repeat-x left bottom;}
table thead tr th.ap-grid-sort-header {cursor: pointer;}
table thead tr th.ap-grid-sort-header div.ap-grid-hd-wrap {background: url(../images/table/small-sort.gif) no-repeat center right; cursor: pointer;	padding-right: 21px;}
table thead tr th.ap-grid-sort-asc div.ap-grid-hd-wrap {background-image: url(../images/table/small-sort-asc.gif); padding-right: 21px;}
table thead tr th.ap-grid-sort-desc div.ap-grid-hd-wrap {background-image: url(../images/table/small-sort-desc.gif); padding-right: 21px;}

/* Table Tree
----------------------------------------
*/
.apGridTreeWrap{float: left; position: relative; height: 18px; white-space: nowrap;	overflow: hidden;}
.apGridTreeToggle {position: absolute; height: 16px; width: 16px; overflow: hidden; cursor: pointer; background: url(../images/icons/toggle.png) no-repeat;}
table.ap-tbl tr.apGridRowSelected .apGridTreeToggle {background: url(../images/icons/toggle.png) no-repeat 0 0;}
tr.apGridTreeExpanded .apGridTreeToggle {background: url(../images/icons/toggle.png) no-repeat 0 -32px;}
body table.ap-tbl tr.apGridTreeExpanded.apGridRowSelected .apGridTreeToggle {background: url(../images/icons/toggle.png) no-repeat 0 -32px;}
.apGridTreeLeaf {position: absolute; height: 16px; width: 16px; overflow: hidden;}
.apGridTreeHidden {display: none;}

/* Table Tree
----------------------------------------
*/
.tbl-pagination {border-top: 1px solid #e9e9e9; padding: 5px}
.tbl-pagination a {margin: 0 2px;}
.tbl-pagination form {display: inline;}

/* Toolbar
----------------------------------------
*/
.ap-grid-toolbar table {padding: 0; margin: 0;}
.ap-grid-toolbar table td {padding: 2px 0 4px 0; vertical-align: middle;}

/* Toolbar buttons and separators
----------------------------------------
*/
.ap-grid-toolbar table tr td.ap-toolbar-separator {padding: 3px;}
.ap-toolbar-separator span {display: block; background-color: #999; width: 1px; height: 12px;}
.ap-btn-wrap a.ap-btn {cursor: pointer; text-align: left; color: #999; font-size: 90%;}
.ap-btn-wrap a.ap-btn:hover {text-decoration: underline;}
table td.ap-btn-wrap a.ap-grid-exco-btn {font-size: 80%; padding: 0;}
.ap-grid-toolbar table tr td.ap-grid-btn-collapse {padding-right: 10px;}
.ap-btn-wrap a.ap-btn.ap-btn-disabled, .ap-btn-wrap a.ap-btn.ap-btn-disabled:hover {color: #d3d3d3; text-decoration: none; cursor: default;}
.ap-btn-wrap a, .ap-btn-wrap a:hover {background-repeat: no-repeat; background-position: center left; background-color: transparent; color: #333;}
.ap-btn-wrap a.ap-btn {padding-left: 18px; padding-right: 8px;}
.ap-btn-wrap a.approve {background-image: url(../images/icons/approve.png);}
.ap-btn-wrap a.approve.ap-btn-disabled {background-image: url(../images/icons/approve-disabled.png);}
.ap-btn-wrap a.archive {background-image: url(../images/icons/archive.png);}
.ap-btn-wrap a.archive.ap-btn-disabled {background-image: url(../images/icons/archive-disabled.png);}
.ap-btn-wrap a.delete {background-image: url(../images/icons/trash.png);}
.ap-btn-wrap a.delete.ap-btn-disabled {background-image:  url(../images/icons/trash-disabled.png);}
.ap-btn-wrap a.export {background-image: url(../images/icons/document-export.png);}
.ap-btn-wrap a.export.ap-btn-disabled {background-image:  url(../images/icons/document-export-disabled.png);}
.ap-btn-wrap a.export-csv {background-image: url(../images/icons/document-csv.png);}
.ap-btn-wrap a.export-csv.ap-btn-disabled {background-image:  url(../images/icons/document-csv-disabled.png);}
.ap-btn-wrap a.publish {background-image: url(../images/icons/publish.png);}
.ap-btn-wrap a.publish.ap-btn-disabled {background-image: url(../images/icons/publish-disabled.png);}
.ap-btn-wrap a.read {background-image: url(../images/icons/read.png);}
.ap-btn-wrap a.read.ap-btn-disabled {background-image: url(../images/icons/read-disabled.png);}
.ap-btn-wrap a.spam {background-image: url(../images/icons/spam.png);}
.ap-btn-wrap a.spam.ap-btn-disabled {background-image: url(../images/icons/spam-disabled.png);}
.ap-btn-wrap a.unapprove {background-image: url(../images/icons/unapprove.png);}
.ap-btn-wrap a.unapprove.ap-btn-disabled {background-image: url(../images/icons/unapprove-disabled.png);}
.ap-btn-wrap a.unarchive {background-image: url(../images/icons/unarchive.png);}
.ap-btn-wrap a.unarchive.ap-btn-disabled {background-image: url(../images/icons/unarchive-disabled.png);}
.ap-btn-wrap a.unpublish {background-image: url(../images/icons/unpublish.png);}
.ap-btn-wrap a.unpublish.ap-btn-disabled {background-image: url(../images/icons/unpublish-disabled.png);}
.ap-btn-wrap a.unread {background-image: url(../images/icons/unread.png);}
.ap-btn-wrap a.unread.ap-btn-disabled {background-image: url(../images/icons/unread-disabled.png);}
.ap-btn-wrap a.unspam {background-image: url(../images/icons/unspam.png);}
.ap-btn-wrap a.unspam.ap-btn-disabled {background-image: url(../images/icons/unspam-disabled.png);}

/* Sortable
 ----------------------------------------
 */
/* td.ap-reorder, body table.ap-tbl tr.apGridRowOver td.ap-reorder, body table.ap-tbl tbody tr.apGridRowSelected td.ap-reorder {background: url(../images/icons/sort.png) no-repeat 0 50%; width: 18px; height: 18px; cursor: move;} */
td.ap-reorder span {display: block; background: url(../images/icons/sort.png) no-repeat 0 50%; width: 18px; height: 18px; cursor: move;}
.ap-sort-placeholder, tr.ap-sort-placeholder td {background-color: #E2F9E3;}
tr.ap-collection-item td.ap-reorder span {margin-top: 3px;}

td.ap-delete span {display: block; background: url(../images/icons/delete.png) no-repeat 0 50%; width: 18px; height: 18px; cursor: pointer;}
td.ap-collection-grid-delete span {margin-top: 3px;}

/* Enabled / Disabled messages
----------------------------------------
*/
.ap-msg-enabled, .ap-msg-disabled {margin: 1em 0; padding: 1em 20px 1em 35px; font-weight: bold; text-align: left;}
.ap-msg-enabled {border: 1px solid #9C9; background: #E2F9E3 url(../images/icons/yes.png) no-repeat 10px 50%; color: #060;}
.ap-msg-disabled {border: 1px solid #FFC2CA; background: #FFEDEF url(../images/icons/no.png) no-repeat 10px 50%; color: #c00;}

/* Footer
----------------------------------------
*/
#ap-footer {position: relative; height: 14px; width: 100%; background: #fff url(../images/footer.png) repeat-x 0 -14px; margin-bottom: 40px;}
#ap-footer span {display: block; position: absolute; top: 0; width: 14px; height: 14px; background: url(../images/footer.png) no-repeat 0 0;}
#ap-footer-bl {left: 0;}
#ap-footer span#ap-footer-br {background-position: 0 -28px; right: 0;}

/* Toolbar
----------------------------------------
*/
#ap_toolbar {background: #231f20 url(../images/toolbar.gif) repeat-x 0 -32px; bottom: 0; font-size: 1.4em; height: 32px; left: 0; margin: 0; min-width: 500px; position: fixed; text-align: left; width: 100%; z-index: 100;}
#ap-toolbar-left {width: 10px; height: 32px; position: absolute; left: 0; top: 0; background: url(../images/toolbar.gif) no-repeat;}
#ap-toolbar-right {width: 10px; height: 32px; position: absolute; right: 0; top: 0; background: url(../images/toolbar.gif) no-repeat 0 -64px;}
#ap_toolbar iframe {display: none; height: 0; width: 0;}
#ap-toolbar-inner {height: 32px; width: 100%; background: url(../images/toolbar.gif) repeat-x 0 -32px;}
#ap-my-apps {position: absolute; left: 20px; top: 0; height: 32px; width: 98px; background: url(../images/my-apps.png) no-repeat;}
#ap-my-apps:hover {background-position: 0 -32px;}
#ap_toolbar a#ap-my-apps.active {background-position: 0 -64px;}
#ap-branding {position: absolute; right: 20px; top: 0;}
#ap-cobrand {margin-left: 10px;}
#ap-toolbar-inner {position: absolute; z-index: 101;}
#ap-toolbar-right, #ap-toolbar-left {z-index: 102;}
#ap-toolbar-nav {position: absolute; left: 20px; bottom: 32px; height: 400px; width: 300px; background-color: #fff; border: 1px solid #333; border-bottom: none; display: none; /* overflow: hidden; */z-index: 100;}
#ap-toolbar-nav-inner {margin: 4px; padding: 4px; background-color: #eee; overflow: auto; position: relative;}
.ui-accordion-content ul {list-style: none; margin: 0; padding: 0;}
.ui-accordion-content li {margin: 3px 0;}
.ui-accordion-content a {text-decoration: none; color: #333;}
.ui-accordion-content a:hover {text-decoration: underline;}
.ui-accordion-content ul ul li {margin-left: 20px; font-size: 0.9em;}

.ap-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ap-titlebar-title { float: left; margin: .1em 0 .2em; }
.ap-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ap-titlebar-close span { display: block; margin: 1px; }
.ap-titlebar-close:hover, .ap-titlebar-close:focus { padding: 0; }

/* File upload
----------------------------------------
*/
.ap-uploaded-file {margin: 5px 0;}
.formImgSetImage .ap-uploaded-file {margin: 5px 0; height: 120px; text-align: center; width: 120px; position: relative;}
.formImgSetImage .ap-uploaded-file a {display: block; position: relative; height: 120px;}
.formImgSetImage .ap-uploaded-file img {position: relative;}
.formImgSetImage .ap-uploaded-file-placeholder {margin: 5px 0; height: 158px; width: 120px;}

/* 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
----------------------------------*/
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

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

/* Component containers
----------------------------------*/
.ui-widget-header {font-weight: bold;}
.ui-widget-content {background-color: #fff; background-image: none; color: #333; }
/* .ui-widget-content a { color: #333; } */

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {font-weight: normal; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {font-weight: normal; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover {text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {font-weight: normal; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.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;}

/* 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: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/* Overlays */
/* .ui-widget-overlay { background: #333; opacity: .30; filter:Alpha(Opacity=30); } */
.ui-widget-overlay { background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: 4px 0 0 4px; padding: 0px; background: #000; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* 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: .3em .3em .3em 2em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0.3em 0.3em 0.3em 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; }
/*
 * jQuery UI Autocomplete @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Button @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
/* button.ui-button span {background: none; line-height: normal; padding: 0; white-space: normal;} */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */


label.ui-button, div.ui-button {background: none; color: #000; border-color: transparent; font-size: 90%}
label.ui-button.ui-state-hover, div.ui-button.ui-state-hover  {background: #fff url(../images/ui-bg_flat_65_ffffff_40x100.png) repeat-x; color: #111; border: 1px solid #cdd5da;}
label.ui-button.ui-state-active, div.ui-button.ui-state-active, label.ui-button.ap-ui-state-active, div.ui-button.ap-ui-state-active  {background: #f6f6f6 url(../images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) repeat-x; color: #111; border: 1px solid #cdd5da;}


/* 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; font-size: 1.4em;}
.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; }
/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/* 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 0; margin: 10px 0; 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: .2em 0.7em; }
.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: 1px; background: none; background-color: #fff;}
.ui-tabs .ui-tabs-hide { display: none !important; }

div.ui-tabs.ui-widget-content {border: 0 !important;}
ul.ui-tabs-nav.ui-widget-header {background: none !important; border: none !important;}

.ui-tabs-panel h3.first {margin-top: 0; padding-top: 0;}
body div.ui-tabs .ui-tabs-nav li.error {border-color: #ff0000 !important; border-right-color: #fff !important; background-color: #ff0000 !important;}
body div.ui-tabs .ui-tabs-nav li.error a {color: #fff !important;}

ul.ui-tabs-nav li.ui-state-disabled {display: none;}

/* Vertical tabs
---------------------------------*/
div.ap-vtabs, div.ap-htabs div.ap-vtabs {position: relative;}
div.ap-vtabs .ui-tabs-nav, div.ap-htabs div.ap-vtabs .ui-tabs-nav {float: left; width: 160px; margin: 0; padding: 0;}
div.ap-vtabs .ui-tabs-nav li:first-child, div.ap-htabs div.ap-vtabs .ui-tabs-nav li:first-child {margin-top: 0.5em;}
div.ap-vtabs .ui-tabs-nav li, div.ap-htabs div.ap-vtabs .ui-tabs-nav li {border-bottom-width: 1px !important; border-right-width: 0; width: 158px; margin: 1px -1px 0 0;}
div.ap-vtabs .ui-tabs-nav li.ui-tabs-selected, div.ap-htabs div.ap-vtabs .ui-tabs-nav li.ui-tabs-selected {padding-right: 1px; }
div.ap-vtabs .ui-tabs-nav li a, div.ap-htabs div.ap-vtabs .ui-tabs-nav li a {display: block; float: none; padding: 0.4em 0.7em;}
div.ap-vtabs .ui-tabs-panel, div.ap-htabs div.ap-vtabs .ui-tabs-panel {margin-left: 159px; border-left-width: 1px;}

/* Horizontal tabs
---------------------------------*/
html body div.ui-tabs-panel div.ap-htabs .ui-tabs-nav { float: none; width: auto; padding: .2em .2em 0; }
html body div.ui-tabs-panel div.ap-htabs .ui-tabs-nav li:first-child {margin-top: 0;}
html body div.ui-tabs-panel div.ap-htabs .ui-tabs-nav li { border-bottom-width: 0 !important; border-right-width: 1px; width: auto; margin: 0 .2em -1px 0;}
html body div.ui-tabs-panel div.ap-htabs .ui-tabs-nav li.ui-tabs-selected { padding-right: 0; }
html body div.ui-tabs-panel div.ap-htabs .ui-tabs-nav li a { float: left; padding: .2em 0.7em; }
html body div.ui-tabs-panel div.ap-htabs .ui-tabs-panel { margin: 0; }

/* Horizontal tabs in vertical tabs
 * This fixes issues with the tab panels clearing the vertical tabs on the left
 * because the ul around the tab nav uses clearfix to clear all content, which ends
 * up clearing the tabs on the left.
 * Technicaly these styles could be applied to all horizontal tabs
---------------------------------*/
div.ap-vtabs div.ap-htabs .ui-tabs-nav { display: inline; zoom: 1;} /* To make IE7 and lower behave as if they were inline-block. http://reference.sitepoint.com/css/display */
div.ap-vtabs div.ap-htabs .ui-tabs-nav { display: inline-block;}
div.ap-vtabs div.ap-htabs .ui-tabs-nav li a { display: inline; zoom: 1;}
div.ap-vtabs div.ap-htabs .ui-tabs-nav li a { display: inline-block;}

/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }