@charset "utf-8";

/* CSS Document */



* {

	margin:0;

	padding:0;

}



body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



pre {

	background-color:#fff;

	color:#000;	

}



#superwrapper {

	width:960px;

	margin:0 auto;

	padding:10px;

}



#loginForm {

	width:304px;

	display:block;

	margin:20px auto;

}



.indexForms {

	border:#cccccc 1px solid;

	display:inline-block;

	padding:0 17px;

}



.indexForms legend {

	color:#bbbbbb;

	font-size:14px;

	font-weight:bold;

	padding:3px;

}



.indexForms label {

	display:block;

	margin:7px 0;

}



.indexForms label strong {

	width:74px;

	text-align:right;

	display:inline-block;

	margin-right:5px;

	padding:3px 0;

}



.indexForms label input {

	width:215px;

	color:#999999;

	background-color:#eeeeee;

	border:#dfdfdf 2px solid;

	padding:3px;

}



.indexForms label select {

	width:225px;

	color:#999999;

	background-color:#eeeeee;

	border:#dfdfdf 2px solid;

	padding:2px;

}



.indexForms label .inputFocus {

	color:#006699;

	background-color:#eff5ff;

	border:#73a6ff 2px solid;

}



.indexForms label .inputComplete {

	color:#009900;

	background-color:#ddffdd;

	border:#00cc00 2px solid;

}



.indexForms label .inputError {

	color:#dd0000;

	background-color:#ffe6e6;

	border:#dd0000 2px solid;

}



.indexForms button {

	width:100px;

	background-color:#9cda6f;

	background-image:url(../images/shade.png);

	border:0;

	color:#ffffff;

	font-weight:bold;

	cursor:pointer;

	margin:5px 0 14px 0;

	padding:3px;

	float:right;

}



.indexForms button:hover {

	background-color:#aef37c;

}



.indexForms .cancelForm {

	background-color:#dd0000;

	margin-left:25px;

}



.indexForms .cancelForm:hover {

	background-color:#ff0000;

}



#configuration {

	width:924px;

}



#configuration .half {

	width:800px;

	margin:10px auto;

	overflow:auto;

}



#configuration label {

	width:auto !important;

	padding:5px !important;

}



#configuration .half label {

	width:auto !important;

	float:left;

}



#configuration strong {

	width:auto !important;

	text-align:left;

	display:block;

	margin:0;

}



#configuration .half input {

	width:380px;

}



#configuration button {

	margin:3px 3px 25px 0 !important;

}



#configuration .full label, #configuration .full strong {

	width:auto;

	float:none;

	margin:0;

	padding:0;

}



#configuration .full {

	width:800px;

	margin:10px auto;

	overflow:auto;

	clear:both;

}



#configuration .full dt, #configuration .full label {

	padding:5px

}



#configuration .full dl {

	float:left;

}



#configuration .full #inline {

	float:right;

}



#configuration .full input {

	width:auto;

}



#configuration .full textarea {

	width:550px;

	height:380px;

	color:#333;

	background:none;

	border:0;

	padding:0;

}













.itemsList {

	width:580px;

	border:#cccccc 1px solid;

	display:inline-block;

	padding:0 10px;

	float:right;

}



.itemsList legend {

	color:#bbbbbb;

	font-size:14px;

	font-weight:bold;

	padding:3px;

}



.itemsList li {

	min-height:26px;

	background-color:#73a6ff;

	background-image:url(../images/shade.png);

	list-style:none;

	margin:10px 0;

}



.itemsList li:hover {

	background-color:#aef37c;

}



.itemsList li:hover .actions {

	background-color:#777777;

}



.itemsList li strong {

	color:#ffffff;

	display:inline-block;

	margin:6px 5px 5px 0;

}



.itemsList li .bullet {

	float:left;

	margin:5px;

}



.itemsList li .actions {

	background-color:#cccccc;

	background-image:url(../images/shade.png);

	cursor:pointer;

	float:right;

	padding:5px 7px;

}



.itemsList li .actions:hover {

	background-color:#444444;

}



.itemsList li .handle {

	cursor:move;

}



.subsections {

	background-color:#dfdfdf;

	overflow:auto;

}



.subsections li {

	list-style:none;

	margin:10px 0 10px 10px;

}



.subsections li strong {

	width:145px !important;

	height:12px !important;

	overflow:hidden !important;

}



.itemsList .highlight {

	background-color:#FFFFCC !important;

	background-image:none !important;

	border:#ff0000 1px dashed !important;

	padding:5px !important;

}









#help {

	background:url(../images/arrow90.png) right center no-repeat;

	max-width:400px;

	position:absolute;

	z-index:99;

}

#help p {

	background:url(../images/red90.png);

	color:#fff;

	font-size:11px;

	text-align:center;

	margin-right:12px;

	padding:5px 0 5px 7px;

}









#layer {

	width:100%;

	height:100%;

	background-image:url(../images/white75.png);

	position:fixed;

	z-index:99;

	top:0;

	left:0;

}









#loading {

	width:250px;

	background-color:#eeeeee;

	border:#dddddd 5px solid;

	color:#333333;

	font-size:16px;

	font-weight:bold;

	text-align:center;

	margin:100px auto 0 auto;

	padding:30px;

}



#loading img {

	margin-top:5px;

}











#hoverBox {

	width:900px;

	background-color:#eeeeee;

	border:#dddddd 5px solid;

	color:#ffffff;

	margin:20px auto;
	
	max-height:90%;
	
	overflow:auto;

}



#hoverBox #boxTitle {

	background-color:#333333;

	background-image:url(../images/shade.png);

	font-weight:bold;

	text-align:center;

	cursor:move;

	padding:5px 10px;

}



#hoverBox #boxClose {

	background-color:#dd0000;

	background-image:url(../images/shade.png);

	font-weight:bold;

	padding:5px 40px;

	cursor:pointer;

	float:left;

}



#hoverBox #boxClose:hover {

	background-color:#ff0000;

}



#hoverBox #boxSubmit {

	background-color:#9cda6f;

	background-image:url(../images/shade.png);

	font-weight:bold;

	padding:5px 40px;

	cursor:pointer;

	float:right;

}



#hoverBox #boxSubmit:hover {

	background-color:#aef37c;

}



#hoverBox #addNew {

	background-color:#ff761a;

	background-image:url(../images/shade.png);

	color:#fff;

	font-weight:bold;

	text-decoration:none;

	padding:5px 40px;

	cursor:pointer;

	float:right;

}



#hoverBox #addNew:hover {

	background-color:#ff9900;

}



#hoverBox #boxContents {

	overflow:auto;

	margin:5px;

}



#hoverBox dl dt {

	background-color:#73a6ff;

	background-image:url(../images/shade.png);

	border-bottom:#ffffff 1px dotted;

	font-weight:bold;

	cursor:pointer;

	padding:5px 10px 5px 0;

}



#hoverBox dl dt img {

	margin:0 7px;

}



#hoverBox dl dd {

	background-color:#ffffff;

	color:#000000;

	display:none;

	padding:5px 15px;

}



#hoverBox dl dd label {

	display:block;

	margin:10px 0;

}



#hoverBox dl dd label strong {

	display:block;

}



#hoverBox dl dd label strong .toggleEditor {

	color:#f00;

	font-size:11px;

	text-decoration:none;

	float:right;

}



#hoverBox dl dd label strong .charsLeft {

	color:#ff0000;

	font-size:10px;

	float:right;

}



#hoverBox dl dd label input, #hoverBox dl dd label textarea {

	width:850px;

	color:#333333;

	background-color:#eeeeee;

	border:#dfdfdf 2px solid;

	padding:3px;

}



#hoverBox dl dd label textarea {

	height:260px;

}



#hoverBox dl dd label select {

	width:230px;

	color:#999999;

	background-color:#eeeeee;

	border:#dfdfdf 2px solid;

	padding:2px;

}



#hoverBox #contentsList {

	width:195px;

	min-height:26px;

	background-color:#ffffff;

	border:#668CCF 1px solid;

	float:left;

	padding:1px;

	overflow:hidden;

}



#hoverBox #contentsList ul {

	min-height:26px;

	list-style:none;

	overflow:auto;

}



#hoverBox #contentsList li {

	background-color:#668CCF;

	background-image:url(../images/shade.png);

	font-weight:bold;

	text-align:center;

	cursor:move;

	margin:0 1px 1px 0;

	padding:5px 10px;

}



#hoverBox #contentsList li:hover {

	background-color:#73a6ff;

}



#hoverBox #archives {

	width:480px;

	float:left;

}



#hoverBox #archives input, #hoverBox #archives textarea {

	width:440px;

}



#hoverBox .archiveContents {

	width:370px;

	border:#999 1px solid;

}



#hoverBox .archiveContents legend {

	color:#999;

}



#hoverBox .archiveContents li {

	padding-left:8px;

}



#hoverBox #maps {

	width:480px;

	float:left;

}



#hoverBox #maps input, #hoverBox #maps textarea {

	width:440px;

}



#hoverBox #mapInputs {

	width:400px;

	background-color:#fff;

	color:#333333;

	float:right;

}



#hoverBox #mapInputs label {

	display:block;

	margin:10px 5px 5px 5px;

}



#hoverBox #mapInputs input {

	width:380px;

	color:#333333;

	background-color:#eeeeee;

	border:#dfdfdf 2px solid;

	padding:3px;

}



#hoverBox #mapDiv {

	width:390px;

	height:302px;

	border:#ffffff 5px solid;

	float:right;

}



#hoverBox #fields {

	width:860px;

}



#hoverBox #fields label {

	margin:0;

}



#hoverBox #fields input {

	width:94%;

}



#hoverBox #fields select {

	width:100%;

}



#hoverBox .addField {

	width:150px;

	background-color:#ff761a;

	background-image:url(../images/shade.png);

	background-position:center;

	border:#666666 1px solid;

	color:#ffffff;

	font-weight:bold;

	text-align:center;

	cursor:pointer;

	float:left;

	margin-top:10px;

	padding:4px 0;

}



#hoverBox .addField:hover {

	background-color:#ff9900;

}



#hoverBox .removeField {

	background-color:#dd0000;

	background-image:url(../images/shade.png);

	background-position:center;

	color:#ffffff;

	font-weight:bold;

	text-align:center;

	cursor:pointer;

	padding:6px 3px 5px 4px;

}



#hoverBox .removeField:hover {

	background-color:#ff0000;

}



#hoverBox #cells table {

	margin:15px 0 5px 0;

}



#hoverBox #cells {

	width:680px;

	min-height:26px;

	float:right;

	margin:0;

	padding:0;

	overflow:auto;

}



#hoverBox .cell {

	background-color:#cccccc;

	padding:5px;

}



#hoverBox .handle {

	background-color:#cccccc;

	cursor:move;

	padding:5px 0 5px 5px;

}



#hoverBox .cell ul, #hoverBox #block ul, #hoverBox #mobile ul {

	width:198px;

	min-height:26px;

	border:#aaa 1px solid;

	background-color:#eeeeee;

	list-style:none;

	float:left;

	padding:1px 1px 0 1px;

}



#hoverBox .cell li, #hoverBox #block ul li, #hoverBox #mobile ul li {

	background-color:#666666;

	background-image:url(../images/shade.png);

	font-weight:bold;

	text-align:center;

	cursor:move;

	margin-bottom:1px;

	padding:5px 10px;

}



#hoverBox .cell li:hover, #hoverBox #block ul li:hover, #hoverBox #mobile ul li:hover {

	background-color:#999999;

}



#hoverBox #contentsList li input, #hoverBox .cell li input {

	margin-right:5px;

}



#hoverBox #block ul, #hoverBox #mobile ul {

	width:680px;

	float:right;

}



#hoverBox .removeRow {

	width:150px;

	background-image:url(../images/removeRowBG.gif);

	color:#ff0000;

	text-align:center;

	cursor:pointer;

	float:right;

	padding:1px 0 3px 0;

}



#hoverBox #addRow {

	width:150px;

	background-color:#ff761a;

	background-image:url(../images/shade.png);

	background-position:center;

	border:#666666 1px solid;

	color:#ffffff;

	font-weight:bold;

	text-align:center;

	cursor:pointer;

	float:left;

	margin-left:25px;

	padding:4px 0;

}



#hoverBox #addRow:hover {

	background-color:#ff9900;

}



#hoverBox #panoramas {

	width:600px;

	float:left;

}



#hoverBox #panoramas input {

	width:560px;

}



#hoverBox #panoramas .images {

	list-style:none;

}



#hoverBox #panoramas .images li {

	background:#eee;

	padding:5px;

	margin:5px 0;

	display:block;

	overflow:auto;

}



#hoverBox #panoramas .images li img {

	width:50px;

	height:50px;

	margin-right:5px;

}



#hoverBox #panoramas .images li input {

	width:495px;

	border:0;

	padding:5px;

}



#hoverBox #panoramas .images li .removePano {

	color:#ff0000;

	font-weight:bold;

	margin:5px;

	float:right;

	cursor:pointer;

	display:block;

}



#uploadPanorama {

	width:280px;

	background:#fff;

	float:right;

}



#uploadPanorama form {

	color:#000;

}



#uploadPanorama form label {

	margin:10px;

	display:block;

}



#uploadPanorama .title {

	background-color:#73a6ff;

	background-image:url(../images/shade.png);

	border-bottom:#ffffff 1px dotted;

	font-weight:bold;

	padding:5px 10px;

}



#uploadPanorama #progress p {

	color:#000;

	text-align:center;

	padding:5px;

}



#uploadPanorama button {

	width:150px;

	background:url(../images/shade.png) #ff761a center;

	border:0;

	color:#ffffff;

	font-weight:bold;

	text-align:center;

	cursor:pointer;

	float:right;

	margin:0 10px 10px 10px;

	padding:4px 0;

}



#uploadPanorama button:hover {

	background-color:#ff9900;

}













#header {

	margin-top:5px;

}



#header #logo {

	width:283px;

	height:14px;

	background:url(../images/logo.png) no-repeat;

	padding-top:38px;

	position:absolute;

	top:3px;

	z-index:1;

}



#header #logo #version {

	color:#999;

	font-size:11px;

	margin-left:3px;

}



#header #user {

	float:right;

}



#header #navigation {

	display:inline-block;

	list-style:none;

	margin-left:290px;

}



#header #navigation li {

	border-left:#333 1px solid;

	display:inline-block;

	margin-right:10px;

	padding-left:11px;

	cursor:pointer;

}



#header #navigation .languages {

	border:0;

}

#mobile .ui-sortable{
	width:670px!important;	
}