html, body {margin:0px;width:100%;padding:0px;background-color:#000000;}

html, body, div, td, h1, h2, h3 {font-family:"Raleway", sans-serif;font-weight:400;color:#ffffff;}

h1 {margin:0px;}

h1.mainpageheader {position:absolute;left:50%;margin-left:-600px;top:70px;font-size:8pt;color:#005395;font-weight:400;display:inline-block;vertical-align:bottom;margin-bottom:13px;}
h1.mainpageheaderadmin {color:#cccccc;font-weight:400;display:inline-block;vertical-align:bottom;margin-bottom:13px;}

div.pageholder {left:50%;position:relative;width:1020px;padding:10px;margin-left:-510px;}

div.devtopper {background-color:#009900;color:#ffffff;text-align:center;padding:4px;font-size:8pt;}

div.spaceafterheader {height:40px;}

div.tabs {display:inline-block;}
div.tabs div {
    padding: 2px;
}

b.loginname {cursor:pointer;}
#signoutbox {display:none;position:absolute;padding:10px;width:300px;right:0px;top:0px;background-color:#dddddd;border:1px solid #000000;color:#000000;z-index:64000;}
#signoutbox a {color:#005395;font-weight:bold;}

.pagination {display:inline-block;min-width:16px;padding:5px;background-color:#cccccc;margin-right:5px;margin-bottom:5px;text-align:center;}
.pagination:hover {background-color:#0063a5;}
a.pagination {text-decoration:none;color:#888888;}
span.pagination {color:#ffffff;background-color:#005395;}

/* INPUTS: */
input.form, select.form, textarea.form {resize:none;outline:none;display:inline-block;color:#888888;font-weight:400;border-radius:0;-moz-border-radius:0px;-webkit-border-radius:0px;border:1px solid #dddddd;padding:15px;}
.form:focus {background-color:#fffff8;border:1px solid #888888;color:#000000;}






input.small {padding:2px;}

select.form option {padding:3px;}


select.form {padding:15px;border:none;}
select.form:focus {border:none;outline:none;}

input.hiddenuploader {opacity:0;position:absolute;left:0px;top:0px;width:100%;bottom:0px;cursor:pointer;}

textarea.form {height:90px;}

input.popup, textarea.popup, select.popup {flex:1;color:#005fab;}
div.inputlabel {font-size:8pt;font-weight:bold;text-align:left;}

input.error {border:1px solid #ff0000;background-color:#ffcccc;}

input.button, button.button {cursor:pointer;color:#000000;font-weight:bold;outline:none;border:none;padding:10px 20px 10px 20px;background-repeat:no-repeat;background-position:center center;min-width:120px;background-color:#ffcd56;border-radius:0px;-webkit-appearance:none;transition: background-color .3s;-webkit-transition: background-color: .3s;}

.button:hover {background-color:#ffed51;}
.button:active:hover {background-color:#cccccc;}

button.popupbutton {background-color:#005599;color:#ffffff;}
button.popupbutton:hover {background-color:#0066aa;color:#ffffff;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #dddddd;font-style:italic;font-weight:100;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #dddddd;font-style:italic;font-weight:100;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #dddddd;font-style:italic;font-weight:100;
}
:-moz-placeholder { /* Firefox 18- */
  color: #dddddd;font-style:italic;font-weight:100;
}
	
/* Customize the label (the container) */
.checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 8pt;
  padding-top:6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .2s;
  -webkit-transition: color .2s;
}

.deletecheckboxcontainer:hover {
	color:#990000;
}
.checkboxcontainer:hover {
	color:#005395;
}
	
.checkboxcontainer:hover .checkmark {
	background-color: #b7c0c6;
}

/* Hide the browser's default checkbox */
.checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  transition: background-color .3s;
  -webkit-transition: background-color .3s;
}

.deletecheckmark {
	border:1px solid #990000;
}
	
/* When the checkbox is checked, add a blue background */
.checkboxcontainer input:checked ~ .checkmark {
  background-color: #005395;
}

.deletecheckboxcontainer input:checked ~ .checkmark {
	background-color:#990000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxcontainer .checkmark:after {
  left: 9px;
  top: 3px;
  width: 5px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

div.topspacer {height:40px;}


div.fullscreen {display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background-color:#000000;opacity:.9;z-index:65500;}
div.popupbox {color:#565656;display:none;position:fixed;left:50%;top:50%;width:500px;margin-left:-250px;background-color:#f0f0f0;z-index:65501;}
div.popuptitle {position:relative;font-size:14pt;padding:16px;padding-right:40px;background-color:#e0e0e0;font-weight:bold;word-break:break-all;color:#000000;}
div.popupinnerframe {padding:16px;padding-top:16px;border-top:1px solid #bbbbbb;color:#000000;}
div.popupinnerframe td b {color:#000000;}
div.closepopupbox {position:absolute;right:16px;top:16px;width:24px;height:24px;opacity:0.6;cursor:pointer;}
div.closepopupbox:hover {opacity:1;}
div.closepopupbox:before, div.closepopupbox:after {position:absolute;left:11px;content:' ';height:23px;width:2px;background-color:#333;}
div.closepopupbox:before {transform:rotate(45deg);}
div.closepopupbox:after {transform:rotate(-45deg);}

div.deletex {position:absolute;left:50%;top:50%;width:16px;height:16px;opacity:0.6;cursor:pointer;margin-left:-8px;margin-top:-8px;}
div.deletex:hover {opacity:1;}
div.deletex:before, div.deletex:after {position:absolute;left:7px;content:' ';height:15px;width:2px;background-color:#333;}
div.deletex:before {transform:rotate(45deg);}
div.deletex:after {transform:rotate(-45deg);}


div.messagebox {position:relative;padding:10px;border:1px solid #009900;background-color:#ddffdd;margin-bottom:30px;}
div.errorbox {position:relative;border:1px solid #990000;background-color:#ffdddd;color:#990000;}
div.messagebox .messagetext {position:relative;color:#009900;}
div.errorbox .messagetext {color:#990000;}
div.messagebox .messagex {position:absolute;top:0px;right:0px;padding:10px;color:#009900;content:"x";font-weight:bold;cursor:pointer;}
div.errorbox .messagex {color:#990000;}


div.container {left:50%;position:relative;width:400px;margin-left:-200px;margin-top:30px;}
label.formlabel {width:100px;font-size:12pt;display:inline-block;}
div.form-group {position:relative;/*text-align:left;*/padding:10px;}

div.topmenudiv {position:relative;/*background-color:#005395;*/min-height:90px;}

div.topmenulogo {position:absolute;padding-top:16px;left:50%;width:1200px;margin-left:-600px;text-align:left;}

div.logininfo {position:absolute;right:10px;top:10px;font-size:10pt;text-align:right;line-height:normal;color:#cccccc;}
div.logininfo a {color:#ffffff;}
button.gotoadmin {margin-top:17px;outline:none;border:1px solid #888888;background-color:#cccccc;color:#888888;cursor:pointer;padding:5px;font-size:8pt;}
button.gotoadmin:hover {background-color:#dddddd;}

button.popup {width:100%;}
button.red {background-color:#990000;}
button.red:hover {background-color:#aa0000;}
button.disabled {background-color:#bebebd;color:#444444;}


div.loadingfadedbackground {position:fixed;left:0px;top:0px;right:0px;bottom:0px;background-color:#ffffff;opacity:.9;display:none;z-index:65300;}
div.loadinggraphic {position:fixed;left:50%;top:50%;margin-top:-100px;margin-left:-100px;z-index:65301;}

iframe.hiddenuploadform {visibility:none;opacity:0;width:100px;height:1px;}

div.pollchoiceboxweb {cursor:pointer;display:inline-block;margin:10px;width:310px;border:1px solid #cccccc;background-color:#eeeeee;font-size:12pt;color:#015b99;padding:10px;}

div.lineicons {width:24px;height:24px;display:inline-block;margin-left:10px;cursor:pointer;border:none;}

input.peoplefinder {flex:1;background-image:url('../coreimages/search.png');background-repeat:no-repeat;background-position:center right;}
div.peoplefinder {max-width:600px;}

div.employeecontainer {position:relative;width:500px;border:1px solid #dddddd;background-color:#f8f8f8;vertical-align:top;margin-bottom:50px;display:block;text-align:left;}
div.employeecontainerinside {padding:30px;}
div.employeeimage {width:72px;height:72px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url('../coreimages/defaultperson.png');display:inline-block;vertical-align:top;margin-right:30px;}
div.employeeinfo {display:inline-block;width:296px;vertical-align:top;font-size:10pt;min-height:140px;}
div.employeeinfo b {color:#555555;font-size:11pt;font-weight:400;font-size:16pt;display:block;margin-top:4px;margin-bottom:4px;}
div.employeeinfo b a {color:#555555;text-decoration:none;}
div.employeeinfo a.employeeemail {color:#005395;text-decoration:none;font-size:10pt;}
div.employeeinfo span.department {font-style:italic;color:#aaaaaa;}
div.employeeinfo span.department a {color:#aaaaaa;text-decoration:none;}
div.employeeinfo span.manager {color:#888888;margin-top:8px;display:block;}
div.employeeinfo span.manager a {color:#005395;text-decoration:none;}
div.employeeinfo h3 {margin:0px;padding:0px;color:#005395;font-weight:300;font-size:26pt;margin-top:-5px;}
div.mobilephone {display:inline-block;width:50%;text-align:left;font-size:13pt;}
div.officephone {display:inline-block;width:50%;text-align:right;font-size:13pt;}
span.phonetitle {font-size:8pt;color:#aaaaaa;}
div.companydesignator {position:absolute;text-align:center;right:10px;top:10px;font-weight:400;font-size:10pt;color:#005395;}
div.countrydesignator {position:relative;background-position:center center;background-repeat:no-repeat;width:26px;height:15px;background-size:contain;}

a.advancedoptions {font-size:8pt;text-decoration:none;color:#005395;}





#pagemainmenu {font-size:9pt;}
.menuparent {display: block;position: relative;float: left;line-height: 30px;font-weight:400;margin-bottom:10px;}
.menuparent a{margin: 10px;color: #888888;text-decoration: none;padding:5px;}
.menuparent:hover > ul {display:block;position:absolute;}
.menuchild {display: none;}
.menuchild li {background-color: #dddddd;line-height: 30px;width:auto;transition: background-color .2s;}
.menuchild li a{color: #888888;white-space:nowrap;margin-left:10px;margin-right:15px;transition: color .2s, margin-left .2s, margin-right .2s;}
.menuchild li:hover a {color: #005395;margin-right:10px;margin-left:15px;}
ul{list-style: none;margin:0px;padding:0px;min-width:15em;}
ul ul ul{left:100%;top:0px;margin-left:0px;}
li:hover {background-color: #eeeeee;cursor:pointer;}
.menuparent li:hover {background-color: #eeeeee;}
.menuexpand{font-size:12px;float:right;margin-right:5px;}

div.contentpage {position:relative;margin-left:-510px;left:50%;width:1020px;min-height:700px;text-align:left;}
div.contentpagemain {width:100%;left:0px;margin-left:0px;}
div.topheader {position:relative;width:100%;background-color:#005395;/*background-color:#003259;*/padding:8px 0px 8px 0px;}
div.topheader div.insidetopheader {position:relative;width:1020px;left:50%;margin-left:-510px;text-align:left;}
div.topheader div.insidetopheader h2 {position:relative;font-size:20pt;color:#eeeeee;cursor:pointer;margin:0px;}


a.cke_dialog_ui_button {background-color:#005395 !important;color:#ffffff !important;border:none !important;border-radius:0px !important;}
span.cke_dialog_ui_button {background-color:#005395 !important;outline:none !important;border:none !important;color:#ffffff !important;}




/* File Browser */
div.documentframe {display:inline-block;width:100px;padding:10px;transition:background-color 0.5s ease;cursor:pointer;}
div.documentframe:hover {background-color:#e5edf4;}
div.documentimage {width:100px;height:100px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
div.documentfilename {height:40px;padding-top:6px;overflow:hidden;font-size:8pt;word-break:break-all;text-align:center;}



button.attachbutton {min-width:47px;padding:0px;height:47px;width:47px;background-image:url('../coreimages/attachsmall.png');background-position:center center;background-repeat:no-repeat;}
button.previewbutton {position:absolute;left:0px;top:0px;bottom:0px;min-width:100px;width:80px;background-image:url('../coreimages/preview.png');background-position:center center;background-repeat:no-repeat;-webkit-appearance:none;font-size:10pt;font-weight:normal;}
b.vtopmiddle {display:inline-block;margin-top:13px;}

button.sendbutton {float:right;height:100px;width:100px;background-image:url('/coreimages/send.png');background-position:center center;background-repeat:no-repeat;-webkit-appearance:none;outline:none;border:none;font-size:10pt;}
button.cancelbutton {display:none;background-color:#880000;float:right;height:100px;width:100px;background-image:url('/coreimages/cancel.png');background-position:center center;background-repeat:no-repeat;-webkit-appearance:none;outline:none;border:none;font-size:10pt;}
button.cancelbutton:hover {background-color:#880000;}
button.backbutton {height:100px;width:100px;background-image:url('/coreimages/back.png');background-position:center center;background-repeat:no-repeat;-webkit-appearance:none;outline:none;border:none;font-size:10pt;}
div.inputsection {position:relative;border:1px solid #dddddd;background-color:#f2f2f2;}
div.error {border:1px solid #ff0000;background-color:#ffcccc;}


form.dropzone 
{
	border: 2px dashed #0087F7;
	background-color: #eeeeff;
	height: auto;
	min-height:auto;
	margin-bottom:15px;
}

form.error
{
	border: 2px dashed #990000;
	background-color: #ffcccc;
}

form.attached
{
	border: 2px dashed #009900;
	background-color: #ccffcc;
}

form.gray
{
	border: 2px dashed #cccccc;
	background-color: #eeeeee;
}

span.error
{
	color:#990000;
}

span.attached
{
	color:#009900;
}

span.gray
{
	color:#888888;
}

button.gray
{
	background-color:#cccccc;
	color:#888888;
}

button.gray:hover
{
	background-color:#cccccc;
	color:#888888;
}


div.footersection {min-height:200px;background-color:#444444;border-top:1px solid #222222;text-align:center;}
div.footerpadding {padding:20px;text-align:center;color:#cccccc;}
div.footerpadding table td a {color:#ffffff;text-decoration:none;display:block;margin:2px 0px 2px 0px;}
div.footerpadding table td a:after {color:#ffffff;content:' \25BA';}
div.footerpadding table td a:hover {color:#00ccff;}
div.footerpadding table td h2 {margin:0px;font-weight:bold;color:#eeeeee;}
div.footerpadding table td div.bottomrule {width:100%;height:1px;background-color:#676767;margin-top:5px;margin-bottom:20px;}

div.slideshowframe {position:absolute;left:30px;top:30px;bottom:30px;right:30px;background-size:contain;background-position:center center;background-repeat:no-repeat;}

div.ssnavbutton {position:absolute;top:50%;margin-top:-60px;width:120px;height:120px;cursor:pointer;opacity:.3;}
div.ssnavright {right:50px;background-image:url('/admin/icons/ssnavright.png');}
div.ssnavleft {left:50px;background-image:url('/admin/icons/ssnavleft.png');}



div.fpannouncement {margin-bottom:50px;cursor:pointer;}
div.fpannouncement div.fpthumb {width:100px;height:100px;vertical-align:top;background-size:contain;background-position:center center;background-repeat:no-repeat;margin-right:20px;display:inline-block;}
div.fpannouncement div.fpcontent {display:inline-block;vertical-align:top;width:676px;color:#888888;font-size:10pt;}
div.fpannouncement div.fpdate {color:#676767;font-size:8pt;margin-bottom:30px;}
div.fpannouncement div.fpcontent h2 {margin:0px;color:#444444;}

div.fpannouncement:hover div.fpcontent h2 {color:#005395;}
div.fpannouncement:hover div.fpcontent {color:#005395;}

table.stats {border:none;}
table.stats tr td {font-size:10pt;}
table.stats thead tr {background-color:#cccccc;}
table.stats thead tr td {font-weight:bold;}
table.stats tr.dark {background-color:#eeeeee;}


table.spreadsheet {border:none;background-color:transparent;}
table.spreadsheet tr td {font-size:10pt;padding:8px;color:#000000;}
table.spreadsheet thead tr {background-color:#cccccc;}
table.spreadsheet thead tr td {font-weight:bold;}
table.spreadsheet tr {background-color: #dddddd;}
table.spreadsheet tr.dark {background-color:#cccccc;}

table.spreadsheetdark tr td {color:#cccccc;}
table.spreadsheetdark thead tr {background-color:#444444;}
table.spreadsheetdark thead tr td {color:#ffffff;}
table.spreadsheetdark thead tr td a {color:#ffffff;}
table.spreadsheetdark tr td a {color:#ffffff;}
table.spreadsheetdark tr {background-color: #222222;}
table.spreadsheetdark tr.dark {background-color: #333333;}

button.arealiter {display:block;width:100%;margin-bottom:4px;}
button.disabled:hover {background-color:#cececd;}
/*
div.arealiter {padding:6px;cursor:pointer;background-color:#444444;color:#ffffff;margin-bottom:4px;border:2px solid #444444;}
div.arealiter:hover {color:#00ff00;background-color:#555555;}
div.areaselected {border:2px solid #eeeeee;background-color:#cccccc;color:#000000;}
div.areaselected:hover {background-color:#dddddd;color:#000000;}
*/


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

button.mode {vertical-align:top;font-size:8pt;min-width:50px;width:50px;height:50px;padding:0px;display:inline-block;margin-right:10px;background-position:center center;background-repeat:no-repeat;background-size:20px 20px;}

div.betweenbuttons {height:10px;width:28px;}
button.layeraction {width:24px;min-width:24px;height:24px;padding:0px;margin:0px;font-size:15pt;}
button.mapaction {width:24px;min-width:24px;height:24px;padding:0px;margin:0px;}
button.layer {height:24px;width:100%;padding:0px 4px 0px 4px;margin-bottom:5px;text-align:left;font-size:7pt;font-weight:normal;}
button.little {display:block;width:28px;height:28px;min-width:28px;margin-bottom:5px;}


div.viewdesc {position:absolute;top:4px;right:4px;width:16px;height:16px;background-image:url('../coreimages/viewdesc.png');cursor:pointer;}

#maincontentarea {
	text-align:center;
}

a.link {
	display:block;
	border:1px solid white;
	background-color:#444444;
	color:#ffffff;
	text-decoration:none;
	padding:6px;
	width:250px;
	margin:4px 0px 4px 0px;
	transition:.5s background-color;
}

a.link:hover {
	background-color: #676767;
}

b.charactername {font-size:12pt;color:#990000;line-height:20px;}
div.charactersheet {font-size:8pt;color:#444444;background-color:#cccccc;line-height:16px;padding:10px;}
div.divider {margin-top:6px;margin-bottom:6px;height:2px;background-color:#444444;}
div.sstatbox {display:inline-block;width:45px;text-align:center;font-size:8pt;color:#444444;}

form.dropzone
{
	border: 2px dashed #8888cc;
	background-color: #000044;
	height: auto;
	min-height:auto;
	margin-bottom:15px;
}
form.dropzone div button
{
	color: #8888cc !important;
	font-size:8pt !important;
	font-weight: bold;
}
form.error
{
	border: 2px dashed #990000;
	background-color: #440000;
}
form.error div button
{
	color: #990000 !important;
}
form.attached
{
	border: 2px dashed #009900;
	background-color: #ccffcc;
}
form.attached div button
{
	color: #009900 !important;
}
form.gray
{
	border: 2px dashed #cccccc;
	background-color: #444444;
}
form.gray div button
{
	color: #cccccc !important;
}
form.normal {
  background-color: #eeeeff;
}
form.normal div button
{
	color: #eeeeff !important;
}

a.breadcrumb
{
	color:#ffffff;
	text-decoration:none;
}

b.pcstats
{
	font-size:8pt;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}

input.pcstats
{
	margin: 0px 3px 0px 3px;
	padding:5px;
	font-size:8pt;
	vertical-align:top;
}

button.pcstats
{
	padding:0px;
	font-size:8pt;
	height:24px;
	width:24px;
	min-width:24px;
	color:#ffffff;
	background-color:#005599;
	display:inline-block;
	margin: 0px 3px 0px 3px;
	vertical-align:top;
}

button.pcstats:hover
{
	background-color:#0066aa;
}

div.pcstats
{
	margin-bottom:10px;
	vertical-align:top;
}

button.blue {background-color:#005599;}
button.blue:hover {background-color:#0066aa;}
button.translucent {opacity:.5;}
button.translucent:hover {opacity:1;}