/* CSS Document */

body {
	font-family:"Lucida Grande", Helvetica, sans-serif;	
	margin:0;
	padding:0;		
	color:#555;
	font-size:9.5pt;
	background:#777 url(../images/bg_bar.gif) repeat-x;
}

body, .container_16 {
	position:relative
}

.content {
	min-height:475px;
	
}

.headregion {
	 background:#6699CC url(../images/bg_headregion.jpg) no-repeat;
	 position:relative;
	 height:100px
	 /*background:#fff url(../images/bg_head.jpg) no-repeat;
	 height:auto*/
}

a {
	color:#0072bc;
	text-decoration:none
}
a:hover {
	color:#0066FF;
	text-decoration:underline
}

a.testi {	
	background:url(../images/shape_square_link.gif) no-repeat bottom left;
	padding:2px 0 0 25px;
	width:300px
}

ul.listdef {
	padding:0;
	margin:0
}
ul.listdef li {
	list-style-type:none;
	display:block;
	padding:6px 0
}	
ul.listfree {
	padding:0;
	margin:0 0 0 20px
}
ul.listfree li {		
	padding:10px 0;
	line-height:1.4em
}	

.logo {
	/*background:url(../images/Logo.gif) no-repeat;*/
	height:60px;
	/*border-bottom:1px solid #ccc;*/
	position:relative;
	margin-top:5px;

}
div.logintile {
	position:absolute;
	right:220px;
	top:5px;
	height:36px;
	width:400px;
	text-align:right;
	padding:5px 0 0 5px;
	display:block
}

/*Toplinks*/
/*
a#anch_ql, a#anch_rg, a#anch_oa {display:block;height:60px; width:75px; float:left; margin-right:2px}

a#anch_ql {background:#FFF url(../images/toplinks_ql.jpg) no-repeat top left}
a#anch_rg {background:#FFF url(../images/toplinks_reg.jpg) no-repeat top left}
a#anch_oa {background:#FFF url(../images/toplinks_log.jpg) no-repeat top left}
a#anch_ql:hover {background:#FFF url(../images/toplinks_ql.jpg) 0 -60px}
a#anch_rg:hover {background:#FFF url(../images/toplinks_reg.jpg) 0 -60px}
a#anch_oa:hover {background:#FFF url(../images/toplinks_log.jpg) 0 -60px }
*/
div.searchtile {
	position:absolute;
	right:10px;
	top:0px;
	color:#ccc;
	font-style:italic;
	/*background:url(../images/bg_searchfield.gif) no-repeat;*/
	height:30px;
	width:185px;
	padding:2px 0 0 5px;
	display:block
}
.searchtile input {
	border:none;
	font-size:8pt;
	width:11em;
	z-index:9999
}
a.more {
	position:relative;
	margin-top:5px;
	float:left;
	background:url(../images/control_play.png) no-repeat bottom left;
	background:url(../images/img_more.jpg) no-repeat top left;
	padding: 0 0 1px 20px;
	text-decoration:none;
	width:65px;
	color:#fff
}
a.more:hover {
	color:#fff;
	background:url(../images/img_more.jpg) no-repeat bottom left;
	text-decoration:none
}	
a.sidelinks {
	position:relative;
	margin-top:5px;
	float:left;
	/*background:url(../images/control_play.png) no-repeat bottom left;*/
	background:url(../images/img_more.jpg) no-repeat top left;
	padding: 0 0 1px 20px;
	text-decoration:none;
}
a.sidelinks:hover {
	color:#fff;
	background:url(../images/img_more.jpg) no-repeat bottom left;
}	
a.slinks {
	position:relative;
	margin-top:5px;
	float:left;
	background:url(../images/control_play.png) no-repeat bottom left;
	padding: 0 0 1px 20px;
	text-decoration:none
}
a.slinks:hover {
	color:#FF0000
}	
a.openlinks {
	text-decoration:none;
	color:#FFCC00;
	text-decoration:none
}
a.openlinks:hover {
	color:#fff;
	text-decoration:underline
}	
.contact {
	margin-top:10px;
	padding:0 5px;
	font:normal 8pt Arial, Helvetica, sans-serif;
	width:100%;
	color:#EEE;
	border-left:3px solid #BBB
}

.flashcontainer {
	display:inline;
	float: left;
	position:relative;
	/*border-top:1px solid #999;
	border-bottom:1px solid #999;
	*/
	border-left:none;
	border-right:none;
	padding:0;
}

.headermenu {
	margin-top:5px;
	margin-bottom:0;
	position:relative
}

.headermenu ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.headermenu ul li {
	float:left; 
	display:inline;
	padding:0;
	margin:0;
	margin-right:15px;
	height:28px;
}

.headermenu ul li a {	
	display:block;
	padding:0 5px 5px 5px;
	color:#ddd;
	text-decoration:none;
	border-bottom:10px solid none;
	font-weight:normal
}

.headermenu ul li a:hover, .headermenu ul li:hover a,.headermenu ul li a.selected  {		
	/*background:#fff url(../images/bg_footer.jpg) repeat-x top left;*/
	color:#FFCC00;	
	border-bottom:10px solid #fff;
	text-decoration:none
}
/*
.headermenu a:hover  {
color: #fff;
background: #781351 url(left-tab-hover.gif) left top no-repeat
}

.headermenu a:hover span
{
background: url(right-tab-hover.gif) right top no-repeat;
padding-right: 10px
} 
*/
.footer {
	background:#333 url(../images/bg_footer.jpg) repeat-x;
	padding:5px 10px;
	text-align:right;
	position:relative;
	float:left;
	margin-top:15px;
	font-size:90%;
	width:972px;
	color:#555
}

.footer a {
	color:#555;
	text-decoration:none
}

.footer a:hover {
	text-decoration:underline
}

/*Text Headers*/
h1, h2, h3, h4 {
	color:#669966;
	padding:5px 0 5px 20px;
	font-family:Verdana, Helvetica, sans-serif;	
	background:url(../images/award_star_gold.png) no-repeat center left;
}

h2 {font-size:13pt;border-bottom:1px solid #999;}
h3 {font-size:11pt;border-bottom:1px solid #999;}

h2.h2title {
	font-family:"Trebuchet MS", sans-serif;
	font-size:18pt;
	color:#777;
	background:none;
	padding:5px 0;
	margin:0;
	border-bottom:none
}

div.divlogin, div.divql {
	width:200px;
	background:#fff url(../images/bg_login.gif) repeat-x bottom center
}
div.divlogin div, div.divql div {
	padding:0 0 15px 0;
	font-size:8pt;
	color:#777
}

div.divlogin div a {
	text-decoration:underline;
	padding:5px 0 5px 25px;
	display:block
}
div.divlogin div a:hover {
	text-decoration:none
}
h3.h3login {
	color:#818181; 
	font-size:9pt;
	padding:0 0 0 0;
	border-bottom:none;
	background:none;
	line-height:1em;
	margin:0 0 5px 0
}

h3.one {
	background:url(../images/Boss.png) no-repeat bottom left;
}
h3.two {
	background:url(../images/Male.png) no-repeat bottom left;
}
h3.three {
	background:url(../images/People.png) no-repeat bottom left;
}
h3.four {
	background:url(../images/Usergroup.png) no-repeat bottom left;
}
h3.five {
	background:url(../images/Female.png) no-repeat bottom left;
}
h3.email {
	background:url(../images/email.png) no-repeat bottom left;
}
h3.sms {
	background:url(../images/sms.png) no-repeat bottom left;
}



/*Form fields*/
.dtext, .searchselect {
	border:1px solid #bbb;
	padding:2px 5px;
	font-size:8pt
}
.wtext {
	border:none;
	border-bottom:2px solid #bbb;
	padding:5px 0;
	font-size:12pt;
	font-family:"Courier New", Courier, monospace;
	background:none;
	text-align:center;
	width:3em
}

.btn_submit {border:1px outset #CCC; font-size:90%; padding:1px 10px}


.searchselect {color:#eee}

/*Margins, Paddings and Floats*/
.m_l10 {margin-left:10px}
.m_r10 {margin-right:10px}
.p_t15 {padding-top:15px}
.p_t20 {padding-top:20px}
.ldiv {float:left}
.rdiv {float:right}
.w50 {width:50%}
.w100 {width:100%}
.w_s12 {width:12em}
.mand {font-size:8pt; color:#993300}
.tips {font-size:8pt; color:#666666}
.hand {cursor:pointer}

.listcont {
	padding:10px 15px;
	background:#D3FDCC;
}

p {
	line-height:1.4em;
	margin:5px 0
}
hr {
	color:#CCC
}


/*marquee*/
.marq {
        background-color:#DAEBFE;
        width:992px;
        padding:1px 0
}
.marq p {
        margin:0;
        background:#DAEBFE;
        height:18px;                
        display:inline
}
.marq p span {
        padding:5px 10px 0 10px;
        margin:0;
}


ul.quotes{ list-style: none; cursor: pointer; padding:10px 15px; margin:5px; background:#D3FDCC; color:#666 }
ul.quotes li{height:100px; position:relative}
ul.quotes blockquote { list-style: none; margin:0 0 15px 0;line-height:1.4em}    
cite {color:#666; position:absolute; right:10px; bottom:5px}
 
.scroller {width:98%; height:500px; overflow:auto; padding:0 10px 0 0}
.breadcrumb {padding:0 0 0 10px}
.breadcrumb span a{ background:url(../images/arrow_mini_right.gif) no-repeat right center; padding:0 10px 0 0; margin-right:5px; color:#888; font-size:8pt}
.breadcrumb span a.current {color:#CC6600; background:none}

/*Did you know*/
.dyk, .dykalt {
	padding:70px 40px 0 40px; 	
	color:#666;
	height:200px;
	float:right
}
.dyk {background: #fff url(../images/title_dyk.gif) no-repeat top left}
.dykalt {background: #fff url(../images/title_wouldyou.gif) no-repeat top left}

.dykalt ul.quotes, .dyk ul.quotes  {background:none}

.dyk ul.quotes li, .dykalt ul.quotes li  {height:50px; width:175px; cursor:default}


table.simpletable, table.formtable {border:1px solid #CCC}
table.simpletable td, table.formtable td {padding:5px; font-size:90%; white-space:normal; vertical-align:top}
table.simpletable th {background:#BCFEBF url(../images/bg_theader.jpg) repeat-x; padding:6px 5px; font-weight:bold; text-align:left}
/*
table.formtable th {background:url(../images/bglobal.gif) repeat-x; padding:3px; font-weight:bold; text-align:center}
*/
.rel {position:relative}