﻿.editor {
	position: absolute; left: 0; top: 0; width: 0; height: 0;
	background-color: Transparent;
	z-index: 2; }

/* 
	Buttons
*/
.addmenuitem {
	position: absolute;	top: 20px; left: 800px; width: 40px;
	border: solid 2px black;
	z-index: 2; }
.deletemenuitem {
	position: absolute;	top: 20px; left: 844px; width: 40px;
	border: solid 2px black;
	z-index: 2; }
.editmenuitem {
	position: absolute;	top: 20px; left: 888px; width: 40px; 
	border: solid 2px black;
	z-index: 2; }

.addsubmenuitem {
	position: absolute;	top: 305px; left: 20px; width: 40px;
	border: solid 2px black;
	z-index: 2; }
.deletesubmenuitem {
	position: absolute;	top: 305px; left: 64px; width: 40px;
	border: solid 2px black;
	z-index: 2; }
.editsubmenuitem {
	position: absolute;	top: 305px; left: 108px; width: 40px;
	border: solid 2px black;
	z-index: 2; }

.changemainpicture {
	position: absolute;	top: 305px; left: 730px; width: 200px;
	border: solid 2px black;
	z-index: 2; }
.changetext {
	position: absolute;	top: 640px; left: 370px; width: 200px;
	border: solid 2px black;
	z-index: 2; }
.changenews {
	position: absolute;	top: 640px; left: 730px; width: 200px;
	border: solid 2px black;
	z-index: 2; }
.changepictures {
	position: absolute;	top: 640px; left: 730px; width: 200px;
	border: solid 2px black;
	z-index: 2; }

/* 
	Editors 
*/
.editnewsitemspopup {
	width: 600px; height: 500px;
	background-color: #ccc;	border: dotted 1px #444;
	display: block; }
.editnewsitemsdrag {
	width: 580px; height: 25px; 
	margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center; }
.editnewsitemscontent {
	width: 580px; height: 400px;
	margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc; }

.editnewsitempanel {
	border: dotted 1px black;
	margin: 2px 10px 2px 10px;
	width: 560px; }
.editnewsitemtext {
	width: 530px;
	margin: 1px 5px 1px 5px;
	float: none; }
.editnewsitempageref {
	float: none;
	margin: 2px 10px 2px 5px;
	display: block; }

.grouptextpopup {
	width: 600px; height: 500px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block; }
.grouptextdrag {
	width: 580px; height: 25px;
	margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center; }
.grouptextcontent {
	width: 580px; height: 400px;
	margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc; }

.removemenuitempopup {
	width: 450px; height: 300px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block; }
.removemenuitemdrag {
	width: 430px; height: 25px;	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px; }
.removemenuitemcontent {
	width: 430px;
	height: 200px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.addmenuitempopup
{
	width: 450px;
	height: 300px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.addmenuitemdrag
{
	width: 430px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.addmenuitemcontent
{
	width: 430px;
	height: 200px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.editmenuitempopup
{
	width: 450px;
	height: 300px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.editmenuitemdrag
{
	width: 430px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.editmenuitemcontent
{
	width: 430px;
	height: 200px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.addsubmenuitempopup
{
	width: 450px;
	height: 350px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.addsubmenuitemdrag
{
	width: 430px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.addsubmenuitemcontent
{
	width: 430px;
	height: 250px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.deletesubmenuitempopup
{
	width: 450px;
	height: 300px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.deletesubmenuitemdrag
{
	width: 430px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.deletesubmenuitemcontent
{
	width: 430px;
	height: 200px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}


.editsubmenuitempopup
{
	width: 450px;
	height: 300px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.editsubmenuitemdrag
{
	width: 430px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.editsubmenuitemcontent
{
	width: 430px;
	height: 200px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.selectitempicturespopup
{
	width: 780px;
	height: 600px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.selectitempicturesdrag
{
	width: 760px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.selectitempicturescontent
{
	width: 760px;
	height: 500px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
	overflow: auto;
}

.selectgrouppicturespopup
{
	width: 880px;
	height: 600px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.selectgrouppicturesdrag
{
	width: 860px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.selectgrouppicturescontent
{
	width: 860px;
	height: 500px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.selectgrouppicturecontent p
{
	border: dotted 1px black;
	float: left;
}

.selectmainpicturepopup
{
	width: 880px;
	height: 600px;
	background-color: #ccc;
	border: dotted 1px #444;
	display: block;
}
.selectmainpicturedrag
{
	width: 860px;
	height: 25px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	cursor: move;
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.selectmainpicturecontent
{
	width: 860px;
	height: 500px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
}

.selectmainpicturecontent p
{
	border: dotted 1px black;
	float: left;
}

.gps_page_selector
{
	float: left;
}

.gps_image
{
	padding: 5px 5px 15px 5px;
	margin: 1px 2px 2px 1px;
	border: solid 2px black;
	background-color: White;
	width: 170px;
}

.gps_sel_image
{
	padding: 5px 5px 15px 5px;
	margin: 1px 2px 2px 1px;
	border: solid 2px black;
	background-color: Orange;
	width: 170px;
}

.ips_image
{
	padding: 4px 4px 8px 4px;
	margin: 1px 2px 2px 1px;
	border: solid 1px black;
	background-color: White;
	width: 110px;
}

.ips_sel_image
{
	padding: 4px 4px 8px 4px;
	margin: 1px 2px 2px 1px;
	border: solid 1px black;
	background-color: Orange;
	width: 110px;
}

.modalbutton
{
	width: 150px;
	height: 25px;
	float: left;
	margin: 2px 5px 3px 5px;	
	border: solid 2px black;
}

.modalbackground {
	background-color:Gray;
	filter:alpha(opacity=70);
}

.grouptitle
{
	margin: 5px 5px 5px 5px;
}
