body{
margin:0;
font-size: 69%;
font-family: tahoma, helvetica, arial, sans-serif;
color: #000; 
background:#fff;
line-height:1.4em;
text-align:center;
height:100%;
/*
background:url(img/bg-CGO.jpg) 48% 70px no-repeat #fff;
*/
}
form, img, p, ul, li, a, li a, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
font-size:1em;
font-weight:normal;
}
a{
color: #404040;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
p{
margin: 0 0 1.5em 0;
}
p.small{
font-size: 0.8em;
}
ul{
list-style:none;
margin:0 0 1em 0;
}
.red{
color:#c00;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 1em 0;
color: #00A1E4;
line-height:1.3;
}
h1{
font-size: 1.5em;
}
h2{
font-size: 1.5em;
}
h3{
font-size:1.1em
}
h4{
font-size:1em;
}
img, fieldset{
border: 0;
}
input, select, textarea{
font-family:tahoma, helvetica, arial, sans-serif;
color: #666;
font-size: 1em;
margin:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.hidden, .offPage{
position:absolute;
left:-3000px;
}


/* main section positioning */
#wrapper {
width: 745px;
margin:0 auto;
text-align:left;
padding: 0 0 20px 0;
}
#mainbody{
clear: both;
float: left;
width: 744px;
padding: 0.5em 0 1em 0;
background:#fff;
}
#browseNav{
width: 190px;
margin: 0 20px 0 10px;
float: left;
background:#fff;
}
.maincontent{
background:url(img/background.jpg) bottom left no-repeat;
float:left;
width:524px;
min-height:400px;
background:#fff;
padding-bottom:1.5em;
}
#content{
clear:both;
float:left;
padding:15px 10px;
width:504px;
background:url(img/divider.jpg) top left no-repeat;
}


/* header */
#header{
float:left;
width:744px;
}
#header a img{
float: left;
margin: 8px 0 0 5px;
}
#header a #mainLogo{
margin:25px 0 20px 25px;
}
a.skipNav{
position:absolute;
left:-1000px;
}
a.skipNav:focus, a.skipNav:active{
left:0;
display:block;
padding:1em;
background:#ff9;
}

/* browse nav */
.sidePanel{
width:190px;
float: left;
margin-bottom:1em;
}
#browseNav h2{
background: url(img/browse_header_bg.jpg) 0 0 no-repeat;
padding:.5em .5em .7em 12px;
color:#666;
margin:0;
font-size:1.4em;
line-height:1.3;
}
#browseNav #tvModNav{
background: url(img/browse_btm_bg.jpg) 0 100% no-repeat;
padding-bottom:5px;
}
#browseNav li{
background: url(img/nav_grad_bg.jpg) 0 1px repeat-x;
padding: 0 0 0 10px;
margin:0 1px;
line-height:3;
border-top:1px solid #d3d3d3;
}
#browseNav li a{
background: url(img/blueArrow.gif) 1px 0.4em no-repeat;
padding-left:12px;
transition:0.8s;
}
#browseNav li.current-module a{
background: url(img/blueArrowDown.gif) 0 0.55em no-repeat;
color: #00A1E4;
}
#browseNav li.current-module li a{
color:#333;
}
#subtopics{
margin: -.4em 0 .7em 0;
font-size:1em;
}
#browseNav li.topicNav{
line-height:1.3;
border:0;
margin-bottom:0.7em;
background:0;
}
#browseNav li.topicNav a{
background: url(img/blackArrow.gif) 0 0.5em no-repeat;
padding-left:8px;
display:inline-block;
}
li.current-module #subtopics li.current-topic a{
background: url(img/blueArrowSmall.gif) 0 0.4em no-repeat;
color: #00A1E4;
}
#browseNav li a:hover, #browseNav li li a:hover{
color: #00A1E4;
transition:0.15s;
}


/* search form */
.searchFormItem{
clear:left;
float:left;
padding-bottom:0.5em;
}
 label{
width:110px;
float:left;
color:#423f7b;
font-size:1.3em;
}
#nlpq, #kb{
width:300px;
float:left;
margin-right:10px;
color:#111;
}
#submit{
float:left;
margin-top:-1px;
color:#111;
}

/* lists and answer page*/
.announcements{
padding-bottom:1em;
}
#answer{
padding-bottom:1em;
font-size:1.1em;
line-height:1.4;
}
#answer h2{
color:#333;
font-size:1.2em;
font-weight:bold;
}
#answer p{
padding:0.2em 0;
margin-bottom:.5em;
}
#answer a{
color:#00A1E4;
} 


ul.faqList li, ul#result_list li, .faqs ul li, .announcements ul li{
background: url(img/blackArrow.gif) 0 0.55em no-repeat;
padding: 0 0 0 7px;
margin-bottom:0.6em;
margin-right:1em;
font-size:1.1em;
}
ul#result_list{
padding-left:5px;
}
ul#result_list li, #answer li{
margin-bottom:0.5em;
}
#answer ul{
list-style:disc outside;
padding-left:2em;
}
#answer ol{
list-style: decimal outside;
padding-left:2.25em;
}
#related{
margin-top:1em;
padding:1em 0 0 0;
background:url(img/divider.jpg) top left no-repeat;
}


/* ratings */
#rater, #showRater{
clear:right;
padding:1em 0 2.5em 0;
background:url(img/divider.jpg) top left no-repeat;
}
#showRater{
padding:1em 0 0 0;
}
#rater h3, #related h3{
font-size:1.4em;
color:#666;
margin-bottom:0.7em;
}
.rating, #showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
width:120px;
height:24px;
margin:0;
padding:0;
list-style:none;
position:relative;
background:url(img/stars-matrix.gif) no-repeat 0 0;
}
#rater span{
float:left;
padding:3px 6px 0 0;
}
ul.rating{
float:left;
padding-right:6px;
}
ul.rating li{
cursor: pointer;
float: left;
text-indent:-999em;
list-style-type: none;
}
ul.rating li a{
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
text-decoration: none;
z-index: 200;
}
ul.rating li.one a{left: 0}
ul.rating li.two a{left: 24px;}
ul.rating li.three a{left: 48px;}
ul.rating li.four a{left: 72px;}
ul.rating li.five a{left: 96px;}
ul.rating li a:hover{
z-index: 2;
width: 120px;
height: 24px;
overflow: hidden;
left: 0;
background: url(img/stars-matrix.gif) no-repeat 0 0
}
#showScore1, #showScore2, #showScore3, #showScore4, #showScore5{
margin-bottom: 0.8em;
float:left;
}
ul.rating li.one a:hover, #showScore1{background-position: 0 -24px;}
ul.rating li.two a:hover, #showScore2{background-position: 0 -48px;}
ul.rating li.three a:hover, #showScore3{background-position: 0 -72px;}
ul.rating li.four a:hover, #showScore4{background-position: 0 -96px;}
ul.rating li.five a:hover, #showScore5{background-position: 0 -120px;}


.search-tips p, .search-tips ul{
font-size:1.1em;
line-height:1.3;
colour:#999;
}


/* paging */
#paging{
font-size:1em;
margin-left:10px;
color:#999;
}
#paging li{
float:left;
margin-right:0.8em;
}
#paging li#selectedPage{
font-weight:bold;
color:#333;
}
#paging a{
font-size:1em;
text-decoration:underline;
color:#00A1E4;
}
#paging a:hover{
color:#333;
}

/* search tips */
.search-tips ul, #emailPage{
padding: 0 10px;
margin: 0 0 10px;
line-height: 1.4em;
}
.search-tips ul li{
list-style:disc inside;
padding-bottom:5px;
}

/* breadcrumbs */
.breadcrumbs {
padding:.2em 0 .2em 7px;
font-size:0.9em;
color:#999;
}
.breadcrumbs a{
margin-left:-0.5em;
color:#999;
}


/* footer */
#footer{
clear:both;
float:left;
padding:0.5em 1% ;
width:98%;
background:#fff;
color:#aaa;
border:1px solid #ddd;
border-width:1px 0;
margin-bottom:1em;
}
#footer p{
float:left;
margin:0;
color:#999;
}
#footer p a{
color:#999;
}
#footer p a:hover{
color:#666;
}
#footer ul li{
float:right;
border-left:1px solid #ccc;
padding:0 0.7em;
}
#footer ul li.lastListItem{
border:none;
}
#footer ul a{
color: #00A1E4;
}
div.clear{
clear: both;
}

#no-entries a, #confidence a{
text-decoration:underline;
}

#cookiesMessageBanner{
margin:0 auto 20px auto;
padding:6px 0 0 0;
width:724px;
background:url(img/top_724.gif) no-repeat 0 0;
color:#333;
line-height:1.33;
}
#cookiesMessageBanner .cookiesMessageBannerInner{
margin:0;
padding:6px 15px 14px 15px;
background:url(img/bottom_724.gif) no-repeat 0 100%;
}
#cookiesMessageBanner p{
margin:0;
padding:0 0 0 36px;
background:url(img/24x24_blue_information.gif) no-repeat 0 1px;
word-spacing:-1px;
}
#cookiesMessageBanner a{
margin:0;
padding:2px 17px 2px 0;
background:url(img/external_blue.png) no-repeat 100% 50%;
color: #00A1E4;
}



#metafaq input.loader {
background: url(autocomplete/ajax-loader.gif) 99% 1px no-repeat #FFF;
}

#auto-results {
position: absolute;
}
#auto-results ul {
margin: 1.8em 0 0 110px;
padding: 0;
border: 1px solid #ddd;
background-color: #f6f6f6;
z-index: 999;
border-top:0;
}
#auto-results ul li {
list-style: none;
margin: 0;
padding: 0;
background: #f3f3f3;
border-bottom: 1px dotted #ccc;
line-height:1.5;
}
#auto-results ul li.selected {
background-color: #fff;
}
#auto-results ul li.last {
border: 0;
}
#auto-results ul li a {
color: #000;
text-decoration: none;
display:block;
padding: .4em .5em;
}
#auto-results ul li.selected a {
background:#00A1E4;
color: #fff;
text-decoration: none;
}



a[href$='.pdf']{
padding-right:17px;
background:url(http://www.metafaq.com/clients/resources/pdficon.gif) top right no-repeat;
}
a[href$='.doc']{
padding-right:17px;
background:url(http://www.metafaq.com/clients/resources/docicon.gif) top right no-repeat;
}
