/*
white #FFFFFF;
black #000000;

in v20...
0473B8 dark blue NEEDS TO BE DARKER TO CONTRAST WELL WITH HEADER STRIP ?
C2DEEC light blue YES, for page bg and tower bg image
68AED0 mid blue YES, for header strip bg

81BEF7 mid blue for trim to Light blue
A9D0F5

*/




* { /*this sets ALL margins/pads to zero, thus removing browser variations, then I can respecify them as needed ; maybe I should add border:0 too ? */
margin: 0;
padding: 0;
}

html, body {
border:0;
margin:0;
padding:0;
text-align:center; /*this aligns the SITE (even in dodgy browsers), then I need to text-align:left/justify the CONTENT */
background-color : #A4A4A4; 
font-family : Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size : 0.9em;
color : #000;
height: 100%;
}

 P { margin-top: 1em; margin-bottom: 1em;} 

table P {margin: 0;}

#container {
width: 950px;
text-align:left; 
margin: 10px auto; /*this centres the site in well behaved browsers*/
margin-top: 0px;
/*line-height: 120%; *//*increases legibility - could be increased, in fact*/
background-color : #ffffff;
/*background-image : url(../images/accelerator_bgflip_940x570.jpg);*/
/*background-repeat : no-repeat;*/
/*background-image : url(../images/comp008.jpg);*/
/*background-attachment : fixed;*/ /*this made the BG stick to the top LHS corner of the PAGE, not CONTAINER, in FF*/
padding:0px;
overflow: auto;
/*border: 1px solid #0473B8; */
}

#containerSmall {
width: 100%;
text-align:left; 
/*margin: 10px auto; /*this centres the site in well behaved browsers*/
line-height: 120%; /*increases legibility - could be increased, in fact*/
border: 1px solid #68AED0;
background-color : #C2DEEC;
padding:10px;
/*overflow: auto; */
height: 100%; 
}

#headerPadding {
padding: 0px; /*top right bottom left*/
overflow: auto;
width: 100%;
}

#headerstrip {
padding: 10px; /*top right bottom left*/
color : white;
text-align:left;
background-color: #68AED0; 
/*69B0D0 */
border-right: 0px solid #0473B8;
border-bottom: 1px solid #0473B8;
/*background-image : url(../images/headergrad2.jpg); */
}

#logo {
/*color : white;
font-family:Helvetica,Arial;
font-size:2.5em;
line-height: 140%;
font-weight:bold;*/
margin-bottom:15px; /*add a space below logo and above menu*/
float: left;
}

#menupanel {
/*color : white;
font-family:Helvetica,Arial;
font-size:1.1em;
font-weight:bold;*/
clear: both;
}

#loginInfo {
color : white;
font-family:Helvetica,Arial;
font-size:1.1em;
font-weight:bold;
float: right;
}

A.loginText,A.loginText:link,A.loginText:active,A.loginText:visited {
color : #ffffff;
text-decoration:none;
}
A.loginText:hover, A.loginText.overlink {
color : #ffffff;
text-decoration:underline;
}


#contents {
text-align: left;
padding-top:10px;
overflow: auto;
width: 100%;
position: relative;
background-color: #C2DEEC;
}
#leftcontent {
width: 550px;
float: left;
margin-left: 20px;
}

#rightcontent {
width: 300px;
float: right;  
background-color: #C2DEEC;
/*position: absolute;
bottom:20;
right:0; */
/* float: right; margin-left:10px;*/ /*adding this made the white bodytext bg appear wrong in IE6 ; luckily it's not need if floated right*/
}

#leftcontentFatRight {
margin-left: 20px;
width: 220px;float: left;
}

#rightcontentFatRight {
width: 685px;float: right;
margin-right: 20px;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
/*margin-left:10px;*/ /*adding this made the white bodytext bg appear wrong in IE6 ; luckily it's not need if floated right*/
}

#middleContent {
width: 800px;
margin-left:auto;
margin-right:auto;
}

#contentFull {
width: 750px;
text-align: left;
padding: 10px;
background-color : white;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
color:black;
}


#quotationFooter {
margin-top: 20px;
text-align: center;
}


.dummydivtofixcontainerbginff {
clear:both;
margin:0;
padding:0;
}

.clearDiv {
clear:both;
margin:0;
padding:0;
}


.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
}


.pageheading {
padding: 10px;
text-align:left;
/*width: 380px; /* Width is 20 less because of padding */
background-color: white;
margin-bottom:3px; /*add a space below pageheading and above bodytext*/
font-weight:bold;
color: #0473B8;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
}

.pageheadingLong {
padding: 10px;
text-align:left;
/*width: 380px; /* Width is 20 less because of padding */
background-color: white;
margin-left:20px;
margin-right:20px; 
margin-bottom:3px; /*add a space below pageheading and above bodytext*/
font-weight:bold;
color: #0473B8;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
}

.bodytext {
text-align: left;
padding: 10px;
background-color : white;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
color:black;
margin-bottom: 10px;
}

.menuHead {
/*padding: 10px; */
text-align:Center;
margin-bottom:3px; 
font-weight:bold;
color: #0473B8;
}

.basicForm {
/*padding: 5px;
  text-align:center; */
}

#map_canvas {
/* Google Map */
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: 2px solid #000000;
}

#complaintDetails {
margin-top: 5px;
}

#complaintDetails ul{
 margin-left: 40px;
}

.complaintInput {
width: 200px;
}

.complaintItem {
padding-bottom:10px;
}

.complaintHeader {
font-weight:bold;
color: #0473B8;
margin-bottom:5px;
}

#profileList {
margin-top:15px
}

.profileSave {
 display: none; 
}

.profileText {
 /*display: none; */ 
 width: 200px;
 display: inline-block;
 font-family : Verdana;
 padding: 1px;
}

.profileTextDisabled {
 /*display: none; */ 
 width: 200px;
 display: inline-block;
 background: #E6E6E6;
 color: #A4A4A4;
 padding: 1px; 
}

.buttonProfile {
 /*display: none; */ 
 width: 60px;
 }

.formField {
overflow: hidden;
width: 220px;
margin: 0 auto;
margin-bottom: 10px;
}

.formFieldLong {
overflow: hidden;
width: 450px;
margin-bottom: 10px;
clear:both;
}

.formFieldLongCenter {
overflow: hidden;
width: 450px;
margin: 0px auto;
margin-bottom: 10px;
clear:both;
}

.formFieldLonger {
overflow: hidden;
width: 550px;
margin-bottom: 10px;
clear:both;
}

.formInput {
width: 80px; float: right;
padding-right: 20px;
}

.label {
width: 100px; float: left;
}


.labelSet {
width: 100px;
vertical-align: top;
}

.labelLong {
width: 200px;
vertical-align: top;
float: left;
}

.labelLonger {
width: 300px;
vertical-align: top;
float: left;
}

.inputLong {
width: 200px;
vertical-align: top;
float: left;
}

.textFieldShort {
width: 110px; 
/* float: right; */
}

.textFieldMedium {
width: 198px; 
/* float: right; 
,Arial,Helvetica,Geneva,sans-serif;
*/
}

.textFieldLong {
width: 240px;
border: 2px solid #0473B8; 
padding: 2px;
}

.textFieldProfile {
width: 198px; 
display: none;
font-family : Verdana;
}

.textAreaLong {
  width: 230px;
	height: 200px;
	/*border: 3px solid #0473B8; */
	border: 1px solid black;
	border: 2px solid #0473B8;
  /*border-right: 1px solid #0473B8; */
  padding: 5px;
}

.textArea400 {
  width: 400px;
	height: 300px;
	/*border: 3px solid #0473B8; */
	border: 1px solid black;
	border: 2px solid #0473B8;
  /*border-right: 1px solid #0473B8; */
  padding: 5px;
}


.selectLong {
width: 250px;
}

.selectLongSurvey {
width: 250px;
border: 2px solid #0473B8; 
}

.surveyResponseKey {
  padding-left: 40px;
}

.surveyChoice {
  float:left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 60px;
  margin-right: 20px;
  width:160px;
  text-decoration:underline;
  color: #0473B8;
  text-align:center;
}

.surveyRadio{ margin-top:10px; margin-bottom:10px;}

#surveyHeader {

}

#surveyHolder {
  height: 600px;
  overflow: vertical;
}
#softwareSurvey_1 {
  margin: 0px auto;
}

#softwareSurvey_2 {
  display:none;
}

#trainerSurvey {
  display:none;
}

.tableInBody {
  margin-left:30px;
  width: 450px;
  color: #0473B8;
}

#loginTable {
  width: 500px;
  color: #0473B8;
}

.button {
clear:both;
width: 200px; text-align: center;
margin: 0 auto;
}

.buttonSimple {
/* don't need any styling here, just for alternative styles */
}


.buttonSpaced {
clear:both;
width: 200px; text-align: center;
margin: 0 auto;
margin-bottom: 5px;
margin-top: 5px;
display: block;
}

.textFieldLeft {
float: left;
width: 95px; 
}

.buttonRight {
float: right;
width: 60px; text-align: center;
margin-right: 10px;
margin: 0 auto; 
}

.errorMsg {
color: red;
font-weight:bold;
padding-bottom: 5px;
}

.errorMsgSmall {
color: red;
font-weight:bold;
}

.greenMsg {
color: green;
font-weight:bold;
padding-bottom: 5px;
}


.questionReload {
text-align:center;
color: green;
font-weight:bold;
padding: 10px;
}

B {
color: #0473B8;
}


.services-text {
  display:none;
}

#servicesDetails ul {
  list-style-position: inside;
  list-style-type: none;
}

#servicesDetails ul li {
  padding-top: 10px;
  padding-bottom: 10px;

}

#registerFeedback {
}

#registerInput {
}

#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff} 
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(../images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px; position: relative}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; z-index:100}  
* html #dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100} 
.error {background:#fff url(../images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(../images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(../images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(../images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(../images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(../images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(../images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(../images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}

#dialog-simple {position:absolute; padding:0px; margin:0px;z-index:200;}

#dialog-text {
}
#dialogButtonArea {
position:absolute; width:95%;
bottom: 20px;
left: 5px;
/*text-align: center; */
}
#dialogButton,#dialogButtonCancel {
width:100px;
/*background-color: Blue; */
background-color: #D8D8D8;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
cursor:pointer;
border: 1px solid #D8D8D8;
}
#dialogButton:hover,#dialogButtonCancel:hover {
border: 1px solid black;
}


.bolded {
font-weight:bold;  
}


.activeState {
  color:green;
  font-weight:bold;  
}

.inactiveState {
  color:red;
  font-weight:bold;  
}

#viewUser {
  display: none;
}

.listColumns { /* all lists */
	padding: 0;
	margin: 0;
	list-style-type: none;
  margin-left: 20px;
}

.listColumns li {
   float: left;
   margin: 0 10px 10px 0; 
}

.listStart {
   width: 220px;
}

.listMiddle {
   width: 300px;
}

#freesoftware ul,ol {
  margin-top: 20px;
  margin-bottom: 20px;
}

#freesoftware li {
  margin-top: 30px;
  margin-left: 30px;
}

#freesoftware .instruction {
  padding-left:20px;
  font-family: courier;
  margin-bottom:1em;
}

/*===================================================================*/
/* HYPERLINK STYLING*/
/*===================================================================*/
A,A:link,A:active,A:visited {
color : #0473B8;
text-decoration:underline;
}
A:hover, A.overlink {
color : #68AED0;
text-decoration:underline;
}

img
{
  border-style: none;
}
/*===================================================================*/
#menupanel A, #menupanel A:link, #menupanel A:active, #menupanel A:visited {
/*font-family:'Times New Roman',Times;font-size:1.3em;font-weight:bold;*/
color : #0473B8;
text-decoration: none;
line-height: 130%;
}
#menupanel A:hover, #menupanel A.overlink {
color : #68AED0;
text-decoration: none;
/*text-decoration: underline;*/
}


#accessToolbarContainer {
	font-size: small;
	display:block;
	background-color: #BDBDBD;
	display: block;
	height: 20px;
}

#accessUnavailable {
  text-align: center;
}

#accessToolbar {
	padding: 2px;
	border: none;
	display:none;
	vertical-align: center;
	line-height: 100%;
}

#accessToolbar div { display:inline; margin:0px; padding:0px; }
#accessToolbar p { display:inline; margin:0px; padding:0px; font-size: small;}
#accessToolbar ul { list-style:none; display:inline; margin:0px; padding:0px; }
#accessToolbar li { display:inline; margin:0px; padding:0px;}
#accessToolbar img { vertical-align:text-bottom; }

#accessToolbar #fontSize { margin-left:5px; font-size: small;}
#accessToolbar #fontSize ul { margin-left: 5px; }
#accessToolbar #pageStyle { margin-left:10px; font-size: small;}
#accessToolbar #pageStyle ul { margin-left: 5px; }
#accessToolbar #pageStyle li { margin-right:3px; }
#accessToolbar #pageStyle a { padding:3px 6px; }


/* =================================================*/
/*                  Table Design                    */
/* Table CSS taken from http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ */

.rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px auto;
	text-align: left;
	border-collapse: collapse;
}
.rounded-corner thead th.th-first
{
	background: #b9c9fe url('../images/table-images/left.png') left -1px no-repeat;
}
.rounded-corner thead th.th-last
{
	background: #b9c9fe url('../images/table-images/right.png') right -1px no-repeat;
}
.rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
.rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
.rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('../images/table-images/botleft.png') left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('../images/table-images/botright.png') right bottom no-repeat;
}
.rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}