/**
 * This is the dynamic stuff  that has its colors populated by the 
 * ServerBrandingStyleProvider servlet
 *
 * @author imills 
 */
.booksList
.fixColor,
.outline,
.optionsMenu,
.searchTitle2,
.tabSelected,
.infoPanel2 .heading,
.infoPanel2ImageLabel,
.infoPanel2 .address,
.infoPanel2 a,
.hierarchy,
.hierarchy a,
.gwt-InfoDisclosurePanel .header a,
.itemLabel,
.itemLabel-selected,
.sectionTitle-selected,
.itemTitle a,
.imageHyperlink,
.imageHyperlink a,
.imageHyperlink-selected,
.imageHyperlink-bold,
.breadcrumb-text,
.breadcrumb-text-selected,
.sectionIndent a,
.bookList,
.bookList a,
.booksList a
{
	color: #2C79B3;
}

.bintanCellTable {
	color: red;
	background: yellow;
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
}

.navigationImageHyperlink,
.navigationImageHyperlink a,
.navigationImageHyperlink-selected,
.navigationImageHyperlink-bold {
	margin:	0px;
	margin-right: 4px;
	padding:	0px;
	font-size:	11px;
	border-style: none;
	cursor:	pointer;
	color: #FFFFFF;
}

.navigationImageHyperlink a {
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
}

.navigationImageHyperlink-selected {
	text-decoration: underline;
	cursor:pointer;
}

.navigationImageHyperlink-bold {
	padding-top: 2px;
	background-color: #C3D9FF;
	cursor:pointer;
}

.paginationPanel {
	background-color: #DCDCDC;
}

.searchNavigationEnabled {
	color: #FFFFFF;
	cursor: pointer;
}

.searchNavigationDisabled {
	color:  gray;
	cursor: default;
}

.searchNavigationEnabledWhite {
	color: #000000;
	cursor: pointer;
}


.gwt-InfoDisclosurePanel .header,
.gwt-InfoDisclosurePanel .header td
{
	color: #2C79B3;
	background: #FFFFFF;
	
}

.markerPanelHeader
{
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight: bold;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #2C79B3;
	background: #FFFFFF;
}

.studiesPanelHeader
{
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight: bold;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #2C79B3;
	background: #FFFFFF;
}

.studiesPanelSurroundBackground {
	background-color: #2C79B3;
}


.tabSelected {
	border-color: #2C79B3;
}

.tabUnselected,
.project,
.infoPanel,
.hierarchy-selected,
.navigationPanel,
.gwt-InfoDisclosurePanel,
.gwt-DisclosurePanel .header .jnlpUrl {
	background-color: #2C79B3;
}

.infoPanel2 .filler,
.infoPanel2 .totalFiller,
.hierarchy .filler
{
	background-color: #2C79B3;
}
		
	

.searchTitle {
	border-bottom: 2px solid #2C79B3;
	border-right: 2px solid #2C79B3;
}

.reportScroll {
	border-right: 2px solid #2C79B3;
}

.dialogBox .caption,
.gwt-DialogBox .Caption,
.dialogBox .Caption {
	background-color: #2C79B3;
}

.dialogBox .caption, 
.gwt-DisclosurePanel .header .jnlpUrl a {
	color: #FFFFFF;
}

.scenario-title {
	color: #FFFFFF;
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
}

.scenario-link {
	color: #FFFFFF;
}

.jnlpUrl a {
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
}

.infoPanel2Title {
	color: #2C79B3;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.project .title, 
.project .title a {
	color: #2C79B3;
}

/* This is the style for the rounded decorator panels  */

.gwt-DecoratorPanel {
	table-layout: fixed;
}

.gwt-DecoratorPanel .topLeft,
.gwt-DecoratorPanel .topRight {
    width: 5px;
}


.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: #D0E4F6;
}

.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: #D0E4F6;
}

.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

html>body .gwt-DecoratorPanel .topLeft {
   background: url(../corner.png) no-repeat 0px 0px;
}

html>body .gwt-DecoratorPanel .topRight {
   background: url(../corner.png) no-repeat -5px 0px;
}

html>body .gwt-DecoratorPanel .bottomLeft {
   background: url(../corner.png) no-repeat 0px -5px;
}

html>body .gwt-DecoratorPanel .bottomRight {
   background: url(../corner.png) no-repeat -5px -5px;
}

* html .gwt-DecoratorPanel .topLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .gwt-DecoratorPanel .topRightInner {
  width: 10px;
  height: 5px;
  margin-left: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .gwt-DecoratorPanel .bottomLeftInner {
  width: 5px;
  height: 10px;
  margin-left: 0px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .gwt-DecoratorPanel .bottomRightInner {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}


/* This is the style for the subpanel decorator panels  */

.subpanel-DecoratorPanel {
	table-layout: fixed;
}

.subpanel-DecoratorPanel .topLeft,
.subpanel-DecoratorPanel .topRight {
    width: 5px;
}


.subpanel-DecoratorPanel .topCenter,
.subpanel-DecoratorPanel .bottomCenter {
  background: #D0E4F6;
}

.subpanel-DecoratorPanel .middleLeft,
.subpanel-DecoratorPanel .middleRight {
  background: #D0E4F6;
}

.main-DecoratorContainer .gwt-DecoratorPanel .middle,
.main-DecoratorContainer .gwt-DecoratorPanel .middleCenterInner {
	height: 100%;
}

.subpanel-DecoratorPanel .topLeftInner,
.subpanel-DecoratorPanel .topRightInner,
.subpanel-DecoratorPanel .bottomLeftInner,
.subpanel-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

html>body .subpanel-DecoratorPanel .topLeft {
   background: url(../corner.png) no-repeat 0px 0px;
}

html>body .subpanel-DecoratorPanel .topRight {
   background: url(../corner.png) no-repeat -5px 0px;
}

html>body .subpanel-DecoratorPanel .bottomLeft {
   background: url(../corner.png) no-repeat 0px -5px;
}

html>body .subpanel-DecoratorPanel .bottomRight {
   background: url(../corner.png) no-repeat -5px -5px;
}

* html .subpanel-DecoratorPanel .topLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .subpanel-DecoratorPanel .topRightInner {
  width: 10px;
  height: 5px;
  margin-left: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .subpanel-DecoratorPanel .bottomLeftInner {
  width: 5px;
  height: 10px;
  margin-left: 0px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .subpanel-DecoratorPanel .bottomRightInner {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}


/* We can change the section heading background */
.sectionHeader,
.sectionHeader-top,
.sectionHeader-bottom {
	background: #D0E4F6;
}

/* Section rounded border styles */
.section-top-left, 
.section-top-right, 
.section-bottom-left, 
.section-bottom-right { 
	background: black; 
	height: 2px;   
	font-size: 2px;
}
/* Sign In error message */
.signInErrorMessage {
	color: #FFFFFF
}

/* Training Label  */
.trainingLabel {
	white-space: nowrap;
	text-align: left;
	color: #FFFFFF;
}

/* Training Label Font Size */
.trainingLabelFontSize {
	font-size: 14px;
	
}

/* Training Label Font Weight*/
.trainingLabelFontWeight {
	font-weight: 14px;
}

/* Info Panel Open Arrow*/
.infoPanelOpenArrow {
	border: 0px;
	width: 9px;
  	height: 9px;
  	overflow: hidden;
	margin-right: 5px;
	background-image:url(../info_down_arrow.png);
}

/* Info Panel Closed Arrow*/
.infoPanelRightArrow {
	border: 0px;
	width: 9px;
  	height: 9px;
  	overflow: hidden;
	margin-right: 5px;
	background-image:url(../info_right_arrow.png);
}
/* Header settings start here */
.heading,
.heading .top,
.heading a,
.heading .bottom .breadcrumb .hyperlink {
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight: bold;
	width: 100%;
	background-color: #2C79B3;
}


.heading .top,
.heading .top .lastLogin,
.heading .bottom .breadcrumb .hyperlink a,
.heading a {
	color: #FFFFFF;
}



.gwt-DecoratorPanelHeader {
	table-layout: fixed;
	
}

.gwt-DecoratorPanelHeader .topLeft,
.gwt-DecoratorPanelHeader .topRight {
    width: 5px;
}


.gwt-DecoratorPanelHeader .topCenter,
.gwt-DecoratorPanelHeader .bottomCenter {
  height:5px;
  background: #D0E4F6;
}

.gwt-DecoratorPanelHeader .middleLeft,
.gwt-DecoratorPanelHeader .middleRight {
  background: #D0E4F6;
}

.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

html>body .gwt-DecoratorPanelHeader .topLeft {
   background: url(../corner.png) no-repeat 0px 0px;
}

html>body .gwt-DecoratorPanelHeader .topRight {
   background: url(../corner.png) no-repeat -5px 0px;
}

html>body .gwt-DecoratorPanelHeader .bottomLeft {
   background: url(../corner.png) no-repeat 0px -5px;
}

html>body .gwt-DecoratorPanelHeader .bottomRight {
   background: url(../corner.png) no-repeat -5px -5px;
}

* html .gwt-DecoratorPanelHeader .topLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .gwt-DecoratorPanelHeader .topRightInner {
  width: 10px;
  height: 5px;
  margin-left: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .gwt-DecoratorPanelHeader .bottomLeftInner {
  width: 5px;
  height: 10px;
  margin-left: 0px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .gwt-DecoratorPanelHeader .bottomRightInner {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}


.subpanel-DecoratorPanelHeader {
	table-layout: fixed;
}

.subpanel-DecoratorPanelHeader .topLeft,
.subpanel-DecoratorPanelHeader .topRight {
    width: 5px;
}


.subpanel-DecoratorPanelHeader .topCenter,
.subpanel-DecoratorPanelHeader .bottomCenter {
  background: #FFFFFF;
}

.subpanel-DecoratorPanelHeader .middleLeft,
.subpanel-DecoratorPanelHeader .middleRight {
  background: #FFFFFF;
}

.subpanel-DecoratorPanel .topLeftInner,
.subpanel-DecoratorPanel .topRightInner,
.subpanel-DecoratorPanel .bottomLeftInner,
.subpanel-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

html>body .subpanel-DecoratorPanelHeader .topLeft {
   background: url(../corner.png) no-repeat 0px 0px;
}

html>body .subpanel-DecoratorPanelHeader .topRight {
   background: url(../corner.png) no-repeat -5px 0px;
}

html>body .subpanel-DecoratorPanelHeader .bottomLeft {
   background: url(../corner.png) no-repeat 0px -5px;
}

html>body .subpanel-DecoratorPanelHeader .bottomRight {
   background: url(../corner.png) no-repeat -5px -5px;
}

* html .subpanel-DecoratorPanelHeader .topLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .subpanel-DecoratorPanelHeader .topRightInner {
  width: 10px;
  height: 5px;
  margin-left: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .subpanel-DecoratorPanelHeader .bottomLeftInner {
  width: 5px;
  height: 10px;
  margin-left: 0px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

* html .subpanel-DecoratorPanelHeader .bottomRightInner {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='corner.png',sizingMethod='crop');
}

/* End of Header settings */

/*	Settings for MainPanel background*/
.home {
	background:	#D3D3D3;
	
}

.titlePanel {
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 2px;
	background:	#FFFFFF;
	color: #2C79B3;
}

.normalTextStyle {
	font-family: sans-serif, Arial, Helvetica;
	cursor: default;
	font-size:11px;
	vertical-align: middle; 
}

.infoPanelTitle {
	padding-Bottom: 1px;
	padding-Top: 1px;
	background:	#FFFFFF;
	width: 180px;	
}

.booksListCellEven {
	color:black;
	background-color:#F0F0BE;
	border-width:0px 1px 0px 0px;
	border-color:gray;
	border-style:solid;
	font-family: sans-serif, Arial, Helvetica;
	font-size:11px;
	font-weight:normal;
	padding-left: 4px;
}

.booksListSelectedCellEven {
color: white;
background: black;
border-width:0px 1px 0px 0px;
border-color: gray;
border-style:solid;
font-family: sans-serif, Arial, Helvetica;
font-size:11px;
font-weight:normal;
padding-left: 4px;
}

.booksListSelectedCellEven a {
	color: white;	
	background: black;
}
/* Left side bar style */
.leftSideBar {
	width: 180px;	
}
/* Left side bar style */
.studiesPanel {
	width: 220px;
}

.signatureWarning a {
	color: black;
	text-decoration: underline;
}

/* This is used by the BintanCellTable for odd row colors */
.cellTableOddRow {
  background: #F0F0BE;
}

/*  Sytle for the BintanCellTableCell */
.bintanCellTableCell {
  font-size:10px;
  font-family: sans-serif, Arial, Helvetica;
  white-space: nowrap;
  color: black;
}

/* Style for an immage in a BintanCellTableCell */
.bintanCellTableCell img {
	border: none;
	position:relative;
	top: 1px;
}

/* Used by BintanCellTableCell hyperlinks to allow branding of links */
.bintanCellTableCell a {
	font-size:10px;
  	font-family: sans-serif, Arial, Helvetica;
	vertical-align:middle;
	border: none; 
	cursor: pointer;
	color: #2C79B3;
}

/* Style used for the values in a BintanCellTableCell */
.bintanCellTableCellValue,
.bintanCellTableCellHyplerlink {
 	position:relative;
   	left: 2px;
   	border: none;
}

.bintanCellTableCellValue {
   	cursor: default;
}

.bintanCellTableCellHyplerlink {
 	cursor: pointer;
}

.tableMarginTop {
	margin-top: 4px;
}

.tableMarginBottom {
	margin-bottom: 3px;
}

.tableMarginLeft {
	margin-left: 5px;
}