@import url(main-modern.css);
body {
	color: #000000;
	background-color: #8FBE00;
	margin: 0;
	padding-bottom: 50px;
	font-family: Arial, sans-serif;
}
* html .buggybox {height: 1%;} /* for IE/Win */
*>html .buggybox {height: auto;} /* for IE5/Mac */

/* OVERRIDE STYLES */
/* These styles are variations used to override foundation - default styles - in the foundation.css */
/* If you're having trouble with something check foundation.css for clashes */
/* ------------------------------------------- */

h1 {
	color: #000000;
	font-size: 160%;
}
h2 {
	margin: 6px 0 0 0;
	color: #84AA0E;
	font-size: 140%;
	padding: 0;
}
#content-home h2 {
	margin: 6px 0 0 0;
	color: #84AA0E;
	font-size: 110%;
	padding: 0;
}
h2.help {
	margin: 6px 0 0 0;
	font-size: 14px;
	color: #84AA0E;
	padding: 0;
}
h3 {
	margin: 6px 0 0 0;
	color: #666666;
	font-size: 110%;
	padding: 0;
}
.login h4 {
	margin: 0 0 4px 0;
	color: #000000;
	padding: 0;
}
.base h4 {
	margin: 0 0 4px 0;
	color: #FFFFFF;
	font-size: 120%;
	padding: 0;
}
p {
	margin-top: 6px;
	padding-top: 0px;
}
p.date {
	color: #777777;
	padding: 0;
	margin: 0;
}
a:link {
	color: #990000;
}
a:visited {
	color: #444444;
}
a:hover {
	color: #E06909;
}

/* LAYOUT STYLES */
/* ------------------------------------------- */
#container {
	width:90%;
}
#container-inside {
	width:95%;
	min-width:770px;
	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth < 760 ? "770px" : "95%" );
}
#top-home {
	margin: 5px 0 0 10px;
	background-image: url(/images/left-bg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
#top-inside {
	margin-top: 5px 0 0 10px;
	background-image: url(/images/left-bg-inside.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
.top-pulse {
	background-image: url(/images/top-right-corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#content-bg {
	background-image: url(/images/left-bg.gif);
	background-repeat: repeat-y;
}
#content-bg-inside {
	background-image: url(/images/left-bg-inside.gif);
	background-repeat: repeat-y;
}
#content {
	padding-right: 35px;
	margin-left: 415px;
}
#content-home {
	padding-right: 35px;
	margin-left: 415px;
}
#content-inside {
	padding-right: 35px;
	margin-left: 225px;
}
.crumbs {
	padding-right: 35px;
	margin-left: 225px;
}
#content-no-nav {
	padding-left: 65px;
	padding-right: 0px;
}
#content-account {
	padding-left: 10px;
	padding-right: 0px;
}
.top-left-nav {
	background-image: url(/images/leftnav-top-left-corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 180px;
}
#leftnav-above {
	background-image: url(/images/left-bg.gif);
	background-repeat: repeat-y;
}
#leftnav-above-inside {
	background-image: url(/images/left-bg-inside.gif);
	background-repeat: repeat-y;
}
#leftnav {
	background-color: #D2E599;
	padding-top:0px;
	padding-left:60px;
	width: 332px;
	float: left;
	background-image: url(/images/left-bg.gif);
	background-repeat: repeat-y;
}
#leftnav-inside {
	background-color: #D2E599;
	padding-top:0px;
	padding-left:20px;
	width: 180px;
	background-image: url(/images/left-bg-inside.gif);
	background-repeat: repeat-y;
	float: left;
}
#lower-leftnav {
	background-image: url(/images/lower-leftnav.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#lower-leftnav-inside {
	background-image: url(/images/lower-leftnav.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.leftnav-base {
	background-image: url(/images/leftnav-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 332px;
}
.leftnav-base-inside {
	background-image: url(/images/leftnav-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 180px;
}
.below-nav {
	padding-top: 20px;
	padding-left: 60px;
	background-image: url(/images/left-bg-inside2.gif);
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	width: 180px;
}
.outside-links {
	position: absolute;
	padding-top: 20px;
	left: 40px;
}
#footer {
	clear: both;
	margin: 0;
	background-image: url(/images/left-bg.gif);
	background-repeat: repeat-y;
}
#footer-inside {
	clear: both;
	margin: 0;
	background-image: url(/images/left-bg-inside.gif);
	background-repeat: repeat-y;
}

/* BASIC STYLES */
/* ------------------------------------------- */
.red {
	color: #800000;
}
.error {
	color: #993333;
	padding: 3px 3px 3px 50px;
	background-image: url(/images/error-cafenet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.ok {
	padding-top: 3px 3px 3px 30px;
	background-image: url(/images/ok.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.top-green-bg {
	background-color: #8FBE00;
	padding-left: 3px;
}

.top-right-bg {
	background-image: url(/images/top-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
td.topmenu-item-on {
	background-color: #8FBE00;
	font-weight: bold;
	color: #990000;
	font-size: 13px;
}
.topmenu-item-on a:link, .topmenu-item-on a:visited, .topmenu-item-on a:hover {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	text-decoration: none;
}
.topmenu-bg {
	background-color: #D2E599;
}
td.topmenu-item {
	font-weight: bold;
	color: #990000;
	font-size: 13px;
}
.topmenu-item a:link, .topmenu-item a:visited, .topmenu-item a:hover {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	text-decoration: none;
}
.login {
	padding-left: 15px;
	padding-right: 10px;
	background-color: #96C308;
	background-image: url(/images/login-right-corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.login-l-b {
	background-color: #96C308;
	padding: 5px 5px 5px 25px;
	background-image: url(/images/login-left-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.login-r-b {
	background-color: #96C308;
	padding: 5px;
}
.small {
	font-size: 11px;
}
.main-pic {
	padding-top: 4px;
	padding-left: 5px;
}
.pic-frame {
	z-index:2;
	position: absolute;
	visibility: visible;
	background-image: url(/images/main-image-window.gif);
	background-repeat: no-repeat;
	width:170px;
	height:174px;
}
.menu {
	background-image: url(/images/menu-dot.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	margin-left: 35px;
	padding: 6px 15px 6px 25px;
}
.nav-title {
	background-image: url(/images/menu-dot-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	font-weight: bold;
	margin-left: 15px;
	padding: 6px 7px 6px 25px;
}
.menu-inside {
	background-image: url(/images/menu-dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	font-weight: bold;
	margin-left: 15px;
	padding: 6px 7px 6px 25px;
}
.base {
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 10px;
}
.base a:link, .base a:visited {
	color: #DB9696;
}
.base a:hover {
	color: #E06909;
}
.submit-button {
	font-weight: bold;
	border-top: 0px solid #000000;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/submit-corner2.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
	cursor: hand;
}
.submit-button-inside {
	font-weight: bold;
	font-size: 11px;
	border-top: 0px solid #000000;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/submit-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
	cursor: hand;
}
.submit-button-inside-off {
	font-weight: bold;
	font-size: 11px;
	border-top: 0px solid #666666;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #FFFFFF;
	background-color: #666666;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/submit-corner-off.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
	cursor: hand;
}
/* Account Tabs */
/* ======================  */
.account-tab {
	background-image: url(/images/account-tab.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}
.account-tab-off {
	background-image: url(/images/account-tab-off.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}
.account-not-tabs {
	background-image: url(/images/account-not-tabs.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}
.account-big-tabs {
	background-image: url(/images/account-big-tabs.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
}
.account-sublink {
	background-color: #D2E599;
	background-image: url(/images/account-sublink-corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 4px;
	padding-left: 16px;
	padding-bottom: 4px;
}
.account-sublink2 {
	background-color: #D2E599;
	background-image: url(/images/account-sublink-corner.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.help-bg-left {
	background-image: url(/images/help-bg-left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 4px 0 4px 20px;
	height:20px
}
.help-bg-mid {
	background-image: url(/images/help-bg-mid.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 4px;
	padding-bottom: 4px;
}
.help-bg-right {
	background-image: url(/images/help-bg-right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
}
.account-text {
	background-image: url(/images/account-left-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 10px 50px 10px;
	background-color: #EEEEEE;
}
.account-help {
	background-image: url(/images/account-right-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #EEEEEE;
}
.help-bg {
	background-image: url(/images/help-bg.gif);
	background-repeat: repeat-y;
	padding: 5px 10px 10px 10px;
}
.help-bg p {
	font-size: 12px;
}
.help-bg-base {
	background-image: url(/images/help-bg-base.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.mapbox {
	background-image: url(/images/mapbox-mid.gif);
	background-repeat: repeat-y;
	padding: 7px;
	margin: 0;
	padding: 7px;
	font-size: 100%;
}
.apply {
	padding-top: 10px;
}
.hotspot-info {
	font-weight: bold;
	padding-bottom: 10px;
}
.example-box {
	border: 1px solid #BBBBBB;
	padding: 3px;
	width: 237px;
	height: 450px;
	margin: 3px;
	display: block;
	float: left;
}
.no-box {
	display: block;
	clear: both;
	margin-top: 30px;
	margin-bottom: 5px;
}
.connect {
	padding-left : 15pt;
	padding-top:10pt;
	padding-bottom:10pt;
 }
 .search-button {
	font-weight: bold;
	font-size: 11px;
	border-top: 0px solid #000000;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/submit-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
	cursor: hand;
}
a.buttonlink:link, a.buttonlink:visited, a.buttonlink:hover {
	font-weight: bold;
	font-size: 11px;
	border-top: 0px solid #000000;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 3px 2px 8px;
	background-image: url(/images/submit-corner.gif);
}
#itemDescription body {
	background-color: #FFFFFF;
}
textarea#abstract {
	width:300px;
}
.register-table {
   width:490px;
}
.re80 {
   width:80px;
}
.re170 {
   width:170px;
}
.re80 {
   width:240px;
}
body.kea-rte-popup {
	background-image: none;
	background-color: #FFFFFF;
}

/* ----- TAX INVOICE PAGE ----- */
/* "np" - added for non printing areas */
#cafenet-wifi-logo {
	display:none
}
table.taxtable td {
	vertical-align: top;
	padding:3px
}
table.taxtable2 td {
	vertical-align: top;
	padding:1px 3px 1px 3px
}
.taxtopleft, .taxtopleftnp {
	background-color:#D2E599;
	background-image:url(/images/taxtopleft.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width:18px;
	height:22px
}
.taxheader, .taxheadernp {
	background-color:#D2E599;
	font-weight: bold;
	font-size:17px;/*130%*/
}
.taxtopright, .taxtoprightnp {
	background-color:#D2E599;
	background-image:url(/images/taxtopright.gif);
	background-position: top right;
	background-repeat:no-repeat;
	width:18px
}
.tax-text-top {
	background-color: #EEEEEE;
	padding: 0 18px 0 18px;
}
.tax-box {
	background-color: #EEEEEE;
	background-image: url(/images/account-left-corner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.taxbotleft, .taxbotleftnp {
	background-image:url(/images/taxbottomleft.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	height:18px
}
.taxbotright, .taxbotrightnp {
	background-image:url(/images/taxbottomright.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
	height:18px
}
.tax-white {
	background: #ffffff;
	height:10px
}
table.taxtable p.tax-small {
	font-size:11px
}
.tax-detail-head {
	font-weight: bold;
	border-bottom:solid 1px #FFFFFF
}
.tax-detail {
	border-bottom:solid 1px #FFFFFF
}
.tax-detail-right {
	border-bottom:solid 1px #FFFFFF;
	text-align:right
}
.tax-right {
	font-weight: bold;
	text-align: right;
}
table.transactiontable {
	border-collapse:collapse;
	border-spacing:0
}
table.transactiontable td, table.transactiontable th {
	padding:3px;
	border-bottom: solid 1px #ffffff;
}
table.transactiontable td.border-right, table.transactiontable th.border-right {
	border-right:solid 1px #ffffff
}