/*  --- RESETS --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
ol, ul { list-style: none; }

.clearfix:after  {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[lang] .clearfix { display: block; } /* ALL except for <= IE6 */
* html .clearfix { height: 1%; } /* <= IE6 */

/* ---	HEADERS & TEXT IN GENERAL	---	 */
html { 
	font-size: 0.8125em /* RESET FONT SIZE TO 13PX */;	
	font-family:Arial,Helvetica,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: normal;
	margin: 0 0 1.1em 0;
	line-height: 1.3333em;
}
h1 {
	font-size: 3.077em /* 40px */;
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 0.75em 0 /* 30px */;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}
h2 { font-size: 1.846em /* 24px */; }
h3 { font-size: 1.308em /* 17px */; }
h4 { font-size: 1.231em /* 16px */; }
h5 { font-size: 1.077em /* 14px */; }
h6 { font-size: 1.000em /* 13px */; }

p { line-height: 1.25em; margin: 0 0 0.95em 0;	}

ul { list-style: disc; }
ol { list-style: decimal; }

a { color: #007dba; text-decoration: none }
a:hover { color: #006394;  }

strong { font-weight:bold; }

.nobr { white-space: nowrap; }

/* --- FORM ELEMENTS --- */
.pseudo-input {
	background: #fafafa url(/resources/6/4/648684804b437b78b2b8bba3557eaad7/bg_main-chat.png?MOD=AJPERES&CACHEID=648684804b437b78b2b8bba3557eaad7) repeat-x 0 -3px;

	border: 1px solid #b8b8b8;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	border-radius: 4px;
	padding: 7px 8px;
}

button {
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	margin: 0;
}
input,
textarea {
	background: #fafafa;
	border: none;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
textarea {
	height: 34px;
	width: 75%;
	overflow: auto;
}
label{
	color: #333333;
}

/* ---	STRUCTURE	---	*/
html, body { height: 100%; }
body{
	border:none;
	color:#fff;
	background: #005a8b url(/resources/9/2/927dce804b437c35b2c8bba3557eaad7/bg_pop-chat.gif?MOD=AJPERES&CACHEID=927dce804b437c35b2c8bba3557eaad7) no-repeat center 0;

}

#content{
	min-width:480px;
	min-height:469px;
}

/* webkit only scrollbar */
.chat .scroll::-webkit-scrollbar { width: 8px; }
.chat .scroll::-webkit-scrollbar-track { /* Track */
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.chat .scroll::-webkit-scrollbar-thumb { /* Handle */
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #c1c1c1; 
}
.chat .scroll::-webkit-scrollbar-thumb:window-inactive { background: #e8e8e8; }

/* --- 	BUTTONS & ICONS	--- */
.btn-wrap { /* Wrapper div required to correct buttons with gradient for IE9 */
	display: inline-block;
	border-radius: 4px;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	overflow: hidden; 
	box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(102,102,102,0.1); /* #fff, #666 */
	 -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(102,102,102,0.1);
	 -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(102,102,102,0.1);
}
.btn {
	box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(102,102,102,0.1); /* #fff, #666 */
	 -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(102,102,102,0.1);
	 -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 1px 0px rgba(102,102,102,0.1);
	display: inline-block;
	font-size: 1em /* 13px */;
	font-weight: bold;
	line-height: 1em;
	padding: 9px 15px 10px;
}
.btn:hover { cursor: pointer; }

	
.btn-primary {
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(top,  #f8f8f8 0%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d6d6d6;
	color: #005485;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); /* #fff */
}
.btn-primary:hover {
	background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(top,  #dbdbdb 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 1px 0px rgba(102,102,102,0.1); /* #666 */
	-moz-box-shadow: 0px 1px 0px rgba(102,102,102,0.1);
	-webkit-box-shadow: 0px 1px 0px rgba(102,102,102,0.1);
	border-bottom: 1px solid #f8f8f8;
}
.btn-primary:active {
	background: #f3f3f3;
	border-bottom: 1px solid #f8f8f8;
}
.btn-primary.btn[disabled],
.btn-primary.btn-disabled{ 
	background: #f3f3f3;
	filter: none;
	color: #444; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow:  none;
}
.btn-primary:active[disabled],
.btn-primary:hover[disabled],
.btn-primary.btn-disabled:active,
.btn-primary.btn-disabled:hover{
	cursor: not-allowed;
	border: 1px solid #d6d6d6;
}
				
.ico {

	background: transparent url(/resources/b/2/b2d488804b437d1cb2d7bba3557eaad7/ico_basic.gif?MOD=AJPERES&CACHEID=b2d488804b437d1cb2d7bba3557eaad7) no-repeat;

	display: block;
	overflow: hidden;
}
.ico-email.ico {
	background-position: -50px 2px;
	padding: 0 0 0 21px;
}
.ico-print.ico {
	background-position: -50px -39px;
	padding: 0 0 0 20px;
}

/* --- GENERAL --- */
.left {	float: left; }
.right { float: right; }
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.nonvisual {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.chat-bub {
	clear:both;
	line-height: 1em;
	margin: 0 0 9px;
}
.chat-bub.left {
	margin: 0 10px 10px 0;
}
.chat-bub.right {
	float: right;
	margin: 0 0 10px 10px;
}
.chat-bub .inner { display: inline-block; }
.chat-bub.left .tail { padding: 0 0 0 7px; }
.chat-bub.left .inner {
	padding: 8px 10px 9px 13px; 
	 -webkit-border-radius: 0 2px 2px 0;
	 -moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.chat-bub.right .tail { padding: 0 7px 0 0; }
.chat-bub.right .inner {
	padding: 8px 13px 9px 10px; 
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.chat-bub p { margin: 0; }

		
.dk-blue.left {
	color: #053f65;
}

.dk-blue.left .tail { background: url(/resources/0/b/0bf623804b437f8cb2e6bba3557eaad7/gr_chat-cut_dk-blue.gif?MOD=AJPERES&CACHEID=0bf623804b437f8cb2e6bba3557eaad7) no-repeat 0 0; }

.dk-blue.left .inner {
	background: #dbe7ee;
}
	
.f-blue.left {
	color: #053f65;
}

.f-blue.left .tail { background: transparent url(/resources/1/a/1a3464804b43809eb2f5bba3557eaad7/gr_chat-cut_white.gif?MOD=AJPERES&CACHEID=1a3464804b43809eb2f5bba3557eaad7) no-repeat 0 0; }

.f-blue.left .inner { 
	background: #dbe7ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbe7ee 0%, #c5d8e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe7ee), color-stop(100%,#c5d8e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbe7ee 0%,#c5d8e3 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #dbe7ee 0%,#c5d8e3 100%); /* IE10+ */
	background: linear-gradient(top,  #dbe7ee 0%,#c5d8e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe7ee', endColorstr='#c5d8e3',GradientType=0 ); /* IE6-9 */
}
		 
.f-blue a{
	color: #053f65;
}	

.f-grey.right {
	color: #333;
}

.f-grey.right .tail { background: transparent url(/resources/2/4/24aa39004b438146b304bba3557eaad7/gr_chat-cut_white-right.gif?MOD=AJPERES&CACHEID=24aa39004b438146b304bba3557eaad7) no-repeat right 0; }

.f-grey.right .inner {
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #dadada 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#dadada 100%); /* IE10+ */
	background: linear-gradient(top,  #e8e8e8 0%,#dadada 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}

		
.f-grey a{
	color: #333;
}

.who {
	display: block;
	padding: 0 0 10px;
}
.who .avatar {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
.who .desc {
	display: block;
	float: left;
	line-height: 14px;
	padding: 5px 0;
}
.who strong {
	display: block;
	font-weight: bold;
}
.who strong.online {

	background: url(/resources/a/a/aa981d004b437162b260bba3557eaad7/gr_online-status_yes.png?MOD=AJPERES&CACHEID=aa981d004b437162b260bba3557eaad7) no-repeat right 0;

	display: inline-block;
	padding: 0 20px 3px 0;
}

/* --- INTRO SCREEN --- */
#content #intro.inner01 {
	margin: 0 auto;
	padding: 40px 40px 0;
	width: 380px;
}
#content #intro .header {

	background: transparent url(/resources/5/b/5b1bad004b438247b313bba3557eaad7/gr_border-inset.gif?MOD=AJPERES&CACHEID=5b1bad004b438247b313bba3557eaad7) repeat-x 0 bottom;

	margin: 0 0 24px;
	padding: 0 0 20px;
	text-align: center;
}
#content #intro .plain { /* removes styles from above */
	background: none;
	margin: 0 0 24px;
	padding: 0;
	text-align: center;
}
	#content #intro .header img { margin: 0 auto 25px; }
	#content #intro .header .status {
		font-size: 1.846em /* 24px */;
		letter-spacing: -1px;
		margin: 0;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); 
	}
	#content #intro .plain .status.error { /* --- ERROR SCREEN --- */
		text-align: left; 
		font-size: 1.385em; /* 18px */
		letter-spacing: 0;
	}
	
#content #intro .info {
	font-size: 1.077em /* 14px */; 
	margin:0;
}
#content #intro .chat-bub { 
	margin: 0 0 9px 47px; 
	display: inline-block;
}
	
/* --- MAIN SCREEN --- */
#content #main.inner01 { 
	padding: 20px 20px 0; 
}
#content #main .header {
	margin: 0 0 15px;
	width: 100%;
}
	#content #main .header .who {
		display: inline-block;
		float: left;
		padding: 0;
	}
	#content #main .header .buttons {
		display: inline-block;
		float: right;
		padding: 13px 0 0 /* text lines up on left & right */;
	}
#content #main .chat.flat {


	background: url(/resources/c/e/cea7e2004b43834db322bba3557eaad7/bg_main-chat.png?MOD=AJPERES&CACHEID=cea7e2004b43834db322bba3557eaad7) 0 0 repeat-x,
	url(/resources/0/2/02e7d5004b438418b331bba3557eaad7/bg_scrollbar-area.gif?MOD=AJPERES&CACHEID=02e7d5004b438418b331bba3557eaad7) right 0 repeat-y;


	background-color: #fafafa;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 0 -1px 1px rgba(5, 63, 101, 0.5);
	-moz-box-shadow: 0 -1px 1px rgba(5, 63, 101, 0.5);
	box-shadow: 0 -1px 1px rgba(5, 63, 101, 0.5); /* #053f65 */
	min-height: 246px;
	padding: 10px 1px 0 0;
}
#content #main .chat.flat .scroll {
	height: 234px;
	min-height: 240px;
	overflow-y: scroll;
	padding: 5px 8px 0 12px;
	position: relative;
}

#content #main .chat-bub a { 
	text-decoration: underline; 
	font-weight: bold;
}

#content #main .chat .typing {
	color: #3b6a88;
	padding: 10px 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	clear: both;
}
#content #main .chat .typing  p{
	margin: 0;
}

#content #main .chat-end {
	background: #e8e8e8 url(/resources/8/f/8fd381004b438533b349bba3557eaad7/bg_chat-end.gif?MOD=AJPERES&CACHEID=8fd381004b438533b349bba3557eaad7) repeat-x 0 0;

	color: #333;
	display: block;
	margin: 10px -8px 0 -12px;
	padding: 12px 0;
	clear: both;
	height: 140px;
	position: absolute;
	left: 12px;
	right: 8px;
	bottom: 0;
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
}
#content #main .chat-end .inner {
	padding: 12px 15px 10px;
	text-shadow: 0px 1px 0px rgba(255, 255, 2555, 0.85);
}
#content #main .chat-end .heading {
	font-weight: bold;
	margin-bottom: 0.769em;
}
#content #main .chat-end a {
	font-weight: bold;
}



#content #main .chat-input {
	background: #ededed;
	border-top: 1px solid #d5d5d5;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	padding: 12px 10px;
}	

#content #main .chat-input textarea { 
	float: left; 
	resize:none;
}
#content #main .chat-input .btn-wrap,
#content #main .chat-input button { float: right; }
#content #main .chat-input .btn-wrap { margin-top: 1px; }
#content #main .chat-input .btn-primary:hover,
#content #main .chat-input .btn-primary:active{
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

	
#content #main .quicklinks {
	font-size: 0.923em /* 12px */;
	padding: 20px 10px;
}
#content #main .quicklinks a {
	color: #fff;
	font-weight: bold;
	line-height: 1em;
}
#content #main .quicklinks a:hover {
	color: #fff;
	text-decoration: underline;
}
#content #main .quicklinks ul {
	list-style: none;
	margin: 0;
}
#content #main .quicklinks .left {
	display: block;
	float: left;
	width: 210px;
	padding-left: 2px;
}
#content #main .quicklinks .left li {
	float: left;
	margin: 0 15px 0 0;
}

#content #main .quicklinks .right {
	display: block;
	float: right;
	padding-right: 3px;
}
#content #main .quicklinks .right li {
	display: inline-block;
	float: left;
	margin: 0 0 0 15px;
}

/* --- FOOTER --- */
#footer {
	background: #053f65 url(/resources/9/9/99abc1804b4385d1b358bba3557eaad7/bg_pop-footer.gif?MOD=AJPERES&CACHEID=99abc1804b4385d1b358bba3557eaad7) no-repeat right 0;

	padding: 20px 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
#footer .ico-lock {
	float: left;
	margin: 11px 0 0;
}
#footer .logo { float: right; }
/* --- preload technical error image --- */
.inner01.hidden { background-image: url(/base/Resources/resources/d/7/d7f7b1804b43a57db424bda3557eaad7/gr_chat-bubble-error.png); }
.inner01 { background-image : none }