@charset "utf-8";
@import url("dashboard.css");
@import url("admin.extra.css");
@import url("jquery.alerts.css");
/*	Visionary Services Site OnCall CSS
	Copyright 2011, Visionary Services Inc. */

body {margin:0; padding:0; background-color:#efefef; font:12px/18px Arial, Helvetica, sans-serif; color:#333;}
body#admin_body {overflow:hidden;}
img {border:none;}
a {color:#C00;}
a:hover {color:#000;}
input.checker {display:none;}

h2 {width:100%; margin:5px 0 0 0; padding:0; font-size:16px; font-weight:normal; font-style:italic; float:left;}
h2 em {margin-left:20px; font-size:11px;}
h2 a {margin-left:20px; font-size:12px; font-style:normal;}
h2 span {margin-left:20px; font-size:12px; color:#C00; text-decoration:underline; cursor:pointer; font-style:normal;}
h2 span:hover {cursor:pointer; color:#000;}
h2 span.small {color:#000; text-decoration:none; cursor:default;}
h3 {font-size:16px; font-weight:normal; padding:0; margin:5px 0 0;}

/* Page Layout ------------------------------*/
#startup {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:110%; background-color:#efefef; font-size:20px;}
#startup.visible {left:0;}
#startup div {width:320px; height:26px; line-height:26px; padding:10px 0; text-align:center; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px; margin:200px auto 0 auto;}
#page {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; background-color:#efefef;}
#page.hidden {left:110%;}
#page.blank {background-color:#fff; height:auto; min-height:100%;}

/* Menu -------------------------------------*/
#menu {width:200px; height:400px; padding:0; position:absolute; top:5px; left:10px; background-color:#fff; border:1px solid #dfdfdf; overflow:hidden; border-radius:5px; -moz-border-radius:5px;}
#menu .topper {width:180px; padding:55px 10px 0; float:left; background:url(https://static.visionary.com/siteoncall/siteoncall.gif) no-repeat 50% 10px; line-height:15px; font-size:11px;}
#menu .topper select {font-size:11px; margin:0;}
#menu .nav {width:100%; height:300px; padding:25px 0; margin:0; float:left; position:relative; overflow-y:auto; overflow-x:hidden;}
#menu .nav .scroll_top {width:200px; height:15px; position:absolute; top:5px; left:0; background-color:#dfdfdf; display:none;}
#menu .nav .scroll_bottom {width:200px; height:15px; position:absolute; bottom:0; left:0; background-color:#dfdfdf; display:none;}
#menu .nav .menu {width:200px; margin:0; padding:0;}
#menu .nav .nontop {padding-bottom:15px;}
#menu .nav .nonbot {border-top:1px solid #eee; padding-top:20px;}
#menu .nav .menu strong {width:175px; height:25px; line-height:25px; display:block; padding:0 10px 0 15px; font-size:12px; font-weight:bold; border:1px solid #eee; border-width:1px 0 0; background:url(/images/admin/nav-dt.gif) no-repeat 0 50%;}
#menu .nav .menu strong.expanded {background-image:url(/images/admin/nav-dt-expanded.gif);}
#menu .nav .menu strong:hover {cursor:pointer; background-color:#eee;}
#menu .nav .menu ul {margin:0; padding:0; list-style:none; display:none;}
#menu .nav .nontop ul, #menu .nav .nonbot ul {display:block;}
#menu .nav .menu ul li {width:180px; line-height:18px; display:block; padding:0 10px; margin:0; font-size:11px; font-weight:normal;}

/* Header -----------------------------------*/
#head {width:400px; height:35px; padding:10px 15px; position:absolute; top:5px; left:220px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px;}
#head h1 {line-height:20px; font-size:16px; font-weight:bold; margin:0; padding:0;}
#head h2 {line-height:15px; font-size:12px; font-weight:normal; font-style:italic; margin:0; padding:0;}
#head .user {height:12px; line-height:12px; position:absolute; bottom:10px; right:10px; font-size:10px;}

/* Client Logo ------------------------------*/
#logo {width:240px; height:55px; position:absolute; top:5px; right:10px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px; text-align:center;}
#logo a {width:100%; height:100%; display:block; text-indent:-9000px; background:url(/images/admin/logo.png) no-repeat 50% 50%;}

/* Information Box --------------------------*/
#infobox {width:600px; height:50px; padding:0; position:absolute; top:70px; left:220px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px; display:none;}
#infobox .message {width:100%; margin:0; padding:0; position:absolute; top:0; left:0; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px; background-position:15px 50%; background-repeat:no-repeat;}
#infobox .message strong {text-transform:uppercase; font-size:14px; line-height:30px; float:left; clear:left; padding:0 0 0 55px;}
#infobox .message strong.small {line-height:15px; font-size:11px; text-transform:none; position:absolute; top:0; left:0;}
#infobox .message div {font-size:12px; line-height:16px; float:left; clear:right; padding:10px 15px 10px 25px; overflow:hidden;}
#infobox .message div ul {margin:0; padding:0 0 0 20px;}
#infobox .message .close {font-size:11px; line-height:12px; padding-left:13px; position:absolute; bottom:2px; right:7px; cursor:pointer; background:url(/images/admin/close.png) no-repeat 0 0;}
#infobox .m-ok {background-color:#dff2bf; border-color:#4f8a10; color:#4f8a10; background-image:url(/images/admin/msg-ok2.png);}
#infobox .m-warn {background-color:#feefb3; border-color:#9f6000; color:#9f6000; background-image:url(/images/admin/msg-warn.gif);}
#infobox .m-info {background-color:#bde5f8; border-color:#00529b; color:#00529b; background-image:url(/images/admin/msg-info.gif);}
#infobox .m-error {background-color:#ffbaba; border-color:#c1020d; color:#c1020d; background-image:url(/images/admin/msg-error.gif);}

/* Body / Content ---------------------------*/
#body {width:600px; height:300px; padding:15px; position:absolute; top:70px; left:220px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; -moz-border-radius:5px; overflow-x:hidden; overflow-y:auto;}
#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 {font-size:12px;}
#body p {width:100%; float:left; margin:1em 0;}
#body table {float:left;}

/* Record Listing ---------------------------*/
.lister {float:left; clear:both;}
.lister tr {background-color:#dbecf3;}
.lister th {text-align:left; border-bottom:3px solid #fff; background-color:#b8d6e1; border-top:2px solid #8bbccd; line-height:20px; padding:2px; vertical-align:top;}
.lister th .sortorder {height:20px; float:left; margin:0 0 0 0; position:relative; padding:0 0 0 20px;}
.lister th .sortorder a {width:20px; height:10px; display:block; float:left; clear:both; background:url(/images/admin/sortorder.png) no-repeat; position:absolute;}
.lister th .sortorder a.a {background-position:0 0; top:0; left:0;}
.lister th .sortorder a.a:hover, .lister th .sortorder a.a-active {background-position:0 -10px !important; top:0; left:0;}
.lister th .sortorder a.d {background-position:-20px 0; top:10px; left:0;}
.lister th .sortorder a.d:hover, .lister th .sortorder a.d-active {background-position:-20px -10px !important; top:10px; left:0;}
.lister td {border-bottom:3px solid #fff; color:#4b4b4b; vertical-align:top;}
.lister td a {width:100%; display:block; padding:2px; text-decoration:none; line-height:22px; color:#4b4b4b; overflow:hidden;}
.lister a.preview {text-decoration:underline; color:#03c;}
.lister .trhi {background-color:#eff7fa;}
.lister .trover {background-color:#b2ff71 !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;}

/* Category Views / Filtering ---------------*/
.views {width:100%; float:left; clear:both;}
.views strong {float:left; clear:left; font-weight:normal; margin-right:10px;}
.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:url(/images/forms/label-req.png) no-repeat 100% 50%;}
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[type=text] {width:330px; font:12px/16px Arial, Helvetica, sans-serif; border:2px solid #ddd; padding:1px 0; margin:2px 0;}
form.editer select {font:12px/16px Arial, Helvetica, sans-serif; border:2px solid #ddd; padding:1px 0; margin:2px 0;}
form.editer .error_field {border-color:#ffbaba !important;}
form.editer label.error_field {border:none; color:#c00; padding:0 16px 0 0 !important;}
form.editer select {margin:2px 0 0; padding:1px 0; font:12px/16px Arial, Helvetica, sans-serif;}
form.editer textarea {font:12px/16px Arial, Helvetica, sans-serif;}
form.editer td {padding-bottom:10px; vertical-align:top;}
form.editer .mceEditor table {float:none !important;}
form.editer .mceEditor td {padding-bottom:0;}

/* Unique Checks ----------------------------*/
.unique-ok {width:20px; height:20px; background:url(/images/forms/unique-ok.png) no-repeat 50% 50%; float:left; margin-left:3px;}
.unique-bad {width:20px; height:20px; background:url(/images/forms/unique-bad.png) no-repeat 50% 50%; float:left; margin-left:3px;}
#urlkey_check_note {width:265px; height:16px; display:block; line-height:16px; font-size:11px; float:left; clear:both; color:#c00;}
form.editer .unique_icon {width:16px; height:16px; display:block; margin:4px 0 0 4px; float:left; background:url(/images/admin/uniqueIcon.png) no-repeat;}
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;}


/* Action Buttons / Anchors -----------------*/
a.action {width:20px !important; height:20px !important; display:block; background:url(/images/admin/actions.png) no-repeat; padding:0 !important;}
a.edit {background-position:0 0;}
a.edit:hover {background-position:0 -20px !important;}
a.image {background-position:-20px 0;}
a.image:hover {background-position:-20px -20px !important;}
a.delete, a.reject {background-position:-40px 0;}
a.delete:hover, a.reject:hover {background-position:-40px -20px !important;}
a.redirect {background-position:-60px 0;}
a.redirect:hover {background-position:-60px -20px !important;}
a.reset {background-position:-80px 0;}
a.reset:hover {background-position:-80px -20px !important;}
a.print {background-position:-100px 0;}
a.print:hover {background-position:-100px -20px !important;}
a.status-active, a.status-Active {background:url(/images/admin/disable.png) no-repeat 50% 50%;}
a.status-inactive, a.status-Inactive {background:url(/images/admin/enable.png) no-repeat 50% 50%;}
a.feature-yes {background:url(/images/admin/feature-yes.png) no-repeat 50% 50%;}
a.feature-no {background:url(/images/admin/feature-no.png) no-repeat 50% 50%;}
a.movearrow {width:16px !important; height:16px !important; display:block; background:url(/images/admin/arrows.png) no-repeat; padding:0 !important;}
a.moveup {background-position:0 0;}
a.movedown {background-position:-16px 0;}
a.openup {padding:0 15px 0 0; display:inline; background:url(/images/admin/openup.gif) no-repeat 100% 50%;}
a.arrow {padding:0 15px 0 0; display:inline; background:url(/images/admin/garrow.gif) no-repeat 100% 50%;}
a.preview {background-position:-120px 0;}
a.preview:hover {background-position:-120px -20px !important;}

/* Paging Links -----------------------------*/
.pager {list-style:none; margin:0 20px 4px 0; padding:0; float:right;}
.pager li {width:22px; height:22px; line-height:22px; text-align:center; float:left; margin:0 5px 0 0;}
.pager li a {width:100%; height:100%; display:block; text-decoration:none; border:1px solid #aaa;}
.pager li a.active, .pager li a:hover {border:1px solid #8bbccd; background-color:#b2ff71; color:#000;}
.pager li a.active {font-weight:bold; background-color:#dbecf3;}

/* Login Form -------------------------------*/
.loginform {width:350px; padding:30px; margin:100px auto; overflow:hidden; border-radius:5px; -moz-border-radius:5px;}
.loginform .logo {width:160px; height:40px; display:block; background:url(https://static.visionary.com/siteoncall/siteoncall.gif) no-repeat 50% 0; margin:0 auto;}
.loginform h2 {margin:0 0 18px 0 !important; padding:0; font-weight:normal; font-size:16px; line-height:20px; width:100% !important; text-align:center;}
.loginform label {width:116px; text-align:right; margin:0 5px 18px 0; display:inline; float:left; clear:left;}
.loginform input[type=text], .loginform input[type=password] {width:160px; margin:0 0 18px 0; float:left;}
.loginform input[type=submit] {width:60px; text-align:center; float:left; clear:both; margin:0 0 0 145px;}
.loginform .note {width:350px; display:block; text-align:center; font-size:11px; font-style:italic; float:left; clear:both; margin:15px 0 0 0;}
.loginform .forgot_password {width:350px; display:block; text-align:center; font-size:11px; float:left; clear:both; margin:10px 0 0 0;}

/* Photo Gallery Admin ----------------------*/
div.thumb_master {float:left; clear:both; width:100%; margin:4px 0 0 0;}
div.thumb_heading {height:24px; width:100%; background-color:#b8d6e1; border-top:2px solid #8bbccd; cursor:pointer;}
div.thumb_heading:hover {background-color:#eff7fa;}
div.thumb_left_heading {float:left; clear:left; font-weight:bold; width:70%; line-height:24px; text-transform:uppercase; padding:0 0 0 4px;}

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

div.thumb_right_heading {font-weight:bold; float:right; clear:right; text-align:right; text-align:right; padding: 0 4px 0 0;}
div.thumb_right_heading div {height:24px !important;}
div.thumb_right_heading a {height:24px !important; display:block; 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; margin:0 3px 10px 0; text-align:center; width:125px;}
div.parent_thumb:hover {background-color:#b2ff71; cursor:pointer;}

img.thumb {cursor:pointer; width:100px; height:100px; margin:0 auto; display:block;}
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;}

/* Lightbox Form Fieldset -------------------*/
.lightbox_form_group_three {float:left; clear:both; width:100%;}
.lightbox_form_group_two {float:left; clear:both; width:100%;}
.lightbox_form_group_two div {float:left; display:inline; margin:2px; width:246px;}
.lightbox_form_group_three div {float:left; display:inline; margin:2px; width:164px;}
.lightbox_form_group_three div input {width:160px;}
.lightbox_form_group_two div input {width:242px;}
.lightbox_form_group_two div textarea {width:242px;}
textarea.lightbox_full {width:488px;}
.lightbox_full_field {float:left; display:inline; margin:2px; width:492px;}

.tr_inactive td a {color:#999;}

/* Subnav Bar (Tabbed Admin Tool) -----------*/
.navbar {margin:10px 0; padding:0; width:100%; height:35px; border-bottom:1px solid #000; list-style:none;}
.navbar li {float:left; margin:0 6px 0 0;}
.navbar li a {width:93px; height:34px; line-height:34px; display:block; text-align:center; font-size:11px; text-decoration:none; background:url(/images/admin/bg-menu.gif) repeat-x; border:1px solid #000; border-bottom:none; color:#000;}
.navbar li a:hover {background-image:url(/images/admin/bg-menu-hover.gif); color:#fff;}
.navbar li .twoline {line-height:17px;}
.navbar li.last {margin-right:0;}
.navbar li.last a {width:91px;}
.navbar li .active {background-image:url(/images/admin/bg-menu-active.gif); border-bottom:1px solid #fff;}
.navbar li .active:hover {background-image:url(/images/admin/bg-menu-active.gif); color:#000;}
.navbar li .inactive {background-image:url(/images/admin/bg-menu-inactive.gif); color:#777;}

#list_data { width:100% }
.load_ajax { background: white url('/images/admin/text_input_loading.gif') right center no-repeat; }

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