@charset "utf-8";

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#closed {
    display: block;
    vertical-align: middle 
	align: center;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	background-color: #AA0000 ! important;
	color: white;
	margin-top: 2em;
	padding: 1em;
	font-size: 2em;
	letter-spacing: 0.30em;
	clear:both;
}

.indentP {
padding-left: 2em;
}

body {
	background-color: #F8FAFE;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	letter-spacing: 0.10em;
	min-width: 700px;
}

a[href^="http:"], a[href^="https:"] {
 background: url(../images/offsite.png) no-repeat right top;
    padding-right: 16px;
}

a[href^="http://www.taptelligence.com"], a[href^="http:// taptelligence.com"],
a[href^="https://www.taptelligence.com"], a[href^="https:// taptelligence.com"] {
 background-image: none;
 padding-right: 0;
}

.logo .nav-bar-left {
	margin-top: 0.8em;
}

#tagLine {
	float: left;
	margin-left: 8%;
	background: #FFEA39;
	border: 1px solid #C0C0C0;
	border-top: 0px;
	padding: 1.5em;
	padding-top: 3px;
	padding-bottom: 0.5em;
	color: #404040;
	letter-spacing: 0.2em;
}

#page {
	clear:both;
 	padding: 1%;
	padding-top: 30px;
	line-height:135%;
}

#mainContent{
	clear: both;
	float: left;
	width: 100%;
	background: white;
	padding-bottom: 40px;
}

.panel {
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

.panel ul {
	margin-left: 3em;
	list-style-type:circle
}
.panel li {
	margin: 1em;
}

.textHeader3 {
	background: #F0F0F0;
	padding: 3px;
	margin: 0px;
	padding-bottom: 0.5em;
	margin-top: 2em;
	margin-bottom: 1em;
	color: black;
	letter-spacing: 0.07em;
	font-size: 110%;
	clear: both;
}

.textHeader4 {
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	color: black;
	letter-spacing: 0.07em;
	font-size: 100%;
	clear: both;
}


.aboutTable {
	margin-left: 50px;
	vertical-align: top;
}

.aboutTable td {
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.aboutTableTD {
	padding: 10px;
	padding-left: 0px;
}

.panel p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

#selfpromo {
	clear:both;
	line-height:135%;
}

#footer{
	clear: both;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 5px;
	font-size: 75%;
	text-align: center;
	color: #C0C0C0;
}

#warning {
	float: right;
	margin: 3px;
	margin-top: 15px;
	padding: 3px;
	padding-left: 5px;
	font-size: 75%;

	background: #FFB9B9;
	border: 1px solid black;
	color: black;
}

.submitButton {
	font-size: 120%;
	padding: 10px;
}


#header {
	float: left;
	width: 100%;
	background-color: #A0FA0F;
	border: 1px solid #000000;
	border-left: 0px;
	border-right: 0px;
	vertical-align: middle;
}

#logo {
	display: inline;
	float: left;
    margin: 16px;
	margin-left: 36px;
	padding-top: 0.7em;
}

.nav-bars-right {
	position: relative;
	float: right;
	margin: 5px;
	margin-bottom: 3px;
}

.nav-bar-right {
	position: relative;
	margin: 5px;
	margin-right: 6px;
	margin-bottom: 3px;
}

.nav-bars-left {
	position: relative;
	float: left;
	margin: 5px;
	margin-bottom: 3px;
}

.nav-bar-left {
	position: relative;
	margin: 5px;
	margin-left: 6px;
	margin-bottom: 3px;
}

.nav-items{
	padding: 3px;
}

.tab, .itemised {
	margin: 0px;
	padding: 0px;
	color: #0000C0;
}

.tab-right, .itemised-right {
	margin-right: 5px;
}

.tab-left, .itemised-left {
	margin-left: 5px;
}

.tab a {
	display: block;
	margin: 0px;
	
	min-width: 5em;
	padding: 5px;
	
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}

.tab-right a, .itemised-right {
	padding-right: 33px;
}
.tab-left a, .itemised-left {
	padding-left: 33px;
	padding-right: 33px;
}

.tab:hover {
	color: red;	
	background: #FFFFFF;
}


/* Arrow bar */
.arrowTop {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 26px;	
	background: url(../images/nav-top.png) top center no-repeat;
}
.arrowTop-left {
	left: 0;
}
.arrowTop-right {
	right: 0;
}

.arrowBottom {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 26px;	
	background: url(../images/nav-bottom.png) bottom center no-repeat;
}

.arrowBottom-left {
	left: 0;
}
.arrowBottom-right {
	right: 0;
}

.arrowInner {
	position: absolute;
	top: 13px;
	bottom: 12px;
	width: 26px;	
	background: url(../images/nav-background.png) center repeat-y;
}
.arrowInner-left {
	left: 0;
}
.arrowInner-right {
	right: 0;
}

.arrow {
	position: absolute;
	top: 0;
	bottom: 6px;
	right: 0px;
	width: 26px;	
}
.arrow-left {
	left: 0px;
}
.arrow-right {
	right: 0px;
}

.arr0{
	background: url(../images/arrow-0.png) bottom center no-repeat;
}
.arr45 {
	background: url(../images/arrow-45.png) bottom center no-repeat;
}
.arr90{
	background: url(../images/arrow-90.png) bottom center no-repeat;
}
.arr135{
	background: url(../images/arrow-135.png) bottom center no-repeat;
}
.arr180{
	background: url(../images/arrow-180.png) bottom center no-repeat;
}
.arr225{
	background: url(../images/arrow-225.png) bottom center no-repeat;
}
.arr270{
	background: url(../images/arrow-270.png) bottom center no-repeat;
}
.arr315{
	background: url(../images/arrow-315.png) bottom center no-repeat;
}

.signBoard{
	width: 90%;
	margin-left: 5%;
}


.rightSign {
    float:left;
    width:100%;
    background: #FFEA39;
    overflow:hidden;
    position:relative;
	border: 1px solid #000000;
}
.middleSign {
    float:left;
    width:100%;
    background: #FFEA39;
    position:relative;
    right:33.333333333333%;
	border-right: 4px solid #FFFFFF;
}
.leftSign {
    float:left;
    width:100%;
    background: #FFEA39;
    position:relative;
    right:33.333333333333%;
	border-right: 4px solid #FFFFFF;
}
.leftSignContent {
    float:left;
    width:29.333333333333%;
    position:relative;
    left: 70.666666666667%;
    overflow:hidden;
}
.middleSignContent {
    float:left;
    width:29.333333333333%;
    position:relative;
    left:74.666666666667%;
    overflow:hidden;
}

.rightSignContent {
    float:left;
    width:29.333333333333%;
    position:relative;
    left:78.666666666667%;
    overflow:hidden;
}

.signFloatingRight {
    position:relative;
    float:right;
    background: #FFEA39;
	border: 1px solid black;
	margin-bottom: 20px;
	margin-right: 60px;
}

.signBoard .panelHeader {
	margin: 0px;
	padding: 5px;
	padding-bottom: 0.5em;
	margin-top: 10px;
	color: black;
	letter-spacing: 0.07em;
	min-height:2.5em;
	font-size: 150%;
	line-height:130%;
}

.signFloatingRight .panelHeader {
	margin: 0px;
	padding: 5px;
	color: black;
	letter-spacing: 0.07em;
}
.signFloatingRight .tab a {
	font-size: 0.9em;
}

.sign-nav-bar {
	margin-bottom: 10px;
}

.itemised {
	display: block;
	font-size: 0.9em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #000000;
}


.signFloatingLeft {
    position:relative;
    float:left;
    background: #FFEA39;
	border: 1px solid black;
	margin-top: 20px;
	margin-left: 2em;
}


.signFloatingLeft .panelHeader {
	margin: 0px;
	padding: 5px;
	color: black;
	letter-spacing: 0.07em;
}
.signFloatingLeft .tab a {
	font-size: 0.9em;
}#selfpromo {
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	padding-top: 1em;
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	float: left;
	background-color: #808080;
	color: white;
	padding-bottom: 10px;
	min-height: 7.5em;
}

#about {
	padding: 0px;
	margin: 0xp;
	text-align: left;
	padding-right: 17em;
	float: left;
}

#about h3 {
	margin: 0px;
	color: #6BCC02;
	font-size: 150%;
	padding: 0px;
	min-height:1.5em;
	padding-left: 2%;
}

#about p{
	padding: 5px;
	padding-left: 2%;
}

#links {
	padding: 0px;
	margin: 0xp;
	text-align: left;
	font-size: 75%;
	position: absolute; bottom: 10px; right: 10px;
}

#links p {
	padding: 5px;
	margin: 0px;
}

#links a {
	color: #0000C0;
	text-decoration: none;
}

#links img {
	display: inline;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	margin-right: 10px;
}
.error {
	margin: 40px;
	padding: 20px;
	padding-left: 62px;
	background: url(../images/bad_32.png) left center no-repeat #FFB9B9;
	font-size: 75%;
	
	border: 1px solid red;
	color: black;
	font-weight: bold;
	float: left;
}

.warning {
	margin: 40px;
	padding: 20px;
	padding-left: 62px;
	background: url(../images/warn_32.png) left center no-repeat #ffffb9;
	font-size: 75%;
	
	border: 1px solid #FEAA32;
	color: #764701;
	font-weight: bold;
	float: left;
}

.thanks{
	font-size: 75%;
	
	border: 1px solid #1DD505;
	color: #0c4f02;
	font-weight: bold;
	float: left;
	
	margin: 40px;
	padding: 20px;
	padding-left: 62px;
	background: url(../images/good_32.png) left center no-repeat #ccfec5;
}

.retry {
	margin: 45px;
	padding: 0px;
	margin-top: 0px;
	 
	border: 1px dotted gray;
	
	clear: both;
	float: left; 
	color: #0000C0;
}

.retry a {
	display: block;
	margin: 0px;	
	padding: 10px;
	
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}

.retry:hover {
	color: red;	
	background: #F8FAFE;
}

.alert input, .alert textarea, .alert span{
	border: 1px solid red;
}

.alert {
	padding: 5px;
	padding-right: 30px;
	padding-left: 0px;
	background: url(../images/flag_20.png) right top no-repeat;
}