/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/* Imported from Craigs Calculator styling */

img {border:0;}
#container {padding:20px;}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}


label {
	color:#333;
	cursor:pointer;
	padding-left:0px;
	line-height:17px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:16px;
	height:15px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(/themes/sorted4/images/niceform/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(/themes/sorted4/images/niceform/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:15px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(/themes/sorted4/images/niceform/checkbox.gif) no-repeat left top; }
.checkboxAreaChecked {background:url(/themes/sorted4/images/niceform/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(/themes/sorted4/images/niceform/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(/themes/sorted4/images/niceform/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(/themes/sorted4/images/niceform/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(/themes/sorted4/images/niceform/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(/themes/sorted4/images/niceform/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(/themes/sorted4/images/niceform/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(/themes/sorted4/images/niceform/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(/themes/sorted4/images/niceform/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(/themes/sorted4/images/niceform/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(/themes/sorted4/images/niceform/select_bg.gif) repeat-x left top;
	text-align:left;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(/themes/sorted4/images/niceform/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(/themes/sorted4/images/niceform/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
#pageContent .selectArea .right a {
	border-bottom:0;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#333;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#FFF;
	padding:2px;
	font-size:12px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#333;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:0;
	text-align:left;
}
.optionsDivVisible a:hover {
	color:#fff;
	background:#666;
	border-color:#f1f1f1;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:28px;
	color:#FFF;
	font-weight:bold;
	padding:0;
	margin:0;
	background:url(/themes/sorted4/images/niceform/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}

input[type="submit"] { 
	vertical-align:top;
	padding-bottom:5px;
}
input[type="button"] { 
	vertical-align:top;
	padding-bottom:5px;
}

/*
----------------------------------------------------------------
Sorted Specific Styles
----------------------------------------------------------------
*/

#calculator_container {
	width: 577px;
	color: #333;
	margin-bottom:20px;
}
#calculator_body {
	border: 1px solid #FFAA01;
}
#calculator_body h3 { margin:0; }
#titlebar {
	background-image: url(/themes/sorted4/images/niceform/titlebar_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFAA01;
	padding: 0px;
	margin: 0px;
	height: 28px;
}
#calculator_container h2 {
	float:left;
	display:inline;
	color:#FFFFFF;
	padding-top: 6px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
#calculator_container h3 {
	font-size: 12px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

#calculator_container h3 a:link, #calculator_container h3 a:visited { font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #999; }
#calculator_container h3 a:hover { border-bottom:1px solid #000;color:#000; }


#titlebar .bg_left {
	float: left;
	width: 15px;
	background-image: url(/themes/sorted4/images/niceform/titlebar_bg_left.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 28px; 
}
#titlebar .bg_right {
	float: right;
	width: 15px;
	background-image: url(/themes/sorted4/images/niceform/titlebar_bg_right.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 28px; 
}
#calculator_container .box_error {
	background-color: #cc4400;
	font-style:italic;
	color:#fff;
	padding-top: 6px;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-right: 15px;
	border-top: 1px solid #FFFFFF;
}
#calculator_container .box_dark {
	background-color: #FFEDBB;
	padding-top: 6px;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-right: 15px;
	border-top: 1px solid #FFFFFF;
	min-width: 545px;
}
#calculator_container .box_heading {
	background-color: #FFAA01;
	padding-top: 6px;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-right: 15px;
	border-top: 1px solid #FFFFFF;
	color:#FFFFFF;
}
#calculator_container .box_heading h3 {
	color:#FFFFFF;
}

#calculator_container .box_light {
	background-color: #fff6dd;
	padding-top: 6px;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-right: 15px;
	border-top: 1px solid #FFFFFF;
	min-width: 545px;
}
#calculator_container p {
	margin-bottom: 5px;
}
#calculator_body .page_on {
	color: #FFF;	
	font-weight:bold;
	width: 25px;
	height: 25px;
	text-align: center;
	float: left;
	margin-right: 5px;
	padding-top:3px;
	background:url(/themes/sorted4/images/niceform/button_page_on.gif);
	background-repeat:no-repeat;
}
#calculator_body .page_off {
	color: #FFF;
	font-weight:bold;
	width: 25px;
	height: 25px;
	text-align: center;
	float: left;
	margin-right: 5px;
	padding-top:3px;
	background:url(/themes/sorted4/images/niceform/button_page_off.gif);
	background-repeat:no-repeat;
}
#calculator_body .page_off a {
	color: #FFF;
	width: 25px;
	height: 25px;
	text-decoration:none;
	display:block;
	border-bottom:0;
}
#pageContent #calculator_body .page_off a {
	border-bottom:0;
}
#calculator_body .page_off a:link { color: #FFF; }
#calculator_body .page_off a:hover { color: #FFF; }
#calculator_body .page_off a:visited { color: #FFF; }
#calculator_body .page_off a:active { color: #FFF; }

.width_3pc {	width: 3%;	float: left;	} /* Turns out % wasn't the ie7 prob so these can be changed back to % now */
.width_4pc {	width: 4%;	float: left;	}	/*  */
.width_5pc {	width: 5%;	float: left;	}	/*  */
.width_7pc {	width: 7%;	float: left;	}	/*  */
.width_8pc {	width: 8%;	float: left;	}	/*  */
.width_9pc {	width: 9%;	float: left;	}	/*  */
.width_10pc {	width: 10%;	float: left;	}	/*  */
.width_15pc {	width: 15%;	float: left;	}	/*  */
.width_16pc {	width: 16%;	float: left;	}	/*  */
.width_20pc {	width: 20%;	float: left;	}	/*  */
.width_21pc {	width: 21%;	float: left;	}	/*  */
.width_23pc {	width: 23%;	float: left;	}	/*  */
.width_24pc {	width: 24%;	float: left;	}	/*  */
.width_25pc {	width: 25%;	float: left;	}	/*  */
.width_30pc {	width: 30%;	float: left;	}	/*  */
.width_35pc {	width: 35%;	float: left;	}	/*  */
.width_40pc {	width: 40%;	float: left;	}	/*  */
.width_45pc {	width: 45%;	float: left;	}	/*  */
.width_50pc {	width: 50%;	float: left;padding-bottom:1px;	}	/* Padding is an IE fix where the links dont get an underline on a single or bottom line of text! */
.width_55pc {	width: 55%;	float: left;padding-bottom:1px;	}	/*  */
.width_60pc {	width: 60%;	float: left;padding-bottom:1px;	}	/*  */
.width_65pc {	width: 65%;	float: left;padding-bottom:1px;	}	/*  */
.width_70pc {	width: 70%;	float: left;padding-bottom:1px;	}	/*  */
.width_75pc {	width: 75%;	float: left;padding-bottom:1px;	}	/*  */
.width_80pc {	width: 80%;	float: left;padding-bottom:1px;	}	/*  */
.width_85pc {	width: 85%;	float: left;padding-bottom:1px;	}	/*  */
.width_90pc {	width: 90%;	float: left;padding-bottom:1px;	}	/*  */
.width_95pc {	width: 95%;	float: left;padding-bottom:1px;	}	/*  */
.width_100pc {	width: 100%;float: left;padding-bottom:1px;	}	/*  */

.width_20	{	width: 50px;	}
.width_50	{	width: 50px;	}
.width_75	{	width: 75px;	}
.width_85	{	width: 85px;	}
.width_100	{	width: 100px;	}
.width_125	{	width: 125px;	}
.width_140	{	width: 140px;	}
.width_160	{	width: 160px;	}

.studentLoan .dollarPadding { width:418px;float:left; }
.carLoan .dollarPadding { width:281px;float:left; }
.hirePurchase .dollarPadding { width:281px;float:left; }
.kiwisaverDecisionGuide .dollarPadding { width:262px;float:left; }

.clear-both {	height: 1px;	font-size: xx-small;	clear: both;	}
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* inline-block fix for IE7 \*/
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */

.display-none {	display: none;	}
.align-center {	text-align: center;	}
.align-right {	text-align: right;	}
.float-left	{	float: left;	}
.float-right	{	float: right;	}
.label_padding {	padding-top: 4px;	}

.border_btm_grey {	border-bottom: 1px solid #666666;	}
.border_left_grey {	border-left: 1px solid #666666;	}
.error	{	color: #FF0000;	}
.txt_small	{	font-size: 12px;	}
#calculator_body ul, #calculator_body ol {
	margin: 10px; margin-left:20px; .margin-left:25px;
	padding: 0px;
}
#calculator_body ul li, #calculator_body ol li {
	margin-bottom: 10px;
}

.smallText { font-size:10px; }

/* WITHOUT NICE FORMS */
select{margin:0px 1px 1px 1px; .margin-top:1px; }
input{ padding-top:2px; }
textarea{padding:2px;}
input[type='submit']{padding-top:4px;}
/* END - WITHOUT NICE FORMS */