/**
 * $Project: Codebase $
 * 
 * Codebase - code repository & fast collaboration tool
 * http://codebase.bumuckl.com/
 * http://www.bumuckl.com/
 *
 * This file copyright (C) 2009 by bumuckl
 * 
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the Affero General Public License 
 * Version 1 or any later version.
 * 
 */
 
html {
	width:100%;
}
 
body {
	width: 100%;
	height: auto;
	
	margin: 0px;
	padding: 0px;
	
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #333333;
	
	background-color: #ffffff;
	background-image: url(body_background.png);
	background-position: 0px 0px;
	background-repeat: repeat;
}



/*General CSS Styling */

	a, a:active, a:visited {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight:bold;
		text-decoration: underlined;
		color: #54592f;
	}

	a:hover {
		color: #333333;
	}

	ul {
		list-style-type: disc;
		
		padding: 0px;
		margin: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 12px;
	}

	li {
		padding: 5px;
		margin: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 12px;
	}

	h2 {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 17px;
		font-weight: bold;
		color: #333333;
		
		padding:0px;
		margin:0px;
	}
	
	h3 {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #333333;
		
		padding:0px;
		margin-top:10px;
		margin-bottom:0px;
	}

	small {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #444444;
		
		margin: 0px;
		padding: 0px;
	}
	
	input {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		padding:3px;
		color: #666666;

		border: 1px solid #999999;
		background-color:#dce3ad;
		
		width: 80%;
	}

	select {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		padding:3px;
		color: #333333;

		border: 1px solid #999999;
		background-color:#dce3ad;
		
		width: 80%;
	}
	
	pre {
		display:block;
		font: normal normal 1em/1.2em monospace; 
		margin:0px; 
		padding:0px; 
		background:none; 
		vertical-align:top;
		width: 100%;
	}
	
	img {
		margin: 0px;
		padding: 0px;
		
		border: none;
	}
	
	p {
		margin: 5px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
	}

/*Template Specific Styling */

/*NAVIGATION*/

	div#navigation {
		width: 100%;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		text-align: center;
		
		background-color: #ffffff;
		background-image: url(topbar_background.png);
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}
	
	div#navigation ul {
		width: 295px;
		list-style-type: none;
		
		margin: 0px auto;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 48px;
	}

	div#navigation ul li {
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 48px;
	}
	
	div#navigation a {
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 48px;
		
		float:left;
		background-image: url(sprites.png);
	}
	
	div#navigation a.home {
		width: 99px;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: 0px -347px;
		background-repeat: no-repeat;
	}
	
	div#navigation a.home:hover {
		width: 99px;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -100px -347px;
		background-repeat: no-repeat;
	}
	
	div#navigation a.sitemap {
		width: 111px;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: 0px -396px;
		background-repeat: no-repeat;
	}
	
	div#navigation a.sitemap:hover {
		width: 111px;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -112px -396px;
		background-repeat: no-repeat;
	}
	
	div#navigation a.faq {
		width: 85px;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: 0px -298px;
		background-repeat: no-repeat;
	}
	
	div#navigation a.faq:hover {
		width: 85px;
		height: 48px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -86px -298px;
		background-repeat: no-repeat;
	}
	
/*HEADER*/	

	div#header {
		width: auto;
		height: 144px;
		
		margin: 10px;
		margin-right: 20px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		text-align: center;
		
		background-color: #dce3ad;
	}
	
	div#header span {
		height: 144px;
	
		margin: 0px;
		padding: 0px;
		
		float:left;
	}
	
	div#header span.logo {
		width: 338px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		
		background-color: #a50000;
		background-image: url(sprites.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	div#header span.ads {
		width: auto;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		
		background-color: #dce3ad;
		background-image: none;
	}
	
/*CONTENT*/

	div#content {
		width: auto;
		height: auto;
		
		margin: 20px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		
		background-color: #ffffff;
		background-image: url(sprites.png);
		background: none;
	}
	
/*SUBNAVIGATION*/

	div#subnavigation {
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		text-align: center;
		
		background-image: url(subnav_background.png);
		background-repeat: repeat-x;
	}
	
	div#subnavigation ul {
		display: inline;
		list-style-type: none;
		
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 50px;
	}

	div#subnavigation ul li {
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 50px;
	}
	
	div#subnavigation a {
		margin: 0px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		
		line-height: 50px;
		
		float:left;
		background-image: url(sprites.png);
	}
	
	div#subnavigation a.add_code {
		width: 114px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: 0px -145px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_code:hover {
		width: 114px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -230px -145px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_code_active {
		width: 114px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -115px -145px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_math {
		width: 115px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: 0px -196px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_math:hover {
		width: 115px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -232px -196px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_math_active {
		width: 115px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -116px -196px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_plot {
		width: 115px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: 0px -247px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_plot:hover {
		width: 115px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -232px -247px;
		background-repeat: no-repeat;
	}
	
	div#subnavigation a.add_plot_active {
		width: 115px;
		height: 50px;
		
		margin: 0px;
		padding: 0px;
		
		background-position: -116px -247px;
		background-repeat: no-repeat;
	}
	
/*SUBMISSION AREA*/

	div#submission {
		margin: 0px;
		margin-left: 1px;
		padding: 0px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		
		background-image: url(submission_background.png);
		background-repeat: repeat;
	}
	
	div#submission div.left {
		width: 70%;
		padding: 0px;
		margin: 0px;
		
		float:left;
	}
	
	div#submission div.full {
		width: 100%;
		padding: 0px;
		margin: 0px;
		
		float:left;
	}
	
	div#submission div.right {
		width: 30%;
		padding: 0px;
		margin: 0px;
		
		float:left;
	}
	
	div#submission div.clear {
		clear: both;
	}
	
	div#submission div.margin_regulator1 {
		margin: 10px;
	}
	
	div#submission div.margin_regulator1_math {
		margin: 10px;
	}

	div#submission div.margin_regulator2 {
		margin: 10px;
		margin-top: 0px;
		padding: 0px;
		padding-bottom: 0px;
		background-image: url(body_background.png);
	}
	
	div#submission div.margin_regulator2_codedisplay {
		margin: 10px;
		padding: 0px;
		padding-bottom: 10px;
		background-image: url(body_background.png);
	}
	
	div#submission div.margin_regulator2_codedisplay2 {
		margin: 10px;
		padding: 0px;
		padding-bottom: 2px;
		background-image: url(body_background.png);
	}
	
/*LEFT AREA*/

	textarea.insert {
		width: 100%;
		height:300px;
		
		border: 1px solid #999999;
		background-color:#dce3ad;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		padding:3px;
		color: #666666;
		margin:0px;
	}
	
	div#submission div.margin_regulator1_math select {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		padding:3px;
		color: #333333;

		border: 1px solid #999999;
		background-color:#dce3ad;
		
		width: 150px;
		float:left;
		margin: 5px;
	}
	
/*RIGHT AREA*/


	
	/*INFO BLACK*/

		div#info_black {
			width: 100%;
			height: 48px;
			
			margin: 0px auto;
			padding: 0px;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 15px;
			color: #333333;
			text-align: center;
			
			background-color: #ffffff;
			background-image: url(infos_top_background.png);
			background-position: 0px 0px;
			background-repeat: repeat-x;
		}
		
		div#info_black ul {
			width: 90px;
			height: 48px;
			list-style-type: none;
			
			margin: 0px auto;
			padding: 0px;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 12px;
			font-weight: normal;
			
			line-height: 48px;
		}

		div#info_black ul li {
			margin: 0px;
			padding: 0px;
			
			width: 90px;
			height:48px;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 12px;
			font-weight: normal;
			
			line-height: 48px;
			
			background-image: url(infos_top_background_center.png);
		}
		
	/*FORM ITEM*/
	
		div.form_item {
			line-height: 25px;
			
			margin: 10px;
			margin-bottom: 0px;
			padding: 0px;
		}
		
		div.form_item div.recaptcha_nothad_incorrect_sol {
			margin: 0px auto;
			padding: 0px;
		}
		
		input.radio {
			font-family: Helvetica,Arial,sans-serif;
			font-size: 12px;
			padding:3px;
			color: #666666;

			border: none;
			background-color: none;
			
			width: auto;
		}	
		
		div.form_item_codedisplay {
			margin: 10px;
			padding: 5px;
		}
		
		div.label {
			width: 30%;
			height: 25px;
			line-height: 25px;
			float:left;
		}
		
		div.element {
			width: 70%;
			height: 25px;
			line-height: 25px;
			float:left;
		}
		
		div.label_codedisplay {
			width: 50%;
			float:left;
		}
		
		div.element_codedisplay {
			width: 50%;
			float:left;
		}
		
		div.submit {
			margin: 10px;
			padding: 0px;
			padding-bottom: 10px;
		}
		
		a.submit {
			display: block;
			height: 50px;
			width: auto;
			
			margin: 0px;
			padding: 0px;
			
			line-height: 50px;
			text-align: center;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 15px;
			font-weight: bold;
			
			border: 1px solid #afb866;
			background-color: #c4ce73;
			text-decoration: none;
		}
		
		a.submit:hover {
			display: block;
			height: 50px;
			width: auto;
			
			margin: 0px;
			padding: 0px;
			
			line-height: 50px;
			text-align: center;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 15px;
			font-weight: bold;
			
			border: 1px solid #afb866;
			background-color: #b4ce73;
			text-decoration: none;
		}
		
/*HIGHLITED AREA and CODE DISPLAY*/

	div.highlighted_code {
		width: 100%;
	
		margin: 0px;
		margin-top: 10px;
		padding: 0px;
		
		border: 1px solid #999999;
		background-color:#dce3ad;
	}
	
	div.highlighted_code_plot {
		width: 100%;
	
		margin: 0px auto;
		margin-top: 10px;
		padding: 0px;
		
		text-align: center;
		
		border: 1px solid #999999;
		background-color:#ffffff;
	}
	
	div.highlighted_code img {
		margin: 10px;
		padding: 0px;
	}
	
	div.highlighted_code li {
		margin: 0px;
		padding: 0px;
	}
	
	/*Highlighted Code 2*/
	
	div.highlighted_code2 {
		width: 100%;
	
		margin: 0px;
		margin-top: 0px;
		padding: 0px;
		
		border: 1px solid #999999;
		background-color:#dce3ad;
	}
	
	div.highlighted_code2 div {
		margin: 10px;
		padding: 0px;
	}
	
	/*Other*/
	
	div.address {
		margin: 10px;
		margin-left: 0px;
	}
	
	span.tags {
		margin-left: 10px;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	
	div.spacer {
		margin: 0px;
		padding: 0px;
		
		height: 10px;
	}
	
	textarea.insert_codedisplay {
		width: 100%;
		height:300px;
		
		border: 1px solid #999999;
		background-color:#dce3ad;
		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 12px;
		padding:3px;
		color: #666666;
		margin:0px;
		margin-top: 10px;
	}
	
	div.submit_codedisplay {
			margin: 10px;
			padding: 0px;
		}
		
		a.submit_codedisplay {
			display: block;
			height: 50px;
			width: auto;
			
			margin: 0px;
			padding: 0px;
			
			line-height: 50px;
			text-align: center;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 15px;
			font-weight: bold;
			
			border: 1px solid #afb866;
			background-color: #c4ce73;
			text-decoration: none;
		}
		
		a.submit_codedisplay:hover {
			display: block;
			height: 50px;
			width: auto;
			
			margin: 0px;
			padding: 0px;
			
			line-height: 50px;
			text-align: center;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 15px;
			font-weight: bold;
			
			border: 1px solid #afb866;
			background-color: #b4ce73;
			text-decoration: none;
		}
		
		div.share {
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #666666;
			
			border: 1px solid #a1ab52;
			background-color:#bfcf53;
		}
		
		div.share_text a {
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #026ca6;
			text-decoration: none;
		}
		
		div.dr_text a {
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			
			font-family: Helvetica,Arial,sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #d10707;
			text-decoration: none;
		}
		
		div.share_text input {
			font-family: Helvetica,Arial,sans-serif;
			font-size: 12px;
			padding:2px;
			margin: 0px;
			color: #1693d7;

			border: 1px solid #026ca6;
			background-color:#dce3ad;
			
			width: 80%;
		}
		
		div.dr_text input {
			font-family: Helvetica,Arial,sans-serif;
			font-size: 12px;
			padding:2px;
			margin: 0px;
			color: #d14343;

			border: 1px solid #d10707;
			background-color:#dce3ad;
			
			width: 80%;
		}
		
		div.share_divider {
			width: 50%;
			height: 70px;
			padding: 0px;
			margin: 0px;
			
			line-height: 37px;
			
			float:left;
		}
		
		div.share_button {
			display: block;
			width: 50px;
			height: 50px;
			
			margin: 10px;
			
			background-image: url(sprites.png);
			background-position: -232px -298px;
			background-repeat: no-repeat;
			
			float:left;
		}
		
		div.share_button:hover {
			display: block;
			width: 50px;
			height: 50px;
			
			margin: 10px;
			
			background-position: -283px -298px;
			background-repeat: no-repeat;
		}
		
		div.dr_button {
			display: block;
			width: 50px;
			height: 50px;
			
			margin: 10px;
			
			background-image: url(sprites.png);
			background-position: -232px -349px;
			background-repeat: no-repeat;
			
			float:left;
		}
		
		div.dr_button:hover {
			display: block;
			width: 50px;
			height: 50px;
			
			margin: 10px;
			
			background-position: -283px -349px;
			background-repeat: no-repeat;
		}
		
/*RENDER*/

	div#render {
		width: 100%;
		height: auto;
		

		
		font-family: Helvetica,Arial,sans-serif;
		font-size: 15px;
		color: #333333;
		
		background-image: url(submission_background.png);
		background-repeat: repeat;
	}
	
	div#render div.full {
		margin: 0px;
	}
	
	div#render div.full div.highlighted_code {
		margin-top: 10px;
	}

/*User Content */

.tool-tip {
	color: #666666;
	width: 300px;
	z-index: 13000;
	
	border: 1px solid #999999;
	background-color:#dce3ad;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #333333;
	padding: 8px 8px 4px;
	
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}
	
div.clear {
	clear: both;
}


.right {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color: #333333;
}



div#bottom {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	margin:20px;
}