@charset "utf-8";
/* Visionary Services Admin Panel CSS */

body {margin:0; padding:0; background-color:#efefef; font:12px/18px Arial, Helvetica, sans-serif; color:#333;}
img {border:none;}
a {color:#438b5b;}
a:hover {color:#000;}

.container {width:1000px; margin:10px auto; position:relative; background-color:#fff; overflow:hidden; padding:10px 10px 25px 10px; min-height:500px;}
.corner {background:url(/images/admin/corners.png) no-repeat 0 0; position:absolute; width:10px; height:10px;}
.c1 {background-position:0 0; top:0; left:0;}
.c2 {background-position:-10px 0; top:0; left:1010px;}
.c3 {background-position:0 -10px; bottom:0; left:0;}
.c4 {background-position:-10px -10px; bottom:0; left:1010px;}

.head {width:100%; height:75px; float:left; clear:both; position:relative;}
.head .home {width:400px; height:70px; display:block; position:absolute; top:0; left:0; background:url(/images/admin/logo.gif) no-repeat;}
.head .logo {width:233px; height:40px; display:block; position:absolute; top:0; left:767px; background:url(/images/admin/vsi.gif) no-repeat;}
.head .bar {position:absolute; top:43px; left:459px; background:url(/images/admin/barbg.gif) repeat-x; width:550px; border-right:1px solid #fff; height:27px;}
.head .bar h1 {margin:0; padding:0 0 0 20px; height:27px; font-size:18px; text-transform:uppercase; line-height:27px; background:url(/images/admin/barh1bg.gif) no-repeat 0 0;}

.body {width:100%; float:left; clear:both; margin:5px 0;}
.nav {width:160px; float:left; clear:left; margin:0 5px 0 0; border:1px solid #dfdfdf; padding:7px 10px;}
.nav h2 {margin:0; padding:0; font-size:12px; line-height:18px;}
.nav p {margin:6px 0; padding:0; font-size:11px; line-height:15px;}
.nav ul {list-style:none; margin:10px 0; padding:0;}
.nav ul li {list-style:none; padding:0; line-height:20px;}
.nav ul li a {color:#438b5b;}
.nav ul li a:hover {color:#000;}
.content {width:800px; float:left; margin:0 0 0 10px; position:relative;}
.content h1 {margin:0; padding:0; font-size:18px; font-weight:normal;}
.content h1 a {font-size:12px;}
input.checker {display:none;}

.foot {width:1000px; position:absolute; bottom:5px; left:10px;}
.foot .legal {width:50%; float:left; font-size:11px; margin:0; text-align:right;}
.foot .user {width:50%; float:left; font-size:11px; margin:0;}

div.errors {width:380px; padding:10px; border:2px dashed #c00; color:#c00;}

.loginform {width:350px; padding:30px; margin:100px auto; border:1px dotted #ccc; overflow:hidden;}
.loginform h2 {margin:0 0 18px 0; padding:0; font-weight:normal; font-size:16px; line-height:20px;}
.loginform label {width:100px; 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] {float:left; clear:both; margin:0 0 0 105px;}

.plans tr {background-color:#dbecf3;}
.plans th {text-align:left; border-bottom:3px solid #fff; background-color:#b8d6e1; border-top:2px solid #8bbccd; line-height:20px; padding:2px;}
.plans td {height:25px; border-bottom:3px solid #fff; color:#4b4b4b;}
.plans td a {width:100%; height:100%; display:block; padding:2px; text-decoration:none; line-height:20px; color:#4b4b4b;}
.plans .trhi {background-color:#eff7fa;}
.plans .trover {background-color:#b2ff71 !important;}
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 {background-position:-40px 0;}
a.delete:hover {background-position:-40px -20px !important;}

form label {font-size:11px;}
form label.req {font-weight:bold;}
form label.req span {color:#c00; margin-left:7px; font-size:14px; line-height:12px;}
form label em {margin-left:7px; font-weight:normal;}
form.editer {margin-top:20px;}
form.editer input[type=text] {width:285px;}

.fpimg {width:125px; height:140px; float:left; text-align:center;}
.fpimg .removebtn {font-size:10px;}

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%;}

.message {padding:8px 0 8px 8px; position:absolute; top:0; right:0; z-index:100; background-color:#fff;}
.message .m {padding:7px 7px 7px 31px; border:2px solid #666; background-color:#dedede; font-weight:bold; background-repeat:no-repeat; background-position:1px 50%; line-height:18px;}
.message .m strong {text-transform:uppercase; font-size:14px;}
.message .ok {background-color:#def1ca; border-color:#4d9303; background-image:url(/images/admin/msg-ok.gif); color:#000;}
.message .ok strong {color:#45860f;}

/* gallery
----------------------------------------------------------------------------------------*/
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 {line-height:24px;}

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;}