body {
	background:#FFFFFF none repeat scroll 0%;
	margin:0pt;
	min-width:610px;
	padding:0pt;
	font-family: Verdana;
}

.documentation .code_caption pre, .documentation div.code_caption img {margin-bottom:0px;}
.highlight { background-color:#FFFFCC; }
.html_key { color:#7F3300; }
.plugins { list-style: none; }
.plugin a, .plugin { font-weight:bold; text-decoration:none;color:Blue; }
.plugin a:hover { text-decoration:underline; }
.feature_content pre, .feature_content ul, div.feature_right { float:right;width:340px; }
.feature_content { height:150px; }
span.stress { text-decoration:underline; }
a.home_link { color:Blue;text-decoration:underline; }
.disclaimer { text-align:center;margin-bottom:0px;color:#666666;font-size:11px; }
.footnote { margin-bottom:0px;color:#666666;font-size:11px; }
.disclaimer a { color:blue; }


.feature_content pre {font-size: 10pt;margin-top: 0px; margin-bottom: 10px;}

.feature_content h3 a, h3.inside {
	color: #8FBA3C;
	text-decoration: none;
}
.feature_content h3 a:hover {
	text-decoration: underline;
} 

#header, #footer {
	background:#324b13 url(../images/header_background.png) repeat-x scroll center top;
	border-bottom:1px solid #A1A6B1;
	height:40px;
	position:relative;
	z-index:1;
}

#demo_iframe {
	height:0px;
	width:0px;
}

#tinymce iframe {
	margin:0px 40px 20px;
}

#tinymce_init { 
	width: 400px;
	height: 300px;
}

#tinymce {
	left: 150px;
}

#navigation {background-color: #f2f2f2; height: 20px;}
#navigation div {color: Gray; font-size: 8pt; padding-left: 80px;padding-top: 3px;}

.width {
	position:relative;
	margin:0pt auto;
	max-width:960px;
}
#inner_calendar img, #places img {
	border: 0px;
}

#header ul, #footer ul {
	border-left:1px solid #6e8f2e;border-right:1px solid #2e3b13;
	list-style-image:none;list-style-position:outside;list-style-type:none;
	margin:0pt;padding:0pt;
	position:absolute;top:0pt;right:20px;
}

#contactus p {
	padding: 5px 0px;
}

#header li, #footer li {
float:left;
display: block;
margin:0pt;
padding:0pt;
}

.overview li {
	line-height:normal;
	margin: 0px 40px 0px 60px; 
}

#jmvc, .jmvc {color: white; text-decoration: none; top: 10px; position: relative;left: 20px;} 

.api #header .width {max-width: 100% }


#header ul a, #footer ul a {
	border-left:1px solid #2e3b13;
	border-right:1px solid #6e8f2e;
	padding:12px 10px 9pt;
	height:16px;
	color: white;
	display: block;
	float: left;
	font-family: verdana;
	text-decoration:none;
	font-size: 10pt;
	
}
#footer {margin-top: 20px; clear: both;}
#header a:hover, #footer a:hover {text-decoration:underline;}

.banner {
	border-top: solid 1px #8fba3c; 
	border-bottom: solid 1px #8fba3c;
	background: #d5e7b3; margin-top: 40px;
	height: 80px;
	margin-bottom: 20px;
}
.title_banner {
	height: 120px;
}

#title {margin-top: 20px;}
#title {margin-bottom: 40px;}
#title_section {
	float: right; 
	padding: 5px 42px 5px 0px; 
	font-size: 23px; 
	width: 400px;
	position: relative;
}
#title_section label{ text-align: center; display: block; }
.single_line {margin-top: 20px;}

h3, label, .logos {font-size: 23px; font-weight: normal;}

h3 {margin:0px 0px 7px 40px; padding:0px; line-height: 20px; padding-top: 5px;}

form, p, ol {font-size: 11pt; margin: 0px 40px 20px 40px; padding:0px;}
ol {margin-left: 60px;}
ol li {margin-bottom: 10px;}

#download {
	background-image: url(../images/download.png);
	display: block;
	width: 405px;
	height: 85px;
	margin-left: 40px;
	color: white;
	text-decoration: none;
	font-size: 15pt;
}
#download * {padding-top: 20px;padding-left: 20px; display: block;}
#download .label { font-size: 10pt; color: black; padding-top: 0px;}

#jupiterit_logo {
	border: 0px;
	padding-left: 20px;
}
#tedbenson_logo {
	border: 0px;
	margin-left: 40px;
}
h1 {
	margin:0px 0px 0px 40px; padding:0px;
	font-size: 40px;
	font-weight: normal;

	 
	line-height: 60px;}
	
	h1.normal {letter-spacing: 0px;}
	
h2  {margin:0px; margin-left: 40px;padding:0px; font-size: 8pt;font-weight: normal; color: #556f24;}
h2 a{color: #556f24; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: blue;}

.right_column {float: right; width: 480px;}
.right_column div {}
.right_column div img{margin-left: 40px; }
.right_column a img, .right_column div img { border: none }
div.right_column pre {margin-left:0px;width:370px;}
.left_column {width: 480px; }
.error {color: red;}

#showcase_banner div, #insider div, #get_started div {text-align: center;font-size: 40px;margin-top: 15px;}
#insider, #showcase_banner {margin-bottom: 0px;}


#tutorial {margin-left: 20px; margin-right: 20px;}
.article h2, .article h3{
	margin: 30px 0px 0px 0px;
	padding: 0px 20px 15px 20px;font-size: 23px;  font-weight: normal;
	background-image: url(../images/underline.png);
	background-repeat: repeat-x;
	background-position: bottom center;
}
h4.first {margin-top: 0px;}
.article h2, .article h3{ padding-left: 40px;}
.article h3 {font-size:20px;padding-bottom: 0px; margin-bottom: 20px;}

#tutorial p {
	margin: 0px 20px 10px 20px;
	width: 420px;
}
#tutorial p img {float:left; height: 25px; padding-bottom: 10px; width:25px; margin-right: 10px;margin-top: 5px;}

h5 {
	margin-top: 5px;
	margin-bottom: 10px;
}

.right_side pre.code_caption {
	margin-bottom:0px;
}

div.image img {
	margin-bottom: 0px;
}

div.image {
	margin-left:40px;
}

table.learn {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
	margin:0px 40px 20px;
}
table.learn th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
}
table.learn td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
}

.caption {
	font-size:9pt;
	font-family: "Arial Narrow", Arial;
	text-align: center;
	margin-bottom:10px;
}

.caption a {
	text-decoration: none;
	color: blue;
}
.caption a:hover {
	text-decoration: underline;
}

.logo_banner {
	margin: 0px;
}
.logo_banner ul {
	margin: 0pt auto;
	position: relative;
}
li.label {
	width: 180px;
}
#highlights {
	width: 45%;
}
.logo_banner li {
	display:block;
	float:left;
	margin:0pt;
	padding:0pt;
	padding-left: 40px;
	bottom: -10px;
	position: relative;
}
#examples {margin-top: 10px; margin-left: 40px;}
#examples a {
	text-decoration: none; font-size: 18px; display: block;  line-height: 17px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-left: 60px;
	height: 40px;
	width:340px;
}


#examples a img {float:left; margin-right: 20px;}
#examples label {display: block; font-size: 12pt; margin-top: 5px; color: #bfbfbf}

ul {margin-left: 20px; margin-top: 10px;}
ul ul {margin-top: 0px; margin-bottom: 10px; font-size: 9pt;}

pre {margin-left: 40px; }
.comment, .console_output {color: green;}
.attribute, .data {color: red;}
.string_output {color:red;}
.bracket {font-size: 22px; width:20px;}
.string, #data div span  {color: Gray;}
.clear {clear:both;}
.key {color: #800080; }
.magic {background-color: #fff7d7;}
.console { color: blue;}
.this {color: rgb(0,0,192);}
span.error {background-color: Orange}


.article pre, .code, .api pre, .documentation pre { 
	border: solid 1px #D5E7B3; 
	margin: 10px 40px 10px 40px; 
	padding: 10px; background-image: url(../images/pattern.png);
}
div.image_frame { width:340px;float:right; }
div.image_frame img { margin-top:0px; }
.feature_content pre, div.image_frame {
	border: solid 1px #D5E7B3; 
	padding: 10px; background-image: url(../images/pattern.png);
}
.right_side .contributor * {font-size: 12pt; line-height: 150%;}

#padawan .contributor {line-height: 100%;}

.contributor img {
	padding: 10px;background-image: url(../images/pattern.png);
	border: solid 1px #D5E7B3; float:left;
	margin-right: 20px;
}
.right_side .contributor h3 {
	margin-bottom: 10px;
    margin-top: 0px;
}

pre.signiture {border: solid 1px #e7b3b3; padding: 0px 0px 0px 5px;}

.article p {margin-bottom: 10px; }
.article ol {margin-left: 60px;}
.article ol p, .article ol pre {margin-left: 0px; margin-top: 10px;}
.article {width: 600px;}

.navigation a {text-decoration: none;}
.navigation a:hover {text-decoration: underline;}

/*things added for demo */


#calendar_content {
	margin: 10px 20px 10px 20px;
	padding-top: 10px;
}
#calendar_content p {
	font-size: 8pt; margin: 1pt; padding:0px;
}
div.abstract {
	width: 725px;
	left: 65px;
}
h6 {margin: 0px; padding: 0px; font-size: 40px; text-align: center; height: 50px;}
#calendar_content img {position: absolute;}
img.close {position:absolute; right:20px; }
#calendar_content div#events_controller {width: 100%; margin-top: 20px;margin-bottom: 20px; font-size: 9px;}
#events_container span {color: Gray}
#events_container label {color: #008000; font-weight: bold; font-size: 8pt;}
#calendar_content p {background-color: #fff3c3;}
#calendar_content .future {background-color: transparent;}

#places img {position: absolute;}
#flashcontent {
	margin: 0pt 0pt;
}

#events_container div {
  float: left;
  width:25%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.writing {padding-top: 5px;}
.writing p {margin-bottom: 10px;}


.showcase img {
float:left;
margin-right:20px;
}
.showcase a {
display:block;
font-size:12pt;
font-weight:bold;
}
.showcase h4 {
display:block;
font-size:10pt;
font-weight:bold;
margin:0px;
}
.showcase p {
font-size:10pt;
margin:0px;
}
.showcase div {
margin-bottom:20px;
}
#_COMPRESS textarea  {width: 400px; margin-left: 40px; margin-bottom: 40px;}
#_COMPRESS p {background-image: url(../images/pattern.png); padding: 20px; border: solid 1px #D5E7B3; margin-bottom: 40px;}

.center {text-align: center;}


.api {background-image: url(../images/side_background.png); background-repeat: repeat-y;}
.left_side {float:left;width: 260px; margin-top: 20px;}
.right_side {margin-left: 300px;}
.left_side h3 {margin:0px 0px 0px 20px; padding:0px; font-size: 15pt; color: #8FBA3C;}
#content {text-align:left;}

.right_side {margin-top: 20px; line-height: 8px;}

.right_side * {line-height: 120%;}

.right_side p, .right_side ol {line-height: 13pt;margin-right: 40px;}

.right_side h1 {margin-left: 0px;margin-bottom: 10px;}
.right_side h1 label {font-family:"Helvetica Neue",Arial;font-size:40px; color: #8FBA3C;}

.right_side h2 {
	margin: 40px 40px 10px 0px;font-size: 19pt;color: #8FBA3C; border-bottom: solid 1px #e5f0cf;line-height: 20pt;padding-bottom:5px;
}
.right_side h3 {font-size: 12pt;font-weight: bolder;margin: 10px 0px 0px 00px; color: #556F24; letter-spacing: 1px;}

.right_side h1, .right_side h2,.right_side h3,.right_side h4 {font-family: "Helvetica Neue",Arial}
.right_side h4, .grayed {margin: 0px 0px 10px 40px; font-size: 12pt;color: #808080; line-height: 100%;}

.right_side pre {padding:5px;font-family:Monaco,Consolas,"Lucida Console",monospace;
font-size:92%;line-height: 13pt;
margin-right: 40px;
}
.right_side .examples pre{font-size:100%;}


#code, .solid_block{
	border: solid 1px #e5f0cf; 
	background-color: #D5E7B3; padding:5px; margin-left:40px; margin-right:40px;margin-bottom: 20px;
	line-height:120%;
}
.solid_block h3 {margin-top: 0px;}
.solid_block h4 {margin-left: 0px;}
a.demo_link, a.demo_link:visited {
color: Blue; font-size:12pt;text-decoration: none; border-bottom: solid 1px #e5f0cf;	font-weight: bold;
}
#code a, a.related, #code a:visited{ color: Blue; font-size:9pt;text-decoration: none; border-bottom: solid 1px #e5f0cf;
font-weight: bold;
}
#code a:hover, a.related:hover, a.demo_link:hover,  {text-decoration: underline; border-bottom: none;}
#code h3 {margin:5px 0px 0px 0px; padding:0px;}



.param {margin-left:40px; margin-right:40px;line-height:12pt; font-size: 10pt;margin-bottom:10px;}
.param label {
color:#808080;
font-size:10pt;
margin:0px 0px 0px 0px;
font-weight: bold;

}
.param .option{margin-left:40px;}
.param .option label {font-size: 9pt;font-style: italic;font-weight: normal;}

.param .default label {color: #BB7711;}
span.default {color: #BB7711;}

.options {text-align: left;margin-left:40px;margin-right: 40px;line-height: 150%;
	
}
.options td {vertical-align: top; font-size: 10pt;padding:3px;border-bottom:1px solid #EEEEEE;line-height: 150%;}
.options th {
	font-family:"Helvetica Neue",Arial,sans-serif;border-bottom:1px solid #EEEEEE;font-size:70%;
	
}

h3.plugins_title {color:#8FBA3C;
font-size:15pt;
margin:0px 0px 0px 20px;
padding:0px;}

.description {margin: 0px 0px 0px 40px;}

#sidebar h3 {color:#8FBA3C;	font-size:15pt;	margin:0px 0px 0px 20px;padding:0px;font-family:Verdana;font-weight: normal;}
		
#sidebar ul {
	list-style: none;
	margin: 20px;padding: 0px;
	border-top:1px solid #6E8F2E;
}
#sidebar li {margin: 0px;
	background-color: #D5E7B3;
	
	
	border-bottom:1px solid #6E8F2E;
	
	padding-left:10px;
	padding-top: 4px;
	padding-bottom: 4px;
	/*background-image: url(../images/button_background.png);
	border-left:1px solid #6E8F2E;
	
	border-right:1px solid #2E3B13;
	*/
}
#sidebar .selected {
	background-color: #8fba3c;
}
#sidebar div {float: right;margin-right: 5px;}
#sidebar div a, #sidebar div a:visited {
	color: #6E8F2E;
}

#sidebar div a:hover {
	color: Blue;
}

#sidebar a.selected, #sidebar a.selected:visited {
	text-decoration: underline;
	color: black;;
}


#sidebar a, #sidebar a:visited {
	font-size: 9pt;
	font-weight: bold;
	font-family:Verdana; text-decoration: none; color: blue;
}

#sidebar a:hover {border-bottom: solid 1px #556F24}


.added_by {float: right; font-size: 9pt;margin-right: 40px;margin-top:5px;
	background-image: url(../images/add.png);
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
	
}
.added_by a {text-decoration: none;}

ul {font-size: 11pt;}


#inside {height: 250px;}
/*homepage crap*/
.slider_top {
	background-color: rgb(233,233,164);
	background-image: url(../images/inside_bottom.png);
	margin-left: 40px;
	margin-top: 0px;
	width: 860px;
	height: 40px;
	color: black; font-size: 23px;
	padding-left: 20px; padding-right: 0px;
}
.slider_top div {
    margin-right: 0px; float: left; 
    padding: 0px 5px 0px 10px;
	letter-spacing: -1px;
	height: 35px;
	margin-top: 5px;
}
.slider_top div.selected{
	background: url(../images/home/new_left.png);
	background-repeat: no-repeat;
}

.slider_top div span {
	height: 30px;
	padding-bottom: 2px;
	cursor: pointer;
}

.slider_top div.selected span {
	background-color: white;
}

.slider_top div.selected span.special {
	background: url(../images/home/right.png);
	width: 10px;
    background-repeat: no-repeat;
}
.slider_middle {
	margin: 0px;
	padding: 0px;
	height: 230px;
	overflow: hidden;
}

.slider_middle img {float: right;margin-top: 10px; position: relative;}

.slider_middle p {width: 360px;}
.feature_content {margin-left: 40px; margin-right: 80px; padding-top: 20px; padding-bottom:20px;}

.slider_bottom {background-image: url(../images/home/bottom.png);
	margin-left: 40px;
	width: 880px;
	height: 20px;
}
#f-it_button, #commentit_button, #traffik_button, #damnit_button {
	margin-right:75px;
	padding-left: 50px;
	background-repeat: no-repeat;
}
#f-it_button {
	margin-left:30px;
	background-image: url(../images/home/fit.png);
}

#f-it_button.selected {
	background-image: url(../images/home/fitselected.png);
	padding-left: 50px;
	
}	
#commentit_button {
	background-image: url(../images/home/comment.png);
	margin-right:0px;
}
#commentit_button.selected {
	background-image: url(../images/home/commentselected.png);
}	

#traffik_button {
	background-image: url(../images/home/traffik.png);
}
#traffik_button.selected {
	background-image: url(../images/home/traffikselected.png);
}

#damnit_button {
	padding-left:35px;
	background-image: url(../images/home/damnit.png);
}
#damnit_button.selected {
	background-image: url(../images/home/damnitselected.png);
}

.inside_component {clear: both}
p.file_title { font-weight: bold;margin-bottom:10px; }

div.example_right { float:right;width:360px; }
div.example_right pre, div.example_right img { margin:0px 40px 0px 10px; }
div.example_right .caption { width:300px; }
div.example_right pre, div.right_side pre { font:9pt Verdana;line-height:135% }

.emphasis_1 {color:Blue;}
.emphasis_2 {color:Green;}


.left_side iframe {float: left; margin-left: 20px; margin-top: 40px;}

#donate { margin-top:2px;position:relative; }
#donate .donate_submit { background-color:#e5e591;border:1px solid #e9e9a4;
	cursor:pointer;float:right;margin-right:10px;text-decoration:none;
	color:#666666;position:relative;bottom:-1px;font-size:11px;padding:2px 7px; }
#donation_amount, .donation_amount {width: 23px; font-size: 11px; font-family:Verdana;
text-align: center;color:#666666;}
#donation_amount_homepage {width:40px; font-size: 11px; font-family:Verdana;
text-align: center;color:#666666;}
#donation_amount, .donation_amount, x:-moz-any-link {position:relative;bottom:-1px;padding:1px 2px 0px 0px;}