*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; /* min-height: 100%; height: 100%; */ }
html { font-size: 100%; }

body { background: url(../img/interface/html_bg.png) #efefef repeat-x 0 0; margin: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.231; color: #404040; }

.noNavMain { background: url(../img/interface/html_bg.png) #efefef repeat-x 0 -29px!important; }
body.hasTopNav { background-position: 0 34px; padding-top: 34px; }
body.hasSubNav { background: url(../img/interface/html_bg_subnav.png) #efefef repeat-x 0 0; }

#wrapper.capped, #wrapper.fixed { max-width: 1380px; margin: 0 auto; padding: 0; }
#wrapper.fixed { max-width: 940px; }

a { color: #0069d6; text-decoration: none; line-height: inherit; font-weight: inherit; cursor: pointer; outline: none; }
a:hover { color: #00438a; text-decoration: underline; }

.inner { padding: 0 10px; }
/*.fixed .inner { padding: 0 10px; }*/
.fixed .side-main #sidebar .inner, .fixed .side-main-sub #sidebar .inner { padding: 0 10px 0 0; }


/* ==|== top nav / admin etc ========== */

.topNav, .topNav.secondary { background: #042E5E; border-bottom: 1px solid #295D98; clear: both; font-size: 0.9em; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: auto; min-height: 34px; }
.topNav.secondary { background-color: #032042; border-color: #163E6D; }
.topNav ul { margin: 0; padding: 0; }
.topNav li { color: #fff; display: inline-block; font-size: 0.9em; line-height: 33px; margin: 0 0 0 5px; vertical-align: middle; }
.topNav li a { color: #fff; display: block; padding: 0 8px; text-decoration: none; transition: all 0.2s linear 0s; white-space: nowrap; }


/* ==|== header ========== */

#header { background: url(../img/interface/header_bg.png) no-repeat 50% 0; /* position: relative; *overflow: hidden;*/ padding: 0; min-height: 139px; }
#header:before, #header:after { display: table; content: ""; zoom: 1; }
#header:after { clear: both; }
.noNavMain #header { background: url(../img/interface/header_bg_nonav.png) no-repeat 50% 0; min-height: 110px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { #header { padding-top: 1px!important; } }

#wrapper.fixed.login #header { position: absolute; top: 0; }

#header h1 { margin: 10px 10px 15px 10px; float: left; }
.noNavMain #header h1 { margin: 10px 10px 20px 10px; }
.fixed #header h1 { margin-left: 0; }
#header h1 span { font: 0/0 a; text-shadow: none; color: transparent; }

#header h1#logo { margin-bottom: 16px; }
.lt-ie8 #header h1#logo { margin-bottom: 15px; }
.noNavMain #header h1#logo { margin-bottom: 21px; }
#header h1#logo, #header h1#logo a { color: #fff; font-weight: normal; font-size: 26px; line-height: 40px; }
#header h1#logo a:hover { text-decoration: none; }
#header h1#logo span { font: inherit; text-shadow: inherit; color: inherit; }

#navActions { font-size: .95em; float: right; margin: 32px 10px 0 0; }
.fixed #navActions { margin-right: 0; }
#navActions li { display: inline-block; zoom: 1; vertical-align: middle; list-style: none; margin-left: 10px; color: #d2e5f0; }
.lt-ie8 #navActions li { display: inline; }
#navActions li:first-child { margin-left: 0; }
#navActions a { font-size: 1em; background-color: transparent; border-radius: 3px 3px 3px 3px; color: #d2e5f0; padding: 1px 3px 2px; white-space: nowrap; -webkit-transition: 0.2s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.2s linear all; outline: none; }
#navActions a:hover { color: #00418c; background-color: #fff; text-decoration: none; }
#navActions a[title*="User"], #navActions a[title*="user"] { background: url(../img/interface/icon_user.png) transparent no-repeat 2px 2px; padding-left: 20px; }
#navActions a[title*="User"]:hover, #navActions a[title*="user"]:hover { background: url(../img/interface/icon_user.png) #fff no-repeat 2px -10px; }
#navActions a[title="Help"], #navActions .help { background: url(../img/icons/help.png) no-repeat center; /*display: inline-block; *display: inline;*/ text-indent: -999em; width: 16px; height: 18px; padding: 0; }
#navActions a[title="Help"] { display: block; }
#navActions .help { text-indent: 0; }
#navActions .help a { text-indent: -999em; display: block; width: 16px; height: 18px; }
#navActions .help a:hover { background-color: transparent; }
#navActions a.button:hover { background-color: inherit; background-position: 0 0; }
#navActions a.button.primary:hover, #navActions a.button.positive:hover, #navActions a.button.negative:hover { color: #fff; }
.user { background: url(../img/interface/icon_user.png) transparent no-repeat 2px 3px; color: #d2e5f0; padding: 0 3px 0 20px; white-space: nowrap; } /* for multi-lingual sites where the the word 'user' may not be used */

/* --|-- global nav tabs ---------- */

#navMain { background: url(../img/interface/nav_bg.png) transparent repeat-x 0 100%; border-bottom: 0; margin: 0; clear: both; text-transform: uppercase; }
#navMain:before, #navMain:after { display: table; content: ""; zoom: 1; }
#navMain:after { clear: both; }

#navMain ul { list-style: none; margin: 0; padding: 0 0 0 10px; clear: both; }
.fixed #navMain ul { padding: 0; }
.js #navMain ul { height: 34px; overflow: hidden; }

#navMain ul > li { background: url(../img/interface/nav_li_bg.png) repeat-x 0 27px #7687B3; border: 1px solid #064288; border-width: 1px 1px 0 1px; float: left; font-weight: bold; margin: 4px 0 0 -1px; max-width: 200px; }

#navMain ul a { background: url(../img/interface/tab_bg.png) transparent repeat-x 0 0; display: block; text-decoration: none; padding: 0 14px; height: 30px; line-height: 30px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: 0 1px 1px #000; }
#navMain ul a:hover { background: url(../img/interface/nav_li_bg.png) repeat-x 0 27px #6880a8; text-decoration: none; }

#navMain li.current { background: #efefef; border: 1px solid #fff; border-bottom-color: #efefef; box-shadow: 0 0 2px 0 rgba(0,0,0,0.6); margin-top: 0; padding: 0; text-shadow: 0 1px 0 #fff; border-radius: 5px 5px 0 0; position: relative; z-index: 2; }
#navMain ul .current a { height: 34px; line-height: 34px; background: transparent; color: #000; text-shadow: 0 1px 1px #fff; padding-top: 2px; }


/* --|-- breadcrumb ---------- */

#breadcrumb { background: #efefef; min-height: 38px; height: auto!important; height: 38px; clear: both; padding: 0 10px; display: block; margin: 0; padding: 0; }
.lt-ie8 #breadcrumb { zoom: 1; overflow: hidden; border-bottom: 0; }
.lt-ie8 .fixed #navMain { margin-top: 1px; }
html[xmlns] #breadcrumb { display: block; }
* html #breadcrumb { height: 1%; }
.noNavMain #breadcrumb { background: transparent; }
#breadcrumb:before, #breadcrumb:after { display: table; content: ""; }
#breadcrumb:after { clear: both; }

#breadcrumb ul.right li { background: none; padding-right: 5px; padding-left: 0; min-width: 16px; min-height: 16px; }
#breadcrumb ul.right li:first-child a { background: inherit; text-indent: 0; width: auto; height: auto; overflow: inherit; }

/* --|-- standard crumb ---------- */
#breadcrumb ol { margin: 0; }
#breadcrumb ol li, #breadcrumb p, #breadcrumb span { padding: 10px; margin: 0; display: inline-block; }

#breadcrumb ol li { color: #808080; position: relative; float: left; padding-right: 17px; padding-left: 10px; overflow: hidden; background: url(../img/interface/crumb_arrow.png) transparent no-repeat 100% 50%; }
#breadcrumb ol li.dropdown:hover, #breadcrumb ol li.current.dropdown { background: url(../img/interface/crumb_arrow_dropdown.png) transparent no-repeat 100% 50%; }
#breadcrumb li.current { background: none; }
#breadcrumb li:first-child { padding-left: 0; }
#breadcrumb li:first-child a { float: left; display: block; border: 0; text-indent: -999em; overflow: hidden; background: url(../img/interface/icon_home.png) transparent no-repeat 0 0; text-align: left; direction: ltr; width: 15px; }
#breadcrumb li:first-child a:hover { background-position: 0 -27px; }
#breadcrumb ol li a { color: #444; }
#breadcrumb ol li a:active, #breadcrumb ol li a:focus, #breadcrumb ol li a:hover { color: /*#00438a;*/ #111; }

/* --|-- dropdown level ---------- */
#breadcrumb ul, #breadcrumb ul li, #breadcrumb ul li a { margin: 0; }
#breadcrumb ul { border: 1px solid #d0d0d0; background: #fff; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-shadow: 0 3px 5px rgba(0,0,0,0.2); display: none; position: absolute; top: 100%; left: 0; overflow: auto; overflow-x: hidden; /*overflow-y: scroll;*/ max-width: 220px; min-width: 160px; max-height: 300px; padding-bottom: 5px; }
.lt-ie8 #breadcrumb ul { padding-top: 1px; }
#breadcrumb ul li { float: none; clear: both; color: #555; display: block; font-weight: normal; line-height: 18px; padding: 3px 5px 3px 0; white-space: nowrap; background-image: none; }
#breadcrumb ul li:first-child a { float: none; display: block; border: 0; text-indent: 0; overflow: visible; background: none; text-align: left; direction: ltr; width: auto; }

#breadcrumb ol li:hover, #breadcrumb ol li.hover { overflow: visible; z-index: 999996; }
#breadcrumb ol li:hover ul, #breadcrumb ol li.hover ul { display: block; z-index: 999997; }
#breadcrumb ol li:hover ul li, #breadcrumb ol li.hover ul li { position: relative; z-index: 999998; }
#breadcrumb ol li:hover ul li a, #breadcrumb ol li.hover ul li a { position: relative; z-index: 999999; }

/* --|-- highlight current selection ---------- */
#breadcrumb > ol > li, #breadcrumb > ol > li > a:after { opacity: 1; transition: opacity 0.25s ease; }
#breadcrumb > ol > li:hover ~ li, #breadcrumb > ol > li.hover ~ li, #breadcrumb > ol > li:hover ~ li > a:after, #breadcrumb > ol > li.hover ~ li > a:after { opacity: 0.5; }
#breadcrumb > ol > li:hover > a:after, #breadcrumb > ol > li.hover > a:after, #breadcrumb > ol > li:hover ~ li > a:after, #breadcrumb > ol > li.hover ~ li > a:after { opacity: 0.5; }


/* --|-- container ---------- */

#container { min-width: 940px; zoom: 1; margin: 0; padding: 0 0 20px 0; border-bottom: 1px solid #d0d0d0; min-height: 100%; height: auto!important; height: 100%; }
#container:before, #container:after { display: table; content: ""; zoom: 1; }
#container:after { clear: both; }


/* ==|== pagination ========== */

.pagination { min-height: 30px; height: auto!important; height: 30px; margin: 1em 0; padding-right: 15px; background: #f5f5f5; border: 1px solid #d0d0d0; border-radius: 3px; position: relative; }
.lt-ie8 .pagination { zoom: 1; overflow: hidden; font-family: "Arial Unicode MS", Helvetica, sans-serif!important; }
.pagination:before, .pagination:after { display: table; content: ""; }
.pagination:after { clear: both; }

.pagination ul { margin: 0 15px 0 0; padding: 0; display: inline-block; float: left; }
.pagination li { display: inline; }

.pagination p { height: 30px; line-height: 30px; margin: 0 0 0 15px; padding: 0; display: inline; float: right; }

.pagination a { float: left; padding: 0 14px; line-height: 30px; text-decoration: none; color: #454545; cursor: pointer; }
.pagination a:hover, .pagination .current a { background-color: #d8d8d8; color: #454545; }
.pagination .current a { cursor: default; }

.pagination .disabled a, .pagination .disabled a:hover { background-color: transparent; color: #bfbfbf; cursor: default; }

.pagination .next a { border: 0; }

.pagination input, .pagination select { width: auto!important; }
.pagination select { height: 24px; line-height: 24px; }

/* --|-- version with icons ---------- */

.pagination.icons a.paginationFirst, .pagination.icons a.paginationPrev, .pagination.icons a.paginationNext, .pagination.icons a.paginationLast { float: left; padding: 0; line-height: 30px; text-decoration: none; color: #454545; cursor: pointer; overflow: hidden; width: 36px; height: 30px; background: url(../img/interface/pagination.png) no-repeat 0 0; font: 0/0 a; text-shadow: none; color: transparent; }
.pagination.icons a.paginationFirst { background-position: 0 -210px; }
.pagination.icons a.paginationPrev { background-position: 0 -30px; }
.pagination.icons a.paginationNext { background-position: 0 -90px; }
.pagination.icons a.paginationLast { background-position: 0 -150px; }

.pagination.icons .disabled a.paginationFirst { background-position: 0 -180px; }
.pagination.icons .disabled a.paginationPrev { background-position: 0 0; }
.pagination.icons .disabled a.paginationNext { background-position: 0 -60px; }
.pagination.icons .disabled a.paginationLast { background-position: 0 -120px; }

.pagination.icons a:hover, .pagination.icons .current a { background-color: #d8d8d8; color: #454545; }
.pagination.icons .disabled a, .pagination.icons .disabled a:hover { background-color: transparent; color: #bfbfbf; cursor: default; }


/* ==|== paging ========== */

.paging { margin: 0 0 1em 0; padding: 0; list-style: none; text-align: center; }
.lt-ie8 .paging { zoom: 1; }
.paging:before, .paging:after { display: table; content: ""; }
.paging:after { clear: both; }

.paging.right, .paging.left { text-align: inherit; }

.paging li { display: inline; }

.paging a { display: inline-block; padding: 5px 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; border-radius: 3px; color: #454545; }
.paging a:hover { text-decoration: none; background-color: #d8d8d8; }

.paging .pageNext a, .paging .pageLast a { float: right; }
.paging .pagePrev a, .paging .pageFirst a { float: left; }

/* --|-- paging with icons ---------- */

.paging.icons a { background: url(../img/interface/pagination.png) no-repeat 0 0; display: inline-block; padding: 5px 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; border-radius: 3px; color: #454545; width: 38px; height: 25px; outline: none; margin: 0 5px 0 5px; padding: 0; font: 0/0 a; }

.paging.icons .pageNext a, .paging .pageLast a { float: right; }
.paging .pagePrev a, .paging .pageFirst a { float: left; }
.paging.icons .pageNext a { background-position: 0 -92px; }
.paging.icons .pageNext.disabled a { background-position: 0 -60px; }

.paging.icons .pagePrev a { background-position: 0 -32px; }
.paging.icons .pagePrev.disabled a { background-position: 0 0; }

.paging.icons .pageLast a { background-position: 0 -152px; }
.paging.icons .pageLast.disabled a { background-position: 0 -120px;; }

.paging.icons .pageFirst a { background-position: 0 -212px; }
.paging.icons .pageFirst.disabled a { background-position: 0 -180px; } 


/* ==|== alert messages ========== */

.alert { display: block; position: relative; padding: 14px; margin-bottom: 1em; color: #404040; background-color: #efefef; border: 1px solid #e3e3e3; border-radius: 4px; }
.alert.error { background-color: #fddfde; border-color: #b94a48; }
/*.alert.error { background-color: #e7cbbd; border-color: #d6a78f; }*/
.alert.success { background-color: #d1eed1; border-color: #bfe7bf; }
.alert.warning { background-color: #fdf5d9; border-color: #fceec1; }
.alert.info { background-color: #ddf4fb; border-color: #c6edf9; }
.alert.neutral { background-color: #efefef; border-color: #e3e3e3; }

/* --|-- labels ---------- */

.label { display: inline; border-radius: 3px; color: #fff; font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; white-space: nowrap; padding: 0 5px!important; background-color: #999; }
.label.important { background-color: #c00; }
.label.success { background-color: #229d24; }
.label.info { background-color: #3a87ad; }
.label.neutral { background-color: #999; }
.label.warning { background-color: #f89406; }


/* ==|== lists ========== */

/* --|-- bare lists ---------- */

ul.bare, ol.bare, dl.bare { list-style: none; margin-left: 0; padding-left: 0; } /* unstyled lists */

/* --|-- inline lists ---------- */

ul.inline { list-style: none; margin: 0; padding: 0; }
ul.inline li { display: inline; margin: 0 15px 0 0; }
ul.inline.right li { margin: 0 0 0 15px; }

/* --!-- graphic bullet lists ---------- */

ul.bullets { margin: 0; padding: 5px; }
ul.bullets li { background: url(../img/interface/bullet.png) no-repeat scroll 5px 50% transparent; list-style: none; padding: 2px 0 2px 20px; }
ul.bullets li:last-child { border-bottom: 0; }
ul.bullets a { display: block; padding: 0; text-decoration: none; }

/* --|--side nav lists ---------- */

ul.navSide { margin: 0 0 1em 0; padding: 5px; }
ul.navSide.bordered { background: #fff; border: 1px solid #d0d0d0; }
ul.navSide li { background: url(../img/interface/bullet.png) no-repeat scroll 5px 10px transparent; border-top: 1px solid #e7e7e7; list-style: none; padding: 5px 0 5px 20px; }
ul.navSide li:first-child { border-top: 0; }
ul.navSide a { display: block; text-decoration: none; }
ul.navSide li.current a { color: #808080; }

/* --|-- side nav lists' header ---------- */

h3.navTitle { border: 1px solid; margin: 0 0 -1px 0; padding: 5px 10px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1.5; text-shadow: 0px 0px 3px #000000; position: relative; }

h3.navTitle a { width: 16px; height: 16px; float: right; display: block; background: url(../img/interface/icon_toggle.png) no-repeat 0 0; text-indent: -999em; cursor: pointer; position: absolute; right: 5px; top: 5px; }
h3.navTitle a:hover { background-position: 0 -16px; }

h3.navTitle.green { border-color: #67803c; background: #98a87b;
background: -moz-linear-gradient(top,  #98a87b 0%, #859861 5%, #67803c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98a87b), color-stop(5%,#859861), color-stop(100%,#67803c));
background: -webkit-linear-gradient(top,  #98a87b 0%,#859861 5%,#67803c 100%);
background: -o-linear-gradient(top,  #98a87b 0%,#859861 5%,#67803c 100%);
background: -ms-linear-gradient(top,  #98a87b 0%,#859861 5%,#67803c 100%);
background: linear-gradient(top,  #98a87b 0%,#859861 5%,#67803c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98a87b', endColorstr='#67803c',GradientType=0 ); }

h3.navTitle.blue { border-color: #476aa0; background: #8199bf;
background: -moz-linear-gradient(top,  #8199bf 0%, #6a87b1 5%, #476aa0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8199bf), color-stop(5%,#6a87b1), color-stop(100%,#476aa0));
background: -webkit-linear-gradient(top,  #8199bf 0%,#6a87b1 5%,#476aa0 100%);
background: -o-linear-gradient(top,  #8199bf 0%,#6a87b1 5%,#476aa0 100%);
background: -ms-linear-gradient(top,  #8199bf 0%,#6a87b1 5%,#476aa0 100%);
background: linear-gradient(top,  #8199bf 0%,#6a87b1 5%,#476aa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8199bf', endColorstr='#476aa0',GradientType=0 ); }

h3.navTitle.greyLight, h3.navTitle.grayLight { border-color: #cfcfcf; text-shadow: none; color: #454545; background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 5%, #ececec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#f5f5f5), color-stop(100%,#ececec));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 5%,#ececec 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 5%,#ececec 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 5%,#ececec 100%);
background: linear-gradient(top,  #ffffff 0%,#f5f5f5 5%,#ececec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); }

h3.navTitle.greyDark, h3.navTitle.grayDark { border-color: #babebd; text-shadow: 0px 0px 3px #ffffff; color: #454545; background: #e2e2e0;
background: -moz-linear-gradient(top,  #e2e2e0 0%, #dddddb 5%, #d5d5d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e0), color-stop(5%,#dddddb), color-stop(100%,#d5d5d3));
background: -webkit-linear-gradient(top,  #e2e2e0 0%,#dddddb 5%,#d5d5d3 100%);
background: -o-linear-gradient(top,  #e2e2e0 0%,#dddddb 5%,#d5d5d3 100%);
background: -ms-linear-gradient(top,  #e2e2e0 0%,#dddddb 5%,#d5d5d3 100%);
background: linear-gradient(top,  #e2e2e0 0%,#dddddb 5%,#d5d5d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e0', endColorstr='#d5d5d3',GradientType=0 ); }

/* --|-- 'wizard' lists ---------- */

ul.wizard { list-style: none; margin: 0; padding: 0; }
ul.wizard li { display: inline; margin: 0 15px 0 0; color: #d5d5d5; font-size: 18px; line-height: 36px; }
ul.wizard.right li { margin: 0 0 0 15px; }
ul.wizard li a { color: #444; }
ul.wizard li a:hover { text-decoration: none; color: #000; }

ul.wizard li span { display: inline-block; line-height: 21px; position: relative; background: #d5d5d5; color: #fff; padding: 0 8px; margin-right: 10px; }
ul.wizard li span:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; left: 100%; pointer-events: none; }
ul.wizard li span:after { border-left-color: #d5d5d5; border-width: 10px; top: 50%; margin-top: -10px; }
ul.wizard li span:after,  x:-moz-any-link, x:default  { display: none;  }
body:not(:-moz-handler-blocked) ul.wizard li span:after { display: block; }

ul.wizard li a span { background: #476aa0; }
ul.wizard li a span:after { border-left-color: #476aa0; }
ul.wizard li a:hover span { background: #074389; }
ul.wizard li a:hover span:after { border-left-color: #074389; }

/* --|-- definition lists ---------- */

dl dd { color: #808080; }

/* --|-- bullet definition lists ---------- */

dl.bullet { margin: 0 0 1em 15px; padding: 0 0 0 10px; }
dl.bullet dt, dl.bullet dd { line-height: 18px; }
dl.bullet dt { font-weight: bold; margin-left: -15px; }
dl.bullet dd { margin-left: 0; display: list-item; }

/* --|-- inline definition lists ---------- */

dl.inline { list-style: none; margin: 0; padding: 0; }
dl.inline dt { float: left; width: 45%; margin-left: 0; }
dl.inline dd { margin-left: 50%; }

/* --|-- bare definition lists ---------- */

dl.bare dd { margin: 0 0 1em 0; }


/* ==|== footer ========== */

#footer p.left { width: 75%; }
#footer p.right { width: 25%; text-align: right; }


/* ==!== blockquote ========== */

blockquote { font-family: Georgia, "Times New Roman", Times, serif; margin: 1em 0; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; }
blockquote p { display: inline; font-size: 14px; }


/* ==|== misc ========== */

.hide, .hidden { display: none; }
.visHide, .visHidden { visibility: hidden; }
.right { float: right!important; }
.left { float: left!important; }
.floatNone { float: none!important; }
.txtRight, .numeral { text-align: right!important; }
.txtLeft { text-align: left!important; }
.centre, .center, .txtCentre, .txtCenter { text-align: center!important; }
.autoWidth { width: auto!important; }
.rounded { border-radius: 4px; }
.nopad, table.nopad td { padding: 0; }
.noWrap { white-space: nowrap; }
.breakWord { word-wrap: break-word; }
.nonSelectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.clear:before, .clear:after { display: table; content: ""; zoom: 1; }
.clear:after { clear: both; }

.txt2Col, .txt3Col, .txt4Col { -moz-column-gap: 18px; -webkit-column-gap: 18px; }
.txt2Col { -moz-column-count: 2; -webkit-column-count: 2; }
.txt3Col { -moz-column-count: 3; -webkit-column-count: 3; }
.txt4Col { -moz-column-count: 4; -webkit-column-count: 4; }

.panel { position: relative; padding: 14px; margin-bottom: 1em; min-height: 20px; color: #404040; background-color: #fff; border: 1px solid #d0d0d0; }
.panel.neutral { background-color: #efefef; border-color: #d0d0d0; color: #404040; color: #404040; }
#sidebar .panel { padding: 0 14px; }

/* retained for legacy purposes; superceded by panel */
.box { background-color: #efefef; border: 1px solid rgba(0,0,0,0.05)!important; border-radius: 4px 4px 4px 4px; margin-bottom: 1em; min-height: 20px; padding: 14px; }


/* --|-- session timeout ---------- */

#timer { text-align: center; width: 300px; position: absolute; top: 0; left: 50%; color: #d2e5f0; font-size: 1em; margin-left: -150px; }