/* \*/
* div {
	min-height:1%;
}
/* */ 

html, body, p, div, td, li {
	font-family: Arial, helvetica, sans-serif;
	font-size: 9pt;
	margin:0;
	padding:0;
}

p {
	margin:0 0 10px 0;
}

a:link {
	/*color:#006666;*/
	color:#003366;
	text-decoration:none;
	background-color : transparent;
}
a:visited {
	/*color:#006666;*/
	color:#003366;
	text-decoration:none;
	background-color : transparent;
}
a:active {
	/*color:#006666;*/
	color:#003366;
	text-decoration:none;
	background-color : transparent;
}
a:hover {
	/*color:#006666;*/
	color:#003366;
	text-decoration:underline;
	background-color : transparent;
}

/* HEADING STYLES */
	h1,h2,h3,h4,h5 {
		margin:0;
		margin-bottom:2px;
		padding:0;
		/*color: #007F93;*/
		color: #003366;
		font-weight:bold;
	}
	
	h1 {
		font-size:20pt;
	}
	h2 {
		font-size:16pt;
	}
	h3 {
		font-size:14pt;
	}
	h4 {
		font-size:12pt;
	}
	h5 {
		font-size:11pt;
	}
	h6 {
		font-size:9pt;
		margin:0;
		margin-bottom:2px;
		padding:0;
		color: #000000;
		font-weight:bold;
	}
	/*h6 em{color: #007F93;}*/
	h6 em{color: #003366;}

.clear {
	clear:both;
}
/*hr {
	color:lightgray;
	border:0;
	background-color: lightgray;
	height:1px;
}*/

hr {
	color:silver;
	border:0;
	background-color: silver;
	height:1px;
}

/* FORMS ETC */
	form {
		margin:0;
		padding:0;
		border:0;
	}

/* FORM field styles */
	.fieldlabel {
		/*color: #007F93;*/
		color: #003366;
		clear:both;
		float:left;
		margin-bottom:4px;
		font-weight:bold;
		font-size: 10pt;
		padding:10px 5px 0px 0px;
		width:40%;
	}
	.fieldvalue {
		float:left;
		font-size:10pt;
		padding: 9px 0 0 0;
		width: 55%;
	}
	.fieldinput {
		float:left;
		margin:4px 0px;
		width:55%;
	}
	.fieldinput input {
		padding:0;
		margin:0;
	}
	
/* Short FORM field styles */
	.blocklabel1 {
		
		float:left;
	}
	
	.shortfieldlabel1 {
		/*color: #007F93;*/
		color: #003366;
		float:left;
		margin-bottom:4px;
		font-weight:bold;
		font-size: 10pt;
		padding:10px 5px 0px 0px;
		
	}
	.shortfieldvalue1 {
		float:left;
		font-size:10pt;
		padding: 9px 0 0 0;
	}
	.shortfieldinput1 {
		float:left;
		margin:4px 0px;
		margin-right:10px;
	}
	.shortfieldinput1 input {
		padding:0;
		margin:0;
	}
	
	.blocklabel2 {
		width:35%;
		float:right;
	}
	
	.shortfieldlabel2 {
		/*color: #007F93;*/
		color: #003366;
		float:right;
		margin-bottom:4px;
		font-weight:bold;
		font-size: 10pt;
		padding:10px 5px 0px 0px;
		
	}
	.shortfieldvalue2 {
		float:right;
		font-size:10pt;
		padding: 9px 0 0 0;
	}
	.shortfieldinput2 {
		float:right;
		margin:4px 0px;
		margin-right:10px;
	}
	.shortfieldinput2 input {
		padding:0;
		margin:0;
	}
/*	.blocklabel1 {
		width:47%;
		float:left;
	}
	
	.shortfieldlabel1 {
		color: #007F93;
		float:left;
		margin-bottom:4px;
		font-weight:bold;
		font-size: 10pt;
		padding:10px 5px 0px 0px;
		
	}
	.shortfieldvalue1 {
		float:left;
		font-size:10pt;
		padding: 9px 0 0 0;
	}
	.shortfieldinput1 {
		float:left;
		margin:4px 0px;
		margin-right:10px;
	}
	.shortfieldinput1 input {
		padding:0;
		margin:0;
	}
	
	.blocklabel2 {
		width:48%;
		float:right;
	}
	
	.shortfieldlabel2 {
		color: #007F93;
		float:right;
		margin-bottom:4px;
		font-weight:bold;
		font-size: 10pt;
		padding:10px 5px 0px 0px;
		
	}
	.shortfieldvalue2 {
		float:right;
		font-size:10pt;
		padding: 9px 0 0 0;
	}
	.shortfieldinput2 {
		float:right;
		margin:4px 0px;
		margin-right:10px;
	}
	.shortfieldinput2 input {
		padding:0;
		margin:0;
	}
*/	


	
/* Form elements */
	.radioinput {
		float:left;
		margin: 4px 0px;
		width: 55%;
	}
	
	INPUT.submit {
		/*background: #007F93 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;*/
		/*background-color: #007F93;*/
		background-color: #003366;
		color:white;
		padding: 2px;
		margin:0;
		border:0;
		font-weight: bold;
		font-size: 9pt;
		text-align:left;
		height:20px;
	}
	
	INPUT.checkoutbutton {
		/*background: #007F93 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;*/
		background: #003366 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;
		color:white;
		padding: 2px 20px 2px 2px;
		margin:0;
		border:0;
		font-weight: bold;
		font-size: 9pt;
		text-align:left;
		height:20px;
	}
	
	INPUT.checkoutbuttonset {
		/*background: #007F93 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;*/
		background: #003366 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;
		color:white;
		padding: 2px 20px 2px 2px;
		margin:0;
		border:0;
		font-weight: bold;
		font-size: 9pt;
		text-align:left;
		height:20px;
		width:180px;
	}
	
	
	INPUT.checkoutbackbutton {
		/*background: #007F93 url(/res/img/back-button-pointer.jpg) no-repeat 4% 50%;*/
		background: #003366 url(/res/img/back-button-pointer.jpg) no-repeat 4% 50%;
		color:white;
		padding: 2px 2px 2px 20px;
		margin:0;
		border:0;
		font-weight: bold;
		font-size: 9pt;
		text-align:right;
		height:20px;
	}
	
	INPUT.forwardbutton {
		/*background: #007F93 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;*/
		background: #003366 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;
		color:white;
		padding: 2px 20px 2px 2px;
		margin:0;
		border:0;
		font-weight: bold;
		font-size: 9pt;
		text-align:left;
		height:20px;
	}
	
	INPUT.signupbutton {
		/*background: #007F93 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;*/
		background: #003366 url(/res/img/button-pointer.jpg) no-repeat 96% 50%;
		color:white;
		padding: 2px 20px 2px 2px;
		margin:0;
		border:0;
		font-weight: bold;
		font-size: 9pt;
		text-align:left;
		height:20px;
		width:270px;
	}
	
	.submit a {
		color: white;
	}
	INPUT.text {
		width: 250px;
		/*border:1px solid #007F93;*/
		border:1px solid #003366;
		font-size:10px;
		height:20px;
		margin:0px;
		padding:2px;
		font-size:9pt;
	}
	INPUT {
		height: 20px;
	}
	SELECT {
	}
	INPUT.radio {
		width:auto;
		height:auto;
		padding:0px;
		margin:0px;
	}

/* Form types */
	.form-primary {
		border:1px solid white;
		padding:4px;
	}
	.mandatory-field {
		color:red;
		font-weight:bold;
		font-size:14pt;
		margin:-4px;
		padding-right:6px;
		float: right;
	}

	.mandatory-field2 {
		color:red;
		font-weight:bold;
		font-size:14pt;
		margin:-4px;
		padding-left:6px;
		float: left;
	}

/* validation styles */
.validation-failed {
	border:1px solid red;
	clear:both;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	clear:both;
}

.debug {
	border:1px solid red;
	background-color: lightgreen;
	padding:4px;
	margin:4px;
}

.tooltip {
	background-color: white;
	border:1px solid gray;
	padding:3px;
}

/* Tabbed interfaces */
	.tab-group {
	}
	.tab-group {
		height:21px;
		margin:0;
		padding:0;
		border-bottom:1px solid #FF7800;
		border-left:1px solid #FF7800;
		clear:both;
	}
	
	.tab-group .tab-item {
		height:20px;
		float:left;
		text-align:center;
		border-top: 1px solid #FF7800;
		border-right: 1px solid #FF7800;
		padding:1px 13px 0 6px;
		background-color: white;
	}
	
	.tab-group .tab-item a, .tab-group .tab-item a:hover {
		color:#666;
	}
	
	.tab-group .active {
		background-color:#FF7800;
	}

	.tab-group .active a, .tab-group .active a:hover {
		color: white;
		font-weight:bold;
	}
	.tab {
		clear:both;
		padding: 8px;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #FF7800;
	}

/* Success and failure messages */
	.success {
		background-color: #5FC998;
		border: 1px solid #716F64;
	}
	.failure {
		background-color: #FD807A;
		border: 1px solid #716F64;
	}
	.warning, .warning-subtle {
		background-color: #FFE459;
		border: 1px solid #716F64;
	}

	.success-image,
	.failure-image,
	.warning-image {
		width:80px;
		height:115px;
	}
	.success-image img,
	.failure-image img,
	.warning-image img {
		width:80px;
		height:115px;
	}
	
	.success-detail,
	.failure-detail,
	.warning-detail {
		font-size:14pt;
		font-weight: bold;
		width: 100%;
		padding: 0 10px 0 0;
		vertical-align: middle;
	}

	.success .label,
	.failure .label,
	.warning .label {
		font-size: 16pt;
	}
	.success .message,
	.failure .message,
	.warning .message {
		padding-left: 4px;
	}
	.success .code,
	.failure .code,
	.warning .code {
		padding-left: 4px;
	}

.legend {
	font-weight: bold;
}

