/***** JQuery UI Extensions *****/

/* Icon floating to the left of the dialog message */
.nine-dialog-icon { float:left; margin:0 7px 20px 0; }

/* Removes the close button from a dialog */
.nine-dialog-no-titlebar-close .ui-dialog-titlebar-close { display: none; }

/***** General Widgets **********/

/* Processing Screen Widget */
div.nine-processing-screen { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
div.nine-processing-screen div { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #BBBBBB; opacity: 0.4; }
div.nine-processing-screen img { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; }
div.nine-processing-screen p { position: absolute; top: 50%; margin-top: 25px; text-align: center; width: 100%; font-weight: bold;  }
div.nine-processing-screen span { background: #666666; padding: 5px 10px 5px 10px; border-radius: 10px; color: white;   }

/***** CMS Screens **************/

/* Login Screen */
div#login-box { margin: auto; background: white; width: 300px; border: 2pt solid black; border-radius: 25px; margin-top: 200px; padding: 45px; text-align: center; }
div#login-box span { font-family: helvetica; text-align: right; display: inline-block; width: 80px; }
div#login-box input[type="text"] { font-family: helvetica; border: 1pt solid #888888; border-radius: 5px; padding: 3px; }
div#login-box input[type="password"] { font-family: helvetica; border: 1pt solid #888888; border-radius: 5px; padding: 3px; }
div#login-box input[type="submit"] { font-family: helvetica; margin-top: 10px; padding: 5px 10px 5px 10px;  }

/* CMS Frame and Defaults */
div#nine-cms-frame { width: 1000px; margin: auto; }

div#nine-cms-header  { position: relative; }
div#nine-cms-header-user  { text-align: right; top: 30px; font-family: helvetica; font-size: .85em; padding: 5px 15px 5px 0px;
                   text-transform: uppercase; letter-spacing: .0em; font-weight: bolder; color: black; }

body.nine-cms .ui-widget { font-size: 0.8em !important; }
body.nine-cms .ui-button { padding: 3px !important; }
body.nine-cms .ui-tabs .ui-tabs-panel { padding: 0.75em 0.5em !important; }
body.nine-cms .ui-jqgrid-titlebar-close { display: none !important; }
body.nine-cms .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { text-align: left !important; font-weight: bold; }
body.nine-cms .ui-jqgrid .ui-jqgrid-htable th div { padding: 5px 0px 0 3px !important; }
body.nine-cms .ui-jqgrid tr.jqgrow td { padding: 0 2px 0 5px !important; }

/* Grid Section */
div.nine-button-bar { margin: 5px 0px 5px 0px; }
form.nine-cms-filter-form { display: inline-block; float: right; position: relative; }
form.nine-cms-filter-form input[type="text"] { border-radius: 5px; width: 150px; padding: 3px 25px 3px 25px; border: 1pt solid #DDDDDD; font-family: helvetica; }
form.nine-cms-filter-form input[type="submit"] { border: none; position: absolute; left: 5px; top: 5px; background-color: white; }
form.nine-cms-filter-form input[type="button"] { border: none; position: absolute; right: 5px; top: 5px; background-color: white; }

/* Edit Object Dialog */
div.nine-edit-object-form-dialog fieldset { border: 0pt; padding: 0px; }
div.nine-edit-object-form-dialog label { display: block; font-size: 0.9em; padding-left: 2px; padding-top: 8px; color: #4F7E70; }
div.nine-edit-object-form-dialog input[type=text] { width: 100%; }
div.nine-edit-object-form-dialog select { display: block; }
div.nine-edit-object-form-dialog textarea { width: 100%; height: 80px; }
div.nine-edit-object-form-dialog input[type=checkbox] { margin-bottom: 0px; }
div.nine-edit-object-form-section { display: inline-block; vertical-align: top; width: 220px; margin-left: 15px; }
div.nine-edit-object-form-section:FIRST-CHILD { margin-left: 0px; }

/* Reorder Objects Dialog */
div.nine-reorder-objects-dialog {}
div.nine-reorder-objects-dialog ul { padding: 0px; margin-top: 10px; min-width: 525px; }
li.nine-reorder-objects-row { margin: 5px 0px 5px 0px; list-style: none; padding: 5px; background: #EEEEEE; border: 2pt solid #CCCCCC; border-radius: 5px; }
div.nine-reorder-objects-row { position: relative; }


/* Delete Object Dialog */
div.nine-delete-object-confirm-dialog {}

/* Edit Object Image Dialog */
div.nine-edit-object-image-dialog {}
div.nine-edit-object-image-row { position: relative; }
div.nine-edit-object-image-row-image-area { border: 0pt solid red; display: inline-block; vertical-align: middle; width: 75px; text-align: center; position: relative; min-height: 75px; }
div.nine-edit-object-image-row-image-area img { display: inline-block; max-width: 75px; max-height: 75px; margin: auto; vertical-align: middle; }
div.nine-edit-object-image-row-select-image-button-area { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; cursor: pointer; }
div.nine-edit-object-image-row-select-image-button-area p { display: inline-block; vertical-align: middle; background: #666666; line-height: 130%;
        padding: 5px; border-radius: 10px; color: white; font-size: 8pt; margin: 0px; margin-top: 25%; }
div.nine-edit-object-image-row-select-image-button-area:hover p { background: #151515; }

div.nine-edit-object-image-row-form-area { display: inline-block; vertical-align: middle; border: 0pt solid red; padding-top: 2px; }
div.nine-edit-object-image-row-form-area label span { width: 65px; text-align: right; display: inline-block; vertical-align: top; margin-top: 4px; margin-right: 3px; }
div.nine-edit-object-image-row-form-area label input[type=text] { width: 315px; }
div.nine-edit-object-image-row-form-area label textarea { width: 313px; }

/* Edit Object Images Dialog */
div.nine-edit-object-images-dialog {}
div.nine-edit-object-images-dialog ul { padding: 0px; margin-top: 10px; min-width: 525px; }
li.nine-edit-object-images-row { margin: 5px 0px 5px 0px; list-style: none; padding: 5px; background: #EEEEEE; border: 2pt solid #CCCCCC; border-radius: 5px; }
div.nine-edit-object-images-row { position: relative; }
div.nine-edit-object-images-row button { margin-right: 5px; }
div.nine-edit-object-images-row-image-area { border: 0pt solid red; display: inline-block; vertical-align: middle; max-width: 100px; text-align: center; position: relative; line-height: 75px; min-height: 75px; }
div.nine-edit-object-images-row-image-area img { display: inline-block; max-width: 100px; max-height: 75px; margin: auto; vertical-align: middle; }
div.nine-edit-object-images-row-select-image-button-area { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; cursor: pointer; }
div.nine-edit-object-images-row-select-image-button-area p { display: inline-block; vertical-align: middle; background: #666666; line-height: 130%;
        padding: 5px; border-radius: 10px; color: white; font-size: 8pt; margin: 0px; margin-top: 25%; }
div.nine-edit-object-images-row-select-image-button-area:hover p { background: #151515; }

div.nine-edit-object-images-row-form-area { display: inline-block; vertical-align: middle; border: 0pt solid red; padding-top: 2px; }
div.nine-edit-object-images-row-form-area label span { width: 65px; text-align: right; display: inline-block; vertical-align: top; margin-top: 4px; margin-right: 3px; }
div.nine-edit-object-images-row-form-area label input[type=text] { width: 315px; }
div.nine-edit-object-images-row-form-area label textarea { width: 313px; }

/* Edit Object Documents Dialog */
div.nine-edit-object-documents-dialog {}
div.nine-edit-object-documents-dialog ul { padding: 0px; margin-top: 10px; min-width: 435px; }
li.nine-edit-object-documents-row { margin: 5px 0px 5px 0px; list-style: none; padding: 5px; background: #EEEEEE; border: 2pt solid #CCCCCC; border-radius: 5px; }
div.nine-edit-object-documents-row { position: relative; }
div.nine-edit-object-documents-row button { margin-right: 5px; }

div.nine-edit-object-documents-row-form-area { display: inline-block; vertical-align: middle; border: 0pt solid red; padding-top: 2px; }
div.nine-edit-object-documents-row-form-area label span { width: 65px; text-align: right; display: inline-block; vertical-align: top; margin-top: 4px; margin-right: 3px; }
div.nine-edit-object-documents-row-form-area label input[type=text] { width: 315px; }
div.nine-edit-object-documents-row-form-area label textarea { width: 313px; }

/* Set Object Password Dialog */
div.nine-edit-password-form-dialog fieldset { border: 0pt; padding: 0px; }
div.nine-edit-password-form-dialog label { display: block; font-size: 0.9em; padding-left: 2px; padding-top: 8px; color: #4F7E70; }
div.nine-edit-password-form-dialog input[type=text] { width: 100%; }
div.nine-edit-password-form-dialog input[type=password] { width: 100%; }

/* Edit Object Map Dialog */
div.nine-edit-object-map-dialog-map { }
div.nine-edit-object-map-dialog-map { height: 400px; width: 100%; }