/***** CLF 02 Table of Contents ******/
	
	.spaceOut {padding-bottom: 10px;
	          }
	
	@media screen {.overflow {overflow: hidden;}}

	/* slightly enhanced, universal clearfix hack */
	.clearfix:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	     }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* close commented backslash hack */
/***** CLF 02 Table of Contents ******/

/***** Large button links *****/
ul.big-links {
  float: left;
  width: 100%;
  margin: 0 0 10px 0 !important;
  margin: 0;
  padding: 0;
  list-style: none;
  
  background: url(/remuneration-compensation/images/gradient-buttons.png) no-repeat bottom left;
}

ul.wide {
  background: url(/remuneration-compensation/images/gradient-buttons-wide.png) no-repeat bottom left;
}

ul.big-links li {  
  margin: 0;
  padding: 0;
  width: 200px;
  height: 100%;
  display: inline;
}

ul.big-links li.floatLeft {
  width: 295px !important;
  width: 288px; 

  background: url(/remuneration-compensation/awr-cwa/images/blue-background.jpg) no-repeat bottom left;
}

ul.big-links li.floatRight {
  width: 295px !important;
  width: 288px; 

  background: url(/remuneration-compensation/awr-cwa/images/green-background.jpg) no-repeat bottom left;
}

ul.wide li.floatLeft {
  width: 300px !important;
  width: 296px; 
}

ul.wide li.floatRight {
  width: 300px !important;
  width: 288px; 
}


ul.big-links li a {
  display: block;
  height: 100%;
  text-decoration: none;
}

/* Display block fix for IE6, hide from IE-mac \*/
* html .ul.big-links li a {
  height: 1%;
}
/* End hide from IE-mac */

ul.big-links li a:hover {
  background: none;
}

ul.big-links li a strong {
  display: block;
  padding: 5px 7px 20px 7px;
  
  font: bold 1.2em verdana, sans-serif;
  text-decoration: underline;
  color: #335799;;
}

ul.wide li a strong {
  padding: 17px 10px 20px 10px;
}

ul.big-links li a:hover strong {
  color: #036;
}

ul.big-links li a span {
  display: block;
  padding: 0 7px 25px 7px;
  font: 0.95em arial, sans-serif;
  line-height: 150%;
  color: #111;
}
/***** Large button links *****/


/***** Generic classes *****/

.block {
  display: block;
}
.darkred {
  color: #CA0000
}

div.sacoborder {
border: thin solid #000000;
padding: 4px;
}

div.sacoborder1 {
border: medium dotted #000000;
width: 75%;
padding: 3px;
}

/***** New classes *****/
.arrow-button {
  width: 405px;
  float: left;
  text-decoration: none;
 
  border-bottom: 10px solid #fff;
  cursor: pointer;
}

.arrow-button a {
  width: 405px;
  float: left;
  text-decoration: none; 
}  

.arrow-button-eng {
  background:  url(/remuneration-compensation/awr-cwa/images/green-arrow-bg-eng.png) no-repeat 0 50%;
}

.arrow-button-fra {
  background:  url(/remuneration-compensation/awr-cwa/images/green-arrow-bg-fra.png) no-repeat 0 50%;
}

.arrow-button strong{
  float: left;
  width: 140px;
  padding: 23px 0 20px 20px;  
  text-decoration: none; 
  cursor: pointer;
}

.arrow-button strong.fra {
  width: 130px;
  padding: 28px 0 20px 20px;  
}

.arrow-button strong span {
  font: bold 1.3em arial, sans-serif;
  border-bottom: 1px solid #369;  
  color: #369;
}

.arrow-button span.desc {
  float: right;
  width: 200px;
  padding: 20px 10px 20px 0;
  
  text-decoration: none;  
  
  color: #333;
  border: 0;
  cursor: pointer;
}

.arrow-button-eng span.desc {
  width: 190px;
}    

.double-button {
  width: 610px;
  min-height: 90px;
  text-decoration: none;  
  background:  url(/remuneration-compensation/awr-cwa/images/green-background.jpg) no-repeat center left;
}
.double-button strong {
  float: left;
  width: 180px;
  padding: 20px 0 20px 15px;  /* top, right, bottom, left */
}

.double-button strong span {
  font: bold 1.6em arial, sans-serif;
  border-bottom: 1px solid #369;  

  color: #369;
}

.double-button span.desc {
  float: right;
  width: 170px;
  padding: 20px 10px 20px 0;

  color: #333;
}

ul.arrow-list {  
  margin: 0;
  padding: 0px 0px 0px 5px;
  list-style: none;
}

ul.arrow-list li {
  margin: 0;
  padding: 5px 0px 5px 15px;
  background: url(/remuneration-compensation/awr-cwa/images/arrow-list.jpg) no-repeat 0 8px;
}

.warning {
  margin: 0;
  padding: 10px 0 10px 35px;
  background: url(/remuneration-compensation/awr-cwa/images/warning.jpg) no-repeat;
}

table.pdfform-background {
	background-color: #FFF;
}