html.p, html.p body{background : #e5f5ee;}
html, body {
	background: #e6d8fc; text-align: left; font-size: 14px; font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px;}
body * {}
img {border: 0px;}
h1 {font-size: 22px; font-weight: bold;}
h2 {font-size: 14px; font-weight: bold;}
h3 {font-size: 12px; font-weight: bold;}
a {color: #3f3f3f;}
a:hover {color: #b785cc;}
p, td, li {font-size: 14px;}
form p {margin: 5px 0}

#positioner {width: 1000px; margin: 0px auto 0px auto; padding: 0px;}
#insider {float: left; width: 1000px; margin: 0px; padding: 0px;}
#windowBox {float: left; background: #ffffff url(../pub_images/1x1white.png) top center repeat !important; padding: 15px !important; border: 3px solid #3f3f3f;}

.coloured {color: #5a186b;}

.inputSmall {display: inline; width: 50px;}
.inputStandard {display: inline;}
.inputExtended {display: inline; width: 500px;}
.width150 {float: left; width: 150px;}
.width200 {float: left; width: 210px;}
.floatLeft {float: left;}
.floatRight {float: right;}
.table {width: 100%;}
.trColoured {background: #5a186b; color: #ffffff;}
.table td {padding: 3px;}

span.width200 {clear: both}

#logo {float: left; width: 345px; height: 95px; margin: 0px; padding: 0px;}
#title {float: right; width: 645px; height: 36px; margin: 0px; padding: 17px 0px 0px 10px;}
#title h1 {color: #ffffff; font-size: 22px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; line-height: 1em; margin: 0px; padding: 0px;}
#loginButtons {float: right; width: 655px; height: 42px; margin: 0px; padding: 0px;}
#loginButtonsFm {float: left; width: 1000px; margin: 0px; padding: 0px; background: #fff}
#loginButtons ul, #loginButtonsFm ul {margin: 0px; padding: 0px; list-style: none;}
#loginButtons ul li {float: right; width: 125px; height: 22px; margin: 0px; }
#loginButtonsFm ul li {float: left; height: 22px; margin: 0px; padding: 0px 0px 10px 0px; text-align: center}
#loginButtons ul li a {font-size: 14px !important; float: left; width: 125px; height: 17px; text-align: center; text-decoration: none; color: #3f3f3f; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; line-height: 0.8em; margin: 0px; padding: 10px 0px 10px 0px; }
.p  #loginButtons ul li a:hover, .p #loginButtonsFm ul li a:hover {background: #22B573}
#loginButtons ul li a:hover, #loginButtonsFm ul li a:hover {background: #9966ff; color: #fff;}

#loginButtonsFm ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#loginButtonsFm > ul > li {
	position: relative;
	display: inline-block;
	min-width: 114px;
}

#loginButtonsFm ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
	z-index: 1000;
}

#loginButtonsFm ul ul li {
	display: block;
	white-space: nowrap;
}
#loginButtonsFm > ul > li:hover > ul {
	display: block;
}

#loginButtonsFm ul li a {
	font-size: 14px !important;
	height: 12px;
	text-decoration: none;
	color: #3f3f3f;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 0.8em;
	display: inline-block;
	min-width: inherit;
	padding: 10px 10px;
}

#menu {float: left; width: 1000px; height: 40px; margin: 0px; padding: 0px; background: url(../pub_images/menuBg.png) 0px 0px no-repeat;}

#banner {float: left; width: 950px; height: 200px; background: url(../pub_images/banner1.jpg) 0px 0px no-repeat; margin: 0px; padding: 25px;}
#banner h1 {float: left; color: #ffffff; margin: 0px; padding: 0px;}

.newsBox {float: left; width: 300px; margin: 0px; padding: 0px;}
#newsBoxCenter {float: left; width: 300px; margin: 0px 0px 0px 50px; padding: 0px;}
#newsBoxRight {float: right; width: 300px; margin: 0px; padding: 0px;}
.newsBoxTitle {float: left; width: 280px; height: 41px; background: url(../pub_images/newsBoxTitle.png) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
.newsBoxTitle h1 {float: left; height: 41px; color: #ffffff; margin: 0px; padding: 0px;}
.newsBoxTitle span {float: right; height: 41px; color: #757575; font-size: 22px; font-weight: bold; margin: 0px; padding: 0px;}
.newsBoxTitle span a {text-decoration: none; color: #ffffff; margin: 0px; padding: 0px;}
.newsBox p {float: left; width: 280px; height: 180px; color: #1a1a1a; background: url(../pub_images/newsBoxBg.png) 0px bottom no-repeat; margin: 0px; padding: 10px;}

.blackButton {float: left; width: 125px; height: 22px; text-align: center; text-decoration: none; color: #ffffff; font-size: 14px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; line-height: 1.8em; margin: 0px 5px 0px 0px; padding-bottom: 5px; background: #000; border: 0px;}
.btn-small{ font-size: 12px; font-weight: 300; padding: 3px 0px;}
.blackButton:hover {color: #fff;}
.blackButtonInput {float: left; min-width: 125px; height: 27px !important; text-align: center; color: #ffffff; font-size: 14px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; line-height: 0.8em; margin: 0px 5px 0px 0px; padding-bottom: 5px; background: #000; border: 0px;}
.blackButtonInput:hover {color: #ffffff;}
.orangeButton {background:orange; float: left; width: 153px; height: 22px; text-align: center; text-decoration: none; color: #333; font-size: 14px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; line-height: 1.8em; margin: 0px 5px 0px 5px; padding-bottom: 5px;  border: 0px;}
.orangeButton:hover { color: #fff}
.whiteButton {float: left; width: 125px; height: 22px; text-align: center; text-decoration: none; color: #3f3f3f; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; line-height: 0.8em; margin: 0px; padding: 0px 0px 0px 0px; background: url(../pub_images/buttons.png) 0px 0px no-repeat; border: 0px;}
.whiteButton:hover {background: url(../pub_images/buttons.png) 0px -22px no-repeat;}

.loginButton {float: left; width: 197px; height: 30px !important; text-align: center; text-decoration: none; background: orange; cursor: pointer; font-weight: bold; color: #3f3f3f; font-size: 15px; font-family: verdana, arial, helvetica, sans-serif; line-height: 0.8em; margin: 0px; padding: 0px 0px 0px 0px; border: 0px;}
.loginButton:hover {color: #fff}

#subpageContent {float: left; width: 1000px;  margin: 0px 0px 0px 0px; padding: 0px;}
#subpageBoxTitle {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitle.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitleProperty {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitleProperty.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitleLegal {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitleLegal.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitleMedical {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitleMedical.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitleFinancial {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitleFinancial.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitleInventory {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitleInventory.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitleInterview {float: left; width: 980px; height: 41px; background: url(../pub_images/subpageBoxTitleInterview.jpg) 0px 0px no-repeat; margin: 0px; padding: 12px 10px 0px 10px;}
.p #subpageBoxTitleTranslation{
	background: #22B573;
}
#subpageBoxTitleTranslation {float: left; width: 980px; height: 41px; background: #9966ff; margin: 0px; padding: 12px 10px 0px 10px;}
#subpageBoxTitle h1, #subpageBoxTitleProperty h1, #subpageBoxTitleLegal h1, #subpageBoxTitleMedical h1, #subpageBoxTitleFinancial h1, #subpageBoxTitleInventory h1, #subpageBoxTitleInterview h1, #subpageBoxTitleTranslation h1 {float: left; height: 41px; color: #ffffff; margin: 0px; padding: 0px;}
#subpageBoxTitleTranslation h1 a {color: white; text-decoration: underline}
#subpageBoxTitleTranslation div.small {color: white; float: left; padding: 5pt; font-size: 10pt}
#subpageBoxContent {float: left; width: 980px; min-height: 300px; color: #1a1a1a; background: #fff; margin: 0px; padding: 10px;}
#subpageBoxContent input{ height: 20px;}
#subpageBoxContent select{ height: 27px;}

#footer {float: left;  width: 1000px; margin: 10px 0px; padding: 0px;}
#footer p {float: left; font-size: 12px; color: #000; margin: 0px; padding: 0px 0px 0px 20px;}

.shadow1000 {float: left; width: 1000px; height: 20px;  margin: 0px; padding: 0px; _background: none;}
.shadow300 {float: left; width: 300px; height: 20px; background: url(../pub_images/shadow300.png) 0px 0px no-repeat; margin: 0px; padding: 0px; _background: none;}
.p #bannerFm{background: #22B573}
#bannerFm {float: left; width: 950px;  background: #9966ff; margin: 0px; padding: 25px;}
#bannerFm h1 {color: #ffffff; margin: 0px; padding: 0px;}
.bannerFmBox {float: left; margin: 0px; padding: 0px;}
.bannerFmBox p, .bannerFmBox form {color: #ffffff; margin: 0px; padding: 10px 0px 0px 0px;}
#bannerFmBox1 {width: 300px; padding-right: 25px;}
#bannerFmBox2 {width: 300px; padding-right: 25px;}
#bannerFmBox3 {width: 300px;}
#fmLoginForm {width: 225px;}

#bannerFmBox1 a {font-size: 12px; color: #ffffff; padding: 10px 0px 0px 0px;}
#login-form  .errorMessage{ font-size: 10px; color: #ff0000; padding: 0px 0px 5px 0px;}
#login-form label {display:block; float: left; width: 80px; padding-top: 3px; font-weight: bold}
label.error {color: red;}
#login-form label span {display: none}
#login-form label, #login-form input {margin-bottom: 5px}
#login-form input.loginButton {margin: 5px 0 5px 80px}
#login-form input{ height: 22px; }

div.buttons {margin: 30px auto 0; width: 300px;}
#iphone-info {padding-left: 210px; padding-top: 30px;}
#iphone-info dt {float:left; width: 100px}
#iphone-info dd {font-weight: bold}

div.flash-error, div.flash-notice, div.flash-success
{
	margin-bottom:1em;
	width: 780px;
	height: 70px;
	float: left;
	border:0px solid #ddd;
	color:#ffffff;
	padding: 30px 120px 0px 120px;
}

div.flash-error p, div.flash-notice p, div.flash-success p {
	font-size: 16px;
	font-weight: bold;
}

div.flash-error
{
	background: url(flash-status.jpg) 0px -100px no-repeat;
}

div.flash-notice
{
	background: url(flash-status.jpg) 0px -200px no-repeat;
}

div.flash-success
{
	background: url(flash-status.jpg) 0px 0px no-repeat;
}

div.flash-error a
{
	color:#ffffff;
}

div.flash-notice a
{
	color:#ffffff;
}

div.flash-success a
{
	color:#ffffff;
}

div.errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.errorSummary ul li
{
	list-style: square;
}

td.debit {
	font-weight: bold;
	color: red;
}

td.credit {
	font-weight: bold;
	color: blue;
}

#client-promo, #typist-contest {width: 100%; padding: 3px; border-bottom: 1px solid #5a186b;}
#client-promo th, #typist-contest th {background: url(gridview/bg2.png) repeat-x scroll left top; color: #ffffff;}

#payment-form {margin: 0px auto 0px auto; width: 300px;}
#payment-form input{margin: 0px 0px 0px 50px;}

#typist-activity-form p {width:100%; float: left;}
#typist-activity-form label, #typist-activity-form input {float: left;}
#typist-activity-form label {padding-top: 5px;}

#hod-info {
	background: #9966ff;
	color: white;
	display: none;
	position: absolute;
	z-index: 99;
	width: 250px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c0c0c0;
	padding: 10px;
	font-weight: bold;
}

#hod-info a {
	color: white;
}

#hod-info-close {
	margin: 15px auto 0;
	float: none;
	display: block;
}

.notice {
    background-color: #EAF3F6;
    border: 1px solid #999;
    padding: 15px;
    margin: 10px 0 10px 0;
}

.warning {
    background-color: #FFFF88;
    border: 1px solid #999;
    padding: 15px;
    margin: 10px 0 10px 0;
}

.errorMessage {
    color: red;
}

tr.priority {
    background-color: #FF9B5D !important;
}

div.typist-contest {
    width: 450px; padding: 3px; border: 1px solid #5a186b;
    background: url(gridview/bg2.png) repeat-x scroll left top; color: #ffffff;
    margin: auto;
    text-align: center;
}

div.typist-contest-details {
    width: 450px; padding: 8px 3px; border: 1px solid #5a186b;
    margin: auto;
}

div.typist-contest-file-info {
    float: left; font-weight: bold; color: black; line-height: 22px;
}

div.typist-contest-file-info .standard {color: blue}
div.typist-contest-file-info .priority {color: red}
.pwd-input-with-toggle{
	display: flex;
    justify-content: center;
    width: 197px;
    background: white;
    padding: 0px !important;
	margin-bottom: 5px;
}
.pwd-input-with-toggle.big{
	width: 354px;
    align-items: center;
}
.pwd-input-with-toggle.big .input-container{
	display: flex;
    border: 1px solid;
}
.pwd-input-with-toggle input{
    background-color: #fff !important;
    width: 170px;
    border: 0px;
	margin: 0px !important;
}
.pwd-input-with-toggle.big input{
	height: 25px;
}
.toggle-pwd{
    cursor: pointer;
}
.toggle-off{
    display: none;
}
.attempt_faield{
	width: 100%;
	text-align: center;
	color: #fff;
	padding-bottom: 30px;
}

.links{
	text-decoration: none;
}
.links-no-color:hover{
	color: unset;
}

#app_manual_container{
	margin: 3px; width: 100%; text-align: right;
	position: relative;
}

#manual_links_container{
	display: none;
	position: absolute;
	justify-content: space-between;
	width: 115px;
	right: 5px;
	bottom: 15px;
}
.sub_popup{
	position: absolute;
    bottom: 45px;
    width: 250px;
    color: white;
    right: 0px;
	display: none;
}

.sub_popup a{
	color: #fff;
}

.grid-view table.items td .delete-doc-link img,
.grid-view table.items td.document-actions img {
	width: 24px;
	height: 24px;
}

.grid-view table.items td.review_status img{
	width: 20px;
	height: 24px;
}

.email-entry {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}
.remove-email {
	margin-left: 5px;
	color: red;
	cursor: pointer;
}