/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


html, body 
{
   height: auto !important;
   border: 0; 
   margin: auto;
}

body 
{
   width: 950px;
   max-width:950px;
   padding-top:3px;
   font-family:Arial, Helvetica, sans-serif;
   color:#51555C;
   height:100%;
   font-size:12px;
   text-align: center;
   background:#545454;
}

html 
{ 
   overflow:-moz-scrollbars-vertical; 
} 

h1 
{
   font-size: 16px;
   font-weight:bold;
   color:black;
}

#main
{
  width: 950px;
  background-color: #ececec;
  text-align: left;
}

a:link {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:visited {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
a:hover {color:#004882;outline:none;font-weight:bold;}
/*a:active {color:red;outline:none;text-decoration: none;font-weight:bold;}*/
a:focus{color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
:focus { -moz-outline-style: none; }


th
{
   background-color:#7aaa1c;
   font-size: 12px;
   font-family:Arial, Helvetica, sans-serif;
   color:white;
   border: 0;
   height:22px;
   text-align: left;
   padding-left:10px;
   font-weight:bold;
}

table
{
	border-collapse: collapse; 
	border-spacing: 0px; 
	border: 0;
	border-style: solid;
	width:100%;
	font-size : 12px;
}

td
{
 	height:22px;
 	font-size: 12px;
}

.errormsg 
{
	color: red;
	font-size: 12px;
}

#errorcontent 
{
	color: red;
	font-style: italic;
	font-size: 11px;
}

.steptitletable 
{
  border:0px solid #dd3c10;
  margin-top:10px;
}


#data 
{
	height: 10em;
	overflow : auto;
}

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

div.errorcontainer 
{
	background-color: #ffebe8;
	border:1px solid #dd3c10;
	margin: 5px;
	padding: 5px;
}

div.errorcontainer label
{

}

div.inputfields 
{
	border: 0px solid #96A6C5;
	padding: 15px;
}

fieldset
{
	border-width:1px;
	border-style:solid;
	border-color:#7aaa1c;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}

fieldset legend{
	font-weight:bold;
	color:#484848;
}

label
{
	text-align:left;
	display: inline-block;
}

label.error {
	margin-left: 20px;
}

label.error, label.error 
{
	color: red;
	font-style: italic;
	font-size: 10px;
}

input.error 
{ 
	border: 1px dotted red; 
}
select.error 
{ 
	border: 1px dotted red; 
	color: red;
}

label.error 
{
	color: red;
	font-size: 10px;
	margin-left : 0.5em;
}

label.headline
{
	border:0;
 	display:block;
  	color: white;
  	background-color:#7aaa1c; 	
    text-align: left;
    padding-left:10px;
	padding-top:5px;    
    font-weight:bold;
    height:24px;
}

.wzCtrl 
{
	background:#ececec !important; 
	border:0px outset ButtonShadow !important; 
	padding:5px !important;
}


.btnsubmit 
{
  font-weight:bold;
  color: #ffffff;
  background-color: #7aaa1c;
  border: 0px solid #808080;
  padding: 3px;
  width:100px;  
  padding-right: 25px;
}

.btnfinish
{
  font-weight:bold;
  color: #ffffff;
  background-color: #7aaa1c;
  border: 0px solid #808080;
  padding: 3px;
  width:100px;  
}

.btnreset 
{
  font-weight:bold;
  color: #ffffff;
  background-color: #7aaa1c;
  border: 0px solid #808080;
  padding: 3px;
  width:100px;  
}
  
.btnsave 
{
  font-weight:bold;
  color: #ffffff;
  background-color: #132267;
  border: 0px solid #808080;
  padding: 3px;
  width:100px;
}

.btnsavechanges 
{
  font-weight:bold;
  color: #ffffff;
  background-color: #132267;
  border: 0px solid #808080;
  padding: 3px;
  width:150px;
}


#navigation 
{
    text-align:center;
    width:950px;
    height:40px;
} 

.navigation_text
{
    height:28px;
    width:100%;
	color:#fff;
	background:url(../img/header_back.gif) repeat-x;
	line-height:28px;    
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

#navigation ul li {
	display: inline;
} 

#navigation ul li a {
	height:15px;
	display: block;
	float: left;
	padding: 12px 12px 12px 12px;
	color: #FFF;
	text-decoration: none;
	background: url(../img/navigation-separator.png) no-repeat right center;
} 

#navigation ul li a:hover {
	color:#363636;
	background: url(../img/navigation-hover.png) repeat-x;
}

#navigation li.done a
{
	color:#FFF;
}

#navigation li.current a
{
	color:#363636;
	background: url(../img/navigation-hover.png) repeat-x;
}

#navigation li.error a{

	color:#FFF;
}

#footer 
{
    text-align:center;
    width:950px;
    height:28px;
}

.footer_text
{
    height:28px;
    width:100%;
	/*color:#fff;*/
	color:#000;
	background:url(../img/footer_back.gif) repeat-x;
	line-height:28px;    
}

#footer ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
} 

#footer ul li 
{
	display: inline;
	margin: 0px;
} 

#footer ul li a 
{
	height:15px;
	display: block;
	float: right;
	padding: 5px 15px 0 15px;
	font: 10px Arial;
	/*color:#fff;*/
	color:#000;
	text-decoration: none;
	background: url(../img/navigation-separator.png) no-repeat right center;
}

ul 
{
	list-style:square;
	margin: 0;
	padding: 0;
	margin-left: 25px;
}

ul li 
{
	margin: 0px;
	line-height:1.6em;
} 

input
{
	padding:3px;
	color:#333333;
	font-size:12px;	
}

select
{
	color:#333333;
	line-height:22px;
	height:22px;
	font-size:12px;
}

textarea
{
	font-size:12px;
 	display:block;
}

.text 
{   font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.textmultiline
{   font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    height:150px;
    width:200px;
}

.info
{
	padding: 10px; left: 5px; 
	font-size: 0.9em;
	display:block;
	position:relative;
	width:405px; 
	height:250px;
	background-color: white; 
	border: 1px solid #a6c9e2
}

img.trigger 
{ 
	vertical-align: middle; 
}