@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:600px;}
.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/header.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;}

.navdrop-label {cursor:default; color:#438b5b; text-decoration:none; padding-left:22px !important; background:url(/images/admin/dropdown.png) no-repeat 0 0; border:1px solid #fff; height:20px; line-height:20px; display:block;}
.navdrop-label-sel {border:1px solid #438b5b; background-color:#f8f8f8;}
.navdrop {margin:0 !important; padding:4px !important; position:absolute; top:19px; left:-1px; background-color:#f8f8f8; width:150px; border:1px solid #438b5b; border-top:none; display:none; z-index:99999;}
.navdrop li {margin-left:5px;}

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

.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;}
.lister td {height:25px; border-bottom:3px solid #fff; color:#4b4b4b;}
.lister td a {width:100%; height:100%; display:block; padding:2px; text-decoration:none; line-height:20px; color:#4b4b4b;}
.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;}

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

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

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

/* icons */
.icons {width:630px; padding:15px 10px 15px 0; margin:0;}
.icons a {width:76px; height:26px; display:block; float:left; margin:0 14px 12px 0; padding:55px 0 0 0; text-align:center; font-size:10px; line-height:13px; text-decoration:none; position:relative;}
.icons a span {width:50px; height:50px; display:block; margin:0; padding:0; background:url(/images/admin/icons.png) no-repeat; position:absolute; top:0; left:13px; cursor:pointer;}
.icons h3 {width:100%; float:left; clear:both; margin:0; padding:10px 0; border-top:1px solid #dfdfdf; font-weight:normal; font-size:14px; text-transform:uppercase; color:#777;}
.icon1:hover span {background-position:0 -50px !important;}
.icon2 span {background-position:-50px 0 !important;}
.icon2:hover span {background-position:-50px -50px !important;}
.icon3 span {background-position:-100px 0 !important;}
.icon3:hover span {background-position:-100px -50px !important;}
.icon4 span {background-position:-150px 0 !important;}
.icon4:hover span {background-position:-150px -50px !important;}
.icon5 span {background-position:-200px 0 !important;}
.icon5:hover span {background-position:-200px -50px !important;}
.icon6 span {background-position:-250px 0 !important;}
.icon6:hover span {background-position:-250px -50px !important;}
.icon7 span {background-position:0 -100px !important;}
.icon7:hover span {background-position:0 -150px !important;}
.icon8 span {background-position:-50px -100px !important;}
.icon8:hover span {background-position:-50px -150px !important;}
.icon9 span {background-position:-100px -100px !important;}
.icon9:hover span {background-position:-100px -150px !important;}

.tr_inactive td a {color:#999;}