.notification {
	position: absolute;
	z-index: 10000;

	min-width: 250px;
	max-width: 500px;

	color: #fff;
	font-size: 14px;

	border: none;
	background-color: transparent;

}

.notification pre {
	white-space: normal;
}

.notificationBody {
	border: none;
	background-color: transparent;
	padding: 10px 5px;
	text-align: center;
}

.notificationBodyWithIcon {
	margin-left: 42px;
}

.notificationInner {
	border: 1px solid #999;
	background: #666 url('http://assets.thinklinkr.com/1263379889/images/title-gradient-overlay.png') repeat-x;

	text-shadow: #000 1px 1px 2px;

	-moz-opacity: 0.90;
	opacity: 0.90;
	filter: alpha(opacity=90);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	-moz-box-shadow: #666 2px 2px 6px;
	-webkit-box-shadow: #666 2px 2px 6px;
}

.notificationIcon {
	position: absolute;
	top: 12px;
	left: 10px;
}
.overlay{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color: #fff;
}


.lightboxOuter {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: transparent;
	z-index:9999;
	margin: 0px;
	overflow: auto;
}

.lightbox {
	position: absolute;
	text-align:left;
}

.lightboxLoading {
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.lightboxLoading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px;
}
/* Using Eric Meyer's CSS 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;
}

:focus {
	outline: 0;
}

html {
	width:100%;
}

body {
	background-color: white;
	font: normal 12px Tahoma,Geneva,sans-serif;
	text-align:left;
	color: #000;
}
ol, ul {
	list-style: none;
}

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: "" "";
}

/* End of Meyer Reset */
body {
	font-family: Georgia,serif;
	background-color: #eee;
}

.pageContent {
	background-color: #fff;
}

.homeHeader {
	height: 119px;
	background: transparent url('http://assets.thinklinkr.com/1263379889/images/header-background.png') repeat-x;
}

.headerContent {
	width: 1000px;
	position: relative;
	margin: 0px auto;
}

.logo {
	position: absolute;
	left: 36px;
	top: 54px;
}

.navigation {
	font-family: Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 666px;
	top: 70px;
	font-size: 14px;
}

.navigation a, .navigation a:hover, .navigation a:visited {
	color: white;
	text-decoration: none;
	margin-right: 40px;
	background-color: transparent;
}

.itsFree {
	position: absolute;
	left: 764px;
	top: 34px;
}

.homeBanner {
	height: 133px;
	background: transparent url('http://assets.thinklinkr.com/1263379889/images/sprites/home.png?1263379889') -0px -58px repeat-x;
}

.bannerText {
	position: absolute;
	left: 31px;
	top: 28px;
}

.homeBody, .homeDetails {
	padding: 30px;
	color: #333;
	font-size: 16px;
	line-height: 24px;
}

td {
	vertical-align: top;
}

.rightColumn {
	padding-left: 45px;
	padding-top: 3px;
}

h1, h2, h3, h4 {
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	border: none;
}

h1, h2 {
	color: #333;
	font-weight: 700;
	margin-bottom: 6px;
}

h1 {
	font-size: 20px;
}

h2 {
	margin-top: 25px;
	font-size: 18px;
}

h3 {
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

h4 {
	font-weight: 700;
	color: #13458D;
}

strong {
	font-weight: 700;
}

.betaMessage {
	background: transparent url('http://assets.thinklinkr.com/1263379889/images/sprites/home.png?1263379889') -0px -275px no-repeat;
	width: 354px;
	height: 370px;
	padding: 20px 20px 0px 20px;
	position: relative;
}

.betaMessage img {
	margin-top: -20px;
	margin-left: -20px;
}

/* ======== */
/* = HERE = */
/* ======== */

.playScreencastImage {
	position: absolute;
	left: 225px;
	top: 170px;
}

.belowTheFold {
	background-color: #666;
	border-top: 1px solid #333;
	border-bottom: 1px solid #555;
}

.homeDetails {
	color: white;
	line-height: 22px;
}

.homeDetails h1 {
	color: white;
	text-transform: uppercase;
}

.featuresColumn {
	width: 240px;
	padding-left: 45px;
}

.featuresColumn div {
	white-space: nowrap;
	margin-top: 10px;
	line-height: 25px;
}

.featuresColumn img {
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 4px;
}



.homeFooter {
	border-top: 1px solid #ddd;
	color: #666;
	height: 70px;
	text-align: center;
	padding-top: 10px;
}

.homeFooter a, .homeFooter a:visited, .homeFooter a:hover {
	color: #333;
}

.notice {
	width: 500px;
	text-align: center;
	font-size: 18px;
	margin: 10px auto 0px;
	background-color: #FCBEBE;
	border: 4px solid #6B0000;
	padding: 12px;
	color: #0A1A38;
}

h2.contact {
	color: #333;
	font-size: 15px;
	margin: 0px 12px;
	border-bottom: 1px solid #333;
}

.error input, textarea.error, input.error {
	border: 3px solid #ff0000;
	background-color: #fee;
}

.errorMessage {
	color: #c33;
	font-style: italic;
}

#forgotPassword {
	border-top: 1px dotted #0A1A38;
	padding: 8px 20px;
	background-color: #edd;
}

#emailSuccess {
	border-top: 1px dotted #0A1A38;
	padding: 8px 20px;
	background-color: #ded;
}

#email {
	font-size: 12px;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	width: 232px;
	vertical-align: middle;
}

.homePopup {
	background-color: #fff;
	width: 700px;
	margin-top: 30px;
	padding: 10px;
	border: 3px solid #5E7A16;
	position: relative;
}

.homePopup p {
	padding: 10px;
/*	margin-bottom: 10px;*/
}

.homePopup h2 {
	margin-left: 5px;
}

.homePopup li {
	list-style: disc;
	margin-left: 10px;
	margin-top: 4px;
}

.homePopup ul {
	margin-top: 10px;
	margin-left: 20px;
}

.closeX {
	position: absolute;
	top: -18px;
	right: -20px;
}

.screencastPopup {
	width: 800px;
	background-color: #000;
	border: 3px solid #5E7A16;
}

.signupPopup {
	width: 300px;
	background-color: #f8f8f8;
}

.signupPopup h2 {
	margin: 10px 10px 0px;
	font-size: 30px;
	font-family: Georgia,serif;
}

.signupBetaMessage {
	border: 1px dashed #998;
	background-color: #FFFFC7;
/*	background-color: #eee;*/
	font-size: 16px;
	line-height: 150%;
	margin: 0px 5px 5px;
}

.signupPopup .signupInput {
	width: 265px;
	font-size: 18px;
	padding: 5px;
	margin-bottom: 10px;
}

.contactPopup {
	width: 500px;
}

.contactPopup textarea {
	width: 475px;
	height: 150px;
}

.contactPopup label, .signupPopup label {
	
	color: #091019;
	font-size: 12px;
	font-weight: 700;
}

#contactSuccess, #signupSuccess {
	font-size: 14px;
	font-weight: 700;
	padding: 3px;
}

.signupForm, .loginForm {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 15px 30px 5px;
}

.labelCell {
	color: #666;
	font-size: 20px;
	text-align: right;
	vertical-align: middle;
}

.inputCell {
	height: 82px;
}

.inputCell input {
	border: 1px solid #999;
	font-size: 24px;
	color: #333;
	width: 462px;
	margin: 18px 15px 0px;
	padding: 6px;
}

.signupTerms {
	font-size: 11px;
	color: #999999;
	font-style: italic;
	margin-top: 15px;
	text-align: center;
}

.signupRightColumn {
	color: #666;
	padding-left: 25px;
	font-size: 15px;
	line-height: 22px;
}

.signupError input {
	border: 3px solid #e33;
	background-color: #fee;
}

.signupError .errorMessage {
	padding-left: 20px;
}

.flashError, .flashMessage {
	font-family: Tahoma, Geneva, sans-serif;
	padding: 20px;
	margin: 10px auto;
	width: 400px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.flashError {
	border: 3px solid #ff0000;
	background-color: #fee;
}

.flashMessage {
	border: 1px dashed #375708;
	background-color: #E8FEC5;
}

.sendInvitationColumn {
	width: 50%;
}

.inviteRequestJoined {
	font-weight: 700;
	color: #204E08;
}

.inviteRequestInvited {
	font-style: italic;
	color: #001F56;
}

.loginForm {
	margin: 0px auto;
	width: 424px;
}

.loginBanner {
	height: 64px;
	background: transparent url('http://assets.thinklinkr.com/1263379889/images/sprites/home.png?1263379889') -0px -848px repeat-x;
}

.loginBanner .bannerText {
	position: absolute;
	left: 258px;
	top: 19px;
}

.loginInputCell input {
	width: 300px;
}

.loginEmailInputCell input {
	width: 335px;
}

.rememberMe {
	padding-left: 10px;
	padding-bottom: 15px;
}

.loginButton {
	text-align: center;
}

.forgotPassword {
	text-align: center;
	margin: 20px 0px 3px;
	font-size: 14px;
}

.needAnAccount {
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}

.determiningLogin {
	background-color: #ffffdd;
	border: 1px solid #ddc;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	color: #666;
}

.resetPassword {
	font-size: 16px;
	margin: 20px 0px 15px;
	vertical-align: middle;
}
.resetPassword table {
	text-align: center;
	margin: 0px auto;
}

.resettingPasswordPane {
	padding-bottom: 12px;
	font-size: 16px;
}

#loginFailed {
	text-align: center;
	margin: 5px 0px;
	color: #4F0600;
	border: 1px solid #4F0600;
	font-size: 16px;
	background-color: #FFFAB9;
	padding: 10px;
	font-weight: 700;
}

#loginFailed a {
	font-size: 14px;
	font-weight: 500;
	padding-left: 10px;
/*	color: #4F0600;*/
}


.legalPage {
	width: 800px;
	background-color: white;
	border: 1px solid #071E3E;
	margin: 0px auto;
	padding: 20px;
}

.chromeFrameBody {
	font-family: Tahoma, Geneva, sans-serif;
	width: 561px;
	margin: 0px auto;
	padding: 40px 0px;
	font-size: 14px;
}

h1.pleaseInstallChrome {
	font-size: 24px;
	font-weight: #700;
	text-align:center;
}

.chromeFrameTopPane {
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 20px 40px;
}

.chromeFrameTopPane .warning {
	margin:10px 50px;
	background-color:#ffa;
	padding:10px;
	color:black;
	font-weight:700;
}


.chromeFrameBottomPane {
	background-color: #ddd;
	border: 1px solid #aaa;
	padding: 10px 80px;
}

.installChromeFrameButtonWrapper {
	text-align: center;
	margin-top: 20px;
}

h3.greatBrowsers {
	text-align: center;
	text-transform: none;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 15px;
}

td.greatBrowsers {
	width: 33%;
	text-align: center;
}

.somethingWentWrong {
	width: 500px;
	margin: 0px auto;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.somethingWentWrong p {
	font-size: 15px;
	color: #222;
	margin: 15px 0px;
	line-height: 1.4;
}

.somethingWentWrong h1 {
	font-size: 30px;
	color: #555;
	white-space: nowrap;
	margin-bottom: -10px;
}

.somethingWentWrong hr {
	margin-top: 30px;
	border: none;
	border-top: 1px dotted #888;
}

p.itsPossible {
	color: #444;
	font-size: 14px;
}