﻿body {font:10pt Tahoma, Verdana, Arial, sans-serif; background:#fff; text-align:center; padding:0px 0 0 0; margin:0; color:#333333;}
body.OBI {width:100%; height:100%; overflow:hidden; padding:0; margin:0;}
.OBIForm {width:100%; height:100%; }

.minHeight {min-height:475px; clear: both;}
* html .minHeight {height:475px;}

a, a:visited {color:#333333; text-decoration:underline;}
a:hover {text-decoration:none;}

.container{width:1000px; margin:0 auto; text-align:left;}
.content {width:1000px; background-color:#fff; border:1px solid #999; background-image:url(images/divider.gif); background-repeat:repeat-y; background-position:180px 0px;}
.sidebar {width:180px; float:left; clear:left;}
.main {float:left; width:819px; margin-left:1px;} 

.clear {clear:both;}
.altfooter{font-size:80%; color:#aaa; margin:0 auto; background:#fff url(images/footer.jpg) repeat-x top center; height:30px; line-height:30px; padding:5px; width:1000px;}

.margins {margin:0 auto;}

.login {margin:0 auto; width:298px; padding-top:15px; height:112px; background:url(images/login_bkg.gif) no-repeat top center; font-weight:bold; font-size:11px; color:#333333;}
.login ol {list-style:none; margin:0; padding:0; width:293px;}
.login li {padding:3px 0 0 0; margin:0; clear:both;}
.login .label {clear:left; width:100px; float:left; margin:5px 0 5px 0; text-align:right; padding-right:5px; text-transform:uppercase;}
.logininput {height:15px; width:150px;}

.loginMessageWrapper {position:absolute; top:350px; left:20%; right:20%; bottom:34px; }
.loginMessage { margin:0 auto; padding:0 10px; text-align:left; font:10pt Tahoma, Arial, sans-serif; border:1px solid #666666; background-color:#DDDDDD;
                border-radius:5px; overflow:auto; max-height:400px; }

.help ol {list-style:none; margin:0 auto; padding:0; width:293px;}
.help li {padding:3px 0 0 0; margin:0; clear:both;}

.OBIFooter {position:absolute; z-index:3; bottom:0; left:0; color:#aaa; margin:0 auto; height:33px; min-height:33px; width:100%; border-top:1px solid #CCCCCC; background-color:White; overflow:hidden;}
.OBIFooterText {position:relative; text-align:center; font-size:small; color:#666666; margin:0 auto; padding:0;}
.OBIFooterImage {position:absolute; right:2px; top:2px;}

li.loginfailed {margin-top:25px; color:#B22222; font-style:italic; font-weight:normal; text-align:center;}

.ol li {margin-top:10px;}

/*--------Side-Bar---------*/
.sideHeader {color:#FFFFFF; font-size:10pt; font-weight:bold; text-align:center; height:25px; line-height:25px; border-bottom:1px solid #ccc; background:url(images/bkg_title_alt.gif) repeat-x bottom;}

/*--------Header--------*/
/*.headerBkg {width:580px; text-align:right; vertical-align:bottom;}*/
.headerBkg {width:770px; vertical-align:bottom;}
.clientLogo {width:230px; text-align:right; height:120px; line-height:120px;}

.toolbar {border:1px solid #CCC; text-align:left; font-size:8pt; width:100%; background-color:#F3F4F9;}
.hideButton { display: none; }

.strengthMeter {
    display: inline-block;
    width: calc(100% - 65px);
	height: 10px;  /* Can be anything */
	position: relative;
	background: #555;
	border-radius: 25px;
	padding: 3px;
	box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.strengthMeter > span {
	display: block;
    float: left;
    width: 10%;
	height: 100%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: gray;
	position: relative;
	overflow: hidden;
}

/*#wrapper { width: 100%; margin: 0 auto; }*/
#contentliquid { float: left; width: 100%;}
#sidecontent { margin-left: 250px;}
#leftcolumn { float: left; width: 250px; margin-left: -100%;}
#footer { width: 100%; clear: both;}

ul.noindent {
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}

ul.noindent a, ul.noindent a:visited { 
    color:#AB0534;
}

ul.noindent li {
    padding-bottom: 10px;
}

ul.homepage { padding: 0; }
ul.homepage a, ul.homepage a:visited {
    color:#AB0534;
}

ul.homepage a:hover {
    color:#C0504D;
}

ol.noindent {
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}

ol.noindent li {
    padding-bottom: 5px;
}

.headerDiv {width:100%; height:27px; line-height:25px; background:#E7EAEE; background-image:url(images/TabbedMenu/Menu_Background.png); background-repeat:repeat-x; background-position:left top; border-bottom:1px solid #666666;}

.buttonRight { margin: 0 0 0 auto; }
.buttonCenter { margin: 0 auto; }
.paddingLeft7 { padding-left: 7px; }

.titleLink a,  .titleLink a:visited {
    color:#AB0534;
    font-size:larger;
    font-weight:bold;
}

.titleLink a:hover {
    color:#AB0534;
    text-decoration:none;
    font-size:larger;
    font-weight:bold;
}
.formCaptionWidth {
    width: 100% !important;
    white-space: normal;
    word-wrap: break-word;
}

.tox-tinymce {
    border: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
    border-radius: 0 !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: #fff !important;
    border-bottom: 1px solid #e3e3e3 !important;
    box-shadow: none !important; 
    padding: 4px 0 !important;
}