/* STATIC PAGES */

ul.product-menu { float: left; background: url('../images/product-menu-bg.gif') no-repeat top left; color: #707a06; font-size: 20px; line-height: 40px; width:259px;  height: 308px; padding-top: 18px; }
ul.product-menu li { background: url('../images/product-list-underline.gif') no-repeat 12px bottom; padding-left: 20px;}
ul.product-menu li a { color: #707a06;}
ul.product-menu li a:hover { color: #9ca820; text-decoration: none}
ul.product-menu li.selected { background: url('../images/product-list-bg.gif') no-repeat left top;}
ul.product-menu li.selected a { color: #ffffff}
.product-box { width: 460px; padding: 10px; float: left;}
.product-box ul li {  background: url('../images/list-arrow-home.gif') no-repeat left 50%;  padding-left: 10px;}

.inner-box { padding: 10px;}
.inner-box ol li { margin-bottom: 5px;}
.faq-answers li {background: url('../images/list-dotted-bg.gif') no-repeat left bottom; padding: 10px 10px 10px 0; position: relative }
.faq-answers li ul li { background: none}
.faq-answers li .float-right { position: absolute; right: 5px; bottom: 5px;}
ol.faq-questions { font-weight: bold}


/* FORMS */

.contact-form { width: 380px; float: left}

fieldset {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#FFFFFF;
	border-color:#D9E7ED;
	border-style:solid;
	border-width:4px 1px 1px;
	margin:0 20px 20px 0;
	padding:1em;
	position: relative;
}

legend {
	-x-system-font:none;
	color:#333333;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:0.5em 0.5em 0;
}

.contact-form input, .contact-form select, .lan-form input, .lan-form select, .general-form input, .general-form select, textarea {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-x-system-font:none;
	border:1px solid #CCCCCC;
	clear:both;
	color:#333333;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0.4em 0;
	padding:2px 3px;
}

.local-access { width: 300px;}
.intaccess span{display:block; float:left;}

.lan-form input { margin-right: 5px; margin-left: 5px;}

.signup-box { width: 984px; min-height: 500px; background-color: #ffffff; border: 1px solid #c7c7c7; margin: 10px 0 0 13px;}
.general-form ul { margin-top: 10px}
.general-form ul li span { display: block; font-weight: bold}
.general-form ul li { margin-bottom: 5px;}
.general-form ul li input, .general-form ul li select { margin-top: 2px;}
.general-form em { color: #ff0000; font-weight: bold}
#prepaid, #postpaid { display: none}
#prepaid ul, #postpaid ul { float: left; padding-right: 30px;}
fieldset fieldset {  float: left; margin:0 10px 20px 0;  width: 290px}
fieldset fieldset legend { font-size: 14px}
.general-form input.submit-button { padding:10px 10px; font-size: 18px;cursor:pointer;}
#servicetype { float: left; margin: 25px 0}
#banner-postpaid, #banner-prepaid { width: 456px; height: 76px; display: none; margin-left: 200px;}
#banner-postpaid { background: url('../images/banner-postpaid.gif') no-repeat left top}
#banner-prepaid { background: url('../images/banner-prepaid.gif') no-repeat left top}

/* ACCOUNT */

.account { padding: 10px; width: 723px}
.logoutbox .welcome { font-size: 18px;}
.logoutbox label { margin: 15px 0}
ul.account-menu { width: 225px; position: absolute; z-index: 1}
ul.account-menu li { display: block; background: url('../images/account-menu-bg.gif') no-repeat left bottom; padding-left: 5px}
ul.account-menu li.selected { background: #ffffff url('../images/account-arrow-bg.gif') no-repeat left 50%; padding-left: 30px; border: 1px solid #c8c8c8; border-right: none }
ul.account-menu li.selected a { color: #60680a}
ul.account-menu li a { display: inline; line-height: 30px; color: #454545; font-weight: bold;}
ul.account-menu li a:hover { color: #60680a;}

.account-subsections { padding-top: 20px;}
.account-subsections a { float: left; width: 340px; cursor: pointer; color: #535353; padding: 20px 10px 20px 10px;}
.account-subsections a:hover { background: #f4f2f2; text-decoration: none; }
.account-subsections a strong { display: block;}
.account-subsections a span { background: url('../images/account-icons.gif') no-repeat top; display: block; width: 41px; height: 41px; float: left; margin-right: 10px}
.account-subsections a.current-records span { background-position: 0}
.account-subsections a.current-transactions span { background-position: -41px}
.account-subsections a.online-payment span { background-position: -82px}
.account-subsections a.view-invoices span { background-position: -123px}
.account-subsections a.change-password span { background-position: -164px}
.account-subsections a.edit-info span { background-position: -205px}

ul.friends-list li { float: left; margin-right: 30px; margin-bottom: 15px;}
ol.faq-answers li span { display: block; font-weight: bold; color: #575F05}
ol.faq-answers li ul li { margin: 0; margin-left: 20px; padding: 0}