@charset "UTF-8";
/* Styles used on all back-end pages
*  Jessica Greenwalt
*  www.jgreenwalt.com
*  07-23-09
******************************* */

/* Main Containers
*********************/
html {
    background:#846290 url(/control/img/html-bg.gif) top left repeat;
    font-size:125%;}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:50%;}

#center {
    background:transparent url(/control/img/body-bg.png) center repeat-y;
    margin:0 auto;
    padding-bottom:50px;
    width:1006px;
    position:relative;}

/* Header */
#header {
    background:url(/control/img/header-bg.png) top left no-repeat;
    height:76px;
    position:relative;
    z-index:10;}
#header a.logo {
    background:url(/control/img/vc-logo.png) top left no-repeat;
    color:#FFF;
    text-indent:-9999px;
    margin-left:20px;
    display:block;
    width:314px;
    height:63px;}
#top-nav {
    text-align:right;
    position:absolute;
    top:17px;
    right:30px;}
#top-nav p {margin-bottom:8px;}
#top-nav ul {
    display:inline;
    font-size:1.2em;
    font-weight:bold;}
#top-nav ul li {
    display:inline;
    margin-left:10px;}

/* Sub-navigation */
#sub-nav {
    background:url(/control/img/sub-nav.gif) top left no-repeat;
    width:872px;
    height:31px;
    top:69px;
    left:24px;
    position:absolute;}
#sub-nav ul {margin-top:8px;}
#sub-nav ul li {
    display:inline;
    font-size:1.2em;
    font-weight:bold;
    color:#FFF;
    margin-right:10px;}
#sub-nav a {color:#FFF;}
#sub-nav a:hover {color:#A1A535;}

/* Help Tab */
#help a {
    background:url(/control/img/help.gif) top left no-repeat;
    width:84px;
    top:69px;
    right:24px;
    position:absolute;
    z-index:5;}

#help a h6 {
    background:url(/control/img/help-icon.png) top left no-repeat;
    display:block;
    width:84px;
    height:20px;
    font-size:1.2em;
    font-weight:bold;
    text-indent:27px;
    line-height:20px;
    color:#FFF;
    margin-top:5px;
    margin-left:14px;}

#help a:hover {
    background:#A1A535 url(/control/img/help-over.gif) bottom left no-repeat;
    width:370px;
    position:absolute;}

#help a span {
    display:none;}

#help a:hover span {
    display:block;
    color:#FFF;
    font-size:1.2em;
    margin-top:-20px;
    margin-bottom:25px;
    margin-left:41px;
    margin-right:30px;}

/* Content Area */
#content {
    width:980px;
    margin:0 auto;
    text-align:left;
    font-size:1.2em;}

.three-column {padding:40px 0 0 40px;}
.two-column {padding:40px 0 0 40px;}
.page-count {width:900px;text-align:right;margin-bottom:20px;}

#left-column {
    width:650px;
    margin:40px 0 80px 25px;
    float:left;}

/* = Sidebar */
#right-column {
    width:264px;
    margin:40px 25px 50px 0;
    float:right;}

#right-column h2 {
    font-size:11px;
    margin:8px 0 0 10px;}

#right-column ul {
    list-style:none;
    margin:0;
    padding:0;}
#right-column ul li {
    margin:0;}
.green_controls li a,
.purple_controls li a,
.red_controls li a {
    width:264px;
    height:31px;
    display:block;
    padding:12px 0 0 20px;
    color:#FFF;
    font-size:14px;}

.green_controls li a {background:url(/control/img/green_control_btn.gif) top left no-repeat;}
.green_controls li a:hover {background:url(/control/img/green_control_btn_o.gif) top left no-repeat;}
.purple_controls li a {background:url(/control/img/purple_control_btn.gif) top left no-repeat;}
.purple_controls li a:hover {background:url(/control/img/purple_control_btn_o.gif) top left no-repeat;}
.red_controls li a {background:url(/control/img/red_control_btn.gif) top left no-repeat;}
.red_controls li a:hover {background:url(/control/img/red_control_btn_o.gif) top left no-repeat;}

.key-item {display:block;height:20px;position:relative;text-indent:22px;line-height:19px;}
.key-item img {position:absolute;left:0;}

/* Footer */
.clear {clear:both;}
#footer {
    background:transparent url(/control/img/footer-bg.png) top left no-repeat;
    height:44px;
    width:1006px;
    text-align:right;
    font-size:1em;
    margin:0 auto;
    margin-top:-37px;
    position:relative;}
#footer p {position:absolute;top:15px;right:25px;}

/* Headings */
h2 {
    color:#A1A535;
    font-size:1.4em;
    font-weight:normal;
    margin-bottom:10px;}
a h2 {
    color:#6B4284;
    margin-bottom:0;}
a:hover h2 {
    color:#A1A535;
    margin-bottom:0;}
h3 {
    color:#6B4284;
    font-size:1.2em;
    margin:7px 0 5px 0;}
h4 {
    font-size:1em;
    margin-top:.5em;
    margin-bottom:.4em;}
h5 {
    font-size:1em;
    margin-top:1em;
    margin-bottom:.3em;}
a {color:#6B4284;text-decoration:none;}
a:hover {color:#A1A535;}

/* Lists */
ul {margin-left:15px;}
ul li {margin-bottom:5px;}

.date-list {list-style:none;}
.date-list em {color:#6B4284;}
.date-list strong {color:#A1A535;}

/* Forms
*******************/
#forms .column1,
#forms .column2,
#forms .column3 {
    float:left;
    margin-bottom:40px;}
#forms .column2 {margin-left:15px;}

#left-column #forms .column1 {
    width:325px;
    margin-right:40px;}
#left-column #forms .column2 {
    width:245px;}

#forms .form-group {margin-top:20px;}
#forms label {
    display:block;
    margin-top:10px;
    margin-bottom:4px;}
#forms input {margin-bottom:5px;}
#forms textarea {
    margin-bottom:5px;width: 240px; height: 70px;}
#forms textarea.nicedit {
    margin-bottom:5px;width: 240px; height: 70px;}

#forms .sidebartemp-nicedit {
    width:512px;
    height:308px;}

#forms .checkbox {display:inline;}
#forms .checkbox-label {margin-left:5px;}

.forms label {
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
}

.forms input {
    margin-bottom: 5px;
}

.forms textarea {
    margin-bottom: 5px;
    width: 240px;
    height: 70px;
}

.show-hide-downloads {
    background: transparent;
    border:     none;
    padding:    0;
    display:    block;
    color:      #6b4284;
    cursor:     pointer;
}

form input {display:block;}

.upload-box {float:left;}

.submit-btn {
    background:#A1A535;
    color:#FFF;
    border:1px solid #6B4284;
    padding:5px;
    margin-top:5px;}
.browse-btn {
    float:left;}

.info-group {
    display:block;
    margin-bottom:19px;}

.back-caption {
    color:#6B4284;
    display:block;
    margin-top:10px;}

.img-name-popup {
    display:block;
    margin-bottom:5px;}
.img-name-popup a span {display:none;}
.img-name-popup a:hover span {
    display:block;
    background:#FFF;
    border:2px solid #A1A535;
    padding:5px;
    position:absolute;}

/* = Sign In Page */
.sign-in-page h2 {
    text-align:center;
    color:#6B4284;
    margin-top:2em;
    text-indent:-15px;}

.sign-in-page form {
    background:url(/control/img/log-in-box.gif) top left no-repeat;
    margin:0 auto;
    width:375px;
    height:224px;
    padding-top:20px;}

.sign-in-page form label,
.sign-in-page form input,
.sign-in-page form a {margin-left:100px;}

.sign-in-page form label {color:#FFF;}

.sign-in-page form a {color:#A1A535;}
.sign-in-page form a:hover {color:#FFF;}

/* Browse Media Library */
#forms .img-group {
    background:url(/control/img/img-group-box.gif) top left no-repeat;
    padding-top:15px;
    width:454px;
    height:140px;}
#forms .img-group .thumbnail {
    margin:0 7px 0 15px;
    width:200px;
    height:115px;
    float:left;}
#forms .img-group h4 {color:#6B4284;}
#forms .img-group p {font-size:80%;margin-bottom:1em;}

#forms .img-group-s {margin-bottom:20px;}
#forms .img-group .ml-thumb {height:168px;}
#forms .img-btn {display:block;margin-top:5px;}

/* Account Forms */
#add-user {margin-top:10px;}
#add-user label {display:block;font-weight:bold;color:#6B4284;}
#add-user select,
#add-user input {margin-bottom:9px;}

/* Manage Accounts */
#account-search {margin:10px 0 20px 0;}
#account-search input,
#account-search submit {display:inline;}
#account-search label {font-weight:bold;color:#6B4284;}

.add-new-btn {
    background:url(/control/img/btn-add.png) 0 0 no-repeat;
    padding:2px 0 5px 21px;
    margin-bottom:15px;}

/* Back-end User Messages */
#error,
#important {
    font-weight:bold;
    margin-bottom:10px;
    }

#error, .error {
    color: #7f0f0f;;
    width: 530px;
    padding: 10px;
    font-weight: bold;
    background: #efb3b3;
    border: 3px solid #a53535;
}

#important {
    color:#339933;
    }

#explain {
    margin-bottom:10px;
    }

/* Other
*********************/
.gray {color:#999999;}
.green {color:#A1A535;}
.purple {color:#6B4284;}
.red {color:#900;}

.hide {display:none;}

#center-block {
    background:#FFF;
    display:block;
    font-size:3em;
    width:700px;
    height:300px;
    position:relative;
    top:100px;
    padding:20px;
    margin:0 auto;}
#center-block p {
    font-size:.5em;
    margin-top:10px;}

.confirmation {
    width:530px;
    padding:10px;
    font-weight:bold;
    color:#7B7F0F;
    background:#EDEFB3;
    border:3px solid #A1A535;
    margin-bottom:15px;}

#confirmation {
    width:530px;
    padding:10px;
    font-weight:bold;
    color:#7B7F0F;
    background:#EDEFB3;
    border:3px solid #A1A535;
    margin-bottom:15px;}

/* Animated Banner */
.banner{
    position:relative;
    width:886px;
    height:174px;
    margin:0 auto;
    margin-top:15px;
    }

.banner .triangle_1,
.banner .triangle_2,
.banner .triangle_3,
.banner .triangle_4,
.banner .triangle_5,
.banner .triangle_6 {
    position:absolute;
    display:block;
    }

.banner .triangle_1 {
    top:0;
    left:0;
    }
.banner .triangle_2 {
    top:0;
    left:8px;
    }
.banner .triangle_3 {
    top:0;
    left:302px;
    }
.banner .triangle_4 {
    top:0;
    left:312px;
    }
.banner .triangle_5 {
    top:0;
    left:606px;}
.banner .triangle_6 {
    top:0;
    left:615px;
    }

.banner_edit_btn {margin-bottom:30px;}

.back_link {
    display:block;
    margin-top:20px;}

.control_group {
    background:#efefef;
    padding:3px 10px 15px 10px;
    margin:1em 0 1em 0;
}

.listed_file {
    padding:5px 0 7px 0;
    margin-bottom:2px;  }
.listed_file img,
.add-another img {
    position:relative;
    top:4px;}

.add-another {
    background:transparent;
    border:none;
    padding:0;
    }

/* Photo Gallery */
.photo_control_box {
    border-top: 1px solid gray;
    padding: 6px;
    margin: 0px;
    width: 566px;
    height: 115px;
}

.photo_control_box img {
    float: left;
    margin-right: 6px;
}

.photo_control_box p {
    margin-top: 4px;
}

.photo_control_box a {
    text-decoration: underline;
}

hr {
    border: 0;
    color: gray;
    background-color: gray;
    height: 1px;
    margin: 0;
    width: 578px;
}

#photo_category_thumbnail {
    border: 1px solid gray;
    width: 196px;
    height: 108px;
    padding-top: 98px;
    color: gray;
    text-align: center
}

/* jQuery-related */
.js-link {
    cursor: pointer;
}