body { margin:0; padding:0; background:#004e5a; font-family:Arial, sans-serif; font-size:10pt; }
a {color:#0082ED}
a:hover {color:#63B9FF}
hr {color:#D8D8D8}
strong {font-weight:bold}
button { border:1px solid #BBBBBB; font-size:9pt; padding:3px; }

.review { width:650px; border:1px solid #ccc; background:#EEE; margin-bottom:10px; padding:2px; font-size:11pt; }
.review  textarea { font-family:sans-serif; font-size:11pt; line-height:150%; width:100% }
.reviewinfo { border:1px solid #ddd; background:#e0e0e0; }
.reviewtitle { background:#dfe6e8; padding:5px; }
.reviewbody { margin-top:3px; }
.reviewcontent { padding:5px; }

#spinner { background-image:url('images/ajax-loader.gif'); width:16px; height:16px; display:none; }
div.spinner { background-image:url('/images/spinner.gif'); width:50px; height:50px; display:none;	}

#active { background:#D0F0F2; color:#000000; padding:2px; cursor:pointer; cursor:hand; }

#inactive { background:#FFFEBD; color:#000000; padding:2px; cursor:pointer; cursor:hand; }

h1 { margin:0 0 10px 0; font-size:20pt; color:#ff6600; }
th, td { font-size:10pt; vertical-align:top;	}
fieldset { padding:15px; border:2px #ccc solid; margin:15px 0; }
legend { font-size:12pt; color:#358; padding:0 5px; }
input, textarea { border:1px #bbb solid; padding:3px; font-size:9pt; }
select { font-size:9pt; }

#frame { background:#fff; margin:auto; text-align:left; padding:0; }
#lheader {
	height:80px; 
	background:#00080a; /* Old browsers */
	background:-moz-linear-gradient(top, #00080a 1%, #005c69 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#00080a), color-stop(100%,#005c69)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #00080a 1%,#005c69 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #00080a 1%,#005c69 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #00080a 1%,#005c69 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080a', endColorstr='#005c69',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #00080a 1%,#005c69 100%); /* W3C */
}

#header { background:#942; padding:10px; }
#header h2 { margin:0; font-size:14pt; font-weight:normal; color:#fff; }

#primary-nav {
	position:relative;
	color:#41afd5;
	line-height:30px;
	height:30px;
	/*background:#eae8e8; */

	background:#002226; /* Old browsers */
	background:-moz-linear-gradient(top, #002226 0%, #003138 50%, #000a0a 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#002226), color-stop(50%,#003138), color-stop(100%,#000a0a)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #002226 0%,#003138 50%,#000a0a 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #002226 0%,#003138 50%,#000a0a 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #002226 0%,#003138 50%,#000a0a 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#002226', endColorstr='#000a0a',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #002226 0%,#003138 50%,#000a0a 100%); /* W3C */
}

#primary-nav ul { margin:0; padding:0; }
#primary-nav ul li { position:relative; float:left; list-style-type:none; margin:0; padding:0; width:120px; }

#primary-nav a:link, #primary-nav a:visited, #primary-nav a:active {
	/* color:#004e5a; */
	color:#fff;
	text-decoration:none;
	width:120px;
	text-align:center;
	line-height:30px;
	font-size:10pt;
	display:block;
	float:left;
	border-right:1px #699 dotted;
}
#primary-nav a:hover { background:#def; color:#245; }
#primary-nav ul ul { position:absolute;	top:30px; left:0px; display:none; border-top:1px #a8abae solid; }
#primary-nav ul li:hover ul { display:block;	}
#primary-nav ul ul li { display:block; clear:both; background:#eee; border-bottom:1px #a8abae solid; border-right:1px #a8abae solid; border-left:1px #a8abae solid; width:120px; }
#primary-nav ul ul li a:link, #primary-nav ul ul li a:visited, #primary-nav ul ul li a:active { color:#004e5a; line-height:12pt; padding:5px 0; border:0; }

#top-site-links { padding:5px 10px; border-bottom:1px #aaa solid; color:#133; }
#top-site-links a { padding-left:10px; color:#135; }

#content-main { padding:12px; padding-bottom:100px; min-height:400px; /* background:url(images/LandoLove.png) bottom right no-repeat; */ }

#footer { clear:both; padding:10px 0 0 0; font-size:9pt; color:#666; }

/* ================= site edit ======================== */

.bundles-by-market { width:200px; padding-right:10px; float:left; }

/* ========================= tables ======================== */

table.list-table th { background:#ddd; color:#234; font-weight:normal; border-bottom:1px #aaa solid; text-align:left; }
table.list-table td, table.list-table th { padding:4px 8px; } 
table.list-table td { border-bottom:1px #aaa dotted; } 
table.list-table tr.even td { background:#dfe6e8; } 
table.list-table tr:hover td { background:#ffc; } 
.list-table td.last { text-align:right; } 
table.edit-table th { text-align:right; padding:6px 5px 0 0; font-weight:normal; color:#145; vertical-align:top; }
table.edit-table th, table.edit-table td { padding-bottom:2px; } 
table.list-table td.delete-cell { text-align:right; border-bottom:none; }
table.list-table input { background-color:rgba(255,255,255,0.2);border:1px solid #bbb;padding:5px 10px; }
table.list-table select { background-color:rgba(255,255,255,0.2);border:1px solid #bbb;padding:5px 10px; }
td.delete-cell input { font-size:8pt; } 
.input-section h4 { color:#145; margin:0; font-size:11pt; font-weight:normal; }
.input-section { margin-bottom:1.5em; } 
#bundle-list h5 { margin:4px 0; font-size:10pt; color:#840; } 
a#add-row { float:left; }

/* =============== site structure lists ============= */

ul.site-structure, .site-structure ul { margin:0; padding:0; } 
ul.site-structure li, .site-structure ul li { margin:0; padding:4px 0 4px 30px; background:url(images/dotted-horiz_01.gif) 4px 9px no-repeat; list-style-type:none; } 
ul.site-structure li.page, .site-structure ul li.page { background:url(images/dotted-horiz-page.gif) 4px 0 no-repeat; } 
ul.site-structure li.page-last, .site-structure ul li.page-last { background:url(images/dotted-horiz-page-last.gif) 4px 0 no-repeat; } 
ul.site-structure li.folder, .site-structure ul li.folder { background:url(images/dotted-horiz-folder.gif) 4px 0 no-repeat; } 
ul.site-structure li.folder-last, .site-structure ul li.folder-last { background:url(images/dotted-horiz-folder-last.gif) 4px 0 no-repeat; }

/* =================== login box ========================== */

#login-box { background:#fff; width:200px; border:3px #999ba2 solid; margin:100px auto 0 auto; text-align:left; padding:15px; }
#login-box h3 { color:#369; margin:0 0 5px 0; }

/* ================= content vars details ======================== */

#content-vars-details { position:fixed; display:none; top:0; right:0; background:#f2f2f2; width:240px; height:100%; overflow:scroll; padding:8px; border-left:1px #999 solid; font-size:9pt; }
#content-vars-details h3 { font-size:12pt; color:#369; } 
#content-vars-details ul { padding:0; margin:0; list-style-type:none; }
#content-vars-details li { padding:10px 0; margin:0; border-bottom:1px #ccc solid; }
#content-vars-details h5 { margin:0; color:#468; font-size:9pt; }

/* ============== content blocks ===================== */

#content-block-category-col { width:190px; float:left; } 
#content-block-category-col ul { list-style-type:none; margin:0; padding:0; }
#content-block-category-col li { margin:0; padding:0; border-bottom:1px #ccc dotted; }
#content-block-category-col a:link, #content-block-category-col a:visited, #content-block-category-col a:active { text-decoration:none; display:block; padding:4px; }
#content-block-category-col a:hover { background:#ffc; } 
#content-block-blocks-col { width:730px; float:right; padding:10px; background:#f2f2f2; border:1px #ccc solid; }
#content-block-blocks-col h3 { color:#369; font-size:16pt; margin-top:0; } 
.blocks-category { display:none; }

/* ===================== misc ================================= */

#slp-category-filters { background:#EEF2F9; padding:10px; border:1px dotted #789; }
#slp-category-filters p { margin-top:0; } 
#slp-category-filters form { float:left; margin-right:20px; }
.left { float:left; }
.update-nav-column { float:left; width:450px; }
.show-link { display:block; margin:10px 0; }
.hidden-container { display:none; }
.mass-edit-site-list, .mass-edit-page-list { list-style-type:none; padding:0; margin:0 15px 0 0; width:215px; float:left; font-size:12px; }
.mass-edit-list-list li, .mass-edit-page-list li { padding:0; margin:0 0 5px 0; }
.clear-empty { line-height:1px; clear:both; }
.message { background:#e3e9f5; border:1px #cde solid; padding:10px; color:#469; margin:10px 0; }
.no-border { border:0 !important; } 
.error { background:#ffa; border:1px #edc solid; padding:10px; color:#a00; font-weight:bold; }
#quicklinks {margin:0 10px 0 10px; padding:0}
#quicklinks li {list-style:none; padding-bottom:8px; font-size:14px}
#content-main h2 { margin:0 0 5px 0; font-size:14pt; color:#333; }

div.sbubble {
	width:400px;
	margin-top:30px;
	margin-bottom:10px;
	z-index:10000;
	padding:10px;
	font-size:12px;
	border:1px solid #cccccc;
	background:#efefef;
	border-radius:8px;
	line-height:14px;
	-webkit-animation-name:bubbletip;
	-webkit-animation-duration:.15s;
	-moz-animation-name:bubbletip;
	-moz-animation-duration:.15s;
	box-shadow:3px 3px 3px rgba(153,153,153,1);
	color:#666666;
}
div.sbubble table {
	border:1px solid #cccccc;
}
table.list-table tr.last td {
	border-bottom:none;
}
div.bubble {
	display:none;
	position:absolute;
	
	width:300px;
	top:200px;
	margin-top:30px;
	margin-bottom:10px;
	z-index:10000;
	padding:5px;
	font-size:12px;
	border:1px solid #cccccc;
	background:#efefef;
	border-radius:8px;
	line-height:14px;
	-webkit-animation-name:bubbletip;
	-webkit-animation-duration:.15s;
	-moz-animation-name:bubbletip;
	-moz-animation-duration:.15s;
	box-shadow:3px 3px 3px rgba(153,153,153,1);
	color:#666666;
}

#glass {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background:#666666 url(/images/glass.png) 50% 50% repeat; opacity:.50;
	filter:Alpha(Opacity=50);
	display:none;
}
div.loader {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:9999;
	background:url(glass.png) repeat scroll 50% 50%;
	padding:0;
	margin:0;
}
div.loader > div {
	background:#fff;
	width:80px;
	height:70px;
	padding:10px;
	border:1px solid #000;
	position:absolute;
	text-align:center;
}
div.popup {	
	position:absolute;
	top:100px;
	left:200px;
	border:18px solid rgba(0, 0, 0, .6);
	border-radius:18px;
	z-index:1000;
}
div.popup  > div {
	background:#fff;
	padding:10px 10px 25px 10px;
}
div.box {
	display:inline;
	padding:12px;
	border:1px solid #cccccc;
	background:#efefef;
	border-radius:8px;
}

.block_info .inner {border:1px dashed black; padding:4px; display:inline-block; margin-top:3px; line-height:155%}
.block_info a {text-decoration:none}
.block_info .error {background:#ff6f6f; padding:0 3px}

.ace_editor { width:80% !important; min-height:500px; z-index:0; }
