html, body {
        margin: 0;
        padding: 0;
}

img {
        border-style: none;
}

div#box {
        font-family: Verdana, Geneva, Arial, Helvetica;
        font-size: 10px;
        position: relative;
        margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 480px;/*620px;*/
        height: 465px;/*600px;*/
        background: url(img/logo.png) no-repeat;
}

#color_picker {
        position: relative;
        left: 200px;
        width: 0px;
        height: 0px;
        top: 400px;
        border: none;
}

#container_picker {
	left:174px;
	position:relative;
	top:222px;
}

#save_button {
	height:24px;
	left:167px;
	position:absolute;
	top:345px;
	width:156px;
	font-size: 14px;
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
}

#save_button:hover {
	background-color: #B8B3FF;
}

.submit_image {
	background: url(img/submit.png) no-repeat center left;
	width:24px;
	height:24px;
	float: right;
}

#next_color {
	border: none;
	left:165px;
	position:absolute;
	text-align:center;
	top:355px;
	width:170px;
}

#color_map {
        position: absolute;
        left: 110px;
        width: 260px;
        height: 170px;
        top: 180px;
	z-index:800;
        border: none;
}

#text_content {
	position: absolute;
        left: 110px;
        width: 260px;
        height: 185px;
        top: 170px;
	/*border: 1px solid black;*/
	border: none;
	text-align: center;
}

#text_content_next_previous {
	position: absolute;
	left: 110px;
	width: 260px;
	height: 15px;
	top: 355px;
	text-align: center;
	/*border: 1px solid black;*/
}

#awesome_results {
	width: 100%;
}

.marker_content {
	font-size:10px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
	width: 300px;
}

.marker_details {
	display: none;
}

#current_weather {
        position: absolute;
        left: 230px;
        top: 80px;
        border: none;
}

#footer {
	height:20px;
	left:150px;
	position:absolute;
	text-align:center;
	top:395px;
	width:200px;
}

#suggested_match {
	width: 20px;
}

.wait {
	background: url(img/wait.gif) no-repeat;
	background-position:center;
}

.valid {
	background: url(img/valid.gif);
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position: center;
}

#country_table {
	position:absolute;
	top:130px;
	left:125px;
	width:228px;
	z-index:11000;
}

#menu {
	position: absolute;
	top: 150px;
	left: 125px;
	width: 228px;
	text-align: center;
}

#pagetitle {
	position: absolute;
	top: 120px;
	left: 125px;
	width: 228px;
	text-align: center;	
	font-size: 14px;
}

#smileys {
        left:125px;
        position:absolute;
        top:188px;
        width:228px;
        z-index:11000;
}

.single_marker_line_details {
	height: 20px;
	float: left;
	vertical-align: bottom;
}

.smiley_inside_marker {
	height: 18px;
	width: 18px;
	vertical-align: bottom;
	margin-right: 2px;
}

.smiley_stats {
        height: 18px;
        width: 18px;
        vertical-align: bottom;
        margin-right: 2px;
}

.marker_color {
	width: 50px;
	height: 18px;
	float: left;
	vertical-align: bottom;
	margin-right: 3px;
}

.stats_color {
        width: 20px;
        height: 18px;
        float: left;
        vertical-align: bottom;
        margin-right: 3px;
}

.avg_stats_color {
	width: 30px;
        height: 18px;
        vertical-align: bottom;
	margin-left: 10px;
	margin-right: 10px;
}

.img_18px {
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}

.location_input {
	position: relative;
	z-index: 11000;
        width: 140px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
        border: 1px black solid;
        font-family: Verdana, Geneva, Arial, Helvetica;
        font-size: 10px;
}

.suggested_background {
	position: relative;
	z-index: 11000;
	width: 100%;
        border: none;
	background-color: white;
}

.single_smiley {
	position: relative;
        z-index: 11000;
	left: 55px;
        width: 60%;
        border: none;
        /*background-color: white;*/
}

.sugg_line {
	height: 20px;
}

.sugg_line:hover {
	cursor: pointer;
	height: 20px;
	background-color: #B8B3FF;
}

.image_line {
        height: 20px;
	text-align: center;
}

.image_line:hover {
        cursor: pointer;
        height: 20px;
        background-color: #B8B3FF;
	text-align: center;
}

.image_text_content {
	height: 20px;
	text-align: center;
}

.padding_top_7 {
	padding-top:7px;
}

.padding_left_right_4 {
	padding-left: 4px;
	padding-right: 4px;
}

.image_selected_line {
        height: 20px;
	background-color: #B8B3FF;
	text-align: center;
}

.sugg_country_code, .sugg_country_name, .sugg_city_name {
	padding-left: 4px;
        padding-right: 4px;
}

.sugg_country_name {
	float: left;
}

.sugg_country_code {
	float: right;
}

.gsc-input {
	width: 180px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#resize_map {
	position: absolute;
	left: 350px;
        top: 170px;
	width: 20px;
	font-size: 20px;
	display: none;
	z-index: 800;
	cursor: pointer;
}