/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Fonts & Colours */
body { font-family: "Century Gothic", Arial, sans-serif !important; color: #555; font-size: 10pt; background: #555; text-shadow: #eee 1px 1px 2px;  position: relative;}
h1,h2,h3,h4{ color: #333; margin: 10px 0; }
h1{ font-size: 18px; display: none; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
p{ line-height: 18pt; margin: 10px 0px; font-size: 10pt !important; }
a{ text-decoration: none; }
a:hover{ color: #d00;}
em { text-decoration: underline; }
font{ margin: inherit !important; font-size: inherit !important; font-family: inherit !important; color: inherit !important; }
tr.add { color: #5a0; font-weight: bold;}
tr.rem { color: #a00; font-weight: bold;}
span.glossaryTerm { color:#0a2; text-decoration: underline; position: relative; cursor: pointer;}
.tipsy {padding: 5px; font-size: 12px; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #fff; color: #000; max-width: 300px; text-align: left; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; border: 2px solid #333;}
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* General Layout */
table{ width: 100%; margin: 10px 0px; text-align: left;}
td,th{ padding: 10px 0px; text-align: left;}
td{ border-top: 1px solid #999; }
thead{ text-align: left; }

div#main { width: 960px; margin: auto; position: relative; background: #fff url('logo.png') top left no-repeat; border-left: 1px solid #333; border-right: 1px solid #333;}

div.article { margin: 50px 30px; position: relative; clear: both;}
div.header { position: relative;min-height: 50px;}
div.header .ifalogo{ float: right;padding: 20px;}
div.footer { margin-top: 70px; padding: 20px; text-align: center; }
div.nav ul { float: right;clear: both; }
div.nav ul li { display: inline; margin: 10px; }
textarea { position: relative; width: 100%; border: 1px solid #888; height: 70px; font-family: Arial, Sans-Serif; float: left; margin-bottom: 10px;}
li { margin: 10px; list-style-type: circle; }

fieldset .dpf label { width: 160px; float: left; text-align: right; margin-right: 10px; }
fieldset .dpf input { float: left;}
fieldset div.dpf { clear: both; margin: 10px;padding: 10px; position: relative; }

.PolicyCol { width: 150px; }
.ProductCol { width: 260px; }
.ProviderCol { width: 250px; }

/* Button */
a.button { display: block; width: 100px; background: url('./buttonsprite_r.png') right no-repeat; margin-left: 7px; color: #555; text-shadow: #fff 1px 1px 3px; line-height: 26px; text-align: center; height: 26px; cursor:pointer; }
a.button:hover { color: #e00; text-shadow: #999 0px 0px 3px; }
a.button span { display: block; background: url('./buttonsprite.png') left no-repeat; margin-right: 7px; position: relative; line-height: 26px; height: 26px; cursor:pointer; }

.button110 {color: #555; display:block; width: 110px; height: 26px; background: url('./button110.png') right no-repeat; text-align: center; line-height: 26px;}
.button140 {color: #555; display:block; width: 140px; height: 26px; background: url('./button140.png') right no-repeat; text-align: center; line-height: 26px;}
.button160 {color: #555; display:block; width: 160px; height: 26px; background: url('./button160.png') right no-repeat; text-align: center; line-height: 26px;}
.buttoncomments {color: #555;display: inline-block; width: 110px; height: 26px; background: url('./button110.png') right no-repeat; text-align: center; line-height: 26px;}

/* Message */
.error, .alert, .info, .success{border: 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 2px 10px; padding: 5px 10px 5px 30px;}
.error {background: #fdd url('./error-icon.png') no-repeat 7px center; color: #be2626; border-color: #be2626;}
.alert {background: #ffd url('./alert-icon.png') no-repeat 7px center; color: #766947; border-color: #766947;}
.info {background: #ddf url('./info-icon.png') no-repeat 7px center; color: #527acc; border-color: #527acc;}
.success {background: #d5e49a url('./success-icon.png') no-repeat 7px center; color: #6f880c; border-color: #6f880c;}
.question {background: #d5e49a url('./question-icon.png') no-repeat 7px center; color: #6f880c; border-color: #6f880c;}

/* Page Specific */
/*Login*/
.login label{ font-size: 24px; }
.login input { font-size: 16px; border: 2px solid #555; font-family: "Century Gothic", Arial, sans-serif !important; }
.login h1 { display: block; font-size: 48px; text-shadow: #ccc 1px 1px 2px; padding-bottom:20px; }
.login div.article { width: 420px; margin: auto; padding: 30px 0px 200px 0px; }
.pushme { margin-left: 180px; }
#helptext { text-align: center; }

/*LoginAs*/
.loginas label { font-size: 16px; }
	
.hintIcon{background: transparent url('./question-icon.png') no-repeat center center; width: 26px; height: 32px; float: left; position: relative;}
.hintIcon:hover .hint{display: block;}
.hint{width: 250px; height: 85px; padding: 10px 25px 10px 20px; display: none; background: transparent url('./loginHint.png') no-repeat; position: absolute; top: -30px; left: 30px;}

/* Modal */
.modal { display:none; }

/* Overlay */
#modaloverlay { background-color:#555; position: fixed; top: 0; left: 0; opacity: 0.7; -moz-opacity: 0.7; }

/* Container */
.modal { position: absolute; left: 50%; top: 20px; width:800px; color:#333; background-color:#fff; border:2px solid #333; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 20px; margin-left: -400px; }
.modal a.close { background:url('./closebutton.png') no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; cursor:pointer; }
.modal a.close span { display: none; }

/* modal styles */
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -250px;width: 500px; background-color: #fff; color: #333; border: 1px solid #555; padding: 12px;}
.jqmWindow h2{ margin-bottom: 10px;}
.wide {width: 800px; margin-left: -400px;}
.jqmOverlay { background-color: #fff; }
.jqmCloseIcon {position: absolute; width: 30px; height: 19px; top: 0; right: 0; cursor: pointer;}
	/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
	* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
	/* Fixed posistioning emulation for IE6
		 Star selector used to hide definition from browsers other than IE6
		 For valid CSS, use a conditional include instead */
	* html .jqmWindow {  position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
	.wizard {height: 200px; position: relative;}
	.wizardPage {width: 100%; position:absolute;}
	#usernameError {position: absolute; width: 200px; top: 100px; padding: 10px; color: #f00; left: 20px; border: 1px solid #f00;}

/* css div form */
div.formInput {border-bottom: 1px solid #ddd; width: 100%;}
	div.formInput span{display: block; width: 30%; float: left; margin-top: 5px;}
	div.formInput .error{display: block; border: 1px solid #f00; width: 90%; padding: 10px;}
	div.formInput input{}