@charset "UTF-8";
/* Regex-Tester.com Styles */

body
{
	background-color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #333;
}

a { color: #000; }
a:hover { color: #f33; }

img { border: 0 none; }

h1
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #464646;
	color: #fff;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 30pt;
	font-weight: normal;
	left: -19px;
	margin: 0 0 20px;
	padding: 15px 20px;
	position: relative;
	text-shadow: 1px 1px 2px #000;
	width: 100%;
}

#header_ad
{
	width: 468px;
	height: 60px;
	position: absolute;
	right: 28px;
	top: 28px;
	z-index: 100;
}

#container
{
	background-color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 75%;
	margin: 50px auto 60px;
	padding: 20px 40px 25px;
	position: relative;
	/*-moz-box-shadow: 0 0 30px #777;
	-webkit-box-shadow: 0 0 30px #777;
	box-shadow: 0 0 30px #777;*/
}

#share_tab
{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	background-color: #fff;
	padding: 5px 11px;
	position: absolute;
	right: 27px;
	top: -24px;
}

hr
{
	border: 0 none;
	background-color: #ddd;
	height: 1px;
	width: 100%;
}

textarea
{
	width: 98%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #aaa;
	padding: 5px 7px;
	margin: 7px 0;
	resize: vertical;
}

textarea.regex-query { height: 150px; }
textarea.search-string { height: 200px; }
textarea.replace-string { height: 100px; }

ul.functions
{
	float: left;
	list-style: none;
	clear: both;
	margin: 10px 0 20px;
	padding: 0;
	font-size: 11pt;
}

ul.functions li
{
	float: left;
	margin-right: 45px;
	
}

#function_args
{
	float: left;
	padding: 0;
	margin: 10px 0 0;
	padding-left: 15px;
	font-size: 11pt;
	border-left: 1px solid #ddd;
}

#trim_long_cells
{
	margin-left: 10px;	
}

.output
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #ddd;
	width: 100%;
	margin: 10px 0 25px;
	padding: 20px 0;
	text-indent: 25px;
	font-size: 12pt;
}

#close_output
{
	float: right;
	cursor: pointer;
	margin: -7px 15px 0 0;
}

.msg
{
	text-shadow: 1px 1px 3px #000000;
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15pt;
}

.error { background-color: #d00; }
.success { background-color:#3C0; }

.submit
{
	display: inline;
	float: right;
	position: relative;
}

.loader_img
{
	position: relative;
	top: 7px;
	right: 2px;
}

.regex_examples_container
{
	float: right;
	font-size:10pt;
}

.button
{
	background-color: #eee;
	border: 1px solid #777;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	font-size: 12pt;
	margin-top: 3px;
}

.button:hover
{
	background-color: #ccc;
	color: #f33;
}

.resize_button
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.reference
{
	font-style: italic;
	font-size: 9px;
	text-align: right;
}

.shameless_plug
{
	font-size: 10pt;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 15px;
}

body a#uservoice-feedback-tab
{
	border: 0 none !important;
	-moz-border-radius-topright: 5px !important;
	-moz-border-radius-bottomright: 5px !important;
	-webkit-border-top-right-radius: 5px !important;
	-webkit-border-bottom-right-radius: 5px !important;
	border-radius-topright: 5px !important;
	border-radius-bottomright: 5px !important;
}