@charset "utf-8";
@import url("/css/jquery.alerts.css");
/* ==========================================================================
 Admin Panel Global CSS - Visionary Site OnCall (visionary.com)
 ========================================================================== */

body {
	margin: 0;
	padding: 0;
	background-color: #efefef;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
}

body#admin_body { overflow: hidden; }

img { border: none; }

a {
	color: #7e8083;
	text-decoration: none;
	background: 0 100% repeat-x url("/images/admin/link-line.png");
}

a:hover {
	color: #7accc8;
	background-image: url("/images/admin/link-line-hover.png");
}

a.no_line { background-image: none; }

input.checker { display: none; }
.clickable { cursor: pointer; }

.soc_gray { color: #7e8083; }
.soc_blue { color: #7accc8; }
.soc_green { color: #c1d82f; }
.soc_red { color: #f05133; }

.soc_gray_border { border-color: #7e8083; }
.soc_blue_border { border-color: #7accc8; }
.soc_green_border { border-color: #c1d82f; }
.soc_red_border { border-color: #f05133; }

.soc_gray_bg { background-color: #7e8083; }
.soc_blue_bg { background-color: #7accc8; }
.soc_green_bg { background-color: #c1d82f; }
.soc_red_bg { background-color: #f05133; }

.cf:before,
.cf:after {
	content: ' ';
	display: table;
}

.cf:after { clear: both; }

.cf { *zoom: 1; }


/* ==========================================================================
 Header styling (h1, h2, h3, etc)
 ========================================================================== */
h2 {
	width: 100%;
	margin: 5px 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
}

h2 em,
h2 a,
h2 span {
	margin-left: 20px;
	font-size: 11px;
}

h2 a { font-style: normal; }

h2 span {
	color: #c00;
	text-decoration: underline;
	font-style: normal;
	cursor: pointer;
}

h2 span:hover { color: #000; }

h2 span.small {
	color: #000;
	text-decoration: none;
	cursor: default;
}

h3 {
	margin: 5px 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
}


/* ==========================================================================
 Page Layout (master container)
 ========================================================================== */
#startup {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 110%;
	overflow: hidden;
	background-color: #efefef;
	font-size: 20px;
}

#startup.visible { left: 0; }

#startup div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 320px;
	height: 36px;
	margin: -19px 0 0 -161px;
	line-height: 36px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}

#page {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: #efefef;
}

#page.hidden { left: 110%; }

#page.blank {
	overflow-y: auto;
	height: auto;
	min-height: 100%;
	background-color: #fff;
}

#overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
}

#overlay .overlay_spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
}

#overlay .overlay_spinner img {
	width: 100%;
	height: 100%;
}


/* ==========================================================================
 Main Left Navigation (toggle areas, logo, etc)
 ========================================================================== */
#menu {
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 10px;
	overflow: hidden;
	width: 200px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}

#menu.login { display: none; }

#menu .topper {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 55px;
	padding: 0 10px;
	background: 50% 10px no-repeat url("https://static.visionary.com/siteoncall/siteoncall.gif");
}

#menu .nav {
	position: absolute;
	top: 55px;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	padding: 25px 0;
}

#menu .nav .scroll_top,
#menu .nav .scroll_bottom {
	position: absolute;
	left: 0;
	display: none;
	width: 200px;
	height: 15px;
	background-color: #dfdfdf;
}

#menu .nav .scroll_top { top: 5px; }
#menu .nav .scroll_bottom { bottom: 0; }

#menu .nav .menu {
	width: 200px;
	margin: 0;
	padding: 0;
}

#menu .nav .nontop { padding-bottom: 15px; }

#menu .nav .nonbot {
	padding-top: 20px;
	border-top: 1px solid #eee;
}

#menu .nav .menu strong {
	display: block;
	width: 175px;
	height: 25px;
	padding: 0 10px 0 15px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #eee;
	background: 0 50% no-repeat url("/images/admin/nav-dt.gif");
	cursor: pointer;
}

#menu .nav .menu strong.expanded { background-image: url("/images/admin/nav-dt-expanded.gif"); }
#menu .nav .menu strong:hover { background-color:#eee; }

#menu .nav .menu ul {
	display: none;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

#menu .nav .nontop ul,
#menu .nav .nonbot ul { display: block; }

#menu .nav .menu ul li {
	display: block;
	width: 180px;
	margin: 0;
	padding: 0 10px;
	line-height: 18px;
	font-size: 11px;
	font-weight: normal;
}


/* ==========================================================================
 Header (Site OnCall company name, user info, etc)
 ========================================================================== */
#head {
	position: absolute;
	top: 5px;
	right: 260px;
	left: 220px;
	height: 35px;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}

#head.login { left: 10px; }

#head h1 {
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-size: 16px;
}

#head h2 {
	margin-top: 0;
	line-height: 15px;
	font-size: 12px;
}

#head .user {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 12px;
	line-height: 12px;
	font-size: 10px;
}


/* ==========================================================================
 Client Logo
 ========================================================================== */
#headlogo {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 240px;
	height: 55px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	text-align: center;
}

#headlogo a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	background: 50% 50% no-repeat url("/images/admin/logo.png");
}


/* ==========================================================================
 Information Box (messages, errors, etc)
 ========================================================================== */
#infobox {
	position: absolute;
	top: 68px;
	right: 10px;
	left: 220px;
	display: none;
	height: 50px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}

#infobox.login { left: 10px; }

#infobox .message {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background-position: 15px 50%;
	background-repeat: no-repeat;
}

#infobox .message .label {
	float: left;
	clear: left;
	padding-left: 55px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

#infobox .message .label.small {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 15px;
	font-size: 11px;
	text-transform: none;
}

#infobox .message .text {
	float: left;
	clear: right;
	overflow: hidden;
	margin: 0;
	padding: 10px 15px 10px 25px;
	font-size: 12px;
	line-height: 16px;
}

#infobox .message .text ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#infobox .message .close {
	position: absolute;
	bottom: 2px;
	right: 7px;
	padding-left: 13px;
	font-size: 11px;
	line-height: 12px;
	cursor: pointer;
	background: 0 0 no-repeat url("/images/admin/close.png");
}

.message {
	width: 100%;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background-position: 15px 50%;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.message .text {
	margin: 10px 55px;
}

.message .text strong {
	font-size: 14px;
	text-transform: uppercase;
}


/* ==========================================================================
 Information Box Themes (ok, warn, info, error)
 ========================================================================== */
#infobox .m_ok, .message.m_ok {
	background-color: #dff2bf;
	border-color: #4f8a10;
	color: #4f8a10;
	background-image: url("/images/admin/msg-ok2.png");
}

.message.m_ok .text a:hover {
	color: #4f8a10;
}

#infobox .m_warn, .message.m_warn {
	background-color: #feefb3;
	border-color: #9f6000;
	color: #9f6000;
	background-image: url("/images/admin/msg-warn.gif");
}

.message.m_warn .text a:hover {
	color: #9f6000;
}

#infobox .m_info, .message.m_info {
	background-color: #bde5f8;
	border-color: #00529b;
	color: #00529b;
	background-image: url("/images/admin/msg-info.gif");
}

.message.m_info .text a:hover {
	color: #00529b;
}

#infobox .m_error, .message.m_error {
	background-color: #ffbaba;
	border-color: #c1020d;
	color: #c1020d;
	background-image: url("/images/admin/msg-error.gif");
}

.message.m_error .text a:hover {
	color: #c1020d;
}


/* ==========================================================================
 Body / Content
 ========================================================================== */
#body {
	position: absolute;
	top: 70px;
	right: 10px;
	bottom: 5px;
	left: 220px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}

#body.login { left: 10px; }

#body h1,
#page.blank h1 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #dfdfdf;
}

#body h1 a,
#body h1 .small { font-size: 12px; }


/* ==========================================================================
 List Table Views
 ========================================================================== */
.resizetbl2 { width: 100%; }

.lister tr { background-color: #e0e0e0; }

.lister th {
	padding: 3px 2px;
	text-align: left;
	line-height: 20px;
	background-color: #bee4e1;
	border-bottom: 3px solid #fff;
	vertical-align: top;
	color: #4a4b4c;
}

.lister thead tr {
	background-color: transparent;
}

.lister thead tr th:first-child {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

.lister thead tr th:last-child {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

.lister thead tr th.handle {
	background-image: url("/images/admin/drag_header.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.lister th .sortorder {
	position: relative;
	float: left;
	height: 20px;
	padding-left: 20px;
}

.lister th .sortorder a {
	position: absolute;
	left: 0;
	display: block;
	width: 20px;
	height: 10px;
	background: no-repeat url("/images/admin/sortorder.png");
}

.lister th .sortorder a.a {
	top: 0;
	background-position: 0 0;
}

.lister th .sortorder a.a:hover,
.lister th .sortorder a.a-active { background-position: 0 -10px; }

.lister th .sortorder a.d {
	top: 10px;
	background-position: -20px 0;
}

.lister th .sortorder a.d:hover,
.lister th .sortorder a.d-active { background-position:-20px -10px; }

.lister th .small {
	font-size: 10px;
	line-height: 14px;
}

.lister td {
	border-bottom: 3px solid #fff;
	color: #4b4b4b;
	vertical-align: top;
}

.lister td.no_align { vertical-align: middle; }

.lister td.handle {
	vertical-align: middle;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.lister td.handle.grabbed {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.lister td.handle span {
	display: inline-block;
	width: 100%;
	height: 26px;
	background: no-repeat 50% -26px transparent url("/images/admin/drag_handle.png");
}

html.touch .lister tr td.handle span,
.lister tr:hover td.handle span {
	background-position: 50% 0;
}

.lister td a {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding: 2px 6px;
	text-decoration: none;
	line-height: 22px;
	color: #4b4b4b;
	background-image: none;
}

.lister a.preview {
	text-decoration: underline;
	color: #03c;
}

.lister a.preview.non_block { display: inline; }
.lister .trhi { background-color: #efefef; }

.lister .trover {
	background-color: #dcf777 !important;
	cursor: pointer !important;
}

.lister .form { display: none; }

.lister .detail {
	float: left;
	padding: 2px;
}

.lister .form .detail { margin: 0 0 4px 0; }
.lister .form a { font-size: 11px; }

.tr_inactive td a { color: #999; }

.lister .uneditable.trover {
	background-color: #ffbaba !important;
}

.lister .trhi.uneditable.trover {
	background-color: #ffbaba !important;
}


/* ==========================================================================
 Admin Panel Tabs
 ========================================================================== */
a.listbutton {
	float: left;
	display: block;
	height: 26px;
	padding: 0 12px;
	background-color: #7e8083;
	background-image: none;
	color: #fff;
	text-decoration: none;
	line-height: 26px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #dfdfdf;
	border-radius: 6px;
}

a.listbutton:hover { background-color: #7accc8; }

p a.listbutton {
	float: none;
	display: inline-block;
}


/* ==========================================================================
 Category/Filter Views
 ========================================================================== */
.views {
	float: left;
	clear: both;
	width: 100%;
}

.views strong {
	float: left;
	clear: left;
	margin-right: 10px;
	font-weight: normal;
}

.views span {
	float: left;
	margin: 0 10px;
	color: #438b5b;
	text-decoration: underline;
}

.views em {
	float: left;
	margin: 0 10px;
	color: #999;
	font-style: normal;
}

.views span.active,
.views span:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.views span.active { font-weight: bold; }


/* ==========================================================================
 Edit Forms
 ========================================================================== */
form label { font-size: 11px; }

form label.req {
	font-weight: bold;
	padding-right: 16px;
	background: 100% 50% no-repeat url("/images/forms/label-req.png");
}

form label.nostar {
	background-image: none;
	padding-right: 0;
}

form label em {
	margin-left: 7px;
	font-weight: normal;
	color: #333 !important;
}

form.editer { margin-top: 20px; }

form.editer input,
form.editer select,
form.editer textarea {
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin: 2px 0;
}

form.editer input[type="text"],
form.editer input[type="password"],
form.editer select,
form.editer textarea {
	margin: 2px 0;
	padding: 3px 3px 3px 1px;
	border: 1px solid #9e9e9e;
	border-radius: 2px;
}

form.editer input[type="text"],
form.editer input[type="password"] { width: 328px; }

form.editer select { width: 333px; }

form.editer input[type="submit"],
form.editer input[type="button"],
form.editer input[type="reset"],
input.button[type="submit"],
input.button[type="button"],
input.button[type="reset"] {
	height: 28px;
	padding: 0 12px;
	background-color: #7e8083;
	color: #fff;
	line-height: 26px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 6px;
	cursor: pointer;
}

form.editer input[type="submit"]:hover,
form.editer input[type="button"]:hover,
form.editer input[type="reset"]:hover,
input.button[type="submit"]:hover,
input.button[type="button"]:hover,
input.button[type="reset"]:hover { background-color: #7accc8; }

form.editer input.cancel { background-color: #9d9fa3; }

form.editer input.default { background-color: #56a39f; }

form.editer .error_field { border-color: #ffbaba !important; }

form.editer label.error_field {
	padding: 0 16px 0 0 !important;
	border: none;
	color: #c00;
}

form.editer td {
	padding-bottom: 10px;
	vertical-align: top;
}

form.editer .field_note,
form.editer .cw_count {
	font-size: 11px;
	font-style: italic;
	line-height: 1.2;
	color: #666;
}

form.editer .cw_count.error { color: #c00; }
form.editer .cw_count.warning { color: #9f6000; }


/* ==========================================================================
 Unique Field Checks
 ========================================================================== */
.unique_field_note {
	position: relative;
	display: inline-block;
	padding: 4px 0 3px 24px;
	font-size: 11px;
	line-height: 13px;
}

.unique_field_note.default { color: #888; }
.unique_field_note.ok { color: #0c0; }
.unique_field_note.bad { color: #c00; }

.unique_field_note .icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 20px;
	height: 20px;
}

.unique_field_note.ok .icon,
.unique_field_note.bad .icon,
.unique_field_note.default .icon { background: no-repeat url("/images/admin/unique_field.png"); }

.unique_field_note.ok .icon { background-position: 0 0; }
.unique_field_note.bad .icon { background-position: -20px 0; }
.unique_field_note.default .icon { background-position: -40px 0; }

.unique_field_note .icon img {
	max-width: 100%;
	max-height: 100%;
}

.unique-ok,
.unique-bad {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.unique-ok { background-image: url("/images/forms/unique-ok.png"); }
.unique-bad { background-image: url("/images/forms/unique-bad.png"); }

#urlkey_check_note {
	float: left;
	clear: both;
	display: block;
	width: 265px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	color: #c00;
}

form.editer .unique_icon {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin: 4px 0 0 4px;
	background: no-repeat url("/images/admin/uniqueIcon.png");
}

form.editer .unique_icon.ok { background-position: 0 -16px; }
form.editer .unique_icon.bad { background-position: 0 -32px; }

form.editer .unique_message {
	float: left;
	clear: both;
	font-size: 10px;
	line-height: 16px;
}

form.editer .unique_message.ok { color: #0c0; }
form.editer .unique_message.bad { color: #c00; }

form.editer .dictionary_save {
	padding-top: 10px;
}

form.editer .dictionary_save .left, form.editer .dictionary_save .right {
	float: left;
	width: 50%;
}

form.editer .dictionary_save .right {
	text-align: right;
}


/* ==========================================================================
 Action/Event Buttons
 ========================================================================== */
a.action,
a.movearrow {
	display: block;
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
	background-image: url("/images/admin/actions.png") !important;
	background-repeat: no-repeat !important;
}

.lister td a.action { margin-top: 5px; }

a.approve_member { background-position: -200px 0;}
a.approve_member:hover { background-position: -200px -20px; }

a.edit { background-position: 0 0;}
a.edit:hover { background-position: 0 -20px; }

a.image { background-position: -20px 0; }
a.image:hover { background-position: -20px -20px; }

a.delete,
a.reject { background-position: -40px 0; }
a.delete:hover,
a.reject:hover { background-position: -40px -20px; }

a.redirect { background-position: -60px 0; }
a.redirect:hover { background-position: -60px -20px; }

a.reset { background-position: -80px 0; }
a.reset:hover { background-position: -80px -20px; }

a.print { background-position: -100px 0; }
a.print:hover { background-position: -100px -20px; }

a.preview { background-position: -120px 0; }
a.preview:hover { background-position: -120px -20px; }

a.status-active,
a.status-Active { background-position: -140px 0; }

a.status-inactive,
a.status-Inactive { background-position: -140px -20px; }

a.feature-yes { background-position: -160px 0; }
a.feature-no { background-position: -160px -20px; }

a.moveup { background-position: -180px 0; }
a.movedown { background-position: -180px -20px; }

a.openup:after {
	content: url("/images/admin/openup.gif");
	margin-left: 2px;
}

a.arrow:after {
	content: url("/images/admin/arrow.gif");
	margin-left: 2px;
}


/* ==========================================================================
 Paging Buttons
 ========================================================================== */
.pager {
	float: right;
	margin: 0 20px 4px 0;
	list-style: none;
}

.pager li {
	float: left;
	width: 22px;
	height: 22px;
	margin: 0 5px 0 0;
	line-height: 22px;
	text-align: center;
}

.pager li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: 1px solid #aaa;
	border-radius: 2px;
	background-image: none;
}

.pager li a.active,
.pager li a:hover {
	border-color: #7accc8;
	background-color: #b2ff71;
	color: #000;
}

.pager li a.active {
	font-weight: bold;
	background-color: #e0e0e0;
}


/* ==========================================================================
 Login Form
 ========================================================================== */
.loginform {
	overflow: hidden;
	width: 350px;
	margin: 100px auto;
	padding: 30px;
	border-radius: 5px;
	text-align: center;
}

.loginform .logo {
	display: block;
	width: 160px;
	height: 40px;
	margin: 0 auto;
	background: 50% 0 no-repeat url("https://static.visionary.com/siteoncall/siteoncall.gif");
}

.loginform h2 {
	margin: 0 0 18px;
	line-height: 20px;
	text-align: center;
}

.loginform label {
	float: left;
	clear: left;
	display: inline;
	width: 116px;
	margin: 0 5px 18px 0;
	text-align: right;
}

.loginform input[type="text"],
.loginform input[type="password"] {
	float: left;
	width: 160px;
	margin: 0 0 18px;
}

.loginform input[type="submit"] {
	display: inline-block;
	padding: 0 18px;
	text-align: center;
}

.loginform .note {
	float: left;
	clear: both;
	display: block;
	width: 350px;
	margin-top: 15px;
	text-align: center;
	font-size: 11px;
	font-style: italic;
}

.loginform .forgot_password {
	float: left;
	clear: both;
	display: block;
	width: 350px;
	text-align: center;
	font-size: 11px;
	margin-top: 10px;
}


/* ==========================================================================
 Photo Gallery admin tools
 ========================================================================== */
div.thumb_master {
	float: left;
	clear: both;
	width: 100%;
	margin: 4px 0 0 0;
}

div.thumb_heading {
	width: 100%;
	height: 24px;
	background-color: #bee4e1;
	border-top: 2px solid #7accc8;
	cursor: pointer;
}

div.thumb_heading:hover { background-color: #efefef; }

div.thumb_left_heading {
	float: left;
	clear: left;
	width: 70%;
	padding: 0 0 0 4px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
}

a.title {
	float: left;
	clear: left;
	width: 100%;
}

div.thumb_right_heading {
	float: right;
	clear: right;
	padding: 0 4px 0 0;
	font-weight: bold;
	text-align: right;
	text-align: right;
}

div.thumb_right_heading div { height: 24px !important; }

div.thumb_right_heading a {
	display: block;
	height: 24px !important;
	line-height: 24px !important;
}

div.thumb_container {
	float: left;
	overflow: hidden;
	width: 100%;
	min-height: 150px;
	margin: 4px 0 0 0;
}

div.parent_thumb {
	float: left;
	width: 125px;
	margin: 0 3px 10px 0;
	text-align: center;
}

div.parent_thumb:hover {
	background-color: #b2ff71;
	cursor: pointer;
}

img.thumb {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	cursor: pointer;
}

strong.primary_photo-title { font-size: 11px; }

.tabs { width: 100px; }

.thumb {
	width: 100px;
	height: 100px;
}

.selected_gallery,
.selected_album,
.selected_photo,
.primary_selected { background-color: #b2ff71; }


/* ==========================================================================
 AJAX & Dynamic content
 ========================================================================== */
#list_data { width: 100% }
.load_ajax { background: #fff no-repeat 100% 50% url("/images/admin/text_input_loading.gif"); }


/* ==========================================================================
 Drag & Drop Sorting
 ========================================================================== */
.sortable .ui-state-highlight { height: 30px; }


/* ==========================================================================
 In-Content Error Messages
 ========================================================================== */
.form_error { color: #c00; }

.form_error strong {
	padding-left: 20px;
	background: 0 50% no-repeat url("/images/admin/msg-error-small.png");
}

.form_error ul { margin: 0 25px 0 0; }


/* ==========================================================================
 Spinner
 ========================================================================== */
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	display: none;
	width: 250px;
	height: 250px;
	margin: -125px 0 0 -125px;
}

.spinner_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	display: none;
	background-color: #fff;
}


/* ==========================================================================
 Moxie Manager (fix for non-HTML5)
 ========================================================================== */
.moxman-image img { margin-top: 0 !important; }


/* ==========================================================================
 New Sortable Lists (only on CMS list page for now)
 ========================================================================== */
#list_table_container {
	width: 800px;
	min-width: 700px;
	margin: 1em 0;
}

#main_navigation {
	padding-bottom: 8px;
}

.list_table_head {
	background-color: #bee4e1;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

.list_table_sub_head {
	margin-top: 4px;
	color: #4A4B4C;
	font-style: italic;
	font-weight: bold;
	background-color: #d1d1d1;
	display: inline-block;
	padding: 4px 4px 4px 10px;
	line-height: 20px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body.dragging,
body.dragging * {
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

.dragging .action {
	display: none !important;
}

ol.list_table, ol.list_table ol {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

ol.list_table ol ol, ol#landing_pages ol {
	display: none; /* This ensures that you can't nest/drop items past 2 levels */
}

ol.list_table li {
	margin-top: 4px;
	position: relative;
}

.dragging ol.nested_sort li {
	position: static !important;
}

ol.nested_sort li.dragged {
	position: absolute !important;
}

ol.list_table li .data, .list_table_head .data {
	display: block;
	line-height: 20px;
	height: 20px;
	padding: 4px 44px 4px 20px;
	color: #000;
	background: #efefef;
}

.list_table_head .data {
	background: transparent;
	color: #4A4B4C;
	font-weight: bold;
}

ol.list_table li .data > span, .list_table_head .data > span {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	float: left;
	height: 20px;
	padding-right: 4px;
}

ol.list_table ol li .data > span:first-child {
	padding-left: 10px;
}

ol.list_table li .data > span .draft {
	font-style: italic;
	padding-left: 0.5em;
	color: #4A4B4C;
}

ol.list_table li .action {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 4px;
	right: 28px;
	cursor: pointer;
}

ol.list_table li .action.delete {
	right: 4px;
}

ol.nested_sort li .action.drag {
	position: absolute;
	width: 18px;
	height: 28px;
	top: 0;
	left: 0;
	background: no-repeat 50% 25px transparent url("/images/admin/drag_handle.png");
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

html.touch ol.nested_sort li .action.drag,
ol.nested_sort li:hover .action.drag {
	background-position: 50% 1px;
}

ol.nested_sort li.placeholder {
	position: relative;
	height: 26px;
	border: 1px dashed #bee4e1 !important;
}

.dragging ol.list_table ol {
	background-color: #bee4e1;
	padding-top: 4px;
	padding-bottom: 8px;
	border-left: 8px solid #bee4e1;
	margin-bottom: 8px;
}

.dragging ol.nested_sort {
	padding-top: 4px;
	padding-bottom: 4px;
}

ol.list_table ol li.placeholder {
	border-color: #fff !important;
}

ol.list_table li.odd > .data {
	background: #e0e0e0 !important;
}

ol.list_table li .data:hover {
	background-color: #dcf777 !important;
}

.dragging ol.nested_sort li .data:hover {
	background-color: #efefef !important;
}

.dragging ol.nested_sort li.odd > .data:hover {
	background: #e0e0e0 !important;
}

/* Admin Tabs -----------*/
.navbar {padding:0; width:100%; list-style:none;}
.navbar li {float:left; margin:0 6px 0 0;}
.navbar li a {
	width:auto; 
	height:30px; 
	line-height:30px; 
	padding: 0 14px; 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	background:url(/images/admin/tabs.gif) repeat-x; 
	margin: 4px -7px 0 0;
	color: #333;
}
.navbar li a:hover, .navbar li a:focus {
	cursor: pointer;
	background-position: 0 -30px;
}

.navbar li .active {
	background: #bee4e1;
	border-bottom: 1px solid #D0D4D5;
}
.navbar li.last {margin-right:0;}
.navbar li.last a {width:91px;}