/**
 * UpUp LLC Free Check Style Sheet
 *
 * Copyright (c) 2009 UpUp LLC - Don't steel our codes!
 */
 
@import "resets.css";
@import "sticky-footer.css";

body {
	background-color: #264478;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: .75em;
}

#wrapper {
	width: 544px;
	margin: 0 auto;
	padding: 100px 0 0 0;
}

#logo {
	height: 177px;
	width: 142px;
	margin: 0 auto;
}

#tag_line {
	color: #fff;
	text-transform: uppercase;
	padding: 15px;
	font-weight:bold;
	letter-spacing:1px;
}

#free_check {
	background: url(../images/searchbar.png) no-repeat;
	width: 517px;
	height: 36px;
	padding: 11px 13px 15px 15px;
	position: relative;
}

#domain_field {
	width: 420px;
	height: 25px;
	float: left;
	border: 0;
	background: transparent;
	font-size: 1.7em;
	padding: 10px 0 0 5px;
}

#example_domain {
	color: #b4b4b4;
	font-size: 1em;
	font-style: italic;
	padding: 15px 10px 10px 10px;
	position: absolute;
	right: 100px;
	z-index: 10;
	}

#submit_container {
	background: url(../images/button.png) no-repeat;
	height: 39px;
	width: 89px;
	float: right;
	position: relative;
	z-index: 999;
}

input#free_check_submit {
	border: 0;
	background: 0;
	padding: 0;
	height: 39px;
	width: 89px;
	color: #fff;
	font-size: 1.2em;
	cursor: pointer;
}

#response_container {
	width: 505px;
	margin: 0 auto;
	/*padding: 10px;*/
	
	font-size: 1.45em;
	text-align: left;
	
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-left: 5px solid #1A2F53;
	border-right: 5px solid #1A2F53;
	border-bottom: 5px solid #1A2F53;
}

#footer{
	color: #8B9AB9;
	font-weight:bold;
}

.response_location,
#err_msg {
	height: 20px;
	padding: 10px;
	border-bottom:1px #E3E3E3 solid;
	background-color: #fff;
}

#err_msg {
	text-align:center;
}

#err_msg a{
	border-bottom: 1px #000 dotted;
}

.flag, .check_from, .city_name, .time{
	float: left;
}

.status_arrow {
	float: right;
}

.flag {
	width: 28px;
	height: 22px;
}

.check_from {
	width: 150px;
	padding: 4px 0 0 15px;
}

.city_name {
	width: 150px;
	padding: 4px 0 0 10px;
}

.time {
	width: 80px;
	padding: 4px 0 0 10px;
}
