/*
High Contrast alternative version.

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 : #FFFF00;
height: 100%;
}



#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: black;
}
#leftcontent {
width: 550px;
float: left;
margin-left: 20px;
}

#rightcontent {
width: 300px;
float: right;  
background-color: black;
/*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: 250px;float: left;
}

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

#middleContent {
width: 700px;
margin-left:auto;
margin-right:auto;
background-color: orange;
}

#contentFull {
width: 750px;
text-align: left;
padding: 10px;
background-color : black;
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: black;
margin-bottom:3px; /*add a space below pageheading and above bodytext*/
font-weight:bold;
color: yellow;
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: black;
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 : black;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
color: yellow;
}

.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;
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;
}

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

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

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

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

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

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

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

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

.buttonSimple {
background-color: black;
color: yellow;
}

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

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

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

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

B {
color: yellow;
}


#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; background:#123123}

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


/*===================================================================*/
/* HYPERLINK STYLING*/
/*===================================================================*/
A,A:link,A:active,A:visited {
color : #FE9A2E;
text-decoration:underline;
}
A:hover, A.overlink {
color : #FE9A2E;
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: black;
}

#accessToolbar {
	padding: 2px;
	border: none;
	height: 20px;
	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;
}