/* Standard styles */
/***********************************************************************/
body {text-align: center; margin: 0; padding: 0; font:0.8em Arial,Helvetica,sans-serif; color: #333;  background: #ccccbe url("../images/body_bg_apps.jpg") repeat-x left top;}

p {font-weight: normal; text-decoration: none; line-height: 1.5em; color:#46484b; margin: 0; padding: 0 0 .7em 0; }
h1, h2, h3 {font-weight: bold; }
h1 {font-size: 1.6em; padding: 0; margin: 0 0 .4em 0; color: #000;}
h2 {margin: .5em 0; font-size: 1.3em; color: #003d79; padding: 0;}
h6 {font-size: 0.8em; border: none; margin: 0; padding: .2em 0 1em 0; border: 0em;}
h6 a {font-weight: normal; text-decoration: underline; color: #337aaa; font-size: 1.3em; border: none; margin: 0; padding: 0 0 0 0; border: 0em;}
#navigation h2 {margin: 0 0 .5em 0;}
h3 {font-size: 1.2em; padding: .4em 0 0.2em 0; margin: 0; color: #AF5211;}
h4 {font-size: 1em; padding: .4em 0 0.6em 0; margin: 0; color: #28323D;}
.divider {background-color: #ccc; padding: 0; margin: 10px 0; border-bottom: 1px solid #F2F2F2; height: 5em; width: 100%;}
.clear {clear: both; width: 100%; height: 1px; margin: 2px 0 0 0; padding: 0; font-size: 1px;}
ul, ol {list-style-position: outside; padding: 0; margin: 0 0 0 3em;}
li {color:#46484b; margin: 0; padding: 0 0 0.4em 0;}
img {padding: 0; border: 0;}
#content img {padding: .3em .3em .3em .3em;}

/* Header */
/***********************************************************************/

#logo {position: relative; float: left; width: 220px; padding: 0; margin: 0 0 0 30px;}
#logo_print {display: none;}
#appName {font-size: 1.6em; padding: 0; margin: 2em 45px .4em 0; color: #fff; float: right; font-weight: bold;}

/* Forms */
/***********************************************************************/

#content input, {color: #00557b; padding: 0; margin: 0;}
#content select, #content option {color: #00557b; padding: 0; margin: 0;}
#content textarea {color:#3a5c73; padding: .1em; margin: 0;}
#content button {background-color: #fff;}
#content form, .box_homepage form, .box form {padding: 0; margin: 0;}
#content .activeformarea {background-color: #f6f4ed; clear: both;}
#content fieldset {border: 1px solid #c3c0ae; margin: .5em; padding: 0 0 .5em 0;}
#content legend {color: #337aaa; margin: .3em 0 .5em 1em; font-size: 1em; font-weight: bold;}
#content .standardwidth {display: block; width: 30%; float: left; text-align: right;}
#content label {color: #525146; font-weight: bold;}
#content form ol {list-style: none; margin: 0; padding: 0;}
#content form li {clear: both; margin: 0; text-indent: none; padding: .3em 0;}
#content .activeformarea label, #content .activeformarea span {margin: 0 .5em 0 .5em; padding: .2em 0 0 0;}
.qA {background-color: #f6f4ed; width: 100%; padding: .5em 0;}
.qB {background-color: #e4e0d4; width: 100%; padding: .5em 0;}

/* Tables */
/***********************************************************************/
table {border: 1px #ccc solid; border-collapse: collapse; text-align: left; vertical-align: top; margin-bottom: 10px;}
th {background:#ccc;font-weight: bold; padding: 4px; border: 1px #FFFFFF solid;vertical-align: top;}
td {border: 1px #ccc solid;border-collapse: collapse; padding: 4px;vertical-align: top;}
table a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
table a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; background-color: transparent;}	
table a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}
table a:hover, a:active {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}

/* Standard Links */
/***********************************************************************/
p a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
p a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; background-color: transparent;}	
p a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}
p a:hover, a:active {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}

#content ul li a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
#content ul li a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0;}	
#content ul li a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}
#content ul li a:hover, a:active {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}

#content ol li a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
#content ol li a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0;}	
#content ol li a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}
#content ol li a:hover, a:active {color: #fff; border: none; text-decoration: none; background-color: #aa4f33;}

/* Footer links */
/***********************************************************************/
#footer p {padding: 4px 8px 4px 4px; margin: 0; color: #000; text-align: left;}
#footer a {padding: .3em; color: #337aaa;}
#footer a:link {font-weight: normal; text-decoration: underline; color: #337aaa; padding: .3em;}
#footer a:visited {font-weight: normal; text-decoration: underline; color: #337aaa; padding: .3em;}	
#footer a:visited:hover {font-weight: normal; text-decoration: none; color: #fff; background-color: #337aaa; padding: .3em;}
#footer a:hover, #footer a:active {text-decoration: none; color: #fff; background-color: #337aaa; padding: .3em;}

/* CONTENT ***************************************************/
.box {background-color: #d9e1f1; padding: 0 0 .5em 0; margin: .4em 0 .8em 0; width: 100%; color: #000;}
.box h2 {padding-left: 5px;}
.help {background-color: #fff; padding: 0 .5em; margin: .8em 0; color: #000; border: 1px dashed #bac3d4;}
.box p {color: #000;}
.box p, .box ul, .box select {margin: 0 .5em; padding: 0;}
.lastUpdated {font-weight: bold; font-size: .9em; text-align: right;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.img_button {border: none; background-color: transparent;}
.no_bg {background-color: #fff; margin: 0 0 .8em 0;}
#breadcrumbs {font-size: .85em;}
#breadcrumbs p {margin: 0 0 .5em 0; padding: 0;}
.green {color: green;}
.red {color: red;}
.important {background-color: #f6f4ed; padding: 15px 0 0 0; margin-bottom: 15px; border: solid 1px #ccc; float: left; width: 100%;}
.important h2 {margin: 0 0 0 15px;}
.important p {margin: 0 15px 0 15px;}
.summary {background-color: #f9f9f9; padding: 15px 0 0 0; margin-bottom: 15px; border: dashed 1px #ccc; float: left; width: 100%;}
.summary h2, .summary h3 {margin: 0 0 0 15px;}
.summary p {margin: 0 15px 0 15px;}
a.noHover:hover img {background-color: #d9e1f1;}
a.noHoverHome:hover img {background-color: #fff;}
#blankPage {background-color: #fff; width: 100%; margin: 0; padding: 0;}
#blankPageText {margin: 10px;}
.topofpageBlank {font-size: .9em; width: auto; color: #000; margin: .4em; clear: both;}
.topofpageBlank a, .topofpageBlank a:link, .topofpageBlank a:visited {background-image: url("../images/top.gif"); background-position: .4em .6em; background-repeat: no-repeat; background-color: #d9e1f1; padding: 2px 0 2px 20px; display: block; border: none; color: #000; text-decoration: none;}
.topofpageBlank a:hover, .topofpageBlank a:visited:hover, .topofpageBlank a:active {background-image: url("../images/top_hover.gif"); background-position: .4em .6em; background-repeat: no-repeat; background-color: #337aaa; color: #fff;}
.mandatory {color: red;}
.dashed {border: dashed 1px #337aaa; padding: 5px; background-color: #f2f4f9;}
.dashed p {color: #000; margin: 0; padding: 0;}

.preview {width: 155px; margin: 0 2em 1em 0; float: left; height: 120px; overflow: hidden; border: solid 3px #ccc; padding: 4px;}
.preview p {font-size: .9em; margin: 0; padding: 0; text-align: center;}
.code {background-color: #f9f9f9; padding: 15px 0 0 0; margin-bottom: 15px; border: dashed 1px #ccc; float: left; width: 100%;}
.code p {margin: 0 15px 0 15px; font-family: "Courier New", Courier, monospace;}
.alert {width: 100%; background-color: #f3f9df; border: solid 1px #99cc01; margin-bottom: 10px;}
.alert p {margin: 4px 10px; background-image: url('../images/alert-icon.gif'); background-repeat: no-repeat; padding: 10px 0 10px 50px; color: #000;}
.error {width: 100%; background-color: #feefea; border: solid 1px #e3967a; margin-bottom: 10px;}
.error p {margin: 4px 10px; background-image: url('../images/error-icon.gif'); background-repeat: no-repeat; padding: 10px 0 10px 50px; color: #000;}


#content a.external, #content a:link.external, #content a:visited.external, #content a:active.external { padding-right: 18px; background: url('../images/icon-external.gif') no-repeat right top;}
#content a:hover.external, #content a:visited:hover.external {padding-right: 18px; background: #aa4f33 url('../images/icon-external.gif') no-repeat right top !important;}

#content a.pdf, #content a:link.pdf, #content a:visited.pdf, #content a:active.pdf { padding-right: 18px; background: url('../images/icon-pdf.gif') no-repeat right top;}
#content a:hover.pdf, #content a:visited:hover.pdf {padding-right: 18px; background: #aa4f33 url('../images/icon-pdf.gif') no-repeat right top !important;}

#content a.word, #content a:link.word, #content a:visited.word, #content a:active.word { padding-right: 18px; background: url('../images/icon-msword.gif') no-repeat right top;}
#content a:hover.word, #content a:visited:hover.word {padding-right: 18px; background: #aa4f33 url('../images/icon-msword.gif') no-repeat right top !important;}

#content a.xls, #content a:link.xls, #content a:visited.xls, #content a:active.xls { padding-right: 18px; background: url('../images/icon-msxls.gif') no-repeat right top;}
#content a:hover.xls, #content a:visited:hover.xls {padding-right: 18px; background: #aa4f33 url('../images/icon-msxls.gif') no-repeat right top !important;}

#content a.rtf, #content a:link.rtf, #content a:visited.rtf, #content a:active.rtf { padding-right: 18px; background: url('../images/icon-rtf.gif') no-repeat right top;}
#content a:hover.rtf, #content a:visited:hover.rtf {padding-right: 18px; background: #aa4f33 url('../images/icon-rtf.gif') no-repeat right top !important;}

#content a.mailto, #content a:link.mailto, #content a:visited.mailto, #content a:active.mailto { padding-right: 18px; background: url('../images/icon-mailto.gif') no-repeat right top;}
#content a:hover.mailto, #content a:visited:hover.mailto {padding-right: 18px; background: #aa4f33 url('../images/icon-mailto.gif') no-repeat right top !important;}

#content a.mp3, #content a:link.mp3, #content a:visited.mp3, #content a:active.mp3 { padding-right: 18px; background: url('../images/icon-mp3.gif') no-repeat right top;}
#content a:hover.mp3, #content a:visited:hover.mp3 {padding-right: 18px; background: #aa4f33 url('../images/icon-mp3.gif') no-repeat right top !important;}

/* Content text columns */

#content .columnWrapper {width: 98%;}
#content .columnWrapperLeft {float: left; width: 49%;}
#content .columnWrapperRight {float: right; width: 49%;}

/* Styles for the dropdown forms */
#navigation .box select,  #navigation .box_homepage select {width: 135px; font-size: 0.85em; margin: 0 0 0 3px; padding: 0;}
#navigation .box .button, #navigation .box_homepage .button {padding:0; margin:0;}
.highlight {background:#2e6f9b; font-weight:bold; color: #fff;}

/* ##### tabs ##### */
.tabs {display: none; white-space: nowrap; padding: 0; clear: both;}
.tabs p {margin: 0; padding: 0;}
.tabs a {background-color: #337aaa; color: #fff; border-top: 1px solid #337aaa; border-left: 1px solid #337aaa; border-right: 1px solid #337aaa; font-weight: bold;}
.tabs a:link, .tabs a:active, .tabs a:visited {text-decoration: none; padding: .5em; color: #fff;}
.tabs a:hover, .tabs a:visited:hover {text-decoration: none; color: #131d47; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tabs a.activeTab {background-color: #fff; color: #131d47; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tabPane {border: 1px solid #ccc; padding: .5em; margin: 4px 0 10px 0;}

/************************PROGRESS BAR************************/
#progressBar {width: 100%;}
#progressBar table {border-collapse: collapse; height: 15px; border: 1px solid #AF5211;}
#progressBar tr td {}
#ProgressBarDone {background-color: #AF5211;}
#progressBar p {font-size: .9em;}

/************************PAGINATION **************************/
.pagination {border-collapse: collapse; padding: 0; border: 1px solid #337aaa; width: 100%; text-transform: uppercase; font-size: .9em;}
.pagination tr {padding: 0; margin: 0; border: none;}
.pagination td {border: none; font-weight: bold;}
.pagination td a {padding: 5px;}
td.results-previous a {background-color: #337aaa; color: #fff; text-decoration: none; margin: 0; float:left; width: 100px; text-align: center;}
td.results-next a {background-color: #337aaa; color: #fff; text-decoration: none; margin: 0; float: right; width: 100px; text-align: center;}