html {overflow-y: scroll;} /*This makes FF behave like IE, vertical scroll bar always, horizontal only if needed*/

* {
	font-size: 11px;	
}

body {
	background-color: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px;
	background-image: url(images/headerbgpeople.png);
	background-repeat: repeat-x;
	background-position: left top;

}

body iframe {
	display: none !important;
}

.printerIFrame{
	display: block !important;
	opacity: 0.00;
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
}

img.printOnly {
	display: none;
}

hr {
	width:100%;
	color:#C3D9FF;
	height:1px;
	border:1px solid #C3D9FF;
	background-color: #C3D9FF;
	clear:both;
}

iframe {
	/*This is VITAL for older IE versions! */
	/*filter: chroma(color="#FFFFFF");*/
}

code {
  
}

a {
  color: darkblue;
}

a:visited {
  color: darkblue;
}

.gwt-BorderedPanel {
}

.gwt-Button {
	width: 90px;
	height: 20px;
	margin: 5px;
	
	text-align: center;
	vertical-align: middle;
}

.marginLeft5 {
	margin-left: 5px;
}

.SimpleHyperLink-plain{
	
	text-decoration: none;
}

.gwt-Canvas {
}

.gwt-CheckBox {
  
}

.gwt-DialogBox {
  sborder: 8px solid #C3D9FF;
	border: 1px solid #ffc27b;	/*this is the same colour as the nav bar*/
	background-color: #ffe9d0; /*and this is that paler color, not quite white*/
	background-image: url(images/gradientdown.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.gwt-DialogBox input {
	width: 200px;
}

.gwt-DialogBox .gwt-Label {
	width: 200px;
}

.gwt-DialogBox .force30px input {
	width: 30px;
}

.checkbox-notext input{
	width: 20px;
}

.gwt-DialogBox .Caption {
	margin: 2px;
	padding: 3px;
	font-weight: bold;
	background-color: #C3D9FF;
	
	text-align: left;
	cursor: default;
	cursor: move;
}

.gwt-FileUpload {
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.gwt-Frame {
	height: 24em;
	border: 0px solid #000000;
}

.gwt-HorizontalSplitter .Bar {
  width: 8px;
  background-color: #C3D9FF;
}

.gwt-VerticalSplitter .Bar {
  height: 8px;
  background-color: #C3D9FF;
}

.gwt-HTML {
	
}

.gwt-Hyperlink {
}



.gwt-Image {
}

.gwt-Label {
  
}

.gwt-ListBox {
	border: 1px solid #87B3FF;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.gwt-DialogBox .gwt-ListBox {
	width: 205px;
}

.gwt-MenuBar {
  background-color: #C3D9FF;
  border: 1px solid #87B3FF;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  padding: 1px 4px 1px 4px;
  
  cursor: default;
}

.gwt-MenuButton .gwt-MenuItem {
  padding: 0px;
  cursor: default;
  width: 11px;
  height: 9px;
}

.gwt-MenuButton {
  background-color: #C3D9FF;
  border: none;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-MenuButton .gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-MenuButton .gwt-Image{
	padding: 3px 1px;
}

.gwt-PasswordTextBox {
    border: 1px solid #87B3FF;
	height: 1.2em;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.gwt-RadioButton {
	
}

.gwt-RadioButton label{
	vertical-align: middle;
}

.gwt-RadioButton input {
	vertical-align: middle;
}

.gwt-TabPanel {
  width:100%;
}

.TabContents {
  width:100%;
}

.gwt-TabPanelBottom {
  /*border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #87B3FF;
  height: 100%;*/
}

.gwt-TabBar {
  background-color: #C3D9FF;
  
}

.dialogpadding {
	padding: 5px;
}

.dialogpadding .gwt-TabBar {
  background-color: Transparent;
  
}

.tabpanel-contentarea{
	background-color: #E8EEF7;
	border: 1px solid #87B3FF;
	border-top: none;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #87B3FF;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  border-bottom: 1px solid #87B3FF;
  padding: 1px 2px;
  cursor: pointer;
  cursor: hand;
  width: 170px;
  background-image: url(images/tab_notselected.gif);
  background-repeat: no-repeat;
  background-position: top;
  text-align: center;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  border-bottom: none;
  padding: 1px 2px;
  cursor: default;
  width: 170px;
  background-image: url(images/tab_selected.gif);
  background-repeat: no-repeat;
  background-position: top;
}

.gwt-TextArea {
	border: 1px solid #87B3FF;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.gwt-TextBox {
	border: 1px solid #87B3FF;
	height: 18px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.arrowRightBackground{
	background-image: url(images/collapsed.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
  
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.gwt-StackPanel {
  width: 100%;
  margin-left: 0px;
  margin-top: 10px;
}

.gwt-StackPanel .gwt-StackPanelItem {
  border: solid 1px #C3D9FF;
  border-bottom: none;
  cursor: pointer;
  cursor: hand;
  background-image: url(images/collapsed.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
	background-color: lightgoldenrodyellow;
	background-image: url(images/expanded.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
}


/* -------------------------------------------------------------------------- */


.ks-View {
  border: 8px solid #C3D9FF;
  background-color: #E8EEF7;
  width: 100%;
  height: 24em;
  padding-bottom: 1em;
}

.ks-View table {
  width: 100%;
}

.ks-Info {
  padding: 10px 10px 2px 10px;
  

  background-image: url(images/info.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  
  font-weight: bold;
  
}



.ks-List {
  margin-top: 20px;
  margin-bottom: 8px;
  
  width: 121px;
}

.ks-List .spacer {
  visibility: hidden;
}


.ks-List .ks-ViewItem {
  height: 12px;
  padding: 3px;
  padding-left: 5px;
  cursor: pointer;
  cursor: hand;
}

.ks-List .ks-ViewItem-subView{
	padding-bottom: 2px;
	padding-left: 20px;
  	cursor: pointer;
  	cursor: hand;
}

/*
.ks-ViewItem-subView.ks-ViewItem-selected {
    background-image: url(images/listsub_selected.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.ks-ViewItem-subView.ks-ViewItem-inbetween {
    background-image: url(images/listsub_skip.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

.ks-ViewItem.ks-ViewItem-selected {
    background-image: url(images/list_selected.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.ks-ViewItem.ks-ViewItem-ghosted {
    background-image: url(images/list_ghosted.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
*/

.ks-ViewItem-subView-selected {
    background-image: url(images/listsub_selected.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	padding-bottom: 2px;
	padding-left: 20px;
  	cursor: pointer;
  	cursor: hand;
}

.ks-ViewItem-selected {
    background-image: url(images/list_selected.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	height: 12px;
    padding: 3px;
    padding-left: 5px;
    cursor: pointer;
    cursor: hand;
}

.ks-ViewItem-inbetween {
    background-image: url(images/listsub_skip.gif);
	background-repeat: repeat-y;
	background-position: top left;
	
	padding-bottom: 2px;
	padding-left: 20px;
  	cursor: pointer;
  	cursor: hand;
}

.ks-ViewItem-ghosted {
    background-image: url(images/list_ghosted.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	height: 12px;
    padding: 3px;
    padding-left: 5px;
    cursor: pointer;
    cursor: hand;
}


.ks-images-Image {
  margin: 8px;
}

.ks-images-Button {
  margin: 8px;
  cursor: pointer;
  cursor: hand;
}

.pointer {
  cursor: pointer;
  cursor: hand;
}

.ks-layouts {
  margin: 8px;
}

.ks-layouts-Label {
  background-color: #C3D9FF;
  font-weight: bold;
  margin-top: 1em;
  padding: 2px 0px 2px 0px;
  width: 100%;
}

.ks-layouts-Scroller {
  height: 128px;
  border: 2px solid #C3D9FF;
  padding: 8px;
  margin: 8px;
}

.gwt-popup{
  padding: 2px 6px;
  background-color: white;
  border: 1px solid #C3D9FF; 
  
  background-image: url(images/corner.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

.ks-popups-Popup {
  padding: 6px;
  background-color: white;
  border: 1px solid #C3D9FF; 
  border-top: none;

  	background-color: white;
	background-image: url(images/headerbg.png);
	background-repeat: repeat-x;
	background-position: top;
}

/*
.ks-popups-Popup-orange {
  padding: 4px;
  background-color: white;
  border: 1px solid #C3D9FF; 
  
  background-color: lightgoldenrodyellow; 
  background-image: url(images/gradientdown.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
*/


	


/* -------------------------------------------------------------------------- */


.headerCaption {
	color: #CC0000;
	margin-top: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: left;
}

.header {
	font-size: large;
	color: #000000;
	text-align: left;
	margin-bottom: 0em;
}
.header2 {
	color: #000000;
	margin-bottom: 0em;
	text-align: left;
}
.gwt-Label-Question {
	color: firebrick;
	
}

.gwt-Label-Question input {
	vertical-align: middle;
}

.gwt-Label-Question label {
	vertical-align: middle;
}

.gwt-Label-Question span {
	vertical-align: middle;
}


.boldred {
	color: firebrick;
	
	font-weight: bold;
}

.rowStyle {
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
}


/* -------------------------------------------------------------------------- */


.validate-TextBox{
	border: 1px solid darkred;
	background-color: #ff9377;
}

.validate-TextArea{
	border: 1px solid darkred;
	background-color: #ff9377;
}

.validate-RadioButton{
	border: 1px solid darkred;
	background-color: #ff9377;
}
.gwt-TextArea-pseudo {
	background-color: white;
	border: 1px solid #87B3FF;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 1em;
}
.label-Induction {
	padding-right: 5px;
	padding-left: 5px;
	/*background-color: #FEA995; /*coral;*/
}
.label-Consolidation {
	padding-right: 5px;
	padding-left: 5px;
	/*background-color: #C090EE; /*mediumpurple;*/
}
.label-Maintenance {
	padding-right: 5px;
	padding-left: 5px;
	/*background-color: #A6F1B6; /*lightgreen;*/
}
.gwt-FocusPanel {
	/*border: 1px solid #87B3FF;*/
	background-color: #EFEFFF;
	cursor: pointer;
	margin: 2px;
}
.focusPanel-MouseOver {
	background-color: lightgoldenrodyellow;
}
.SearchResult-header {
	margin: 2px;
	margin-bottom: 0;
	color: firebrick;
	font-weight: bold;
}
.panelBorder {
	border: 1px solid #C3D9FF;
	padding: 2px;
}

.panelBorder-spacebelow {
	border: 1px solid #C3D9FF;
	margin-bottom: 3px;
	padding: 2px;
}

.navBar-horizontalBorders{
	border-top: none;
	border-right: 1px solid #C3D9FF;
	border-bottom: none;
	border-left: 1px solid #C3D9FF;
}

.navBar-background {
	background-color: #ffc27b; /* #FFE753; */
}

.navBar td{
	padding: 2px 6px;
}

.navBar td td{
	padding: 0;
}

.navBar-Hyperlink {
	
}

.highlighted-background{
	background-color: lightgoldenrodyellow; /* lightgoldenrodyellow;*/
	border: 1px solid #C3D9FF;
	border-top: none;
	background-image: url(images/gradientdown.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.highlighted-background-noborder{
	background-color: lightgoldenrodyellow; /* lightgoldenrodyellow;*/
	padding: 0px;
	margin: 0px;
	border: none;
	background-image: url(images/gradientdown.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.gwt-Label-bold {
    
	font-weight: bold;
}
.gwt-Label-loading {
	color: #2465D4;
	margin-right: 5px;
	font-weight: bold;
}

#busyIcon {
	padding-left: 685px;
	text-align: left;
	
	z-index: 1000 !important;
}

#busyIcon table {
    border: 1px solid #2465D4;
	background-color: lightgoldenrodyellow;
	padding: 2px;
    padding-bottom: 0px;
	margin-right: 2px;
	position: fixed;
  	top: 10px;
  	z-index: 1000 !important;
}

/* -------------------------------------------------------------------------- */


.cornerPanel {
	background-color: white;
	background-image: url(images/headerbg.png);
	background-repeat: repeat-x;
	background-position: top;
}

.cornerPanel-tl {
	background-image: url(images/lightblue_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.cornerPanel-tr {
	background-image: url(images/lightblue_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.cornerPanel-bl {
	background-image: url(images/lightblue_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.cornerPanel-br {
	background-image: url(images/lightblue_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.cornerpanel-blue{
	background-color: #C3D9FF;
	color: #2465D4;
}


.lightgoldenrod {

}

.lightgoldenrod-tl {
	background-image: url(images/lightgoldenrod_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.lightgoldenrod-tr {
	background-image: url(images/lightgoldenrod_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.lightgoldenrod-bl {
	background-image: url(images/lightgoldenrod_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.lightgoldenrod-br {
	background-image: url(images/lightgoldenrod_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.cornerPanel-Induction {
	background-color: #FEA995; /*coral;*/
}
.cornerPanel-Consolidation {
	background-color: #C090EE; /*mediumpurple;*/
}
.cornerPanel-Maintenance {
	background-color: #A6F1B6; /*lightgreen;*/
}
.gwt-Button-nomargin {
	width: 60px;
	height: 20px;
	margin: 0px;
	
	text-align: center;
	vertical-align: middle;
}
.gwt-Label-instructions {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	  
}
.gwt-Label-alignTop {
	background-color: #E8EEF7;
	
	font-weight: bold;
	margin-left: 1em;
	position: relative;
	top: -10px;
	padding-left: 3px;
	padding-right: 3px;
}
.rowStyle-spaceAbove {
	margin-top: 12px;
	margin-left: 5px;
	margin-right: 5px;
}
.bold {
	font-weight: bold;
}

.bold-cell {
	font-weight: bold;
}


.borderBottom {
	border-bottom: 1px solid #C3D9FF;
}

.marginRight {
	margin-right: 10px;
}
.popupContent {
	padding-left: 20px;
	background-image: url(images/bubble.gif);
	background-repeat: no-repeat;
}

.whitebackground {	
}

.tk-GlassPanel {
    background: black;
    opacity: 0.20;
    filter: alpha(opacity=20);
    -moz-opacity: 0.20;
}

.tk-GlassPanel-invisible {
    background: black;
    opacity: 0.00;
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
}

.body-GlassPanelShowing{
	/* style applied to the body while the glass panel is showing*/
}

/* --------------------------------------------------------------------- */
/*
.border-box {
   behavior:        url("boxsizing.htc");
   box-sizing:      border-box;
   -moz-box-sizing: border-box;
}

.content-box {
   behavior:        url("boxsizing.htc");
   box-sizing:      content-box;
   -moz-box-sizing: content-box;
}
*/
/* --------------------------------------------------------------------- */


.acts-warning{
	padding: 3px;
	color: firebrick;
	font-weight: bold;
	text-align: center;
	
}

.acts-warning div {
	display: inline;
}

.acts-success{
	padding: 3px;
	color: firebrick;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
}

.acts-loading{
	padding: 3px;
	color: firebrick;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
}

.acts-signin-bigtext{
	padding: 3px;
	padding-top: 0;
	color: firebrick;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
}

.containerContainer{
	width: 604px;
	overflow: hidden;
	border: 1px solid #C3D9FF;
	background-color: #E8EEF7;
}

.acts-grid-container{
	background: #ffe9d0 url(images/gradientup.png) left top repeat-x;
}

.acts-grid-container-ff {
	padding-left: 1px;
	padding-top: 1px;
}

.acts-grid{
	border-collapse: collapse;
}

.acts-grid td {
	padding: 2px 3px;
}

.acts-grid td td {
	padding: 0px;
}

.acts-grid-cell-title  {
	background-color: #C3D9FF;
	background-image: url(images/bluegradient.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.acts-grid-cell-title td {
	border-top: 1px solid #E8EEF7;
	border-bottom: 1px solid #E8EEF7;
}

.acts-grid-cell-title-leftmost {
	border-left: 1px solid #E8EEF7;
}

.acts-grid-cell-title-rightmost {
	border-right: 1px solid #E8EEF7;
}

.acts-grid-cell {
	border: 1px solid #E8EEF7;
	/*background-color: transparent;*/
}


.acts-addbutton-link{
	vertical-align: middle;
	background-image: url(images/btn_addcenter.gif);
	background-repeat: repeat-x;
	background-position: top;
	color:  #2465D4;
}

.acts-addbutton-link-red{
	vertical-align: middle;
	background-image: url(images/btn_addcenter_red.gif);
	background-repeat: repeat-x;
	background-position: top;
	color:  #F00;
}

.acts-signin-panel{
	margin-left: auto;
	margin-right: auto;
}

.acts-signin-tableofradios{
	margin: 3px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: firebrick;
}

.acts-signin-tableofradios input{
	cursor: pointer;
	cursor: hand;
}

.acts-signin-tableofradios label{
	cursor: pointer;
	cursor: hand;
}

.acts-signin-label{
	margin: 5px;
	text-align: center;
	color: firebrick;
	font-weight: bold;
}

.schwarz-convert-hyperlinkTOtext{
	text-decoration: none;
	color: black;
	cursor: default;
}

a.schwarz-convert-hyperlinkTOtext {
	text-decoration: none;
	color: black;
	cursor: default;
}

.italics{
	font-style: italic;
}

.acts-textbox-standard{
	background-image: url(images/tick.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-color: white;
}

.acts-textbox-nopay{
	background-image: url(images/cross.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-color: white;
}

.padding-vertical{
	padding: 1px 0px;
}

.paddingleft{
	padding-left: 2px;
}

.textbox-width120{
	width: 120px;
}

.acts-inst-kin{
	background-image: url(images/stripe_kin.gif);
	background-repeat: repeat;
}

.acts-inst-pri{
	background-image: url(images/stripe_pri.gif);
	background-repeat: repeat;
}

.acts-inst-sec{
	background-image: url(images/stripe_sec.gif);
	background-repeat: repeat;
}

.acts-inst-ter{
	background-image: url(images/stripe_ter.gif);
	background-repeat: repeat;
}

.acts-inst-spe{
	background-image: url(images/stripe_spe.gif);
	background-repeat: repeat;
}

.dialogMessage{
	padding: 3px;
	text-align: justify;
}

.disappear{
    opacity: 0.00;
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
}

.width200pxOR11cm{
	width: 200px;
}

.background-paleblue{
	background-color: #E8EEF7;
}

.createpassword-message{
	margin-bottom: 5px;
	text-align: justify;
}

.printoptionspanel{
	margin: 5px;
}

.printoptionspanel .checkbox input{
	width: 20px;
}

.printoptionspanel .checkbox{
	color: firebrick;
}

.grad {
	background-image:url(images/grad1.gif); 
	background-repeat: no-repeat; 
	background-position: top right;
}

.nograd {
	background-image: none; 
}

#imageArea {
	margin-top: 65px;
}

#loadingText {
	color: firebrick;
	font-size: 50px;
	height: 120px;
}

.mss-filter-panel .gwt-TextBox{
	margin: 2px 5px;
}

.mss-filter-panel .gwt-Button{
	margin: 2px 5px;
	height: 19px;
}

.mss-filter-panel .pointer {
	margin: 4px 5px;
}


/* NEW */

.navBar-Hyperlink, .tk-SimpleHyperLink, .navBar-horizontalBorders {
	color: navy;
	text-decoration: underline;	
	cursor: pointer;
}

/* 28/04/2011 added a shadow to the main view table. since there is no class name in the mark up we have to be tricky about how to select it unfortunately */
#bodyDiv table table{
	-moz-box-shadow: 0 4px 10px #89B;
	-webkit-box-shadow: 0 4px 10px #89B;
	box-shadow: 0 4px 10px #89B;
}
#bodyDiv table table.ks-List,
#bodyDiv table table table{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}