/* Generic styles */

html {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

input.text {
	/* border:1px inset gray; */
}

input.button, select, textarea {
	/* border:1px outset gray; */
}

input.button {
	/* background:#eee; */
}

.content-pad {
	padding:2em;
}

pre {
	font-family: Courier, monospace;
}

a {
	color: rgb(0, 0, 204);
	cursor: pointer;
	text-decoration: underline;
}
a:visited {
	color: rgb(0, 0, 204);
	cursor: pointer;
	text-decoration: underline;
}	

h1 {
	font-size:150%;
	font-weight:bold;
	margin-bottom:.2em;
}

h2 {
	font-size:120%;
	font-weight:bold;
	margin-bottom:.2em;
}

.error {
	background:#eee;
	padding:.2em .4em;
	border:1px solid #ccc;
	color:red;
}

.form input.text {
    width:300px;
}

ul.normal {
	list-style:disc;
}

ul.normal li {
	margin-left:1.2em;
}

/* Page setup */

body {
	font-family:arial;
	font-size:10pt;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* */

#userbar {
	width: 60%;
	text-align: right;
	float: right;
	padding-top: 1.7em;
	padding-right: 1em;
}

#top-bar {
	height:50px;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

#selected-navigation {
	background-color: rgb(195, 217, 255);
	border-bottom-color: rgb(147, 180, 217);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(147, 180, 217);
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: rgb(147, 180, 217);
	border-top-style: solid;
	border-top-width: 1px;
}

.unselected-navigation {
	background-color: white;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: white;
	border-top-style: solid;
	border-top-width: 1px;
}

#selected-navigation a {
	text-decoration: none;
	color: rgb(51, 51, 51);
	cursor: pointer;
	font-weight: bold;
}

.navigation-spacer {
	padding: 0.25em;
}

#left-column {
	float:left;
	width:160px;
}

#left-nav {
	padding-left: 0.5em;
}

#left-nav ul {
	color: rgb(51, 51, 51);
	cursor: pointer;
	display: block;
	text-decoration: none;
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#left-nav li {
	text-decoration: none;
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#right-column {
	border:1px solid #93B4D9;
	position:absolute;
	top:0;
	bottom:50px;
	left:160px;
	right:12px;
	background-image: url("../images/monkey_analytics_logo_faded-b.jpg");
	background-repeat: no-repeat;
}

.body-scrolling #right-column {
	position:static;
	margin-left:160px;
	margin-right:12px;
	overflow:hidden;
}

#command-entry {
	padding-top: 0.25em;
	padding-bottom: 0.25em;	
}

#session-bar {
	background-color: rgb(195, 217, 255);
	border-bottom-color: rgb(147, 180, 217);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: rgb(51, 51, 51);
	/*
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	*/
	height: 30px;
}

#session-bar-pad {
	padding:.25em;
}

#session-bar-orange {
	background-color: #fbdeba;
	border-bottom-color: #f2a94a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: rgb(51, 51, 51);
	display: block;
	text-decoration: none;
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	height: 1.5em;
}

.session-bar-header {
	color: rgb(51, 51, 51);
	font-weight: bold; 
	padding-top: 0.25em;
}

#command-output {
	position:absolute;
	top:30px;
	bottom:37px;
	left:0;
	right:0;
	overflow:auto;
}

#command-output-pad {
	padding:1em;
}

#command-output-pad pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#command-input-text {
	border: 1px dashed lightgray;
	background: none;
	width: 98%;
	height: 2em;
}

#session-output-div {
	font-family: monospace;
}

.toast {
	background-color: white;
	border-color: rgb(147, 180, 217);
	border-style: solid;
	border-width: 1px;
	color: rgb(51, 51, 51);
	position: relative;
	top: -250px;
	left: 0.5em;
	height: 250px;
	width: 250px;
	overflow: none;
}

.toasty_img {
	width: 240px;
}


.session-bar-float-left {
	float: left;
	padding:0.2em;
}

.session-bar-float-left-nopad {
	float: left;
	padding:0 0.2em;
}

.highlight {
	background-color:#fbdeba;
}

.normal_home {
	background-color: rgb(195, 217, 255);
}

.normal_session {
	background-color: white;
}


.session-bar-pagination {
	float: right;
	padding-top: 3px;
	padding-right: 0.5em;
}

.item-label,
.item-label-orange,
.item-label-green {
	float: left;
	padding-top: 2px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1px;
	margin: 0.25em;
	vertical-align: middle;
	background-color: rgb(234,234,234);
	font-size: 0.7em;
}

.item-label-orange {
	background-color: #fbdeba;
}

.item-label-green {
	background-color: #caedb8;
}

#login-nav-form {
	position: relative;
	top: -4px;
	float: right;
	padding: 0.25em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	background-color: #fbdeba;
	border-color: #f2a94a;
	border-style: solid;
	border-width: 1px;
	color: rgb(51, 51, 51);
}

.marketing-box {
	background-color: #fbdeba;
	border-color: #f2a94a;
	border-style: solid;
	border-width: 3px;
	margin-bottom: 1em;
	padding: 0.5em;
	color: rgb(51, 51, 51);
}

.marketing-box-muted {
	background-color: rgb(195, 217, 255);
	border-color: rgb(147, 180, 217);
	border-style: solid;
	border-width: 3px;
	margin-bottom: 1em;
	padding: 0.5em;
	color: rgb(51, 51, 51);
}

#loader-overlay {
/*
	position: absolute;
	top: 100px;
	left: 160px;
	padding-left: 1em;
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: black;
*/
}

.session-info-table-div{
	width: 100%;
	overflow-x: hidden;
}

.command_separator {
	color: lightgray;
}

.session-info-table{	
	margin-bottom: 0.5em;
	white-space: nowrap;
}
.session-info-table td{	
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	padding-right: 0.5em;
}

#data-table {
	/*cursor: pointer;*/
}

#data-table tr {
	/*cursor: pointer;*/
	vertical-align: top;
}

#data-table td {
	padding-top: 0.5em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0.5em;
	/*cursor: pointer;*/
}

#data-table-header {
	color: rgb(51, 51, 51);
	font-weight: bold; 
	cursor: default;
}

#data-table-header td {
	color: rgb(51, 51, 51);
	font-weight: bold; 
	cursor: default;
}

#script-editor-form {
	width: 100%;
	height: 80%;
}

#script-editor-title {
	color: rgb(51, 51, 51);
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}

#script-editor-text {
	width: 99%;
	height: 100%;
	font-size: 1.0em;
	font-family: Courier, monospace;
	padding: 0.25em;
}

#script-date-info {
	color: gray;
	padding-top: 3px;
}

.notify {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgb(195, 217, 255);
	border-color: rgb(147, 180, 217);
	border-style: solid;
	border-width: 1px;
	margin-bottom: 0.25em;
	padding: 0.25em;
	color: rgb(51, 51, 51);
	font-size: 0.9em;
}
.notify-wide {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgb(195, 217, 255);
	border-color: rgb(147, 180, 217);
	border-style: solid;
	border-width: 1px;
	margin-bottom: 0.25em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: rgb(51, 51, 51);
	font-size: 0.9em;
}
.notify-bad {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #fbdeba;
	border-color: #f2a94a;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 0.25em;
	padding: 0.25em;
	color: rgb(51, 51, 51);
	font-size: 0.9em;
}
.notify-bad-wide {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #fbdeba;
	border-color: #f2a94a;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 0.25em;
	padding: 0.25em;
	color: rgb(51, 51, 51);
	font-size: 0.9em;
}

.form-section-header {
	color: gray;
	font-size: 1.2em;
	padding-bottom: 0.5em;
}

.form-question {
	color: rgb(51, 51, 51);
	font-weight: bold;
	padding-bottom: 0.5em;
}

.form-entry {
	padding-bottom: 0.5em;
	width: 100%;
}

.form-entry-text {
	width: 100%;
}

#form-float-left {
	float: left;
	width: 50%;
}

#form-float-left ul {
	list-style: inside disc;
	padding-left: 1em;
}

#form-float-left li {
	padding-bottom: 0.5em;
	list-style: inside disc;
}

#form-float-left p {
	padding-bottom: 0.5em;
}

#form-input-area {
	padding-right: 1.5em;
}

#form-input-area input {
	padding: 0.25em;
}

#form-input-area h1 {
	color: black;
	font-weight: normal;
	font-family: Georgia, times;
}

.signup-table {
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.signup-table tr {
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.signup-table td {
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.signup-table input {
	width: 300px;
	font-size: 16px;
	font-weight: bold;
}

.settings-table {
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width:100%;
}
.settings-table tr {
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.settings-table td {
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.settings-table input[type=text],
.settings-table input[type=password] {
	width: 330px;
}

.settings-table .username {
	padding:.3em;
}

.settings-table th {
	padding:.3em;
	white-space:nowrap;
}

#form-tos-box {
	background-color: rgb(195, 217, 255);
	border-color: rgb(147, 180, 217);
	border-style: solid;
	border-width: 3px;
	padding: 1em; 
	margin-top: 1em; 
}

#form-tos-box h1 {
	color: black;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

#form-context-area {
	padding-left: 0.5em;
}

#form-context-area h1 {
	color: gray;
	font-weight: normal;
	font-family: Georgia, times;
}

.form-context-separator {
	padding-bottom: 1em;
}

#testimonial-marketing-pitch {
	height: 350px; 
	width:100%; 
	border-bottom: 1px solid lightgray; 
	text-align: left; 
	background-color: white; 
	background-image: url(../images/ma_testimonial_background_980x400.jpg); 
	background-position: right center; 
	background-repeat: no-repeat;
}

#testimonial-marketing-pitch-text {
	padding: 0px; 
	width: 380px;
}

#testimonial-marketing-pitch-text h1 {
	font-size: 41px;
	letter-spacing: -1px;
	line-height: 1em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#testimonial-marketing-pitch-text h2 {
	font-size: 24px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#testimonial-marketing-pitch-text h3 {
	font-size: 16px;
	color: #555555;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#testimonial-marketing-pitch-text h4 {
	font-size: 22px;
	color: #999999;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 1em;
	text-align: justify;
}

#index-marketing-pitch {
	height: 350px; 
	width:100%; 
	border-bottom: 1px solid lightgray; 
	text-align: left; 
	background-color: white; 
	background-image: url(../images/ma_figures_running_example_980x400-b.jpg); 
	background-position: right center; 
	background-repeat: no-repeat;
}

#index-marketing-pitch-text {
	padding: 0px; 
	width: 380px;
}

#index-marketing-pitch-text h1 {
	font-size: 41px;
	letter-spacing: -1px;
	line-height: 1em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#index-marketing-pitch-text h2 {
	font-size: 24px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#index-marketing-pitch-text h3 {
	font-size: 16px;
	color: #555555;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

.index-marketing-pitch-h3-highlight {
	color: rgb(0, 0, 204);
}

#see-plans-and-pricing-button {
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}

#index-marketing-blurb {
	width:100%; 
	border-bottom: 1px solid lightgray; 
	text-align: left; 
	background-color: rgb(245, 245, 245); 
}

#index-marketing-blurb-left {
	float: left;
	width: 380px;
	padding: 0.5em;
	margin: 0.5em;
}

#index-marketing-blurb-left h1 {
	color: gray;
	font-size: 22px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;	
}

#index-marketing-blurb-right {
	float: left;
	width: 500px;
	padding: 0.5em;
	margin: 0.5em;
}

#index-marketing-blurb-right h1 {
	color: gray;
	font-size: 22px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;	
}

#index-marketing-blurb-left h2 {
	font-size: 16px;
	color: #555555;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#index-marketing-blurb-right h3 {
	font-size: 16px;
	color: #555555;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#index-output {
	width: 980px;
}

#index-output-pad {
	padding:1em;
	position: relative;
}
.index-header {
	text-align: center;
	font-size:46px;
	font-weight:bold;
	letter-spacing:-2px;
}

#index-product-blurb {
	width:100%; 
	text-align: left; 
}

#index-product-blurb ul {
	list-style: inside disc;
	padding-left: 1em;
}

#index-product-blurb h1 {
	color:#1b79b3;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	padding: 0px;
	font-family: Georgia, times;
}

#index-product-blurb h2 {
	color:gray;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	padding: 0px;
}

#index-product-blurb-left h4 {
	color: gray;
	font-size: 22px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;	
	padding-bottom: 0.25em;
}


#index-product-blurb h3 {
	color:gray;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.5em;
	font-family: Georgia, times;
	line-height: 1.1em;
	padding: 0px;
}

#index-product-blurb p {
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

#index-product-blurb-left {
	float: left;
	width: 380px;
	padding: 0.5em;
	margin: 0.5em;
}

#index-product-blurb-right {
	float: left;
	width: 500px;
	padding: 0.5em;
	margin: 0.5em;
}

#imgbox 
{
    vertical-align : middle;
    position : absolute;
    background : none; 
    filter: Alpha(Opacity=100);
    visibility : hidden;
    height : 430px;
    width : 830px;
    height : 1px;
    width : 1px;
    z-index : 50;
    text-align : center;
}

#index-signup-header {
	background: url(../images/graph_paper.jpg);
	border-bottom: 1px solid lightgray;
}

#index-signup-header h1 {
	text-align: center;
	font-size:46px;
	font-weight:bold;
	letter-spacing:-2px;
}

#index-signup-header h2 {
	text-align: center;
	font-size: 22px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;		
}

#index-signup-plans {
	margin-left: 40px;
	width: 900px;
	height: 310px;
	background: transparent;
	text-align: center;
}

#index-signup-plans h1 {
	font-size: 34px;
	margin: 0;
	padding-top: 0.25em;
}
#index-signup-plans h2 {
	font-size: 20px;
	font-weight: normal;
}
#index-signup-plans h3 {
	font-size: 14px;
	font-weight: bold;
	color: rgb(147, 180, 217);
}
#index-signup-plans li {
	font-size: 20px;
	line-height: 1em;
	margin-bottom: 10px;
}

.index-signup-small-plan {
	float: left;
	width: 218px;
	border: 1px solid lightgray;
	height: 270px;
	margin-top: 20px;
	background: rgb(245, 245, 245);
}
.index-signup-small-plan-middle {
	float: left;
	width: 218px;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	height: 270px;
	margin-top: 20px;
	background: rgb(245, 245, 245);
}
.index-signup-small-plan-no-l {
	float: left;
	width: 218px;
	border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	height: 270px;
	margin-top: 20px;
	background: rgb(245, 245, 245);
}
.index-signup-small-plan-features {
	padding-top: 1em;
	margin-top: 1em;	
	border-top: 1px solid lightgray;
	width: 100%;
}

.index-signup-small-plan-shadow-1 {
	float: left;
	width: 3px;
	height: 270px;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	margin-top: 20px;
	background: rgb(235, 235, 235);
}
.index-signup-small-plan-shadow-2 {
	float: left;
	width: 3px;
	height: 270px;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	margin-top: 20px;
	background: rgb(215, 215, 215);
}

.index-signup-big-plan {
	float: left;
	width: 225px;
	border: 3px solid #1b79b3;
	height: 310px;
	background: white;
}
.index-signup-big-plan-features {
	padding-top: 1em;
	margin-top: 1em;	
	border-top: 1px solid lightgray;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#index-signup-faq {
	background: rgb(245, 245, 245);
}

#index-signup-faq h1 {
	padding-top: 0.5em;
}

.index-signup-faq-column {
	float: left;
	width: 450px;
	padding: 1em;
}

.index-signup-faq-column p {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#contact-us-form {
	float: left;
	width: 440px;
	margin-left: 20px;
	padding: 1em;
/*
	background-color: rgb(195, 217, 255);
	border-color: rgb(147, 180, 217);
*/
	background: rgb(245, 245, 245);
	border-color: lightgray;
	border-style: solid;
	border-width: 1px;
}

#contact-us-form h1 {
	color: rgb(101, 101, 101);
	font-size: 20px;
	letter-spacing:0px;
	text-align: left;
}

#contact-us-form p {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#contact-us-form h2 {
	color: rgb(101, 101, 101);
	font-size: 16px;
	font-weight: normal;
	padding-top: 0.5em;
	letter-spacing:0px;
	text-align: left;
}

#contact-us-form h3 {
	color: rgb(51, 51, 51);
	font-size: 13px;
	font-weight: bold;
	padding-top: 0.5em;
	letter-spacing:0px;
	text-align: left;
}

#top-faqs {
	background-color: #fbdeba;
	border-color: #f2a94a;
	border-style: solid;
	border-width: 1px;	
	float: left;
	width: 440px;
	padding: 1em;
}

#top-faqs h1 {
	font-size: 20px;
	letter-spacing:0px;
	text-align: left;
}

#top-faqs h2 {
	color: rgb(101, 101, 101);
	font-size: 16px;
	font-weight: normal;
	padding-top: 0.5em;
	letter-spacing:0px;
	text-align: left;
}

#top-faqs p {
	padding-left: 1em;
	padding-top: 0.5em;
	font-size: 16px;	
}

#top-faqs ul {
	list-style: inside disc;
	padding-left: 1em;
	padding-top: 0.5em;
	font-size: 16px;	
}

#top-faqs li {
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

.index-help-faq-header-no-top {
	background-color: white;
	border-bottom: 1px solid lightgray;
	padding: 0.5em;
}

.index-help-faq-header-no-top h1 {
	color: gray;
	font-size: 20px;
	letter-spacing:0px;
	text-align: center;
	padding-top: 0.2em;
}

.index-help-faq-header {
	background-color: white;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding: 0.5em;
}

.index-help-faq-header h1 {
	color: gray;
	font-size: 20px;
	letter-spacing:0px;
	text-align: center;
	padding-top: 0.2em;
}

#about p {
	font-size: 1.1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#about-company {
	float: left;
	width: 540px;
	padding: 1em;
}

#about-company h1 {
	color: #1b79b3;
	padding-top: 0em;
	padding-bottom: 0em;
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
}

.errorlist {
	list-style: none;
	font-size: 0.9em;
	color: red;
	padding-bottom: 0.25em;
}

#about-company h2 {
	font-weight: bold;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}

#about-founders {
	float: left;
	width: 340px;
	margin-left: 20px;
	padding: 1em;
	background: rgb(252, 252, 252);
	border-color: lightgray;
	border-style: solid;
	border-width: 1px;
}

#about-founders h1 {
	color: #f2a94a;
	padding-top: 0em;
	padding-bottom: 0em;
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
}

#about-founders h2 {
	font-weight: bold;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}

#about-founders ul {
	list-style: inside disc;
	padding-left: 1em;
}

#about-founders li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 1.1em;
}

#about-founding-myth {
	float: left;
	width: 340px;
	margin-left: 20px;
	margin-top: 1em;
	padding: 1em;
	background: rgb(252, 252, 252);
	border-color: lightgray;
	border-style: solid;
	border-width: 1px;
}

#about-founding-myth p {
	color: gray;
	font-size: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#about-founding-myth h1 {
	color: #f2a94a;
	padding-top: 0em;
	padding-bottom: 0em;
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
}

#about-founding-myth h2 {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	color: rgb(81,81,81);
}

#tour-intro {
	height: 350px; 
	width:100%; 
	border-bottom: 1px solid lightgray; 
	text-align: left; 
	background-color: white; 
	background-image: url(../images/ma_figures_running_example_980x400-b.jpg); 
	background-position: right center; 
	background-repeat: no-repeat;
}

#tour-intro-text {
	padding: 0px; 
	width: 380px;
}

#tour-intro-text h1 {
	font-size: 41px;
	letter-spacing: -1px;
	line-height: 1em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#tour-intro-text h2 {
	font-size: 24px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#tour-intro-text h3 {
	font-size: 16px;
	color: #555555;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0px;
}

#tour-header {
	width:100%; 
	border-bottom: 1px solid lightgray; 
	text-align: left; 
	background-color: rgb(245, 245, 245); 
}

#tour-header h1 {
	color: gray;
	font-size: 22px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;	
}

#tour-header h2 {
	color:gray;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	padding: 0px;
}

#tour-header ul {
	list-style: inside disc;
	padding-left: 1em;
}

.testimonial-h2 {
	text-align: left;
	font-size: 22px;
	color: #222222;
	font-weight: normal;
	font-family: Georgia, times;
	line-height: 1.2em;		
}

/* */

#footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	color: gray;
	text-align: center;
	margin-right:12px;
	margin-left:160px;
}

.body-scrolling #footer {
	position:static;
}

#footer-pad {
	padding:1em;
}

.server-banner {
	position:absolute;
	top:0;
	color:white;
	background:maroon;
	opacity:.5;
	filter:alpha(opacity=50);
	font-size:1em;
	left:45%;
	padding:.1em 1em;
}

table.grid {
	border-collapse:collapse;
}

table.grid td, table.grid th {
	border:1px solid #ccc;
	padding:.2em .4em;
}

table.grid th {
	background:#dfdfcf;
	font-size:90%;
}

ul.admin-nav {
	float:right;
}

ul.admin-nav li {
	float:left;
	display:block;
	padding:.2em .4em;
	border-left:1px solid silver;
}

form.lines label {
	display:block;
	font-weight:bold;
}

form.lines input[type="text"], form.lines select, form.lines textarea {
	margin-bottom:1em;
	display:block;
}

form.full input[type="text"], form.lines select, form.lines textarea {
	width:95%;
}

.admin-command-output p {
	margin:1em 0;
}

/* Figure Popups */

.figure-popup {
	position:absolute;
	border:1px solid #93B4D9;
	background:white;
	z-index:1;
}

.ui-draggable {
	cursor:pointer;
}

.ui-draggable-disabled {
	cursor:default;
	opacity: 1 !important;
	filter: Alpha(Opacity=100) !important;
}

.figure-popup-title {
	background:#C3D9FF;
	font-weight:bold;
	padding:.1em;
	padding-right:60px;
	border-bottom:1px solid #93B4D9;
}

.figure-popup-image {
}

.figure-popup-image-thumbnail {
	width:150px;
	height:150px;
}

.figure-popup-button-container {
	position:absolute;
	right:0;
	top:1px;
}

.figure-popup-button-container img {
	cursor:pointer;
	margin:1px;
}

/* */

#runtime-display-image {
	font-size: 0.8em;
	color: gray;
	display:none;
}

#runtime-display-image img {
	vertical-align:top;
	margin-top:-3px;
}

#runtime-display-image span {
	padding-right:1em;
}

form.line-form label {
	display: block;
	
}

table th {
	font-weight:bold;
}

td.progress-bar {
	width:75%;
}

p {
	margin:.5em 0;
}

.pad {
	padding:1em;
}

.pad ul {
	list-style:disc;
}

.pad ul li {
	margin-left:1em;
}

.session-star, .script-star {
	cursor:pointer;
}

.jgrowl-bold {
	font-weight:bold;
	font-size:120% !important;
}

#jGrowl {
	/* Hack: force jgrowl window to be vert centered */
	top: 40%;
}

#minimized-figures-bar-outer {
	height:36px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	background:#ffffe1;
	border-top:1px solid #f7e48f;
}

#minimized-figures-bar {
}

#minimized-figures-bar .figure-popup {
	float:right;
	position:relative;
	margin:0 .3em;
}

#server-svn-info {
	float:right;
	text-align:right;
	font-size:80%;
	color:gray;
}

.file-size {
	text-align:right;
	padding-left:2em !important;
}

.file-manager-table th, .file-manager-table td {
	border-color:#eee !important;
	padding:0.3em .5em !important;

}

.file-manager-table a {
	color:black;
	text-decoration:none;
}

.file-manager-table a:hover {
	color:blue;
	text-decoration:underline;
}

.file-manager-table img {
	vertical-align:middle;
}

td.folder-name {
	font-weight:bold;
}

.script-contents {
	font-family:Courier New, Courier, monospace;
	font-size:80%;
	width:80%;
	overflow:auto;
	border:1px solid silver;
	padding:1em;
}

/* Syntax highlighting */

.syntax-highlight .n {
	color:blue;
}

.syntax-highlight .p {
	font-weight:bold;
	color:red;
}

ul.errors {
	list-style:disc;
}

ul.errors li {
	color:red;
}

#file-name {
	cursor:pointer;
}

a.login-as-user {
	color:gray;
	float:right;
	font-size:80%;
}

.percent-delta {
	font-size:80%;
	color:gray;
	padding-left:.5em;
	padding-right:.2em;
	float:right;
}

.percent-delta-positive,
.percent-delta-inf {
	color:green;
}

.percent-delta-negative {
	color:red;
}

table.applog td.date {
	font-weight:bold;
}

.admin-applog td.nopad {
	padding:0;
}

.admin-applog img.mini-chart {
	width:66px;
	height:21px;
}

.admin-applog img.chart {
	border:1px solid #eee;
	margin:1em;
	padding:1em;
	background:white;
}

.notice {
	border:1px solid silver;
	background:#ffffe1;
	padding:.5em;
	font-style:italic;
	line-height:1.3em;
}

.notice .title {
	font-family:times new roman;
	font-size:120%;
	font-style:normal;
	margin:0;
	padding-bottom:.4em !important;
}

.notice p {
	margin:0;
}

strong {
	font-weight:bold;
}

.hidden {
	display:none;
}

a.popout, a.popout-close {
	margin:3px;
	text-decoration:none !important;
	vertical-align:middle;
	font-size:80%;
}

a.popout:hover {
}

a.popout img {
	vertical-align:middle;
}

a.popout-float {
	float:right;
}

#feedback-link {
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
}

.feedback-lightbox {
	padding:1em;
}

.feedback-lightbox input[type="text"],
.feedback-lightbox textarea {
	border:1px inset gray;
	margin:0.2em 0;
	padding:.1em;
	background:#fafafa;
}

.feedback-lightbox input[type="text"] {
	width:60%;
}

.feedback-lightbox textarea {
	width:100%;
	height:10em;
	font-size:inherit;
	font-family:inherit;
}

.feedback-lightbox input[type="button"],
.feedback-lightbox input[type="submit"] {
	border:1px outset gray;
	padding:.1em 1em;
}

em {
	font-style:italic;
}

#columns {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin-top:50px;
}

.body-scrolling #columns {
	position:static;
}

.anonymous-page-left-nav {
	margin-top:100px;
}

.anonymous-page-left-nav li {
	margin:1em 0;
}

/* Figures */

.figurepopup-minimized-container {
	border:1px solid silver;
	width:30px;
	height:30px;
	overflow:hidden;
	float:right;
	margin:2px;
	position:relative;
}

.figurepopup-minimized-container:hover {
	border:1px solid blue;
	cursor:pointer;
}

.figurepopup-minimized-icon {
	width:30px;
	height:30px;
}

.figurepopup-minimized-number {
	position:absolute;
	/*
	font-size:200%;
	left:0;
	bottom:0;
	right:0;
	text-align:center;
	opacity:.5;
	filter: alpha(opacity=50);
	font-weight:bold;
	font-family:Times New Roman;
	*/
	left:2px;
	top:0;
	font-size:75%;
	
}

.figurepopup-minimized-container:hover .figurepopup-minimized-number {
	/*
	opacity:.1;
	filter: alpha(opacity=10);
	*/
	opacity:.4;
	filter: alpha(opacity=40);
}

/* */

.figure-preview-container {
	position:absolute;
	width:200px;
	height:200px;
	border:1px solid gray;
	background:white;
	overflow:hidden;
}

.figure-preview-container img {
	width:200px;
	height:200px;
}

.figure-preview-container .figure-number {
	position:absolute;
	top:0;
	left:.2em;
	/*padding:.5em 1em;*/
	/*padding:.1em;*/
	background:white;
	font-size:200%;
	font-family:Times New Roman;
	opacity:.4;
	filter: alpha(opacity=40);
}

/* */

.figure-restored-container {
	position:absolute;
}

.waiting-list-form {
	margin:0 auto 3em auto;
	display:block;
	width:16em;
}

.waiting-list-form textarea {
	height:5em;
}


/* Monospace font */

.welcome-banner,
#session-output-div,
#command-input-text {
	font-family: 'InconsolataMedium', Courier New, monospace;
	font-size: 12pt;
}

.engine-log-content {
	font-family:'ProggyCleanSZ';
	font-size:12pt;
}

.script-contents pre {
	font-family: 'InconsolataMedium', Courier New, monospace;
	font-size:11pt;
}

.file-truncation-message {
	background:maroon;
	color:white;
	margin-top:1em;
	padding:.5em;
	font-family:arial;
	font-size:120%;
}

.ifadmin {
	background:yellow url(../images/ifadmin-background.png);
	border:1px dashed #dfac1e;
	padding:.2em;
	position:relative;
}

#userbar .ifadmin {
	display:inline;
}

.button-select-elem {
	position:relative;
}

.button-select-elem a {
	display:block;
	float:left;
	background:#ddd;
	border:1px solid gray;
	padding:.6em;
	margin:.3em;
	color:#222;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.button-select-elem a:hover {
	background:#ccc;
}

.button-select-elem a.selected {
	background:#c3d9ff;
	border:1px solid #93b4d9;
	border:1px solid #3582d9;
}

.button-select-elem a.disabled {
	background:#eee;
	color:#aaa;
	border:1px solid #ccc;
	ttext-decoration:line-through;
}

.waiting-list-row-waiting {
	bbackground: #eee;
}

.waiting-list-row-invited {
	background: #cfc;
}

.waiting-list-row-signed_up {
	background: #bcf;
}

.sortable-table-header-row th {
	cursor:pointer;
}

.sortable-table-arrow {
	width:7px;
	height:7px;
	display:block;
	float:right;
	margin:4px;
}

.sortable-table-arrow-up {
	background:url(../images/sort-transparent-up.png);
}

.sortable-table-arrow-down {
	background:url(../images/sort-transparent-down.png);
}

.sortable-table-arrow-active-up {
	background:url(../images/sort-up.png);
}

.sortable-table-arrow-active-down {
	background:url(../images/sort-down.png);
}

#charts-container .date-start-end {
	font-size:.8em;
	width:800px;
	text-align: center;
}