header { color: #F2F2F2; }
header a { color: #F2F2F2; text-decoration: underline; }
header a:hover, header a:active, header a:visited { color: #fff; text-decoration: none; }

footer { background: #343434; border-top: 1px solid #4d4d4d; padding: 8px 25px; color: #fff; text-shadow: 0 -1px 0 #000000; }
footer a { color: #fff !important; text-decoration: underline; }
footer a:hover { color: #fff; text-decoration: none; }

#nav-logo { float: left; }
#nav-logo img { float: left; margin-top: 15px; }
#nav-logo .system-label { float: left; margin-top: 20px; margin-left: 25px; font-size: 27px; line-height: 30px; font-weight: bold; text-transform: uppercase; font-family: Georgia; }
#nav-logo .system-label .version { display: block; font-size: 12px; line-height: 12px; text-align: right; }

#header-utilities { font-size: 93%; background: #2b2b2b; padding: 8px 25px; border-bottom: 1px solid #bbb; text-shadow: 0 -1px 0 #000000; zoom: 1; }
#header-utilities p { text-align: right; }

#header-nav { background: #F27A00 url('../Images/header-bg.jpg?1346163206') repeat-x top; border-bottom: solid 1px #fff; padding: 0 25px; margin: 0; height: 70px; zoom: 1; }

#nav { font-size: 16px; font-weight: bold; list-style-type: none; margin: 0; padding: 0; width: 60%; height: 70px; float: right; display: inline-block; }
#nav li { display: block; float: right; padding: 25px 20px; text-align: left; position: relative; height: 20px; font-size: 16px; }
#nav li:hover { color: #ffffff; background: #555; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 0; border-bottom: 0; padding: 25px 19px; }
#nav li:hover ul { display: block; }
#nav li a { color: #f2f2f2; padding: 22px 10px 22px 40px; text-shadow: 0 -1px 0 #000000; font-size: 16px; text-decoration: none; }
#nav li a:hover { color: #ffffff; text-decoration: none; }
#nav li ul { display: none; margin: 0; padding: 0; position: absolute; top: 70px; left: -1px; background: #555; border: 1px solid #ffffff; z-index: 1000; border-top: none; padding-bottom: 5px; }
#nav li ul li { float: none; padding: 6px 0 1px; margin: 0; }
#nav li ul li:hover { background: #2b2b2b; padding: 5px 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#nav li ul li a { color: #fff; font-size: 12px; font-weight: bold; margin: 0; padding: 0 15px; text-shadow: none; padding-left: 15px; vertical-align: top; }
#nav li ul li a.menu-not-available { color: #ccc; }
#nav li.mnuCont a { background: url('../Images/content.png?1346163206') no-repeat 0 16px; }
#nav li.mnuCont ul { width: 230px; }
#nav li.mnuPubInt a { background: url('../Images/menu.png?1346163206') no-repeat 0 16px; }
#nav li.mnuPubInt ul { width: 100%; }
#nav li.mnuSysSet a { background: url('../Images/settings.png?1346163206') no-repeat 0 16px; }
#nav li.mnuSysSet ul { width: 100%; }

#header-separator { height: 10px; background: #555; border: 0 none #fff; padding: 0; zoom: 1; }

body { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 12px; }

.cl { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; line-height: 0; }

span.h1 { font-size: 1.5em; font-weight: bold; padding-right: 50px; }

.smaller { font-size: 90%; }

.bigger { font-size: 110%; line-height: 110%; }

/* the big DASHBOARD shown on empty pages */
.background-text { margin: 100px auto; text-align: center; font-size: 7em; font-weight: bold; text-transform: uppercase; color: #ededed; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }

h2 { font-size: 2em; margin-bottom: 0.75em; }

h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h4.explanatory { font-style: italic; font-weight: normal; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-size: 1em; font-weight: bold; }

.button.small.btn-upload { padding: 0; margin-bottom: 0; }

div.uploadifive-queue { display: none; }