/*******************************
		CONVERSION TOOL
		.CSS STYLE SHEET
		
		www.heritikyl.com
********************************/

@import url(http://fonts.googleapis.com/css?family=Alegreya:400,900|Oswald);

body { background: #e5e5e5; margin: 0; padding: 0; font-size: 100%; overflow-y: scroll; }
table { border-collapse: collapse; text-align: center; margin: 0; clear: both; }
form { clear: both; }
th { background-color: #538dd5; color:white; border: 1px solid #000; }
td { border: 1px solid #000; }
/*#success { background: #CDE855; padding: 10px; margin: 10px 0 10px 0; display: inline-block; float: left;  }*/
#success, p.fancy { font: 1.375em /* 22px */ 'Alegreya', serif; margin: 0; padding: 5px; width: 400px; }
#fail { background: red; padding: 10px; margin: 10px 0 10px 0; display: inline-block; }
#fail p {  }
a { color: #4BB5C1; text-decoration: none; }
a:hover { text-decoration: underline; }

#header { color: #fff; font-family: 'Oswald', sans-serif; clear: both; background: #33332D; padding: 15px 0 15px 30px; border-bottom: 1px dashed #e5e5e5; margin: 0; /*-moz-box-shadow: 0 -1px 5px 5px #000; -webkit-box-shadow: 0 -1px 3px 5px #000; box-shadow: 0 -5px 3px 5px rgba(0, 0, 0, 1);*/ }
#name { font-size: 2.5em /* 40px / 16px = 2.5em */; text-transform: uppercase; margin: 0; padding: 0; display: inline-block; }
#name a { text-decoration: none; color: #fff; border: none; }
#name a:hover { text-shadow: 1px 1px 5px #000; }

#whereSide { position: relative; bottom: 5px; background: #181817; padding: 3px 2px 3px 2px; margin: 0 0 0 5px; display: inline-block; border-top: 1px solid #181817; border-bottom: 1px solid #181817; border-right: 1px solid #181817; }
#whereSide img { margin: 0 0 3px 0; }
#where { position: relative; bottom: 5px; left: -5px; background: #B9121B; color: #fff; font-size: 1em; text-transform: uppercase; margin: 0; padding: 3px 5px 3px 3px; display: inline-block; border-top: 1px solid #181817; border-right: 1px solid #181817; border-bottom: 1px solid #181817; }
/*
#where.pages { border-left: 16px solid #181817; margin-left: 8px;  }
*/
/* RED ICON
#where { position: relative; bottom: 5px; background: #B9121B; color: #fff; font-size: 1em; text-transform: uppercase; margin: 0 0 0 5px; padding: 3px 5px 3px 5px; display: inline-block; border: 1px solid #191916; }
#where img { margin: 0 0 3px 0; }
*/
span.ul { font: 1em Arial, sans-serif; border-bottom: 1px solid #fff; }

#files { font: 1.25em /* 20px */ serif; margin: 0; }
#files span { font: 1em /* the above sets it as 1.25=1 here? 20px */ 'Alegreya', serif; color: #96CA2D; }
#files span.blue { color: #4BB5C1; }

#footer { background: #B4CC4B; margin: 10px 0; display: inline-block; padding: 10px; clear: left; }
#spacer { clear: both; }

#content { padding: 15px 0 15px 30px; margin: 0; }
#content p { width: 400px; }
/* CENTERED CONTENT
#content { padding: 15px 0 15px 30px; margin-left: auto; margin-right: auto; width: 450px; border: 1px solid red }
*/

label { font: 1.375em /* 22px */ 'Alegreya', serif; }
.inputbox { background: #fff; border: 1px solid #A5A5A5; padding: 5px; width: 400px; }
.thicker { padding: 7px 5px 7px 5px; }
.inputbox:hover, .inputbox:focus { border: 1px solid #666; }
em { font-size: 14px; padding: 5px; margin-left: 40px; display: inline-block; color: #666; }
input[type="submit"] { font: 1.1em /* 20px */ Oswald, sans-serif; text-transform: uppercase; color: #fff; background: #96CA2D; border: 1px solid #7DA827; margin:10px 0; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
input[type="submit"]:hover { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background: #ACE835; cursor: pointer; }

#download { padding: 15px 0 15px 0; }
#download a { font: 1.1em /* 20px */ Oswald, sans-serif; text-transform: uppercase; color: #fff; background: #96CA2D; border: 1px solid #7DA827; padding: 2px 5px 2px 5px; margin: 0 3px 0; text-decoration: none; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
#download a span { position: relative; bottom: 2px; }
#download a:hover { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background: #ACE835; }

/*
#download a.another { opacity: 0.8; }
#download a.another:hover { opacity: 1; }
*/

#example { width: 400px; background: #BFBFBF; margin: 10px 0; padding: 5px; font: 1em Oswald, sans-serif; border-bottom: 1px solid #666; border-right: 1px solid #BFBFBF; border-top: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF;  }
#example span { padding: 0; margin: 0; }
#example.hidden span:after { content: " \02C5"; }
#example.open span:after { content: " \02C4"; }
#example:hover { cursor: pointer; border: 1px solid #666; }


#examplecontent { margin: -10px 0; padding: 5px; }
#examplecontent table { border-collapse: collapse; text-align: center; margin: 0 0 0 30px; font-family: Calibri, Arial, sans-serif; }
#examplecontent th { background: rgba(150, 202, 45, 0.75) /*rgba(75, 181, 193, 1)*/ /*#666;*/ }
#examplecontent td { background: #fff; }
#examplecontent td, th { padding: 2px 5px 2px 5px; }
#examplecontent p { margin: 5px 0 5px 0; padding: 5px; width: 400px; font-size: 18px; }

#formatex { background: #D9D9D9; border-left: 3px solid #666; padding: 10px; display: inline-block; margin: 0 0 0 30px; min-width: 350px; }
/*
#formatex { background: #C9D8E3; padding: 10px; display: inline-block; margin: 0 0 0 30px; }
*/

#foot { font: 0.625em /* 10px */ sans-serif; display: inline-block; border-top: 1px solid #A6A692; margin: 10px 0; padding: 10px 0; color: #666; width: 410px; }
#foot a { color: #33332D; border-bottom: none; }
#foot a:hover { text-decoration: underline; }
#copy { float: left; }
#navlinks { float: right; }