
@font-face {
  font-family: 'Xuicons';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/Xuicons.eot');
  src: url('../fonts/Xuicons.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Xuicons.woff') format('woff'),
      url('../fonts/Xuicons.ttf') format('truetype');
  text-rendering: optimizeLegibility;
}

@font-face {  
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: bold;
  src: local("OpenSans"),
  url('../fonts/OpenSans-Semibold.woff') format("woff"); }

@font-face {  
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: bold;
  src: local("OpenSans"),
  url('../fonts/OpenSans-SemiboldItalic.woff') format("woff"); }
  
@font-face {  
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: normal;
  src: local("OpenSans"),
  url('../fonts/OpenSans-Regular.woff') format("woff"); }

@font-face {  
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: normal;
  src: local("OpenSans Italic"),
  url('../fonts/OpenSans-RegularItalic.woff') format("woff"); }


/* Webfont: Lato-Bold */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.eot');
  src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/Lato-Bold.woff2') format('woff2'),
 url('../fonts/Lato-Bold.woff') format('woff'),
 url('../fonts/Lato-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
/* Webfont: Lato-BoldItalic */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.eot');
  src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
 url('../fonts/Lato-BoldItalic.woff') format('woff'),
 url('../fonts/Lato-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
/* Webfont: Lato-Italic */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.eot');
  src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/Lato-Italic.woff2') format('woff2'),
 url('../fonts/Lato-Italic.woff') format('woff'),
 url('../fonts/Lato-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
/* Webfont: Lato-Regular */
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.eot');
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
 url('../fonts/Lato-Regular.woff2') format('woff2'),
 url('../fonts/Lato-Regular.woff') format('woff'),
 url('../fonts/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}

body {
	margin:0px;
	}
body, td, p, p.headline {
	word-break:keep-all;
	font-weight:normal;
	font-size:12px;
	line-height:21px;
	font-family:Helvetica, arial, sans-serif;
	color:#000000;
	}
b {
	font-weight:bold;
	}
th, .header-text {
	white-space:nowrap;
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, arial, sans-serif;
	color:#222;
	text-align:left;
	padding: 0 0 7px 0;
	background-color:#fff;
	}

/* LINKS - NORMAL */
a:link, a:visited {
	font-weight:normal;
	font-family:Helvetica, arial, sans-serif;
	color:#003366;
	background-color:transparent;
	}
a:active {
	font-weight:normal;
	font-family:Helvetica, arial, sans-serif;
	color:#333333;
	background-color:transparent;
	}
a:hover {
	font-weight:normal;
	font-family:Helvetica, arial, sans-serif;
	color:#993333;
	background-color:transparent;
	}
a.small:link, a.small:visited, a.small:active, a.small:hover {
	font-size:10px;
	}
	
table {
    border:0;
    border-collapse:collapse;
    margin: 7px auto;
    }

/* GLOBAL CLASSES */
.white {
	color:#ffffff;
	}
.bg-lblue {
	}
.bg-mblue {
}
.bg-logoblue {
	}
.bg-offwhite {
	}
.bg-lgrey {
	}
.logo-text {
	word-break:keep-all;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	height:33;
	color:#ffffff;
	margin-left:43px;
	}
.preview-iframe-cust {
	width:200px;
	height:300px;
	border-style: solid;
	border-width: 2px;
	border-color:#333333 #999999 #666666 #333333;
	padding:0px;
	}
.preview-iframe-agent {
	width:240px;
	height:300px;
	border-style: solid;
	border-width: 2px;
	border-color:#333333 #999999 #666666 #333333;
	padding:0px;
	}
table.blubars {
	border-color: #A2BAE1;
	border-style: solid;
	border-width: 3px 0px 3px 0px;
	}
table.blubar-bottom {
	border-color: #DFE6F6;
	border-style: solid;
	border-width: 0px 0px 5px 0px;
	}
td.blubar-divider {
	background-color:#DFE6F6;
	border-color: #DFE6F6;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	}
table.btnbar {
	margin:5px 0px 5px 0px;
	}
th.black {
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, arial, sans-serif;
	color:#000000;
	text-align:left;
	}

.success-message {
	margin-left: 35px;
	color:#00cc00;
	}
.error-message {
	margin-left: 35px;
	color:#cc0000;
	}

/* HEADER BAR CLASSES */
a.hbar:link, a.hbar:visited {
	font-weight:bold;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	color:#003366;
	background-color:transparent;
	text-decoration:none;
	}
a.hbar:active {
	font-weight:bold;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	color:#333333;
	background-color:transparent;
	text-decoration:none;
	}
a.hbar:hover {
	font-weight:bold;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	color:#993333;
	background-color:transparent;
	text-decoration:underline;
	}
.hbar-name {
	font-weight:bold;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:30px;
	border-radius:4px;
	background-color:#444;
	color:#fff;
	}
.hbar-desc {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	}

/* BUTTON CLASSES */
.btn {
	font-weight:bold;
	font-size:10px;
	font-family:Helvetica, arial, sans-serif;
	color:#333333;
	background-image:url(../images/gradient-silver1x16.gif);
	border-color:#eeeeee #999999 #666666 #dddddd;
	padding:1px;
	}
.btn2 {
	font-weight:bold;
	font-size:10px;
	font-family:Helvetica, arial, sans-serif;
	color:#333333;
	background-image:url(../images/gradient-silver1x16.gif);
	border-color:#eeeeee #999999 #666666 #dddddd;
	padding:1px;
	}
.btn3 {
	font-weight:bold;
	font-size:10px;
	font-family:Helvetica, arial, sans-serif;
	color:#333333;
	background-color:#cccccc;
	border-color:#eeeeee #999999 #666666 #dddddd;
	padding:1px;
	}

/* INPUT CLASSES */
input.text100 {
	background-color:#ffffff;
	word-break:keep-all;
	font-weight:normal;
	font-size:12px;
	font-family:Helvetica, arial, sans-serif;
	width:100%;
	}
input.text75 {
	background-color:#ffffff;
	font-weight:normal;
	font-size:12px;
	font-family:Helvetica, arial, sans-serif;
	width:75%;
	}
select.select100 {
	background-color:#ffffff;
	font-weight:normal;
	font-size:10px;
	font-family:Helvetica, arial, sans-serif;
	width:100%;
	}
select.select50px {
	background-color:#ffffff;
	font-weight:normal;
	font-size:10px;
	font-family:Helvetica, arial, sans-serif;
	width:50px;
	}
textarea.textarea100 {
	background-color:#ffffff;
	font-weight:normal;
	font-size:12px;
	font-family:Helvetica, arial, sans-serif;
	width:100%;
	height:75px;
	}
textarea.textarea100x500 {
	background-color:#ffffff;
	font-weight:normal;
	font-size:12px;
	font-family:Helvetica, arial, sans-serif;
	width:100%;
	height:500px;
	}
textarea.textarea100x100 {
	background-color:#ffffff;
	font-weight:normal;
	font-size:12px;
	font-family:Helvetica, arial, sans-serif;
	width:100%;
	height:100px;
	}
p.textedit100 {
	color:#333333;
	background-color:#ffffff;
	width:100%;
	padding:2px;
	}
input.color20px {
	background-color:#ffffff;
	width:20px;
	height:20px;
	}
input.text75px {
	background-color:#ffffff;
	width:75px;
	}

/* MENU CLASSES - LEFT MENU */
a.menu-cat:link, a.menu-cat:visited {
	word-break:keep-all;
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, arial, sans-serif;
	color:#003366;
	background-color:transparent;
	text-decoration:underline;
	}
a.menu-cat:active {
	word-break:keep-all;
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, arial, sans-serif;
	color:#333333;
	background-color:transparent;
	text-decoration:underline;
	}
a.menu-cat:hover {
	word-break:keep-all;
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, arial, sans-serif;
	color:#993333;
	background-color:transparent;
	text-decoration:underline;
	}
a.submenu:link, a.submenu:visited, a.submenu:active  {
	word-break:keep-all;
	font-weight:normal;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	text-decoration:none;
	color:#003366;
	}
a.submenu:hover {
	word-break:keep-all;
	font-weight:normal;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	text-decoration:underline;
	color:#993333;
	}
.menu-pad {
	padding:5px 5px 5px 10px;
	border-color: #A2BAE1 #DFE6F6 #A2BAE1 #A2BAE1;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	}
.noind {
	padding:0 0 0 0;
	margin:5 0 0 0;
	}
#foldheader {
	word-break:keep-all;
	cursor:hand;
	list-style-image:url(../images/arrow.gif);
	list-style-position:inside;
	font-weight:normal;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	text-decoration:none;
	color:#003366;
	}
#foldinglist {
	word-break:keep-all;
	list-style-image:url(../images/blank.gif);
	list-style-position:outside;
	margin:0 0 0 20;
	padding:0 0 0 0;
	cursor:hand ;
	font-weight:normal;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	text-decoration:none;
	color:#003366;
	}
.foldingselected {
	word-break:keep-all;
	list-style-image:url(../images/menu_bullet.gif);
	list-style-position:outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:bold;
	font-size:11px;
	font-family:Helvetica, arial, sans-serif;
	text-decoration:none;
	color:#000000;
	}


#chat-container{
	margin:0 auto; 
	width:585px
}
#launch-chat-components{
	margin-top: 20px;
}

#launch-chat-components .launch-component{
	margin-bottom: 40px
}

.footer{
	text-align: center;
}

#chatUnavilable{
	font-weight: bold;
}

#usingRest{
	float:right; 
	margin-right: 10px;
}
/*	               COLOR KEY                          */
/*	 Dark Blue (Gradient Top) 	= #0046A9             */
/*	 Medium Dark Blue (Logo)  	= #2563B8	   	      */
/*	 Medium Blue 				= #A2BAE1			  */
/*	 Light Blue 				= #DFE6F6			  */
/* 	 Off-white 					= #F3F6F7			  */
/*	 Links - Blue 				= #003366             */
/*													  */

/*
Misc:
.bg-bluegradient {
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0046A9', EndColorStr='#FFFFFF');
	}
.bg-greygradient {
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FEFEFE', EndColorStr='#C6C5D7');
	}
*/	
