*
{
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
}

body
{
	text-align: left;
	font-size: medium;
}

input .radioBtn
{
	border-style: none;
}

input .checkBox
{
	border-style: none;
}

p.spacer {
	padding: 0px;
}

.cursorWait
{
	cursor: wait;
}

.cursorAuto
{
	cursor: auto;
}

.companyLogo
{
	clear: none;
	margin: 5px 5px 5px 5px;
}

.imgBtn
{
	float: right;
	padding: 2px 8px 2px 2px;
}

.imgBtnC
{
	text-align: center;
	padding: 2px 16px 2px 2px;
}

div#mainBody
{
	width: 100%;
	height: 100%;
	height: auto !important;
	min-width: 950px;
	min-height: 550px;
	text-align: left;
	clear: both;
}

div#contentBody
{
	background-color: white;
	margin-bottom: 20px;
	clear: both;
}

div#mainFooter
{
	border: 0;
	background: url(Images/footer.png) repeat-x;
	height: 18px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 99%;
	min-width: 900px;
	font-size: 8pt;
}

/* FeedbackMain.aspx */
.chart
{
	float: left;
	width: 32%;
	margin: 2px 2px 2px 2px;
	clear: none;
}
/* FeedbackMain.aspx */

/* CustomerDetails.aspx */
.clientData
{
	clear: both;
	padding-bottom: 10px;
	width: 100%;
}

.clientData .label,
.clientData .labelShort,
.clientData .labelLong
{
	float: left;
	width: 30%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 2%;
}

.clientData .labelShort
{
	width: 15%;
}

.clientData .labelLong
{
	width: 45%;
}

.clientData .detail,
.clientData .detailShort
{
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 2%;
}
.clientData .detailShort
{
	width: 45%;
}
/* CustomerDetails.aspx */

/* QuestionSets.aspx, CustomQuestionSets.aspx */
div#companyQuestionsPanel,
div#companyAddQuestionsPanel
{
	position: relative;
	margin-left: 0.5%;
	width: 99%;
	min-width: 742px;
	clear: both;
}
/* QuestionSets.aspx, CustomQuestionSets.aspx */

/* Login.aspx */
div#loginPanel
{
	margin-left: 0.5%;
	width: 39.5%;
	min-width: 297px;
	clear: none;
	float: left;
}

div#registerPanel
{
	margin-left: 1%;
	width: 58.5%;
	min-width: 347px;
	float: left;
	clear: none;
}

#hlRegister1
{ 
	padding-top:3px;
	padding-right: 30px;
	float: right;
}
/* Login.aspx */

/* ForumPostAdd.aspx */
.forumData
{
	font-size: 0.8em;
	clear: both;
	padding-bottom: 5px;
	width: 100%;
}

.forumData .central
{
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.forumData .label
{
	padding-left: 5px;
	clear: both;
	width: 98%;
}

.forumData .input
{
	margin-left: 5px;
	clear: both;
	width: 98%;
}
/* ForumPostAdd.aspx */

div#questionnaireResponsesPanel,
div#questionnaireInboxPanel,
div#questionResponsesPanel,
div#registerCompletePanel,
div#companyUsersPanel,
div#enquiryPanel,
div#feedbackGroupsPanel,
div#selectUserPanel,
div#questionAdminPanel
{
	margin-left: 0.5%;
	width: 99%;
	min-width: 742px;
	clear: both;
}

/* QuestionnaireInbox.aspx */
.inbox
{
	width: 100%;
	margin-bottom: 3px;
	clear: both;
}

.inboxSearch
{
	padding-top: 10px;
	margin-bottom: 5px;
	width: 30%;
	float: left;
}

.inboxSearch .label
{
	padding-left: 2%;
	float: left;
	width: 50%;
}

.inboxSearch .input
{
	width: 45%;
}

.inboxSearch .inputF
{
	width: 45%;
	float: left;
}

.inboxSearch .label90
{
	float: left;
	width: 95%;
	clear: right;
}
/* QuestionnaireInbox.aspx */

/* QuestionBreakdown.aspx */
div#optionsPanel,
div#viewPanel
{
	margin: 0 5px 5px 5px;
}

.optionsData
{
	font-size: 0.8em;
	clear: both;
	padding-bottom: 5px;
	width: 100%;
}

.optionsData .label
{
	position: relative;
	padding-left: 2%;
	float: left;
	width: 35%;
}

.optionsData .labelFull
{
	margin-left: 2%;
	width: 95%;
}

.optionsData .input
{
	position: relative;
	margin-right: 2%;
	width: 55%;
}
/* QuestionBreakdown.aspx */

/* EditUser.aspx */
div#editUserPanel
{
	margin-left: 0.5%;
	width: 58.5%;
	min-width: 430px;
	float: left;
	clear: none;
}

div#securityQuestionPanel
{
	margin-left: 0.5%;
	width: 40%;
	min-width: 300px;
	float: left;
	clear: none;
}
/* EditUser.aspx */

/* PasswordRecovery.aspx */
div#recoverPasswordPanel
{
	margin-left: 0.5%;
	width: 70%;
	min-width: 400px;
	clear: both;
}
/* PasswordRecovery.aspx */

/* Home.aspx */
div#homeFeedbackPanel
{
	margin-left: 0.5%;
	width: 95%;
	clear: both;
}
/* Home.aspx */

/* TCF.aspx */
div#tcfPanel
{
	margin-left: 0.5%;
	background-image: url(Images/TCF_watermark_people.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.tcfText
{
	width: 98%;
	padding: 2px 2px 2px 2px;
	font-size: small;
	clear: both;
}

.tcfOutcome
{
	margin: 2px 2px 2px 2px;
	font-size: medium;
	clear: both;
}
.tcfOutcome img
{
	float: left;
	padding-right: 2px;
}
/* TCF.aspx */

/* Register.aspx */
.searchData
{
	font-size: 0.8em;
	padding-bottom: 5px;
	width: 30%;
	float: left;
}

.searchData .label
{
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

.searchData .input
{
	margin-right: 10px;
	float: left;
	width: 50%;
}

.l10
{
	font-size: 0.8em;
	margin-left: 10px;
	float: left;
	width: 9%;
	padding-bottom: 5px;
}

.companyData
{
	font-size: 0.8em;
	clear: both;
	margin-bottom: 5px;
	width: 100%;
}

.companyData .image
{
	margin-left: 2px;
	float: left;
}

.companyData .label5
{
	margin-left: 10px;
	float: left;
	width: 5%;
}

.companyData .label10
{
	margin-left: 10px;
	float: left;
	width: 9%;
}

.companyData .label15
{
	margin-left: 10px;
	float: left;
	width: 14%;
}

.companyData .label20
{
	margin-left: 10px;
	float: left;
	width: 20%;
}

.companyData .label40
{
	margin-left: 10px;
	float: left;
	width: 40%;
}

.companyData .label
{
	margin-left: 10px;
	float: left;
	width: 30%;
}

.companyData .label47
{
	margin-left: 10px;
	float: left;
	width: 47%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.companyData .label60
{
	margin-left: 10px;
	float: left;
	width: 60%;
}

.companyData .label75
{
	margin-left: 10px;
	width: 75%;
	clear: right;
}

.companyData .label80
{
	margin-left: 10px;
	width: 80%;
	clear: right;
}

.companyData .label80r
{
	margin-right: 15%;
	float: right;
	clear: right;
}

.companyData .label90
{
	margin-left: 10px;
	clear: both;
	width: 90%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.companyData .input5
{
	margin-right: 3px;
	width: 5%;
}

.companyData .input50
{
	margin-right: 3px;
	width: 50%;
}

.companyData .input55
{
	margin-right: 3px;
	width: 55%;
}

.companyData .input60
{
	margin-right: 3px;
	width: 60%;
}

.companyData .input62
{
	margin-right: 3px;
	width: 62%;
}

.companyData .input70
{
	margin-right: 3px;
	width: 70%;
}

.companyData .input72
{
	margin-right: 3px;
	width: 72%;
}

.companyData .input80
{
	margin-right: 3px;
	width: 80%;
}

.companyData .input85
{
	margin-right: 3px;
	width: 85%;
}

.companyData .input
{
	margin-right: 3px;
	width: 40%;
}

.companyData .input35
{
	margin-right: 3px;
	width: 35%;
}

.companyData .input30
{
	margin-right: 3px;
	width: 30%;
}

.companyData .input20
{
	margin-right: 3px;
	width: 20%;
}

.companyData .input15
{
	margin-right: 3px;
	width: 15%;
}

.companyData .inputF
{
	margin-right: 3px;
	width: 20%;
	float: left;
}

.companyData .input40F
{
	margin-right: 3px;
	width: 40%;
	float: left;
}

.companyData .mar50
{
	margin-left: 50%;
	float: left;
	margin-right: 3px;
}

/* Register.aspx */

/* AboutUs.aspx */
div#aboutUsPanel
{
}
/* AboutUs.aspx */

/* ContactUs.aspx */
div#contactUsPanel
{
}
/* ContactUs.aspx */

/* ArticleDetails.aspx */
div#articlePanel
{
	margin-left: 10.5%;
	width: 89%;
}

.documentText
{
	margin-left: 10.5%;
}
/* ArticleDetails.aspx */

.separator,
.separatorCm
{
	clear: both;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5px;
}

.mandatory
{
	background-color: #FFFFCC;
}

.error,
.behalf
{
	clear: both;
	color: Red;
	width: 90%;
	font-weight: bold;
	margin: 5px 5px 5px 5px;
}

.ucase
{
	text-transform: uppercase;
}

.capital
{
	text-transform: capitalize;
}

.oneFivePC
{
	width: 14%;
	min-width: 105px;
	float: left;
	clear: left;
}

.twentyPC
{
	width: 19%;
	min-width: 142px;
	float: left;
}

.threeFivePC
{
	width: 33%;
	min-width: 247px;
	float: left;
}

.oneQuarter
{
	width: 24%;
	min-width: 182px;
	float: left;
}

.oneThird
{
	width: 32%;
	min-width: 236px;
	float: left;
}

.oneThirdNM
{
	width: 32%;
	float: left;
}

.oneThirdPadl
{
	width: 30%;
	min-width: 236px;
	float: left;
	margin-right: 2px;
	padding-left: 2%;
}

.oneThirdPadr
{
	width: 30%;
	min-width: 236px;
	float: left;
	margin-left: 2px;
	padding-right: 2%;
}

.fourPC
{
	width: 39%;
	min-width: 293px;
	float: left;
	margin-left: 0.5%;
}

.fourFivePC
{
	width: 44%;
	min-width: 330px;
	float: left;
	margin-left: 0.5%;
}

.fourFivePCNM
{
	width: 44%;
	float: left;
	margin-left: 0.5%;
}

.fiveFivePCNM
{
	width: 54%;
	float: left;
	margin-left: 0.5%;
}

.sixPC
{
	width: 59%;
	min-width: 443px;
	float: left;
	margin-left: 0.5%;
}

.twoThirds
{
	width: 65%;
	margin-left: 2px;
	min-width: 483px;
	float: left;
}

.twoThirdsNM
{
	width: 65%;
	margin-left: 2px;
	float: left;
}

.twoThirdsPadl
{
	width: 62%;
	min-width: 483px;
	float: left;
	margin-right: 2px;
	padding-left: 2%;
}

.twoThirdsPadr
{
	width: 62%;
	min-width: 483px;
	float: left;
	margin-left: 10px;
	padding-right: 2%;
}

.threeQuarters
{
	width: 72%;
	min-width: 546px;
	float: left;
}

.half
{
	width: 48%;
	margin-left: 5px;
	min-width: 360px;
	float: left;
}

.halfNF
{
	width: 48%;
	margin-left: 5px;
	min-width: 360px;
}

.halfNM
{
	width: 48%;
	margin-left: 5px;
	float: left;
}

.halfNMF
{
	width: 48%;
	margin-left: 5px;
}

.eightFivePC
{
	width: 84%;
	min-width: 630px;
	float: left;
}

.full
{
	width: 100%;
	min-width: 750px;
	clear: both;
}

.fullNM
{
	width: 100%;
	clear: both;
}

.headerButton
{
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}

.contentHeaderButton
{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.contentHeaderEr,
.contentHeaderBl,
.contentHeaderM,
.contentHeaderSb,
.contentHeaderMB
{
	clear: both;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contentHeaderEr,
.contentHeaderBl,
.contentHeaderM,
.contentHeaderSb
{
	height: 36px;
}

.subHeaderM,
.subHeaderMM,
.subHeaderCm
{
	clear: both;
	width: 100%;
	margin-bottom: 3px;
}

.headerText
{
	width: 56%;
	padding-left: 2%;
	font-size: 18pt;
	line-height: 27pt;
	font-weight: bold;
	color: White;
}

.midHeaderText
{
	margin: 0 15px 0 15px;
	display: block;
	font-size: small;
	font-weight: bold;
}

.subHeaderText
{
	display: inline;
	line-height: 2em;
	margin-left: 10px;
	margin-right: 5px;
	font-size: small;
	font-weight: bold;
	color: White;
}

.subHeaderDetail
{
	display: inline;
	line-height: 2em;
	margin-left: 10px;
	margin-right: 20px;
	font-size: small;
	font-weight: normal;
	color: White;
}

.bl
{
	background: url(images/bl.gif) 0 100% no-repeat;
}
.br
{
	background: url(images/br.gif) 100% 100% no-repeat;
}
.tl
{
	background: url(images/tl.gif) 0 0 no-repeat;
}
.tr
{
	background: url(images/tr.gif) 100% 0 no-repeat;
}

.blg
{
	background: url(images/blg.gif) 0 100% no-repeat;
}
.brg
{
	background: url(images/brg.gif) 100% 100% no-repeat;
}
.tlg
{
	background: url(images/tlg.gif) 0 0 no-repeat;
}
.trg
{
	background: url(images/trg.gif) 100% 0 no-repeat;
}

#HdrContainer 
{
	position: relative;
	background-image: url(images/top_header.png);
	background-repeat: repeat-x;
	margin: -10px auto 2px auto;
	text-align: left;
	height: 80px;
}

.HdrImgLeft 
{
	position: absolute;
}

#TopMenuBar 
{
	text-align:left;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
	height: 36px;
	margin: auto auto auto auto;
	width: 100%;
}

#MenuOptions 
{
	margin-top: 10px;
	position: relative;
	float: right;
	padding-right: 0px;
	width: 60%;
}

#hlContact 
{
	position: absolute;
	left: 20px;
	top: 22px;
}

#hlAboutUS 
{
	position: absolute;
	left: 130px;
	top: 22px;
}

#hlRegister 
{
	position: absolute;
	left: 220px;
	top: 22px;
}

.txtSearch
{
	position: absolute;
	left: 380px;
	top: 20px;
}

.txtSearchBtn
{
	position:absolute;
	left:550px;
	top:20px;
}

.hlMenuLogin
{
	position: absolute;
	left: 310px;
	top: 22px;
	font-size: 10pt;
	text-decoration: none;
}

a.hlMenuLogin:hover
{
	text-decoration: none;
}

a.hlMenu
{ 
	text-decoration: none;
	text-align: right;
	padding-right:3px;
	padding-bottom:6px;
	font-size: 10pt;
}

a.hlMenu:hover
{
	text-decoration: none;
}

.panelText
{
	margin: 10px;
	text-align: left;
}

.panelTextCentre
{
	margin: 10px;
	text-align: center;
}

.panelTextBold
{
	margin: 10px;
	text-align: left;
	font-weight: bold;
}

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalHeaderWhite
{
	font-weight :bold;
	color: White;
	text-align: left;
	cursor: move;
	width: 100%;
}

.modalPopupWhite
{
	z-index: 2000;
	background-color: White;
	border: solid 2px;
	width: 100%;
}

/* Rounded Panel */
.inset {background: transparent;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#f9f9f9; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#f9f9f9; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#f9f9f9; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#f9f9f9; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#f9f9f9; border-left:1px solid #eee; border-right:1px solid #fff;}

.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#f9f9f9; border-left:1px solid #999; border-right:1px solid #fff;}

.inset .boxcontent h3
{
	margin: 0em 1em 1em 1em;
}

.inset .boxcontent h4
{
	margin: 0.5em 1em 0em 1em;
}

.inset .boxcontent p
{
	margin: 0em 1em 0em 1em;
}
/* Rounded Panel */

/* Rounded Panel White */
.insetWhite {position: relative; background: White;}
.insetWhite h1, .insetWhite p {margin:0 10px;}
.insetWhite h1 {font-size:2em;}
.insetWhite p {padding-bottom:0.5em;}

.insetWhite .b1, .insetWhite .b2, .insetWhite .b3, .insetWhite .b4, .insetWhite .b1b, .insetWhite .b2b, .insetWhite .b3b, .insetWhite .b4b {display:block; overflow:hidden; font-size:1px;}
.insetWhite .b1, .insetWhite .b2, .insetWhite .b3, .insetWhite .b1b, .insetWhite .b2b, .insetWhite .b3b {height:1px;}
.insetWhite .b2 {background:White; border-left:1px solid #999; border-right:1px solid #aaa;}
.insetWhite .b3 {background:White; border-left:1px solid #999; border-right:1px solid #ddd;}
.insetWhite .b4 {background:White; border-left:1px solid #999; border-right:1px solid #eee;}
.insetWhite .b4b {background:White; border-left:1px solid #aaa; border-right:1px solid #F5F5F5;}
.insetWhite .b3b {background:White; border-left:1px solid #ddd; border-right:1px solid #F5F5F5;}
.insetWhite .b2b {background:White; border-left:1px solid #eee; border-right:1px solid #F5F5F5;}

.insetWhite .b1 {margin:0 5px; background:#999;}
.insetWhite .b2, .insetWhite .b2b {margin:0 3px; border-width:0 2px;}
.insetWhite .b3, .insetWhite .b3b {margin:0 2px;}
.insetWhite .b4, .insetWhite .b4b {height:2px; margin:0 1px;}
.insetWhite .b1b {margin:0 5px; background:#F5F5F5;}

.insetWhite .boxcontent {display:block; background:White; border-left:1px solid #999; border-right:1px solid #F5F5F5;}

.insetWhite .boxcontent h3
{
	margin: 0em 1em 1em 1em;
}

.insetWhite .boxcontent h4
{
	margin: 0.5em 1em 0em 1em;
}

.insetWhite .boxcontent p
{
	margin: 0em 1em 0em 1em;
}
/* Rounded Panel White */

/* Ajax loading panel */
.loadingBackground
{
    position: fixed; 
    top: 0px; 
    bottom: 0px; 
    left: 0px;
    right: 0px;
    overflow: hidden; 
    padding: 0; 
    margin: 0; 
    background-color: White; 
    filter: alpha(opacity=30); 
    opacity: 0.30; 
	z-index: 9999997;
}

.loadingPanel
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999998;
	width: 40px;
	height: 40px;
}

.loadingImage
{
	z-index: 9999999;
	width: 100%;
	height: 100%;
}

/* Ajax loading panel */

/* Listview Styling */
.empty
{
	font-size: 1.2em;
	position: relative;
	clear: both;
}

/* Error Listview layout */
.errorDatatable
{
	font-size: medium;
}

.errorDatatable .grid
{
    width: 100%;
    min-width: 750px;
	clear: both;
}

/* Header styles */
.errorDatatable .grid .head th
{
	font-size: 1.2em;
	font-weight:bold;
	text-align: left;
	letter-spacing:0.1em;
	line-height:1.8em;
	text-transform:uppercase;
	padding:0.8em 1.2em 0.4em 1.6em;
	border:solid 1px #c1dad7;
	border-left-style: none;
	border-right-style: none;
	background-color: #cae8ea;
	text-decoration:none;
	display:block;
}

/* Data cell styles */
.errorDatatable .grid td
{
	font-size:1em;
	padding: 0.6em 1.2em;
	line-height: 1em;
}

.errorDatatable .grid td.first
{
	font-size: 1.2em;
}

.errorDatatable .grid .borderTop td
{
	border-top:solid 1px #f0f0f0;
}
.errorDatatable .grid .borderBottom td
{
	border-bottom:solid 1px #c1dad7;
}
.errorDatatable .grid .row td
{
	background-color:#fff;
}
.errorDatatable .grid .altrow td
{
	background-color:#f5fafa;
}   
.errorDatatable .grid td.central
{
	text-align: center;
} 
/* Error Listview layout */

/* Article Listview layout */
.articleList
{
	font-size: small;
	min-height: 14em;
}

.articleList .grid
{
	margin-left: 0.5%;
	width: 99%;
	clear: both;
}

/* Data cell styles */
.articleList .grid td
{
	padding: 0.8em 0.3em 0 0.3em;
}
/* Article Listview layout */

/* Documents Listview layout */
.documentList
{
	font-size: medium;
	min-height: 16em;
}

/* Header styles */
.documentList .grid .head th
{
	text-align: left;
	font-weight: bold;
	padding:0.8em 1.2em 0.4em 1.2em;
	color: Black;
}

.documentList .grid .title
{
	width: 50%;
}

/* Data cell styles */
.documentList .grid td
{
	padding: 0.6em 0.3em 0 0.3em;
}

.documentList .grid .date
{
	text-align: center;
} 
/* Documents Listview layout */

/* RequestInbox Listview layout */
.requestInbox
{
	font-size: small;
}

.requestInbox .grid
{
	margin-left: 0.5%;
	width: 99%;
	min-width: 742px;
	clear: both;
}

/* Header styles */
.requestInbox .grid .head th
{
	text-align: left;
	font-weight:bold;
	padding:0.8em 1.2em 0.4em 1.2em;
	color: White;
}

.requestInbox .grid .data td
{
	font-weight:bold;
}

/* Data cell styles */
.requestInbox .grid td
{
	padding: 0.6em 1.2em;
}

.requestInbox .grid .center
{
	text-align: center;
} 
/* RequestInbox Listview layout */

/* Forum Listview layout */
.forumDatatable
{
	padding-top: 2em;
	font-size: medium;
}

.forumDatatable .grid
{
    width: 100%;
    min-width: 750px;
	clear: both;
}

/* Header styles */
.forumDatatable .grid .head th
{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.4em 1.2em 0.2em 1.2em;
	color: White;
	text-align: left;
}

.forumDatatable .grid .head th.name
{
	width: 60%;
	text-align: left;
}

/* Data cell styles */
.forumDatatable .grid td
{
	padding: 0.6em 1.2em;
}

.forumDatatable .grid td.first
{
	font-size: 1.1em;
}

.forumDatatable .grid td.numeric,
.forumDatatable .grid td.date
{
	text-align: center;
}
/* Forum Listview layout */

/* Questionnaire Responses Listview layout */
.qResponsesDatatable
{
	font-size: small;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 80%;
	clear: both;
}

/* Header styles */
.qResponsesDatatable .grid .head th
{
	text-align: left;
	padding: 0.4em 0.6em 0.2em 0.4em;
	font-weight: normal;
}

.qResponsesDatatable .grid .head th.first
{
	width: 35%;
	padding: 0.8em 0.6em 0.8em 1em;
	border-right: solid 3px White;
	text-align: left;
}

/* Data cell styles */
.qResponsesDatatable .grid td
{
	padding: 0.6em 1.2em;
	border-top: solid 2px White;
	border-bottom: solid 2px White;
	font-weight: bold;
}

.qResponsesDatatable .grid td.first
{
	border-right: solid 3px White;
	font-weight: normal;
}

.qResponsesDatatable .grid td.numeric
{
	text-align: center;
}
/* Questionnaire Responses Listview layout */

/* Question Breakdown Keys Listview layout */
.keysDatatable
{
	float: left;
	clear: right;
	font-size: smaller;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 50%;
}

.keysDatatable .grid td.label
{
	padding-left: 5px;
	padding-bottom: 5px;
}

.keysDatatable .grid .box
{
	height: 6px;
	border: solid 1px black;
	margin-left: 10%;
	margin-right: 5%;
}
/* Question Breakdown Keys Listview layout */

/* Question Responses Listview layout */
.qnResponsesDatatable
{
	font-size: small;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	clear: both;
}

/* Header styles */
.qnResponsesDatatable .grid .head th
{
	text-align: left;
	padding: 0.4em 0.6em 0.1em 0.1em;
}

.qnResponsesDatatable .grid .head th.score
{
	width: 12%;
	border: solid 2px White;
	font-weight: normal;
}

.qnResponsesDatatable .grid .head th.compare
{
	width: 12%;
	border: solid 2px White;
	font-weight: normal;
}

.qnResponsesDatatable .grid .head th.question
{
	background-color: White;
	border-bottom: solid 1px Gray;
	font-weight: normal;
	display: block;
	margin-left: 10px;
}

.qnResponsesDatatable img
{
	float: left;
	margin-right: 5px;
}

/* Data cell styles */
.qnResponsesDatatable .grid td
{
	padding: 0.6em 1.2em;
}

.qnResponsesDatatable .grid td.score
{
	border-left: solid 2px White;
	border-right: solid 2px White;
	font-weight: bold;
	text-align: center;
}

.qnResponsesDatatable .grid td.compare
{
	border-left: solid 2px White;
	border-right: solid 2px White;
	font-weight: bold;
	text-align: center;
}

.qnResponsesDatatable .grid td.question
{
	background-color: White;
	font-weight: bold;
}

.qnResponsesDatatable .grid td.questionAlt
{
	background-color: White;
	font-weight: normal;
}
/* Questionnaire Responses Listview layout */

/* Benchmarks Listview layout */
.benchmarksDatatable
{
	font-size: small;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 80%;
	clear: both;
}

/* Header styles */
.benchmarksDatatable .grid .head th
{
	text-align: left;
	padding: 0.4em 0.6em 0.1em 0.1em;
	font-weight: bold;
}

/* Data cell styles */
.benchmarksDatatable .grid td
{
	font-weight: normal;
}

.benchmarksDatatable .grid .first
{
	width: 10%;
	padding-left: 3px;
}

.benchmarksDatatable .grid .question
{
	width: 70%;
}

.benchmarksDatatable .grid .last
{
	width: 10%;
}

.benchmarksDatatable .grid .lower
{
	width: 22px;
}

.benchmarksDatatable .grid .upper
{
	width: 22px;
}
/* Benchmarks Listview layout */

/* AddQuestions Listview layout */
.addQuestionsDatatable
{
	font-size: small;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 95%;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
}

/* Header styles */
.addQuestionsDatatable .grid .head th
{
	text-align: left;
	padding: 0.4em 0.6em 0.1em 0.1em;
	font-weight: bold;
}

/* Data cell styles */
.addQuestionsDatatable .grid td
{
	font-weight: normal;
	padding-bottom: 5px;
}

.addQuestionsDatatable .grid .first
{
	width: 60px;
	padding-left: 5px;
	padding-right:5px;
}

.addQuestionsDatatable .grid .question
{
	padding-left: 15px;
	width: 40%;
}

.addQuestionsDatatable .grid .last
{
	width: 10%;
}

.addQuestionsDatatable .grid .lower
{
	width: 22px;
}

.addQuestionsDatatable .grid .upper
{
	width: 22px;
}
/* AddQuestions Listview layout */

/* Group Contents Listview layout */
.groupContentsDatatable
{
	font-size: small;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	clear: both;
}

/* Header styles */
.groupContentsDatatable .grid .head th
{
	padding: 0.4em 0.6em 0.1em 0.1em;
	font-weight: bold;
	border-bottom: solid 1px;
	text-align: left;
}

.groupContentsDatatable .grid .head th.status
{
	width: 15%;
}

.groupContentsDatatable .grid .head th.name
{
	padding-left: 5px;
	width: 65%;
}

.groupContentsDatatable .grid .head th.central
{
	text-align: center;
}

/* Data cell styles */
.groupContentsDatatable .grid td
{
	padding: 0.6em 1.2em;
}

.groupContentsDatatable .grid td.name
{
	font-weight: normal;
}

.groupContentsDatatable .grid td.nameAlt
{
	font-weight: bold;
}

.groupContentsDatatable .grid td.score
{
	text-align: center;
}
/* Group Contents Listview layout */

/* Answer Set Table Layout */
.answerSetTable
{
	font-size: small;
	font-weight: normal;
	text-align: center;
	margin-left: 0.5%;
	width: 99%;
	min-width: 742px;
	clear: both;
}

/* Header styles */
.answerSetTable .grid .head th.answer
{
	width: 25%;
	min-width: 175px;
	font-weight: bold;
	text-align: left;
	border: solid 1px;
}

.answerSetTable .grid .head th.score
{
	width: 7%;
	min-width: 50px;
	font-weight: bold;
	text-align: left;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-right: solid 1px;
}

.answerSetTable .grid .head th.gap
{
	width: 7%;
	min-width: 50px;
	border-color: White;
	border: none;
}

/* Data cell styles */
.answerSetTable .grid tr td
{
	padding: 0.2em 0em 0 0.2em;
	text-align: left;
}

.answerSetTable .grid tr td.answer
{
	border-left: solid 1px;
	border-right: solid 1px;
}

.answerSetTable .grid tr td.score
{
	border-right: solid 1px;
}

.answerSetTable .grid .bottom
{
	border-bottom: solid 1px;
}
/* Answer Set Table Layout */

/* Question Control */
.submissionDatatable .comment
{
	border-style: solid;
	border-width: 1px;
	background-color: Transparent;
	font-size: small;
	width: 98%;
	clear: both;
}

.submissionDatatable .question,
.submissionDatatable .altQuestion
{
	padding: 8px 5px 8px 5px;
	font-size: small;
}

.submissionDatatable .answer
{
	font-weight: bold;
}

.comments
{
	font-size: small;
	clear: both;
	width: 100%;
}

.xLargeText
{
	font-size: x-large;
}

.largeTextWhite
{
	padding: 5px 15px 5px 20px;
	font-size: large;
	font-weight: bold;
	color: White;
}

.padTN
{
	padding-top: 0px;
}

.medText
{
	font-size: medium;
}

.terms
{
	font-size: small;
	float: right;
	clear: both;
}

.termsl
{
	font-size: x-small;
	float: left;
}

.terms a,
.termsl a,
.submission a
{
	font-weight: bold;
}

.clear
{
	clear: both;
}

.clearl
{
	clear: left;
}

.clearr
{
	clear: right;
}

.margin
{
	font-size: small;
	margin: 5px 15px 5px 15px;
}

.border
{
	border: solid 1px #8CAEE7;
}

.bLight
{
	position: relative;
	left: 0;
	top: 0;
	float: left;
}

.bLightValue
{
	position: absolute;
	left: 10px;
	top: 12px;
}

.floatl
{
	float: left;
}

.floatr
{
	float: right;
}

.title
{
	font-size: larger;
}

.pad
{
	padding-left: 10px;
	padding-right: 10px;
}

.padl 
{
	padding-left: 10px;
}

.padr
{
	padding-right: 10px;
}

.marl
{
	margin-left: 10px;
}

.mart
{
	margin-top: 10px;
}

.marb
{
	margin-bottom: 10px;
}

.marn
{
	margin: 0;
}

.marb3
{
	margin-bottom: 3px;
}

.tup
{
	position: relative;
	top: -20px;
}

.hand
{
	cursor: hand;
}

.rText
{
	float: right;
	padding-right: 10px;
	text-align: right;
	margin: auto;
}

.padr
{
	padding-right: 10px;
}

.padt
{
	padding-top: 5px;
}

.padb
{
	padding-bottom: 10px;
}

.iText
{
}

.ital
{
	font-style: italic;
}

.relPos
{
	position: relative;
}

.sup
{
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}

.largeText
{
	clear: both;
	font-size: large;
	padding: 3px 5px 3px 5px;
}

.larger
{
	font-size: larger
}

.just
{
	text-align: justify;
}

.medTextf
{
	font-size: medium;
	padding: 3px 5px 3px 5px;
	float: left;
	line-height: 1.1em;
}

.smallText,
.smallTextJ,
.smallTextP
{
	clear: both;
	font-size: small;
	line-height: 1.8em;
}

.smallTextJ
{
	text-align: justify;
}

.smallTextP
{
	padding: 3px 5px 3px 5px;
}

.smallTextf
{
	font-size: small;
	padding: 3px 5px 3px 5px;
	float: left;
}

.smallTextr
{
	float: right;
	padding: 2px 8px 2px 2px;
	font-size: small;
	clear: right;
}

.justify
{
	text-align: justify;
}

.w50
{
	width: 50%;
	clear: right;
}

.w80
{
	width: 80%;
	clear: right;
}

.w90
{
	width: 90%;
	clear: right;
}

.w100
{
	width: 100%;
}

.smallerText
{
	font-size: x-small;
	padding: 3px 5px 3px 5px;
	display: block;
}

.smallerTextf
{
	font-size: x-small;
	padding: 3px 5px 3px 5px;
	float: left;
}

.small
{
	font-size: small;
}

.smallf
{
	font-size: small;
	float: left;
}

.smaller
{
	font-size: x-small;
}

.centre
{
	text-align: center;
}

.imgCentre
{
	display: block;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.informationLink
{
	float: right;
	padding-right: 3px;
}

.whiteB
{
	background-color: White;
	margin: auto auto auto auto;
}

.white
{
	color: White;
}

.tright
{
	text-align: right;
}

.cal
{
	padding-top: 2px;
	padding-left: 1px;
}

/* FeedbackGroupEdit.aspx */
.importMembers
{
	background-color: #EFEFEF;
	font-size: small;
}

.importMembers .grid
{
    width: 100%;
    min-width: 750px;
	clear: both;
	text-align: left;
}

/* Header styles */
.importMembers .grid .head th
{
	font-weight: bold;
	padding: 0.8em 0.4em 0.4em 0.6em;
	text-align: left;
}

/* Data cell styles */
.importMembers .grid td
{
	padding: 0.4em 0.4em 0.2em 0.6em;
}

.importMembers .grid .central
{
	text-align: center;
} 

.wizardBar
{
	background-color: #EFEFEF;
	line-height: 3em;
	color: White;
	font-size: large;
}

.wizardBar .step
{
	position: relative;
	margin: 0.5em 0 0.5em 15px;
	width: 2em;
	float: left;
	height: 2em;
}

.wizardBar .stepN
{
	position: absolute;
	top: -0.5em;
	left: 0.5em;
}

.wizardBar .text
{
	padding: 0 60px 0 20px;
	float: left;
}
/* FeedbackGroupEdit.aspx */

/* Pager */
.pager
{
    width: 100%;
    min-width: 750px;
	clear: both;
	font-size: 10px;
	text-align: center;
	padding: 15px 0;
}

.pager span.command,        
.pager span.current,        
.pager a.command
{
	border:solid 1px #ccc;
	background-image: url(images/gradient.gif);
	background-position:0 -20px;
	line-height:18px;
	padding:5px;
	text-decoration:none;
}

.pager span.current
{
	font-weight:bold;
}
/* Pager */

/* Standard Listview */
.stdList
{
	font-size: small;
}

.stdList .grid
{
	margin-left: 0.5%;
	width: 99%;
	min-width: 742px;
	clear: both;
}

/* Header styles */
.stdList .grid .head th
{
	font-weight: bold;
	padding: 0.8em 1.2em 0.4em 1.2em;
	color: White;
	text-align: left;
}

.stdList .grid .data td
{
	font-weight:bold;
}

/* Data cell styles */
.stdList .grid td
{
	padding: 0.6em 1.2em;
}

.stdList .grid .borderTop td
{
	border-top: solid 1px #f0f0f0;
}
.stdList .grid .borderBottom td
{
	border-bottom:solid 1px #c1dad7;
}
.stdList .grid .row td
{
	background-color:#f9f9f9;
}
.stdList .grid .centre,
.stdList .grid .date
{
	text-align: center;
} 
/* Standard Listview */

/* ActionSummary.aspx */
.actionPanel
{
	max-width: 325px;
	float: left;
	margin: auto 5px 15px auto;
	font-size: small;
}

.actionPanel a
{
	padding-top: 3px;
}

.actionPanel .head
{
	line-height: 1.5em;
	color: White;
	margin-bottom: 2px;
	text-align: center;
	font-size: medium;
}

.actionPanel .mainBody
{
	background-color: #f9f9f9;
	padding: 4px 4px 4px 4px; 
	margin-bottom: 5px;
	font-style: italic;
}

.actionPanel .category
{
	width: 100%;
	clear: both;
}

.actionPanel .category a,
.actionPanel .category img
{
	padding: 4px 2px 8px 8px;
}

.actionPanel .red
{
	padding: 2px 4px 2px 4px; 
	color: Red;
}

.actionPanel .amber
{
	padding: 2px 4px 2px 4px; 
	color: #FF9900;
}

.actionPanel .green
{
	padding: 2px 4px 2px 4px; 
	color: #00FF4E;
}
/* ActionSummary.aspx */

.player
{
	margin: auto;
	width: 600px;
}

div#CaptivateContent
{
	width: 600px;
}

.oh
{
	overflow: hidden;
}

.tHeight
{
	height: 400px;
}

.ml5
{
	margin-left: 5px;
}

.bt
{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.reportStyle
{
	width: 100%;
	min-width: 800px;
	height: 100%;
	min-height: 520px;
	display: inline-block !important;
}

.surveyQuestion
{
	clear: both;
	font-weight: bold;
	margin: 10px 15px 5px 0px;
}

.tal
{
	text-align: left;
}

.progress
{
	background-color: #EFEFEF;
	width: 48%;
	margin-left: 5px;
	min-width: 360px;
	clear: both;
}

.disn
{
	display: none;
}

.numberInp
{
	margin-left: 5px;
	margin-right: 5px;
	width: 20px;
}

#filter 
{
	font-size: 8pt;
	clear: both;
}

#filter ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

#filter li
{
	display: inline;
	padding: 0.2em 0.4em 0.2em 0.4em;
}