@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 {
	font: 14px/21px "OpenSans",Arial,sans-serif;
	margin:0;
}

h1,h2,h3 {
	text-align: center;
	font-weight:normal;
	font-family:Lato;
	color: #09c;
}

h1 {
	margin: 2em 0 1em 0;
}


#loginBox {
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 2em;
	margin: 2em auto;
}

.label {
	margin-right: 1em;
}

input.textentry {
    font-size: 12px;
    height: auto !important;
    padding: 4px;
    line-height: 12px;
    box-sizing: border-box;
	    font-family: 'OpenSans', Arial, sans-serif;
    border: 1px solid #a2a2a2;
    background-color: white;
    box-shadow: inset 1px 1px 1px #ddd;
    border-radius: 4px;
    margin: 3px 0;
}

input[type="submit"]  {
	line-height: 22px;
	white-space: nowrap;
	width: auto;
	min-width: 0px;
	font-size: 14px;
	padding: 3px 12px !important;
	margin: 0;nputr-box;
	box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset;
	cursor: pointer;
	border: 1px solid #888;
	color: #222;
	border-radius: 2px;
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(100% 100% 90deg, #dfdfdf, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dfdfdf));
	background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
	background-image: -o-linear-gradient(#ffffff, #dfdfdf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
	float: right;
	margin: 6px 0;
}
#topBar {
     height:40px;
     background: #666 url(../images/brand.png) 0px center no-repeat;
}


.hbar-name {
	margin: 0 auto;
	font-size: 11px;
	line-height: 1.35;
	color: #999;
	width: 465px
}

#topBar .hbar-name {
    color: #ddd;
    float: right;
    text-align: right;
    margin: 5px;
    width: auto;
}

a,
a:link,
a:visited {
    cursor: pointer;
    color: #09c !important;
    text-decoration: underline !important;
}


p {
	margin: 0 0 1em 0;
}


#chatUnavilable {
	color: red;
	font-style:italic;
}

#launch-chat-info {
	color: #09c;
}
.chat-info-description {
    color: black;
    margin: 1em 0;
	padding: 0 1em;
	padding-bottom: 0 1em;
}

.launch-component:first-child {
	border-top: 1px solid #bbb;
	padding-top: 1em;
}

.launch-component {
	margin: 1em 0;
	padding: 0 1em;
	border-bottom: 1px solid #bbb;
}

.launch-component > a {
	font-family: "Lato",Arial,sans-serif;
	font-size:16px;
}

.launch-component > img {
	vertical-align: middle;
	opacity: 0.75;
}

p.launch-text {
	margin-top: 0.25em;
}