/**********************************/
/* 	MTL-FRAMEWORK CLASSES
/**********************************/
html{
	height: 100%;
    margin: 0 0 1px;
}

@media screen{
    body {
        font:12px/160% Segoe UI,Tahoma,Arial,Verdana,sans-serif;
        width: 100%; /*960px;*/
        background: none repeat scroll 0 0 #FAF8CC;
        height: 100%;
        margin: 0 auto;
        
    }
}

@media print{
    body {
        font:11px/150% Verdana, Tahoma, sans-serif;
       width: 100%; /*960px;*/
        height: 100%;
        margin: 0 auto;
      
    }
}

#body-wraper{
		margin:0 10px 10px 10px;
	}

/************************************
LAYOUT CLASSES
*************************************/
.fw_titlebar{
	height: 52px; 
	background-color: #5295D9; 
	margin-top: 5px;
}

.fw_tllbar{
	height: 20px; 
	background-color: #5295D9; 
}

.fw_menul1{
}

.fw_menul2{
}

.body{
}

.login_body{
	background: none repeat scroll 0 0 #FAF8CC;
    font: 13px/150% Verdana,Tahoma,sans-serif;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 500px;
}

/**************************************************/
/* MAIN MENU */
/*************************************************/
.fw_mainmenu{
	float:left;
	font:11px tahoma;
	height:18px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
}

.fw_mainmenu_general{
	color:#FFFFFF;
}

.fw_mainmenu_active{
	background-color:#1569C7;
	text-decoration:none;
}



.fw_mainmenu_general:hover{
	background-color:#dadada;
	color:#000000;
	height:18px;
	text-decoration:none;
}

.fw_mainmenu_general a{
	color:#000;
	text-decoration: none;
	height: 100%;
	padding: 0px 5px
}



.fw_mainmenu_active a{
	color:#fff;
	text-decoration: none;
	padding: 0px 5px
}

/**************************************************/
/* RIBBON MENU */
/*************************************************/
.fw_rebonmenu_item_active{
	float: left;
}

.fw_rebonmenu_item_general{
	float: left;
}

.mi_img{
	margin-top: 3px;
	text-align: center;	
}

.mi_txt{
	font-size : 14px;
	/* font-weight: bold; */
	margin-top: 2px;
	margin-right: 2px;
	margin-left: 10px;
	text-decoration: none;
}

.mi_img img{
	width: 24px;
	height: 24px;
	border: none;
}

/**************************************************/
/* ACTION BAR */
/*************************************************/
.ui_tab_btn{
	float:left;
	padding-right:5px;
}

/************************************/
/* TITLE BAR */
/************************************/
.fw_titletext{
	float: left; 
	width: 50%;
	
	color: #4863A0;
	font-family:Tahoma;
	font-size:12px;
	float:left;
	height: 24px;
	margin: 0;
}

.fw_titlebuttons{
	float: left;
	width: 50%;
}

.nv_btn_title{
	float: right;
}

.nv_btn_title a{
	color:#4863A0;
	font-family:Tahoma;
	font-size:13px;
	padding-right: 5px;
	border: none;
	text-decoration: none;
}

.nv_btn_title a:hover{
	border: none;
	text-decoration: underline;
}

.nv_btn_icon{
	float: right;
	padding-top: 2px; 
	padding-left: 5px;
	padding-right: 1px;
}

.nv_btn_icon img{
	border: none;
	margin-right: 5px;
}
/*************************************/

/*************************************
 * TABLE
 *************************************/
table{
	border-collapse: collapse;
}
 
 
/*************************************
 * FIELD SET
 *************************************/
 
fieldset{	
	margin-top : 4px;
	margin-bottom : 4px;
	padding : 5px;
	border:1px solid #DDDDDD;

}

fieldset dl{
	clear: both;
	float: left;
	margin-bottom : 1px;
	width: 100%;	
}
fieldset dd{
	float: left;
	margin: 0;	
}

fieldset dt{
	width: 180px;
	float: left;	
}

fieldset legend{
	font-size: 9pt;	
}

fieldset dl dt label{
	float:right;
	padding-right:15px;
	color : #4E4848;
}

em{
	color: red;
}

.error{
	clear:both;
	float:left;
	color: red;
}

/********************************************/

/**********************************************/
/** FILTER BUTTON AREA **/
/**********************************************/
.filterBtnArea{
	padding-top: 5px;
	padding-bottom : 5px;
	padding-left: 10px;
	margin-bottom : 5px;
	background-color : #91bce7;
}

.filterBtnArea input{
	
	height:35px;
	width: 100px;
}
/***********************************************/

/**********************************************/
/** FOOTER **/
/**********************************************/
.footer{
	clear: both;
	float: left;
	width: 100%;
}

/**********************************************/
/** growlUI **/
/**********************************************/

div.growlUI { 
	background: url(../images/other/check48.png) no-repeat 10px 10px;
	height: 80px;
}
div.growlUI h1, div.growlUI h2 {
	font-family:'trebuchet ms',verdana,arial;
	color: white; 
	padding:25px 5px 5px 75px; 
	text-align: left;
	font-size: 16px;
}

div.growlErrorUI { 
	background: url(../images/other/cross48.png) no-repeat 10px 10px;
	height: 80px;
}
div.growlErrorUI h1, div.growlErrorUI h2 {
	font-family:'trebuchet ms',verdana,arial;
	color: white; 
	padding:25px 5px 5px 75px; 
	text-align: left;
	font-size: 16px;
}

.reportHeader {
	text-align: center;
	font-size: 14px !important;
	font-weight: bold;
}

.blueborder{
    border: 1px solid #C5DBEC;
}
/**********************************************/
/** JQuery datatable **/
/**********************************************/

.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }


/*FORM FIELDS*/
.form-row{
	width:95%;
	margin:0 auto;
}

.form-col{
	width:49%;
	float:left;	
}

.form-spanedcol{
	width:98%;
	float:left;	
}

.datatablerowhighlight {
    background-color: #ECFFB3 !important;
}

.form-row dd{
	width:50%;
}

.form-row dt{
	width:48%;
}

.form-spanedcol dt{
	width:24%;
}

.form-spanedcol dd{
	width:74%;
}

.center{
	text-align:center;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

.ui-dialog-titlebar-close{
	display:none;
}