body {
	text-align: center;
	min-width: 1000px;
	font-family: arial, sans-serif;
	color: #333;
	background-color: #fafafa;
	padding-bottom: 30px;
	padding-top: 10px;
}

html>body .div-inline-block {
	display: inline-block;
}

.inline-block {
 display: -moz-inline-block;
 display: -moz-inline-box;
 display: inline-block;
 font-size:0;
 line-height:0;
}

form {
	margin: 0;
	padding: 0;
}

a:link {
	color: #f60;
}

a:visited {
	color: #f60;
}

a:hover {
	color: #f60;
}

a:active {
	color: #f60;
}

#content {
	margin: 0 auto;
	top: 8px;
	width: 1000px;
	height: auto;
	min-height: 980px; 
	text-align : left;
	border: 1px solid #ccc;
	position: relative;
	background-color: #fff;
	text-align: left;
}

#brand {
	position: relative;
}

#action-icons {
	margin: 0 0 5px 20px;
}

#left {
	position: absolute;
	top: 50px;
	left: 130px;
	width: 420px;
}

.menu {
	height: 32px;
	padding: 12px 8px;
	font-size: 13px;
	cursor: default;
}

.menu-active {
	background: #fdc url(../images/menu-mouse-over.png) no-repeat scroll
		407px 13px;
}

.menu .description {
	font-weight: normal;
}

.init-sprite {
	background: #fff url(../images/home-sprite-init-2.png) no-repeat scroll 0
		0;
}

#icon {
	background-position: 0 -443px;
	width: 285px;
	height: 90px;
	position: static;
}

#download {
	width: 204px;
	height: 52px;
	background-position: 0 -587px;
	cursor: pointer;
	position: relative;
}

#sign-in {
	position: absolute;
	width: 134px;
	height: 52px;
	background-position: -90px -497px;
	top: 0;
	left: 208px;
	cursor: pointer;
}

.demo-sprite {
	background: #fff url(../images/home-sprite.jpg) no-repeat scroll 0 0;
}

.inline {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
}

.blue-link {
	font-size: 13px;
	color: #335cd6;
	marign-left: 10px;
	cursor: pointer;
    text-decoration: underline;
}

.iphone {
	width: 240px;
	height: 441px;
}

.overlay {
	width: 196px;
	height: 294px;
	top: 74px;
	left: 23px;
	position: absolute;
}

.home {
	background-position: 0 -1027px;
}

.emergency {
	background-position: 0 -733px;
}

.cooldown {
	background-position: 0 -439px;
}

.website {
	width: 281px;
	height: 439px;
}

#brand div {
	color: #999;
	font-weight: bold;
	font-size: 18px;
	left: 107px;
}

#actions {
	position: relative;
	margin-top: 15px;
	font-size: 12px;
}

#actions img {
	cursor: pointer;
}

#promo {
	font-weight: bold;
	font-size: 18px;
	margin: 20px 0 30px 0;
}

#right {
	position: absolute;
	top: 60px;
	left: 590px;
}

#footer {
	position: absolute;
	bottom: 5px;
	font-size: 12px;
	color: #999;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ccc;
	line-height: 29px;
}

.dialog-container {
	display: none;
}

.invite {
	display: none;
}

.screen {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: #000;
	opacity: 0.4;
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
}

.dialog {
	margin: 0 auto;
	top: 8px;
	text-align: left;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -175px 0 0 -198px;
}

.login .dialog {
	width: 396px;
	height: 340px;
}

.password-recovery .dialog {
	width: 396px;
	height: 340px;
}

.invite .dialog {
	width: 401px;
	height: 370px;
}

.dialog-border {
	background-color: #ff6e21;
	padding: 4px;
}

.dialog-border-highlight {
	background-color: #ff9a64;
	padding: 2px;
}	

.dialog-content {
	background-color: #fff;
	padding-bottom: 5px;
}

.dialog .title {
	background-color: #ff6e21;
	text-align: center;
	width: 100%;
	padding: 0 0 5px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-weight: bold;
}

.login .content, .password-recovery .content {
	padding: 30px;
}

div.invite .content {
	padding: 10px 15px 10px;
}

.dialog .subtitle {
	color: #ff6e21;
	padding-bottom: 5px;
}

.login .options {
	margin-top: 5px;
	font-size: 13px;
	cursor: pointer;
}

.login .input, .password-recovery .input {
	width: 230px;
	height: 15px;
}

#recover-email {
	margin-bottom: 3px;
}

#email {
	margin: 20px 0 3px 0;
}

#password {
	margin: 10px 0 3px 0;
}

.inline-help {
	color: #999;
	font-size: 12px;
	padding: 5px;
}

.login .buttons, .password-recovery .buttons {
	margin-top: 25px;
}

.invite .buttons {
	margin-top: 10px;
}

.dialog .buttons input {
	width: 112px;
	margin-right: 11px;
}

.dialog .buttons button {
	width: 112px;
	margin-right: 11px;
}

.dialog textarea {
	font-family: Arial,sans-serif;
	font-size: 12px;
	padding: 4px;
	width: 353px;
}

.error-field {
	border: 1px solid #ff6e21;
	padding: 2px 1px;
}

.session-summary td {
	valign: middle;
}

#session-link-container {
	height: 65px;
	background-color: #ffa87a;
	padding: 0 5px;
}

#link-title {
	color: #fff;
	padding: 10px 0 0px 10px;
	font-size: 12px;
}

#map-link {
	width: 360px;
	color: #ff6e21;
	margin: 4px 10px 8px;
	padding-left: 3px;
	background: #fff;
	border: 1px solid #ff6321;
}

#comments-container {
	margin-top: 35px;
	width: 435px;	
}

#comment-editor {
	border-top: 1px solid #ff7033;	
	border-bottom: 1px solid #ff7033;
	padding: 12px;
	background-color: #fdc;
}

.form-help {
	font-size: 12px;
	color: #ff7033;
	font-family: arial, sans-serif;
}

.comment-editor {
	background-color: #fdc;
	padding: 12px 10px;
}

.comment-editor input, .comment-editor button {
	margin-top: 7px;
}

.comment-editor #comment-email, .comment-editor #comment-email-message {
	margin-left: 10px;
}

.comment-editor input{
	font-size: 12px;
	font-family: arial, sans-serif;
}

.comment-editor textarea {
	font-size: 12px;
	font-family: arial, sans-serif;
	width: 400px;
}

#comments-title {
	font-size: 12px;
	color: #333;
	margin-bottom: 2px;
	margin-left: 5px;
}

.single-comment {
	border-bottom: 1px solid #ff7033;
	padding: 15px;
}

.comment {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}

.comment-author {
	font-size: 14px;
}

.comment-time {
	color: #999;
	margin-left: 8px;
	font-size: 14px;
}


.lg-button .left {
	background-position: -242px -389px;
	height: 52px;
	width: 9px;
	postion: absolute;
	top: 0;
	left: 0;
}

.lg-button .body {
	background-position: 0 -535px;
	background-repeat: repeat-x;
	height: 52px;
	postion: relative;
}

.lg-button .title {
	text-align: center;
	line-height: 50px;
	position: relative;
	top: -52px;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
}

.lg-button .right {
	background-position: -254px -389px;
	height: 52px;
	width: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

/* Rounded shadowed borders */

#borders-main {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1000;
}

#borders-main-left {
	position: absolute;
	width: 20px;
	height: 100%;
	left: -14px;
	background-image: url(../images/MiddleLeft.gif);
}

#borders-main-right {
	position: absolute;
	width: 20px;
	height: 100%;
	right: -15px;
	background-image: url(../images/MiddleRight.gif);	
}

#borders-top {
	position: absolute;
	top: -15px;
	width: 100%;
	height: 20px;
	background-image: url(../images/TopCenter.gif);
}

#borders-top-left {
	position: absolute;
	left: -14px;
	width: 20px;
	height: 20px;
	background: url(../images/TopLeft.gif);	
}

#borders-top-right {
	position: absolute;
	right: -15px;
	width: 20px;
	height: 20px;
	background: url(../images/TopRight.gif);	
}

#borders-bottom {
	position: absolute;
	bottom: -15px;
	width: 100%;
	height: 20px;
	background-image: url(../images/BottomCenter.gif);
}

#borders-bottom-left {
	position: absolute;
	left: -14px;
	width: 20px;
	height: 20px;
	background: url(../images/BottomLeft.gif);	
}

#borders-bottom-right {
	position: absolute;
	right: -15px;
	width: 20px;
	height: 20px;
	background: url(../images/BottomRight.gif);	
}

#recover {
	font-size: 12px;
	padding-left: 10px;
}
