/**
 * Style sheet for Service Application Form
 * @author 
 */

/** Set the default padding and margin for block level elements to be zero everywhere. 
body, div, dd, dt, dl, img, table, tr, td, h1, h2, h3, h4, h5, form, hr, fieldset {
	margin: 0px;
	padding: 0px;
}*/
/** Styles that affect the layout of the major chunks of the page. */

.inlineClassName{
	display: inline;
}
.nobr
{
	white-space: nowrap;
}
.scroll {
	height: 160px;
	width: 290px;
	overflow: auto;
	border: 0px solid #666;
	/*background-color: #ccc;*/
	padding: 8px;
}

.buttons
{
	color: #040404;
	font-weight: none;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;
	background: #e4e4e4;
}

.leftpadding12
{
	padding-left: 12px; 
}

.leftpadding16
{
	padding-left: 16px; 
}

.leftpadding23
{
	padding-left: 23px; 
}

.important
{
    COLOR: red;
    FONT-FAMILY:  Tahoma, Arial, Verdana;
    FONT-WEIGHT: bold;
}
.redstar
{
	text-align: left;
    COLOR: #b00202;
    FONT-FAMILY:  Tahoma, Arial, Verdana;
    FONT-WEIGHT: bold;
}
.bold
{
    FONT-WEIGHT: bold;
}

.errorTEMP
{
    COLOR: #c95d5d;
    FONT-FAMILY:  Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
}

.errorTEMP2
{
    COLOR: #cdcdcd;
    FONT-FAMILY:  Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    font-size: 0pt;
}

.moreInfo {
	color: #0082C8;
	cursor: help;
}

.textfield
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY:  Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 100px;
    WIDTH: 300px
}

.textfield2
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
}

.textfield3
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 177px
}

.textfield3_ph
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 64px
}

.textfield3_1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 177px
}

.textfield3_1_ph
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 64px
}

.textfield4
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 77px
}

.textfield4_1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 77px
}

.textfield5
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 177px
}
.textfield5_ph
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 64px
}
.textfield51
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 302px
}
.textfield5_1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 177px
}

.textfield5_1_ph
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 177px
}

.textfield5_1_1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    WIDTH: 177px
}

.textfield5_1_1_1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    WIDTH: 364px
}

.textfield5_1_2
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 312px
}

.textfield6_1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    HEIGHT: 16px;
    WIDTH: 230px
}
.select1
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #426929 1px solid;
    BORDER-LEFT: #426929 1px solid;
    BORDER-RIGHT: #426929 1px solid;
    BORDER-TOP: #426929 1px solid;
    COLOR: #040404;
}
.buttonbay {
	height: 47px;
}
.helpcontact{
	BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    BORDER-LEFT: #cdcdcd 1px solid;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BORDER-TOP: #cdcdcd 1px solid;
    COLOR: #040404;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-WEIGHT: normal;
    WIDTH: 300px;
}

.comments {

	FONT-WEIGHT: normal;

}

.comments ul li {

	FONT-WEIGHT: bold;
    font-size: 9px;
}

.smallfont{
    /*font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;*/
	color: #cdcdcd;
}

.smallfont0{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #cdcdcd;
	width: 47px;

}

.smallfont1{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 97px;

}
.smallfont1_1{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 113px;
}
.smallfont11{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 210px;

}
.smallfont12{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 183px;

}
.smallfont13{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 184px;

}
.smallfont13_ph{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 64px;

}

.smallfont2{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #040404;
	width: 147px;
}
.smallfont20{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 9pt;
	position: relative;
	color: #cdcdcd;
	width: 147px;
}
.smallfont3{
    font-family: sans-serif,Verdana,Tahoma,Arial;
	font-family: normal;
    font-size: 8pt;
	position: relative;
	color: #040404;
}
.mainform {
	/*background-color: #cdcdcd;*/
	
}

/* Style used to display the page header. */
#imageHeader {
    margin: 0px;
    /* background-image: url("img/logo_saf.gif"); */
    height: 85px;
    width: 757px;
}

#pageHeader {
    font-size: large;
    color: #446644;
}

#navLinks {
    margin: 0px;
    padding: 0px;
}

#navLinks a {
    width: 85px;
    padding: 4px 4px 4px 12px;
    margin: 5px 5px 5px 0px;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #a9a9a9;
    border-bottom: 0px solid #d2d2d2;
    background-color: #535c66;
    color: #cdcdcd;
    text-decoration: none;
}

#loginInfo, #loginInfo a{
    text-align: right;
    color: #446644;
}

#contentPanel {
    float: center;
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #a9a9a9;
    border-bottom: 0px solid #d2d2d2;
    background-color: #FFFFFF;
    height: 590px;
    width: 750px;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}
#contentSubPanel {
    float: left;
    background-color: #f1f5f8;
    FONT-FAMILY: Tahoma, Arial, Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}
#contentPanelPageNumbers {
    float: right;
    position: abstop;
    border: 1px #cdcdcd;
    height: 23px;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
    color: #e57100;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);

}

#eoiHelpPanel {
    float: left;
    border: 0px solid #a9a9a9;
    height: 92px;
}

#errorContentPanel {
	top: 150px;
}

#wizardButtonsPanel {
    float: left;
    border: 0px solid #a9a9a9;
    height: 92px;
}

#pageContent {
    margin: 5px 5px 5px 5px;
}

#footer, #footer a {
    text-align: center;
    background-color: #4a7520;
    color: white;
}

#footer {
    padding: 4px;
}

/** Default styles for link elements. */
a {
    color: #2fa09d;
    font-weight: bold;
    text-decoration: none;
}

a:active {
    color: white;
}

a:hover {
    text-decoration: underline;
}

/* Paragraph elements */
/*P.text
{
    BACKGROUND: #e1eeda;
    COLOR: #cdcdcd;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left
}*/

/** Styles used to created headings within the content of the page. */
div.sectionTitle {
    font-size: larger;
    color: #446644;
    margin: 0px 0px 15px 0px;
}

div.subtitle {
    color: #444444;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
}

/** Style that control the format of non-error messages. */
ul.messages, ul.messages li {
    list-style: none;
    color: green;
    font-style: italic;
    font-size: 11pt;
}


/* Styles used to make tables for displaying data. */
table.display {
    width: 100%;
}

table.display, table.display th, table.display td {
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid #a9a9a9;
    padding: 3px;
}

table.display tr.even {
    background-color: #ffffe9;
}

table.display th {
    background-color: #dcdcdc;
}

/** Styles for controlling how simple two column forms are laid out. */
table.leftRightForm td {
    padding: 3px;
}

table.leftRightForm th {
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 3px;
    background-color: #eeeeee;
}

/* Default styles for form fields. */
input, select, textarea {
    font-size: 10pt;
    font-family: sans-serif;
}

div.button {
    margin: 7px 0px 7px 0px;
    text-align: left;
}

textarea {
    width: 200px;
    height: 3em;
}

/* Styles used for form fields in error. */
input.error, textarea.error, select.error {
    background-color: #fafad2;
    color: #b72222;
}

label.error {
    color: #b72222;
    border-bottom: 1px dashed #b72222;
}

.centerall{
	text-align: left;
}

#eoiHelpPanel {
	visibility: hidden;
	height: 320px;
	width: 320px;
	border: #426929 1px solid;
	padding: 1em;
	background-color: #f8f8db;
	filter: alpha(opacity = 92);
	opacity: 0.92;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -160px;
}

#wizardErrorPanel {
	
}

.errorPanel{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 200px; 
	width: 323px; 
    margin-top: -100px;
    margin-left: -300px;
    
    border: #cdcdcd 1px solid; 
    background-color: #f8f8db; 
    filter: alpha(opacity=92); 
	opacity: 0.92; 
	-moz-opacity: 0.92; 
}

.confirmYes{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 120px; 
	width: 323px; 
    margin-top: -100px;
    margin-left: -300px;
    
    border: #cdcdcd 1px solid; 
    background-color: #f8f8db; 
    filter: alpha(opacity=92); 
	opacity: 0.92; 
	-moz-opacity: 0.92; 
}


#wizardErrorPanel_1 {
	position:fixed;
	left:50%;
	top:50%;
	z-index:1;
}

#wizardProgressBar {
	position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;

    height: 40px; 
	width: 323px; 
    margin-top: -100px;
    margin-left: -300px;
    
    border: #cdcdcd 1px solid; 
    background-color: #f8f8db; 
    filter: alpha(opacity=92); 
	opacity: 0.92; 
	-moz-opacity: 0.92; 
}
#YesCancelButtons {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-50px;
	z-index:1;
}
.helpnumber{
	font-weight:bold;
}