/*************************************************************************************\

								CSS FOR INDEX PAGE

\*************************************************************************************/

small {
	font-size:8pt;
}

.horizontal_divider {
	clear:both;
	display:block;
	margin:auto;
	height:2px;
	width:90%;
	border-bottom:1px dashed #ddd;
}

#index_container {
	width:100%;
}

#bar {
	/*border-bottom:3px solid #000;*/
}

#payment_heading {
	float:left;
	width:705px;
	height:150px;
	background:url('/images/internet_access_heading.jpg') top left no-repeat;
}

#payment_heading h3 {
	padding:50px 0px 0px 400px;
	font-family:"Trebuchet MS",Verdana,Arial,Sans-Serif;
	font-size:23pt;
	font-weight:normal;
	color:#1d4072;
}

#heading_right {
	padding:25px 5px 0px 5px;
	width:185px;
	float:left;
}

#heading_right p {
	color:#888;
}

#heading_right p b {
	color:#1d4072;
}

#content_area {
	clear:both;
	display:block;
}

#content_area h4 {
	font-family:"Gill Sans",Verdana,Arial,Sans-Serif;
	font-size:12pt;
	font-weight:normal;
	color:#1d4072;
}

#content_area p, #content_area ul, #content_area h4 {
	margin:10px 0px 10px 0px;
}

#content_area p, #content_area li {
	font-family:Arial,Sans-Serif;
	font-size:10pt;
	text-align:left;
	color:#000;
}

#content_area li {
	list-style-type:circle;
	padding:10px 0px 0px 20px;
	margin:0px 0px 0px 20px;
}

#content_area_left {
	float:left;
	width:705px;
}

#content_area_left_padding {
	padding:10px;	
}

#content_area_right {
	float:left;
	width:195px;
	height:250px;
	background:url('/images/common_sprite.jpg') -708px -365px no-repeat;
}

#content_area_right_padder {
	padding:15px 5px 0px 5px;
}

#content_area_right #content_area_right_padder h5 {
	margin:20px 0px 10px 0px;
	font-family:"Gill Sans",Verdana,Arial,Sans-Serif;
	font-size:12pt;
	font-weight:bold;
	color:#1d4072;
}

#index_bottom_padder {
	padding:10px;
}

#index_bottom p {
	font-family:Arial,Sans-Serif;
	font-size:10pt;
	text-align:left;
	color:#000;
}

#index_bottom a {
	padding: 0px 25px 0px 0px;
}

#index_bottom a:hover {
	color:#00f;
}

.sk_listitem {
	margin: 5px 0px 0px 0px;
}

.sk_listitem, a.sk_listitem {
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	text-indent: 10px;
	color: #000;
}

.sk_listdetail {
	margin: 10px 0px 0px 20px;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	color: #000;
}

.sk_listdetail li {
	margin:2px 0px 0px 10px;
	list-style-type:disc;
}

.sk_listdetail li li {
	margin:2px 0px 0px 10px;
	list-style-type:square;
}

.slideout {
	padding:5px 20px 5px 20px;
}

#content_area_left #content_area_left_padding h2 {
	margin:10px 0px 20px 0px;
	font-family:"Gill Sans",Verdana,Arial,Sans-Serif;
	font-size:14pt;
	font-weight:bold;
	color:#8c841f;
}

#content_area_left #content_area_left_padding h5 {
	margin:20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	font-family:"Gill Sans",Verdana,Arial,Sans-Serif;
	font-size:10pt;
	font-weight:bold;
	color:#1C4072;
	border-bottom:1px dashed #ddd;
}

#content_area_left #content_area_left_padding .payment_container {
	clear:both;
	display:block;
	width:100%;
	padding:20px;
}

#content_area_left #content_area_left_padding ul {
	list-style-type:square	
}

#content_area_left #content_area_left_padding ul.payment_listing {
	width:275px;
	margin:0px 45px 0px 0px;
	display:block;
	float:left;
	list-style-type:square	
}

#content_area_left #content_area_left_padding ul.payment_listing li {
	margin: 0px 0px 2px 20px;
	padding: 4px 0px 4px 0px;
	font-size:10pt;
	font-weight:normal;
	font-family:Arial,sans-serif;
	border-bottom:1px solid #ddd;
	list-style-type:square	
}

#content_area_left #content_area_left_padding form {
	margin:0;
	padding:10px;
}

#content_area_left #content_area_left_padding label {
	float:left;
	width:45%;
	vertical-align:baseline;
	margin:0px 10px 0px 0px;
	padding:2px 0px 2px 0px;
	font-family:Arial,sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:right;
}

#content_area_left #content_area_left_padding input {
	float:left;
	padding: 2px;
	width: 45%;
	border: 1px solid black;
	background:url('/images/common_sprite.jpg') -20px -376px no-repeat;
}

#content_area_left #content_area_left_padding select {
	float:left;
	padding: 2px;
	width: 45%;
	border: 1px solid black;
}

#content_area_left #content_area_left_padding textarea {
	float:left;
	padding: 2px;
	width: 45%;
	border: 1px solid black;
}
#content_area_left #content_area_left_padding .clear {
	height:10px;
}
#content_area_left #content_area_left_padding .required {
	color:red;
}
#recurring_charge_content p {
	font-size:9pt;
	line-height:12pt;
	font-weight:normal;
	font-family:Arial,Sans-Serif;
	text-align:left;
	color:#000;
}