/* holder */
/* holder 'MENU' link. Also defines holder border color*/

.holderMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #00730e;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	position: absolute;
	height: 16px;
	z-index: 300;
	line-height: normal !important;
}

/* Holder border. Color is defined by JS using holderMenu or holderEdited class background-color property*/
.holderBorder
{
	border-width: 1px;
	border-style: dotted;
	position: absolute;
	background-color: transparent;
	z-index: 200;
}

/* Changed holder dropdown menu & 'Menu' link. Also defines changed holder border color*/
.holderEdited
{
	background-color: #bf1f4b;
}

/* block */
.blockMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #1ebf33;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: 16px;
	z-index: 300;
	line-height: normal !important;
}

.blockBorder
{
	border-width: 1px;
	border-style: dashed;
	position: absolute;
	background-color: transparent;
	z-index: 200;
}

.blockEdited
{
	background-color: #fe0000;
}

.highlighted
{
	border-width: 2px;
	border-style: solid;
}

/* menu */
.menuBorder
{
	border: 1px dotted #aaa;
	position: absolute;
}

.menuMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #aaa;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: 16px;
	z-index:300;
}

.menuMenu .ddMenu, .menuMenu .ddMenu a.ddMenuItem
{
	background-color: #aaa;
}


/* -------------------------- */
.ddMenu
{
	padding: 10px 5px;
	margin-top: 0px;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: auto;
	width: 150px;
	position:absolute;
	text-align:left;
	z-index:400;
}

.ddMenu a.ddMenuItem
{
	color: #fff;
	display: block;
	text-decoration: none;
}

.ddMenu a.ddMenuItem:hover
{
	background-color: #000;
}

.ddMenu hr
{
	height: 1px;
	width: 100px;
	left: 0px;
}

/*----------------------*/

.editorDiv
{
	position: absolute;
	top: 120px;
	left: 10px;
	width: 760px;
	z-index: 400;
	padding: 0px;
	background-color:#ffffff;
	border: 1px solid #999999;
	height: 560px;
}

.libraryDiv
{
	position:absolute;
	left:10px;
	width:550px;
	height:130px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.referencesDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:550px;
	height:250px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.requestDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:700px;
	height:450px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.functionalDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:540px;
	height:310px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.editorFrame
{
	width: 750px;
	height: 530px;
	border: 1px solid #ffffff;
}

.libraryFrame
{
	width: 540px;
	height: 100px;
	border: 1px solid #ffffff;
}

.referencesFrame
{
	height: 185px;
	width: 540px;
	border: 1px solid #dddddd;
}

.requestFrame
{
	height: 410px;
	width: 690px;
	border: 1px solid #dddddd;
}

.functionalFrame
{
	width: 520px;
	height: 235px;
	border: 1px solid #dcdcdc;
}

.changeVisDiv,
.viewVisDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:600px;
	height:490px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.changeVisFrame,
.viewVisFrame
{
	width: 590px;
	height: 415px;
	border: 1px solid #dcdcdc;
}

.viewVisDiv
{
	width:700px;
}
.viewVisFrame
{
	width:690px;
}

.holder_show
{
	display:block;
	visibility:visible;
	background-color: #eee;
	border-style: solid;
	min-height: 17px;
}

.editor_dragger
{
	text-align: right;
	padding:0px;
	margin:0px;
	background: #ebf5ff;
	height: 15px;
	overflow: hidden;
	cursor: move;
}

.frameContainer
{
	padding:5px;
}

.holderLabels
{
	height: 16px;
	float: left;
	border: 1px solid white;
	padding-left:2px;
	padding-right:2px;
}

.blockLabels
{
	float: left;
}

.pageDataEdited
{
	background-color: #fee;
}

table#pageSEOData.editable
{
	background-color: #efe;
}

.box
{
	text-align: left;
	margin: 5px;
}

.box_btn
{
	height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	text-align: left;
}

.box_btn a img
{
	border: none 0px transparent;
}

.box_help
{
	display: none;
	border: dashed 1px green;
	margin: 3px 7px 7px 7px;
	padding: 4px;
}

.box_option td
{
	vertical-align: top;
}

.box_option .page-info .title
{
	font-weight:bold;
}
.box_rights
{
	float: left;
	padding-top: 1em;
	text-align: center;
}

/* modal windows */
div.faceDialog {
	display: none;
	position: fixed;
	top: 17%;
	left: 20%;
	width: 950px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
fieldset.modal {
	border: 2px solid #A1A1A1;
	padding: 0px;
}

fieldset.modal table.standartTable {
	margin: 10px;
	width: auto;
}
.faceDialog .jqmClose img {
	display: block;
	position: absolute;
	overflow: hidden;
	z-index: 3100;
	top: 1px;
	right: 1px;
	padding: 0 0 0 14px;
	height: 13px;
	width: 0px;
	background: url('/i/ssm/closediv.gif') no-repeat top left;
	overflow: hidden;
}
.faceDialog .jqDrag {
	padding: 0;
	margin: 0;
	background: #ebf5ff;
	height: 15px;
	overflow: hidden;
	cursor: move;
}
.jqmOverlay {
	background: #000;
	z-index: 2980;
}
.wrapper
{
	height: 0;
	clear: both;
	overflow: hidden;
}

table.topPageInfoTable td
{
	padding-right: 40px;
	padding-left: 10px;
}

table.topPageInfoTable td.template
{
	border-right: 1px solid gray;
	padding-left: 0px;
	padding-right:10px;
}
table.topPageInfoTable td .pageTypeChangeTb td
{
	padding-left:0px;
	padding-right:0px;
}
.bottomPart, .topPart
{
	border: 2px solid #ccc;
	margin: 3px 5px;
}

.treeMenuDefault a
{
	text-decoration: none;
}
.topPart
{
	border-bottom:none;
}

.bottomPart .modeTD
{
	border-right: 1px solid #ccc;
	width: 200px;
	text-align:left;
}

.bottomPart .urlTD
{
	border-right: 1px solid #ccc; 
	padding: 0px 10px;
}
.bottomPart .buttonsTD
{
	width:215px;
	padding: 0px 10px;
}

.bottomPart .jumpToDialog
{
	position:absolute;
	border: 1px solid #999;
	background-color: #fff;
	display:none;
	width:600px;
}
.bottomPart .jumpToDialog .jqmClose
{
	width:20px;
	position:absolute;
	right: 0px;
}

.bottomPart .jumpToDialog .jumpToFilter
{
	padding: 10px;
	text-align:left;
	background-color:#fff;
}

.bottomPart .jumpToDialog .jumpToContainer
{
	padding: 10px;
	text-align:left;
	background-color: #fff;
	height: 400px;
	overflow: auto;
	margin-bottom: 10px;
}

div.topPageInfo
{
	border: 1px solid #ccc;
	padding:5px;
}

.pageInfoTitle
{
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px;
}

.page-info.pageParams td.framed
{
	border: 1px dashed #1EBF33;
	padding-left: 3px;
	padding-right: 3px;
	
}

.page-info.pageParams td.framed.edited
{
	border: 1px dashed #FE0000;
}

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

div.wrapper
{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	font-family:Arial;
	font-size: 12px;
}

div.wrapper div.holder_wr
{
	border:1px dotted #00730E;
}

div.wrapper div.holder_wr.unpublished
{
	border:2px solid #BF1F4B !important;
}

div.wrapper div.holder_menu
{
	position: absolute;
	z-index: 101;
	background-color: #00730E;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:center;
	border: 1px solid white;
}

div.wrapper div.holder_menu.unpublished
{
	background-color: #BF1F4B !important;
}

div.wrapper div.block_wr
{
	border:1px dotted #1EBF33;
}

div.wrapper hidden.block_wr
{
	border:1px dotted #888888;
}

div.wrapper div.block_menu
{
	background-color: #1EBF33;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:center;
	border: 1px solid white;
}

div.wrapper div.block_menu_moved
{
	background-color: #BF1F4B;
	color: white;
	font-weight: bold;
	width: 20px;	
	text-align:center;
	border: 1px solid white;
}

div.wrapper div.hidden_block_menu
{
	background-color: #888888;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:center;
}

div.holder_selected
{
	border:2px solid #00730E !important;
}

div.block_selected
{
	border:2px solid #1EBF33 !important;
}

div.wrapper div.holder_menu_body
{
	position: absolute;
	z-index: 102;
	background-color: #00730E;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:left;
	display: none;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;	
	border: 1px solid white;
}

div.wrapper div.holder_menu_body.unpublished
{
	background-color: #BF1F4B !important;
}

div.wrapper div.block_menu_body
{
	position: absolute;
	z-index: 102;
	background-color: #1EBF33;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:left;
	display: none;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid white;
}

div.wrapper div.hidden_block_menu_body
{
	position: absolute;
	z-index: 102;
	background-color: #888888;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:left;
	display: none;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid white;
}



td.menu_option
{
	cursor: default;
	padding-left: 8px;
}

td.menu_hr
{
	text-align: center;
}

td.menu_hr hr
{
	width: 70%;
	border: 1px solid white;	
}

td.menu_selected
{
	background-color: black;
}

/******* popup *********/
.popup 
{
	position: fixed;
	z-index: 110;
	display: none;
	background-color: red;
	margin-left: auto;
	margin-right: auto;
  	top: 100px;	
}

.zakryvashka
{
	position: absolute;
	z-index: 108;
	background-color: #222222;
	opacity: .7;
	filter:alpha(opacity=70);	
}

.reorder_placeholder
{
	border: 1px dashed blue;
}

.reorder_wires
{
	border: 1px dotted green;
	cursor: move;
}

#reorder_panel
{
	position:fixed;
	height:20px;
	width:100%;
	z-index: 31000;
	bottom: 0px;
	left: 0px;	
	/*padding-left: 64px;*/
	background: url('/i/ssm/i/Content/rainbow.png');
	border-top: 1px solid black;
	font-family: Verdana;
	font-size:12px;
	display: none;
}

#reorder_panel a
{
	color: blue;
}

.visibilityLegend .pageInfo
{
	float: left;
}

.visibilityLegend .legendLeft
{
	text-align: center;
}

.visibilityLegend .legendRight
{
	padding-left: 15px;
}

.visibilityLegend .currentPage
{
	background-color: #fffCD3;
	border: 1px dotted blue;
	padding: 1px 3px;
}

.visibilityLegend .blockVisible
{
	background-color: #C1E4A2;
	padding: 1px 3px;
}
.visibilityLegend .blockHidden
{
	background-color: #5E6D72;
	padding: 1px 3px;
	color: white;
}

.visibilityLegend .withoutMarker
{
	background: #fff;
	border: 1px solid gray;
	padding: 1px 3px;
}
.visibilityLegend .notPublished
{
	border: 1px solid #f00; 
}
.membersLists fieldset.modal
{
	border:2px solid #A1A1A1;
	padding:0;
	margin: 0px;
}