@CHARSET "ISO-8859-1";

/*
*
*  For standard Tango dark borders, use "dark-border"
*  For generic rounded borders, use "rounded-top-6px" and "rounded-bottom-6px"
*  For input rounded borders, use "rounded-all-3px"
*
*/


body {
	
}

form {
	line-height: 14pt;
}

/* == Form Styles == */

/* Repeatable form styles - background, border, width, padding. */
button {
	cursor: pointer;
}

.input-type-text,.input-type-password,textarea,select {
	background-color: #fff;
	border: 1px solid #666;
	color: #333;
	margin-bottom: 1px;
	padding: 2px;
	width: 100%;
}

.input-type-text:disabled,.input-type-password:disabled,textarea:disabled,select:disabled {
	background-color: #ccc;
	color: grey;
}

input.standard-width,textarea.standard-width, .input-replacement.standard-width
{
	minwidth: 200px;
	width: 200px;
	max-width: 200px;
}

.sp-preview.standard-width
{
	width:181px;
}

/* Select box and button widths are measured from the outside, so borders and paddings are subtracted from this number. */
select.standard-width,button.standard-width,input.input-type-button.standard-width {
	width: 206px;
}

input.long-width,textarea.long-width
{
	min-width: 300px;
	width: 300px;
	max-width: 300px;
}

/* Select box and button widths are measured from the outside, so borders and paddings are subtracted from this number. */
select.long-width,button.long-width,input.input-type-button.long-width
{
	width: 306px;
}

input.verbose-width,textarea.verbose-width,select.verbose-width
{
	min-width: 400px;
	width: 400px;
	max-width: 400px;
}

select.description-width,button.description-width,.input-type-button.description-width
{
	width: 306px;
}

input.description-width, .input-replacement.description-width {
	width: 300px;
}

textarea.verbose-height
{
	min-height: 80px;
	height: 80px;
	max-height: 80px;
}

textarea.normal-height
{
	min-height: 40px;
	height: 40px;
	max-height: 40px;
}

input.date-input,
input.concise-width,
input.time-input,
td.concise-width
{
	width: 80px;
}

select.concise-width {
	width: 86px;
}
.sp-preview.concise-width
{
	width:61px;
}


button.sliding-panel-nav {
	margin: 4px;
	width: 100px;
}

button.sliding-panel-nav div,.button-text-padding {
	padding: 4px;
}

select.concise-width {
	width: 86px;
}

button.textbox-size-button {
	margin-bottom: 1px;
	width: 206px;
}

button.textbox-long-size-button {
	margin-bottom: 1px;
	width: 308px;
}

.input-type-text:focus,.input-type-password:focus,textarea:focus,select:focus {
	border-color: #91B7D1;
	border-style: solid;
	outline: none;
}

.input-type-text[readonly]:focus,.input-type-password[readonly]:focus,textarea[readonly]:focus,select[readonly]:focus {
	border-color: #C11B17;
}

label.alignment-50px {
	display: block;
	float: left;
	width: 50px;
}

label.alignment-90px {
	display: block;
	float: left;
	width: 90px;
}

/* Read-Only for multi-line select boxes that don't style a "disabled" form properly. */
.read-only {
	font-size: 10pt;
	padding: 3px;
	margin-bottom: 1px;
	min-height: 16px;
}

/* File upload */
.input-type-submit-small {
	min-width: 100px;
	height: 25px;
	cursor: pointer;
	background-image: url('/images/button-background.png');
	font-weight: bold;
	color: #eee;
	border: 2px solid #2e3436;
	border-radius: 3pt;
	-moz-border-radius: 3pt;
	-webkit-radius: 3pt;
}

.uploadPopup {
	float: right;
	margin-top: 10px;
}

/* Oversized forms */
.oversized-form label,.oversized-form .input-type-text,.oversized-form .input-type-password {
	font-size: 14pt;
}

.oversized-form .input-type-button,.oversized-form .input-type-submit,.oversized-form button {
	font-size: 1em;
}

.oversized-form .input-type-text,.oversized-form .input-type-password {
	width: 160px;
}

.oversized-form .input-type-button,.oversized-form button,.oversized-form .input-type-submit {
	min-width: 140px;
	height: 35px;
	cursor: pointer;
	background-image: url('../images/button-background.png');
	font-weight: bold;
	color: #eee;
	border: 2px solid #2e3436;
	border-radius: 3pt;
	-moz-border-radius: 3pt;
	-webkit-radius: 3pt;
}

.oversized-form .input-type-button:focus,.oversized-form button:focus,.oversized-form .input-type-submit:focus,.input-type-submit-small:focus {
	border-color: #91B7D1;
}

.oversized-form .input-type-button:hover,.oversized-form button:hover,.oversized-form .input-type-submit:hover,.input-type-submit-small:hover {
	color: #91B7D1;
}

.oversized-form td,
div.oversized-form,
p.oversized-form
{
	padding: 5px;
}

button.item-button,
input.item-button
{
	cursor: pointer;
	background-image: url('/images/table-item-shade.png');
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	border: 1px solid #000;
	border-radius: 2pt;
	-moz-border-radius: 2pt;
	-webkit-radius: 2pt;
	text-align: center;
}

button.item-button-2,
input.item-button-2
{
	cursor: pointer;
	background-image: url('/images/table-item-shade.png');
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	border: 1px solid #000;
	text-align: center;
}

button.item-button:focus,
input.item-button:focus
{
	border-color: #91B7D1;
}

button.item-button:hover,
input.item-button:hover
{
	background-image: url('/images/table-item-hover.png');
}

/* A simple override to prevent disabled buttons from having a "hover" effect. */

button.item-button.ui-state-disabled:hover,
input.item-button.ui-state-disabled:hover
{
	background-image: url('/images/optergy/patterns/table-item-shade.png');
}

button.item-buttonCentered,input.item-buttonCentered,input.item-buttonCentered {
	cursor: pointer !important;
	background-image: url('/images/table-item-shade.png');
	margin: 3px;
	border: 1px solid #000;
	height: 40px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

button.item-buttonCentered:focus,input.item-buttonCentered:focus,input.item-buttonCentered:focus {
	border-color: #91B7D1;
}

button.item-buttonCentered:hover,input.item-buttonCentered:hover,input.item-buttonCentered:hover {
	background-image: url('/images/table-item-hover.png');
}

.button-subtitle {
	clear: both;
	color: gray;
	font-size: 10pt;
}

/* == End Form Styles */

/* Dialog boxes */
h1.dialog-subheading {
	font-size: 1em;
	margin: 0.5em 0px;
}

p.dialog-paragraph {
	font-size: 0.9em;
	margin: 0.5em 0px;
}

/* Some form dialogs will use this to indicate values that have been changed, but not yet saved. */
.unsaved-change {
	color: #cc6d29;
	font-weight: bold;
}

.schedule-entry-visual {
	font-size: 8px;
	vertical-align: top;
	line-height: 16px;
	border: 1px solid #000;
	font-family: monospace;
}


/*Image select Dialog stuff */

.image-browse-thumbnail
{
	float:left;
	width:60px;
	height:60px;
	margin:4px;
	border: 2px solid transparent;
}

.image-browse-thumbnail.clicked
{
	border: 2px solid black !important;
}

#preview
{
	position:absolute;
	border:1px solid #333;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:2000;
}
.preview-image
{
	border:1px solid white;
	background-image:url("/images/pattern.png");
}

.waiting-message img {
	padding-right: 10px;
	vertical-align: middle;
}

/* Adds enough left padding for a 32px status icon.
   Also plants the icon as a background image. */
.has-dialog-icon {
	padding-left: 48px;
	padding-top: 10px;
	min-height: 32px;
	background-repeat: no-repeat;
	background-position: left 10px;
}

/* == Attribute and Sortable List Styles == */
.sortable-list-holder {
	width: 342px;
	border: 1px solid #888;
	overflow: auto;
	border-top: none;
	/* Feel free to override these on a case-by-case basis. */
	/*min-height: 240px;
	max-height: 240px;*/
	height: 310px;
}

ul.attribute-list,ul.sortable-list {
	list-style-type: none;
	display: block;
	padding: 0px;
}

/* Sortable lists require extra padding so elements can be pulled up and down. */
ul.sortable-list {
	margin: 15px 0px;
}

ul.attribute-list {
	margin: 0px 0px;
}

ul.attribute-list li span {
	vertical-align: middle;
}

.wrap-line-breaks {
	white-space: normal;
}

ul.attribute-list li,ul.sortable-list li,li.floating-row {
	/*Sept 27th - commentted out overflow so that when scrolling there is no delay in the list items appearing populated */
	/*overflow: hidden;*/
	/* These two declarations ensure that the text contained */
	white-space: nowrap;
	/* in this list item can't push it out of shape. */
	margin: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: #EFEDED;
	background-image: url('/images/list-item-shade.png');
	background-repeat: repeat-x;
	line-height: 14pt;
}

ul.attribute-list li.small,ul.sortable-list li.small {
	height: 13px !important;
	font-size: 11pt;
	line-height: 11pt;
}

ul.attribute-list li.standard,ul.sortable-list li.standard {
	height: 23px !important;
	font-size: 11pt;
	line-height: 11pt;
}

ul.attribute-list li.medium,ul.sortable-list li.medium {
	height: 42px !important;
	font-size: 11pt;
	line-height: 11pt;
}

ul.attribute-list li.tall,ul.sortable-list li.tall {
	height: 93px !important;
	font-size: 11pt;
	line-height: 11pt;
}

ul.sortable-list li span.has-drag-handle,li.floating-row span.has-drag-handle {
	background-image: url("/images/drag-handle.gif");
	background-position: 4px 50%;
	background-repeat: no-repeat;
	padding-left: 18px;
}

ul.sortable-list li div.has-drag-handle,li.floating-row div.has-drag-handle {
	background-image: url("/images/drag-handle.gif");
	background-position: 4px 0px;
	background-repeat: repeat-y;
	padding-left: 18px;
}

ul.attribute-list li,ul.sortable-list li,li.floating-row {
	padding: 4px;
}

ul.attribute-list li.small,
ul.attribute-list li.standard,
ul.attribute-list li.medium,
ul.attribute-list li.tall
{
	margin: 1px;
	padding: 3px 5px 10px 5px;
}

ul.sortable-list li,li.floating-row {
	padding-left: 0px; /* Because of the drag handle. */
	cursor: move;
}

/*ul.attribute-list li span.item-title,ul.sortable-list li span.item-title,li.floating-row span.item-title {
	display: block;
	float: left;
	height: 20px;
}*/
ul.attribute-list li span,ul.sortable-list li span,li.floating-row span {
	overflow: hidden;
}

.sortable-list li.ghost-item {
	background: none;
	border-width: 1px;
	border-color: transparent;
	/*background-color: #dbdbd9;
	background-image: url("/images/optergy/patterns/list-item-ghost.png");
	background-repeat: repeat-x;*/
}

.sortable-list li.row-hover,.attribute-list li.row-hover,li.floating-row.row-hover {
	background-color: #D2E7F9 !important;
	background-image: url("/images/list-item-hover.png");
	background-repeat: repeat-x;
}

/* By putting the highlight styles after the hover styles, the highlight
   styles are implicitly given higher precedence. */
.sortable-list li.row-highlight,.attribute-list li.row-highlight,label.row-highlight,li.floating-row.row-highlight {
	background-color: #91B7D1 !important;
	background-image: url("/images/list-item-highlight.png");
	background-repeat: repeat-x;
}

.attribute-list li,.sortable-list li,.dismissible-item,.input-type-text,.input-type-password,textarea,select,.rounded-all-narrow,.clickable-icon:hover
	{
	border-radius: 2pt;
	-moz-border-radius: 2pt;
	-webkit-border-radius: 2pt;
}


/* == End Attribute and Sortable List Styles == */

/* == Content box and Rounded == */

.content-box {
	background-color: #DBDBDB;
}

.content-box-bar {
	background-image: url('/images/content-box-bar-bg.png');
	background-repeat: repeat-x;
	background-color: #254763;
	height: 30px;
	border-bottom: 1px solid #2e3436;
	padding: 0px 3px;
}

.content-box-bar .title-text {
	font-size: 14pt;
	color: #ddd;
	line-height: 22pt;
}

.content-box,.dark-border,ul.ui-tabs-nav li {
	border: 1px solid #2e3436;
}

.content-box,.dark-border,ul.ui-tabs-nav li {
	border: 1px solid #2e3436;
}

.rounded-all-medium {
	border-radius: 3pt;
	-moz-border-radius: 3pt;
	-webkit-border-radius: 3pt;
}

.rounded-top-medium {
	border-top-right-radius: 3pt;
	border-top-left-radius: 3pt;
	-moz-border-radius-topright: 3pt;
	-moz-border-radius-topleft: 3pt;
	-webkit-border-top-right-radius: 3pt;
	-webkit-border-top-left-radius: 3pt;
}

.rounded-bottom-medium {
	border-bottom-right-radius: 3pt;
	border-bottom-left-radius: 3pt;
	-moz-border-radius-bottomright: 3pt;
	-moz-border-radius-bottomleft: 3pt;
	-webkit-border-bottom-right-radius: 3pt;
	-webkit-border-bottom-left-radius: 3pt;
}

.rounded-all-wide {
	border-radius: 6pt;
	-moz-border-radius: 6pt;
	-webkit-border-radius: 6pt;
}

.content-box,.rounded-bottom-wide {
	border-bottom-right-radius: 6pt;
	border-bottom-left-radius: 6pt;
	-moz-border-radius-bottomright: 6pt;
	-moz-border-radius-bottomleft: 6pt;
	-webkit-border-bottom-right-radius: 6pt;
	-webkit-border-bottom-left-radius: 6pt;
}

.content-box-bar,.content-box,.rounded-top-wide {
	border-top-right-radius: 6pt;
	border-top-left-radius: 6pt;
	-moz-border-radius-topright: 6pt;
	-moz-border-radius-topleft: 6pt;
	-webkit-border-top-right-radius: 6pt;
	-webkit-border-top-left-radius: 6pt;
}

.rounded-all-extra-wide {
	border-radius: 8pt;
	-moz-border-radius: 8pt;
	-webkit-border-radius: 8pt;
}

/* == Spinner Input Styles == */

/* All of these need to be marked !important so they override input-type-text. */
.spinner-value {
	width: 50px !important;
	vertical-align: middle !important;
	border-top-right-radius: 0pt !important;
	border-bottom-right-radius: 0pt !important;
	-moz-border-radius-topright: 0pt !important;
	-moz-border-radius-bottomright: 0pt !important;
	-webkit-border-top-right-radius: 0pt !important;
	-webkit-border-bottom-right-radius: 0pt !important;
	border-right-width: 0px !important;
	margin: 1px 0px !important;
	height: 16px !important;
}

/* If spinners dont have buttons replace right border */
.spinner-value.no-button {
	border-right-width: 1px !important;
}

.spinner-value.standard-width
{
	width:156px !important;
}

.spinner-value.concise-width
{
	width:80px !important;
}

.spinner-up,.spinner-down {
	border: 1px solid #666;
	padding: 1px;
	width: 22px;
	height: 22px;
	font-size: 9pt;
	margin: 1px 0px;
	vertical-align: bottom;
}

.spinner-up {
	border-top-right-radius: 2pt;
	border-bottom-right-radius: 2pt;
	-moz-border-radius-topright: 2pt;
	-moz-border-radius-bottomright: 2pt;
	-webkit-border-top-right-radius: 2pt;
	-webkit-border-bottom-right-radius: 2pt;
}

.spinner-down {
	border-right-width: 0px;
}

/* == End Spinner Input Styles == */

/* -- */