@charset "utf-8";

/** Body Styles **/

html, body.ssim { height: 100%; margin: 0px; padding: 0px; }
body.ssim { font: normal 12px 'Source Sans Pro-Web', sans-serif; }

/** Tag Styles **/

a { color: #458CCC; text-decoration: none; }
a:hover { text-decoration: underline; }

/** General Styles **/

.ssim-clear { clear: both; }
.ssim-hidden { display: none; }
.ssim-invisible { visibility: hidden; }
.ssim-text-color { color: black; }
.ssim-temporarily-disabled { opacity: 0.3; }

/** Form Elements **/

input.ssim-text, textarea.ssim-text, select.ssim { font: normal 13px 'Source Sans Pro-Web', sans-serif; color: black; border: 0px; background: #F6F6F6; padding: 4px 6px 4px 6px; margin: 0px; }
select.ssim { padding: 3px 5px 3px 5px; margin: 0px; }
input.ssim-text.ssim-auto-labeled { color: #AAA; }
input.ssim-text.ssim-auto-labeled.ssim-focused { color: black; }
input.ssim-button { font: bold 13px 'Source Sans Pro-Web', sans-serif; background: #458CCC; border: 0px; color: white; padding: 4px 8px 4px 8px; cursor: pointer; }

/** Tables, Centering Wrappers **/

table.ssim-centering-wrapper { width: 100%; height: 100%; }
table.ssim-centering-wrapper td.ssim-centering-wrapper-cell { padding: 0px; vertical-align: middle; text-align: center; }
table.ssim-centering-wrapper div.ssim-centering-wrapper-cell-contents { margin: auto; }

/** Tables, Alpha **/

table.ssim-style-alpha { font-size: 14px; border-bottom: 1px solid black; }
table.ssim-style-alpha th { padding: 4px; border-bottom: 1px solid black; text-align: left; vertical-align: middle; font-weight: normal; }
table.ssim-style-alpha td { padding: 4px; text-align: left; vertical-align: middle; }
table.ssim-style-alpha tr.ssim-no-rows td { padding: 30px; text-align: center; font-size: 16px; font-style: normal; color: #CCC; }
table.ssim-style-alpha tr.ssim-table-spacer td { padding: 3px; }
table.ssim-style-alpha tr.ssim-data:hover { background: rgba(69, 140, 204, 0.1); }
table.ssim-style-alpha tr.ssim-data span.ssim-na { font-style: italic; color: #CCC; }

/** Tables, Controls **/

div.ssim-controls-below-table-style-alpha { padding: 4px 0px 10px 0px; }
div.ssim-controls-below-table-style-alpha .ssim-disabled { opacity: 0.3; }
div.ssim-controls-below-table-style-alpha .ssim-controls-below-table-left { float: left; }
div.ssim-controls-below-table-style-alpha .ssim-controls-below-table-right { float: right; }
div.ssim-controls-below-table-style-alpha .ssim-controls-below-table-right .ssim-previous { padding-right: 8px; }
div.ssim-controls-below-table-style-alpha .ssim-controls-below-table-right .ssim-next { padding-left: 8px; }
div.ssim-controls-below-table-style-alpha .ssim-controls-below-table-right .ssim-previous img, 
div.ssim-controls-below-table-style-alpha .ssim-controls-below-table-right .ssim-next img { position: relative; top: 4px; padding: 0px 1px 0px 1px;  } 

/** Success, Warning, & Error Messages **/

.ssim-message { padding: 10px 0px 10px 0px; text-align: center; }
.ssim-message img.icon { position: relative; top: 3px; padding: 0px 3px 0px 0px; }
.ssim-message.error img.icon { width: 14px; height: 14px; background: url(../pics/icon__error.png) no-repeat; }
.ssim-message.notice img.icon { width: 14px; height: 14px; background: url(../pics/icon__notice.png) no-repeat; }
.ssim-message.warning img.icon { top: 2px; width: 16px; height: 14px; background: url(../pics/icon__warning.png) no-repeat; }
.ssim-message img.ssim-activity { position: relative; top: 3px; }

/** Ajax Activity **/

.ssim-basic-ajax-activity.ssim-processing-small img { position: relative; top: 3px; padding-left: 2px; }

/** Forms, Alpha **/

.ssim-form-style-alpha { font-size: 14px; }
.ssim-form-style-alpha .ssim-label-and-input { padding: 6px 0px 6px 0px; }
.ssim-form-style-alpha .ssim-label-and-input .ssim-label { float: left; padding: 3px 8px 0px 0px;  }
.ssim-form-style-alpha .ssim-label-and-input .ssim-input { float: left; }
.ssim-form-style-alpha .ssim-label-and-input .ssim-help-link { font-size: 11px; }
.ssim-form-style-alpha .ssim-label-above-input { padding: 12px 0px 4px 0px; }
.ssim-form-style-alpha .ssim-label-above-input .ssim-label { padding: 0px 0px 4px 0px; }
.ssim-form-style-alpha .ssim-form-submission-buttons { text-align: right; padding: 20px 0px 0px 0px; }
.ssim-form-style-alpha .ssim-form-submission-buttons .ssim-button { font-size: 14px; }

/** Disabling Screens **/

.ssim-disabling-screen { background: white; opacity: 0.7; }

/** Lightboxes **/

.ssim-lightbox { width: auto; background: white; padding: 30px 30px 30px 30px; }
.ssim-lightbox .ssim-x.plb__closer { position: absolute; top: 14px; right: 12px; z-index: 2; }
.ssim-lightbox .ssim-x.plb__closer a { display: block; }
.ssim-lightbox .ssim-x.plb__closer a img { display: block; }

/** Lightboxes, Errors **/

.ssim-lightbox.ssim-error-lightbox { max-width: 300px; }
.ssim-lightbox.ssim-error-lightbox h4 { font-size: 15px; }
.ssim-lightbox.ssim-error-lightbox .ssim-message-container { overflow: auto; }
.ssim-lightbox.ssim-error-lightbox .ssim-message { font-size: 14px; }

/** Lightboxes, Notices **/

.ssim-lightbox.ssim-notice-lightbox { max-width: 500px; }
.ssim-lightbox.ssim-notice-lightbox .ssim-message-container { max-height: 600px; font-size: 14px; padding: 10px 10px 0px 10px; text-align: left; overflow: auto; }
.ssim-lightbox.ssim-notice-lightbox div.ssim-button { text-align: center; padding-top: 10px; }

/** Lightboxes, Confirmations **/

.ssim-lightbox.ssim-confirmation-lightbox { max-width: 300px; }
.ssim-lightbox.ssim-confirmation-lightbox .ssim-message-container { font-size: 14px; padding: 0px 10px 15px 10px; text-align: center; }
.ssim-lightbox.ssim-confirmation-lightbox .ssim-buttons { text-align: center; }

/** Lightboxes, Documentation **/

.ssim-lightbox.ssim-documentation-lightbox { max-width: 700px; }
.ssim-lightbox.ssim-documentation-lightbox .ssim-documentation-scrollable-container { overflow: auto; }
.ssim-lightbox.ssim-documentation-lightbox .ssim-documentation-container { font-size: 14px; padding: 0px 10px 0px 10px; }
.ssim-lightbox.ssim-documentation-lightbox .ssim-documentation-container h4 { font-size: 20px; font-weight: bold; padding: 2px 0px 4px 0px; margin: 0px; }
.ssim-lightbox.ssim-documentation-lightbox .ssim-documentation-container p { padding: 7px 0px 7px 0px; margin: 0px; }
.ssim-lightbox.ssim-documentation-lightbox .ssim-documentation-container pre { font-family: monospace; background: #EEE; padding: 8px; max-width: 100%; overflow: auto; }

/** Lightboxes, Entity Editors **/

.ssim-lightbox.ssim-entity-editor { width: 500px; background: white; padding: 30px 30px 30px 30px; }
.ssim-lightbox.ssim-entity-editor .ssim-x.plb__closer { position: absolute; top: 14px; right: 12px; z-index: 2; }
.ssim-lightbox.ssim-entity-editor .ssim-x.plb__closer a { display: block; }
.ssim-lightbox.ssim-entity-editor .ssim-x.plb__closer a img { display: block; }
.ssim-lightbox.ssim-entity-editor .ssim-heading { font-size: 22px; font-weight: bold; padding: 0px 0px 20px 0px; }
.ssim-lightbox.ssim-entity-editor .ssim-subheading { font-size: 13px; font-weight: normal; }
.ssim-lightbox.ssim-entity-editor .ssim-contains-scrollable-content { overflow: auto; }

/** Lightboxes, Entity Editors, Server **/

.ssim-lightbox.ssim-server-editing-lightbox input.ssim-name { width: 200px; }
.ssim-lightbox.ssim-server-editing-lightbox input.ssim-ip { width: 110px; }
.ssim-lightbox.ssim-server-editing-lightbox select.ssim-region { max-width: 400px; }
.ssim-lightbox.ssim-server-editing-lightbox input.ssim-agent { width: 360px; }
.ssim-lightbox.ssim-server-editing-lightbox textarea.ssim-sapi { width: 370px; height: 100px; }
.ssim-lightbox.ssim-server-editing-lightbox textarea.ssim-notes { width: 400px; height: 120px; }

/** Lightboxes, Entity Editors, Installation **/

.ssim-lightbox.ssim-installation-editing-lightbox input.ssim-id { width: 80px; }
.ssim-lightbox.ssim-installation-editing-lightbox input.ssim-subdomains { width: 300px; }
.ssim-lightbox.ssim-installation-editing-lightbox select { max-width: 400px; }
.ssim-lightbox.ssim-installation-editing-lightbox input.ssim-agent { width: 360px; }
.ssim-lightbox.ssim-installation-editing-lightbox textarea.ssim-config { width: 320px; height: 120px; }
.ssim-lightbox.ssim-installation-editing-lightbox textarea.ssim-sapi { width: 340px; height: 100px; }
.ssim-lightbox.ssim-installation-editing-lightbox textarea.ssim-notes { width: 400px; height: 120px; }

/** Lightboxes, Tools **/

.ssim-lightbox.ssim-tools-lightbox { max-width: 600px; }
.ssim-lightbox.ssim-tools-lightbox .ssim-heading { font-size: 20px; font-weight: bold; padding: 0px 0px 20px 0px; }
.ssim-lightbox.ssim-tools-lightbox .ssim-heading .ssim-na { color: #CCC; }
.ssim-lightbox.ssim-tools-lightbox .ssim-subheading { font-size: 13px; font-weight: normal; }
.ssim-lightbox.ssim-tools-lightbox .ssim-installation-tool { font-size: 14px; padding: 2px 0px 2px 0px; }
.ssim-lightbox.ssim-tools-lightbox .ssim-no-tools-in-set { font-style: italic; padding: 4px 0px 4px 0px; color: #CCC; }
.ssim-lightbox.ssim-tools-lightbox .ssim-separator-between-sets-of-tools { height: 15px; }
.ssim-lightbox.ssim-tools-lightbox h4 { font-size: 16px; font-weight: bold; padding: 2px 0px 4px 0px; margin: 0px; }

/** Page-Specific, Login **/

.ssim-pg-login { height: 100%; }
.ssim-pg-login table.ssim-centering-wrapper { height: 100%; }
.ssim-pg-login table.ssim-centering-wrapper .ssim-centering-wrapper-cell { height: 100%; padding-bottom: 100px; }
.ssim-pg-login .ssim-form h1 { font-size: 28px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px; }
.ssim-pg-login .ssim-form h5 { font-size: 13px; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; }
.ssim-pg-login .ssim-form .ssim-input { width: 172px; margin: auto; padding: 0px 0px 8px 0px; }
.ssim-pg-login .ssim-form .ssim-input input.ssim-text { width: 160px; }
.ssim-pg-login .ssim-form .ssim-submit { width: 172px; margin: auto; text-align: right; padding: 2px 0px 0px 0px; }
.ssim-pg-login .ssim-form .ssim-basic-ajax-activity.ssim-processing-small { padding: 10px 0px 10px 0px; }

/** Page-Specific, Header **/

.ssim-header { min-width: 800px; padding: 4px 20px 0px 20px; }
.ssim-header .ssim-top-controls { padding: 4px 0px 4px 0px; color: #BBB; font-size: 13px; }
.ssim-header .ssim-top-controls-left { float: left; width: 49%; text-align: left; }
.ssim-header .ssim-top-controls-right { float: right; width: 49%; text-align: right; }
.ssim-header .ssim-navigation { padding: 10px 0px 16px 0px; }
.ssim-header .ssim-navigation .ssim-tab { float: left; width: auto; margin-right: 20px; padding: 8px 12px 8px 12px; font-size: 16px; background: #458CCC; color: white; opacity: 0.3; cursor: pointer; }
.ssim-header .ssim-navigation .ssim-tab.ssim-active { opacity: 1.0; }

/** Page-Specific, Manager **/

.ssim-pg-manager { min-width: 800px; padding: 4px 20px 0px 20px; }
.ssim-pg-manager .ssim-add-entity { padding: 0px 0px 18px 10px; }
.ssim-pg-manager .ssim-add-entity a img { position: relative; top: 4px; padding: 0px 4px 0px 0px; }

/** Page-Specific, Manager, Installations **/

.ssim-pg-manager .ssim-installations-panel .ssim-table-of-installations { position: relative; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations { width: 100%; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations tr.ssim-installation.ssim-is-suspended { opacity: 0.3; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-version,
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-suspended,
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-offline,
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-actions { text-align: center; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-suspended a,
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-offline a { color: #EEE; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-suspended a.ssim-is-suspended,
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-offline a.ssim-is-offline { color: #A00; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-version a.ssim-installation-refresh-version { font-size: 9px; opacity: 0.2; text-decoration: none; }
.ssim-pg-manager .ssim-installations-panel table.ssim-installations .ssim-col-version a.ssim-installation-refresh-version:hover { font-size: 9px; opacity: 1.0; }

/** Page-Specific, Manager, Servers **/

.ssim-pg-manager .ssim-servers-panel .ssim-table-of-servers { position: relative; }
.ssim-pg-manager .ssim-servers-panel table.ssim-servers { width: 100%; }