/* @override http://pccox.pixel-works.co.uk/fileadmin/layout/2009/css/layout.css */

/* @group clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* @end*/

body{
	margin: 0;
	background-image: url(../img/bodyBg.gif);
	background-repeat: repeat-x;
}

form{
	margin: 0;
}

#header{
	position: absolute;
	height: 162px;
	width: 800px;
	left: 0;
}
#navTop{
	background-repeat: repeat-x;
	position: absolute;
	height: 24px;
	width: 800px;
	left: 0;
	top: 163px;
}
#arrowRight{
	background-image: url(../img/arrowRight_bg.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 10px;
	width: 57px;
	left: 0;
	top: 207px;
}
#colLeft{
	position: absolute;
	width: 271px;
	left: 56px;
	top: 207px;
}
#colCenter{
	position: absolute;
	width: 221px;
	left: 327px;
	top: 207px;
}
#colRight{
	position: absolute;
	width: 210px;
	left: 549px;
	top: 187px;
}
#footer{
	visibility: hidden;
	position: absolute;
	width: 100%;
	left: 0;
}

#footerNav{
	height: 19px;
	left: 0;
	background-color: #359eec;
}


/* login box */
.loginCont {
	color: #fff;
	width: 200px;
	background: #D9DADB;
}

.loginCont a{
	font-weight: normal;
	color:#4c4c4c;
}

.loginCont form{

}

.loginCont form p.break {
	clear: both;
	margin: 0;
	font-size: 9px;
	margin-left: 7px;
	width: 193px;
}
.loginCont p label{
	float: left;
	width: 55px;
	margin-top: 5px;
}
.loginCont p input.text{
	float: right;
	width: 118px;
	margin-top: 5px;
}

.topFade {
	background: url(../img/login/topFade.gif) no-repeat top right;
	padding: 5px;
}

.bottomFade {
	background: url(../img/login/bottomFade.gif) no-repeat bottom right;
}

img.corner {
   width: 19px;
   height: 19px;
   border: none;
   display: block !important;
}
.loginButton {
	border: 1px solid #ADADAD;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	float: right;
	margin: 0;
	width: 70px;
}

/* navigation */
.navFooter{
	color: #FFFFFF;
	font-size: 9px;
	margin: 0;
	margin-top: 3px;
	margin-left: 7px;
}

/* fe_user_admin */

#fe_user_admin{
	width: 468px;
}

#fe_user_admin h1{
	font-size: 11px;
	color: #008AC8;
	mergin-top: 0;
}


#fe_user_admin form p{
	width: 300px;
	height: 25px;
	margin: 0;
	clear: both;
	margin-left: 36px;
	display: block;
}

p.error{
	margin-left: 121px;
	font-style: italic;
	color: #FF0000;
	margin-bottom: 10px;
}
#fe_user_admin form p label{
	float: left;
	width: 103px;
	text-align: left;
}
#fe_user_admin form p input.text{
	float: right;
	width: 179px;
}
#fe_user_admin form p textarea{
	float: right;
	width: 179px;
}
#fe_user_admin form p input.button{
	float: right;
	background-color: #FFFFFF;
	border: 1px solid #66B9DE;
	color: #66B9DE;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0;
	margin-top: 10px;
}

/* forgotten password */
#fe_user_admin form.forgotten p{
	width: 468px;
	height: 25px;
	margin: 0;
	clear: both;
	display: block;
}
#fe_user_admin form.forgotten p input.text{
	float: left;
}
#fe_user_admin form.forgotten p input.button{
	float: left;
	margin: 0;
	margin-left: 15px;
}

/* nf_downloads */
.downloads p{
  color: #008AC8
  vertical-align: middle;
  margin: 0;
}

.downloads td{
  vertical-align: middle;
}

/*  ----   headings    ---- */
.headingImage{
  position: relative;
  left: -57px;
  width: 57px;
  height: 10px;	
  background-image: url(../img/arrowRight_bg.png);
  background-position: left;
  background-repeat:no-repeat;
  border: 1px solid #000000;
  margin: 0;
  padding: 0;
  display:inline;
}

/* ---- fe_user_admin ---- */

#contact{
	width: 468px;
}

#contact h1{
	font-size: 11px;
	color: #008AC8;
	mergin-top: 0;
}


#contact form p{
	width: 300px;
	height: 25px;
	margin: 0;
	clear: both;
	margin-left: 36px;
	display: block;
}

p.error{
	margin-left: 121px;
	font-style: italic;
	color: #FF0000;
	margin-bottom: 10px;
	height: auto;
}
#contact form p label{
	float: left;
	width: 103px;
	text-align: left;
}
#contact form p input.text{
	float: right;
	width: 179px;
}
#contact form p textarea{
	float: right;
	width: 179px;
}
#contact form p input.button{
	float: right;
	background-color: #FFFFFF;
	border: 1px solid #66B9DE;
	color: #66B9DE;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0;
	margin-top: 10px;
	width: 70px;
}

.features p{
	margin: 0;
}
.features td{
	padding: 5px 11px;
	vertical-align: middle;
}
.row-odd{
	background-color: #ccecfb;
	border-bottom: 1px solid #FFFFFF;
}
.row-even{
	background-color: #9ad4f3;	
	border-bottom: 1px solid #FFFFFF;	
}
.compare{
	width: 150px;
}
.compare td {
	height: 16px;
}
.compare td.logo{
	height: 53px;
}
.compare td.image{
	height: 72px;
}
.compare td.features{
	height: 29px;
	background-image: url(../img/displayCompare/featuresBg.gif);
	background-repeat: repeat-x;
	vertical-align: top; 
}
.compare td.bdrLeft{
	border-left: 2px solid #ffffff;
}

/*--- search box rounded corner ----*/

.search select.select, .search input.text{
	width: 145px;
}
.button {
	border: 1px solid #008cda;
	color: #ffffff;
	background-color: #008cda;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	float: right;
	font-size: 11px;
	margin: 5px 0;
	width: 120px;
}

/***********
 * results 
 **********/
 .displaySearchResults{
 	width: 468px;
 }
 
 .results-cell{
 	border-bottom: 1px solid #B2DCEE;
	padding: 10px 0;
 }
 .searchImage{
 	border: 1px solid #B2DCEE;
 }
 
 #colRight .tx-newloginbox-pi1 {
    padding: 5px; 
    background-color: #d2d3d4;
 }
 
 
 .tx-newloginbox-pi1 p{
	margin: 0;
	font-size: 9px;
	margin-left: 7px;
	margin-right: 7px;	
 }
 .tx-newloginbox-pi1 input.text{
 	width: 118px;
	margin-top: 5px;
 }
 .tx-newloginbox-pi1 input.button{
 	border: 1px solid #B2DCEE;
	color: #66B9DE;
	background-color: #ffffff;	
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	float: right;
	font-size: 11px;
	margin: 5px 0;
 }
 
 /* --- glossary styles */
 .techSpecs{
 	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	
 }
 .techSpecs td, .techSpecs th{
 	text-align: center;
	padding: 6px;
 }
 .techSpecs th{
  	background-color: #000000;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	width: 33%;
 }
 
 .techSpecs .row1{
 	background-color: #DFDFDF;
 }
 
 .techSpecs .row2{
 	background-color: #FFFFFF;
 }
 
 /* ccs styled content */
 #colCenter dl.csc-textpic-image,
 #colRight dl.csc-textpic-image {
    margin: 0;
 }
 
 .addDropShadow {
    background-color: #fff;
 }

/* @group survey */

.tx-pbsurvey-pi1 {
	padding: 10px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tx-pbsurvey-pi1 h1 {
	font-size: 12px;
	color: black;
	padding: auto 0;
}

.tx-pbsurvey-pi1 .barcontainer {
	background-color: transparent;
	border:	none;
	height:	30px;
	width:	300px;
	margin: 5px auto 5px auto;
	right: auto;
}

#surveyContent {
	padding: 10px;	
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

#frmPbSurvey {
	padding-top: 20px;
}

.tx-pbsurvey-pi1 .ui-button {
	font-size: 11px;
	padding: 0.5em 1.5em;
	cursor: pointer;
}

.tx-pbsurvey-pi1 .question {
	color: #000;
	font-size: 12px;
}	

.tx-pbsurvey-pi1 fieldset {
	border: none;
	font-size: 1em;
}

.tx-pbsurvey-pi1 textarea {
	width: 780px;
}

ul.horiz {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
ul.horiz li {
	float: left;
	width: 20%;
}
ul.horiz li label{
	margin-top: 0.5em;
	display: block;
	width: 100%;
	text-align: center;
}
ul.horiz li input {
	text-align: center;
	display: block;
	margin: 1em auto 0 auto;
	}

.tx-pbsurvey-pi1 .pagenumbering {
	display: none;
}
.answerGrid {
	width: 780px;
}

.answerGrid th {
	font-size: 10px;
	text-align: left;
	width: 550px;
}

.answerGrid td {
	font-size: 10px;
}

.answerGrid td.smilie {
	text-align: center;
	font-size: 14px;
}

.answerGrid td.option {
	text-align: center;
}

.answerGrid tr.head td {
	height: 26px;		
	padding: 0;
}

.tx-pbsurvey-pi1 .sadface {
	height: 26px;
	width: 26px;
	background-image: url(../img/faces/sadface.gif);
	background-repeat: no-repeat;
}

.tx-pbsurvey-pi1 .normalface {
	height: 26px;
	width: 26px;
	background-image: url(../img/faces/normalface.gif);
	background-repeat: no-repeat;
}

.tx-pbsurvey-pi1 .happyface {
	height: 26px;
	width: 26px;
	background-image: url(../img/faces/happyface.gif);
	background-repeat: no-repeat;
}

.tx-pbsurvey-pi1 #surveyContent.ui-widget input,
.tx-pbsurvey-pi1 #surveyContent.ui-widget td {
	font-size: 11px;
}

.loggedInOnly {
	display: none;
}


/* @end */