/* Force reset */
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,
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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}

body {
	line-height:1;
	color:black;
	background:white;
	width:100%;
	height:100%;
}
ol, ul {
	list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

body {
  font:14px Avenir;
  word-wrap:break-word;
}

a {
  color:#00B7FF;
}

#headerrow {
	width:100%;
	height:70px;
	overflow:hidden;
	background-color:#35db90;
}

#messagerow {
	width:100%;
	height:30px;
	overflow:hidden;
	background-color:#35db90;
}

#desktoprow {
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#fff;
	margin-top:10px;
}

#desktop {
    position:relative;
    top:0px;
    left:0px;
    width:955px;
    height:550px;
    overflow:hidden;
    margin:auto;
}

#diagram {
	margin:auto;
	display:block;
}

#name {
	color:#fff;
	text-align:center;
	width:100%;
	min-width:350px;
	overflow:hidden;
    font-size:52px;
    font-weight:bold;
    top:-5px;
    position:relative;
}

#tagline {
	color:#000;
	text-align:center;
	width:100%;
	min-width:450px;
	overflow:hidden;
    font-size:18px;
}

#settings {
	display:inline-block;
	position:relative;
	top:0px;
	width:39%;
	height:44px;
	min-width:200px;
}

#tabs {
	width:225px;
    height:500px;
    min-width:225px;
    position:absolute;
    top:0px;
    left:0px;
}

#panels {
	width:725px;
    height:505px;
    position:absolute;
    top:0px;
    left:225px;
    min-width:725px;
    border:3px solid #1dc2db;
    border-radius:5px;
}

#jointab {
    background-color:#1dc2db;
    width:218px;
}

#infopanel {
	display:none;
}

#whypanel {
	display:none;
}

#faqpanel {
	display:none;
}

#companel {
	display:none;
}

.tab {
	color:#fff;
    font-size:24px;
    position:absolute;
    left:0px;
    width:210px;
    height:40px;
    background-color:#147c8c;
    padding-left:10px;
    padding-top:5px;
    border-radius:5px;
}

.panel {
	color:#0b304f;
	width:720px;
	height:500px;
	position:relative;
	top:0px;
	left:0px;
    font-size:20px;
    margin:5px;
}

#thanks {
	display:none;
}

.emailicon {
	background-color:#1dc2db;
	border:solid 2px #147c8c;
	border-radius:5px;
	width:28px;
	height:28px;
}

#user-search {
	position:absolute;
    margin-left:4px;
    margin-top:4px;
    left:260px;
}

#user-input {
    width:250px;
    height:32px;
    margin:4px;
    position:absolute;
    border-radius:5px;
}

#user-name {
	vertical-align:middle;
	position:absolute;
	top:0px;
	left:-2px;	
	width:250px;
	height:26px;
	color:#777;
	font-size:16px;
	padding-left:2px;
	border-radius:5px;
}