/* HTML 5 Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
.header {
	font-size:32px;
	color:#7e98b9;
	font-weight:bold
}
header {
	height:80px;
}
header h6 {
	font-size:22px;
	color:#7e98b9;
}
body {
	line-height: 1;
	background-color:#132439;
	color:#fff;
	margin: 10px auto 0;
	font-family: 'Quattrocento Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#textarea {
	width:100%;
	min-width:100%;
	height:300px;
	background-color:#365373;
	border:none;
	color:#fff;
	font-size:24pt;
	font-family: 'Quattrocento Sans', sans-serif;
	padding:10px;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


#copyCont {
	width:60%;
	height:30%;
}

#textareaCopy{
	width:100%;
	height:100%;
}

#select_all_btn {height:50px;width:50%;margin:0;padding:0}

#close_btn {height:50px;width:50%;margin:0;padding:0}

/**/
.erase_all_btn {
	position: absolute;
	right: 100px;
	top: 20px;
	width:50px;
	height:50px;
	background-color:transparent;
	border:none;
	background-image:url('erase_all.png');
}

.settings_btn {
	position: absolute;
	right: 20px;
	top: 20px;
	width:50px;
	height:50px;
	background-color:transparent;
	border:none;
	background-image:url('settings.png');
}

/* BUTTONS */
#Submit {
	width: 100%;
	height: 50pt;
}
button:active {
	background-color:#507199;
	color:#365373;
}
button {
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#7e98b9;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#365373;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
button {
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
	height:50pt;
}
button[type] {
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type] {
	padding:4px 10px 3px 7px; /* IE7 */
}
button img {
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
section, article, aside, header, footer, nav, dialog, figure {
	display:block;
}
h1 {
	font-size: 3em;
	margin-bottom:1em;
}
ul {
	list-style: decimal;
	width:100%;
	margin-top:50px;
}
ul li {
	padding: 8px 15px;
	margin: 50px 0px;
	word-wrap: break-word;
	text-align:left;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-size:24pt;
	font-family: 'Quattrocento Sans', sans-serif;
	padding-bottom:5px;
}/* Internet Explorer 5.5+ */

#copyCont{
    z-index: 9999;
    position: fixed !important;
    width: 200px;
    height: 200px;  
    cursor: default;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
    width: 60%;
    left: 20%;
    top: 40%;
    height: 20%;
}


#disclaimer {
	padding-top: 50px;
	display: block;
	bottom:0;
	text-align: justify;
	width:100%;
}