/* 

Notice to Administrators:  
	This file is intended to be modified by Logibec only and will be overwritten when upgrading.  
	If you would like to modify the appearance of the QSS Web Application please review the Customization Guide.

Contents:
	This file contains table and div layout structures used by dialogs and information pages.
	Note:  Search Criteria are handled in their own css file 

*/

/* stTable - Used for profile, dialogs etc.  Renders major headers fields and controls in a table */
/* Usage:  
div.st 
  div.stSectionTitle
  table.stTable
	tr
		th
			Field
		td
			Control
	...

  div.scTitle
	div.stDiv
...
*/

.st
{
	margin-top:10px;
	padding:10px;
   
}

/* Ext Ref: .stSectionTitle is defined in sc-searchcriteria as an alias of scTitle */

.stSubSectionTitle
{
	color:#333399;
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:small;
	border-top: solid 1px #AAAAAA;
	padding: 1px;
	margin-bottom:5px;
}


.stTable , .stDiv
{
	margin-bottom: 10px;
}

.stDiv
{
	margin:10px;
}

.stTable
{
	width:100%;
}

.stTable > tbody > tr  > th , .stTable >  tr  > th , .stTableHeaderRow
{
	padding-left: 10px;
	font-weight:normal;
	width:165px;
	padding-top: 3px;
	vertical-align: top;
	white-space:nowrap;
	text-align:left;
	
}

.stTableNarrow > tbody > tr > th , .stTableNarrow >  tr  > th 
{
	width:auto !important;
	white-space:nowrap !important;
	
}

.stTable > tbody > tr  > td , .stTable >  tr  > td
{
	vertical-align:top;   
	text-align:left;
	padding-right:10px;
}

/* Used with tabstrip */
.stBorderBox
{
	border: 1px solid #AAAAAA;
}

.stEvenSpace
{
	width:500px; /* Weighting ratio only */
}

.stLeftLine
{
	border-left: 1px solid #AAAAAA;
	padding-left:5px;
}


/* Command Box - used for login/passwd change/pwd reset - uses mainbar/white for title and headerbg for general bg */

.stCommandBox
{
   border:1px solid #AAAAAA;
   background:#EEEEEE;
   color:Black;
   max-width: 350px;
}

.stCommandBox > tbody > tr > td , .stCommandBox > tr > td
{
	padding:2px;
}

.stCommandBox input[type="text"]
, .stCommandBox input[type="password"]
{
	margin: 3px !important;
}

.stCommandBox label
, .stCommandBox .stCommandLabel
{
	padding-left:5px;
}

.stCommandBoxTitle
{
   background-color:#195BA4;   
   color:White;
   text-align:center;
}

.stContentk-widget .k-input
{
	padding:10px;
	border: #AAAAAA 1px solid;  
}

.stWizardButton
{
	position:absolute; 
	bottom:10px; 
	right:10px;
}

.stInfoBox 
{
    margin-top: 1px;
    padding: 3px;
    border: 1px solid #AAAAAA;
    background-color: #F0F2F4;
}

/* stMultiOptionTable */
.stMultiOptionTable {
    margin-bottom: 10px;
    width: 100%;
}

.stMultiOptionTable > tbody > tr  > th , 
.stMultiOptionTable >  tr  > th , 
.stMultiOptionTableHeaderRow
{
	padding-left: 10px;
	font-weight: normal;
	width: 150px;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
}

.stMultiOptionTable > tbody > tr  > th > *, 
.stMultiOptionTable >  tr  > th > *, 
.stMultiOptionTableHeaderRow > *
{
	margin: 2px 0px 2px 0px;
}

.stMultiOptionTable > tbody > tr  > td , 
.stMultiOptionTable >  tr  > td
{
	vertical-align: top;   
	text-align: left;
	padding-right: 10px;
	border-left: solid 2px #AAAAAA;
}

.stMultiOptionHorizontalList
{
	padding-left: 10px;
	font-weight: normal;
	vertical-align:	top;
	white-space: nowrap;
}

.stMultiOptionHorizontalList > *
{
	margin: 2px 10px 2px 0px;
}
.stHelp
{
    border: 1px solid 
}
.stHelpTitle
{
    border:1px solid #AAAAAA;
    background: #195BA4 url(Images/help.png) no-repeat right center;
    color:White;
    text-transform: uppercase;
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:small;
	padding: 2px;
	
}

.stHelpText
{
    padding: 2px;
}

.stMessageSuccessful, .stMessageFailed, .stMessageExpired, .stMessageCancelled
{
    min-height: 35px;
    padding: 25px 0px 5px 70px;
    width: calc(100% - 220px);
    float: left;
}

.stMessageSuccessful
{
    background: white url(Images/ok_64.png) no-repeat left top;
}

.stMessageFailed
{
    background: white url(Images/error_64.png) no-repeat left top;
}

.stMessageExpired
{
    background: white url(Images/sandglass_cancel_64.png) no-repeat left top;
}

.stMessageCancelled
{
    background: white url(Images/cancel_64.png) no-repeat left top;
}