/* 
    Document   : sis
    Created on : 24/08/2011, 11:50:39 AM
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*Overwrite css template*/
.ui-widget-header {
    background-image: none !important; 
    background: #87B6DA;
}

#dBodyApp {
    display: block;
    width: 100%;
    height: 600px;
    overflow: auto;
    background: yellow;
    min-width: 1024px;
    min-height: 600px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.cls-step-navigation {
    display: block;
    width: 13%;
    height: 598px;
    overflow: auto;
    float: left;
    clear: both;
    background: #034EA2;
    color: #FFF;
    /*min-width: 120px;*/
}

.cls-step-content {
    display: block;
    width: 87%;
    height: 538px;
    overflow: auto;
    float: left;
    clear: right;
    background: #ccc;
    /*min-width: 800px;*/
}

.cls-info-navigate {
    display: block;
    width: 87%;
    height: 30px;
    overflow: auto;
    float: left;
    clear: right;
    background: #BBB8B8;
    border-bottom: 1px solid #ccc;
}

.cls-btn-navigate {
    display: block;
    width: 87%;
    height: 30px;
    overflow: auto;
    float: left;
    clear: right;
    background: #BBB8B8;
    /*min-width: 800px;*/
}

.cls-link-step {
    color: #FFF;
    text-decoration: none;
    text-align: center;
}

.cls-tr-steps {
    cursor: pointer;
    display: block; 
    width: 100%;
}

.cls-tr-steps:hover {
    background: #5290CE;
}

.cls-tr-steps-selected {
    background: #4C7A96;
}

.cls-step-content-x{
    display: block;
    width: 850px;    
    overflow: auto;
    min-width: 850px;
    margin: 0 auto;
    font-size: 11px;
}

.btn-disabled {
    cursor: default; pointer-events: none; color: #ccc; 
}

.btn-enabled {
    cursor: pointer; 
}

/* prograss bar */
#progressbox {
	border: 1px solid #CAF2FF;
	padding: 1px; 
	position:relative;
	width:400px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #CAF2FF;
	width:1%;
}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #FFFFFF;
}

.fields {
    margin-bottom: 6px;
}

.nofields {
    margin-bottom: 6px;
}