/* Legacy styles from the old site that are required to make bits and pieces of
 * old content work go in here. Ideally, we'll want to gradually get rid of
 * these, or at least integrate them more fully with the new site. */

.float_left {
	float: left;
	margin-right: 10px;
}

.float_right {
	float: right;
	margin-left: 10px;
}

/* Legacy table styles that we still need to support. */

.product {
	border-collapse: collapse;
	margin: 6px 0 10px 0px;
	line-height: 1.7em;
	width: 100% !important;
}

.product th {
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	font-size: 12px;
	background: rgb(96, 106, 116);
	border-top: 1px solid rgb(96, 106, 116);
    border-right: 1px solid #bfbfbf;
	text-align: left;
	color: white;
}
.product tbody th {
	background-color: #838b94;
}
.product .topleft {
    border-right: 1px solid #bfbfbf;
}
.product .topright {
    border-right: 1px solid rgb(96, 106, 116);

}

.product td {
	font-size: 0.85em;
	padding: 3px 8px 3px 8px;
	border: 1px solid #bfbfbf;
}

.spaced {
	margin-top: 2em;
}

/* FIXME: Need to evaluate if this is required for anything other than newsletters. */

#side {
	float: left;
	width: 196px;
	display: inline;
	margin: -30px 30px 0 0;
	padding: 0;
	color: white;
}

#side h1, #side h2, #side h3, #side .side_heading {
	font-size: 1.2em;
	background: rgb(112, 119, 127);
	margin: 0;
	padding: 30px 37px 10px 37px;
	width: 121px;
}

#side ul {
	list-style: none;
	padding: 0;
	margin: 0 0 35px 0;
	border-bottom: 1px solid #b1b7b9;
}

#side li {
	padding: 0;
	border-top: 1px solid #b1b7b9;
	margin: 0;
	height: 25px;
	font-size:11px;
	line-height:1.5em !important;
}

#side li a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 37px;
	height: 18px;

}
#side a {
	text-shadow:1px 1px 2px #3D444A;
}
#side li a:hover, #side li a:active, #side li a:focus {
	background: rgb(87, 97, 102);
}

#side .content {
	margin: 0 0 35px 0;
	padding: 5px 0 5px 37px;
	border-top: 1px solid #b1b7b9;
	border-bottom: 1px solid #b1b7b9;
	line-height: 150%;
}

.iinews_float_right {
	float: right;
	margin: 5px 0 0 15px
}


/* from iinetwork */

.dslam_block {
    clear: left;
}
.dslam_block img {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.txt_block {
    display: block;
    margin-top: 0;
    margin-left: 175px;
    margin-bottom: 10px;
    padding-left: 10px;
}
/*******************
call cost calculator
********************/


	#ccc-container {
		margin: 20px 0 0 0;
		padding: 0;
	}
	#ccc-form-container {
		position: relative;
		width: 510px;
		height: 71px;
		margin: 0;
		padding: 0;
		background: url('/img/ccc-form-bg.png') no-repeat bottom left;
	}
	#ccc-drop-down {
		position: relative;
		width: 490px;
		/*height: 107px;*/
		margin: 0 0 0 10px;
		padding: 0 0 20px 0;
		background: url('/img/ccc-form-drop-bg-warning-long.png') no-repeat bottom left;
		overflow: auto;
		font-family: arial;
		font-size: 12px;
		color: #3a3a3a;
	}
	#ccc-drop-down dl {
	padding: 0;
	margin: 0 0 0 0;
	}
	#ccc-drop-down dl dt {
	padding: 0;
	margin: 3px 0 0 20px;
	float: left;
	clear: left;
	color: #494949;
	}
	#ccc-drop-down dl dd {
	padding: 0;
	margin: 3px 20px 0 0;
	clear: right;
	float: right;
	width: 60px;
	text-align: right;
	color: #494949;
	}
	#ccc-drop-down dl .dt-title {
		font-size: 1.1em;
		float: left;
		clear: left;
		margin: 15px 0 2px 20px;
		font-weight: bold;
		color: #3b3b3b;
	}
	#ccc-drop-down dl .dt-title .small-result-text {
		color: #5c5c5c;
		font-size: 0.7em;
	}
	#ccc-drop-down dl .dd-title {
		font-size: 1.1em;
		float: right;
		clear: right;
		margin: 15px 20px 0 0;
		font-weight: bold;
		color: #3b3b3b;
	}
	#ccc-drop-down-warning {
		position: relative;
		width: 490px;
		height: 107px;
		margin: 0 0 0 10px;
		padding: 0;
		background: url('/img/ccc-form-drop-bg-warning.png') no-repeat bottom left;
		overflow: auto;
		font-family: arial;
		font-size: 12px;
		color: #3a3a3a;
	}
	#ccc-drop-down-warning #warning-title {
		padding: 0;
		margin: 0;
		font-weight: bold;
		position: absolute;
		left: 16px;
		top: 8px;
		font-size: 14px;
		color: #a30000;
	}
	#ccc-drop-down-warning p {
		padding: 0;
		margin: 0;
		position: absolute;
		left: 16px;
		top: 32px;
		font-size: 12px;
		color: grey;
	}
/*****************************
ccc form
****************************/
	#ccc-form-container form {
		margin: 0;
		padding: 37px 0 0 0;
	}
	#ccc-form-container #origin {
		width: 143px;
		height: 17px;
		margin: 0 0 0 10px;
		padding: 0;
		display: inline;
		float: left;
	}
	#ccc-form-container #destination {
		width: 143px;
		height: 17px;
		margin: 0 0 0 16px;
		padding: 0;
		display: inline;
		float: left;

	}
	#ccc-form-container #duration {
		width: 47px;
		height: 17px;
		margin: 0 0 0 16px;
		padding: 0;
		display: inline;
		float: left;

	}
	#ccc-form-container #submit-btn {
		width: 100px;
		height: 26px;
		margin: -4px 0 0 14px;
		padding: 0;
		display: inline;
		float: left;
		background: url('/img/ccc-submit-btn-bg.png') no-repeat top left;
		font-size: 0.00000000001em;
		text-indent: -100000000em;
		text-align: left;
		border: none;

	}
	#ccc-form-container form label {
		display: none;
	}

	#ccc-container #ccc-drop-down #ajaxThrobber {
		float: right;
		margin: 20px 20px 0 0;
		width: 16px;
		height: 16px;
		background-image: url('/img/Throbber-mac.gif');
	}
#countries {
    width: 200px;
}
#info_window {
	background: transparent url(../../img/content-bg-gradient-021208.png) repeat-x scroll right top;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 0 20px;
    float: left;
}
/*********************
dslam rollout page
*********************/

.dslam_state {
    font: bold 1.6em arial,sans-serif;
    color: #606a74;
    margin-left: 10px;
}
#dslam_table {
    background: #fff;
}
#checker_info {
    background: red;
}
#NOTbb2_availability {
    display: block;
    background: red;
}
#bb_checker_form_dslam {
    width: 504px;
    height: 68px;
    background: url('/img/panel_checker.png') top left no-repeat;
    overflow: auto;
    margin-bottom: 20px;
}
#exchange_results {
	width: 509px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    background: url('/img/bg_tables_coal_td.gif') top repeat-x #fff;
	margin: 0 0 10px 0;
}
#exchange_results p {
    font: 1.1em/1.7em arial,sans-serif;
	line-height: 1.9em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#exchange_results .iidsl_green {
    color: #009933;
}
#exchange_results .iidsl_orange {
    color: #ff7f00;
}
#exchange_results .iidsl_red {
    color: #ff0000;
}

/*******************************
 dslam rollout nav
 ******************************/

#nav_dslam_container {
    width: 504px;
    height: 68px;
    background: url('/img/nav_dslam.png') top no-repeat;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#nav_dslam {
    width: 504px;
    height: 68px;
    position: relative;
    margin: 0;
    padding: 0;
}
#main ul#nav_dslam li, #nav_dslam a {
    font: 0.1em arial,sans-serif;
    color: #fff;
    float: left;
    width: 63px;
    height: 37px;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
    list-style-image: none !important;
}
#nav_dslam a {
    position: absolute;
    font: 1px arial,sans-serif;
	text-indent: -10000px;
}
.dslam_table {
    margin: 0;
    border-collapse: collapse;
    width: 504px;
}
.dslam_table th, .dslam_table td {
    text-align: left;
    padding: 4px 8px;
    border-bottom: 1px solid #e6e6e6;
	font-size: 11px;
}
.dslam_table th {
    font-weight: bold;
}
#act a { left: 0px; }
#nsw a { left: 63px; }
#nt a { left: 126px; }
#qld a { left: 189px; }
#sa a { left: 252px; }
#tas a { left: 315px; }
#vic a { left: 378px; }
#wa a { left: 441px; }
#act:hover, #act:active, #act:focus { background: transparent url('/img/nav_dslam.png') 0 -68px no-repeat !important; }
#nsw:hover, #nsw:active, #nsw:focus { background: transparent url('/img/nav_dslam.png') -63px -68px no-repeat !important; }
#nt:hover, #nt:active, #nt:focus { background: transparent url('/img/nav_dslam.png') -126px -68px no-repeat !important; }
#qld:hover, #qld:active, #qld:focus { background: transparent url('/img/nav_dslam.png') -189px -68px no-repeat !important; }
#sa:hover, #sa:active, #sa:focus { background: transparent url('/img/nav_dslam.png') -252px -68px no-repeat !important; }
#tas:hover, #tas:active, #tas:focus { background: transparent url('/img/nav_dslam.png') -315px -68px no-repeat !important; }
#vic:hover, #vic:active, #vic:focus { background: transparent url('/img/nav_dslam.png') -378px -68px no-repeat !important; }
#wa:hover, #wa:active, #wa:focus { background: transparent url('/img/nav_dslam.png') -441px -68px no-repeat !important; }


=======
/* Legacy styles from the old site that are required to make bits and pieces of
 * old content work go in here. Ideally, we'll want to gradually get rid of
 * these, or at least integrate them more fully with the new site. */

.float_left {
	float: left;
	margin-right: 10px;
}

.float_right {
	float: right;
	margin-left: 10px;
}

/* Legacy table styles that we still need to support. */

/*
.product {
	border-collapse: collapse;
	width: 480px;
	margin: 6px 0 10px 0px;
	line-height: 1.7em;
}

.product th {
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	font-size: 12px;
	background: rgb(96, 106, 116);
	border-top: 1px solid rgb(96, 106, 116);
    border-right: 1px solid #bfbfbf;
	text-align: left;
	color: white;
}
.product tbody th {
	background-color: #838b94;
}
.product .topleft {
    border-right: 1px solid #bfbfbf;
}
.product .topright {
    border-right: 1px solid rgb(96, 106, 116);

}
*/



.spaced {
	margin-top: 2em;
}



.sponsor-table {
	border-collapse: collapse;
	width: 600px;
	margin: 6px 0 10px 0px;
	line-height: 1.7em;
}

.sponsor-table th {
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	font-size: 12px;
	background: rgb(96, 106, 116);
	border-top: 1px solid rgb(96, 106, 116);
    border-right: 1px solid #bfbfbf;
	text-align: left;
	color: white;
}
.sponsor-table tbody th {
	background-color: #838b94;
}
.sponsor-table .topleft {
    border-right: 1px solid #bfbfbf;
}
.sponsor-table .topright {
    border-right: 1px solid rgb(96, 106, 116);

}

.sponsor-table td {
	font-size: 12px;
	padding: 3px 8px 3px 8px;
	border: 1px solid #bfbfbf;
}

.spaced {
	margin-top: 2em;
}

/* FIXME: Need to evaluate if this is required for anything other than newsletters. */

#side {
	float: left;
	width: 196px;
	display: inline;
	margin: -30px 30px 0 0;
	padding: 0;
	color: white;
}

#side h1, #side h2, #side h3, #side .side_heading {
	font-size: 1.2em;
	background: rgb(112, 119, 127);
	margin: 0;
	padding: 30px 37px 10px 37px;
	width: 121px;
}

#side ul {
	list-style: none;
	padding: 0;
	margin: 0 0 35px 0;
	border-bottom: 1px solid #b1b7b9;
}

#side li {
	padding: 0;
	border-top: 1px solid #b1b7b9;
	margin: 0;
	height: 25px;
	font-size:11px;
	line-height:1.5em !important;
}

#side li a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 37px;
	height: 18px;

}
#side a {
	text-shadow:1px 1px 2px #3D444A;
}
#side li a:hover, #side li a:active, #side li a:focus {
	background: rgb(87, 97, 102);
}

#side .content {
	margin: 0 0 35px 0;
	padding: 5px 0 5px 37px;
	border-top: 1px solid #b1b7b9;
	border-bottom: 1px solid #b1b7b9;
	line-height: 150%;
}

.iinews_float_right {
	float: right;
	margin: 5px 0 0 15px
}


/* from iinetwork */

.dslam_block {
    clear: left;
}
.dslam_block img {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.txt_block {
    display: block;
    margin-top: 0;
    margin-left: 175px;
    margin-bottom: 10px;
    padding-left: 10px;
}
/*******************
call cost calculator
********************/


	#ccc-container {
		margin: 20px 0 0 0;
		padding: 0;
	}
	#ccc-form-container {
		position: relative;
		width: 510px;
		height: 71px;
		margin: 0;
		padding: 0;
		background: url('/img/ccc-form-bg.png') no-repeat bottom left;
	}
	#ccc-drop-down {
		position: relative;
		width: 490px;
		/*height: 107px;*/
		margin: 0 0 0 10px;
		padding: 0 0 20px 0;
		background: url('/img/ccc-form-drop-bg-warning-long.png') no-repeat bottom left;
		overflow: auto;
		font-family: arial;
		font-size: 12px;
		color: #3a3a3a;
	}
	#ccc-drop-down dl {
	padding: 0;
	margin: 0 0 0 0;
	}
	#ccc-drop-down dl dt {
	padding: 0;
	margin: 3px 0 0 20px;
	float: left;
	clear: left;
	color: #494949;
	}
	#ccc-drop-down dl dd {
	padding: 0;
	margin: 3px 20px 0 0;
	clear: right;
	float: right;
	width: 60px;
	text-align: right;
	color: #494949;
	}
	#ccc-drop-down dl .dt-title {
		font-size: 1.1em;
		float: left;
		clear: left;
		margin: 15px 0 2px 20px;
		font-weight: bold;
		color: #3b3b3b;
	}
	#ccc-drop-down dl .dt-title .small-result-text {
		color: #5c5c5c;
		font-size: 0.7em;
	}
	#ccc-drop-down dl .dd-title {
		font-size: 1.1em;
		float: right;
		clear: right;
		margin: 15px 20px 0 0;
		font-weight: bold;
		color: #3b3b3b;
	}
	#ccc-drop-down-warning {
		position: relative;
		width: 490px;
		height: 107px;
		margin: 0 0 0 10px;
		padding: 0;
		background: url('/img/ccc-form-drop-bg-warning.png') no-repeat bottom left;
		overflow: auto;
		font-family: arial;
		font-size: 12px;
		color: #3a3a3a;
	}
	#ccc-drop-down-warning #warning-title {
		padding: 0;
		margin: 0;
		font-weight: bold;
		position: absolute;
		left: 16px;
		top: 8px;
		font-size: 14px;
		color: #a30000;
	}
	#ccc-drop-down-warning p {
		padding: 0;
		margin: 0;
		position: absolute;
		left: 16px;
		top: 32px;
		font-size: 12px;
		color: grey;
	}
/*****************************
ccc form
****************************/
	#ccc-form-container form {
		margin: 0;
		padding: 37px 0 0 0;
	}
	#ccc-form-container #origin {
		width: 143px;
		height: 17px;
		margin: 0 0 0 10px;
		padding: 0;
		display: inline;
		float: left;
	}
	#ccc-form-container #destination {
		width: 143px;
		height: 17px;
		margin: 0 0 0 16px;
		padding: 0;
		display: inline;
		float: left;

	}
	#ccc-form-container #duration {
		width: 47px;
		height: 17px;
		margin: 0 0 0 16px;
		padding: 0;
		display: inline;
		float: left;

	}
	#ccc-form-container #submit-btn {
		width: 100px;
		height: 26px;
		margin: -4px 0 0 14px;
		padding: 0;
		display: inline;
		float: left;
		background: url('/img/ccc-submit-btn-bg.png') no-repeat top left;
		font-size: 0.00000000001em;
		text-indent: -100000000em;
		text-align: left;
		border: none;

	}
	#ccc-form-container form label {
		display: none;
	}

	#ccc-container #ccc-drop-down #ajaxThrobber {
		float: right;
		margin: 20px 20px 0 0;
		width: 16px;
		height: 16px;
		background-image: url('/img/Throbber-mac.gif');
	}
#countries {
    width: 200px;
}
#info_window {
	background: transparent url(../../img/content-bg-gradient-021208.png) repeat-x scroll right top;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 0 20px;
    float: left;
}
/*********************
dslam rollout page
*********************/

.dslam_state {
    font: bold 1.6em arial,sans-serif;
    color: #606a74;
    margin-left: 10px;
}
#dslam_table {
    background: #fff;
}
#checker_info {
    background: red;
}
#NOTbb2_availability {
    display: block;
    background: red;
}
#bb_checker_form_dslam {
    width: 504px;
    height: 68px;
    background: url('/img/panel_checker.png') top left no-repeat;
    overflow: auto;
    margin-bottom: 20px;
}
#exchange_results {
	width: 509px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    background: url('/img/bg_tables_coal_td.gif') top repeat-x #fff;
	margin: 0 0 10px 0;
}
#exchange_results p {
    font: 1.1em/1.7em arial,sans-serif;
	line-height: 1.9em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#exchange_results .iidsl_green {
    color: #009933;
}
#exchange_results .iidsl_orange {
    color: #ff7f00;
}
#exchange_results .iidsl_red {
    color: #ff0000;
}

/*******************************
 dslam rollout nav
 ******************************/

#nav_dslam_container {
    width: 504px;
    height: 68px;
    background: url('/img/nav_dslam.png') top no-repeat;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#nav_dslam {
    width: 504px;
    height: 68px;
    position: relative;
    margin: 0;
    padding: 0;
}
#main ul#nav_dslam li, #nav_dslam a {
    font: 0.1em arial,sans-serif;
    color: #fff;
    float: left;
    width: 63px;
    height: 37px;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
    list-style-image: none !important;
}
#nav_dslam a {
    position: absolute;
    font: 1px arial,sans-serif;
	text-indent: -10000px;
}
.dslam_table {
    margin: 0;
    border-collapse: collapse;
    width: 504px;
}
.dslam_table th, .dslam_table td {
    text-align: left;
    padding: 4px 8px;
    border-bottom: 1px solid #e6e6e6;
	font-size: 11px;
}
.dslam_table th {
    font-weight: bold;
}
#act a { left: 0px; }
#nsw a { left: 63px; }
#nt a { left: 126px; }
#qld a { left: 189px; }
#sa a { left: 252px; }
#tas a { left: 315px; }
#vic a { left: 378px; }
#wa a { left: 441px; }
#act:hover, #act:active, #act:focus { background: transparent url('/img/nav_dslam.png') 0 -68px no-repeat !important; }
#nsw:hover, #nsw:active, #nsw:focus { background: transparent url('/img/nav_dslam.png') -63px -68px no-repeat !important; }
#nt:hover, #nt:active, #nt:focus { background: transparent url('/img/nav_dslam.png') -126px -68px no-repeat !important; }
#qld:hover, #qld:active, #qld:focus { background: transparent url('/img/nav_dslam.png') -189px -68px no-repeat !important; }
#sa:hover, #sa:active, #sa:focus { background: transparent url('/img/nav_dslam.png') -252px -68px no-repeat !important; }
#tas:hover, #tas:active, #tas:focus { background: transparent url('/img/nav_dslam.png') -315px -68px no-repeat !important; }
#vic:hover, #vic:active, #vic:focus { background: transparent url('/img/nav_dslam.png') -378px -68px no-repeat !important; }
#wa:hover, #wa:active, #wa:focus { background: transparent url('/img/nav_dslam.png') -441px -68px no-repeat !important; }