body {margin:0; padding:0; border:0; width:100%; background:#fff; min-width:600px; font-size:80%; background: #b5bdc8 url('/images/bgSite.gif') top left repeat-x; font-family: arial, sans-serif;}
a { color:#23738F; text-decoration: underline;} 
a:hover { color: #497f93; text-decoration: underline; } 
h1, h2, h3 { margin: 0 0 .2em 0; padding:0; } 
h1.surveyHeading {color: #4e98af; font: bold 20px Arial, sans-serif;}
h2 {font: bold 17px Arial, sans-serif; color: #000;}
h3 {font: bold 14px "Trebuchet MS", sans-serif; color: #000;}

p { margin:.4em 0 .8em 0; padding:0;}
img {border: 0;}
hr {border:solid #ccc; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:0 0 5px 0;padding:0;}

.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.red {color: #ff0000;}
.bold {font-weight: bold;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.hidden {display: none;}
	
ul li ul {list-style-type: disc}
ul li ul li ul {list-style-type: disc}
	
/* Header styles */
#header { clear:both; margin: 20px auto 0 auto; width:900px; background: #fff; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000;} 
#header-inner {padding: 10px 10px 0 10px; background: url('/images/bgHeader.gif') 10px 10px no-repeat; height: 120px;} 
#header-inner a img { float: left; margin: 5px 0 0 10px;} 
#header-inner a:hover img#logo { background: transparent; } 
#header-inner ul { float:right; width:650px; list-style:none; margin:39px 30px 0 0; padding:0; } 
#header-inner ul li { display:inline; list-style:none; margin:0; padding:0; }
#header-inner ul li a {font-family: verdana, arial, sans-serif; font-size: 11px; text-transform: uppercase; display:block; float:right; margin:0 0 0 1px; padding:3px 10px; text-align:center; border-bottom: 2px solid #eee; color:#000; text-decoration:none; position:relative; left:15px; line-height:1.3em; } 
#header-inner ul li a:hover { border-bottom: 2px solid #000; color:#000;  } 
#header-inner ul li a.active, #header-inner ul li a.active:hover { color:#000; border-bottom: 2px solid #000; font-weight:bold; } 
#header-inner ul li a span { display:block; }
.slogan-header {font: italic 13px georgia, garamond, serif; color: #222; text-align: left; width: 100%; margin: -5px 0 0 5px;}
	
/* column container */ 
.colmask { position:relative; clear:both; margin: 0 auto; width:900px; overflow:hidden; border-left: 1px solid #000; border-right: 1px solid #000; } 
 
 
/* common column settings */ 
.colright, .colmid, .colleft { float:left; width:100%; position:relative;} 
.colleft {padding: 0 10px;}
.col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; }
.colright, .colleft {padding: 20px 0 0 0;} 
 

/* 3 Column blog style settings */ 
.blogstyle { background:#fff;} 
.blogstyle .colmid { right:30%; background:#fff;} 
.blogstyle .colleft { right:20%; background:#fff;} 
.blogstyle .col1 { width:46%; left:52%;} 
.blogstyle .col2 { width:18%; left:56%;} 
.blogstyle .col3 { width:26%; left:58%;}

/* 2 Column (right menu) settings */
.rightmenu {background:#fff;}
.rightmenu .colleft {right:30%; background:#fff;}
.rightmenu .col1 { width:66%; left:32%;}
.rightmenu .col2 {width:26%; left:36%;}

 /* Testimonials */
.testimonial { border-top: 1px solid #bec2c5; border-bottom: 1px solid #bec2c5; padding: 10px 0;}
.testimonial p {font: italic 15px georgia, garamond, serif; color: #5096af; }
.testimonial span {font: normal 12px arial, sans-serif; color: #000; margin: 5px 0 10px 0;}



 /* Slogan */
.slogan {font: italic 15px georgia, garamond, serif; color: #000; text-align: center;}
.slogan-image {margin: 0 25px; text-align: center;}


 /* Login Panel */
.loginPanel {float: left; display: block; width: 185px; border: 1px solid #bec2c5; padding: 10px 0 5px 20px; margin: 10px 15px; background: #efefef;}
.loginPanel label {display: block; margin-bottom: 1em; font-weight: bold; font-size: 11px; color: #555;}
.loginPanel input {display: block; width: 150px;}
.loginPanel input.submit {display: block; width: auto;;}
.loginPanel-title {margin: 0 0 7px -7px; display: block; font: bold 14px "Trebuchet MS", sans-serif; color: #000;}


/* Customer Details */
.customerDetails {margin-left: 15px;}
.customerDetails td input { background: #f5f5f5; border: 1px solid #999; padding: 4px;}
.customerDetails td select { background: #f5f5f5; border: 1px solid #999; }
.customerDetails td { vertical-align: top; }

/* Survey Questions */
.surveyQuestions {margin-left: 15px;}
.surveyQuestions td input {margin-left: 10px; background: #f5f5f5; border: 1px solid #999; padding: 4px;}
.surveyQuestions td input.chkBox {background: #fff; border: 0;}
.surveyQuestions td input.rdoButton {background: #fff; border: 0;}
.surveyQuestions td input.txtBox-short {margin: 2px 0 2px 10px; background: #f5f5f5; border: 1px solid #999; padding: 4px; width: 100px;}
.surveyQuestions td input.txtBox-medium {margin: 2px 0 2px 10px; background: #f5f5f5; border: 1px solid #999; padding: 4px; width: 200px;}
.surveyQuestions td input.txtBox-long {margin: 2px 0 2px 10px; background: #f5f5f5; border: 1px solid #999; padding: 4px; width: 400px;}
.surveyQuestions td textarea {margin-left: 10px; background: #f5f5f5; border: 1px solid #999; width: 400px; height: 100px; padding: 5px;}


/* Generic forms */
.submitGreen {display: block; width: auto; background: #4e98af; font: bold 14px "Trebuchet MS", sans-serif; color: #fff; padding: 0 25px;}
.surveyQuestions td input.submitBlue {display: block; width: auto; background: #4e98af; font: bold 14px "Trebuchet MS", sans-serif; color: #fff; padding: 0 25px;}

/*Enquiry form*/
#enquiryForm {border: 1px solid #bec2c5; background: #f4f4f4; padding: 10px; width: 65%;}
.enquiryForm {margin: 0; padding-top: 5px; width: 100%;}
.enquiryForm input {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; padding: 2px; font-weight: normal;}
.enquiryForm th {color: #646464; font-size: 14px; text-align: left; vertical-align: top; padding: 2px 0;}
.enquiryForm td {color: #646464; font-size: 12px; text-align: left; vertical-align: top; padding: 2px 0;}
.width150 {width: 150px;}


/* User info panel */
#userInfoPanel {width: 205px; border: 1px solid #bec2c5; padding: 10px 0 5px 20px; margin: 0px 15px 10px 15px;}
#userInfoPanel td {color: #424242;}


/* Survey Contents Panel */
#surveyContentsPanel {width: 205px; border: 1px solid #bec2c5; padding: 10px 0 5px 20px; margin: 10px 15px;}
#surveyContentsPanel td {color: #424242;}
#surveyContentsPanel td ol {margin:0; padding: 0 0 0 12px; text-indent: 0; list-style-position: outside;}
#surveyContentsPanel td ol li {margin: 0; padding: 3px 0;text-indent: 0; list-style-position: outside;}
#surveyContentsPanel td ol li.current {font-weight: bold;}

/** Info Panel List**/
ul.infoPanelList {margin:0; padding: 0 0 0 12px; text-indent: 0; list-style-position: outside; list-style-type: square;}
ul.infoPanelList li {margin: 0; padding: 3px 0;text-indent: 0; list-style-position: outside;}
ul.infoPanelList li.current {font-weight: bold;}
ul.infoPanelList li.current a {font-weight: bold;}

/** Alerts table **/
.alerts {width: 100%; margin: 5px 0 15px 0; border: 1px dashed #143d55;background: #FFFBCF;}
.alerts tr {background: #FFFBCF;}
.alerts td {text-align: left;font-size: 12px;background: #FFFBCF;}
.alerts td span.bold {font-size: 12px; letter-spacing: normal;}
.alerts td img {vertical-align: top; padding: 2px 4px 2px 10px;}


/* Footer styles */ 
#footer { clear:both; margin: 0 auto; width:900px; background: #eee; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;} 
#footer p { display: inline; padding:10px; margin:0; font-size: 11px;}

/*CMS Edit links*/
a.editLink {font-size: 10px; color: #ffffff; letter-spacing: 1px; background: #f1241f; padding: 1px 10px 1px 10px; text-decoration: none; border: 1px solid #f1241f; font-weight: bold;}
a.editLink:hover { color: #fff; background: blue; border: 1px solid blue; text-decoration: underline; font-weight: bold;}