#adminOptions{
	float:right;
	position:relative;
}
#adminOptions > a{
	position:absolute;
	top: -60px;
	right: 0px;
}
/* --------------------------------------------------------------------------
 * Div Error
 * --------------------------------------------------------------------------*/
#sysDCP_Runtime{
	display:none; 
}

/* --------------------------------------------------------------------------
 * CSS Feedback Msg 
 * --------------------------------------------------------------------------*/
#sysDCP_FeedbackMsg {
	display:none; 
	position:fixed; 
	top:50px; 
	width:500px;
	left:50%;
	margin-left:-250px;
	vertical-align:top; 
	z-index:2001;
	min-height:30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  3px 3px 3px 1px #666666;
    box-shadow:  3px 3px 3px 1px #666666;
}
@media (max-width: 500px){
	#sysDCP_FeedbackMsg {width:300px; margin-left:-150px;}
}
.feedbackMsg_Div_Radius {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.feedbackMsg_Button{
	position:absolute; 
	right:5px; 
	top:0px; 
	width:25px; 
	height:25px;
	cursor:pointer;
}
.feedbackMsg_Text {
	padding:15px;
	font-family:Arial;
	font-size: 14px;
	font-weight:normal;
	color: #FFF;
	text-align: justify;
	vertical-align: middle;
}



/* --------------------------------------------------------------------------
 * CSS Popup
 * --------------------------------------------------------------------------*/
#sysDCP_inPopupBg{
	position:fixed;
	width:100%;
	height: 100%;
	z-index: 1000;
 	background: url("../../images/sysDCP/popup/bgGray.png") repeat;	
}
#sysDCP_inPopupBg > #sysDCP_inPopup{
	position:absolute;
	min-width: 300px;
	max-width: 900px;
	min-height: 300px;
	max-height: 500px;
	background-color: #FFFFFF;
	z-index: 1001;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:  3px 3px 3px 1px #666666;
    box-shadow:  3px 3px 3px 1px #666666;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popHeader{
	background-color: #555555;
	text-align:left;
	color: #FFFFFF;
	font-size:13px;
	padding:5px;
	cursor:move;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-box-shadow:  0px 0px 3px 0px #666666;
    box-shadow:  0px 0px 3px 0px #666666;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popHeader > a{
	float:right;
	cursor: pointer;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popHeader > span{
	cursor: default;
}
#sysDCP_inPopupBg > #sysDCP_inPopup > .popContent{
	margin:15px;
}
.popupOptions{
	margin-top:35px; 
	text-align:left;
}



/* --------------------------------------------------------------------------
 * CSS Loading
 * --------------------------------------------------------------------------*/
#sysDCP_Loading{
	display: none; 
	width:100%; 
	height:100%; 
	position:fixed; 
	text-align:left; 
	vertical-align:top; 
	z-index:1010;
	cursor:wait;
	background:url(../../images/sysDCP/ajaxLoad/load.gif) no-repeat bottom left;
}



/* --------------------------------------------------------------------------
 * CSS Listing
 * --------------------------------------------------------------------------*/
.listing{
	float:right; 
	font-size: 14px; 
	color: #666666;
}
.listing td{
	vertical-align:middle; 
}
.listingSelect {
	width: auto;
	padding: 0px;
	border: 1px solid #999999;
    color: #666666;
    font-size: 10px;
}



/* --------------------------------------------------------------------------
 * CSS Table Record
 * --------------------------------------------------------------------------*/
.tableRecord{
	width:100%;
	text-align: left;
}
.tableRecord th{
	padding:7px 4px 7px 4px;
	background-color: #333333;
	color: #FFFFFF;
	font-weight:bold;
}
.tableRecord tr:hover{
	background-color: #D9D9D9;
}
.tableRecord td{
	padding:4px;
	border-bottom: 1px solid #999999;
}



/* --------------------------------------------------------------------------
 * CSS Edit Record
 * --------------------------------------------------------------------------*/
.editRecord{
	text-align: left;
}
.editRecord td{
	padding:3px 10px 3px 1px;
	vertical-align: top;
}
.editRecord td.label{
	text-align: right;
}



/* --------------------------------------------------------------------------
 * CSS Show Record
 * --------------------------------------------------------------------------*/
.showRecord{
	text-align: left;
}
.showRecord td{
	padding:3px 15px 3px 1px;
	text-align: left;
	vertical-align: top;
}
.showRecord td.label{
	text-align: right;
	font-weight:bold;
}


/* --------------------------------------------------------------------------
 * CSS Filter
 * --------------------------------------------------------------------------*/
.filter .col{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.filter .col.option{
	margin-top: 20px;
}
.filter .col .label{
	font-size: 8px;
/*	text-transform: uppercase;*/
	padding-left: 6px;
	color: #34495E;
	margin-top: 5px;
}



/* --------------------------------------------------------------------------
 * CSS Datepicker jQuery
 * --------------------------------------------------------------------------*/
div.ui-datepicker{
 font-size:14px;
}




/* --------------------------------------------------------------------------
 * CSS Select2
 * --------------------------------------------------------------------------*/
.select2-offscreen{display:none!important;}




/* --------------------------------------------------------------------------
 * CSS Images Aspect Ratio
 * --------------------------------------------------------------------------*/
.sysDCP_box{
	display: inline-block;
	position:  relative;
	width: 100%;
}
.sysDCP_box:before{
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}

/* Other ratios */
.sysDCP_box.ratio2_1:before{
	padding-top: 50%;
}
.sysDCP_box.ratio1_2:before{
	padding-top: 200%;
}
.sysDCP_box.ratio4_3:before{
	padding-top: 75%;
}
.sysDCP_box.ratio16_9:before{
	padding-top: 56.25%;
}

.sysDCP_box .content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.sysDCP_box .horizontal{
    position: absolute;
    min-width: 100%;
    height: 100%;
    margin-left: -50%;
    left: 50%;
}

.sysDCP_box .vertical{
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 50%;
    left: 0;
    margin-top: -50%;
}