.CodeMirror {
  /* Set height, width, borders, and global font properties here */
	font-family: monospace;
	/*width: 1000px;*/
	height: 750px;
	/*height:auto;*/
	font-size: 15px;

	font-style: normal;
	font-weight: bold;
	text-align: left;  

	box-shadow: 10px 10px 16px #12131F;	
}

body
{
	background-color:#2E304D;

	/* font-family: Palatino, arial, sans-serif; font-size: 14px; color: #000000; */

	/*font-family: 'Simonetta', cursive;*/

	font-family: 'Rambla', sans-serif;

	font-size: 18px; color: #A9FFC8; 
}

a:link {
color: #8295F8;
}

/* visited link */
a:visited {
color: #AAE5F8;
}

/* mouse over link */
a:hover {
color: #FF00FF;
}

/* selected link */
a:active {
color: #0000FF;
}

#shader_links_container
{
	clear:both;
}

#page_links
{
	clear:both;
}

.shader_link
{
	float:left;
	border-style: solid;
	border-color: #000000;
	background-color:#252241;
	border-width: 2px;

	padding:4px;
	margin:16px;

	box-shadow: 10px 10px 16px #12131F;	
}

.shader_thumbnail
{
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
	padding:0px;
	margin:0px;
	width:320px;
	height:240px;
	background-color:#070130;
}

#container 
{ 
	position: relative; 

	margin: 0 auto; 

	text-align: left;  
}

#outer_header
{
	margin-bottom: 16px;	
}

#header
{
	/*background: linear-gradient(#262244, #070130);*/

	box-shadow: 10px 10px 16px #12131F;		
	border-style: solid;
	border-color: #000000;
	border-width: 2px;	
	border-radius: 16px;


}

#title 
{

	background-color: #262244;

	padding-left: 64px; 
	padding-right: 64px; 	
	font-size: 32px;  color: #A9FFC8;
	font-style:italic;
	padding-top:8px;
	padding-bottom:8px;	

	border-top-left-radius: 16px;	
	border-top-right-radius: 16px;	
}

#banner_links
{
	background-color:#070130;

	padding-left: 64px; 
	padding-right: 64px; 

	padding-top: 4px;
	padding-bottom: 4px;

	border-bottom-left-radius: 16px;	
	border-bottom-right-radius: 16px;	
	/*margin-bottom: 16px;	*/

/*
	box-shadow: 10px 10px 16px #12131F;		
	border-style: solid;
	border-color: #000000;
	border-width: 2px;	*/
}

#banner_links_A 
{ 
	float: left; 
}

#banner_links_B
{ 
	float: right;
}

#content_body
{
	clear: both;
}

#left_content
{
	float: left;
	margin-left: 48px; 
	margin-right: 24px; 
}


#right_content
{
	/*float: right;*/

	margin-right: 48px; 
}

#main_content
{
	margin-left: auto; 
	margin-right: auto; 	
	max-width: 1500px;	
}



#login
{
	margin-top: 128px;

	clear: both;
	margin-left: auto;
	margin-right: auto;

	max-width: 1024px;
}

/*
.login_input
{
	background-color:#B8B6CA;

	box-shadow: inset 5px 5px 16px #838194;
	
	border: 1px;	
	border-style: solid;
	border-color: #000000;	
}
*/

#left_login
{
	float: left;
}


#right_login
{
	float: right;
}

#footer_padding
{
	clear:both;
}

#footer
{
	font-style:italic;

	background-color:#070130;

	margin-top: 256px;
	margin-left: 256px;
	margin-right: 256px;

	padding-left: 64px; 
	padding-right: 64px; 

	padding-top: 4px;
	padding-bottom: 4px;

	border-top-left-radius: 16px;	
	border-top-right-radius: 16px;	
	border-bottom-left-radius: 16px;	
	border-bottom-right-radius: 16px;	

	/*padding-top:256px;*/

	clear:both;
};

.class_form
{
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
	border-radius: 16px;

	margin:16px;	

	/*margin-right: 128px; */

	box-shadow: 10px 10px 16px #12131F;	
}


.class_form_header
{
	padding:16px;
	border-top-left-radius: 16px;	
	border-top-right-radius: 16px;	

	background-color:#252241;
}

.class_form_title
{
	padding:0px;
	font-size: 24px;
	font-style:italic;
}

.class_form_body
{
	padding:16px;
	background-color:#070130;

	border-bottom-left-radius: 16px;	
	border-bottom-right-radius: 16px;	
}

#description
{
	font-style:italic;
	font-size: 24px;
}

#background
{
	background-color:#e0e0e0;

	/* background: url('Images/TreeBackground.svg'), url('Images/ParchmentBack.jpg'); */
	background-repeat:no-repeat, repeat;
	background-size:1024px, auto;	

	background-position:left top;
	background-attachment:scroll;
	/*background-size:cover;*/
}

#save_form
{
	/*float: left;*/
	/*margin: 64px;*/ 

	position: relative; 
}

#shader_controls
{
	/*float: left;*/
	/*margin: 64px;*/ 

	position: relative; 
}

#effect
{
	/*margin-top:24px;*/
	/*margin-bottom:16px;*/

	/*margin-left:128px;*/
	/*margin-left:112px;*/

	border: 2px solid #070130; 
	width: 640px;
	height: 480px;

	/*float: left;*/

	/*border:16px;*/

	box-shadow: 10px 10px 16px #12131F;	
}

.compile_error
{
	background-color: #ff3030;
	color: #ffffff;
}

.success 
{
	color: #00ff00; 
}

.error 
{
	color: #ff0000; 
}

.page_link_button
{
	border: 2px solid #000000;
	background-color: #262244;

	margin: 4px;
	padding: 8px;
	border-radius: 8px 8px 8px 8px;
}

.page_link_button_disabled
{
	border: 2px solid #000000;
	background-color: #262244;

	margin: 4px;
	padding: 8px;
	border-radius: 8px 8px 8px 8px;
}

/*
#dialog
{
	position: absolute;
	border: 2px solid #070130;
}
*/

/*
.class_dialog_button_ok,.class_dialog_button_cancel,.class_dialog_button_close {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #3866A3;
    padding: 9px 18px;
    text-shadow: 1px 1px 0px #5E5E5E;
    -webkit-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
    -moz-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
    box-shadow: inset 1px 1px 0px 0px #BEE2F9;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #468ccf 5%, #63b8ee 100%);
    background: -moz-linear-gradient(90deg, #468ccf 5%, #63b8ee 100%);
    background: -ms-linear-gradient(90deg, #468ccf 5%, #63b8ee 100%);
    background: linear-gradient(180deg, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#63b8ee",endColorstr="#468ccf");
}

.class_dialog_button_ok:hover, .class_dialog_button_cancel:hover, .class_dialog_button_close:hover {
    background: -webkit-linear-gradient(90deg, #63b8ee 5%, #468ccf 100%);
    background: -moz-linear-gradient(90deg, #63b8ee 5%, #468ccf 100%);
    background: -ms-linear-gradient(90deg, #63b8ee 5%, #468ccf 100%);
    background: linear-gradient(180deg, #468ccf 5%, #63b8ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#468ccf",endColorstr="#63b8ee");
}

.class_dialog_button_ok:active, .class_dialog_button_cancel:active, .class_dialog_button_close:active {
    position:relative;
    top: 1px;
}
*/


.class_clear_float
{
	clear:both;	
	padding:0px;	
}

#id_centre_screen
{
	left:50%;
	top:50%;
	position:fixed;
}