/*--------------------------------
     The Main Container
--------------------------------*/

	
div.main_container{
	margin:10px 10px 10px 196px;
	*top:10px;
	/*background: #eee url(../images/grey_noise.png) repeat;*/
	background-color: #fff;
	padding: 20px 10px 5px;
	width:auto;
	position: relative;
	display: block;
	*padding-bottom: 15px;
	

} 


div.main_container a{
color:#555;
font-weight:bold;
}

div.main_container a:hover{
color:#000;
}


.flat_area{margin-bottom: 0px;margin-top: 0px;}

.flat_area p, .flat_area h1, .flat_area h2, .flat_area  h3, .flat_area  h4, .flat_area  h5, .flat_area  h6{

}


.flat_area h2{
	margin-left: 0px;
    margin-right: 0px;
	padding:2px 10px 2px;
	margin-bottom:15px;
	margin-top:0px;
	font-weight:normal;

	
	background-image:url("../images/trans_black_less.png");
	border:1px solid #fff;
	border-left:1px solid #f8f8f8;
	border-right:1px solid #f8f8f8;
	line-height:30px;
	text-indent:0px;

}

div.main_container .box{
	position: relative;
	background-color:white;
	border:1px solid #ccc;
	border-width:1px 0;
	margin-bottom:15px;
	padding:0;
	z-index:400;
	
}


div.main_container .box h2.box_head{
	font-size:13px;
	font-weight:normal;
	line-height:37px;
	background-color:#4c5766;
	color:white;
	margin:-2px auto -1px;
	text-indent:10px;
	
	-webkit-user-select: none;
}

div.main_container .box h2.box_head small{
	font-size: 11px;
	color:#ddd;
	line-height: 0em;
	
}


.box a.toggle{
	background: url(../images/toggle.png) 2px -14px no-repeat;
	display:block;
	height:18px;
	width:18px;
	position: absolute;
	right:37px;
	top:6px;
}

.box a.toggle_closed{
	background-position:2px 2px;
}


.box a.grabber{
	background: url(../images/grabber.gif) no-repeat;
	display:block;
	height:22px;
	width:22px;
	position: absolute;
	right:6px;
	top:6px;
	cursor:move;
}



.box .block{
	padding:6px 20px 5px 20px;
	margin-top:1px;
	position:relative;
	overflow:auto;
}

.box .custom-block{
	float:right;
	padding:6px 0px 5px 0px;
	position:relative;
	overflow:auto;
}

div.main_container .box .no_padding{
	padding:0;
	overflow:visible;
}

.box .block label{
	display:block;
	font-size: 1.0em;
	font-weight: bold;
	color:#333;
	margin-bottom:5px;
	clear: both;
}	

.box .block label small{
	font-size:0.9em;
	color:#666;
}

.box .block input{
	display:block;
	border:1px solid #b5b8bb;
	background-color:#e7edef;
	height:1.8em;
	margin-bottom:15px;
	
}


.box .block input:hover,
.box .block textarea:hover{
	border-color:#777;
}
.box .block input:focus,
.box .block textarea:focus{
	border-color:#444;
}

.box .block input.small,.box .block select.small{
	width:20%;
}
.box .block input.medium,.box .block select.medium{
	width:35%;
}
.box .block input.large,.box .block select.large{
	width:70%;
}

.box .block .input_group{
	margin-bottom: 15px;
}

button{
	padding: 7px 0px 5px 0px;
	margin-bottom:15px;
	margin-right:8px;
	border: 1px solid transparent;
	color: #fff;
	float:left;
    white-space:nowrap;
    width:auto;
    overflow:visible;
}
button img{
	display:inline-block;
	margin:-8px 0px;
	width:24px;}

button span{
	display:inline-block;
	text-transform:capitalize;
	margin:-2px 5px 0 5px;
}


#button_display button{
	float:left;
}


#button_display button span{
	display:none;
}

#button_display{
padding-bottom:0px;}

#button_display .block{
	padding-bottom:0px;
	padding-right: 0px;
	padding-top: 20px;}



.box .block textarea{
	display:block;
	border:1px solid #b5b8bb;
	background-color:#e7edef;
	margin-bottom:15px;
	height:100px;
	padding:5px 0;
	width:70%;
}

.box .block ul.full_width{
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.box .block ul.full_width li{
	margin:0 0 0 1px;
	border-bottom:1px solid #ccc;
	width: 100%x;
	padding:10px 10px;
	list-style:none;
	display: block;
}


.box .block ul.full_width li:last-child{
	border: none;
}


.box .block ul.full_width li span{
	color: #333;
	display: block;
	float: left;
	width: 95px;
	font-weight: bold;
	font-size: 1.2em;
}

.dashed_placeholder{
	float: left;
	display: block;
	border:1px dashed #aaa;
	background-color:#ddd;
	margin-bottom: 10px;
	margin-left:1%;
	margin-right:0.8%;
	margin-bottom:15px;
}

.fullsize{
	padding: 0 !important;
}

.fullsize .box{
	width:100% !important;
	margin: 0 !important;
}

/*----- End of Main Container -------*/

/* =============================================================================
 Custom Gallery
 ========================================================================== */
 
.cdg-custom-gallery{float:left;margin:0;padding:0;list-style:none;}
.cdg-custom-gallery li{float:left;text-align:center;width:128px;height:165px;margin:10px 0 10px 10px;padding:0;border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE;}
.cdg-custom-gallery li img{float:left;border:0;padding:4px;}
.cdg-custom-gallery li h5{float:left;width:128px;display:block;height:25px;margin:0;padding:0;font-weight:normal;font-size:11px;padding:4px;}
.cdg-custom-gallery li a.btn-del:link{background:#0b5a8b; font-size:12px;font-weight:normal; padding:2px 4px; color:#ffffff!important;}
.cdg-custom-gallery li a.btn-del:hover{ background:#cccccc!important; color:#333333!important;}


/*--------------------------------
      DataTable
--------------------------------*/


.dataTables_scroll{overflow:hidden;}
.dataTables_wrapper{margin:-1px 0;}
.dataTables_wrapper .ui-widget-header{
	font-weight:normal;
	line-height:25px;
	
	background-color: #4c5766;
	position:relative;
	font-size:12px;
	padding:10px;
	text-shadow:0px 1px 0px #8080;
	}
	
.dataTables_length{
	float:left;
	line-height:20px;
	}

.dataTables_filter{
	float:right;
	line-height:20px;
	width: 180px;
	display:block;
	}
.dataTables_wrapper .dataTables_filter input{
	height:18px!important;
	display:inline;
	width: 120px!important;
	}
	
.dataTables_wrapper .ui-widget-header input{
	margin:0 0 0 5px;
    border: 1px solid #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.dataTables_wrapper .ui-widget-header select{
	margin:0 5px;
	height:22px;
    border: 1px solid #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}

.dataTables_scrollHeadInner {	
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
	}
.dataTables_scrollHeadInner table{margin-bottom:0;}
.dataTables_scrollHeadInner table thead tr{margin-right:-1px;}
.dataTables_scrollHeadInner table thead tr th{
border:none;
background:none;
position:relative;}

.DataTables_sort_wrapper{
	background:none;
	font-weight:bold;
	padding:10px 5px 10px 20px;
	text-align:left;
	font-size: 14px;
	//color:#333;
	color:#a52a2a;
	text-shadow: 0 1px 0 #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #AAAAAA;
	position:relative;
	
	}

.DataTables_sort_wrapper:hover{color:#0a4e98; cursor:pointer;}

.DataTables_sort_wrapper span{ position:absolute; left:5px; top:8px;}

.dataTables_scrollBody table{margin-bottom:0; width:100%!important;}
.dataTables_scrollBody tbody tr td{ line-height:20px; font-size:12px;}
table.display td{ padding: 7px 10px;}
table.display tr.odd {background-color: #edf1f3; border-bottom:1px solid #d8dcde;}
table.display tr.even {
border-bottom:1px solid #e1e5e7;
}

table.display tr.even:hover,table.display tr.odd:hover{background-color:#E6ECEF;}

table.display td a:link,table.display td a:active,table.display td a:visited{font-weight:normal;padding:2px;font-size:12px;color:#12679b}
table.display td a:hover{color:#e11d37}

.dataTables_info{float:left;  line-height:0px;}
.dataTables_paginate{float:right; margin-right:0px; margin-top:3px}
	
.dataTables_wrapper .dataTables_paginate span.fg-button{
	background-image:none;
	background-color:#DFE2E4!important;
	border-color:#FFFFFF #AAAAAA #AAAAAA #FFFFFF!important;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#333;
    border-bottom: 1px solid #aaa;
	border-left:1px solid white;
	border-top:1px solid white;
	border-right:1px solid #aaa;
	padding:3px 10px;
	margin:0;
	filter:none !important;
}
	
.dataTables_wrapper .dataTables_paginate span.first{
    border-left: 1px solid white;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
	
.dataTables_wrapper .dataTables_paginate span.last{
    border-right: 1px solid #fff;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}

.dataTables_wrapper .dataTables_paginate span.ui-state-disabled{
	opacity:1; 
	color:#888 !important;
	}

.dataTables_wrapper .dataTables_paginate span span.ui-state-disabled{
	background-image:none;
	text-shadow: 0 1px 0 #000;
	background-color: #4C5766!important;
	border: 1px solid #333333!important;
    color: #FFFFFF !important;
	opacity:1;}
	
	
.dataTables_wrapper .ui-corner-tl{	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.dataTables_wrapper .ui-corner-bl{
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	height:30px;
}
.dataTables_info {
    color: #fff;
    line-height: 25px;
}
.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
    color: #fff;
}
.box .no_padding .dataTables_wrapper .ui-corner-tl{
	
	color:#333;
	text-shadow: 0 1px 0 #FFFFFF;
	border-left: 1px solid #FFFFFF;
    border-right: 1px solid #AAAAAA;
	border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
	background-image:none;
	background-color:#DFE2E4;
	
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	
	}

.no_padding .dataTables_wrapper .ui-corner-tl input,.no_padding .dataTables_wrapper .ui-corner-tl select{border: 1px solid #999; background-color: #fff;}


/* File Browser Style */
ul.jqueryFileTree{margin: 0 0 20px;}
li.expanded ul.jqueryFileTree{margin: 0 0 0px;}
ul.jqueryFileTree li:last-child{ border-bottom:none;}

ul.jqueryFileTree li.expanded > a{ margin-bottom:20px;}

ul.jqueryFileTree li.collapsed:last-child{margin-bottom:0; padding-bottom:0;}
ul.jqueryFileTree li.file:last-child{margin-bottom:0; padding-bottom:2px;}




/*----- End of DataTable -------*/


/*--------------------------------
      File Browser
--------------------------------*/

#file_tree ul.jqueryFileTree li{
	padding:0 0 5px 25px;
	background-position:0px 8px;
}

#file_tree ul.jqueryFileTree li.directory a{
font-weight:normal;
line-height:30px;
margin-bottom:0;
}

.main_container button.green, .alert_green{

	background: #3d8336; /* old browsers */
	
	background: -moz-linear-gradient(top, #277423 0%, #83C17D 99%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#277423), color-stop(99%,#83C17D)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8336', endColorstr='#277423',GradientType=0 ); /* ie */
		
	border: 1px solid #277423;
		
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),	inset 0px 1px 0px rgba(255,255,255,0.2);
	text-shadow:0px -1px 1px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2)

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	zoom:1;
}

.alert{
	border: 1px solid #999;
	padding: 15px;
	padding-left: 5px;
	margin-bottom: 15px;
	color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*----- End of File Browser -------*/

.exportexcel{float:right; text-align:right; background: url(/images/Excel.png) 44px -4px no-repeat; padding-right:35px}
.PanAddUpdate input[type="text"], .PanAddUpdate select{height:25px!important; width:300px!important;}
table{font-size:12px;}
.fg-toolbar .ui-buttonset{margin-top:5px;}
.tlterightalign{text-align:right;}
.dataTables_length, .dataTables_filter{font-size:12px;}
.PanAddUpdate select.autoheight{height:auto!important;}