/* common styles, variables and imports */

/* common styles, variables and imports */

/* Styles declared here are common to both Mobile (incl. JQuery Mobile) and Desktop */
/*@global_ext_images_path : "http://bnedwin413.group.domain/photosdev/resources/myrw/";*/
/*@global_ext_images_path : "http://vc0895:82/Images/resources/myrw/";*/
/*@global_ext_images_path : "https://images.dev.raywhite.com/resources/myrw/";*/
/* DEV images*/
/*@global_ext_images_path : "https://images.uat.raywhite.com/resources/myrw/";*/
/*@global_ext_images_path : "https://d3dy66ahxx26c.cloudfront.net/resources/myrw/";*/
/* Production */
/* 
    access dev images:
    \\bnedwin413\photosdev\resources\myrw
    
    Access production images via S3 - rw-media/myraywhite/resources/myrw
    BAckup images at alternate location \\propertyphotos.raywhite.com\propertyphotos.raywhite.com\myraywhite\resources\myrw
    Note the images are access via Cloubfront and is cached for 90 days.
 */
/* handy shortcuts */
.mxn_clearfix {
  zoom: 1;
}
.mxn_clearfix:before,
.mxn_clearfix:after {
  content: "";
  display: table;
}
.mxn_clearfix:after {
  clear: both;
}
/*  following selector has been manually modified to exclude the web rule 
	business rule editor from having box sizing applied to it */

*:not(.ceMenu) {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/Content/uiframework/styles/libs/boxsizing.htc");
}
html {
  height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  min-height: 100%;
  font-size: 100%;
  background-color: white;
}
/* =============================================================================
HTML5 Boilerplate CSS: h5bp.com/css
========================================================================== */

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;
}
html,
body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #595959;
}
body {
  margin: 0;
}
::-moz-selection {
  background: #ffe512;
  color: #595959;
  text-shadow: none;
}
::selection {
  background: #ffe512;
  color: #595959;
  text-shadow: none;
}
a {
  color: #1155cc;
  text-decoration: none;
}
a:visited {
  color: #0b3885;
  border-color: #cccccc;
}
a:hover {
  color: #1155cc;
  border-color: #1155cc;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  color: inherit;
  border: none;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ffff99;
  color: black;
  text-decoration: none;
}
mark {
  background: yellow;
  color: black;
  font-style: italic;
  font-weight: bold;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #ffe512;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
td,
th {
  padding: 0.1em 0.4em;
  border-bottom: 1px dotted #a5a5a5;
}
/*tr:last-child td, tr:last-child th { border: none; }*/

td {
  vertical-align: top;
  color: #7f7f7f;
}
th {
  text-align: left;
  font-weight: normal;
  color: #333333;
}
.chromeframe {
  margin: 0.2em 0;
  background: #cccccc;
  color: black;
  padding: 0.2em 0;
}
/* ============================= */

figure img {
  max-width: 100%;
}
/*  Font Awesome
	the iconic font designed for use with Twitter Bootstrap
	-------------------------------------------------------
	The full suite of pictographic icons, examples, and documentation
	can be found at: http://fortawesome.github.com/Font-Awesome/

	License
	-------------------------------------------------------
	The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
	http://creativecommons.org/licenses/by/3.0/ A mention of
	'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
	source code is considered acceptable attribution (most common on the web).
	If human readable source code is not available to the end user, a mention in
	an 'About' or 'Credits' screen is considered acceptable (most common in desktop
	or mobile software).

	Contact
	-------------------------------------------------------
	Email: dave@davegandy.com
	Twitter: http://twitter.com/fortaweso_me
	Work: Lead Product Designer @ http://kyruus.com

	*/
/* VARIABLES
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../uiframework/fonts/icons/fontawesome/fontawesome-webfont.eot?v=3.1.0");
  src: url("../uiframework/fonts/icons/fontawesome/fontawesome-webfont.eot?#iefix&v=3.1.0") format("embedded-opentype"), url("../uiframework/fonts/icons/fontawesome/fontawesome-webfont.woff?v=3.1.0") format("woff"), url("../uiframework/fonts/icons/fontawesome/fontawesome-webfont.ttf?v=3.1.0") format("truetype"), url("../uiframework/fonts/icons/fontawesome/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* begin content from font awesome LESS package: mixins.less */
/* MIXINS
 * -------------------------- */
/* end content from font awesome LESS package: mixins.less */

/* begin content from font awesome LESS package: core.less */

/* FONT AWESOME CORE
 * -------------------------- */

[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */

.icon-large:before {
  vertical-align: -10%;
  font-size: 1.333333333em;
}
.fa-2x {
  font-size: 2em;
}
/* makes sure icons active on rollover in links */

a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  display: inline;
}
/* increased font size for icon-large */

[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.285714286em;
  text-align: center;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.571428571em;
}
ul.icons-ul {
  list-style-type: none;
  text-indent: -0.714285714em;
  margin-left: 2.142857143em;
}
ul.icons-ul > li .icon-li {
  width: 0.714285714em;
  display: inline-block;
  text-align: center;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: white;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* end content from font awesome LESS package: core.less */

/* begin content from font awesome LESS package: icons.less */

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f014";
}
.icon-cancel:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before,
.icon-rotate-right:before {
  content: "\f01e";
}
/* F020 doesn't work in Safari. all shifted one down */

.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before,
.icon-mail-forward:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before,
.icon-rotate-left:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before,
.icon-mail-reply:before {
  content: "\f112";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
/* end content from font awesome LESS package: icons.less */

/* begin content from font awesome LESS package: extras.less */

/* EXTRAS
 * -------------------------- */

/* Stacked and layered icon */

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Animated rotating icon */

.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */

.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* end content from font awesome LESS package: extras.less */

/*
    Physic path location of images is //propertyphotos.raywhite.com/propertyphotos.raywhite.com\resources\myrw
    Note the images are access via Cloubfront and is cached for 90 days.
 */
.banner-slide-1 {
  background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/img_42873703_BW_2.jpg.ashx?height=370&width=1215&mode=crop&quality=70");
}
.banner-slide-2 {
  background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=370&width=1215&mode=crop&quality=70");
}
.banner-slide-3 {
  background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=370&width=1215&mode=crop&quality=70");
}
/*
	NOTE ON MEDIA QUERIES:
	IE8 does not support media queries, so anything placed within Band #4 below will also need to be placed above
*/

/* Band #4 */

@media only screen and (min-width: 1420px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/img_42873703_BW_2.jpg.ashx?height=370&width=1215&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=370&width=1215&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=370&width=1215&mode=crop&quality=70");
  }
}
/* Band #3 */

@media only screen and (min-width: 1000px) and (max-width: 1420px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/img_42873703_BW_2.jpg.ashx?height=310&width=1180&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=310&width=1180&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=310&width=1180&mode=crop&quality=70");
  }
}
/* Band #2 */

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/img_42873703_BW_2.jpg.ashx?height=270&width=855&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=270&width=855&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=270&width=855&mode=crop&quality=70");
  }
}
/* Band #1 */

@media only screen and (max-width: 600px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/img_42873703_BW_2.jpg.ashx?height=210&width=600&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=210&width=600&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=210&width=600&mode=crop&quality=70");
  }
}
header {
  padding-bottom: 5px;
  padding-top: 5px;
}
.f-right {
  float: right;
}
.f-left {
  float: left;
}
.p-100 {
  width: 100% !important;
}
.p-50 {
  width: 50%  !important;
}
.site-row:after {
  clear: both;
}
.site-row:before,
.site-row:after {
  content: "";
  display: table;
}
.site-row {
  margin: 0 auto;
  width: 1390px;
}
.site-footer {
  margin-top: 50px;
  margin-bottom: 30px;
}
.footer-text {
  padding-top: 5px;
  color: #595959;
  font-weight: 700;
}
.site-column {
  margin-right: 15px;
}
.last-column {
  margin-right: 0px;
}
.fill-column {
  overflow: hidden;
  height: auto;
}
.login-form-header {
  width: 100%;
  text-align: center;
}
.login-form-header .app-logo {
  float: left;
  border: 0 !important;
}
.login-form-header .app-links {
  border: 0;
  width: 130px;
  float: left;
}
.clear-both {
  zoom: 1;
}
.clear-both:before,
.clear-both:after {
  content: "";
  display: table;
}
.clear-both:after {
  clear: both;
}
.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.office-summary {
  width: 60%;
  min-width: 600px;
  padding: 10px;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  background-color: #f9f9f9;
  border-radius: 5px;
}
.content {
  flex: 1;
  padding: 16px;
  box-sizing: border-box;
}
.container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.column {
  box-sizing: border-box;
  padding: 10px;
}
.column.small {
  flex: 1 1 calc(17.333%);
  /* Three columns in first row */
  min-width: 300px;
}
.column.large {
  flex: 1 1 calc(50.666%);
  /* Column 4 spans two columns */

}
.column.box {
  /*border: 1px solid #ccc;
	background-color: #f9f9f9;*/
  border-radius: 5px;
}
.column.large .sub-container {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.sub-container div {
  flex: 1;
  /*background: #ddd;*/
  padding: 8px;
  box-sizing: border-box;
  text-align: left;
}
/*.two-column {
	flex: 1 1 calc(40% - 8px);*/

/* Three columns by default */

/*box-sizing: border-box;
	min-width: 600px;
	padding: 10px;
}*/

/* forms */

.form-row:after,
.form-row-title:after {
  clear: both;
}
.form-row:before,
.form-row:after,
.form-row-title:before,
.form-row:after {
  content: "";
  display: table;
}
.form-row {
  margin: 0 auto;
  width: 100%;
  /*.form-field-title {
		padding-left: 20px;
	}*/

}
.form-row .cell {
  display: table-cell;
  border: solid;
  border-width: thin;
  padding-left: 5px;
  padding-right: 5px;
}
input:disabled,
select:disabled,
textarea:disabled {
  color: #c6c6c6 !important;
}
.form-search,
.form-send {
  float: left;
  overflow: visible;
  display: block;
  width: 100%;
}
.form-search .form-row-group,
.form-send .form-row-group {
  width: 66%;
  float: left;
}
.form-search .form-row-group .form-row,
.form-send .form-row-group .form-row {
  width: 50%;
}
.form-search .form-row,
.form-send .form-row {
  padding-left: 3px;
  padding-right: 3px;
  float: left;
  vertical-align: baseline;
  width: 33%;
}
.form-search .form-row .form-field-title,
.form-send .form-row .form-field-title {
  clear: both;
  width: 90%;
  font-size: 0.8em;
  padding: 5px 0px 0px;
  float: none;
}
.form-search .form-row .form-field-input,
.form-send .form-row .form-field-input {
  float: none;
  padding: 0 0;
  min-width: 150px;
  width: 90%;
}
.form-search .form-row .form-field-input input[type="text"],
.form-send .form-row .form-field-input input[type="text"] {
  width: 100%;
}
.form-search .form-row .form-field-input button,
.form-send .form-row .form-field-input button,
.form-search .form-row .form-field-input input,
.form-send .form-row .form-field-input input,
.form-search .form-row .form-field-input select,
.form-send .form-row .form-field-input select,
.form-search .form-row .form-field-input textarea,
.form-send .form-row .form-field-input textarea {
  font-size: 100%;
  margin: 0px;
  vertical-align: baseline;
  width: 100%;
}
.form-search .form-field-optional,
.form-send .form-field-optional {
  width: 100%;
  float: none;
  padding: 5px 0px 0px;
  font-size: 0.8em;
}
.form-search .form-field-optional input,
.form-send .form-field-optional input {
  font-size: 100%;
  margin: 0px;
  vertical-align: baseline;
  width: auto;
}
.form-search form,
.form-send form {
  font-size: 1em;
  line-height: 1.4em;
  font-style: normal;
}
/*.form-row-title:after {
	clear: both;
}

.form-row-title:before, .form-row:after {
	content: "";
	display: table;
}*/

.form-row-title {
  margin: 0 auto;
  width: 100%;
}
.form-field-input .tiny {
  width: 100px;
}
.form-field-input .verySmall {
  width: 150px;
}
.form-field-input .small {
  width: 200px;
}
.form-field-input .medium {
  width: 300px;
}
.form-field-input .large {
  width: 400px;
}
.required-mark {
  color: red;
  font-size: 1.05em;
}
.main-layout {
  background-color: white;
}
#main-content {
  padding-bottom: 50px;
  /*prevent dropdown menu frop being clipped*/
  background-color: white;
}
/* directory results */

.dir-result {
  float: left;
  width: 292px;
  height: 95px;
  padding: 6px;
  border: 1px solid white;
  display: table;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.dir-result h2,
.dir-result h3 {
  margin-top: 1px;
  margin-bottom: 2px;
}
.dir-result h2 {
  font-size: 1em;
}
.dir-result h3 {
  font-size: 1em;
}
.dir-result div.dir-result-content {
  display: table-row;
  height: auto;
}
.dir-result div.dir-result-selected {
  display: none;
  text-align: right;
  height: 32px;
}
.dir-result .bttn {
  margin-left: 3px;
  border-radius: 4px;
}
.dir-result-highlight {
  background-color: whitesmoke;
  border: 1px solid silver;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.dir-result-highlight div.dir-result-content {
  display: table-row;
  height: auto;
}
.dir-result-highlight div.dir-result-selected {
  display: table-row;
  text-align: right;
  height: 31px;
}
.org-result {
  width: 390px;
  height: 160px;
}
.member-result {
  width: 390px;
  height: 155px;
}
.ac-result {
  width: 292px;
  height: 145px;
}
.primary-mail-result {
  height: 70px;
}
.std-mail-result {
  height: 95px;
}
.arch-mail-result {
  height: 112px;
}
.temp-mail-result {
  height: 126px;
}
.run-result {
  width: 260px;
  height: 140px;
}
.instance-result {
  width: 325px;
  height: 140px;
}
.task-result {
  width: 325px;
  height: 130px;
}
.photo-result {
  width: 215px;
  height: 315px;
}
#resultsInfo {
  display: none;
}
/*i icon at top right of results*/

.i-hi-focus:hover {
  color: #333333;
}
.link-color {
  color: #595959;
}
.link-color a {
  color: #595959;
}
.link-color a:hover {
  color: #7f7f7f;
}
/* more options container */

.more-options {
  position: absolute;
  clear: both;
  display: none;
}
.more-options div {
  position: relative;
  top: -1px;
  float: right;
  width: 150px;
  padding: 5px 7px 3px 5px;
  background-color: white;
  border: 1px solid gainsboro;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.result-option {
  display: block;
  width: 100%;
  font-size: 0.9em;
  margin-top: 3px;
  margin-bottom: 4px;
}
.compliance-history {
  position: absolute;
  clear: both;
  display: none;
}
.compliance-history div {
  position: relative;
  top: -1px;
  margin: auto;
  width: 70%;
  padding: 5px 7px 3px 5px;
  background-color: white;
  border: 1px solid gainsboro;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* mapping */

#map {
  height: 400px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}
#map-hstrip {
  height: 250px;
  width: 100%;
  margin-bottom: 5px;
}
.app-logo {
  /*display: inline-block;*/
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  cursor: pointer;
  display: inline-block;
  background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my-rw-logo.png.ashx?width=260") no-repeat;
  width: 270px;
  height: 65px;
}
.brand-logo {
  /*display: inline-block;
	margin-left: 100px;
	background: url("@{global_ext_images_path}ray-white-logo.png.ashx?width=500") no-repeat;*/
  background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/ray-white-primary-logo-yellow-rgb.png.ashx?width=65") no-repeat;
  width: 300px;
  height: 65px;
}
.session-countdown {
  text-align: center;
  border-bottom: 1px solid black;
  padding: 3px;
  /*top: 0;
	width: 100%;
	z-index: 100;*/

}
/* header */

.app-toolbar-info {
  padding: 0px, 3px, 3px, 3px;
  min-height: 65px;
  min-width: 350px;
}
.user-info {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 9px 5px 9px;
  text-align: left;
  float: left;
  min-width: 250px;
  width: 68%;
  overflow: hidden;
  height: auto;
}
.user-info a {
  color: #333333;
}
.user-info a:visited {
  color: #333333;
}
.user-info a:hover {
  color: #333333;
}
.info-user-details {
  overflow: hidden;
  float: left;
}
.info-name {
  overflow: hidden;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  min-width: 200px;
  width: 100%;
}
.info-title {
  font-size: 0.8em;
}
.info-organisation {
  font-size: 0.8em;
}
.app-links {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 9px;
  float: right;
  min-width: 120px;
  max-width: 150px;
  width: 30%;
  border-left: 0px dotted #595959;
}
.icon-width {
  width: 20px;
  padding: 1px 0px 0px 0px;
}
.similarOfficeHeading {
  padding: 10px 0px 7px 0px;
  font-size: 1.2em;
}
/* dialogs */

#mask,
.mask {
  display: none;
  background: black;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 999;
}
.dialog-title {
  padding: 4px 0px;
  margin-bottom: 10px;
  border-bottom: 3px solid #ffe512;
  font-size: 1em;
  font-weight: bold;
}
.dialog-buttons {
  padding: 15px 4px 0px 0px;
  text-align: right;
  float: right;
}
/* alerts */

.alert {
  background-color: whitesmoke;
  border: 1px solid silver;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 0.95em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.alert-error {
  background-color: #f2dede;
  color: #b94a48;
  border: 1px solid #eed3d7;
}
.alert-success {
  background-color: #dff0d8;
  color: #468847;
  border: 1px solid #d6e9c6;
}
.alert-info {
  background-color: #d9edf7;
  color: #3a87ad;
  border: 1px solid #bce8f1;
}
.inactive-text {
  color: #a5a5a5 !important;
}
/* pagination */

.pagination {
  text-align: center;
}
.pagination .pagexofy {
  font-size: .8em;
}
/* eo pagination */

.open-hand {
  cursor: url(../images/openhand.cur), move !important;
}
.closed-hand {
  cursor: url(../images/closedhand.cur), move !important;
}
.app-footer {
  height: 2px;
  margin-bottom: 0px;
  z-index: -10;
}
.yellow-bar {
  background-color: #ffe512;
}
.smbttn {
  margin-left: 2px;
  text-decoration: none;
  cursor: pointer;
  font-size: 0.75em;
  padding: 0 8px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  outline: 0;
  border-radius: 2px;
}
/* tables */

table thead th {
  background: #f8f8f8;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  padding-top: 8px;
  padding-bottom: 5px;
  vertical-align: middle;
}
table tbody td {
  border-bottom: thin dotted lightgray;
  vertical-align: middle;
}
table thead tr th:first-child {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
table thead tr th:last-child {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
table.results {
  width: 100%;
  border-spacing: 0;
}
table.results thead th {
  padding-top: 7px;
  padding-bottom: 4px;
  font-size: 14px;
}
table.results tbody {
  border-color: inherit;
}
table.results tbody td {
  padding-top: 3px;
  padding-bottom: 2px;
}
table.help-lines tbody td {
  padding-top: 3px;
  padding-bottom: 2px;
}
/* display two listboxes */

.subject-info-box-1,
.subject-info-box-2 {
  float: left;
  width: 45%;
}
.subject-info-box-1 select,
.subject-info-box-2 select {
  height: 200px;
  padding: 0;
}
.subject-info-box-1 select option,
.subject-info-box-2 select option {
  padding: 4px 10px 4px 10px;
}
.subject-info-box-1 select option:hover,
.subject-info-box-2 select option:hover {
  background: #eeeeee;
}
.subject-info-arrows {
  float: left;
  width: 10%;
}
.subject-info-arrows input {
  width: 70%;
  margin-bottom: 5px;
}
/*
	NOTE ON MEDIA QUERIES:
	IE8 does not support media queries, so anything placed within Band #4 below will also need to be placed above
*/

/* Band #4 */

@media only screen and (min-width: 700px) {
  .site-row {
    width: 1390px;
  }
  .brand-logo {
    margin-left: 20px;
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/ray-white-primary-logo-yellow-rgb.png.ashx?width=65") no-repeat;
    width: 65px;
    height: 65px;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my-rw-logo.png.ashx?width=260") no-repeat;
    width: 270px;
    height: 65px;
  }
  .app-toolbar-info {
    min-height: 65px;
  }
  .app-links {
    min-height: 65px;
  }
}
/* Band #3 */

@media only screen and (min-width: 1000px) and (max-width: 1420px) {
  .site-row {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .brand-logo {
    margin-left: 20px;
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/ray-white-primary-logo-yellow-rgb.png.ashx?width=65") no-repeat;
    width: 65px;
    height: 65px;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my-rw-logo.png.ashx?width=260") no-repeat;
    width: 270px;
    height: 65px;
  }
  .app-toolbar-info {
    min-height: 65px;
  }
  .app-links {
    padding: 0 8px;
    min-width: 120px;
    width: 30%;
    min-height: 65px;
  }
  .form-search .form-row-group {
    max-width: 800px;
    width: 100%;
  }
  .form-search .form-row {
    width: 50%;
  }
}
/* Band #2 */

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .site-row {
    width: 100%;
  }
  .brand-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/ray-white-primary-logo-yellow-rgb.png.ashx?width=55") no-repeat;
    width: 55px;
    height: 55px;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my-rw-logo.png.ashx?width=205") no-repeat;
    width: 215px;
    height: 55px;
    margin-right: 20px;
  }
  .app-links {
    padding: 0 8px;
    min-width: 120px;
    width: 30%;
    min-height: 55px;
  }
  .app-toolbar-info {
    min-height: 55px;
    height: 100%;
    width: 100%;
  }
  .user-info {
    padding: 0 8px 4px 8px;
    min-width: 250px;
    width: auto;
  }
  .info-name {
    font-size: 0.95em;
  }
  .icon-width {
    width: 20px;
  }
  .form-search .form-row-group {
    width: 100%;
  }
  .form-search .form-row-group .form-row {
    width: 50%;
  }
  .form-search .form-row {
    width: 50%;
  }
  .column.small {
    flex: 1 1 calc(34%);
    /* Two columns per row */
  
  }
  .column.large {
    flex: 1 1 100%;
    /* Column 4 takes full width */
  
  }
}
/* Between Band #1 and Band 2# */

@media only screen and (max-width: 700px) {
  .form-search {
    font-size: 0.9em;
  }
  .form-search .form-row-group {
    width: 100%;
  }
  .form-search .form-row-group .form-row {
    width: 100%;
  }
  .form-search .form-row {
    width: 100%;
  }
  .column.large .sub-container {
    flex-direction: column;
  }
}
/* Band #1 */

@media only screen and (max-width: 600px) {
  .site-row {
    padding-top: 10px;
  }
  .login-form-header {
    min-width: 300px;
  }
  .login-form-header .app-links {
    width: 240px;
    max-width: 240px;
  }
  .fill-column {
    overflow: visible;
  }
  .column {
    flex: 1 1 100%;
    /* One column on small screens */
  
  }
  .column.large .sub-container {
    flex-direction: column;
  }
  .brand-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/ray-white-primary-logo-yellow-rgb.png.ashx?width=40") no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: right;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my-rw-logo.png.ashx?width=150") no-repeat;
    width: 160px;
    height: 40px;
    margin-left: 5px;
    border: none !important;
    overflow: hidden;
  }
  .app-links {
    min-width: 120px;
    max-width: 150px;
    width: 30%;
    font-size: 0.9em;
    border-left: none;
  }
  .app-toolbar-info {
    min-width: 300px;
    min-height: 35px;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .user-info {
    min-width: 180px;
    padding: 0 8px 4px 8px;
    overflow: hidden;
    width: 60%;
    z-index: 10;
  }
  .info-name {
    font-size: 0.9em;
  }
  .info-title {
    font-size: 0.7em;
  }
  .info-organisation {
    font-size: 0.7em;
  }
  .icon-width {
    width: 17px;
  }
  .form-search {
    font-size: 0.9em;
  }
  .form-search .form-row-group {
    width: 100%;
  }
  .form-search .form-row-group .form-row {
    width: 100%;
  }
  .form-search .form-row {
    width: 100%;
  }
  .org-result,
  .member-result {
    height: auto;
    width: 100%;
  }
  .pagination .pagexofy {
    font-size: .65em;
  }
  .pagination ul > li.pageNumber {
    min-width: 14px;
    font-size: .75em;
    text-align: center;
    margin: 3px 1px 0;
  }
  .pagination ul > li > a.bttn {
    font-weight: normal;
    font-size: .9em;
    height: 24px;
    line-height: 20px;
  }
}
.app-logo {
  border-right: 0px dotted #595959;
}
.info-photo {
  float: left;
  text-align: center;
  padding-right: 5px;
}
.info-switch-org {
  float: right;
  width: 47px;
  text-align: right;
  padding: 5px 0px 2px 3px;
}
div.info-switch-org > a {
  width: 43px;
  height: 38px;
  line-height: 37px;
  padding: 0px 5px 4px 3px;
}
.sub-title {
  overflow: hidden;
  text-align: left;
  margin-top: 3px;
  margin-bottom: 1px;
  min-width: 200px;
  color: #a5a5a5;
  font-size: 1.2em;
  width: 100%;
}
.sub-title-name {
  overflow: hidden;
  text-align: left;
  font-size: 1.6em;
  margin-top: 1px;
  margin-bottom: 5px;
  min-width: 200px;
  width: 100%;
  color: #333333;
}
.sub-title-name a {
  color: #333333;
}
.sub-title-name a:hover {
  color: #7f7f7f;
}
#workflowTasks {
  font-size: 0.9em;
  border-right: 1px dotted #595959;
}
#workflowActivity {
  font-size: 0.9em;
  border-right: 1px dotted #595959;
}
/* link bar*/

.link-bar {
  font-size: 0.85em;
  font-weight: bold;
  background-color: whitesmoke;
  padding: 4px 10px 3px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid gainsboro;
}
.iconRow {
  float: left;
  width: 110px;
  font-size: .8em;
}
#login-form {
  margin: 0 auto;
  width: 575px;
  border-bottom: 3px solid #ffe512;
  padding: 40px 0px 20px 0px;
}
#login-form label {
  display: block;
}
#login-form input[type="text"],
#login-form input[type="password"] {
  width: 100%;
  padding: 6px;
  border: 1px solid #cccccc;
  background-color: #f2f2f2;
  color: #595959;
  -webkit-box-shadow: inset 0 0 5px #cccccc;
  -moz-box-shadow: inset 0 0 5px #cccccc;
  -o-box-shadow: inset 0 0 5px #cccccc;
  box-shadow: inset 0 0 5px #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus {
  background-color: white;
  color: #333333;
  -webkit-box-shadow: inset 0 0 5px #f2f2f2;
  -moz-box-shadow: inset 0 0 5px #f2f2f2;
  -o-box-shadow: inset 0 0 5px #f2f2f2;
  box-shadow: inset 0 0 5px #f2f2f2;
}
#login-form .input-container {
  margin-bottom: 20px;
}
.dash-module {
  float: left;
  width: 33%;
  height: 210px;
  min-width: 250px;
  position: relative;
  font-size: 0.9em;
}
.dash-module .module-title {
  color: #595959;
  font-weight: bold;
  height: 30px;
  padding: 9px;
  text-align: left;
  font-size: 0.9em;
}
.dash-module .module-content {
  padding: 9px;
}
.dash-module .module-buttons {
  height: 31px;
  width: 100%;
  position: absolute;
  bottom: 32px;
  left: 0px;
  text-align: right;
  padding-right: 8px;
}
.dash-module .module-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 9px;
  padding-right: 9px;
}
/* menu */
.menu-column {
  margin-right: 15px;
  float: left;
  background-color: white;
}
.menu-toggle {
  display: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.menu-toggle:after {
  clear: both;
}
.menu-toggle:before,
.menu-toggle:after {
  content: "";
  display: table;
}
.menu-toggle-link {
  float: left;
  padding-left: 9px;
  padding-top: 8px;
  height: 35px;
}
.menu-toggle-link a {
  color: #595959;
  outline: 0;
  font-size: 0.95em;
}
.menu-toggle-icon {
  float: right;
  width: 35px;
  height: 35px;
  margin-right: 5px;
  cursor: hand;
}
.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 160px;
  display: block;
  font-size: 1em;
  background-color: white;
}
.menu li {
  color: #f2f2f2;
  margin-bottom: 3px;
  padding-left: 5px;
}
.menu li a {
  display: block;
  width: 100%;
  padding: 10px 0px 10px 0px;
  color: #333333;
}
.menu li:not(:first-child) {
  border-top: 0px dotted #595959;
}
.menu li:hover {
  background-color: white;
  border-radius: 10px;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}
.menu li.active-menu,
.menu li.active-menu a {
  color: #a5a5a5;
  padding-bottom: 10px;
  border-radius: 10px;
}
.menu li.active-menu ul,
.menu li.active-menu a ul {
  text-align: left;
  padding-right: 0px;
  line-height: 26px;
  margin-left: 18px;
  font-size: 0.9em;
}
.menu li.active-menu ul li.inactive-page,
.menu li.active-menu a ul li.inactive-page,
.menu li.active-menu ul li.active-page,
.menu li.active-menu a ul li.active-page {
  text-align: left;
  padding-right: 10px;
  line-height: 0px;
  border: none;
}
.menu li.active-menu ul li.inactive-page a,
.menu li.active-menu a ul li.inactive-page a {
  color: #595959;
}
.menu li.active-menu ul li.active-page a,
.menu li.active-menu a ul li.active-page a {
  color: #a5a5a5;
}
.menu li.active-menu ul li.hover-menu a,
.menu li.active-menu a ul li.hover-menu a {
  color: #cccccc;
}
li.hover-menu a {
  color: #cccccc;
}
.iconWidth {
  width: 18px;
  float: left;
  text-align: center;
  height: 100%;
  display: block;
}
.menutext {
  overflow: hidden;
  padding-left: 10px;
}
/* horizontal menu (tabs) */

.h-menu {
  margin-bottom: 15px;
}
.h-menu div {
  float: left;
  padding: 5px 5px 5px 5px;
}
.h-menu div:not(:last-child) {
  border-right: 1px dotted #595959;
}
.h-menu a {
  text-decoration: none;
  color: #333333;
  outline: none;
}
.h-menu .hover a {
  color: #7f7f7f;
}
.h-menu .current a {
  color: #a5a5a5;
}
/* horizontal tab (content) */

.h-tab {
  display: none;
}
/* forms */

.form-field-title {
  float: left;
  width: 25%;
  text-align: left;
  padding: 4px 15px 4px 3px;
  font-size: 0.95em;
  color: #595959;
}
.form-field-title .sub-note {
  font-size: 0.85em;
  color: gray;
}
.form-field-half {
  width: 50%;
}
.section-title {
  margin-top: 8px;
  margin-bottom: 3px;
  float: left;
  width: auto;
  text-align: left;
  padding: 4px 0px 4px 3px;
  color: #333333;
  font-size: 1.1em;
}
.form-title {
  margin-top: 8px;
  margin-bottom: 3px;
  float: left;
  width: 25%;
  text-align: left;
  padding: 4px 0px 4px 3px;
  color: #333333;
  font-size: 1.3em;
}
.search-title {
  font-size: 1.6em;
}
.section-notes {
  overflow: hidden;
  padding: 13px 0px 0px 15px;
  font-size: 0.8em;
  vertical-align: middle;
  color: gray;
}
.section-description {
  padding: 2px 0px 10px 0px;
  font-size: 0.9em;
  color: gray;
}
.section-value {
  overflow: hidden;
  padding: 12px 0px 0px 12px;
  font-size: 0.95em;
  vertical-align: middle;
}
.no-pad-left {
  padding-left: 0px;
}
.form-field-input,
.form-field-static {
  overflow: hidden;
  padding: 4px 0px 4px 2px;
}
.form-field-action {
  float: right;
  overflow: hidden;
  padding: 4px 0px 4px 2px;
}
form h2 {
  margin-top: 1px;
  margin-bottom: 2px;
}
form input[type="text"].tiny {
  width: 50px;
}
form input[type="text"].verySmall {
  width: 75px;
}
form input[type="text"].small {
  width: 125px;
}
form input[type="text"].medium {
  width: 300px;
}
form input[type="text"].large {
  width: 400px;
}
form input[type="password"].tiny {
  width: 50px;
}
form input[type="password"].small {
  width: 125px;
}
form input[type="password"].medium {
  width: 300px;
}
form input[type="password"].large {
  width: 400px;
}
textarea.medium {
  width: 90%;
  height: 75px;
  padding: 4px;
}
textarea.large {
  width: 90%;
  height: 75px;
  padding: 4px;
}
textarea.fill-width {
  width: 100%;
  height: 75px;
  padding: 4px;
}
ul.ui-sortable .form-field-title {
  width: 28%;
}
ul.ui-sortable .section-title {
  width: 27%;
}
.validateTips {
  font-size: 0.9em;
}
.role-restriction {
  display: block;
  width: 300px;
  margin-bottom: 4px;
}
/* pagination */

.pagination ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination ul > li {
  display: inline-block;
}
.pagination ul > li.pageNumber {
  min-width: 20px;
  font-size: .95em;
  text-align: center;
  margin: 5px 1px 0;
}
.pagination ul > li.pageNumber:hover {
  text-decoration: underline;
  font-weight: bold;
}
.pagination ul > li.active {
  font-weight: bold;
}
.pagination ul > li.active:hover {
  text-decoration: none;
}
.pagination ul > li > a.bttn {
  font-weight: normal;
  font-size: 1.1em;
}
/* date selectors */

.dateSelect {
  margin-right: 3px;
  padding: 2px;
}
/* auto complete */

.autocomplete-w1 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.autocomplete {
  border: 1px solid #999999;
  background: white;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
  /* IE6 specific: */
  _height: 350px;
  _margin: 0;
  _overflow-x: hidden;
}
.autocomplete .selected {
  background: #f0f0f0;
}
.autocomplete div {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete strong {
  font-weight: normal;
  color: #3399ff;
}
#query {
  font-size: 28px;
  padding: 10px;
  border: 1px solid #cccccc;
  display: block;
  margin: 40px;
}
/* ketchup */

.ketchup-error {
  position: absolute;
  width: auto;
}
.ketchup-error ul {
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #111111;
  background: red;
  background: rgba(255, 0, 0, 0.6);
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  list-style: none;
  line-height: 16px;
}
.ketchup-error span {
  display: block;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid red;
  border-top: 10px solid rgba(255, 0, 0, 0.6);
  border-bottom: 0;
  margin-left: 10px;
}
.ketchup-custom {
  display: none;
  background: #f46644;
  margin: 3px 0 0 0;
  padding: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.ketchup-custom div {
  font-size: 0.75em;
  padding: 5px;
  color: white;
}
/* dialogs */

.myrw-dialog {
  display: none;
  background: white;
  padding: 10px;
  border: 1px solid white;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 1em;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 9999;
  min-width: 300px;
}
#passwordChangeDialog {
  width: 400px;
}
#newApplicationDialog {
  width: 425px;
}
#newRuleSetDialog {
  width: 600px;
}
#newRuleDialog {
  width: 425px;
}
#newPrivilegeDialog {
  width: 425px;
}
#accountAliasesDialog {
  width: 460px;
}
#removeServiceAccountDialog {
  width: 425px;
}
#newServiceAccountDialog {
  top: 25%;
  width: 570px;
}
#releaseWithheldAccountDialog {
  width: 425px;
}
#workflowMessagesDialog {
  width: 600px;
}
#archiveTempAccountDialog {
  width: 550px;
}
#forgottenPasswordDialog {
  width: 535px;
}
#disableOfficeDialog {
  width: 600px;
}
#keyDateDialog {
  width: 475px;
}
#sharedContactDialog {
  width: 525px;
}
#parsonalEmailWarningDialog {
  width: 535px;
}
#photoDialog {
  width: 857px;
  margin-top: 100px;
}
#photoDialog .img-container {
  width: 835px;
  height: 470px;
}
/* Terms and Conditions */

#termAndConditionsDialog {
  border: 1px solid white;
  float: left;
  top: 50%;
  left: 50%;
  height: 550px;
  width: 875px;
}
#termAndConditionsDialog #termAndConditionsForm {
  height: 100%;
}
.terms-dialog-window {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 480px;
  width: 845px;
}
.terms-dialog-window .display-terms {
  width: 100%;
  height: 160%;
}
.terms-dialog-window .display-terms .terms-display-pdf {
  width: 100%;
  height: 300%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  display: block;
}
.terms-dialog-window .display-terms .terms-header {
  width: 100%;
  height: 30px;
  margin: 10px auto;
  text-align: center;
}
.terms-dialog-window .display-terms .terms-footer {
  width: 100%;
  height: 70px;
  margin: 10px auto;
  text-align: center;
}
.terms-window {
  -webkit-overflow-scrolling: touch;
}
.terms-window .display-terms {
  width: 100%;
  height: 160%;
}
.terms-window .display-terms .terms-display-pdf {
  width: 100%;
  height: 300%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  display: block;
}
.terms-window .display-terms .terms-header {
  width: 100%;
  height: 30px;
  margin: 10px auto;
  text-align: center;
}
.terms-window .display-terms .terms-footer {
  width: 100%;
  height: 70px;
  margin: 10px auto;
  text-align: center;
}
/*#searchOtsForm
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 600px;
	max-width: 1000px;
	min-width: 820px;        
}*/

.ots-result {
  cursor: pointer;
}
.ots-result-highlight {
  background-color: #f2dede;
}
.results .selected {
  background-color: #ffe9a1;
}
table.scroll {
  /* width: 100%; */
  /* Optional */
  /* border-collapse: collapse; */
  border-spacing: 0;
  /*border: 2px solid black;*/

}
table.scroll tbody,
table.scroll thead {
  display: block;
  border-bottom: thin dotted lightgray;
}
table.scroll thead tr th:first-child {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
table.scroll thead tr th:last-child {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
table.scroll th {
  background-color: #cccccc;
  color: #595959;
}
table.scroll tbody {
  overflow-y: auto;
  overflow-x: hidden;
  border-color: inherit;
}
/* web rule component CSS overrides */

div.ceRule,
div.ceMenu,
div.ceToolBar {
  font-size: 0.85em;
}
div.ceToolBar {
  border: 0px;
}
/* other misc styles and customisations */

div.directory-choice {
  float: left;
  width: 200px;
  height: 200px;
  margin: 10px;
  text-align: center;
  background-color: #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
div.directory-choice a {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  color: #333333;
  width: 100%;
  height: 100%;
  padding-top: 20px;
}
div.directory-choice a:hover {
  color: #ffe512;
}
.history-date {
  font-size: 0.9em;
}
.history-desc {
  font-size: 0.9em;
}
.icon-question-sign {
  cursor: pointer;
}
#powerTip {
  font-size: 0.9em;
  white-space: normal;
}
/* unslider styles */

.banner {
  position: relative;
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
  text-align: center;
  background: gainsboro;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /*color: rgba(255,255,255,.6);*/

  /*text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);*/

  /*box-shadow: 0 1px 2px rgba(0,0,0,.25);*/

  /*font-size: 18px;*/

  /*line-height: 24px;*/

}
.banner ul {
  list-style: none;
  width: 300%;
  padding: 0px;
  margin: 0px;
}
.banner ul li {
  display: block;
  float: left;
  width: 33%;
  /*padding: 160px 0 110px;*/
  min-height: 350px;
  height: 350px;
  /*		-webkit-background-size: 100% 100%;*/
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  /*		background-size: 100% 100%;*/
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.1);
  position: relative;
}
.banner .btn,
.banner .dot {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
.banner .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  text-align: left;
}
.banner .dots li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid white;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.banner .dots li.active {
  background: white;
  opacity: 1;
}
.banner .btn {
  padding: 9px 22px 7px;
  /*clear: both; */
  /*margin: 20px 0 0;*/
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  /*position: absolute;
	bottom: 70px;
	left: 46%;*/

}
.banner .btn:hover {
  background: rgba(255, 255, 255, 0.05);
}
.banner .btn:active {
  -webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
  -o-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
}
/**
 *     Visual typography elements
 */

.keyline-top,
.keyline-left,
.keyline-right,
.keyline-bottom {
  border-width: 0;
  border-style: dotted;
  border-color: #595959;
}
.keyline-left {
  border-left-width: 1px;
}
.keyline-right {
  border-right-width: 1px;
}
.keyline-bottom {
  border-bottom-width: 1px;
}
.keyline-top {
  border-bottom-width: 1px;
}
/*
	NOTE ON MEDIA QUERIES:
	IE8 does not support media queries, so anything placed within Band #4 below will also need to be placed above
*/

/* Band #4, greater then 1420px */

@media only screen and (min-width: 1420px) {
  #login-form {
    width: 575px;
  }
  .menu {
    display: block;
  }
  .menu-toggle {
    display: none;
  }
  .banner ul li {
    min-height: 350px;
    height: 350px;
  }
}
/* Band #3, 1000px to 1420px */

@media only screen and (min-width: 1000px) and (max-width: 1420px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  #login-form {
    width: 500px;
  }
  div.info-switch-org > a {
    height: 36px;
    line-height: 35px;
  }
  .info-name {
    font-size: 1em;
  }
  .icon-width {
    width: 20px;
  }
  .menu {
    display: block;
    width: 170px ;
  }
  .menu-toggle {
    display: none;
  }
  .banner ul li {
    min-height: 300px;
    height: 300px;
  }
  /* Terms and Conditions */
  
  .termAndConditionsDialog {
    border: 1px solid white;
    float: left;
    top: 50%;
    left: 50%;
    height: 550px;
    width: 875px;
  }
  #termAndConditionsForm {
    height: 100%;
  }
}
/* Band #2, 1000px */

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  body {
    padding-left: 6px;
    padding-right: 6px;
  }
  #login-form {
    width: 400px;
  }
  /* menu */
  
  .menu-toggle {
    display: none;
  }
  .menu {
    display: block;
    width: 120px;
  }
  .menu li {
    margin-bottom: 3px;
  }
  .menu li a {
    font-size: 0.8em;
  }
  .menu li.active-menu,
  .menu li.active-menu a {
    padding-bottom: 5px;
  }
  .menu li.active-menu ul,
  .menu li.active-menu a ul {
    padding-right: 2px;
  }
  .menu li.active-menu ul li.inactive-page,
  .menu li.active-menu a ul li.inactive-page,
  .menu li.active-menu ul li.active-page,
  .menu li.active-menu a ul li.active-page,
  .menu li.active-menu ul li.inactive-page a,
  .menu li.active-menu a ul li.inactive-page a,
  .menu li.active-menu ul li.active-page a,
  .menu li.active-menu a ul li.active-page a {
    font-size: 0.9em;
    padding-right: 2px;
  }
  div.info-switch-org > a {
    height: 35px;
    line-height: 34px;
  }
  .banner ul li {
    min-height: 250px;
    height: 250px;
  }
  #workflowActivity {
    border-right: none;
  }
  .dash-module {
    width: 50%;
  }
  .app-links {
    border: none !important;
    width: 240px;
    max-width: 240px;
  }
  .app-logo {
    border: none !important;
  }
  /* Terms and Conditions */
  
  #termAndConditionsDialog {
    border: 1px solid white;
    float: left;
    top: 50%;
    left: 50%;
    height: 550px;
    width: 95%;
  }
  #termAndConditionsDialog #termAndConditionsForm {
    height: 100%;
  }
  .terms-dialog-window {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 480px;
    width: 95%;
  }
  .terms-dialog-window .display-terms {
    width: 95%;
    height: 160%;
  }
  .terms-dialog-window .display-terms .terms-display-pdf {
    width: 100%;
    height: 300%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .terms-dialog-window .display-terms .terms-header {
    width: 100%;
    height: 30px;
    margin: 10px auto;
    text-align: center;
  }
  .terms-dialog-window .display-terms .terms-footer {
    width: 100%;
    height: 70px;
    margin: 10px auto;
    text-align: center;
  }
}
/* beween Band #1 and band #2, 900px */

@media only screen and (max-width: 900px) {
  .app-logo {
    border: none !important;
  }
  .menu-toggle {
    display: none;
  }
}
/* beween Band #1 and band #2, 700px */

@media only screen and (max-width: 700px) {
  #workflowTasks {
    border-right: none;
  }
  #workflowActivity {
    border-right: none;
  }
  .dash-module {
    min-width: 350px;
    width: 100%;
  }
  .menu-toggle {
    display: none;
  }
}
/* Band #1, 600px */

@media only screen and (max-width: 600px) {
  .site-row {
    min-width: 450px;
    width: 100%;
  }
  body {
    padding-left: 3px;
    padding-right: 3px;
  }
  header {
    padding-bottom: 5px;
  }
  #login-form {
    width: 96%;
  }
  .menu-column {
    float: none;
    margin: 3px;
  }
  /*
  		open menu on hover, not click
  	.menu-column:hover .menu, 
  	.menu-columnfocus-within .menu {
  		display:block;
  	}*/
  
  .menu-toggle {
    display: block;
  }
  .menu {
    display: none;
    width: 150px;
    z-index: 1000;
    position: absolute;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }
  .menu li {
    margin-bottom: 3px;
    text-indent: 10px;
  }
  .menu li a {
    font-size: 0.8em;
  }
  .menu .active-menu {
    padding-bottom: 7px;
  }
  .menu li .inactive-page,
  .menu li .active-page {
    padding-right: 10px;
    line-height: 22px;
  }
  div.info-switch-org > a {
    height: 33px;
    line-height: 32px;
  }
  .banner ul li {
    min-height: 200px;
    height: 200px;
  }
  /* Terms and Conditions */
  
  .termAndConditionsDialog {
    border: 1px solid white;
    float: left;
    top: 50%;
    left: 50%;
    height: 550px;
    width: 98%;
  }
  #termAndConditionsForm {
    height: 100%;
  }
  .terms-dialog-window {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 480px;
    width: 98%;
  }
  .terms-dialog-window .display-terms {
    width: 98%;
    height: 160%;
  }
  .terms-dialog-window .display-terms .terms-display-pdf {
    width: 100%;
    height: 300%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .terms-dialog-window .display-terms .terms-header {
    width: 100%;
    height: 30px;
    margin: 10px auto;
    text-align: center;
  }
  .terms-dialog-window .display-terms .terms-footer {
    width: 100%;
    height: 70px;
    margin: 10px auto;
    text-align: center;
  }
}
/* Styles declared here are common to both Mobile (incl. JQuery Mobile) and Desktop */

/*.login-form-header .app-logo {
	margin-top: 40px;
}*/

.yellow-bar {
  background-color: #c1d72e;
}
.dialog-title {
  border-bottom: 3px solid #c1d72e;
}
/* Band #4 */

@media only screen and (min-width: 1420px) {
  .brand-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/LivingHere_logo_sm.png.ashx?height=63") no-repeat;
    width: 250px;
    height: 63px;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my_livinghere_com_au.png.ashx?width=260") no-repeat center;
    width: 270px;
    height: 65px;
  }
}
/* Band #3 */

@media only screen and (min-width: 1000px) and (max-width: 1420px) {
  .brand-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/LivingHere_logo_sm.png.ashx?height=63") no-repeat;
    width: 236px;
    height: 63px;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my_livinghere_com_au.png.ashx?width=260") no-repeat center;
    width: 270px;
    height: 65px;
  }
}
/* Band #2 */

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .brand-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/LivingHere_logo_sm.png.ashx?height=61") no-repeat;
    width: 160;
    height: 71px;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my_livinghere_com_au.png.ashx?width=260") no-repeat center;
    width: 270px;
    height: 55px;
  }
}
/* Band #1 */

@media only screen and (max-width: 600px) {
  .brand-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/LivingHere_logo_sm.png.ashx?height=61") no-repeat;
    width: 130px;
    height: 61px;
    margin-right: 10px;
    float: right;
  }
  .app-logo {
    background: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/my_livinghere_com_au.png.ashx?width=150") no-repeat center;
    width: 155px;
    height: 55px;
    margin-left: 10px;
    border: none !important;
  }
}
/*
    Physic path location of images is //propertyphotos.raywhite.com/propertyphotos.raywhite.com\resources\myrw
    Note the images are access via Cloubfront and is cached for 90 days.
 */
.banner-slide-1 {
  background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/living-here-header-image2.jpg.ashx?height=370&width=1215&mode=crop&quality=70");
}
.banner-slide-2 {
  background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=370&width=1215&mode=crop&quality=70");
}
.banner-slide-3 {
  background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=370&width=1215&mode=crop&quality=70");
}
/*
	NOTE ON MEDIA QUERIES:
	IE8 does not support media queries, so anything placed within Band #4 below will also need to be placed above
*/

/* Band #4 */

@media only screen and (min-width: 1420px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/living-here-header-image2.jpg.ashx?height=370&width=1215&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=370&width=1215&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=370&width=1215&mode=crop&quality=70");
  }
}
/* Band #3 */

@media only screen and (min-width: 1000px) and (max-width: 1420px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/living-here-header-image2.jpg.ashx?height=310&width=1180&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=310&width=1180&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=310&width=1180&mode=crop&quality=70");
  }
}
/* Band #2 */

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/living-here-header-image2.jpg.ashx?height=270&width=855&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=270&width=855&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=270&width=855&mode=crop&quality=70");
  }
}
/* Band #1 */

@media only screen and (max-width: 600px) {
  .banner-slide-1 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/living-here-header-image2.jpg.ashx?height=210&width=600&mode=crop&quality=70");
  }
  .banner-slide-2 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img2.png.ashx?height=210&width=600&mode=crop&quality=70");
  }
  .banner-slide-3 {
    background-image: url("https://cdn6.ep.dynamics.net/s3/rw-media/myraywhite/resources/myrw/../marketing/MyRW-dashboard-img3.png.ashx?height=210&width=600&mode=crop&quality=70");
  }
}
#login-form {
  border-bottom: 3px solid #c1d72e;
}