/* CORE STYLES THAT ARE NOT CHANGED IN A SHOW IMPLEMENTATION  */
/* NO CUSTOMIZATIONS HERE */

/* BEGIN NO EDIT - THIS SECTION RESETS BROWSER DEFAULTS */
/* --- CSS Reset --- */

/* http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*body { line-height: 1; }*/
/*ol, ul { list-style: none; }*/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse;}

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

strong {font-weight:bold;}
em {font-style:italic;}
iframe {max-width:100%;}
/* END NO EDIT */

/* OVERRIDE IOS BUTTON STYLES */
input[type="submit"], input[type="button"], input[type="reset"] {-webkit-appearance:none;}

/* To force text wrap */
body, html {word-wrap:break-word;font-style:normal;}
legend {display:table; /* Enable line-wrapping in IE8+ */
    white-space:normal; /* Enable line-wrapping in old versions of some other browsers */
    max-width:100%; /* Fix line-wrapping in Microsoft EDGE */
}  

/* these are classes for the border of a netflix style popup */
.PopupBoxDiv table td{border:0px;padding:0px;margin:0px;border-spacing:0px;}
.PopupBoxTable
{
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.PopupBoxTdContent
{
    vertical-align: top;
    background: White;
}

.PopupBoxContentHdr
{
    font-weight: bold;
    font-size: 130%;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #B9090B;
    text-align: center;
}

.PopupBoxTdTopLeft
{
    width: 26px;
    height: 28px;
    background-image: url('../BoxTopLeft.png');
    background-repeat: no-repeat;
}

.PopupBoxTdTop
{
    background-image: url('../BoxTop.png');
    background-repeat: repeat-x;
}

.PopupBoxTdTopRight
{
    width: 28px;
    height: 28px;
    background-image: url('../BoxTopRight.png');
    background-repeat: no-repeat;
}

.PopupBoxTdLeft
{
    vertical-align: top;
    width: 26px;
    background-image: url('../BoxLeft.png');
    background-repeat: repeat-y;
}

.PopupBoxTdRight
{
    width: 28px;
    background-image: url('../BoxRight.png');
    background-repeat: repeat-y;
}

.PopupBoxTdBottomLeft
{
    width: 26px;
    height: 28px;
    background-image: url('../BoxBottomLeft.png');
    background-repeat: no-repeat;
}

.PopupBoxTdBottom
{
    background-image: url('../BoxBottom.png');
    background-repeat: repeat-x;
}

.PopupBoxTdBottomRight
{
    width: 28px;
    height: 28px;
    background-image: url('../BoxBottomRight.png');
    background-repeat: no-repeat;
}

.PopupBoxSectionLabel
{
    color: #993300;
    font-size: 100%;
    font-weight: bold;
}

/* SUENA: 2009-09-09 16:02 - StaticTextFooterControl2 General Styles */
.statictextbutton
{
    font-size: 0.9em;
}
.statictextcontrolbarbutton
{
    font-weight: bold;
    font-size: 0.9em;
}
.statictextcontrolbarbuttondisabled
{
    font-weight: bold;
    font-size: 0.9em;
}
.statictextpasswordbox
{
    font-weight: bold;
    font-size: 0.9em;
}
.statictextpasswordboxdisabled
{
    font-weight: bold;
    font-size: 0.9em;
}
.statictextcontrolbar3
{
    border-color: blue;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFE0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: blue;
    font-size: 0.9em;
    width: auto;
    text-align: left;
}

/* DIAGNOSTIC STYLES  */
.resultsContainer
{
    font-size: 12px;
    border: solid 1px #CCCCCC;
    margin-bottom: 20px;
    width: 600px;
}
.resultsHeader
{
    background-image: url(../menuBG.jpg);
    background-repeat: repeat-x;
    padding-top: 3px;
    height: 17px;
    color: #19388a;
    text-align: center;
}
.resultsSubHeader
{
    background-color: #6699CC;
    color: White;
    text-align: center;
}
.resultsTestName
{
    padding-left: 2px;
    border-bottom: dashed 1px #CCCCCC;
    width: 450px;
}

.success
{
    background-color: #C6EFCE;
    color: #006100;
    font-weight: bold;
    text-align: center;
}
.fail
{
    background-color: #FFC7CE;
    color: #9C0006;
    font-weight: bold;
    text-align: center;
}

/* SUENA: 2009-09-09 16:02 - StaticTextFooterControl2 Fixed-Position Hack
/*	(http://www.nowcss.com/javascript/emulating-position-fixed-in-ie-6-below)
	Contains some intentionally invalid CSS, to trick certain non-compliant browsers
	into behaving correctly, while hacks are ignored by compliant browsers. */
* html .statictextcontrolbar2
{
    /*\*/
    position: absolute;
    top: expression(((ignoreMe = document.documentElement.scrollTop 	? document.documentElement.scrollTop : document.body.scrollTop)) + 'px' );
    right: expression('-' + ((ignoreMe2 = document.documentElement.scrollLeft 	? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px' ); /**/
}
.statictextcontrolbar1 > .statictextcontrolbar2
{
    position: fixed;
    top: 0px;
    right: 0px;
}
input.btnStEdit, span.btnStEdit {font-size:10px !important;text-transform:uppercase;background-color:#005CAB !important;color:#ffffff !important;}
input.btnStEdit:hover, span.btnStEdit:hover {background-color:#000000 !important;color:#ffffff !important;}


/* These are used to style the client side validation input, error message, and failure summary controls when an error occurs. */
label.clientInvalid 
{ 
    font-weight:bold;
    font-size:0.8em;
    color:#cc0000; 
    margin-left: 3px; 
}
input[type=text].clientInvalid , input[type=password].clientInvalid, textarea.clientInvalid
{ 
    border: 1px solid #cc0000; 
}
.ClientValidationSummary
{
    font-weight:bold; 
    color:#cc0000;
}
    
/* FOR DEMO MULTISELECT TABLES*/
.demo1Col {
	width: 95%;
}
.demo1Col td {
	width: 100%;padding:4px;vertical-align:top;
}
.demo2Col {
	width: 95%;
}
.demo2Col td {
	width: 50%;padding:4px;vertical-align:top;
}
.demo3Col {
	width: 95%;
}
.demo3Col td {
	width: 33%;padding:4px;vertical-align:top;
}
.demo4Col {
	width: 95%;
}
.demo4Col td {
	width: 25%;padding:4px;vertical-align:top;
}
span.otherControlIndented, div.otherControlIndented {
	display:block;clear:left;margin-left: 28px;
}
.demo1Col input[type="checkbox"], .demo2Col input[type="checkbox"], .demo3Col input[type="checkbox"], .demo4Col input[type="checkbox"] {width:15px;display:block;float:left;}
.demo1Col input[type="radio"], .demo2Col input[type="radio"], .demo3Col input[type="radio"], .demo4Col input[type="radio"] {width:15px;display:block;float:left;}
.demo1Col label, .demo2Col label, .demo3Col label, .demo4Col label {display:block;margin-left:28px;margin-top:2px;}


/* Formats the Language List: UL is used to that language list can be easily changed to vertical format */
.langUL
{
    display: inline;
}
.langLI
{
    display: inline;
    list-style-type: disc;
    margin-right: 3px;
    margin-left: 3px;
    padding: 2px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
}
.langTD
{
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

/* VLF - to fix the issue with paging buttons on Housing search
.aspNetDisabled {opacity: 0.7;cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.aspNetDisabled:hover {background-color:inherit;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} */


/* VLF move jquery.cluetip.css to here */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url('../loadera16.gif');
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #eeeeee;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #eeeeee;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #cccccc;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(../darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
I removed these classes because we have our own 'rounded' plugin
-------------------------------------- */

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/* VLF 2012-09-06 to fix scrollbar issue in collapsibles */
.ui-accordion-content, .ui-accordion-content-active 
{ 
height: auto !important; 
}

/* VLF - 2013-07-12 Fix IE8 issue with masked password character */

input[type="password"] {font-family:Arial, sans-serif !important;}

/* Unsupported TLS Message */
div.tls-unsupported {position:fixed;bottom:0;right:0;width:300px;height:auto;padding:10px;background-color:#000000;color:#ffffff;font-size:11px;z-index:1001;}