/*
	Author	:	Guy Snelling
	Email		:	guy@consumingfire.co.za
*/
* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color:#0000FF;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

/* body */
body {
	background-position: center; 
	//background:#ffffff;
	color:#555;
	font:100% Arial, Helvetica, "bitstream vera sans", sans-serif;
    
    top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:1200px;
  height: 100%;
  margin: 1%;
  align: center;
}




/* header */
#header {
	/*border-bottom:0px solid #999;*/
	height:100px;
	margin:0 auto;
	width:1000px;
}
#header h1 {
	color:#BA0303;
	font-size:300%;
	letter-spacing:-3px;
	text-align:right;
	padding:5px;
	margin-bottom:-20px;
}

#header h2 {
	color:#ADADAD;
	font-size:200%;
	letter-spacing:-2px;
	text-align:right;
}
#header h3 {
	color:#ADADAD;
	font-size:100%;
	letter-spacing:-2px;
	text-align:right;
}
#header h4 {
	color:#ADADAD;
	font-size:120%;
	letter-spacing:-1px;
	text-align:left;
}
#header h5 {
	color:#BA0303;
	font-size:300%;
	letter-spacing:-3px;
	text-align:right;
	padding:5px;
	margin-bottom:-20px;
}

/* navigation */
#navigation {
	background:#adadad;
	border-right:2px solid #000000;
	margin:0 auto;
	width:1001px;
	height:40px;
	list-style:none;
}
#navigation li {
	border-left:2px solid #000000;
	float:left;
	width:141px;
	list-style:none;
}
#navigation a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.4em;
	display:block;
	line-height:40px;
	text-align:center;
}
#navigation a:hover {
	background:#BA0303;
	color:#FFFFFF;
}
#navigation b {
	color:#F0F0F0;
	font-weight:bold;
	font-size:1.4em;
	display:block;
	line-height:40px;
	text-align:center;
}
#navigation b:hover {
	background:#ADADAD;
	color:#F0F0F0;
}

#navigation .active {
	background:#adadad;
	color:#777;
}

/* content */
#content {
    
	height:auto;
	margin:0 auto;
	padding:0 0 0px;
	width:1000px;
}
#content h1 {
	/*border-top:1px dashed #999;*/
	font-size:180%;
	padding:20px 0 0;
}
#content h3 {
	
	font-size:120%;
	letter-spacing:0px;
	text-align:left;
}
#content h4 {
	
	font-size:100%;
	letter-spacing:0px;
	text-align:left;
}

#content p {
	padding:20px 20px 0;
    font-size:100%;
    
}

/* footer */
#footer {
	border-top:1px solid #999;
	height:50px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:500px;
}

.image {
padding:20px 20px 0;
 }

/* error */
.error, .ad {
	font-weight: bold;
	color: #C00
}

.nodisplay
{
display: none;
}

select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="typeahead"],
.uneditable-input {
  display: inline-block;
  height: 30px; /*height of input fields*/
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #888888;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

textarea {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

textarea, select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="typeahead"],
.uneditable-input {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

input[type="typeahead"] {
 background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
 }

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="typeahead"]:focus,
.uneditable-input:focus {
  border-color: rgba(255, 102, 102, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 102, 0.8);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 102, 0.8);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 102, 0.8);
}


textarea.disable:focus,
input.disable:focus {
  border-color: rgba(0, 0, 0, 0.2);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);
}

input, select, .input {
	padding: 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #000000;
	background: #eeeeee;
	border:2px  #BA0303;
   
}



.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

select {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

textarea {
  margin: 0;
  font-size: 120%;
  vertical-align: middle;
}

table
{
border-collapse:collapse;
align:left;
}
table,th, td
{

border: 1px solid white;
//border: 1px solid black;

}
td
{
text-align:center;
spacing:0px;
padding:1px;
font-size: 90%;
}


.table1 tr
{
display:block
 }

.all-left td
{
text-align:left;
}

.all-center td
{
text-align:center;
} 

.report1  td
{
   border: 1px solid black;
   text-align:left;
	font-size:150%;

}


 .notfirst:hover {
    background-color: #999999;
	color: white;
}
 


.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #ffcaca);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffcaca));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffcaca);
  background-image: -o-linear-gradient(top, #ffffff, #ffcaca);
  background-image: linear-gradient(to bottom, #ffffff, #ffcaca);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btndis {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.span2 {
  width: 140px;
}

.rqd {
	color:#FF0000;
     }
.opt {
	color:#0000FF;
     }

/* following code from http://webdesignerwall.com/tutorials/css3-gradient-buttons */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* following code from http://webdesignerwall.com/tutorials/css3-gradient-buttons */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.blue {
	color: #EBF5FF;
	border: solid 1px #da7c0c;
	background: #3399ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#8099E6));
	background: -moz-linear-gradient(top,  #66ccff,  #8099E6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ccff', endColorstr='#8099E6');
}
.blue:hover {
	background: #3366FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#8099E6), to(#6685e0));
	background: -moz-linear-gradient(top,  #8099E6,  #6685e0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8099E6', endColorstr='#6685e0');
}
.blue:active {
	color: #6699FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#8099E6), to(#66ccff));
	background: -moz-linear-gradient(top,  #8099E6,  #66ccff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8099E6', endColorstr='#66ccff');
}
.green {
	color: #E6FFE6;
	border: solid 1px #da7c0c;
	background: #66ff33;
	background: -webkit-gradient(linear, left top, left bottom, from(#66ff99), to(#33cc33));
	background: -moz-linear-gradient(top,  #66ff99,  #33cc33);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ff99', endColorstr='#33cc33');
}
.green:hover {
	background: #99FF99;
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc44), to(#29a329));
	background: -moz-linear-gradient(top,  #00cc44,  #29a329);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc44', endColorstr='#29a329');
}
.green:active {
	color: #CCFFCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc44), to(#70db70));
	background: -moz-linear-gradient(top,  #00cc44,  #70db70);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cc44', endColorstr='#70db70');
}

