:root {
	--high-contrast-red: #B30000;
	--high-contrast-green: #228B22;
	--high-contrast-blue: #531fff;
}
.ui-widget-header
{
	padding: 5px;
}

.ui-widget-indented-right-align
{
	text-align: right;
	vertical-align: middle;
	line-height: 20px;
	margin-right: 200px;
}

.ui-widget-content p
{
	margin:10px;    
}

.ui-widget-content
{
	margin-bottom: 20px;
	padding: 5px;
}

.ui-alternate-row
{
	background-color:#F0F6FF;
}

.ui-primary-row
{
	background-color:#FFFFFF;
}

.ui-table
{
	font-size:8pt;
	margin:15px;
}

.ui-table tr
{
	margin-top:5px;
}

legend{
	font-size: 1em!important;
}

/* Fix for datepicker form control*/
.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
    overflow:visible;
	height: auto !important; 
	margin: auto !important;
	clip: auto !important;
}

.ui-tabs .ui-tabs-panel {padding:0px!important;}

.ui-tabs {background-color:#FFF!important;background-image:none!important;}

/*Form styling*/

.FormTextboxMedium {}

.FormTextboxSmall {}

.radio {padding:5px;}

/*Search page styling*/

.searchkeywords {width:220px;}

/* Text resizing */

.normal-text {}

.contrast-text {font-size:100%;background-color:#000000!important;color:yellow!important;background-image:none!important;}

a.contrast-text, a.contrast-text:visited, .contrast-text a {color:#00FFFF!important}
a.contrast-text:hover,.contrast-text a:hover {color:#FFFFFF!important}

.contrast-text div {background-color:#000000!important;color:Yellow!important;background-image:none!important;}
.contrast-text body {background-color:#000000!important;}

.soft-contrast-text {font-size:100%;background-color:#F9F7C7!important;color:Black!important;background-image:none!important;}

a.soft-contrast-text, a.soft-contrast-text:visited, .soft-contrast-text a {color:#000000!important}
a.soft-contrast-text:hover,.soft-contrast-text a:hover {color:#000000!important}

.soft-contrast-text div {background-color:#F9F7C7!important;color:Black!important;background-image:none!important;}
.soft-contrast-text body {background-color:#F9F7C7!important;}

.small-text {font-size:98%!important}

a.small-text, a.small-text:visited, .small-text a {font-size:98%!important}
a.small-text:hover,.small-text a:hover {font-size:98%!important}

.small-text div {font-size:98%!important}
.small-text body {font-size:98%!important}

.medium-text {font-size:100%!important}

a.medium-text, a.medium-text:visited, .medium-text a {font-size:100%!important}
a.medium-text:hover,.medium-text a:hover {font-size:100%!important}

.medium-text div {font-size:100%!important}
.medium-text body {font-size:100%!important}

.large-text {font-size:105%!important}

a.large-text, a.large-text:visited, .large-text a {font-size:105%!important}
a.large-text:hover,.large-text a:hover {font-size:105%!important}

.large-text div {font-size:105%!important}
.large-text body {font-size:105%!important}

.largest-text {font-size:107%!important}

a.largest-text, a.largest-text:visited, .largest-text a {font-size:107%!important}
a.largest-text:hover,.largest-text a:hover {font-size:107%!important}

.largest-text div {font-size:107%!important}
.largest-text body {font-size:107%!important}

#footer.contrast-text {background-color:black!important;color:Yellow!important;background-image:none!important;}

#footer.small-text {font-size:97%!important}

#footer.medium-text {font-size:100%!important}

#footer.large-text {font-size:105%!important}

#footer.largest-text {font-size:107%!important}

ul.textresizer a.textresizer-active 
{  
border: solid 0px #2B562B;   
/*background: #FFCA6F; */
background: #FFFFFF;
color: #000000; 
}

.paymentmethod {padding-top:0;
				padding-left: 15px;
				padding-right: 0;
				padding-bottom: 15px;}
				
.left-inset {margin-left:5px;}

#score {
	color: #000;
	font-size: 85%;
	position:absolute;
	text-align: center;
	width: 100px;
	z-index: 10;
	font-weight: bold;
}

#scorebar {
	background-image: url("../Generic_Styles/images/bg_strength_gradient.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	position:relative;
	width: 100px;
	z-index: 0;
	top: 1px;
	left: 0px;
	color: #000;
	font-size: 85%;
	text-align: center;
}
#scorebarBorder 
{

	background: #333;
	border: 1px #000 solid;
	height: 16px;
	margin-bottom: 2px;
	width: 100px;
	top: 307px;
	left: 162px;
}
#password {
	border: 1px #000 solid;
	font-size: 85%;
	width: 100px;
}

.newpassword {
font-size : 12px;
border : 1px solid #cc9933;
width : 200px;
font-family : arial, sans-serif;
}

@media only screen and (min-width:480px) 
{
    .pstrength 
    {
        padding-left: 115px;
    }
}

.pstrength 
{
    padding-left: 0px;
    width: 200px;
}

.pstrength-bar
{
width : 200px;
}

.pstrength-minchar {
font-size : 0.7em;
}
		.initialcaps
		{
			text-transform: capitalize;
		}
		
/*Worldpay form screen*/

.form-table {}
.form-label-column {padding-left:15px;}
.form-value-column {padding-left:15px;}

/*Login Control*/
.logintextbox {display:block;width:auto;}
.ui-widget {font-size:0.9em!important;}

.file-annotation
{
    font-size: 1.1em!important;
}

/*Self-Registration Control*/

.selfRegFieldsPanel{/*padding:5px;border:1px solid black;border-radius:5px;background:#efefe3;*/}
.selfRegFieldsPanel > input{margin-top:10px;}
.selfRegFieldsPanel > div{padding:5px 10px;}
.selfregfieldlabel {width:165px; display:inline-block;}
.selfregtextbox {width:319px;}
.selfregsecurityquestion {width: 319px;}
.activationtextbox {width:343px;}

@media only screen and (max-width: 480px) 
{
   .selfregtextbox {width:95%;} 
   .activationtextbox {width:95%;}
	.selfregsecurityquestion{width:95%;}
}

/*------ Drag and Drop ------*/

.dragAndDropArea
{   width: 98%; 
    height: 50px; 
    border: 2px dotted #ccc; 
    margin: auto; 
    text-align: center;

}

.dragAndDropArea span
{
    line-height: 50px;
    font-size: 150%;
}

.dragAndDropArea.hover
{
        border: 2px dotted var(--high-contrast-green); 
}

.dragAndDropArea.reset
{
        border: 2px dotted #ccc; 
}


.errorpage_message {
	font-weight: bold;
	color: var(--high-contrast-red);
	background-color: White;
	padding: 1em;
	margin: 1em auto;
	border: 1px solid var(--high-contrast-red);
	border-radius: 5px;
	width: 80%;
	text-align: center;
}

.account-content{
    color : blue;
    text-decoration : underline;
}

.selected-account > div.main-account > div.account-content{
    color : white;
   text-decoration : none;
}
.repairDetailsLink{
    color:Blue;
    text-decoration:underline;
}
.repairDetailsLink:hover
{
    font-weight:bold;
    color:Blue;
    text-decoration:underline;
}

#FileDownloadsTitle{
    font-weight:bold;
}

#FileDownloadsInstructions{
    font-size:small;
    font-style:italic;
}

.pStrengthMessage{
    background-color:#555;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    border:1px solid #333;
    border-radius:5px;
    white-space: nowrap;
    overflow:visible;
}

.validationMessage {
	display: inline-block;
	color: var(--high-contrast-red);
	font-weight: bold;
	font-size: smaller;
	margin-top: 5px;
	white-space: normal;
}

/*responsive video*/

.video-responsive {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
  margin-bottom:10px;
}

.video-responsive video{
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%; 
  height:100%;
}

.OmfaxSpinner
{
    margin-top:40px;
    text-align:center;
    width:100%;
    font-weight:bold;    
}

#RentsPrintableButton {
    display:inline-block;
    color:#444;
    border:1px solid #333;
    background:#DDD;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    cursor:pointer;
    vertical-align:middle;
    max-width: 100px;
    padding: 5px;
    text-align: center;
    margin-bottom:5px;
}
#RentsPrintableButton:active {
	color: var(--high-contrast-red);
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}

/*=========== Custom Forms Required Fields Styling ==============   */

.required-field-validator-style{color:var(--high-contrast-red); font-weight:bold;}

.CustomFormRequiredField{background-color:#FFD4D4;}


/*=========== User Assistance Page Styling ==============   */

.SubmitDisabledLabel {
	color: var(--high-contrast-red);
}
.InvalidTokenPanel{
    margin:5px;
}
.InvalidTokenPanel span {
	color: var(--high-contrast-red);
	font-weight: bold;
}
.LoginErrorPanel{
     margin:5px;
}
.pnlInteractive{
     margin:5px;
}
.pnlInteractive input{
     margin-top:10px;
     margin-bottom:10px;
}
.pnlFeatureDisabled {
	margin: 20px auto;
	padding: 20px;
	border: 1px solid black;
	border-radius: 5px;
	background-color: #cecece;
	font-weight: bold;
	color: var(--high-contrast-red);
	width: 75%;
}

/*=========== End: User Assistance Page Styling ==============   */





/*=========== Default styling for jQuery UI dialogs ==============   */
/*=========== (For skins that have no or non-standard jQueryUI css) ==============   */

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {	
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	width: 24px !important;	
	height: 24px !important;
    min-width: 24px !important;	
	min-height: 24px !important;
    max-width: 24px !important;	
	max-height: 24px !important;
	margin: 5px !important;
	padding: 0px !important;	
    background-position: left top !important;
}
     
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align:center;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

/* Component containers
----------------------------------*/
.ui-dialog {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	z-index:101;
}
.ui-dialog .ui-widget {
	font-size: 1em;
}
.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea,
.ui-dialog button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-dialog .ui-widget-content {
	border: 1px solid #aaaaaa !important;
	background-color: #ffffff !important;
	color: #222222 !important;
	margin:0 !important;
}
.ui-dialog .ui-widget-content a {
	color: #222222;
}
.ui-dialog .ui-widget-header {
	border: 1px solid #aaaaaa !important;
	background: #cccccc 50% 50% repeat-x !important;
	color: #222222 !important;
	font-weight: bold !important;
}
.ui-dialog .ui-widget-header a {
	color: #222222 !important;
}


/* Overlays */
.ui-widget-overlay {
	background: #666666 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
	z-index:100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 5px;
}


div.spinner{
    background-image: url("../Generic_Styles/images/Spinner.gif");
	background-repeat: no-repeat;    
    background-position: center; 
    width:100%;
    min-height:65px;
    
}

/*=========== END: Default styling for jQuery UI dialogs ==============   */


.PageArticleList{
  margin:5px;
  padding:5px; 
  background-color: #fff;
}

.PageArticle{
  border:1px solid #666;  
  border-radius:5px;
  margin:10px;
  padding: 0 1em;  
}

.PageArticleList hr{display:none;}

div.PageArticleList > div:nth-of-type(odd) {
    background: #e0e0e0;
}
div.PageArticleList > div:nth-of-type(even) {
    background: #fff;
}

/* (The table for layout of the login control on the Login.ascx user control) */

#LoginControlLayoutTable{
    
   width:90%;
   margin:0 auto; 
}

#LoginControlLayoutTable tbody tr td input{    
   width:100%;
}
#LoginControlLayoutTable tbody tr td input[type="submit"]{    
   width:40%; 
   max-width: 75px; 
}

.alignRight{text-align:right;}

/* (The table for layout of the login control on the Login.aspx page) */

.LoginPagecontrolWrapper{
    width:275px;   
}

#LoginPageLoginTable{
    width:100%;
    border-spacing: 0px;
    border-collapse: separate;                     
}

#LoginPageLoginTable tr td{
    text-align:right;
    white-space:nowrap;  
}                  

#LoginPageLoginTable tr td input{
    margin-top:5px;    
}                          

.articleDownloadLinksTable, .pageDownloadLinksTable{
  vertical-align: middle;  
  margin:1em 0;  
}

.hidden{
    display: none;
}

#outstandingtable, #completedtable{
    width:100%;  
     border-spacing: 0px;
    border-collapse: separate;  
}


/*img-responsive duplicated here for skins which dont include the bootstrap css*/
.img-responsive{
    max-width: 100%; 
    height: auto;
    display:block;
}


#databaseUnavailableMessage {
    width:70%;
    margin:0 auto;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}

#databaseUnavailableMessage .ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee;
	color: #333333;
}

#databaseUnavailableMessage .ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828;
	color: #ffffff;
	font-weight: bold;
}

.ContactDetailItem {
	border-bottom: 1px solid;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* Accessibility */
.screen-readers-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

:focus-visible {
	outline: none;
	box-shadow: 0 0 1em black;
	padding: 0.6em;
}