/* 
    Document   : cms
    Created on : Jul 5, 2012, 10:08:24 AM
    Author     : Brandon
    Description:
        CMS style sheet.
*/

@font-face {
	font-family: BlairMdITC;
	src: url("/img/font/BlairMdITC.ttf");
}


/* -------------------------------- */
/* Global styles                    */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, Sans-Serif, Sans;
}

h1 {
	font-family: BlairMdITC;
	text-align: center;
        margin-bottom: 2px;
        line-height: 100%;
}

h2 {
        font-size: 12pt;
        text-align: center;
}

a:link, a:visited {
	text-decoration: none;
	color: #295EFF;
}

a:hover, a:active {
	text-decoration: none;
	color: #85858E;
}
p {
    padding-left: 50px;
}

div.centered {
    text-align: center;
}


/* -------------------------------- */
/* Site layout                      */
div#frame {
	border: none;
}

header {
	font-family: BlairMdITC;
	font-size: 24pt;
	font-weight: normal;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
        padding-top: 10px;
}

div#login {
        float: right;
        padding: 4px;
        border: none;
        font-size: 10pt;
        background-color: #EDEDED;
        position: relative;
        border-top: 1px solid #CDCDCD;
        right: -10px;
        top: -10px;
        margin-bottom: 15px;
        width: 100%;
        text-align: right;
}

div#login span.un {
        font-weight: bold;
        padding-left: 5px;
        float: left;
}

div#login span.sm {
        font-size: 9pt;
}


/* -------------------------------- */
/* Navigation                       */
nav#navmain {
	float: left;
	padding: 10px 10px 10px 0px;
	font-size: 10pt;
	width: 230px;
	border-right: 1px solid #CDCDCD;
}

nav#navmain > h2, nav#navmain > div > h2 {
	font-family: BlairMdITC;
	font-size: 12pt;
	margin-bottom: 2px;
	color: #343434;
}

nav#navmain > div > h3 {
	font-family: BlairMdITC;
	font-size: 10pt;
	margin-bottom: 2px;
	color: #343434;
    text-align: center;
}

nav#navmain h2:nth-child(2) {
        clear: both;
}

nav#navmain > ul, nav#navmain > div > ul {
	margin-top: 2px;
	list-style-type: square;
	margin-bottom: 15px;
}

nav#navmain > ul > li, nav#navmain > div > ul > li {
	margin-bottom: 2px;
}

#navmainArchiveToggle {
	font-family: Arial, Sans-Serif;
}

section#main {
	margin-left: 240px;
        min-width: 875px;
}

footer {
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 10pt;
}


/* -------------------------------- */
/* Breadcrumbs                      */
.breadcrumbs {
    font-size: 11pt;
    text-align: center;
    color: #828282;
    margin-bottom: 25px;
}

.breadcrumbs ul {
    list-style: none;
    margin-top: 5px;
}

.breadcrumbs ul li {
    display: inline;
}

.breadcrumbs ul li:after {
    content: ' > ';
}

.breadcrumbs ul li:last-child:after {
    content: '';
}

.breadcrumbs a:link, .breadcrumbs a:visited {
    text-decoration: underline;
    color: #828282;
}

.breadcrumbs a:hover, .breadcrumbs a:active {
    text-decoration: none;
    color: #295EFF;
}

/* -------------------------------- */
/* Message balloons                 */
div.message {
	width: 90%;
	border-radius: 4px;
	padding: 6px;
	color: #000000;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 1px 1px 3px #888;
}

div.message > a.close_button, ul#notes > li > a.close_button {
	position: relative;
	top: 1px;
        width: 16px;
        height: 16px;
	float: right;
        background-image: url('/img/buttons/close_button.png');
}

div.message > a:link, 
div.message > a:visited {
        color: #000;
}

div.message > span.details {
    float: right;
    margin-right: 10px;
}
div.message > span.details:before {
    content: '[';
}
div.message > span.details:after {
    content: ']';
}

div.error {
	background: #ff8a7f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a7f 0%, #ce6161 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a7f), color-stop(100%,#ce6161)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a7f 0%,#ce6161 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a7f 0%,#ce6161 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a7f 0%,#ce6161 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a7f 0%,#ce6161 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a7f', endColorstr='#ce6161',GradientType=0 ); /* IE6-9 */
}

div.warning {
	background: #fcf67e; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcf67e 0%, #cec963 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf67e), color-stop(100%,#cec963)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcf67e 0%,#cec963 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcf67e 0%,#cec963 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcf67e 0%,#cec963 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcf67e 0%,#cec963 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf67e', endColorstr='#cec963',GradientType=0 ); /* IE6-9 */
}

div.success {
	background: #8ffc7e; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ffc7e 0%, #71cc63 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ffc7e), color-stop(100%,#71cc63)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ffc7e 0%,#71cc63 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ffc7e 0%,#71cc63 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ffc7e 0%,#71cc63 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ffc7e 0%,#71cc63 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ffc7e', endColorstr='#71cc63',GradientType=0 ); /* IE6-9 */
}

div.list-item {
        background: #d6d6d6; /* Old browsers */
        background: -moz-linear-gradient(top,  #d6d6d6 0%, #b2b2b2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d6d6d6 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d6d6d6 0%,#b2b2b2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d6d6d6 0%,#b2b2b2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d6d6d6 0%,#b2b2b2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
}

div.list-item.package {
    background: #a9acd3; /* Old browsers */
    background: -moz-linear-gradient(top,  #a9acd3 0%, #7f8da8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9acd3), color-stop(100%,#7f8da8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a9acd3 0%,#7f8da8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a9acd3 0%,#7f8da8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a9acd3 0%,#7f8da8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a9acd3 0%,#7f8da8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9acd3', endColorstr='#7f8da8',GradientType=0 ); /* IE6-9 */
}
div.list-item.specialsection {
    background: #afd8b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #afd8b4 0%, #91b78b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd8b4), color-stop(100%,#91b78b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #afd8b4 0%,#91b78b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #afd8b4 0%,#91b78b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #afd8b4 0%,#91b78b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #afd8b4 0%,#91b78b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd8b4', endColorstr='#91b78b',GradientType=0 ); /* IE6-9 */
}

/* -------------------------------- */
/* Form styling                     */
form > fieldset {
	border: none;
	margin-top:45px;
	padding: 10px;
	width: 600px;
        margin-left: auto;
        margin-right: auto;
}

form.filter > fieldset {
        width: 700px;
}

form > fieldset > legend {
	display: none;
}

form > fieldset > ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

form > fieldset > ul li {
	margin-bottom: 25px;
}

form > fieldset > ul > li > label, form > fieldset > ul > div > li > label {
	display: block;
        width: 300px;
        float: left;
        font-size: 0.9em;
}

form > fieldset > ul li > label.error, 
form > fieldset > ul li label.error {
    display: inline;
    float: right;
    color: red;
    text-align: right;
}

form > fieldset > ul li > input[type=text], 
form > fieldset > ul li > input[type=number], 
form > fieldset > ul li > input[type=password], 
form > fieldset > ul li > textarea, 
form > fieldset > ul li > ul.inputs,
form > fieldset > ul li > input[type=file] {
	margin-left: 50px;
	width: 500px;
}

form > fieldset > ul li > textarea.editarea {
    width: 700px;
    min-height: 500px;
}

form > fieldset > ul li > ul.inputs.nomargin {
    margin-left: 0px;
}

form > fieldset > ul li > ul.inputs > li > label {
    padding-left: 10px;
}

form > fieldset > ul li > select {
    margin-left: 50px;
}

form > fieldset > ul li > input[type=text].error, 
form > fieldset > ul li > input[type=password].error, 
form > fieldset > ul li > textarea.error {
    background-color: #FFEDED;
}

form > fieldset > ul li > input[type=checkbox].error {
    border: 1px solid #FF0000;
}

form > fieldset > ul li > ul.inputs {
	list-style: none;
	padding: 0px;
        display: inline;
}

form > fieldset > ul li > ul.inputs > li {
	margin-bottom: 5px;
}

form > fieldset > ul > li.submit {
	text-align: center;
}

form > fieldset > ul > li > input[type=submit],
form > fieldset > ul > li > input[type=button] {
	border: 1px solid #000000;
	border-radius: 3px;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	background: #c3c3c3; /* Old browsers */
	background: -moz-linear-gradient(top,  #c3c3c3 0%, #939393 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(100%,#939393)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c3c3c3 0%,#939393 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c3c3c3 0%,#939393 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c3c3c3 0%,#939393 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c3c3c3 0%,#939393 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
        border: 1px solid #565656;
}

form.filter > fieldset > ul > li {
    display: inline;
    margin-bottom: 10px;
    margin-left: 10px;
}
form.filter > fieldset > ul > li > select {
    margin-left: 0px;
}

form.filter > fieldset > ul > li > label {
    width: 100px;
    float: none;
    display: inline;
}

form.filter > fieldset {
    text-align: center;
    margin: 5px auto 20px;
}

form.filter > fieldset > ul > li > input[type=submit] {
    height: 23px;
}

.dialog-form form fieldset {
    width: 350px;
    margin-top: 0px;
}
.dialog-form form fieldset input[type=radio] {
    margin-right: 25px;
}

li.role {
    margin-top: 4px;
    margin-bottom: 4px;
}

li.role:nth-child(even) {
    background-color: #F5F5F5;
}

.role_box {
    float: right;
    clear: right;
    margin-right: 50px;
    width: 300px
}

.redactor_box {
    clear: both;
    margin-left: 50px;
    width: 504px;
}

ul.actions {
    width: 500px;
    list-style: circle;
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

ul.actions li {
    padding: 4px;
    padding-left: 8px;
    margin-bottom: 5px;
}

ul.actions li:nth-child(odd) {
    background-color: #F9F9F9;
}
ul.actions li:nth-child(even) {
    background-color: #FEFEFE;
}

.jcrop-holder {
    margin-bottom: 15px;
}

span.money {
    color: forestgreen;
}
/* -------------------------------- */
/* Note UL                          */
ul#notes {
    float: right;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    padding-right: 15px;
    width: 250px;
}

ul#notes > li {
    text-align: left;
    padding: 5px;
    padding-bottom: 17px;
    margin: 5px;
    margin-bottom: 10px;
    background: #e8e5a0; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8e5a0 0%, #eaea70 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e5a0), color-stop(100%,#eaea70)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8e5a0 0%,#eaea70 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8e5a0 0%,#eaea70 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8e5a0 0%,#eaea70 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e8e5a0 0%,#eaea70 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e5a0', endColorstr='#eaea70',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
}

ul#notes > li:first-child {
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

ul#notes > li > h2 {
    text-align: left;
    font-family: BlairMdITC;
}

ul#notes > li > h3 {
    text-align: left;
    font-weight: bold;
    font-size: 11pt;
    width: auto;
    margin: 0px;
    margin-top: 3px;
}

ul#notes > li > p {
    font-size: 9pt;
    padding-left: 10px;
    margin-bottom: 3px;
}

ul#notes > li > div.author {
    float: right;
    font-size: 8pt;
    padding-right: 5px;
}

ul#notes .default {
    color: #939393;
    font-style: italic;
}

ul#notes > li > p[contenteditable=true]:focus, 
ul#notes > li > h3[contenteditable=true]:focus {
    background-color: #FFFFFF;
}

ul#notes li:first-child > span {
    float: right;
    font-size: 10pt;
}

ul#notes li:first-child > span:before {
    content: "[";
}

ul#notes li:first-child > span:after {
    content: "]";
}


/* -------------------------------- */
/* Data Tables                      */
table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border: 1px solid black;
    padding: 0px;
    width: 650px;
}
table caption {
    text-align: left;
    font-size: 11pt;
    color: #565656;
    font-family: BlairMdITC;
    padding-bottom: 3px;
}
table caption span {
    float: right;
    font-family: Helvetica, Arial, Sans-Serif, Sans;
    font-size: 10pt;
    margin-left: 3px;
}
table caption span:before {
    content: '[';
}
table caption span:after {
    content: ']';
}
table tr {
    border: 1px solid #787878;
    padding: 0px;
    margin: 0px;
}
table tr {
    background-color: #FCFCFC;
}
table tr:nth-child(even) {
    background-color: #F5F5F5;
}
table tr th, table tr td {
    padding: 3px;
    margin: 0px;
    border: 1px solid #787878;
    font-size: 0.9em;
}
table tr th {
    background-color: #FFFFFF;
    font-weight: bold;
    padding-left: 25px;
    padding-right: 25px;
}

table tr td.centered {
    text-align: center;
}
table tr td.right {
    text-align: right;
}
table tr td ul {
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

table tr td ul li {
    display: inline;
    padding-left: 4px;
}
table tr td ul li:before {
    content: '[';
}
table tr td ul li:after {
    content: ']'
}

table tr td.error {
    color: #FF0000;
}

/* -------------------------------- */
/* Pagination List                  */

ul.pagination {
    list-style: none;
    text-align: center;
    padding-top: 20px;
}
ul.pagination li {
    display: inline;
   
    background: #ECECEC; /* Old browsers */
    background: -moz-linear-gradient(top,  #ECECEC 0%, #D9D9D9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#D9D9D9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ECECEC 0%,#D9D9D9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ECECEC 0%,#D9D9D9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ECECEC 0%,#D9D9D9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ECECEC 0%,#D9D9D9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#D9D9D9',GradientType=0 ); /* IE6-9 */
    
    border: 1px solid #ACACAC;
    border-radius: 2px;
    padding: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
ul.pagination li.next a:after, ul.pagination li.next span:after {
    content: ' >';
}
ul.pagination li.prev a:before, ul.pagination li.prev span:before {
    content: '< ';
}
ul.pagination li a:link, ul.pagination li a:visited {
    color: #0066CC;
    text-decoration: none;
} 


ul.icons {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
ul.icons > li {
    display: inline;
    width: 200px;
    height: 120px;
    padding: 10px;
    text-align: center;
    float: left;
}
ul.icons > li > a:link, ul.icons > li > a:visited {
    text-decoration: none;
    color: #343434;
}
ul.icons > li > a:hover, ul.icons > li > a:active {
    color: #565656;
} 
ul.icons > li > a > div.small_title {
    font-size: 9pt;
}

div.long-search {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    width: 735px;
}

div.long-search form fieldset {
    margin-top: 10px;
}

div.long-search form > fieldset > ul > li > input[type=text], 
div.long-search form > fieldset > ul > li > input[type=password], 
div.long-search form > fieldset > ul > li > textarea, 
div.long-search form > fieldset > ul > li > ul.inputs,
div.long-search form > fieldset > ul > li > input[type=file] ,
div.long-search form > fieldset > ul > li > select, 
div.long-search form > fieldset > ul > li > .image-browse {
    margin-top: 5px;
    margin-left: 0px;
}

table.data-table {
    width: 800px;
}

.image-browse {
    width: 500px;
    height: 300px;
    border-top: solid 1px #BBB;
    border-left: solid 1px #BBB;
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF;
    background: #FFF;
    overflow: scroll;
    padding: 5px;
    margin-left: 50px;
    clear: left;
}

.list-container ul {
    list-style: none;
    padding: 0px;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}
.ui-autocomplete-loading { background: white url('/img/jquery/ui-anim_loading_16x16.gif') right center no-repeat; }
.hidden {
    display: none;
}

.sort-icons {
    position: absolute;
    display: none;
    padding-left: 5px;
}
.sort-icons a {
    padding-right: 3px;
}

/* -------------------------------- */
/* UL Job Tree                      */

ul.job_tree, ul.job_tree ul {
    list-style: none;
}

ul.job_tree li {
    padding: 5px;
    margin-bottom: 3px;
}

ul.job_tree > li.border {
    border: 1px solid #999;
    background-color: #CCC;
}
ul.job_tree > li.container {
    padding: 0px;
    margin-bottom: 10px;
}
ul.job_tree > li > ul > li {
    border: 1px solid #999;
    background-color: #EEE;
}
span.small {
    font-size: 8pt;
}

.ui-tooltip {
    max-width: 600px;
    padding: 10px;
    font-size: 0.9em;
}

.ui-tooltip p {
    padding-left: 0px;
}

h3.ui-accordion-header {
    padding-left: 15px;   
}

.ui-widget {
    font-size: 0.9em;
}