/* CSS Document 

Last updated by James Fenton  01/10/10

*/
body { font-family:  Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px; color: #5f6062; }
body * { margin: 0px; padding: 0px; }


.portletInner { height: 100%; }
/* ---------- Headings ---------- */

h1 { font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal;  color: #f3901d;  }
h2 { font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal;  color: #f3901d;  }
h3 { font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal;  color: #f3901d;  }
h4 { font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal;  color: #f3901d;  }
h5 { font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal;  color: #f3901d;  }
h2 { font-size: 30px; line-height: 42px;    }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 18px; color: #b2bb1e;}
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p { font-size: 12px; }

/* ---------- Links ---------- */

a {
	color: #00aeef;
	text-decoration: none;
}

a:hover {
	color: #f3901d;
	text-decoration: underline;

}

input {  border: 1px #cc9 solid; padding: 5px; background: url(../images/inputBG.gif) center;  }
textarea {  border: 1px #cc9 solid; padding: 5px; background: url(../images/inputBG.gif) center;  }
input[type="text"]:focus { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }
textarea:focus { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }
input[type="text"]:hover { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }
textarea:hover { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }

input[type="file"]:focus { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }
textarea:focus { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }
input[type="file"]:hover { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }
textarea:hover { border: 1px #999966 solid; background: url(../images/inputBGactive.gif) center; }

input[readonly="readonly"] { background: #fff; border: #e7e6dd 1px dashed; }
textarea[readonly="readonly"] { background: #fff; border: #e7e6dd 1px dashed; }
input[readonly="readonly"]:focus { background: #fff; border: #e7e6dd 1px dashed; }
textarea[readonly="readonly"]:focus { background: #fff; border: #e7e6dd 1px dashed; }
input[readonly="readonly"]:hover { background: #fff; border: #e7e6dd 1px dashed; }
textarea[readonly="readonly"]:hover { background: #fff; border: #e7e6dd 1px dashed; }

h2 {}
h2.tribalLogo {  line-height: 40px;  }
h2.tribalLogo span.tribal {
	color: #fff;
	padding: 0px; 
	position: relative;
	margin: 0px 0.1em;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	clear: none; 
	text-transform: uppercase;
	text-indent: -9999px; 
	height: 40px; width: 143px; 
	background-image: url(../images/TribalLogoHeading.gif);
}
h2.tribalLogo span.tribal img { position: absolute; left: 0px; display: block; width: 99%; right: 0px; bottom: 0.1em; }

.clear { clear: both; }
#wrapper { background: url(../images/headerBG.gif) top repeat-x; position: absolute;  left: 0px; right: 0px; bottom: 0px; top: 0px;}

#content-wrapper  {  display: block; margin: 0 auto; width: 100%; }




/* ---------- Banner ---------- */



h1 {
padding: 0;
	height: 60px!important; 
	top: 0px;  max-width: 1024px; min-width: 800px; margin: 0px auto;
}


h1 a {
	width: 71px; 
	cursor: pointer; 
	text-decoration: none;
 	display: block;
	background: url(../images/TribalLogo.gif) 0px center no-repeat!important;
	height: 40px!important; margin-top: 10px; 
	text-indent: -9999px; z-index: 9997; position: absolute;  
}
* html h1 a {
	right: 50%; margin-right: 40%;

}

.portlet { margin: 30px auto 20px auto; width: 90%; max-width: 1024px; min-width: 800px; text-align: left; }
.portletInner {  display: block; margin: 0px;  background: #fff; position: relative; }
.portletInner p { margin-bottom: 1em; line-height: 1.4em; }
.portletInner h4 { margin-bottom: 1em; }
.portletInner h5 { margin-bottom: 0.5em; }


.portletInner.thirty { width: 29%; float: left; padding: 17px 0px; margin-right: 2%; }
.portletInner.thirty h4 { margin-left: 17px; margin-right: 17px; }
.portletInner.thirty h5 { margin-left: 17px; margin-right: 17px; }
.portletInner.thirty p { margin-left: 17px; margin-right: 17px; }
.portletInner.seventy { width: 69%; float: left; padding: 17px 0px; }


/* ---------- Main navigation ---------- */

#navigation {  background: #007c85 ; padding: 0px 0px; margin: 0px;  height: 35px; font-size: 12px; position: relative;  overflow: hidden; height: 33px; }
#navigation ul { position:relative; margin: 0 auto; width: 90%; max-width: 1024px; min-width: 800px; }
#navigation li { display: inline; float: left; margin: 0px 5px 10px 0px; position: relative; padding-top: 3px; padding-bottom: 3px; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; border: #fff dashed 1px; }

#navigation li.selected { background: #fff!important; border-color: #fff;  height: 30px;}
#navigation li.selected:hover { background: #fff;  } 
#navigation li.selected a { color: #000!important; }
#navigation li.selected a:hover { color: #000!important; }

#navigation li.deactivated { border: #4ca3a9 dashed 1px; color: #4ca3a9; }
#navigation li.deactivated a { color: #4ca3a9; }

#navigation a { color: #fff; }
#navigation li a { display: block; padding: 2px 12px; text-decoration: none; }
#navigation li a span { text-decoration: none; }
#navigation .child-menu { display: none; }



div.ofsted {  width: 33%; margin-top: -17px; display: table-cell; display: inline-block; padding: 0px; position: relative; }
div.ofsted img { width: 100%;  max-width: 353px;  }
div.ofsted p { margin: 0px auto 1em auto; font-size: 90%; display: block; width: auto; width: 66%;  }

ul.browsers { padding: 0px;  margin: 0px; }
ul.browsers li { padding-left: 50px; list-style-type: none;	min-height: 43px; margin: 0px 0px 1em 0px; }
ul.browsers li.ff { background: url(../images/browsers_ff.png) no-repeat left top; }
ul.browsers li.ie { background: url(../images/browsers_ie.png) no-repeat left top; }
ul.browsers li.s { background: url(../images/browsers_safari.png) no-repeat left top; }
ul.browsers li.c { background: url(../images/browsers_chrome.png) no-repeat left top; }
ul.browsers li span { font-size: 85%; display: block; color: #888; margin-top: 0.3em;  }


/* ---------- buttons ---------- */
.button {
	background: #fff; font-size: 18px;  border: 2px solid #00aeef; font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif;color: #00aeef;  padding: 5px 7px; cursor: pointer; background-position: line-height: 22px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}
p.add a {
	background: #fff; font-size: 18px;  border: 2px solid #00aeef; font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif;color: #00aeef;  padding: 5px 7px; cursor: pointer; background-position: line-height: 22px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}
.button:hover { 
border: 2px solid #f3901d; color: #f3901d; text-decoration: none; 
}
p.add a:hover { 
border: 2px solid #f3901d; color: #f3901d; text-decoration: none; 
}
input[type="button"] { background: #fff; font-size: 18px;  border: 2px solid #00aeef; font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; color: #00aeef;  padding: 5px 7px; cursor: pointer;  }
input[type="button"]:hover { border: 2px solid #f3901d; color: #f3901d; }

.large { font-size: 145%; padding: 10px 20px; }

.twentyFive { width: 24%; float: left; margin-left: 1%;  }
.seventyFive { width: 72%; float: left; display: block; margin: 0px; position: relative; }


.home .portlet .portletInner { background: #fff url(../images/computer1.gif) no-repeat 90% 300px; min-height: 700px; position: relative; }
.home .portlet .portletInner h2 { }
.home .portlet .news { margin-top: 36px; border-top: none; float: left; width: 27.6%; margin-left: 10px; display: block;  } 
.home .portlet .news .newsitem { margin-left: 27.3%; display: block; margin-bottom: 11px;  }
.home .portlet .news h4 { line-height: 20px; margin: 0px 0px 7px 0px; font-size: 14px; line-height: 16px; font-family:  Helvetica, Arial, sans-serif; font-weight: bold; }
.home .portlet .news p { font-size: 11px; line-height: 14px; margin: 0px 0px 5px 0px;  }
.home .portlet .news .gulf { margin-left: 27.3%; font-size: 11px;  }
.home .portlet .news .AdBox { background: #007c85; display: block; margin: 0px 0px 20px 27.3%; padding-bottom: 20px;  }
.home .portlet .news .AdBox h4 { background: #fdf7f2 url(../images/conferenceAd.jpg) no-repeat right top ; min-height: 27px; color: #007c85; padding: 45px 10px 7px 10px; margin: 0px;   }
.home .portlet .news .AdBox h5 { font-size: 18px!important; padding: 10px; margin: 0px; color: #b2bb1e;  line-height: 20px; }
.home .portlet .news .AdBox p { padding: 0px 10px; margin: 0px; color: #fff;  line-height: 14px; }
.home .portlet .news .AdBox a { color: #ace5fa; margin-top: 10px; display: block; }
.home .portlet .news .AdBox a:hover { color: #f7b160; }
.home .portlet .news .AdBox a span { font-size: 150% }

.home .portlet .intro { display: block; width: 22.3%; float: left; }
.home .portlet .intro p { margin-right: 10px;  }

div.login {  display: block;  width: 40%; margin-top: 36px;  float: left;  position: relative;  }
div.login .form { display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #f8f7f5; border: 1px solid #e7e6dd;  padding: 32px; margin: 0px 10px; }
div.login .form h4 { line-height: 16px; margin: 0px 0px 3px 0px; color: #5f6062; }
div.login .form input.text { border: 1px #acc0c7 solid; width: 50%; margin: 2px 0px 16px 0px;    }



p.helpline { background: url(../images/backgroundChevron.png) repeat ;  font-size: 90%; width: 77%;  }
p.helpline span { background: url(../images/helpline.gif) no-repeat 0px 0px;  display: block;  font-size: 11px; padding-left: 40px;    }



.standard h2 { }
.standard p { margin-right: 450px; max-width: 500px; }
p.opening { font-weight: bold; margin-top: 36px; color: #b2bb1e; font-size: 16px;}
p .dropCaps { font-size: 44px; line-height: 44px; display: block; float: left; margin-right: 4px; font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal;  }

.about .portlet .portletInner { background: #fff url(../images/inspectors.gif) no-repeat right 12px; padding-bottom: 48px;  }



/* ---------- Contact ---------- */
.portlet .portletInner {  }
div.contact {  }
div.contact p { margin: 0px; padding: 0px; }
div.contact h2 { margin: 0px; padding: 0px; }
div.contact h3 { margin: 0px; padding: 0px; }
div.contact .container { min-height: 500px; margin: 3px; }
div.contact .container form { display: block; margin-top: 24px;  } 
div.contact .container form p { margin-right: 0px; margin-bottom: 7px; }
div.contact .container form p span { display: block; float: left; width: 30%; max-width: 100px; }
div.contact .container form p input[type="text"] { display: inline; width: 65%; max-width: 270px; }
div.contact .container .vcard {  line-height: 16px; display: block; float: left; width: 50%; margin-top: 24px;  }
div.contact .container .map { display: block; height: 435px; background: url(../images/bristolMap.gif) no-repeat right top; position: relative; width: 435px; float: right; }
div.contact .container .map a.marker { position: absolute; top: 150px; right: 160px; background: url(../images/marker.gif) no-repeat right bottom;  display: block; width: 100px; line-height: 65px; padding-bottom: 35px;  font-size: 10px;  text-align: center; margin-top: -50px; margin-right: -50px;  color: #f3901d; }
div.contact .container .map a.marker:hover { background-position: right top; }
div.contact .container .map .portlandSQ { display: none; width: 370px; height: 370px; position: absolute; background: url(../images/portlandSqMap.gif) no-repeat right top; left: -100px; top: 0px; cursor: pointer; }

.feedback .portlet .portletInner { position: relative;   }
.feedback .portlet .portletInner p { clear: both; width: auto; margin-right: 0px; }
.feedback .portlet .portletInner ul.steps { margin: 36px 0px 2em 0px; padding: 0px;  border-bottom: #b2bb1e solid 1px ; height: 33px;  }
.feedback .portlet .portletInner ul.steps li { list-style-type: none; display: inline;   margin: 0px;  margin-right: 2em; line-height: 25px; font-size: 14px; color: #b2bb1e;}
.feedback .portlet .portletInner ul.steps li span { background: #b2bb1e; width: 25px; height: 25px; display: inline-block;  text-align: center; margin-right: 0.5em; color: #fff; font-weight: bold; font-size: 14px;  }
.feedback .portlet .portletInner ul.steps li.na { color: #dbd8bd; }
.feedback .portlet .portletInner ul.steps li.na span { background: #e7e6dd; }

div.step1 {  position: relative; }
div.step2 { background: url(../images/Security1.gif) no-repeat right top; position: relative; }
div.step3 {  position: relative; }

div.step1 p { width: 60%!important; }
div.step2 p { width: 60%!important; }
div.step3 p { width: 60%!important; }



.feedback .portlet .portletInner form { position: absolute; right: 0px; top: 54px; width: 33.3%;  }
.feedback .portlet .portletInner form p { width: auto!important; }
.feedback .portlet .portletInner form p span {  display: block; }
.feedback .portlet .portletInner p.submit { margin: 0px; width: 15%; text-align: center; }
.feedback .portlet .portletInner p.submit .button { margin: 0px auto; font-size: 110%; padding: 6px 8px;  }

.feedback .portlet .portletInner div.step2 form { position: absolute; left: 0px; top: 54px; width: 33.3%;  }
.feedback .portlet .portletInner div.step3 p  { width: 33.3%!important; }
.feedback .portlet .portletInner div.step3 form { width: 64%; } 
.feedback .portlet .portletInner div.step3 form table { width: 100%;   }
.feedback .portlet .portletInner div.step3 form table p { width: 100%;   }
 

table.feedback { width: 85%;   }
table.feedback th.question { width: 50%; font-weight: normal; }
table.feedback th.scale { width: 10%; text-align: center; -webkit-border-top-left-radius: 0.65em; -moz-border-radius-topleft: 0.65em; border-top-left-radius: 0.65em; -webkit-border-top-right-radius: 0.65em; -moz-border-radius-topright: 0.65em; border-top-right-radius: 0.65em; font-size: 85%;}
table.feedback th { border-bottom: 2px solid #ccc; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 5px; }
table.feedback th.vHigh { background: #b2d6cc; border-bottom: 2px solid #007856; }
table.feedback th.High { background: #cae4b2; border-bottom: 2px solid #4fa600; }
table.feedback th.Med { background: #fff0b2; border-bottom: 2px solid #fc0;  }
table.feedback th.Low { background: #fad9b2; border-bottom: 2px solid #ed8000; }
table.feedback th.vLow { background: #f5ccd6; border-bottom: 2px solid #cc0033; }

table.feedback td { padding: 11px 0px; border-bottom: 1px dotted #ccc;  }
table.feedback td.question { width: 50%; padding-right: 1em; padding-left: 1em; font-weight: bold;   }
table.feedback td.radio {  text-align: center;   }
table.feedback td.radio span {  display: inline-block;  margin: 0px auto; background: url(../images/inputBG.gif) repeat ; border: 1px solid #f0f0f0;   padding: 10px;  -webkit-border-radius: 1.7em; -moz-border-radius: 1.7em; border-radius: 1.7em; }
table.feedback td.radio span input { background: none; border: none; }
table.feedback td.vHigh {   }
table.feedback td.vHigh span { /*background: #f6faf2; border: 1px solid #b9db99;*/   }
table.feedback td.vHigh span.selected { border: 1px solid #007856; background: #b2d6cc;  }
table.feedback td.High { }
table.feedback td.High span { /*background: #fffcf2; border: 1px solid #ffeb99;*/   }
table.feedback td.High span.selected { border: 1px solid #4fa600; background: #cae4b2;  }
table.feedback td.Med { }
table.feedback td.Med span { /*background: #fcf2f5; border: 1px solid #eb99ad;*/   }
table.feedback td.Med span.selected { border: 1px solid #fc0; background: #fff0b2;  }
table.feedback td.Low { }
table.feedback td.Low span { /*background: #fcf2fa; border: 1px solid #f5cceb;*/   }
table.feedback td.Low span.selected { border: 1px solid #ed8000; background: #fad9b2;  }
table.feedback td.vLow { }
table.feedback td.vLow span { /*background: #f2f9fb; border: 1px solid #99d1e3;*/  }
table.feedback td.vLow span.selected { border: 1px solid #e57f99; background: #f5ccd6;  }
table.feedback td.textarea {  text-align: center;    }
table.feedback td.textarea textarea {  width: 90%;  }

.register h2 { margin-bottom: 1em;}
.register .personal { float: left;  display: block; width: 33%; margin-left: 1em; position: relative; }
.register .personal .password { margin: 3em 0px 4em 0px;  display: block; }

.register .textbox { width: 80%; }
.register .textbox-wide { width: 85%; }
.register .experience { float: left; display: block; width: 32%; position: relative; }
.register .experience p { margin-right: 10px; }
.register .experience p.remits { background: #f8f8f5; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em;  border: 1px #e7e6dd solid; padding: 1em; }
.register .experience p.remits span { display: block; float: left; width: 50%; margin: 0.2em 0px; font-size: 90%; line-height: 1.7em;  }
.register .experience p.remits span.clear { float: none;  }
.register .references { float: left;  display: block; width: 32%; padding-top: 1em; position: relative; }
.register .references p { margin-left: 1em; } 
.register .references h5 { margin-left: 1em; }

.register .experience div.questions { background: #f8f8f5; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em;  border: 1px #e7e6dd solid; padding: 1em; margin-right: 1em;}

.register .large { position: absolute; right: 1em; top: 1em; }

.required { color:#CC0000; font-size: 24px;   }
.notes { font-size: 85%; display: block; }

.portlet.FAQ .FAQ { float: left; margin-top: 36px; width: 33%; }
.FAQpanel { float: left; width: 65%; position: relative; margin-left: 1%; margin-top: 36px; }
.FAQpanel .entry { display: block; clear: both;  }
.FAQpanel .entry .question { display: block; float: left; font-size: 118%; font-weight: bold; width: 25%; margin-right: 5%; font-family: Times, serif; color: #4c7094;  margin-top: 0.9em; }
.FAQpanel .entry .question p { line-height: 1.1em; }
.FAQpanel .entry .answer { display: block; float: left; width: 70%; margin-top: 1em; }
.FAQpanel .entry .answer p { margin-bottom: 1em; }
.FAQpanel .entry .answer ul { margin-bottom: 1em; margin-left: 1em; }
.FAQpanel .entry .answer h6 { margin-bottom: 1em; }

.publicResources .portlet .portletInner { background: #fff url(../images/mouse1.jpg) no-repeat right top; min-height: 300px; position: relative; }
.publicResources .portlet .portletInner p { margin-left: 10px; margin-right: 350px;  }
.publicResources .portlet .portletInner ul { margin-left: 10px;  margin-right: 350px; margin-top: 30px;  }
.publicResources .portlet .portletInner ul li { list-style-type: none; background: url(../images/downloadDoc.gif) no-repeat left top; padding-left: 40px; }
.publicResources .portlet .portletInner ul li strong { display: block; }


/* ---- languages ---- */

div.langDropdown { position: absolute; top: 10px; right: 10px; width: 400px; z-index:999; }
div.langDropdown ul.languages { display: none; margin: 0px; width: 400px; background: #fff;  border: 1px solid #e5eaef; padding: 5px;  }
div.langDropdown ul.languages.show { display: block; }
ul.languages li.selected { background:#e7e6dd;  }
ul.languages li:hover { background:  #dbd8bd;  }
ul.languages li:hover a { color: #fff; }
ul.languages li input[type="radio"] { display: none; width: 400px; height: 16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: .20; }
ul.languages li { line-height: 20px; height: 20px; position: relative; list-style-type: none; cursor: pointer; width: 50%; float: left; }
ul.languages li span { position: absolute; left: 5px; top: 10px; margin-top: -7px; display: block; height: 14px; width: 20px; background-image: url(../images/flags/smallFlags.gif);  background-repeat: no-repeat; }
ul.languages li i { position: absolute; left: 35px; font-style: normal; display: block; width: 300px;  }
.langDropdown h4 { padding-right: 25px; margin: 0px 0px 5px 0px; text-align: right; color: #00aeef; cursor: pointer;   }
.langDropdown h4:hover { color: #f3901d;  }
.langDropdown h4 span { position: absolute; right: 0px; top: 10px; margin-top: -7px; display: block; height: 14px; width: 20px; background-image: url(../images/flags/smallFlags.gif);  background-repeat: no-repeat; }
.langDropdown h4 i { font-style: normal; }
ul.languages li.clear { width: 100%; clear: both; visibility: hidden; float: none; height: 1px;  }

.albanian span { background-position: left -14px; }
.arabic span { background-position: left -28px; }
.bengali span { background-position: left -42px; }
.bulgarian span { background-position: left -56px; }
.chinesesimple span { background-position: left -70px; }
.chinesetrad span { background-position: left -70px; }
.croation span { background-position: left -84px; }
.czech span { background-position: left -98px; }
.english span { background-position: left 0px; }
.farsi span { background-position: left -112px; }
.french span {  background-position: left -126px; }
.german span { background-position: left -140px; }
.greek span { background-position: left -154px; }
.gujarati span { background-position: left -168px; }
.hindi span {  background-position: left -168px; }
.italian span { background-position: left -182px; }
.japan span { background-position: left -196px; }
.kurmanji span { background-position: left -210px; }
.sorani span { background-position: left -210px; }
.latvian span { background-position: left -224px; }
.lingala span { background-position: left -238px; }
.lithanian span { background-position: left -252px; }
.nepali span { background-position: left -266px; }
.polish span { background-position: left -280px; }
.portuguese span { background-position: left -294px; }
.punjabi span { background-position: left -168px; }
.romanain span { background-position: left -308px; }
.russian span { background-position: left -322px; }
.serbian span { background-position: left -336px; }
.slovak span { background-position: left -350px; }
.somali span { background-position: left -364px; }
.spanish span { background-position: left -378px; }
.swahili span { background-position: left -392px; }
.tamil span { background-position: left -168px; }
.thai span { background-position: left -406px; }
.turkish span { background-position: left -420px; }
.urdu span { background-position: left -434px; }
.vietnamese span { background-position: left -448px; }
.yoruba span { background-position: left -462px; }



/* -- PQ -- */


p.idNumber { display: none;  }

.PQ { padding-right: 20px; }
.PQ h3 {  border-bottom: 1px solid #09c; padding-bottom: 3px; margin-bottom: 3px; }
.PQ h4 { margin-bottom: 24px; }
.PQ .answers { width: 50%; float: left; }
.PQ .answers p strong { font-family: 'arial rounded MT bold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; display: block; color: #09c; width: 62%;  }
 .PQ .answers p { border-bottom: 1px solid #09c; padding-bottom: 12px; width: 90%; font-size: 14px; }

.hl {  }
.comments {  width: 50%; float: left; min-height: 100%; postion: relative;  }
.comments p.comm { position: relative; }
.comments p.comm span { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; cursor: pointer; }
.comments p.comm span:hover { }
.comments p.comm span.negative strong { color: #c03; }
.comments p.comm span.positive strong { color: #4fa600; }
.comments p.comm span.alert strong { color: #b38f00; }
.comments p.entry { font-size: 14px; padding: 10px; line-height: 18px; border: 1px solid #ccc; -moz-border-radius: 0.9em; -webkit-border-radius: 0.9em; border-radius: 0.9em; margin-bottom: 0px; }
.comments p.entry.fade { color: #ccc;  }
.comments p.entry.fade span { border-color: #ccc;  }
.comments p span.neg { border-bottom: 1px dotted #333; }
.comments p span.neg.on { background: #f5ccd6;  border-bottom: none; color: #000; }
.comments p span.pos { border-bottom: 1px dotted #333; }
.comments p span.pos.on { background: #dcedcc;  border-bottom: none; color: #000;  }
.comments p span.alert { border-bottom: 1px dotted #333; }
.comments p span.alert.on { background: #ffe066;  border-bottom: none; color: #000;  }
.comments p span.hl { background: #999; color: #fff; padding: 0px;  position: relative;}
.comments .button { float: right; }

.highlight { margin-top: 30px; }
.highlight p { margin: 0px 0px 0px 0px;  width:62%; clear: both; }
.highlight p.selection { display: none;  }
.highlight a.mark { text-align: center; display: block;  }
.highlight .saved p .delete { display: block;  }
.highlight p.neg { color: #c03; background: url(../images/quotes.gif) no-repeat left 10px; padding: 10px 10px 10px 35px; }
.highlight p.pos { color: #4fa600; background: url(../images/quotesGreen.gif) no-repeat left 10px; padding: 10px 10px 10px 35px; /*float: right;*/ }
.highlight p.alert { color: #b38f00; background: url(../images/quotesYellow.gif) no-repeat left 10px; padding: 10px 10px 10px 35px; }

.highlight h5 { margin: 10px 0px 0px 20px; }

div.ratings { visibility: hidden; margin-top: 6px; }
div.ratings.on { visibility: visible; }
div.ratings a { padding-left: 20px; line-height: 20px; }
div.ratings a span { display: none; }
div.ratings a.complaint { background: url(../images/icon_complaints.gif) no-repeat left center; color: #c03;  }
div.ratings a.praise { background: url(../images/icon_praise.gif) no-repeat left center; color: #3f8500; }
div.ratings a.alert { background: url(../images/icon_alert.gif) no-repeat left center; color: #e6b800; }

ul.pages { height: 30px; clear: both; position: relative; margin-top: 11px;  }
ul.pages li { list-style-type: none; line-height: 20px;  }
ul.pages li a { background-image: url(../images/pagination_icons.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 20px; height: 20px; cursor: pointer; }
ul.pages li.first  { position: absolute; left: 0px; top: 0px;  }
ul.pages li.first a { background-position: 0px top; }
ul.pages li.first a:hover { background-position: 0px bottom; }
ul.pages li.prev { position: absolute; left: 25px; top: 0px;    }
ul.pages li.prev a { background-position: -40px top; }
ul.pages li.prev a:hover { background-position: -40px bottom; }
ul.pages li.numbers { width: 100%; text-align: center; }
ul.pages li.next { position: absolute; right: 25px; top: 0px;    }
ul.pages li.next a { background-position: -60px top; }
ul.pages li.next a:hover { background-position: -60px bottom; }
ul.pages li.last { position: absolute; right: 0px; top: 0px;    }
ul.pages li.last a { background-position: -20px top; }
ul.pages li.last a:hover {  background-position: -20px bottom;  }

ul.filtering { background: #e5eaef; height: 100%; padding: 12px 18px; margin-bottom: 24px; -moz-border-radius: 0.9em; -webkit-border-radius: 0.9em; border-radius: 0.9em;}
ul.filtering li { list-style-type: none; display: block; float: left; width: 47%; padding: 0.3em;   }
ul.filtering li.clear { display: block; float: none;  }

.Adv_filters { position: absolute; right: 20px; }

hr { border: none; border-bottom: 1px solid #09c; margin: 11px 0px;  }

/* Helpdesk contact numbers */
.helpdesks h5 { color: #007c85;  }
.helpdesks p strong { color: #f3901d; }
 


/* -------------------------------- IE6 Fixes ------------------------------- */

* html .home .portlet .portletInner { height: 600px; }

* html #navigation { background: none; }
* html #navigation li {	background-image: none; }

.error { background: url(../images/quotes.gif) no-repeat left 3px;  height: 35px; line-height: 16px; font-style: italic2; padding-left: 33px; font-size: 14px; color: #930; font-weight: normal; margin: 0px 0px 20px 0px; font-weight: bold; }
.error * { list-style-type: none; }