/* ########################################################################################################################################
### Author: Carol Priest 
### Date: 07.02.2008
### Version: 1
###########################################################################################################################################
*/

body {
   font-family : Arial,Verdana,Helvetica,Sans-Serif;
	font-size : 75%;
	color : #555753; 
   background-color: #ffffff;
   margin: 5px;
}	

#container {
	position: relative;
	border: 0px;
	padding-top: 0.5em;
	padding-left: 0.5em;
	margin-bottom: 1.3em;
}

input, textarea
{
   font-family : Arial,Helvetica,Sans-Serif;
   font-size: 1em;
}

*/************TABLES **************/

.tablemain
{
	background-color: #ffffff;
	/*height: 550px;*/
	width: 741px;
	border: 1px;
	border-style: solid;
	border-color: #cccccc;
}


.banner
{
	background-color: #ffffff;
	/*height: 550px;*/
	width: 741px;
	border: 0px;
	background-image: url(../Images/banner_bg.gif);
}

.contenttable
{
	background-color: #ffffff;
	height: 550px;
	width: 200px;
	border: 0px;
	margin: 0px;
	font-size: 1.0em;
   text-decoration: none;
   color : #999999;
}

.footertable
{
	background-color: #ffffff;
	/*height: 550px;*/
	width: 741px;
	font-size: 75%;
   text-decoration: none;
   color : #999999;
}

.topnav
{
	background-color: #f7f7f7;
	border: 0;
	width: 100%;
	font-size: 85%;
	height: 30px;
}

.leftmenu
{
   margin: 0 0 0 0px;
	width: 178px;
	font-size: 95%;
	color: #ffffff;
/*	border-color: #cccccc;*/
	vertical-align: top;
	background-color: #0066cc;
	padding-bottom: 230px;
}

.leftmenu ul.sec_nav
{
	margin: 0;
	padding: 0;
}

.leftmenu ul.sec_nav li
{
	list-style-type: none;
	margin: 0;
	padding: 0.6em;
	border-bottom: solid 1px #fff;
	color: #fff;
}

.leftmenu ul.sec_nav li a
{
	color: #fff;
	text-decoration: none;
}

.leftmenu ul.sec_nav li a:hover
{
	text-decoration: underline;
}

.leftmenu ul.loggedin
{
    white-space: nowrap; 
}

.leftmenu ul.loggedin li
{
	list-style-type: none;
    padding: 0;
}


.menutd{
   border: 3px;
	border-style: none none solid solid;
	border-color: #ffffff;
	font-size: 95%;
	color: #ffffff;
	width: 25%;
	background-color: #0066cc;
}

.menuitemtd{
   border: 1px;
	border-style: none none solid none;
	border-color: #ffffff;
	padding: 4px;
}

.bar {
   border: 0px;
   background-image: url(../images/coloured_bar.gif);
	background-position: center;
	height: 9px;
	width: 747px;
	background-repeat: no-repeat;
}

.content
{
   font-family : Arial,Verdana,Helvetica,Sans-Serif;
	font-size : 90%;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #dadada;
	color: #666666;
	vertical-align: top;
	width: 99%;
	height: 100%;
	margin: 1px;
	height: 210px;
}

.contentmain
{
   font-family : Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 90%;
	background-color: #ffffff;
	padding-left: 5px;
	vertical-align: top;
	height: 100%;
}

.contentmain table td
{
    font-size: 1em;
}

.columntd
{
    padding: 0;
    margin: 0;
}

.columntd div div div
{
    border: solid 1px #dadada;
    font-size: 85%;
    padding: 1em;
}

.rightcolumntd{
	padding: 0 7px 7px 1px;
	width: 25%;
}

.righttable{
	margin: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #dadada;
	width: 25%;
	font-family : Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 90%;
}

.maintd
{
	background-color: #ffffff;
	padding-left: 15px;
	width: 50%;
   font-size: 85%;
	color: #666666;
	vertical-align: top;
}

UL.menu {	
	list-style-type:	none ;
	margin-left: 0.5em; 
	padding-left: 0px;
	padding-top: 3px;
 }	
 
LI.menu {
 	list-style-type:	none ;
	margin-left: -2em; 
	margin-right: 8px;
	padding-top: 3px;
	margin-top: 2px;
	padding-bottom: 2px;
	border-bottom:0.1em solid #e7e7e7;
}

UL.menu {	
	list-style-type:	none ;
	margin-left: 0.5em; 
	padding-left: 0px;
	padding-top: 3px;
 }	
 

.InputBox {
   font-family : Arial, Verdana, Helvetica;
	font-size : x-small;
	color : #999999;
	background : #ffffff;
	border-style : solid;
	border-width: 1px;
	border-color: InactiveCaptionText;
	margin: 3px;
}

.whitetext {
	font-family : Arial,Verdana,Helvetica,Sans-Serif;
	font-size : 88%;
	font-style : normal;
	font-weight : bold;
	color : #ffffff;
}

h1 {
	font-family : Arial,Verdana,Helvetica,Sans-Serif;
	/*margin-bottom: 0;*/
	font-style : normal;
	font-weight : bold;
	color : #0059B7;
	font-size: small;
}

h2 {
	font-family : Arial,Verdana,Helvetica,Sans-Serif;
	margin-bottom: 0;
	font-size: 100%;
	font-style : normal;
	font-weight : bold;
	color : #666666;
}

h3
{
    font-size: 1.2em;
    font-weight: bold;
}

hr{
color: #fff; 
background-color: #fff; 
border: 1px dotted #cccccc; 
border-style: none none solid;
	
}


a {
color:#0059B7;
font-weight: normal;
text-decoration: underline;
}

a:hover {
color:#ff9900;
text-decoration: underline;
}

a.active {
color:#33adBf;
/*list-style-image: url(../images/arrow.gif);*/
}

a.menu:link, a.menu:hover, a.menu:active, a.menu:visited{
  color:  #ffffff; 
  text-decoration: none; 
}

a.menu:hover {
  color:  #ffffff; 
  text-decoration: underline; 
}


a.grey:link, a.grey:hover, a.grey:active, a.grey:visited{
  color:  #999999; 
  text-decoration: underline; 
}

form {
	 margin: 0px;
	 padding: 0px;
}

/******************** top menu *********************/
.top_navigation{
        margin: 0;
        padding: 0; 
    font-size: 1em;
}

.top_navigation div
{
    margin: 0 10px 0 4px;
}

.top_navigation div ul
{
    background-color: #8698A4;
    display: block;
    width: 100%;
    list-style-type: none;
    padding:0;
    margin: 0.3em 0 0 0; 
}

.top_navigation div ul li{
 		background-color: #8698A4;
        float: left;
        display: block;
        height: 1.5em;
        margin: 0;
        text-align: center;
        padding: 0 1em 0 1em;
        border-right: solid 1px #fff;
}

.top_navigation div ul li a{
        text-decoration: none; 
        color: #fff;
        display: inline-block;
        font-size: 85%;
        /*width: 6.3em;*/
		  /*width: 7.0em;*/
        height: 1.4em;
        padding: 0.3em 0 0 0;
 }
 
 .top_navigation div ul li a:hover
 {
    text-decoration: underline;
 }
 
.top_navigation div ul li.selected
{
    background-color: #a4b6c2;
}

.InputBox {
   font-family : Arial, Verdana, Helvetica;
	font-size : x-small;
	color : #999999;
	border-style : solid;
	border-width: 1px;
	border-color: InactiveCaptionText;
	margin: 3px;
	width: 133px;
}

.submit {
    color: #0066cc;
    font-weight: bold;
    background-color: #ffff00;
    border: 1px outset #cccccc;
}

td.address,
td.tel,
td.title
{
    color: #fff;
    font-weight: bold;
}

td.address
{
    padding: 6px;
    font-size: 1em;
}

td.tel
{
    padding: 4px;
    font-size: 1.4em;
}

td.title
{
    font-size: 2em;
    padding: 0;
}

td.title div
{
    margin: 0 0 0 0;
    padding: 0;
}

/* Styles for the TinyMCE editor style picker */
.redtext {
  color: #F00;
}

.errorlist
{
  color: #F00;
}

.errortext
{
  color: #F00;
}

/* Questionnaire Admin */

.Questionnaire
{
	padding: 10px;
}

.Questionnaire textarea
{
	background-color: #FFFFFF;
}

.QuestionnaireAdminDisplay label
{
	font-weight: bold;
	width: 200px;
	display: inline-block;
}
.QuestionnaireAdminDisplay .QuestionnaireName
{
	padding-top: 20px;
}

.QuestionnaireAdminDisplay h3
{
	padding-top: 20px;
}

div.QuestionnaireButtonRow
{
	padding: 5px 0;
}

.QuestionnaireButtonRow input
{
	padding-right: 2px;
}

.QuestionnaireNewQuestionHeader
{
	padding: 20px 0;
}

.QuestionnaireNewQuestionHeader *
{
	vertical-align: middle;
}

.QuestionnaireIsSecure *
{
	vertical-align: middle;
}

.QuestionnaireQuestionAdminEdit label
{
	display: inline-block;
	width: 100px;
	font-weight: bold;
}

.QuestionnaireNewQuestionHeader label
{
	width: 90px;
}

.QuestionnaireQuestionAdminEdit div *
{
	vertical-align: top;
}

.QuestionnaireIsSecure input
{
	margin-left: 10px;
	margin-top: 2px;
}

.QuestionnaireAdmin_TextInput
{
	width: 400px;
}

.QuestionnairePrintVersionIntroduction *, .QuestionnairePrintVersionFooter *
{
	vertical-align: top;
}

/* Questionnaire Live */
.QuestionnaireDisplay div *
{
	vertical-align: top;
}

.QuestionnaireDisplay .question
{
	font-weight: bold;
	display: block;
}

.QuestionnaireDisplay td
{
	border: none;
}

.QuestionnaireQuestion input, .QuestionnaireQuestion select, .QuestionnaireQuestion table, .QuestionnaireQuestion textarea
{
	margin-left: 10px;
}

.QuestionnaireQuestion input, .QuestionnaireQuestion textarea
{
	width: 350px;
}

.QuestionnaireQuestion textarea
{
	height: 100px;
}

.QuestionnaireQuestion table label
{
	font-weight: normal;
	float: none;
}

#main .QuestionnaireQuestion table td
{
	padding: 0;
}

p.helpText
{
	font-style: italic;
	margin: 0;
}

.QuestionnaireQuestionAdminDisplay td, .QuestionnaireQuestionAnswerAdminDisplay td
{
	border: none;
}

.QuestionnaireQuestionAdminDisplay
{
	border: solid 1px #999999;
	padding: 5px;
	margin-bottom: 10px;
	background-image: url(../images/cms/questionfade.gif);
	background-repeat: repeat-x;
}

.QuestionnaireQuestion .helpText
{
	margin-left: 10px;
}

.QuestionnaireQuestion
{
	margin-bottom: 20px;
}

.CaptchaContainer
{
	padding-left: 100px;
}

.CaptchaContainer div
{
	width: 200px;
}

/* Questionnaire Results */

.QuestionnaireResults h3
{
	margin-top: 10px;
}

.QuestionnaireResults .question
{
	font-weight: bold;
	display: block;
}

.QuestionnaireResults label
{
	font-weight: bold;
	width: 150px;
	display: inline-block;
	float: left;
}

.QuestionnaireResults td
{
	border: none;
}

.QuestionnaireSelection *
{
	vertical-align: middle;
}

.QuestionnaireResultsQuestion .GraphColumn
{
	width: 100px;
	vertical-align: middle;
}

.QuestionnaireResultsQuestion .GraphColumn div
{
	background-color: Red;
	height: 16px;
	vertical-align: middle;
}

#main .QuestionnaireResults td, #main .QuestionnaireResults th
{
	padding: 0 10px;
}

#main .QuestionnaireResults .CountColumn, #main .QuestionnaireResults .PercentageColumn
{
	text-align: right;
}

/* Commenting Display */

.CommentDisplay
{
	border-bottom: dotted 1px #333333;
	margin-bottom: 20px;
	position: relative;
}

.last .CommentDisplay
{
	border-bottom: none;
}

.CommentDisplay .Rating
{
	position: absolute;
	right: 0px;
	top: 0px;
}

.CommentDisplay .DateCreated
{
	margin: 0;
	font-style: italic;
	color: #999999;
}

.CommentDisplay .CommentorName
{
	margin: 0;
	font-weight: bold;
}

.CommentEntry
{
	padding: 10px;
	border: solid 1px #;
	background-color: #F9F9F9;
}

.CommentEntry.closed
{
	background-color: #FFFFFF;
}

.CommentEntry .CommentorName, .CommentEntry .Comment, .CommentEntry .Rating
{
	margin-bottom: 10px;
}

.CommentEntry .CaptchaContainer
{
	padding-left: 30px;
}

.CommentEntry div *
{
	vertical-align: top;
}

.CommentEntry label
{
	font-weight: bold;
	width: 100px;
	display: inline-block;
}

.CommentEntry .CommentorName input, .CommentEntry .Comment textarea
{
	width: 380px;
	border: solid 1px #CCCCCC;
}

.CommentEntry .Comment textarea
{
	height: 200px;
	background-color: #FFFFFF;
}

.Rating label
{
	float: left;
}

/* Commenting Admin */

.CommentingDisplay.Admin, .CommentingEntry.Admin
{
	padding: 10px;
}

.CommentingDisplay.Admin .buttons
{
	padding: 0 10px 10px 0;
	float: left;
	position: relative;
	z-index: 2;
	
}

.CommentingDisplay.Admin .CommentDisplay
{
	z-index: 0;
}

.CommentingDisplay.Admin .buttons input
{
	padding-right:2px;
}

.CommentingDisplay.Admin h2, .CommentingEntry.Admin
{
	margin-top: 0;
}

.CommentingEntry.Admin label
{
	display: inline-block;
	font-weight: bold;
	width: 120px;
}

.CommentingButtonRow
{
	margin: 10px 0;
}

.CommentingModeratorEmailAddress input
{
	width: 250px;
}