
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

html, body {
	height:100%;
	margin:0px;
	padding:0px;
}

form {
	display:table;}

.cssoff {
	display:none;	
}

.container {
	background-image: url(../img/LeftNavigation.png);
	background-repeat: repeat-y;
	border-left:#9a9a9a solid 1px;
	border-right:#545454 solid 1px;
	margin:0px auto 0px auto;
	/*display:table;*/
	width:987px;
	height:100%;
	/*box-shadow: 0 0 5px #000;*/
}

body > .container {
	height:auto;
	min-height:100%;
}

.topWrapper {
	height:262px;
	float:left;
	width:100%;
}

.head {
	background-image: url(../img/Title.png);
	background-repeat: no-repeat;
	width:100%;
	height:198px;
}

.middleWrapper {
	margin: 0 auto;
	width: 987px;
}

.bannerImage {
    float: right;
    width: auto;
    height: 150px;
}

.bannerDescription {
    float: right;
    color: #fff;
    font-weight: bold;
}

/* Active User */
.activeUserWrapper {
    display: table;
    position:absolute;
    top:0px;
    left:0px;
}

#activeUserContainer {
    clear:both;
    background:#fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-bottom-right-radius: 10px;
}

.activeUserUsers {
    display:table;
    border-bottom: 1px solid #808080;
}

.activeUserRow {
    display:table;
    margin: 5px;
}

.activeUserColUsername {
    float:left;
    padding: 0 10px 0 0;
    border-right: 1px dashed #808080;
    min-width: 100px;
}

.activeUserColLastActive {
    float:left;
    padding: 0 0 0 10px;
}

.activeUserRefTime {
    text-align:center;
    font-size:7pt;
}

#activeUserButton {
    height: 25px;
    width: 25px;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    border-bottom-right-radius: 10px;
    background:#222;
    display:block;
}

.activeUserButtonRed {
    background: #c20000 !important;
    border-right-color: #580000 !important;
    border-bottom-color: #580000 !important;
}

#activeUserButtonIcon {
    margin: 4px 0 0 2px;
}

input.ModernShowInput, 
textarea.ModernShowInput {
  background-color: #e3e8ee;
  border-color: #fff #fff #999;
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 10pt;
  padding: 8px;
}

.ModernShowButton {
  background-color: #aaa;
  background-image: linear-gradient(#ddd 0%, #999 100%);
  border: 1px solid #999;
  box-sizing: border-box;
  color: #000 !important;
  cursor: pointer;
  display: inline-block;
  min-height: 30px;
  padding: 0 10px 2px;
  text-decoration: none;
  vertical-align: top;
}

.ModernShowButton:hover {
  background-color: #222;
  background-image: linear-gradient(#555 0%, #000 100%);
  border: 1px solid #111;
  color: #fff !important;
}

.ModernIconBlue:hover .fa {
  color: #9dd0ff;
}

a.ModernShowButton, label.ModernShowButton {
  padding: 5px 13px;
}

.ModernShowButton.ModernShowFileinput {
  overflow: hidden;
}
.ModernShowButton.ModernShowFileinput input {
    display: none;
    opacity: 0;
    position: absolute;
}

input.FileInputHide {
    display: none;
    opacity: 0;
    position: absolute;
}



.ContentLinks,
.ContentLinksResponsive {
    border-top: 1px solid #999;
    text-align: right;
}

    .ContentLinks a,
    .ContentLinksResponsive a {
        font-variant: small-caps;
    }

.ContentLinksResponsive {
    display: none;
}

.respArea {
    display: none;
    visibility: hidden;
}