html { height: 100%; }
body { background: url("/Images/BG.png") #202020; height: 100%; }
h1 { font-size: 24px; font-weight: bold; }
h1, h2, h3, h4, h5, h6, a, a:visited { color: #0971ce; }
a:hover { color: #16a0e7; }
/* LAYOUT CONTAINERS */
#Banner > div, #MainContent > div { position: relative; background-color: #fff; border-radius: 10px; }
#Banner > div { height: 120px; }
#Navigation > nav { min-height: 30px; }
#MainContent > div { min-height: 688px; }
#Footer > footer { position: relative; background-color: #fff; height: 70px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 15px; padding-left: 0; padding-right: 0; }
#Footer > footer > div.footer-top { width: 100%; height: 35px; background-color: #0971ce; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-bottom: 8px; }
#Footer > footer > div.footer-top p { width: 100%; padding-left: 32%; color: white; font-size: 14px; }
#Footer > footer > div.footer-top p span { margin: 0 25px 0 25px; }
#AccountPanel > div { height: 30px; }

/* GENERAL VIEW TABLES */
div.view-table-container { width: 80%; padding: 0; }
table.view-table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; }
table.view-table tr th, .view-table tr td { border: solid 1px #c0c0c0; padding: 2px 6px 2px 6px; }
table.view-table tr th { background-color: #dedee6; }

/* GENERAL VIEW DATA TABLES */
.view-list-table-container { margin-bottom: 30px; }
table.view-list-table tbody tr:hover { background-color: rgba(210, 210, 255, .5); }
ul.pager-list { padding: 0; margin: 0; }
ul.pager-list li { display: inline-block; width: 40px; border-right: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; }
ul.pager-list li:first-child { border-left: solid 1px #c0c0c0; }
ul.pager-list li a { border: none; padding: 0; margin: 0; width: 100%; border-radius: 0; }
ul.pager-list li.active a { background-color: rgba(222,222,230, .4) }
ul.pager-list li:hover { background-color: none; cursor: pointer; }
ul.pager-list li.active:hover { cursor: default; }
/* VIEW DATA TABLES WRAPPERS */
/*
div.view-list-table-wrapper-lg { margin: 0; padding: 0; min-height: 229px; }
div.view-list-table-wrapper-sm { margin: 0; padding: 0; min-height: 115px; }
*/

/* VIEW TABLE HEADERS */
.view-table-container h1.view-table-header {  margin: 0 0 20px 0; }
.view-table-container h3.records-empty { margin: 0; font-size: 14px; }

/* DETAIL VIEW TABLES */
.view-table.view-detail-table { width: 100%; }
.view-table.view-detail-table th.col-field { width: 20%; }
.view-table.view-detail-table .col-value { width: 79%; }
.view-table.view-detail-table tr.table-row-large { vertical-align: top; padding-top: 5px; }

/* GENERAL FORM LAYOUT */
.frm { width: 60%; }
.form-table { border-collapse: collapse; border: solid 1px #c0c0c0; width: 100%; }
.form-table th, .form-table td { border-top: solid 1px #c0c0c0;  padding: 2px 6px 2px 6px; }
.form-table input { font-size: 14px; padding: 0; height: 25px; width: 60%; line-height: normal; }
.form-table th { background-color: #dedee6; font-weight: bold; padding-left: 10px; width: 20%; }
.form-table td textarea { width: 90%; resize: none; margin: 6px 0 0 6px; font-size: 14px; line-height: normal; height: 100px; }
.form-table > tbody > tr.table-row-large th { vertical-align: top; padding-top: 5px; }
.form-table input[type=text] { padding-left: 6px; }
.form-table textarea { padding: 2px 6px 2px 6px; }

/* FORM/TABLE HEADER */
h1.form-table-header, h1.view-table-header { font-size: 24px; font-weight: bold; }

/* ACCOUNT FORM HEADERS */
form.frm.account-form h1.form-table-header { font-size: 20px; margin: 0; padding: 10px 0 10px 6px; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0; background-color: rgba(222, 222, 230, .5); }

/* FORM ERRORS */
label.error { padding: 0; margin: 0 0 0 10px; color: #ff0000; }
/* FORM BUTTONS */
div.form-buttons { width: 100%; text-align: right; margin-top: 10px; }
div.form-buttons input.left { float: left; margin-left: 2px; }
div.form-buttons input[type=submit], div.form-buttons input[type=button] { font-size: 12px; font-weight: bold; color: #fff; height: 20px; padding: 1px 10px 1px 10px; line-height: normal; background-color: #0971ce;; border: solid #000 1px; border-radius: 5px; }
div.form-buttons input[type=submit]:hover, div.form-buttons input[type=button]:hover { color: #ffff00;}
div.form-buttons input { margin-left: 10px; }

/* FORM ON ResourceEdit PAGE */
#EditResourceForm { width: 65%; }
#EditResourceForm th { width: 25%; }
/* FORM ON Resources PAGE */
#AddResourceForm { width: 65%; }
#AddResourceForm th { width: 25%; }


/* NOTIFICATION CONTAINER */
.notification-message { width: 80%; margin: 30px 0 0 10%; }
.notification-message div { max-width: 60%; display: inline-block; margin-left: 20%; padding: 15px 30px 15px 30px; border: solid 2px #c0c0c0; font-size: 14px; }
.notification-message span.notify-image { display: inline-block; width: 16px; height: 16px; margin: 10px 10px 0 0;  float: left; }
.notification-message .notify-success span.notify-image { background: url(//cdn.sancsoft.net/v1/images/icons/iconDetails16.png) no-repeat; }
.notification-message .notify-error span.notify-image { background: url(//cdn.sancsoft.net/v1/images/icons/iconError.png) no-repeat; }

/* NAV LINKS */
div.nav-link-container { width: 100%; padding-top: 20px; text-align: center; }
div.nav-link-container a.nav-link { font-size: 25px; color: #0971ce }
div.nav-link-container a.nav-link:hover { color: #16a0e7; }


/* MAIN NAVIGATION */
#Navigation { margin-top: 20px; position: relative; }
ul.nav-list { list-style-type: none; padding: 0; margin: 0; }
/** MAIN LINKS **/
ul.main-nav > li { display: inline; position: relative; margin: 0 5px 0 5px; padding: 0; color: #fff; float: left; min-width: 100px;}
ul.main-nav > li > a { display: inline-block; background-color: rgba(38, 71, 142, 1); width: 100%; color: #fff; padding: 0 6px 0 6px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-weight: bold; text-align: center; }
ul.main-nav > li > a:hover { color: #ffff00; text-decoration: none;}
/** DROPDOWN LINKS **/
ul.main-nav > li > ul.main-nav-child { display: none; position: absolute; top: 28px; background-color: rgba(38, 71, 142, 1); width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
ul.main-nav > li > ul.main-nav-child > li { padding: 0; margin: 0; }
ul.main-nav > li > ul.main-nav-child > li > a { color: #fff; display: inline-block; padding: 0 6px 0 6px; font-weight: bold;}
ul.main-nav > li > ul.main-nav-child > li > a:hover { color: #ffff00; text-decoration: none;}
ul.main-nav li:hover > ul.main-nav-child { display: block; z-index: 20; }
/* LOGOUT LINK */
div.main-nav { position: absolute; right: 40px; background-color: rgba(38, 71, 142, 1); padding: 0 6px 0 6px; width: 100px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
div.main-nav a.logout-link { display: inline-block; color: #fff; font-weight: bold; width: 100%; text-align: center; }
div.main-nav a.logout-link:hover { color: #ffff00; text-decoration: none; }

/* BREADCRUMBS */
div.breadcrumb-container {}
div.breadcrumb-container > ul.breadcrumb-list { list-style-type: none; padding: 0; margin: 0; }
div.breadcrumb-container > ul.breadcrumb-list > li { display: inline; color: #0971ce; font-size: 16px; padding: 0 6px 0 6px; }
div.breadcrumb-container > ul.breadcrumb-list > li > span { padding-left: 6px; }
div.breadcrumb-container > ul.breadcrumb-list > li > a { font-size: 15px; }

/* GROUP AND RESOURCE IMAGE DISPLAYS */
#ImageContainer { width: 100%; padding-left: 15%; }
#ImageContainer h1 { padding: 0; margin: 0; }
#ImageContainer > div { display: inline-block; max-width: 50%;  height: 350px; margin-top: 30px; }
#ImageContainer img, #ImageContainer p { margin-top: 10px; }
#ImageContainer p { width: 80%; }

/* RESOURCE FORMATS PAGE (FINEUPLOADER) */
#FineUploader > div.qq-uploader > div.qq-upload-button { background-color: #16a0e7; }
#FineUploader > div.qq-uploader > div.qq-upload-button:hover { color: #ffff00; }
#FineUploader > div.qq-uploader { border: solid 1px #c0c0c0; border-radius: 10px; overflow-y: auto; }
/* FINEUPLOADER ERRORS */
ul#ErrorList { list-style-type: none; width: 100%; }
ul#ErrorList > li { border: solid 1px #c0c0c0; }

/* BANNER IMAGE AND LABEL */
.banner-container { position: relative; }
.banner-container div { display: inline-block; position: absolute; }
.banner-container .banner-label { right: 30px; top: 30px; }
.banner-container .banner-image { top: 10px; left: 40px; }

/* ERROR PAGE */
.error-page-display { width: 80%; min-height: 300px; border: solid 5px #c0c0c0; margin: 100px 0 0 10%; padding: 20px 40px 20px 40px; font-size: 14px; }
.error-page-display .error-content { border: solid 2px #dedee6; padding: 5px 10px 5px 10px; }
.error-page-display .error-content p, .error-page-display .error-content span { display: inline-block; margin-bottom: 0; }
.error-page-display .error-content span { width: 24px; height: 24px; background: url(//cdn.sancsoft.net/v1/images/icons/iconError24.png) no-repeat; float: left; margin: 8px 10px 0 0; }
.error-page-display .error-content .error-message { margin: 0; }