/* PEP 4.2+ Stylesheet for Advanced Browsers (IE4-6, NN6)
/* The General Background */
BODY {
	background-color: #DFE0E8;                /* The light grey background for the screenwhich the white pages sit on */
	margin: 5px;
  
  /* The Sans-serif fonts we use. The last entry in the list here should always 
     be sans-serif or serif so Operating Systems like Linux or MacOS can display 
     properly */
  font-family: Arial, Verdana, Helv, sans-serif;
  color : #404040;
  background: #e7e7e7 url(images/bg_rpt2.gif) repeat-x;
}

/* Controls all <a> links. By default our links are navy and become Bluer and underlined when rolled over */
a:link{
	text-decoration : none;
	color: #211E72;
}

a:visited {
	text-decoration : none;
	color: #211E72;
}

a:hover{
	text-decoration : underline;
  color: #FD0000;
}

.container {
  border : 1px solid black;
  background-color : white;
  max-width : 1600px;
}

/* Decoration on Top Logos. This lets you set the Logos to various transparent GIFs and still have the lines running behind it */
.menuDecoration{
	/*background-image : url(images/horizontal_lines.gif);*/
}

.bodytable {
  background-color : white;
}

.divide {
   
}

/* Used for Table Header rows in lists, for example on the headings of the Orders History list */
.thead {
	background-color: #211E72;
	font-weight: bold;
	text-align: center;
  line-height : 1.2em;
}



/* Used for text of Table Header rows in lists*/
.wlink, .thead .sblink {
	font-family : Arial, sans-serif;
	font-size: 0.7em;
	color: White;
  
}

.wlink a, .wlink a:link, .wlink a:visited  {
	color: White;
}

.wlink_left {
	font-family : Arial, sans-serif;
	font-size: 0.7em;
	color: white;
  text-align : left; 
}


/* used for Top Menu Background, the dark navy-black of the top bar */
.menuHead {
	background-color: #a20001;
	text-align: center;
}

/* Top Menu links, for the top bar. These are white and become more yellowy when rolled over*/
.menuLink {
	font-size: 0.7em;
	color: #FFFFFF;
	text-decoration:none;
  font-weight: bold;
}

.menuLink:link{
	text-decoration:none;
	color: #FFFFFF;
  font-weight: bold;
}

.menuLink:visited{
	color: #FFFFFF;
	text-decoration:none;
}

.menuLink:hover{
	text-decoration: underline;
	color: #FFFFAA;
}

/* Index links on Paged screens (User Lists etc). This is the colour of the Pages area ([1] [2] [3]...) on List pages
   Light blue which becomes red and underlined when hovered over*/
.indexLink {
	font-size: 0.8em;
  background-color : #211E72;
	color: white;
	text-decoration:none;
  padding-left : 2px;
  padding-right : 2px;
  
}

.indexLink:link{
	text-decoration:none;
  background-color : #211E72;
	color: white;
  padding-left : 2px;
  padding-right : 2px;
}

.indexLink:visited{
  background-color : #211E72;
	color: white;
	text-decoration:none;
  padding-left : 2px;
  padding-right : 2px;
}

.indexLink:hover{
	text-decoration: underline;
	color: #FD0000;
  padding-left : 2px;
  padding-right : 2px;
}


/* General text settings. This is the normal text of the site */
.sblink {
	font-size: 0.8em;
  color : #404040;
}

/* Same as above but aligned to the right and bold */
.sblink_right {
	font-size: 0.8em;

  text-align : right;
  font-weight : bold;
}

.pageinfo {
	font-size: 0.8em;
  color : #404040;
  font-weight : bold;
  text-align : center;
}

/* Grey version of sblink. Used in Disabled screens */
.greysblink {
	font-size: 0.8em;
	color: Gray;
}

/* Larger sblink */
.medlink {
	font-size: 0.9em;
	font-weight: bold;
}

/*Low Stock items on Screen05*/
.lowstock {
	color: #E00000;
	background-color: #F0F0F0;
	font-size: 0.8em;
}

/* Form buttons */
.button, .tinybutton {
	font-size: 0.65em;
  border : 1px solid #606060  ;
  color : white;
  background-image : url(images/button_background.png);
  height : 22px;
  cursor : pointer;
  
	/*color: #000000;*/
	/*font-weight: bold;*/
}
.button:hover, .tinybutton:hover {
  color:white;
  background-color : #808080;
  border : 1px solid #fd0000;
  cursor:pointer; 
}

/* Go Button format. Replaces the little green blobs (as Jonathan S calls them) in PEP 5.30 */
.gobutton {
	font-size: 0.65em;
	width : 30px;
  border : 1px solid #606060;
  color : white;
  background-image : url(images/button_background.png);
  height : 22px;
  cursor : pointer;
}

.gobutton:hover {
	color: white;
  background-color : #808080;
  border : 1px solid #fd0000;
  cursor : pointer;
}


/* On some browsers the Text Areas fonts don't pick up the font specified in the 
   body above so we have to restate them specifically for textareas*/ 
textarea {
  font-family: Verdana, Helv, sans-serif;
}

/* Active Users highlight for current session. Used on Whos Online screen */
.cursession {
	background-color : #FFFACD;
}

/* Copyright symbol */
.footnotes{
	font-family : Arial, sans-serif;
	font-size: 55%;
	color: #808080;
}

/* Screen titles */
.title {
	font-weight : bold;
	font-size : 1.2em;
	color: #211E72;
  text-align : center;
  
}

/* Error messages */
.message{
	font-size: 0.8em;
	font-weight: Bold;
	color: Red;
}

.message_large, .message_large:link, .message_large:hover, .message_large:visited {
	font-size: 100%;
	color: Red;
	font-family: Tahoma, Arial, sans-serif;
}

/* Truncate wide Side Combo boxes. This is used on the Catalogue Setup screen 
   as the dropdown for Contracts can be very wide otherwise */
.sidecombo{
	width: 140px;
	font-size: 0.8em;
}

/* This is the lovely Purple and lime bits you see when a Text Fragment has no 
   translation in the languages. This ugly on purpose */
.mis{
	color: Maroon;
	background-color: Lime;
	font-weight:bold;
}

.tinylink {
	font-size: 0.7em;
}

.theborder {
	background-color: #808080;
}


.underline{
	border-bottom: 1px solid silver;
}

/* Border around the Page */
.black_border {
  border : 1px solid black;
}

.enabled {
  background-color : white;
}

.disabled {
  background-color : grey; 
}
.center {
  text-align : center;
}

.custompending {
  background-image : url('images/custom_pending.png');
}

.customok {
  background-image : url('images/custom_ok.png');
}

li.sblink {
  list-style-type: none;
  display : inline;
  padding-left: 8px;
  margin-left : 2px;
  background-image: url(images/block.png);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

.linelist {
  display : inline;
  line-height : 0.8em;
}

.hidden {
  display : none;
  width : 400px;
  background-color :#DFE0E8; 
}

.shown {
  display : block;
  margin-left : 10px;
  background-color :#DFE0E8;
  
  margin-bottom : 8px;  
}

.hidden td, .shown td {
  width : 160px;
}

.grey {
  color : grey;
}

.selectedrow {
  background-color : #e0e0e0;
}

.unselectedrow {
  
}
.hiddenrow {
  display : none;
}

.showrow {
  display: table-row;
}

.progress_inactive {
  color : #8e90ac;
  font-size : 9px;
  text-align : center;
  vertical-align : top;
}

.progress_active {
  color : #1f235b;
  font-size : 9px;
  text-align : center;
  vertical-align : top;
}

.progress_selected {
  color : #1f235b;
  font-size : 9px;
  text-align : center;
  border-bottom : dotted 2px grey;  
  font-weight : bold;
  vertical-align : top;
}

.popup {
  border : 1px black solid; background-color : white; width : 350px;  position : absolute; display : none; 	color : black;
}

.popup a:link, .popup a:visited  {
  font-size: 0.8em; color : black;
  margin-bottom : 2px;
  text-decoration : none;
}

.popup a:hover {
  color : navy;
  text-decoration : underline;
}

.popup h4 {
  font-size: 80%; color : black;
  text-align : center;
}

.hidelayer {
  display : none;
}

.showlayer {
  display : block;
  margin-bottom : 1em;
}

.sidemenu {
  
  margin-top : 4px;
  margin-bottom : 8px;
  
  background-color : #f0f0f0;
  
  border : 1px black dotted;
  
  width : 200px;
  
  clear : both;
  
}

.sidemenu a, .sidemenu a:link, .sidemenu a:visited {
  font-size : 0.8em;
  font-weight : bold;
  cursor : help;
  
  display:block;
}

.submenu {
  display : none;    
}

.submenu form{
  padding : 2px;
  padding-bottom : 1em;    
}

.submenu .left{
  float : left;    
}

.submenu .gobutton {
	font-size: 0.65em;
	width : 30px;
  border : 1px solid #606060;
  color : white;
  background-image : url(images/button_background.png);
  height : 22px;
  cursor : pointer;
  
  position : relative;
  float : right;
}

.treemenu {
  padding-left : 1em;
  
}

.treemenu a, .treemenu a:link, .treemenu a:visited {
  color : black;
  font-weight : normal;
  display : inline;
  cursor : default;
}

.treemenu a:hover {
  display : inline;
  text-decoration : underline;
}

.treemenu_sub a, .treemenu_sub a:link, .treemenu_sub a:visited {
  color : black;
  display : block;
  padding-left : 2em;
  font-weight : normal;
  cursor : default;
}

.breadcrumb {
  display : inline;
  font-size: 0.8em;
  font-weight : bold; 
}

.breadcrumb .crumb {
  display : inline;
  background-color : #f0f0f0;
  border : 1px black dotted;
	
  padding : 2px;
  
  margin-right : 1em;
  font-weight : normal; 
}

.breadcrumb .crumb a, .breadcrumb .crumb a:link, .breadcrumb .crumb a:visited {
  margin-left : 1em;
}