/* Global reset */

[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
body, button, input, select, textarea { font-family: "Segoe UI", Arial, Helvetica, Sans-Serif; color: #222;  }

::-moz-selection { background: #F0820F; color: #fff; text-shadow: none; }
::selection { background: #F0820F; color: #fff; text-shadow: 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 #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, monospace; _font-family: 'courier new', 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; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
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 { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

html, body, div, p, label, hr, h1, h2, h3, h4, h5, h6, span, form, img, dl, dt, dd, ul, ol, li {
	padding:0;
	margin:0;

}
html {
	font-family:"Segoe UI", Helvetica, Arial, Sans-Serif;
	color:#56514a;
	font-size: 12.5px;
}

/* FONT FACES */

@font-face {
    font-family: 'Segoe UI';
    src: url('segoeui-webfont.eot');
    src: url('segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('segoeui-webfont.woff') format('woff'),
         url('segoeui-webfont.ttf') format('truetype'),
         url('segoeui-webfont.svg#SegoeUINormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Bold';
    src: url('segoeuib-webfont.eot');
    src: url('segoeuib-webfont.eot?#iefix') format('embedded-opentype'),
         url('segoeuib-webfont.woff') format('woff'),
         url('segoeuib-webfont.ttf') format('truetype'),
         url('segoeuib-webfont.svg#SegoeUINegreta') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url('segoeuil-webfont.eot');
    src: url('segoeuil-webfont.eot?#iefix') format('embedded-opentype'),
         url('segoeuil-webfont.woff') format('woff'),
         url('segoeuil-webfont.ttf') format('truetype'),
         url('segoeuil-webfont.svg#SegoeUILight') format('svg');
    font-weight: lighter;
    font-style: normal;

}

/* COLOR CLASSES */
.mla_blue_bg {
	background-color: #6E90C2;
}
.mla_blue {
	color: #6E90C2;
}
.mla_darkerblue {
	color: #4870AC;
}
.mla_orange {
	color: #F0820F;
}
.mla_orange_bg {
	background-color: #F0820F;
}
.mla_green{
	color: #4CA290;
}
.mla_green_bg {
	background-color: #4CA290;
}
.mla_darkergreen{
	color: #39796B;
}
.mla_grey {
    color: #888278;
}
.mla_grey_bg {
    background-color: #888278;
}
/*for IE 8 and under */
footer {
    display:block;
}
header {
    display:block;
}
/* Structural */
#container {
	width:960px;
	margin:0 auto;
	font-size:1em;
	clear:both;
	padding-bottom:10px;
	margin-bottom:20px;
	background-color:#f7f7f7;
}
#header {
	width:960px;
	padding:0px;
	margin:0 auto;
	overflow:hidden;
}
#header-left {
	float:left;
	padding:4px 8px;
	width:450px;
}
#header-right {
	padding:10px 20px;
	float:right;
	text-align:left;
	width:450px;
	color:#6388b9;
	font-size:1.6em;
}
#skiplink {
	display:none;
	text-align:right;
	color: #999;
	font-size: 9pt;
}
#skiplink a{
	text-decoration: underline;
}
#strip-left {
	padding-left: 15px;
	padding-top: 5px;
	float:left;
}
#strip-left a {
	margin-left: 10px;
}
#main {
	overflow:hidden;
	padding:0 0 5px 0;
	clear:both;
}
#body-left {
	float:left;
	width:200px;
	padding:0 15px;
	background:url('../images/css_logo.gif') no-repeat bottom left transparent;
}
#body-center {
	float:left;
	width:460px;
	min-height: 300px;
	padding:0 20px;
	font-size:1.2em;
}
#body-right {
	float:left;
	width:200px;
	padding:0 15px;
}
#body-right-blank {
	float:left;
	width:230px;
}
#body-right-blank p{
	font-family:Arial, Helvetica, Sans-Serif;
}
#body-right-blank .image-panel {
	margin-top:20px;
	padding-left: 15px;
	padding-right:15px;
}
#content {
	padding:0 15px;
}
#footer {
	overflow:hidden;
	background-color:#6E90C2;
	padding:6px 15px;
	font-size:0.9em;
}
#footer-left {
	float:left;
	color:#fff;
}
#footer-right {
	float:right;
}
#hero {
	clear:both;
	background-color:#4b4846;
	background:url('../images/main_hero_panel_bg.gif') repeat-x top transparent;
}
#hero-wrapper {
	margin:0 auto;
	width:960px;
}
#menu {
	background: #6E90C2 url(../images/top-menu.png) repeat-x;
}

/* Global */
a:link, a:visited {
	color:#4870AC;
	text-decoration:none;
}
a:hover {
	color:#6E90C2;
	text-decoration: underline;
}
img {
	border:none;
}
p, a {
	padding:0.5em 0;
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:1em;
	line-height: 1.5em;
}
td {
    font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
    line-height: 1.5em;

}
h1 
{
    padding-top:12px;
    padding-bottom: 6px;
	color:#F0820F;
	font-weight:bold;
	font-size: 1.8em;
}
h2 
{
    padding-top: 10px;
	padding-bottom:10px;
	color:#4CA290;
	font-weight:bold;
	font-size:1.6em;
}
h3 {
	color:#6E90C2;
	padding-bottom:5px;
	padding-top: 5px;
	font-size:1.4em;
	font-weight:bold;
}
h4 {
	color:#666;
	font-weight:bold;
	padding-bottom:8px;
	padding-top: 5px;
	font-size:1.1em;
}
.white-bg {
	background-color:#FFF !important;
}
.hr {
	height:40px;
	border:none;
	background:url('../images/hr.gif') repeat-x center center transparent;
}
input[type="text"], select, textarea{
	background-color: #ffffee;
}

input[type="submit"] {
    border-radius: 5px;
    color: #484240;
    padding:3px 5px 3px 5px;
}

input[type="submit"]:hover {
    color: #F0820F;
}
select, textarea {
	border: solid 2px #bbb;
}

/* Header */
#head-contact {
	padding-top:10px;
	font-family:'Georgia', 'Times New Roman';
	font-size:1.6em;
}
#head-contact span {
	color:#ef8529;
}

#header-right #header_text {
    font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
    font-weight: bold;
	font-size:1em;
}

#phone_link {
	font-family: Georgia, "Times New Roman", Times, Serif;
}

#phone_link:hover {
	text-decoration:none;
}

/* Top nav */
#menu-wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
#menu img {
	vertical-align:bottom;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	float:left;
	padding-right:20px;
	text-align:left;
	position:relative;
}
#menu a {
	color:#FFF;
	padding:8px 15px;
	display:block;
	height:24px;
	font-family: "Segoe UI Bold", "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:1.4em;
	text-transform:capitalize;
}
#menu ul ul a {
	padding:4px 2px;
	min-height:12px;
	height: auto;
	font-size:1.1em;
}
#menu ul li:hover ul {
	visibility:visible;
}
/*
#menu ul li:hover a {
	color:#6E90C2;
}*/
#menu ul li:hover ul a {
	background-color:#6E90C2;
	color:#fff;
}
#menu ul ul {
	position:absolute;
	top:40px;
	left:0px;
	padding:0 1px 0 1px;
	background-color:#6E90C2;
	visibility:hidden;
	z-index:1000;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
#menu ul ul.left-aligned {
	left:-104px;
}
#menu ul ul li {
    padding: 6px;
	float:none;
	margin-left:0;
	width:202px;
	margin-bottom:1px;
	height:auto;
}
#menu ul ul li a{
    font-weight: normal;
    font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
}
#menu ul ul a {
	color:#585849;
}
#menu a:hover {
	background: url(../images/pointer.gif) bottom center no-repeat;
}
#menu :hover > a {
	background: url(../images/pointer.gif) bottom center no-repeat;
}
#menu ul ul a:hover {
	background-image: none;
	color: #abbfdd;
}
#menu ul ul li:hover a{
    background-image: none;
	background-color:#4CA290;
}	
#menu ul ul li:hover {
    background-image: none;
	background-color:#4CA290;
}
#menu a:link, #menu a:active, #menu a:hover, #menu a:visited {
	text-decoration:none;
}
#logo_space {
    height: 40px;
    min-height: 40px;
}

/* Home */
#head-hero {
	background:url('../images/heroes_sprite.jpg') no-repeat center top transparent;
	height:180px;
	text-indent:-8000em;
}

/* Hero */
#hero-left {
	width:474px; /*480 when movie embedded */
	float:left;
	/* background-color:#f5ffe8; Remove when movie is embedded */
	margin-top:30px;
}
#hero-right {
	width:290px;
	height:270px;
	float:right;
	background: no-repeat right bottom transparent;
	padding:40px 150px 0 40px;
}
#hero-right strong {
	color:#fff;
	font-size:2.6em;
	font-family:'Georgia', 'Times New Roman';
	font-weight:normal;
	padding-top:40px;
	/*padding-left:20px;*/
	display:block;
}
#hero-content {
	background:url('../images/man_positional.png') no-repeat right top transparent;
	height:160px;
}
#hero-content strong {
	color:#fff;
	font-size:2.2em;
	font-family:'Georgia', 'Times New Roman';
	font-weight:normal;
	display:block;
	padding:80px 100px 0 20px;
}

/* Navigation */
#navigation {
	list-style-type:none;
}

#naviation li ul {
    z-index:900;
}

#navigation li a {
	display:block;
	font-size:1.3em;
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	padding:10px 15px;
	position:relative;
	min-height:25px;
	margin-bottom: 10px;
	color:#fff;
}
#navigation li ul li a {
	font-size:1.2em;

}
#navigation ul a {
	display:block;
	font-size:1.1em;
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	padding:8px 5px 3px 5px;
	position:relative;
	min-height:25px;
	margin-bottom: 5px;
	color:#fff;
}
#navigation ul {
	border-left: 1px solid White
}
#navigation li {
	margin-bottom:2px;
	background-color:#6E90C2;
	position:relative;
}

#navigation li:hover ul {
	visibility:visible;
}

#navigation ul {
	list-style-type:none;
	position:absolute;
	width:200px;
	left:200px;
	top:0;
	background-color:#6E90C2;
	visibility:hidden;
	padding:0 2px;
	z-index:5000
}
#navigation ul li {
	margin-bottom:2px;
}
#navigation li:hover,
#navigation li.active,
#navigation li a:hover {
	background-color:#4ca290;
	text-decoration:none;
}
#navigation ul li:hover a {
	color:#fff;
	text-decoration:none;
}

#navigation ul li.selected a {
	color:#585849;
}
#navigation li a.sub {
	background: url('../images/pointer-right.png') right no-repeat;
}

.side-block {
	padding-top:27px;
}
.side-block div {
	background-color:#f0f1ed;
	padding:15px;
}
.side-block span {
	display:block;
	padding-bottom:4px;
	color:#7cbe36;
	font-size:1.2em;
}
#top-strip 
{
	height:30px;
}
/* Content */
#content {
	font-size:0.9em;
	line-height: 1.5;
}
#page-heading {
	background-color:#f0f1ed;
	padding:15px;
	margin-bottom:2px;
}
#content ul, #content ol {
	margin-left:30px;
	padding:0.4em 0;
}
#content a:link, #content a:visited {
	text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
}
#breadcrumbs {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
}
#context-nav .panel_button{
	width:75px;
	height: 38px;
	color: transparent;
	background-color: transparent;
	background-image: url(../images/search_btn_darker.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
}

#context-nav .panel_button:hover{
	cursor:pointer;
	background-position: 0 -38px;
}
/* Right-side */
.quicklink {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
#rate-heading {
	text-indent:-8000em;
	background:url('../images/rate_heading.png') no-repeat center center #f0f1ed;
	width:100%;
	height:30px;
	margin-bottom:2px;
	margin-top: 10px;
}
#rate-body {
	padding:15px;
	background-color:#f0f1ed;
}
#rate-stars {
	text-align:center;
}
#languages {
	list-style-type:none;
	margin-left:20px;
}
#languages li {
	padding:10px 30px;
}
.lang-viet {
	background:url('../images/vietnamese.gif') no-repeat left center transparent;
}
.lang-arabic {
	background:url('../images/arabic.gif') no-repeat left center transparent;
}
.lang-indig {
	background:url('../images/indigenous.gif') no-repeat left center transparent;
}
.lang-youth {
	background:url('../images/youth.gif') no-repeat center left transparent;
}
#languages a {
	color:#585849;
}
/*Rating tool */
.ratingStar {
    font-size: 0pt;
    width: 28px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/star_blue.png);

}

.emptyRatingStar {
    background-image: url(../images/star_white.png);
}

.savedRatingStar {
    background-image: url(../images/star_red.png);
}

.PageRating {
	width: 230px;
}
#rating-comments 
{
	margin-top:10px;
}
#rating-comments .comments {
	color: #777;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	border: none;
	width: 200px;
	margin-bottom:5px;
}
 .rate-button  {
 	color: #777;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
 }
 
/* Footer */

#footer #footer-right a{
	padding-left:9px;
	font-weight:bold;
	color:#fff;
}
#footer #footer-right ul {
    list-style-type:none;
}
#footer #footer-right ul li{
    float:left;
    position: relative;
    font-size: 11px;
}
/*FOOTER MENU */
#footer ul#footer_menu, #footer ul#footer_menu ul {
	list-style-type:none;
	padding:0;
	margin: 0 10px 10px 0;
}

#footer ul#footer_menu li {
	float:left;
	padding-right:20px;
	text-align:left;
	color:#fff;
}

#footer ul#footer_menu .footer_header {
	color:#FFF;
	display:block;
	padding: 5px 0 8px 0;
	width: 145px;
	font-family: "Segoe UI Bold", "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:1.4em;
}

#footer ul#footer_menu .pxadj {
	margin-top:-2px;
}

#footer ul#footer_menu ul li a {
	font-size:1.2em;
}

#footer ul#footer_menu a:hover{
    color: #F0820F;
}

#footer ul#footer_menu ul li {
    line-height: 2;
    margin:0;
    padding:0;
	float:none;
}

#footer ul#footer_menu ul li a{
    font-weight: normal;
    font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
}
#footer ul#footer_menu ul li a {
	color:#fff;
	padding:0;
	margin:0;
}

#footer ul#footer_menu a:link, #footer a:active, #footer a:hover, #footer a:visited {
	text-decoration:none;
}


/* Forms */
#search {
	float:right;
	width:230px;
}
#search-label {
	position:absolute;
	top:-2000px;
}
input.search-input {
	background-color:#f0f1ed;
	border:none;
	padding:6px 15px;
	color:#585849;
	width:170px;
	float:left;
	height:16px;
}
#search-input .submit {
	float:right;
	width:30px;
	background:url('../images/search.png') no-repeat center center #f0f1ed; 
	padding:5px 10px;
	height:28px;
	border: none;
}
.hover {
	cursor: pointer;
}

/* News */
#news h1 a:link, #news h1 a:visited, #news h1 a:active {
	text-decoration:none;
	font-weight:bold;
}
#news h1 {
	margin-bottom:8px;
	margin-top: -4px;
}

/*GET HELP NOW CONTAINER START*/
#drop_down_container  
{
    display:none;
	width: 100%;
	background: #ffffff url(../images/drop_down_bg.gif) bottom repeat-x;
	height:232px;
}

#drop_down  {
	width: 905px;
	margin: 0px auto;
}

#drop_down  p {
	padding: 0;
	margin: 0;
}

.drop_down1 {
	width: 407px;
	float: left;
	padding: 12px 0 12px 0;
}

#drop_down_top1 {
	background: url(../images/drop_down_bbl_top.gif) top no-repeat;
	height: 10px;
	width: 407px;
}

#drop_down_content1 {
	background: url(../images/drop_down1_bg.gif) left repeat-y;
	width: 347px;
	min-height: 160px;
	height:auto !important;
  	height:160px;
	padding: 15px 30px;
}

#drop_down_content1 p {
	margin: 0;
	padding: 0;
}

#drop_down_bottom1 {
	background: url(../images/drop_down_bbl_btm.gif) bottom no-repeat;
	height: 10px;
	width: 407px;
}

#drop_down_top2 {
	background: url(../images/drop_down_bbl_top1.gif) top no-repeat;
	height: 10px;
	width: 407px;
}

#drop_down_content2 {
	background: url(../images/drop_down2_bg.gif) left repeat-y;
	width: 347px;
	min-height: 160px;
	height:auto !important;
  	height:160px;
	padding: 15px 30px;
}

.drop_content {
	float: left;
	width: 232px;
	padding: 6px 15px 0 0;
}

#drop_down_content2 p {
	margin: 0;
	padding: 0;
	
}

.drop_content input {
	padding: 3px;
	width: 220px;
	margin: 0 0 5px 0;
	font: normal .9em Arial, Helvetica, sans-serif;
	}
	
	.drop_content select {
	padding: 3px;
	width: 230px;
	margin: 0 0 5px 0;
	font: normal .9em Arial, Helvetica, sans-serif;
	}
	
	.drop_content textarea {
	padding: 3px;
	width: 220px;
	margin: 0 0 5px 0;
	height: 60px;
	font: normal .9em Arial, Helvetica, sans-serif;
	}

#drop_down_bottom2 {
	background: url(../images/drop_down_bbl_btm2.gif) bottom no-repeat;
	height: 10px;
	width: 407px;
}

#or {
	width: 91px;
	float: left;
	height: 166px;
	margin: 12px 0 12px 0;
	background: url(../images/or.gif) top no-repeat;
}

#success_panel:hover {
    cursor:pointer;
}
.click_here {
	margin-top:8px;
}
/*GET HELP NOW CONTAINER END*/

#captchaPanel
{
    position:absolute;
    background-image: url("../images/captchapanel.gif");
    background-repeat:no-repeat;
    color:White;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size: .75em;
    height: 150px;
    width: 260px;
    padding: 30px 0 0 0;
    z-index:1000;
    text-align:center;
    margin: 0 auto;
    display:none;
}

#confirmPanel, #successPanel
{
    position:absolute;
    background-image: url("../images/confirmation_panel.gif");
    background-repeat:no-repeat;
    color:White;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size: 8pt;
    height: 320px;
    width: 320px;
    padding: 10px 0 0 0;
    z-index:1000;
    text-align:center;
    margin: 0 auto;
    display:none;
}
#confirmPanel #terms
{
    margin:10px 10px 3px 10px;
    text-align:left;
}
#confirmPanel #code
{
    margin:4px;
}
#successPanel h2
{
	color:White;
}
/*NEWS*/
.mainnews-item 
{
    margin: 2px;
    background-color: #e4e4e4; 
    padding: 5px; 
    vertical-align:top;
}
.mainnews-item h2
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif; 
    margin-top:0px; 
    margin-bottom: 3px;
}
.newscontent 
{
    float:right; 
    border: solid 1px black; 
    background-color: #ffffff; 
    padding: 0px 2px 2px 2px; 
    width:332px;
}
.newscontent h2 
{
    margin-top: 4px
}
.eventlist 
{
    margin-bottom:-2px; 
    min-height:288px; 
    _height:282px; 
}
.newsheading 
{
    margin: 2px; 
    margin-top:4px; 
    text-align: center
}
#detailscontainer 
{
    width:323px; 
    background-color:#e4e4e4; 
    padding:2px; 
    padding-left:7px; 
    min-height:250px; 
    _height: 250px
}
/* COUNSELLING ROOM */
#chat_display {
	height:400px;
	width:100%;
	overflow:auto;
	border: solid 1px #aaa;
	padding:3px;
	background-color: #e2eaf5;
}

#chat_input {
}
#chat_left {
	float:left;
	width:550px;
}
#chatters_list {
	float:right;
	width: 108px;
}
#chatters_list h3 {
	margin-top:0px;
}
#chatters_list_inner {
	background-color: #e2eaf5;
	padding-left: 6px;
}
#chatters_list_top {
	height: 10px;
	background-image: url(../images/chatter_top.gif);
}
#chatters_list_bottom {
	height: 10px;
	background-image: url(../images/chatter_btm.gif);
}
#chatters_list h3 {
	padding-top: 0px;
	font-size: 1.1em;
}
.typing {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:1em;
	color: #999;
}
#chat_input {
	margin-top: 10px;
	float:left;
	width:100%;
}
#chat_input_inner {
	margin: 3px 0 3px 0;
}
.chat_time {
	color:#999;
	margin-right: 5px;
}

.chat_mod {
	color:Green;
}

.chat_user {
	color: Blue;
}
.chat_name {
	font-weight: bold;
}

.chat input, .chat select {
	font-size: .9em;
	color: #555;
}
.chat h3 {
	font-size:1.2em;
}
.chat table {
	margin-bottom: 10px;
}
#emoticons {
	display:inline;
	margin-left:20px;
}
#emoticons img {
	display:inline;
	margin-right: 4px;
}

#debug 
{
	/*
	height: 300px;
	background-color: #aaa;
	overflow:scroll;
	*/
}
/*chat grid styling */

#user_login {
	margin-top:12px;
}

.filter_button {
	position: relative;
	top:5px;
}

.retrieve_button {
	font-size:.7em;
	margin-top: 8px;
}

/* CSS Document */

.Grid{
	border: solid 1px #CCCCCC;
	border-collapse:collapse;
}

.Grid a
{
}

.Grid td{
    border: solid 1px #cccccc;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
}

.Grid th{
    border: solid 1px #cccccc;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
    color: #444;
}

/* Grid header style */
.GridHeader{
    font-weight: bold;
    background-color: #EEEEEE;
	text-align: center;
}

.GridHeader a{
    text-decoration: none;
    padding: 0px 15px 0px 15px;
}

.GridHeader a:hover{
    text-decoration: underline;
    /*background: Tan url(images/spin.gif) no-repeat 0 100%;*/
}

/* Grid item style */
.GridItem, .GridAltItem{
    font-size: smaller;
	text-align: center;
}

.GridItem{
   color: #000000;
   background-color: #ffffff;
   text-align: center;
}

.GridItemEdit{
	background-color: #ddd;
	color: #000000;
	text-align: center;
}


.GridAltItem{
    /*background-color: PaleGoldenrod;*/
    color: #000000;
    background-color: #eeeeee;
    text-align: center;
}
/*ORDER MATERIALS */
#product_codes
{
	float:right;
	padding:7px;
	max-width: 340px;
	width:expression(this.width > 340 ? 340: true);
	border: solid 1px black;
	margin-top:5px;
	background-color: #ffffcc;
	font-size:1em;
}
#product_codes h3
{
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 6px 0 4px 0;
}

h2.order_header
{
	font: bold .9em Arial, Helvetica, sans-serif;
	color: #0099CC;
	margin: 0;
	padding: 0 0 .5em 0;
}

#order_id
{
	width: 320px;
}
.productrow:hover
{
	cursor:pointer;
}

/* USER COMMENTS */
 .user_comments .separator 
 {
     margin-top: 10px;
     margin-bottom: 10px;
 }
 .user_comments .separator img
 {
     margin-left:auto;
     margin-right:auto;
     width: 100%;
 }
 .user_comments input
 {
    border: 1px solid #999;
 }
  .user_comments .anti-bot
 {
    font-size: 10pt;
 }
 
 .user_comments h2
 {
     margin-top: 10px;
     font-size: 1.1em;
 }
 
 .user_comments .comment_user_caption
 {
     color:#ef8529;
     font-weight: bold;
 }
 
  .user_comments .comment_user_date
 {
     color:#999;
     float:right;
     font-weight: normal;
 }
 .comment_user
 {
     margin-bottom: 5px;
     font-weight: bold;
 }
 
 .comment_text
 {
     width:100%;
     background-color: #eee;
     border: 1px solid #999;
     margin-bottom: 10px;
     padding: 5px;
 }
 
 /*MODAL DIALOG */
 /* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:392px;
  height:266px;
  display:none;
  z-index:9999;
}
 
#boxes #dialog {
  width:392px;
  height:266px;
  background: transparent url(../images/modal_bg.png) no-repeat top;
}

#boxes .modal_close {
    float:right;
    margin-right: 10px;
    margin-top: 10px;
    width: 20px;
    height: 20px;
}

#boxes .modal_content{
    padding:20px;
}

#boxes .modal_content h2{
    font-size: 2em;
}

#boxes .modal_content p{
    font-size: 1.1em;
}

#boxes .modal_content p.large{
    font-size: 1.3em;
    font-weight:600;
}

#boxes .modal_close:hover {
    cursor:pointer;
}

#boxes .yesno  
{
    margin-top:5px;
}

#boxes .yesno img 
{
    padding:7px;
    cursor: pointer;
}

/*SOCIAL MEDIA */
#fb_wrapper
{
    margin-bottom: 160px;
}
#fb_like.narrow 
{
    float:left;
    width: 160px;
    margin-top:20px;
    margin-left:33px;
    margin-right:auto;
    height: 80px;
}

#fb_like.wide
{
    float:left;
    width: 230px;
    margin-top:20px;
    padding-left:5px;
    height: 80px;
}

#fb_frame.narrow
{
     width:160px; 
     height:80px
}

#fb_frame.wide
{
     width:200px; 
     height:80px
}

/*PANEL MENU*/


/*PANEL MENU CHROME */

#panel_menu_container {
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	margin-left:auto;
	margin-right: auto;
	margin-bottom:25px;
	width: 425px;
	height: 100%;
}

#panel_help_top {
	width: 100%;
	height: 10px;
	background-image:url(../images/help-panel-top.gif) 
}
#panel_resources_top {
	width: 100%;
	height: 10px;
	background-image:url(../images/resources-panel-top.gif) 
}
.panel_title {
	height: 25px;
	width: 96%;
	padding-left: 4%;
	font-size: 16pt;
	font-family: "Segoe UI Bold", "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color: #fff;

}
.inner_title {
	position: relative;
	top:-6px;
}
#panel_get_help {
	margin-bottom: 20px;
}
.panel_content {
    background-color: White;
	min-height: 100%;
	height: 100%;	
	border: 5px solid; 
	border-top: none;
}
#panel_help_content {
	border-color: #F0820F;
}
#panel_resources_content {
	border-color: #6E90C2;
}

/*PANEL MENU MAIN */

#panel_menu_container ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

.panel_content ul li {
	height: 100%;
	font-size: 16pt;
	font-weight: 400;
	clear:both;
}

/* PANEL MENU ITEM  */

.panel_menu_selector {
	height: 100%;
	float: left;
}
.panel_content ul li .panel_menu_item_subwrapper{
	padding-top: 20px;
	padding-left: 25px;
	float:left;
	margin-left: 38px;
	width: 275px;
	background: white url(../images/panel_menu_separator.gif) bottom left repeat-x;
}

.panel_menu_text{
	height: 50px;
	width: 275px;
	font-family: "Segoe UI Bold", "Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size: .9em;  
}

.panel_menu_text:hover, .panel_menu_selector:hover  {
	cursor:pointer;
}

.panel_content ul li .last_item {
	background-image:none;
}

/* PANEL SUBMENU */
#panel_menu_container .panel_content ul li ul, .subpanel, .subsubpanel {
	display:none;
	margin-bottom:20px;
}

#panel_menu_container .panel_content ul li ul li, 
#panel_menu_container .panel_content ul li ul li a, 
#panel_menu_container .subpanel,  
#panel_menu_container .panel_content ul li ul li a:hover {
	color: #676767;
	font-size: 12pt;
	font-weight:400;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
}
#panel_menu_container #toolkit_info {
    font-size: 10pt;
}
#jigsaw_link, #panel_menu_container .panel_button {
    display:block;
    width:75px;
	height: 38px;
	color: transparent;
	padding:0px;
	background-color: #fff;
	background-image: url(../images/search_btn.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;

}
.panel_content ul li ul.last_submenu {
	margin-bottom: 20px;
}


/*PANEL SUB-SUBMENU */
#panel_menu_container .panel_content ul li ul li ul {
    z-index:2000;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#eee;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#panel_menu_container .panel_content ul li ul li ul li,
#panel_menu_container .panel_content ul li ul li ul li a:link,
#panel_menu_container .panel_content ul li ul li ul li a:visited,
#panel_menu_container .panel_content ul li ul li ul li a:hover {
	padding-left: 10px;
	padding-right: 10px;
	background-color:#eee;
	color: #676767;
	font-size: 10pt;
}

#panel_menu_container .panel_content ul li ul li ul li a:visited {
	background-color:#eee;
	color: #6E90C2;
}

#panel_menu_container .panel_content ul li ul li:hover ul {
	display:block;
	position: absolute;
	margin-left: 150px;
	padding: 10px;
}

#panel_menu_container #callback_submit_button {
    width: 80px;
    height: 38px;
    background-image: url(../images/submit_btn.png);
    background-position: 0 0;
}

#panel_menu_container #callback_submit_button:hover, #jigsaw_link:hover {
    background-position: 0 -38px;
    
}


/*ICON STYLING */
.panel_menu_icon {
	height:70px;
	width: 70px;
	float:right;
}

#mouse_icon {
	background: url(../images/icon-mouse.png) 0 0 no-repeat;
}

#phone_icon {
	background: url(../images/icon-phone.png) 0 0 no-repeat;
}

#lightbulb_icon {
	background: url(../images/icon-lightbulb.png) 0 0 no-repeat;
}

#book_icon {
	background: url(../images/icon-book.png) 0 0 no-repeat;
}

#magnifier_icon {
	background: url(../images/icon-magnifier.png) 0 0 no-repeat;
}

#spanner_icon {
	background: url(../images/icon-spanner.png) 0 0 no-repeat;
}

/*ACTIVATED STYLES */
#panel_menu_container .panel_item_wrapper.hovered_menu  .panel_menu_icon, #panel_menu_container .panel_item_wrapper.active_menu  .panel_menu_icon{
	background-position: 0 -70px;
}

.hovered_menu .panel_menu_selector {
	background: url(../images/pointer-down.png) 10px bottom no-repeat;
}

.active_menu .panel_menu_selector {
	background: url(../images/pointer-up.png) 10px bottom no-repeat;
}

#panel_resources_content .active_menu .panel_menu_selector, #panel_resources_content .hovered_menu .panel_menu_selector {
	background-color: #F0820F;
}

#panel_help_content .active_menu .panel_menu_selector, #panel_help_content .hovered_menu .panel_menu_selector {
	background-color: #6E90C2;
}

/*HOVERED SUBMENU */
#panel_menu_container .panel_content ul li ul li a:hover, 
#panel_menu_container .panel_content ul li ul li:hover a, 
#panel_menu_container .panel_content ul li ul li:hover {
	background-color: #4CA290;
	color: #fff;
}

#panel_menu_container .panel_content ul li ul li ul li:hover, 
#panel_menu_container .panel_content ul li ul li ul li:hover a,
#panel_menu_container .panel_content ul li ul li ul li a:hover {
	background-color: #F49715;
	color: #fff;
}

#panel_menu_container .panel_content ul li ul li:hover div.subsubpanel {
    display:block;
    position:absolute;
    margin-left: 150px;
    background-color: #eee;
    width: 250px;
    padding: 20px;
    z-index:2000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#panel_menu_container  #callback_request  input, #panel_menu_container  #callback_request  textarea {
    width: 230px;
}
#panel_menu_container  #callback_request  textarea {
    height: 120px;
}
#panel_menu_container  #callback_request_error {
    color:Red;
    font-size:9pt;
}
/*PANEL SUBCONTROLS */

#panel_menu_container input, .panel_dropdown, #panel_menu_container textarea.panel_dropdown {
	padding:5px;
	font-family: "Segoe UI", Arial Helvetica, Sans-Serif;
	font-size: 10pt;
	border: 1px solid #999;
	color: #676767;
	width: 160px;
	margin-bottom: 10px;
}


#panel_menu_container .panel_button:hover {
	background-position: 0 -38px;
	cursor:pointer;
}

/*HOME NEWS */
#home_news_header {
    width: 100%;
    text-align:center;
    margin-bottom: 10px;
}

#home_news_header h2, #home_news_header h2 a {
    color: White;
    font-family: "Segoe UI Bold", "Segoe UI", Arial, Helvetica, Sans-Serif;
    font-size: 14pt;
    padding-top:8px;

}
#home_news_header h2 a:hover {
    color: #F0820F;
    text-decoration: none;
}
#home_news {
    padding-left:8px;
    padding-right: 10px;
    padding-bottom: 15px;
    font-size: 0.9em;
}
#home_news h3 {
    font-family: "Segoe UI Bold", "Segoe UI", Arial, Helvetica, Sans-Serif;
    color: #4CA290;
}
.news_item {
    font-size:1.1em;
}

/*SECTION INDEX*/
#section_index ul{
    list-style: none;
    margin-top: 10px;
}

#section_index li {
    margin-bottom: 5px;
}

#section_index li a:hover {
    color: #F0820F;
    text-decoration: underline;
}
#section_descriptor {
    padding-top: 6px;
    padding-bottom: 6px;

	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
}

/*FORUM */
#body-center.body-center-forum {
	width:730px;
	float:left;
	padding: 0;
	font-size:1.2em;
}
#body-center.body-center-forum h1#forum_wrapper_title {
	margin-top:-20px;
	margin-bottom:10px;
	
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.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 queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !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 { 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; }
}