﻿/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

a
{
    text-decoration: none; 
    color: #72B7CC;
    font-size: 11px;
}

h2.sectionHeader
{
    margin: 10px 0;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #59778f;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #59778f;
  color: #fff;
  text-shadow: none;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] 
{
    display: block;
  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 #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: Roboto, monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

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;
  font-size: 11px;
  font-family: sans-serif;
  color: #5E7D96;
  display: block;
  padding-top:8px;
}

input + span, span.spanAsLabel
{
    font: 11px sans-serif;
    color: #5E7D96;
}

h2.inline, label.inline
{
    display: inline;
}

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;
}

input[type="submit"]:disabled,input[type="submit"].disabled, input[type="button"].disabled,
.button:disabled
{
    background-color: #C4C4C4 !important;
    -moz-box-shadow: inset 0px 0px 0px 0px #C4C4C4 !important;
    -webkit-box-shadow: inset 0px 0px 0px 0px #C4C4C4 !important;
    box-shadow: inset 0px 0px 0px 0px #C4C4C4 !important;    
}

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
{
  background-color:#FFFFFF;
  -moz-box-shadow: inset 0 0 2px 0 #303030 inset;
  -webkit-box-shadow: inset 0 0 2px 0 #303030 inset;
  box-shadow: 0 0 2px #303030 inset;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0;
  color:#666666;
  font: 12px/15px Calibri;  
  padding: 4px 12px;
  -webkit-appearance: none;
  border-bottom:2px solid #F9F9F9;
  resize: none;
  overflow: auto;
  width: 166px;
}

textarea[disabled] {
    background-color:#DADADA !important;
    -moz-box-shadow: inset 0 2px 3px -1px #969697;
    -webkit-box-shadow: inset 0 2px 3px -1px #969697;
    box-shadow: 0 2px 3px -1px #969697 inset;    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #F9F9F9;
    color: #fefefe;
    font: 15px/15px Calibri;
    padding: 4px 12px;
    -webkit-appearance: none;
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

textarea[readonly] {
    background-color:#DADADA !important;
    -moz-box-shadow: inset 0 2px 3px -1px #969697;
    -webkit-box-shadow: inset 0 2px 3px -1px #969697;
    box-shadow: 0 2px 3px -1px #969697 inset;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #F9F9F9;
    font: 15px/15px Calibri;
    padding: 4px 12px;
    -webkit-appearance: none;
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

textarea[readonly]:focus 
{
    background-color: #DADADA !important;
}

textarea:hover
{
    background-color:#D2E3F0;
    -moz-box-shadow: inset 0 2px 2px -1px #919DA6;
    -webkit-box-shadow: inset 0 2px 3px -1px #919DA6;
    box-shadow: 0 2px 3px -1px #919DA6 inset;
    border-bottom: 2px solid #F9F9F9;
}

textarea:focus
{
    background-color: #FFFFFF !important;
    border: 2px solid #8399AA;
    -moz-box-shadow:  0 0 8px #8399AA;        
    -webkit-box-shadow:  0 0 8px #8399AA;  
    box-shadow: 0 0 3px #8399AA;
    outline: medium none;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

@font-face {
    font-family: 'Roboto';
    src: url('../Robotofonts/Roboto-Regular-webfont.eot');
    src: url('../Robotofonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Robotofonts/Roboto-Regular-webfont.woff') format('woff'), url('../Robotofonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../Robotofonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../Robotofonts/Roboto-Bold-webfont.eot');
    src: url('../Robotofonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../Robotofonts/Roboto-Bold-webfont.woff') format('woff'), url('../Robotofonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../RobotoFonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'RobotoMedium';
    src: url('../Robotofonts/Roboto-Medium-webfontt.eot');
    src: url('../Robotofonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../Robotofonts/Roboto-Medium-webfont.woff') format('woff'), url('../Robotofonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../RobotoFonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'RobotoLight';
    src: url('../Robotofonts/Roboto-Light-webfont.eot');
    src: url('../Robotofonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../Robotofonts/Roboto-Light-webfont.woff') format('woff'), url('../Robotofonts/Roboto-Light-webfont.ttf') format('truetype'), url('../Robotofonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 300;
    font-style: italic;
}


body {
  background-color: #efefef;
}

a {
  text-decoration: none;
}

/******** UNIFORM GLOBAL SELECTORS *******/

.radio + label { margin-right: 10px; }
.checker + label { margin-right: 10px; }

.block label
{
    color: #5f5f5f;
    display: inline-block;
    font: 15px/20px Calibri;
    margin-right: 20px;
}

label.block
{
    display: block;
    margin-right: 20px;
}

select
{
  -moz-box-shadow: inset 0 0 2px 0 #303030 inset;
  -webkit-box-shadow: inset 0 0 2px 0 #303030 inset;
  box-shadow: 0 0 2px #303030 inset;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0;
  color:#666666;
  font-family: Roboto,sans-serif;
  font-size: 12px;
  height: 25px;
  padding: 4px 4px;
  border-bottom:2px solid #F9F9F9;
  width: 190px;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="number"] {
    background-color: #FFFFFF;
    -moz-box-shadow: inset 0 0 2px 0 #303030 inset;
    -webkit-box-shadow: inset 0 0 2px 0 #303030 inset;
    box-shadow: 0 0 2px #303030 inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    color: #666666;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    height: 15px;
    padding: 4px 10px;
    -webkit-appearance: none;
    border-bottom: 2px solid #F9F9F9;
    width: 170px;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="tel"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled
{
    background-color:#DADADA !important;
    -moz-box-shadow: inset 0 2px 3px -1px #969697;
    -webkit-box-shadow: inset 0 2px 3px -1px #969697;
    box-shadow: 0 2px 3px -1px #969697 inset;
    border-bottom: 2px solid #F9F9F9;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="email"]:hover, span.overlaySpan:hover ~ input:not(:focus)
{
    background-color:#D2E3F0;
    -moz-box-shadow: inset 0 2px 2px -1px #919DA6;
    -webkit-box-shadow: inset 0 2px 3px -1px #919DA6;
    box-shadow: 0 2px 3px -1px #919DA6 inset;
    border-bottom: 2px solid #F9F9F9;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus , input[type="number"]:focus
{
    background-color: #FFFFFF !important;
    border: 2px solid #8399AA;
    -moz-box-shadow:  0 0 8px #8399AA;        
    -webkit-box-shadow:  0 0 8px #8399AA;  
    box-shadow: 0 0 3px #8399AA;
    outline: medium none;
    padding:3px 8px;
}

input[type="text"].xxx-small, input[type="password"].xxx-small, input[type="tel"].xxx-small, input[type="email"].xxx-small { width: 25px; }
input[type="text"].xx-small, input[type="password"].xx-small, input[type="tel"].xx-small, input[type="email"].xx-small { width: 50px; }
input[type="text"].x-small, input[type="password"].x-small, input[type="tel"].x-small, input[type="email"].x-small { width:75px; }
input[type="text"].small, input[type="password"].small, input[type="tel"].small, input[type="email"].small { width: 100px; }
input[type="text"].x-medium, input[type="password"].x-medium, input[type="tel"].x-medium, input[type="email"].x-medium { width: 200px; }
input[type="text"].medium, input[type="password"].medium, input[type="tel"].medium, input[type="email"].medium { width: 200px; }
input[type="text"].selectMedium, input[type="password"].selectMedium, input[type="tel"].selectMedium, input[type="email"].selectMedium { width: 130px; }
input[type="text"].large, input[type="password"].large, input[type="tel"].large, input[type="email"].large { width: 300px; }

input[type="password"] {
  background-color:#FFFFFF;
  -moz-box-shadow: inset 0 0 2px 0 #303030 inset;
  -webkit-box-shadow: inset 0 0 2px 0 #303030 inset;
  box-shadow: 0 0 2px #303030 inset;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0;
  color:#666666;
  font: 12px/15px Calibri;
  height: 15px;
  padding: 4px 16px;
  -webkit-appearance: none;
  border-bottom:2px solid #F9F9F9
}

input[type="password"]:focus 
{
    background-color: #FFFFFF !important;
    border: 2px solid #8399AA;
    -moz-box-shadow:  0 0 8px #8399AA;        
    -webkit-box-shadow:  0 0 8px #8399AA;  
    box-shadow: 0 0 3px #8399AA;
    outline: medium none;
}

input[type="text"] + label {
  font: 11px/15px sans-serif;
}

/* styling for placeHolder is only needed for browsers that don't support HTML5 placeholder (IE9) */
div.placeHolder > span.overlaySpan
{
    font-family: Roboto,sans-serif;
    font-size: 12px;
    color: #AAA;
    position: absolute;
    padding: 4px 10px;
    -webkit-appearance: none;
    pointer-events: none;
    background: none;
    line-height: 17px;
    height: 15px;
}

div.placeHolder
{
    position: relative;
}

textarea.input_no_padding_small, input[type="text"].input_no_padding_small
{
    width:94%;
    padding:4px 0;
}

#pagewrap {
  min-width: 1024px;
}

.error-label
{
    color:Red;
    font: 15px/20px Calibri;
}

.validation{
    display:none;
    position:fixed;
    bottom:60px;
    background: none repeat scroll 0 0 #D7D7D7;
    border:1px solid black;
    z-index:2000;
    max-height: 570px;
    overflow-y: auto;
}

.validation ul
{
    padding-right:40px;
}

#sidebar
{
    float:left;
}

#main_content
{    
    overflow-y:auto;
    padding:6px;
}

#footer-container{
    background: none repeat scroll 0 0 #D7D7D7;
    bottom: 0;
    left: 0;
    margin: 0;
    margin-top:10px;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#footer-container .validation
{        
    overflow-y: auto;
    width: 30%;
    height:34px;
    margin-top: 2px;
}

#footer-container ul
{
    color: #9D9D9D;
    margin-top: 6px;    
}

#footer-container ul li
{
    list-style: none;
}

#header-container, div.announcements {
  padding: 0 17px;
}
#header-container header {
  position: relative;
}

.menuHeader {
    position: relative;
}

#branding {
  float: left;
  padding-right:10px;
  text-align: center;
}
#branding a {
  color: #373737;
  display: block;
  font: 11px Calibri;
}

#welcome {
  float: left;
}
#welcome h1 {
  background: url(../Images/dgt.png) no-repeat right center;
  color: #9a9a9a;
  float: left;
  font: 30px/30px RobotoLight;
  margin: 8px 0 6px 6px;
  padding-right: 22px;
}
#welcome h1 strong {
  color: #5b7993;
  font-family: RobotoBold;
}
#welcome p {
  color: #373737;
  font: 17px Calibri;
  float: left;
  margin: 15px 0 0 11px;
}

#hud, div.announcements {
  color: #4c4e4d;
  float: right;
  font: 13px Calibri;
  position: absolute;
  right: 0;
}

.announcements a p
{
    color: #4c4e4d;
}

#hud > div, div.announcements {
  clear: both;
}
.announcements p {
  float: right;
  line-height: 22px;
  margin: 0;
}
.announcements .count {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  float: right;
  font: bold 14px/20px Calibri;
  margin-left: 8px;
  text-align: center;
  width: 20px;
  background-color: #535353;
  -moz-box-shadow: 1px 1px 1px #b7b7b7;
  -webkit-box-shadow: 1px 1px 1px #b7b7b7;
  box-shadow: 1px 1px 1px #b7b7b7;
}
#hud .tools {
  color: #b4c4c7;
  float: right;
  margin-top: 21px;
}
#hud .tools a:first-child
{
    padding-left: 0px;
}

#hud .tools a {
  color: #33626f;
  font-weight: bold;
  padding-right: 12px;
  padding-left: 12px;
}
#hud .tools a:last-child {
  color: #60929d;
  padding-right: 0px;
}

#mc-container {
  padding-top: 6px;
}
#mc-container .mc nav {
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  background: url(../Images/nav-bg.png) repeat-x;
  clear: left;
  height: 24px;
  margin-top: -1px;
}
#mc-container .mc nav ul {
  height: 24px;
  list-style-type: none;
  margin: 0 0 0 16px;
  padding: 0;
}
#mc-container .mc nav ul li {
  border-left: 1px solid #ebebeb;
  float: left;
  text-align: center;
  height: 24px;
}
#mc-container .mc nav ul li:last-child {
  border-right: 1px solid #ebebeb;
}
#mc-container .mc nav ul li:last-child a {
  border-right: 1px solid #c8c8c8;
}
#mc-container .mc nav ul li a {
  display: block;
  color: #818181;
  font: 13px/24px Calibri;
  border-left: 1px solid #c8c8c8;
  width: 109px;
}
#mc-container .mc nav ul li a.selected {
  color: #666666;
  background: url(../Images/nav-hover-tab.png) no-repeat center bottom, url(../Images/nav-hover-bg.png) repeat-x;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  height: 30px;
}
#mc-container .mc .bc {
  padding: 0 17px 0 17px;
}

#mc-container .mc nav ul li.error {
  border-left: 1px solid #ebebeb;
  float: left;
  text-align: center;
  height: 34px;
  background-color:Red;
}

#mc-container .mc nav ul li.error a {
  color:Black;
}

.table-chrome {
  background: url(../Images/gray-gradient.png) repeat-x left top;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  float: left;
  margin: 20px 0px;
  max-width: 99%;
}
.table-chrome h2 {
  color: #fff;
  float: left;
  font: bold 19px/36px RobotoBold;
  margin: 0 0 0 22px;
  text-transform: uppercase;
}
.table-chrome .view-all {
  color: #9bbad1;
  display: block;
  float: left;
  font: bold 13px/36px Calibri;
  margin: 0 0 0 15px;
}

.table-chrome.less 
{
    background: none;
}

.table-chrome.less h2 {
  color: #454646;
  float: left;
  font: bold 19px/36px RobotoBold;
  margin: 0 0 0 22px;
  text-transform: uppercase;
}
.table-chrome.less .view-all {
  color: #59778F;
  display: block;
  float: left;
  font: bold 13px/36px Calibri;
  margin: 0 0 0 15px;
}

table.styled {
  clear: left;
  font: 13px/33px Calibri;
}
table.styled .header th {
  background-color: #59778f;
  font: 14px Calibri;
  height: 31px;
  padding: 0 22px;
  text-align: left;
}
table.styled .header th a {
  color: #fefefe;
}
table.styled .header th:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
table.styled .header th:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}
table.styled td {
  background-color: #fff;
  border-bottom: 1px solid #b9bec2;
  border-top: 1px solid #ffffff;
  padding: 0 22px;
}
table.styled .read {
  color: #818181;
}
table.styled .unread {
  color: #5c5c5c;
}
table.styled .altrow td {
  background-color: #e2e8ed;
}

.styled {
  clear: left;
  font: 13px/33px Calibri;
}

.styled .slick-header 
{
    border: 0px;
    background: none;
}

.styled .slick-header .slick-header-column {
  background-color: #59778f;
  background-image: none !important;
  font: 14px Calibri;
  height: 31px;
  padding: 0 22px;
  text-align: left;
}
.styled .slick-header .slick-header-column .slick-column-name {
  color: #fefefe;
  line-height: 31px;
}
.styled .slick-header .slick-header-column:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
.styled .slick-header .slick-header-column:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}
.styled .slick-cell {
  background-color: #fff;
  border-bottom: 1px solid #b9bec2;
  border-top: 1px solid #ffffff;
  border-right: 0px;
  border-left: 0px;
  color: #5C5C5C;
  font: 14px/31px Calibri;
  padding: 0 10px;
}
.styled .slick-cell .notificationItem
{
    width: 12px;
    margin: 4px;
}

.styled .userRoleRow label
{
    position: relative;
    top: 3px;
}

.styled .even .slick-cell
{
  background-color: #e2e8ed;
}

.styled .slick-cell.selected 
{
    background-color: #c6d0d9;
}

.styled .slick-cell.selected 
{
    background-color: #c6d0d9;
}

.button {
  border-radius: 5px;
  color: #fff;
  font: bold 13px/20px Calibri !important;
  display: inline-block;
  height: 20px;
  margin-top: 15px;
  text-transform: uppercase;
  border: 0;
  min-width: 80px;
}
.button:visited,
.button:hover,
.button:active {
  color: #fff;
}
.button.positive {
  background-color: #5d7b93;
}
.button.positive:hover
{
    background-color: #7698B4;
}
.button.positive:active
{
    background-color: #556F84;
    -moz-box-shadow: inset 1px 2px 1px 1px #3D5567;
    -webkit-box-shadow: inset 1px 2px 1px 1px #3D5567;
    box-shadow: inset 1px 2px 1px 1px #3D5567;
}
.button.positive.xx-small 
{
    width:50px;
    height:22px;
    margin-top:0;
    min-width: 50px;
}
.button.positive.x-small 
{
    width:75px;
    height:22px;
    min-width: 75px;
}
.button.positive.small 
{
    width:94px;
    height:22px;
}
.button.positive.medium 
{
    width:150px;
    height:30px;
}
.button.positive.large 
{
    width:213px;
    height:54px;
}
.button.neutral {
  background-color: #787878;
}
.button.neutral:hover 
{
    background-color:#8C8C8C;
}
.button.neutral:active 
{
    background-color: #575757;
    -moz-box-shadow: inset 1px 2px 1px 1px #404040;
    -webkit-box-shadow: inset 1px 2px 1px 1px #404040;
    box-shadow: inset 1px 2px 1px 1px #404040;
}
.button.neutral.small 
{
    width:94px;
    height:22px;
}
.button.neutral.medium 
{
    width:150px;
    height:30px;
}
.button.neutral.large 
{
    width:213px;
    height:54px;
}
.button + .button { margin-left: 6px; }

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after 
  {
      display: block;
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}

.login-panel {
  background: -moz-linear-gradient(top, #f1f1f1 0%, #e7e7e7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e7e7e7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #e7e7e7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, #e7e7e7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, #e7e7e7 100%);
  /* IE10+ */
  background: linear-gradient(top, #f1f1f1 0%, #e7e7e7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e7e7e7',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #d0d0d0;
  -moz-box-shadow: inset 0 3px 3px -3px #888888;
  -webkit-box-shadow: inset 0 3px 3px -3px #888888;
  box-shadow: inset 0 3px 3px -3px #888888;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  min-height: 100px;
  padding: 10px 30px;
  position: relative;
  width: 415px;
  margin: 50px auto 0;
  font: 15px/18px Calibri;
}

.login-panel #welcome {
  float: left;
  width:auto;
}

.login-panel #welcome h1 {
  background: url(../Images/dgt.png) no-repeat right center;
  color: #9a9a9a;
  float: left;
  font: 30px/30px RobotoLight;
  margin: 20px 0 6px 0px;
  padding-right: 22px;
}

.login-panel #welcome h1 strong {
  color: #5b7993;
  font-family: RobotoBold;
}

.login-panel .main 
{
    float: left;
    clear: left;
}

input.passwordEntry  {
    padding: 4px 10px;
}

.ajaxSpinner
{
    display: none;
    position: absolute;
    display: none;
    height: auto;
    outline: 0 none;
    top: 50%;
    left: 50%;
    width: 100px;
    z-index: 1002;   
}

.ui-dialog-content h4 { color: #59778f; font: bold 14px/33px Calibri; margin: 5px 0; }
div.buttons { float: right; }
.ui-dialog-titlebar { display: none; }

/* Content Management Links */
.cm {width:224px;border-right: 1px solid #d1d1d1;}
.cm td {padding:0;}
.cmlinks {border-right: 1px solid #fafafa;width:100%;}
.cmlinks a {font: 15px/18px Calibri;color: #5f5f5f;}
.cmlinks th {font: 30px/30px Calibri;color: #5b7993;text-align:left;}
div.jstree ul li a > ins { background: none; }

.contentManagerAddButton {
    margin-top: 0px;
    float: right;
}

.jstree { color:#5F5F5F; font: 12px/33px Calibri; }
div.jstree ul li.jstree-open > ins { background: url(../Images/grid-contract.png) no-repeat 4px; }
div.jstree ul li.jstree-closed > ins { background: url(../Images/grid-expand.png) no-repeat 4px; }
div.jstree ul li a > ins { background: none; }
div.jstree.userGroupDialogTree { height: 365px; overflow: auto; }

/* jQuery UI overrides */
.ui-tabs { border: 0; background: none; }
.ui-tabs .ui-tabs-nav { border: 0; background: none; padding-left: 14px; }
.ui-tabs .ui-tabs-nav a { font: 16px Roboto; }
.ui-tabs .ui-tabs-panel { background: #fff; border: 1px solid #b7b7b7; border-radius: 5px; padding: 14px 6px; }
.ui-tabs .ui-state-default { background: #525252; }
.ui-tabs .ui-state-default a { color: #fff; }
.ui-tabs .ui-state-active { background: #fff; }
.ui-tabs .ui-state-active a { color: #555555; }
.ui-tabs .ui-corner-top { border-radius: 3px 3px 0 0; }
.ui-tabs .ui-tabs-nav li { margin: 0; }

.ui-widget-content
{
     background: none repeat scroll 0 0 #F1F1F1 !important;
}

#main_content h2
{
    margin: 3px 0;  
    font: bold 15px RobotoBold; 
}

h2.panel-label
{
  color: #373737;
  font: bold 13px sans-serif;
  margin-left: 20px;
}

label.required:before {
	content:"*";
}
label.required.not:before {
    content: "";
}

input + img.errorTip, textarea + img.errorTip, img + img.errorTip, span + img.errorTip, label + img.errorTip, h2 + img.errorTip
{
    margin-left: 7px;
}

/* jQuery UI Datepicker */
.ui-datepicker-trigger {
    margin-left: 10px;
}

/* Browser update message */
body .buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);
    text-align:left;
    cursor:pointer;
    font-family: Roboto,sans-serif; color:#000;
    font-size: 12px;
}
body .buorg div {
    padding:5px 28px 5px 36px;
}

#divGroupInfo {
    position: relative;
}

textarea.submitArea
{
    font-size: x-small;
}

img.info-tooltip {
    margin-left: 7px;
}

#PricingLevelManagerDiv input[type=number], #PricingLevelManagerDiv input[type=text] { width: 55px; }
#PricingLevelManagerDiv div { width: 1000px; }
#PricingLevelManagerDiv div.buttons { float: initial; text-align: right; }
#PricingLevelManagerDiv div.buttons .button + .button { margin-right: 25px; }
#PricingLevelManagerDiv section { display: inline-block; width: 475px; vertical-align: top; }
#PricingLevelManagerDiv section + section { margin-left: 25px; }
#PricingLevelManagerDiv table { width: 100%; }
#PricingLevelManagerDiv table label { padding-top: 0; }
#PricingLevelManagerDiv table#pricingLevelGroupTable tr td:first-of-type { width: 140px; }
#PricingLevelManagerDiv table#pricingLevelRoleTable tr td:first-of-type { width: 190px; }