﻿/*Admin Console --------------------------------------------*/
div.AdminBar{
	background: #474747;
    height: 30px;
}
.AdminBarButton{
	border: 0px;
	cursor: pointer;
	color: #fff;
	float: left;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 12px;
	border-right: 1px solid #848484;
	padding: 0px 12px;
	background: none;
}
div.AdminCurrent{
	position:relative;
	min-height:100px;
}
.AdminItemIcon {
    width: 64px;
    height: 64px;
    text-align:center;
}
.AdminConsole{
	border-style: double;
	border-width: medium;
	border-color: inherit;
	background-color: #cecece;
	direction:ltr;
	position:relative;
	border: 0px;
}
#phAdminConsole_ctl00_AdminConsoleMenu,
ul.level1.static{
	width:  100% !important;
	background: none !important;
}
ul.level1.static li a{	
	background:  none !important;
	font-size: 12px !important;
	color: #fff !important;
	padding: 5px 10px !important;
	border-bottom: solid 1px #ccc;
}
ul.level1.static li a:hover{
	background : #ddd !important;
	color: #888 !important;
}
div.AdminConsoleMenu{
	display:inline ;
	float:left;
	height: 100%;
	background-color: #b6b6b6;
	position:absolute;
	top: 0;
	left:0;
	bottom:0;
	width: 190px;
}
div.AdminConsoleMenu > a{
	display: none;
}
div.AdminConsoleSite,
div.AdminConsolePage{
	/*min-height:240px;*/
	margin:0;
	margin-left: 191px;
    min-height: 200px;
}
div.AdminConsolePage p{
	margin: 0px;
}
div.AdminConsolePage table td{
	color: #474747;
}
div.AdminConsoleSite table a,
div.AdminConsolePage table a{
	display: block;
	margin: 0px 10px;
	padding: 10px;
	background: #e5e5e5;
	border-radius: 4px;
	color: #555;
	text-decoration: none;
}
.RecordToolBar{	
	background: #474747;	
	height: auto;
}
.RecordToolBar input[type="submit"]{
	background: none;
	border: 0px;
	border-right: solid 1px #848484;
	padding: 4px 10px;
	color: #ebebeb;
}
.AdminPortletCaption {
    width: 100%;
    background: #EAEAEA;
    min-height: 35px;
    line-height: 35px;
    padding: 0px 10px;
    vertical-align: top;
    font-size: 19px;
    color: #848484;
    border-bottom: SOLID 1PX rgba(252,252,252,1);
    text-transform: uppercase;
    box-sizing: border-box;
}

/* JQuery POPup   
----------------------------------------------------------*/

blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
br.both{
	clear:both;
}
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#popupContact{
	display:none;
	direction:ltr ;
	position:fixed;
	_position:absolute;/* hack for internet explorer 6*/
	height:auto;
	width:auto;
	background:#e5e5e5;
	border: 2px solid #b6b6b6;
	z-index:9999;
	padding: 10px;
	font-size:13px;
	-webkit-box-shadow: 0 0 15px 0 #9E9696;
	box-shadow: 0 0 15px 0 #9E9696;
}
#PopupEditPortlet span,
#popupContact span{
	color: #474747;
	font-weight: bold;
}
#PopupEditPortlet input[type="submit"],
#popupContact input[type="submit"]{
    background: #474747;
    color: #fff;
    border: 0px;
    padding: 3px 15px;
    cursor: pointer;
}
#popupAddPortlet{
	display:none;
	direction:ltr ;
	position:fixed;
	_position:absolute;/* hack for internet explorer 6*/
	height:auto;
	width:auto;
	background:#e5e5e5;
	border: 2px solid #b6b6b6;
	z-index:9999;
	padding: 10px;
	font-size:13px;
	-webkit-box-shadow: 0 0 15px 0 #9E9696;
	box-shadow: 0 0 15px 0 #9E9696;
}
#PopupEditPortlet{
	display:none;
	direction:ltr ;
	position:fixed;
	_position:absolute;/* hack for internet explorer 6*/
	height:auto;
	width:auto;
	background:#e5e5e5;
	border: 2px solid #b6b6b6;
	z-index:9999;
	padding: 10px;
	font-size:13px;
	-webkit-box-shadow: 0 0 15px 0 #9E9696;
	box-shadow: 0 0 15px 0 #9E9696;
}
#popupNewPage{
	display:none;
	direction:ltr ;
	position:fixed;
	_position:absolute;/* hack for internet explorer 6*/
	height:auto;
	width:auto;
	background:#e5e5e5;
	border: 2px solid #b6b6b6;
	z-index:9999;
	padding: 10px;
	font-size:13px;
	-webkit-box-shadow: 0 0 15px 0 #9E9696;
	box-shadow: 0 0 15px 0 #9E9696;
}
#popupDeletePage{
	display:none;
	direction:ltr ;
	position:fixed;
	_position:absolute;/* hack for internet explorer 6*/
	height:auto;
	width:auto;
	background:#e5e5e5;
	border: 2px solid #b6b6b6;
	z-index:9999;
	padding: 10px;
	font-size:13px;
	-webkit-box-shadow: 0 0 15px 0 #9E9696;
	box-shadow: 0 0 15px 0 #9E9696;
}
#popupOtherPage{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:auto;
	width:auto;
	z-index:9999;
	background:#FFFFFF;
	border:2px solid #cecece;
	padding:12px;
	font-size:13px;
}
h1.PopupHeader{
	text-align:left;
	color:#848484;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}

#popupContactClose,
#PopupEditPortlet > a{
	font-size: 18px;
	line-height:14px;
	right:-2px;
	top:-2px;
    background: #fff;
    padding:5px;
	position:absolute;
	color: #000;
	font-weight:700;
	display:block;
	text-decoration: none;
}

#A1,
#popupNewPage > a{
	font-size: 18px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color: #000;
	font-weight:700;
	display:block;
	text-decoration: none;
}

#A2,
#popupDeletePage > a{
	font-size: 18px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color: #000;
	font-weight:700;
	display:block;
	text-decoration: none;
}

#A3,
#popupAddPortlet > a{
	font-size: 18px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color: #000;
	font-weight:700;
	display:block;
	text-decoration: none;
}

/*Portlet Buttons
---------------------------------------------------------------*/
.PortletMoveDown{
width:24px;
	height: 25px;
	background: url('/Images/down.png') no-repeat center;
	border: none;
	color: #fff;
	    margin-right: 3px;
            vertical-align:middle;
}	
.PortletMoveUp{
	width:24px;
	height: 25px;
	background: url('/Images/up.png') no-repeat center;
	border: none;
	color: #fff;
	    margin-right: 3px;
            vertical-align:middle;
}
.AddPortlet{
	width: 100%;
	background: #474747;
	border: none;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 8px 0px;
	cursor: pointer;
	border-radius: 3px;
}
.AddPortlet:hover{
	background: #848484;
	border-radius: 3px;
}
.PortletDelete{
	width:24px;
	height: 25px;
	background: url('/Images/del_16.png') no-repeat center;
	border: none;
	color: #fff;
	    margin-right: 3px;
        vertical-align:middle;

}	
.PortletsPlaceHolder{
	border: thin solid #B6B6B6;
	width:100%;
	height:100%;
	text-align: center;
	font-size: 15px;
}
.DefaultPortletsPlaceHolderContainer{}


/*Added By Dwaik*/
.DivRepreater {
    max-height :190px;
    overflow-y:auto;
    overflow-x:auto ;
    /*width:200px;*/

    display:none ;
}

.ContentDiv {
    /*width:100%;*/
    margin-right:240px;
    margin-left:0;
    display:block;
    /*float:left;*/
}
.MappingDiv {
    /*width:100%;*/
    margin-right:240px;
    margin-left:240px;
    display:block;
    /*float:left;*/
}
.ControlsDiv {
    float:right;
}

.DestDiv {
    float:Left;
}
.SourceDiv {
    float:right;
}
.DivControlsCont {
    /*height:260px;
    overflow-y:auto;*/
     width:220px;

    /*display:inline-block ;*/
}

.DivControlsCont H2 {
    border-style: solid;
    border-width: thin;
    border-color: rgb(208, 199, 199);
    margin: 0;
    background: #474747;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
    border-radius: 3px;
}
.DivRepreater input[type="submit"]  {
    display:block;
    width:100%;
    
    text-align: left;
    margin: 0;
}
/*********************************/


.PortletCaption input[value="Edit"]{
	width:100px;
	height: 25px;
	cursor: pointer;
    border-radius: 4px;
	background: #D7D7D7;
	border: none;
	color: #000;
}
.PortletEdit:hover{
    border-radius: 4px;
	background: #b8b8b8;
}
.PortletEdit {
	width:100px;
	height: 25px;
	margin: 5px 10px;
	cursor: pointer;
    border-radius: 4px;
	background: #D7D7D7;
	border: none;
	color: #000;
}

.DVDragPortletHeader {
	height: 10px;
	border: 1px solid #aaaaaa;
	width: 100%;
	background-color: gray;
}

	.DVDragPortletHeader[drop-active=true] {
		background-color: yellow;
	}
.DVDragPortletFooter {
	height: 10px;
	border: 1px solid #aaaaaa;
	width: 100%;
	background-color: gray;
}
	.DVDragPortletFooter[drop-active=true] {
		background-color: yellow;
	}

.DCXPortletTitle{
	background-color: beige;
}
.DCXPortletTitle:hover {
	background-color:yellow;
}

.DCXAdminMenu {
	float: left;
	background-color: bisque;
	height:  100vh;
}
.DCXAdminContent {
	float: right;
	background-color: antiquewhite;
	height:  100vh;
}

.DCXAdminHeader{
	width:100%;
	background-color:burlywood;
}
.DCXAdminMenuLI {
	display: block;
	
}
.DCXAdminMenuUL {
	border-style: solid;
	border-color: darkgoldenrod;
	
	padding-inline-start: 0px;
}


.DCXShpRect {
	/*fill: darkorange;*/
}

.DCXLink {
    stroke: #7493ca;
    stroke-width: 3px;
}
.DCXLinkBG{
	stroke: #d0dbef;
    stroke-width: 6px;
}