/*
-----------------------------------------------

author: Ryan O'Connell
studio:	hothouse interactive
website:www.hothouse.com.au
email: 	info@hothouse.com.au

----------------------------------------------- */

/*
STANDARD ELEMENTS
----------------------------------------------- */

/* 
begin standard elements 
----------------------------------------------- */
html {	height: 100%; /* for mozilla and netscape */}	
body {
	height: 100%;
	margin:0;
	padding:0;
	color: #606060;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";  /* IE hack */
	voice-family:inherit;
	font-size:small;
        font-szie:12px;
} html>body {font-size:small;} /* be nice to Opera */	


.skip {height:0;width:0;left:-19000px;overflow:hidden;position:absolute;}	
.hide, .oldbrowsers {display: none;}
.p_empty { margin:0; padding:0;}

/*------Start images-----------------------------------------------------------------------------------------------------------*/

img {border: 0;}
.img_floatleft {float:left;margin-right:1em;position:relative;}
.img_floatright {float:right;margin-left:1em;position:relative;}
.img_border{border: 1px solid #339933; padding: 1px;}
.pictureBox { /* may be useful */
	border: solid 1px #339933;
	width:200px;
	/* 	hack to stop width been to large
	Hides from IE5-mac \*/
	width:auto;
	/* End hide from IE5-mac */ 
	height:auto;
	padding:4px;
	margin:8px 0 10px 10px;
	text-align:center;
}

/*------floats-------------------------------------------------------------------------------------------------------------------*/

.f_left {float: left;}	
.f_right {float: right;}
.clear {clear:both;height:1px;line-height:0;font-size: 0px;padding: 0;margin:0;}

/*------alignments---------------------------------------------------------------------------------------------------*/

.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}
.valign_middle {vertical-align: middle;}
.valign_top {vertical-align: top;}

/*-----padding-------------------------------------------------------------------------------------------------------*/

.pad2 {padding:2px;}
.pad5 {padding:5px;}
.pad5Side {padding:0 5px 0 5px;}
.pad10 {padding:10px;}
.pad10Side {padding:0 10px 0 10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad40 {padding:140px 0 0 20px;}
.pad50 {padding:225px 0 0 20px;}

/* 
begin table styles
----------------------------------------------- */

table {
	border-spacing: 0px;
	margin: 0.5em 0;
	border: 0px solid #BFE094;
	border-collapse: collapse;
	width: 100%;
}
thead th {
	background-color: #CEE7CC;
	border: 1px solid #F8FDE9;
	border-bottom: 1px solid #339933;
	border-top: 1px solid #339933;
	font-weight: bold;
}
thead td {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	text-align: right;
}
tbody  {
	/*border-left: 1px dotted #BFE094;*/
}
tfoot td {
	background-color: #CEE7CC;
	border: 1px solid #CBECA5;
	border-bottom: 1px solid #339933;
	border-top: 1px solid #339933;
	font-weight: bold;
	color: #474747;
}
tfoot th {
	background-color: #FFFFFF;
	border: 1px solid #CBECA5;
	font-weight: bold;
	text-align: right;
}
th {
	background-color: #E2F1E1;
	color: #60605E;
	font-weight: normal;
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #CBECA5;
	border: 1px solid #CBECA5;
	border: 1px solid #CBECA5;
	/*border-right: 0px solid #E7F6D3;
	border-top: 0px solid #339933;
	border-bottom: 0px solid #339933;*/
}
td {
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #C5D5FC;
}
.plansAndPrices table {
	border-spacing:1px;
	margin:0;
	font-size:85%;
	border:0px solid #fff;
}
.plansAndPrices table th {
	background:#fff url("../images/bg_priceHeader.jpg");
	color: #474747;
	padding:2px;
	vertical-align: top;
	text-align: left;
		border:0px solid #E1E1E1;
	border-right:4px solid #fff;
}
.plansAndPrices table td {
	background-color: #fff;
	padding:2px;
	vertical-align: top;
	text-align: left;
	border:0px solid #E1E1E1;
	border-right:4px solid #fff;
	border-bottom:1px solid #E1E1E1;
}
.plansAndPrices table td.details {
	vertical-align:center;
	text-align:center;
	padding:8px 2px 2px 2px;
}


table a {
	color: #FF6633;
	text-decoration: underline;
}
.msg_board a {
   color: #3EA438;
}
.bg_transparent {
	background-color: transparent;
	border: 0px;
}
.bg_white {
	background-color: #FFFFFF;
}
.bg_green {
	background-color: #AAD695;
} 
.table_compact td, .table_compact th  {
	padding: 3px 10px;
}
.table_dotted td, .table_dotted tr  {
	border-width:1px; 
	border-color:#4AA945; 
	border-style: dotted;
}

/* 
end table styles
----------------------------------------------- */

/* 
begin form styles
----------------------------------------------- */
form {
	margin:0;
	padding:0;
}
.form_container {
	background-color: #FFFFFFF;
	padding: 0px;
	margin: 0px;
}
.whiteTable table, .whiteTable td {
	background-color: #FFFFFF;
	color: #606060;
	padding:5px;
	border:1px solid #fff;
	text-align:left;
}
.whiteTable th {
	font-weight:bold;
	text-align:right;
	background-color: #FFFFFF;
	color: #606060;
	padding:5px;
	border:1px solid #fff;
}
input {
	/* 	hack to stop width been to large
	Hides from IE5-mac \*/
	vertical-align: middle;
	color: #696868;
	padding:2px;
	margin:0 5px 0 0;
	width:auto;
	font-size: 85%;
	/* End hide from IE5-mac */ 
}
textarea {
	/* 	hack to stop width been to large
	Hides from IE5-mac \*/
	vertical-align: middle;
	color: #696868;
	padding:2px;
	width:auto;
	font-size:100%;
	font-family: verdana, sans-serif, arial, helvetica;
	/* End hide from IE5-mac */ 
}
select {
	vertical-align: middle;
	color: #696868;
	width:auto;
	font-size:100%;
	margin:0;
	padding:0px;
}
label {
	vertical-align: middle;
	/*font-weight: bold;*/
}
a.Btn:link, a.Btn:visited, a.Btn:active, a.Btn:hover {
	text-decoration:none;
}
.Btn {
	font-size:10%;	
	color:#E3E3E3;
	cursor: hand;
	margin:3px;
	padding:0px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:500;
	border:0px solid #808080;
	height:21px;
	text-indent:-2000px;
}
.btn_myAccount {
	background: #fff url("../images/btn_myAccount.gif") left top no-repeat;
	width:86px;
}
.btn_editDetails {
	background: #fff url("../images/btn_editDetails.gif") left top no-repeat;
	width:86px;
}
.btn_uMail {
	background: #fff url("../images/btn_uMail.gif") left top no-repeat;
	width:54px;
}
.btn_checkout {
	background: #fff url("../images/btn_checkout.gif") left top no-repeat;
	width:84px;
}
.btn_buyNow {
	background: #fff url("../images/btn_BuyNow.gif") left top no-repeat;
	width:81px;
}
.btn_findOutMore {
	background: #fff url("../images/btn_FindOutMore.gif") left top no-repeat;
	width:102px;
}
.btn_changePassword {
	background: #fff url("../images/btn_changePassword.gif") left top no-repeat;
	width:124px;
}
.btn_getCode {
	background: #fff url("../images/btn_getCode.gif") left top no-repeat;
	width:124px;
}
.btn_next {
	background: #fff url("../images/btn_next.gif") left top no-repeat;
	width:57px;
}
.btn_changeType {
	background: #fff url("../images/btn_changeType.gif") left top no-repeat;
	width:95px;
}
.btn_add {
	background: #fff url("../images/btn_add.gif") left top no-repeat;
	width:50px;
}
.btn_delete {
	background: #fff url("../images/btn_delete.gif") left top no-repeat;
	width:64px;
}
.btn_cancel {
	background: #fff url("../images/btn_cancel.gif") left top no-repeat;
	width:66px;
}
.btn_joinNow {
	background: #fff url("../images/btn_joinNow.gif") left top no-repeat;
	width:75px;
}

.btn_login {
	background: #fff url("../images/btn_login.gif") left top no-repeat;
	width:66px;
}

.btn_viewHistory {
	background: #fff url("../images/btn_viewHistory.gif") left top no-repeat;
	width:94px;
}
.btn_returnToAccount {
	background: #fff url("../images/btn_returnToAccount.gif") left top no-repeat;
	width:140px;
}
.btn_changeMyPlan {
	background: #fff url("../images/btn_changeMyPlan.gif") left top no-repeat;
	width:115px;
}
.btn_manageBuyMailboxes {
	background: #fff url("../images/btn_manageBuyMailboxes.gif") left top no-repeat;
	width:166px;
}

.btn_back {
	background:url("../images/btn_back.gif") left top no-repeat;
	width:55px;
}
.btn_check {
	background:url("../images/btn_check.gif") left top no-repeat;
	width:55px;
}
.btn_close {
	background:url("../images/btn_close.gif") left top no-repeat;
	width:65px;
}
.btn_printOrder {
	background: #fff url("../images/btn_printOrder.gif") left top no-repeat;
	width:86px;
}
.btn_continue {
	background:url("../images/btn_continue.gif") left top no-repeat;
	width:74px;
}
.btn_submit {
	background:url("../images/btn_submit.gif") left top no-repeat;
	width:74px;
}
.btn_send {
	background:url("../images/btn_send.gif") left top no-repeat;
	width:74px;
}
.btn_printReceipt {
	background:url("../images/btn_printReceipt.gif") left top no-repeat;
	width:95px;
}
.btn_buyNowGrey {
	background:url("../images/btn_BuyNowGrey.gif") left top no-repeat;
	width:80px;
}
.btn_update {
	background:url("../images/btn_update.gif") left top no-repeat;
	width:65px;
}
.btn_changePwd {
	background:url("../images/btn_changePwd.gif") left top no-repeat;
	width:126px;
}
.btn_getMoreCodes {
	background:url("../images/btn_getmorecodes.gif") left top no-repeat;
	width:150px;
}

.btn_emailUniqueCode {
	background:url("../images/btn_emailUniqueCode.gif") left top no-repeat;
	width:170px;
}
.btn_confirm {
	background:url("../images/btn_confirm.gif") left top no-repeat;
	width:75px;
}

.btn_process {
	background:url("../images/btn_processing.gif") left top no-repeat;
	width:79px;
}

.btn_finish {
	background:url("../images/btn_finish.gif") left top no-repeat;
	width:75px;
}
.btn_umailSetup {
	background:url("../images/btn_umailSetup.gif") left top no-repeat;
	width:95px;
}
.btn_buyMailbox {
	background:url("../images/btn_buyMailbox.gif") left top no-repeat;
	width:106px;
}
.btn_mngUmail {
	background:url("../images/btn_mngUmail.gif") left top no-repeat;
	width:124px;
}
.btn_clear {
	background:url("../images/btn_clear.gif") left top no-repeat;
	width:65px;
}
.btn_editOrder {
	background:url("../images/btn_editOrder.gif") left top no-repeat;
	width:86px;
}
.btn_getUnwired {
	background:url("../images/btn_getUnwired.gif") left top no-repeat;
	width:96px;
}
.btn_closeBrowser {
	background:url("../images/btn_closeBrowser.gif") left top no-repeat;
	width:109px;
}
.btn_activate {
	background:url("../images/btn_activate.gif") left top no-repeat;
	width:133px;
}
.btn_reactivate {
	background:url("../images/btn_reactivate.gif") left top no-repeat;
	width:144px;
}
.btn_editPayment {
	background:url("../images/btn_editPayment.gif") left top no-repeat;
	width:99px;
}
.btn_tryAgain {
	background:url("../images/btn_tryAgain.gif") left top no-repeat;
	width:78px;
}
.inputBorder {
	vertical-align: middle;
	font-size: 85%;
	padding:2px;
	color: #696868;
	border:1px solid #A5ACB2;
	margin:3px 0 3px 0;
}
.width100 {
	width:100px;
}
.width130 {
	width:130px;
}
.width170 {
	width:170px;
}
.width320 {
	width:320px;
}
/* 
end form styles
----------------------------------------------- */

/* 
begin horizontal rules styles
----------------------------------------------- */
hr.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	display: none;
}	
div.hr {
	margin: 5px 0 10px 0; /* 4px 0 4px 0; */
	padding: 0;
	height: 1px;
	font-size: 1px;
	background:url("../images/hr_dashLine.gif") center top repeat-x;/*background:#E2E2E2;*/
}
div.hr_divider {
	margin: 0px 0 2px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background:url("../images/bg_hrDivider.jpg") center top no-repeat;
}

div.hr_dividerGreen {
    margin: 0px 0 2px 0;
    padding: 0;
    height: 1px;
    font-size: 1px;
    background:url("../images/hr_green.jpg") center top no-repeat;
}


/*div.hr_dots {
	margin: 10px 0 10px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background:url("../images/hr_dashLine.gif") center top repeat-x;
}
*/
div.hr hr, div.hr_dots hr, div.hr_divider hr {
	display: none;
}
/* 
end horizontal rules styles
----------------------------------------------- */

/* 
begin font styles
----------------------------------------------- */
p {
	margin:0 0 15px 0;
}
h1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin:15px 10px 0px 0px;
	background:url() no-repeat;
	height:27px;
	padding 0;
	text-indent:-2000px;
}
h2 { 
	/* 
	for display in promo boxes, please refer to elements.css 
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	background:url() no-repeat;
	height:40px;
	padding:0;
	text-indent:-2000px;
	*/
	font-size:130%;
	color:#737473;
	margin:0.8em 0 0.3em 0; /*0px 0 3px 0*/
	font-weight:bold;
	height:25px;
}
h3 {
	font-size:115%;
	color:#737473;
	margin:0.8em 0 0.3em 0; /*0px 0 3px 0*/
	font-weight:bold;
	height:25px;
}
h4 {
	font-size:100%;
	margin:5px 0 8px 0;
	font-weight:bold;
	color:#606060;	
}
/* Green background heading*/
h5 {
	font-size:100%;
	margin:0.5em 0;
	padding: 3px 10px;
	color:#225D1F;
	font-weight:bold;
	background-color: #EFF1EE;
}
h6 {
	font-size:90%;
	font-weight:500;
	margin:5px 0 10px 0;	
}

.greenArrowText {
   background: url("../images/icon_arrow.gif") no-repeat 3px 5px;
	margin:2px 10px 2px 0;
	padding:2px 2px 2px 15px;
   color:#FF6633;
}

.note {
	font-size:80%;
}
.errorMsg{
	color:#EA1E27;
}
.info{
	color: #00629B;
	text-decoration:none;
	background: url("../images/icon_info.gif") 2px 0px no-repeat;
	padding:0px 0 2px 25px;
	font-weight:500;
	position:relative;
	font-size:11px;
	display:block;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
}
strong, b {
	font-weight: bold;
}
.small {
	font-size: 85%;
}
.footnote {
	font-size: 85%;
	color: #666666;	
}
.quote {
  background: url("../images/icon_quote.gif") no-repeat;
  background-color: #F8E5DC;
	border-style:solid;
	border-width: 0px 1px 1px 0px;
	border-color: #FA8059;
	margin:20px 20px 20px 20px;
	padding:10px 10px 10px 30px;
  color:#000000;
  font-family: Verdana, Tahoma, Arial;
  font-size: 12px;
  font-weight: none;
}
.quoteblock {
  background: url("../images/quoteblock.gif") no-repeat;
  color:#33649C;
  font-family: century Gothic, Tahoma, Arial;
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  padding: 6px 6px 10px 6px;
}

/* 
end font styles
----------------------------------------------- */

/* 
begin list styles
----------------------------------------------- */
ul {
	margin:10px 0 10px 15px;
	padding:0 0 5px 0;
	line-height:0.5em;
}
ul li {
	margin:0 0 10px 0;
	padding:0;
	line-height:1.5em;
	/*padding:2px 2px 2px 10px;*/
}
ol {
	margin:10px 0 10px 15px;
	padding:0 0 5px 0;
	line-height:0.5em;
}
ol li {
	margin:0 0 10px 0;
	line-height:1.5em;
	/*padding:2px 2px 2px 10px;*/
}
ul.greenList {
	margin:5x 0 0px 15px;
	padding:0 0 5px 0;
	line-height:0.5em;
}
ul.greenList li {
	margin:0 0 5px 0;
	padding:0;
	line-height:1.2em;
	/*padding:2px 2px 2px 10px;*/
}
/* 
begin definition list styles
----------------------------------------------- */

dl {
	margin: 0;
	padding: 0;
}

dt {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.7em 0em 0.7em 0em;
	padding: 0 0 0 0px;
}

dd {
	margin: 0.7em 0em 1.2em 0em;
	padding: 0 0 0 0px;
}

dt a {
	font-weight: bold;
	text-decoration: underline;
}

dt a:hover {
	text-decoration: underline;
}

/* 
end definition list styles
----------------------------------------------- */