html , body{
	height:100%;
}
#wizard-wrapper {
	background-color: #E9F1F8;
	padding-top:1px;
	border-radius: 7px;
	border:1px solid #A5BDD1;
	overflow:hidden;
}

#wizard-heading
{
	padding:5px;
	background-color: #C3DFF8;
	border-radius: 7px;
	border:1px solid #A5BDD1;
}

#wizard-breadcrumbs {
	text-align:center;
	height: 43px;
	overflow:hidden;
}
#wizard-content {
	padding: 5px 10px 0px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 500px;
	font-size:15px;
	line-height:20px;
	font-family: Arial;
}

#wizard-content.startup_page {
	height:100%;
}

/* = FORM Styling
----------------------------*/

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/images/checkbox.png') no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url('/images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}

#project-list {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 20px;
    text-align: left;
    width: 795px;
}
#project-list th {
    background: #B9C9FE;
    border-bottom: 1px solid #FFFFFF;
    border-top: 2px solid #D3DDFF;
    color: #003399;
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
}
#project-list td {
    background: #ECF4FD; /*#E8EDFF; */
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #666699;
    padding: 8px;
}

#project-list tbody tr:hover td {
    background: #D2E6FB;  /*#D0DAFD; */
    color: #333399;
}

.project_title {
	font-weight:bold;
	font-size:1.2em;
}
/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
	margin-top:10px;
	padding:0px;
	position: relative;
	clear:both;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	width:800px;
	margin-right:auto;
	margin-left: auto;
}
.wizard-steps div {
    position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
	font-style:normal;
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .step a {
    color:#163038;
    background: #A3C1C9;
}
.wizard-steps .step a:before {
    border-top: 12px solid #A3C1C9;
    border-bottom: 12px solid #A3C1C9;
}
.wizard-steps .step a:after {
    border-left: 12px solid #A3C1C9;
}
.wizard-steps .step span {
    border: 2px solid #163038;
    color: #163038;
    text-shadow:none;
}

.wizard-steps .completed-step a {
    color:#085E30;
    background: #12D16B;
}
.wizard-steps .completed-step a:before {
    border-top: 12px solid #12D16B;
    border-bottom: 12px solid #12D16B;
}
.wizard-steps .completed-step a:after {
    border-left: 12px solid #12D16B;
}
.wizard-steps .completed-step span {
    border: 2px solid #085E30;
    color: #085E30;
    text-shadow:none;
}

/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#A3C1C9;
    background: #163038;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
    border-top: 12px solid #163038;
    border-bottom: 12px solid #163038;
}
.wizard-steps .active-step a:after {
    border-left: 12px solid #163038;
}
.wizard-steps .active-step span {
    color: #163038;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #8F061E;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#8F061E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 12px solid #8F061E;
    border-bottom: 12px solid #8F061E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 12px solid #8F061E;
}

/*  Wizard navigation and NEXT / BACK buttons
--------------------------------------*/

#wizard-nav-bar {
    bottom: 10px;
    width: 925px; 
}
.wizard-next-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d8e2ed), color-stop(1, #a3c1c9) );
	background:-moz-linear-gradient( center top, #d8e2ed 5%, #a3c1c9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e2ed', endColorstr='#a3c1c9');
	background-color:#d8e2ed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8b939c;
	display:inline-block;
	color:#244F5B;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #FFFFFF;
	margin-right: 5px;
}
.wizard-next-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a3c1c9), color-stop(1, #d8e2ed) );
	background:-moz-linear-gradient( center top, #a3c1c9 5%, #d8e2ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3c1c9', endColorstr='#d8e2ed');
	background-color:#a3c1c9;
	text-decoration: none;
}
.wizard-next-button:active {
	position:relative;
	top:1px;
}

.wizard-button-disabled{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-shadow:1px 1px 0px #ffffff;
	text-decoration: none;
	margin-right: 5px;
	cursor: default;
}

.wizard-button-disabled:hover {
	text-decoration:none;
}

.contact_box {
	background: none repeat scroll 0 0 #DFE4EE;
	border: 1px solid #C6CFE1;
	color: #333333;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
}

.contact_box h1 {
	color: #555555;
	font-size: 14px;
}

.contact_box label {
	color: #555555;
	display: block;
	margin-bottom: 10px;
	font-size:14px;
}
.contact_box span{
	display: block;
	float: left;
	padding-right: 6px;
	text-align: right;
	width: 135px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{
	font-weight: bold;
	font-size: 1.1em;
}

.contact_box .field_description {
	font-style: italic;
	font-size: 11px;
	padding-left:143px;
}

.contact_box .field_email {
	font-size: 12px;
	padding-left:143px;
}

.contact_box .field_description a{
	text-decoration: underline;
	color: #163038;
}

.contact_box .field_tooltip {
	display: none;
}

.tooltip_icon {
	display: inline;
}

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:12px;
	width:250px;
	left:0px;
}
 
#tooltip .tipHeader {
    height:8px;
}
 
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}
 
#tooltip .tipBody {
    background-color:#163038;
    padding:5px 5px 5px 15px;
	border-radius: 7px;
}

.error {
	color:red;
	display: inline;
	padding-left:17px;
	font-style:italic;
	font-size:12px;
	background: url('/images/validation_error.gif') no-repeat;
	margin-left: 5px
	
}

#error_list {
	margin-left:65px;
	color:red;
	list-style: square outside none;
}

.serror {
	color:red;
	display: inline;
	padding-left:17px;
	font-style:italic;
	font-size:12px;
	background: url('/images/validation_error.gif') no-repeat;
	margin-left: 5px
	
}
.contact_field {
	font-size: 14px!important;
	background:#FFF;
	margin-left:0px;
	padding-left: 2px;
}

input[disabled='disabled'] {
	background:#DDDDDD;
}

input[readonly='readonly'] {
	background:#DDDDDD;
	color: #555;
}

.aif_box {
	background: none repeat scroll 0 0 #DFE4EE;
	border: 1px solid #C6CFE1;
	color: #333333;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
}

.aif_box h1 {
	color: #FFC2A6;
	font-size: 13px;
        text-shadow: 0px 1px black;
}

.aif_box label {
	color: #555555;
	display: block;
	margin-bottom: 10px;
}
.aif_box span{
	display: block;
	float: left;
	padding-right: 6px;
	text-align: left;
	width: 350px;

}

.aif_box .explanation {
	display:inline-block;
	float:none;
	width:50px;
}
.aif_box .field_description {
	font-style: italic;
	font-size: 11px;
	padding-left:5px;
}

.aif_box .field_description a{
	text-decoration: underline;
	color: #163038;
}

.aif_box .field_tooltip {
	display: none;
}

.aif_box .field_unit {
	display:inline;
	float:none;
	font-size: 12px;
}

.start_step {
	display:block;
	width:400px;
	border:1px solid black;
	min-height:100px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding:10px;
}

.startup_page a {
	text-decoration: none;
}

/* SMART GENIE STYLE */

#main{
	background:#ECF4FD;
	margin:auto;
	padding:10px;
	background: url("/images/genie.png") no-repeat scroll -60px 10px #E9F1F8;
	min-height:300px;
}

.triangle-right {
	position:relative;
	padding:15px;
	color:#222;
	text-shadow:1px 1px #eee;
	background:#075698; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}


.triangle-right.left {
	margin-left:140px;
	background:#C3DDFF;
}

.triangle-right:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#075698 transparent; 
	/* reduce the damage in FF3.0 */
	display:block; 
	width:0;
}

.triangle-right.left:after {
	top:16px; 
	left:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
	border-color:transparent #C3DDFF; 
}

#wizard-wrapper #main {
	margin-top:50px;
}

#wizard-wrapper #main table {
	margin-left: 160px;
}

#wizard-wrapper #main table td{
	padding:5px;
	vertical-align:middle;
}


.fee_box {
	background: none repeat scroll 0 0 #DFE4EE;
	border: 1px solid #C6CFE1;
	color: #333333;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
}

#fees_table {
	width:835px;
	color: #555;
}

#fees_table th {
	background: url("/images/apw_header_bkg.png") repeat-x scroll left center #7CB8E2;
	color: #FFFFFF;
	padding: 5px 15px;
	text-align: left;
	font-weight: bold;
	text-align: center;
	font-size:16px;
}
#fees_table .header {
	background: url("/images/apw_row_bck.png") repeat-x scroll left center #FFFFFF;
	padding:5px;
	font-weight:bold;
	font-size:14px;
}

#fees_table .amount {
	text-align:right;
	padding-right:10px;
}

#fees_table .details {
	background:none repeat-x scroll left center #C7DDEE;
	padding: 7px 15px;
	font-style:italic;
	font-size: 12px;
	color: #008080;
}

#total_fees {
	border:1px solid #8ABCFF;
	border-radius: 5px;
	width:813px;
	background:white;
	margin-top:10px;
	padding:10px;
	font-weight: bold;
	height:20px;
}

#total_fees label {
	display:inline-block;
}

#total_fees span {
	display:inline-block;
	float:right;
	text-align:right;
	color: #555;
}

#payment_icon {
	height:25px;
	vertical-align:middle;
}

.payment_box {
	margin-top: -10px;
	height:132px;
}

.ui-icon-close { 
	float: left; 
	margin: 0.4em 0.2em 0 0; 
	cursor: pointer;
	width:16px!important;
	float:right!important;
	padding:0px!important;
	text-align:left!important;
}

.contact_add_button{
	width:60px;
	height:25px;
	cursor:pointer;
	font-size:24px;
	font-weight:bold;
	color:#D86522;
	margin-top:3px;
	margin-left:3px;
}

.contact_add_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.contact_add_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.contact_add_button:active {
	position:relative;
	top:1px;
}

.tab_content{
	padding-top:10px;
}

.autosuggest-label {
	font-size: 14px;
	color:#555555;
	margin-bottom:10px;
}

#cboxLoadedContent iframe {
	overflow:hidden;
}

.autosuggest_result {
	display:none;
	font-size:14px;
	color:#555555;
	font-weight:bold;
	margin-bottom:12px;
}

.autosuggest_result  span{
	display:inline;
	float:none;
	width:100%;
	color: #D86522;
}

.autosuggest_result a {
	cursor: pointer;
	text-decoration: none;
	color: #244F75;
	border:1px solid #AAAAAA;
	background: #EEEEEE;
	border-radius:5px;
	font-size:12px;
	padding:5px 10px 5px 1px;
}

@media print {
	.noPrint {
		display:none;
	}
}
#multi_parcel_div{
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius:3px 3px 3px 3px;
	border: 1px solid #AAAAAA;
	font-size: 14px;
	margin-bottom: 5px;
	max-height: 325px;
	overflow: auto;
	display:none;

}
#multi_parcel_table tr{
	border-bottom: 1px dashed #CCCCCC;
	line-height: 19px;
}
#single_parcel_table tr {
	border-top: 1px dashed #CCCCCC;
	line-height: 35px;
}
#multi_parcel_table , #single_parcel_table{
	width:100%;
}
.multi_parcel_options{
	border-left: 1px dashed #BBBBBB;
	width: 90px;
	font-weight: bold;
	text-indent: 5px;
	vertical-align: middle !important;
}
#single_parcel_div{
	border-radius:3px 3px 3px 3px;
	font-size: 15px;
	margin-bottom: 5px;
	max-height: 325px;
	overflow: auto;
	display:none;
}
#hide_box_summary{
	padding:10px;
	border:1px solid #A5BDD1;
	height:100px;
	text-align: left;
	margin:5px;
	margin-bottom:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#hide_box_summary strong{
	font-weight: bold;
}
.ak-ul {
    list-style-type: disc;
    list-style-position: outside;
    padding: 0 10px;
}