/* To Generate ColourScheme.php?CSS=true */
.bNw, .valbNw { color: #FFFFFF; background-color: #555555; }.bNw .m { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .ai { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .ae { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .l { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .l span { color: #E6E6E6; }.bNw .ac { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .tm { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .tm span { color: #E6E6E6; }.bNw .pt { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .pt span { color: #E6E6E6; }.bNw .onm { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .h { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .ng { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .ng span { color: #E6E6E6; }.bNw .p_ { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.bNw .x_ { background-color: #FFFFFF; border-color: #BABABA; color: #000000; } .lovely, .vallovely { color: #FFFFFF; background-color: #FFFFFF; }.lovely .m { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .ai { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .ae { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .l { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .l span { color: #FFCACA; }.lovely .ac { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .tm { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .tm span { color: #FFCACA; }.lovely .pt { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .pt span { color: #FFCACA; }.lovely .onm { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .h { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .ng { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .ng span { color: #FFCACA; }.lovely .p_ { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; }.lovely .x_ { background-color: #FFFFFF; border-color: #FF0000; color: #FF0000; } .rainbow, .valrainbow { color: #006838; background-color: #FFFFFF; }.rainbow .m { background-color: #F9EC31; border-color: #FFFFFF; color: #444444; }.rainbow .ai { background-color: #652D90; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .ae { background-color: #2B388F; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .l { background-color: #006838; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .l span { color: #005E33; }.rainbow .ac { background-color: #009345; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .tm { background-color: #26A9E0; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .tm span { color: #239CCF; }.rainbow .pt { background-color: #8BC53F; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .pt span { color: #7EB436; }.rainbow .onm { background-color: #FAAF40; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .h { background-color: #F05A28; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .ng { background-color: #FA2912; border-color: #FFFFFF; color: #FFFFFF; }.rainbow .ng span { color: #E02410; }.rainbow .p_ { background-color: #FFFFFF; border-color: #FFFFFF; color: #444444; }.rainbow .x_ { background-color: #FFFFFF; border-color: #FFFFFF; color: #444444; } .weird, .valweird { color: #4D5D53; background-color: #CBCBCB; }.weird .m { background-color: #592720; border-color: #808080; color: #FFFFFF; }.weird .ai { background-color: #738678; border-color: #808080; color: #FFFFFF; }.weird .ae { background-color: #5B92E5; border-color: #808080; color: #FFFFFF; }.weird .l { background-color: #4D5D53; border-color: #808080; color: #FFFFFF; }.weird .l span { color: #65796B; }.weird .ac { background-color: #3B444B; border-color: #808080; color: #FFFFFF; }.weird .tm { background-color: #872514; border-color: #808080; color: #FFFFFF; }.weird .tm span { color: #B3311A; }.weird .pt { background-color: #F1868E; border-color: #808080; color: #FFFFFF; }.weird .pt span { color: #F7B4B9; }.weird .onm { background-color: #C19A6B; border-color: #808080; color: #FFFFFF; }.weird .h { background-color: #D29F28; border-color: #808080; color: #FFFFFF; }.weird .ng { background-color: #108070; border-color: #808080; color: #FFFFFF; }.weird .ng span { color: #16AE98; }.weird .p_ { background-color: #BEBEBE; border-color: #808080; color: #FFFFFF; }.weird .x_ { background-color: #BEBEBE; border-color: #808080; color: #FFFFFF; } .fresh, .valfresh { color: #80DCF8; background-color: #FFFFFF; }.fresh .m { background-color: #A8A7D0; border-color: #000000; color: #FFFFFF; }.fresh .ai { background-color: #FAC08F; border-color: #000000; color: #FFFFFF; }.fresh .ae { background-color: #FFF880; border-color: #000000; color: #444444; }.fresh .l { background-color: #80DCF8; border-color: #000000; color: #444444; }.fresh .l span { color: #50CEF6; }.fresh .ac { background-color: #EAEE91; border-color: #000000; color: #444444; }.fresh .tm { background-color: #86D8A5; border-color: #000000; color: #FFFFFF; }.fresh .tm span { color: #60CC89; }.fresh .pt { background-color: #91C1E2; border-color: #000000; color: #FFFFFF; }.fresh .pt span { color: #69ABD8; }.fresh .onm { background-color: #DB8F9B; border-color: #000000; color: #FFFFFF; }.fresh .h { background-color: #D0A9D0; border-color: #000000; color: #FFFFFF; }.fresh .ng { background-color: #DC8AB7; border-color: #000000; color: #FFFFFF; }.fresh .ng span { color: #D0629F; }.fresh .p_ { background-color: #FFFFFF; border-color: #000000; color: #000000; }.fresh .x_ { background-color: #FFFFFF; border-color: #000000; color: #000000; } .custom, .valcustom { color: #FFFFFF; background-color: #FFFFFF; }.custom .m { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .ai { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .ae { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .l { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .l span { color: #E6E6E6; }.custom .ac { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .tm { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .tm span { color: #E6E6E6; }.custom .pt { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .pt span { color: #E6E6E6; }.custom .onm { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .h { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .ng { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .ng span { color: #E6E6E6; }.custom .p_ { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }.custom .x_ { background-color: #FFFFFF; border-color: #BABABA; color: #000000; }

.fontA {
	font-family: 'Arial', Helvetica, sans-serif;
}

.fontT {
	font-family: 'Times New Roman', Times, serif;
}

.fontC {
	font-family: 'Courier New', Courier, monospace;
}

#Form_make fieldset {
	clear: right;
}

#preview {
	clear: right;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 40px;			
	overflow: hidden;
	/* Char size 103x103 */
/*	width: 1236px;*/
/*	height: 618px;*/
	background-color: transparent;
}

.line { 
	clear: both; 
	float: left;
	height: 103px;
}

/* element */
.elem {
	float: left;
	margin: 5px;
	padding: 3px;
	position: relative;
	width: 85px;
	height: 85px;
	overflow: hidden;
	text-align: center;
	border: 1px solid transparent;

/*	-webkit-border-radius: 10px;*/
/*	-moz-border-radius: 10px;*/
/*	border-radius: 10px;			*/
}
	/* element electrons */		
	.elem .e {
		position: absolute;
		width: 15%;
		text-align: right;
		font-size: 20%;
		right: 3px;
		top: 5px;
		padding: 0px;
		margin: 0px;
	}
	.elem .e li {
		display: block;
		list-style-type:none; 		
	}
	/* element info */
	.elem .i {
	}
	/* element symbol */
	.elem .s {
		position:absolute;
		top: 25px;
		left: 0px;
		width: 100%;
		line-height: 90%;
		font-weight: bold;
	}
	/* element atomic number */
	.elem .an {
		position:absolute;
		top: 2px;
		left: 0px;
		width: 100%;
		font-size: 45%;
	}
	/* element name, element atomic weight */
	.elem .n, .elem .aw {
		font-size: 25%;		
		position:absolute;
		left: 0px;
		width: 100%;
	}
	
	.elem .n {
		top: 62px;
	}
	
	.elem .aw {
		top: 73px;
	}

	.elem .s span {
	}
	
	.hide {
		display: none;
	}

.elem.space {
	border: 1px solid transparent !important;
	background-color: transparent !important;
}

/*#RightColumn {*/
/*	float: right;*/
/*}*/


#ColourSchemes {
	float: right;
}

/*#Text {*/
/*	float: right;*/
/*}*/



.shade { color: transparent; }

/*.l1, .l3, .l5 { margin: 0px 309px; }	.l4 { margin: 0px 515px; }	.l6 { margin: 0px 412px; }*/

/*.l1, .l3, .l5 { margin: 0px 360px; }	.l4 { margin: 0px 566px; }	.l6 { margin: 0px 412px; }*/

#previewFrame {
	border: 1px solid #575757;
	/*float: left;*/
	width: 100%;
}

#preview {
	
	text-align: center; 
}

#previewFrame .size-9 { font-size: 8%; }
#previewFrame .size-8 { font-size: 10%; }
#previewFrame .size-7 { font-size: 13%; }
#previewFrame .size-6 { font-size: 17%; }
#previewFrame .size-5 { font-size: 22%; }
#previewFrame .size-4 { font-size: 28%; }
#previewFrame .size-3 { font-size: 36%; }
#previewFrame .size-2 { font-size: 46%; }
#previewFrame .size-1 { font-size: 73%; }
#previewFrame .size0 { font-size: 100%; }
#previewFrame .size1 { font-size: 125%; }
#previewFrame .size2 { font-size: 157%; }
#previewFrame .size3 { font-size: 196%; }
#previewFrame .size4 { font-size: 245%; }
#previewFrame .size5 { font-size: 300%; }
#previewFrame .size6 { font-size: 375%; }
#previewFrame .size7 { font-size: 470%; }
#previewFrame .size8 { font-size: 588%; }
#previewFrame .size9 { font-size: 735%; }

#previewFrame .smaller {
	font-size: smaller;
}

#previewFrame .larger {
	font-size: larger;
}

#Form_make_t {
	width: 152px;	
	height: 100px;
	overflow-x: auto;
	overflow-y: auto;	
}

#Form_make_a, #ag {
	clear: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
#Form_make_a li, #Form_make_cs li {
	list-style-type:none; 
	float: left;
}

#Form_make_cs input {
	float: left;
}

#Form_make_cs li {
	margin: 3px 0px;
	padding: 3px 2px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#Form_make_cs div div {
	width: 11px;
	height: 11px; 
	line-height: 11px;
	text-align: center;
	display: block;
	float: left;
	margin: 1px;
}

#Form_make_cs .shade {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 100px;
  height: 20px;
  left: -13px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 17px;
  z-index: 0;
}

#Form_make_cs .char {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0px;
	left: 0px;
	text-align:center;
	line-height: 14px;
	z-index: 1;
}

#Form_make_cs {
	padding: 0px;
	margin: 0px;
}

#Form_make_cs label>div {
	width: 100%;
	height: 100%;
}


#Form_make_colours .elem {
	width: 35px;
	height: 35px;
	float: left;
}

#Form_make_colours .elem .s {
	top: 10px;
	font-size: 2em;
	font-weight: normal;
}


#Form_make_colours .colourSet {
	font-size: 75%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #CCCCCC !important;
	margin: 3px 0px;
	padding: 0px 3px;
}

#Form_make_colours .colourSet .field {
	width: 100px;
	float: right;
	clear: right;
	text-align: center;
}

#Form_make_colours .colourSet input {
	margin-bottom: 3px;
	font-size: 95%;
	width: 44px;
	float: right;
}

#Form_make_colours .colourSet label {
	padding: 3px 0px 0px 0px;
}

#cc_separate {
	width: 100% !important;
}

#cc_separate label {
	float: left;
	width: 80% !important;
	height: 1.5em !important;
	margin-top: 1em;
}

#Form_make_cc_separate {
	margin-top: 1em;
	overflow: visible !important;
	float: left;
	width: 10% !important;
}

#ts {
	clear: left;
}

#Form_make_f {
	list-style-type: none;	
	font-size: 20px;
	margin: 0px !important;
	padding: 0px !important;
}

#Form_make_f li {
	clear: left;
}

#Form_make_f label {
	overflow: hidden;
	line-height: 31px;
}

#Form_make_f input {
	margin-top: 10px;
	float: left;
	clear: left;
}

.editColourButton {
	background: #F3F3EE url(../images/icons/applications-graphics.png) no-repeat center 0px;
	width: 20px;
	height: 19px;
	float: left;
	margin: 1px 0px 0px 2px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #003C74;
}

.editColourButton:hover {
	background-color: #E3E2DA;
}

#saveGallery {
	clear: left;
	width: 50%;
	text-align: left;
	background-color: #fffdd0;
}

#saveGallery h2 {
	margin-top: 0px;
}

#saveGallery, #saveGallery label {
	color: black !important;
}

.colourSet {
	clear: both;
}