/* General */

body {
margin: 0;
font-size: 11pt;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/main_bg.png) repeat-x top;
}
#wrapper {
width: 950px;
margin: auto;
}
.clear {
clear: both;
}
a img {
border: none;
}
ul, ol, li, h1, h2, h3, h4, p, form {
padding: 0;
margin: 0;
}


/* Styles */

a:link, a:visited, a:active {
color: #f05820;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
h1 {
color: #c3064f;
font-size: 20pt;
font-weight: normal;
margin-bottom: 10px;
}
h2 {
color: #c3064f;
font-size: 14pt;
margin-bottom: 5px;
font-weight: normal;
}
h3 {
color: #c3064f;
font-size: 14pt;
margin-bottom: 5px;
}
h4 {
font-weight: bold;
font-size: 12pt;
margin-bottom: 3px;
}
hr {
margin: 10px 0;
border: 0;
border-bottom: 1px solid #e3e3e3;
height: 0px;
}
.whitebox {
position: relative;
background: #fff;
}
#right_col .whitebox {
width: 100%;
}
.whitebox_content {
padding: 15px;
border: 1px solid #b8b4b1;
}
.whitebox .cr {
font-size: 0px;
width: 11px;
height: 11px;
position: absolute;
background: url(../images/whitebox_corners.png) no-repeat;
}
.whitebox .cr.tl {
background-position: bottom right;
}
.whitebox .cr.tr {
right: 0;
background-position: bottom left;
}
.whitebox .cr.bl {
position: relative;
margin-top: -11px;
background-position: top right;
}
.whitebox .cr.br {
position: relative;
margin-top: -11px;
margin-left: -11px;
left: 100%;
background-position: top left;
}
.pinkish {
color: #6b1033;
}
.orange {
color: #f96725;
}
h1.grayunderline {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
margin-bottom: 10px;
}
.smalltext {
font-size: 9pt;
}
.whitebox ol, .whitebox ul {
padding: 10px 0 10px 30px;
}
.whitebox ol li, .whitebox ul li {
padding: 3px 0;
}
.form_buttons {
padding-top: 5px;
}

/* Top Panel */

#top_panel {
height: 19px;
line-height: 19px;
background: #625c57;
font-family: Verdana;
color: #fff;
}
#top_panel div {
width: 950px;
margin: auto;
font-size: 8pt;
}
#top_panel li {
float: left;
background: url(../images/icon_circle.png) no-repeat 0% 60%;
padding-left: 10px;
margin-right: 20px;
list-style-type: none;
}
#top_panel a:link, #top_panel a:visited, #top_panel a:active {
color: #fff;
text-decoration: none;
}
#top_panel a:hover {
text-decoration: underline;
}
#top_panel span {
float: right;
}
#top_panel span a {
margin-right: 30px;
}

/* Header */

#header {
padding: 10px 0 10px 0;
}
#header #logo {
float: left;
margin-top: 15px;
}
#header #banner_top {
float: right;
}

/* Locator */

#locator {
font-size: 9pt;
color: #666;
margin: 10px 0;
}
#locator a:link, #locator a:visited, #locator a:active, #locator a:hover {
color: #777;
text-decoration: underline;
}
#logoutbtn {
float: right;
position: relative;
margin: 3px 5px 0 0;
padding: 3px;
font-size: 10pt;
}

/* Left Column */

#content_box #left_col {
float: left;
width: 200px;
}

/* Main Menu */

#main_menu {
margin-bottom: 10px;
}
#main_menu .whitebox_content {
white-space: nowrap;
font-size: 10pt;
padding: 4px 0;
}
#main_menu a {
display: block;
line-height: 30px;
left: -1px;
position: relative;
width: 100%;
height: 100%;
}
#main_menu a span {
border-bottom: 1px dotted #a2a2a2;
margin: 0 15px;
display: block;
}
#main_menu a:hover {
background: url(../images/menu_hover.png) no-repeat center left;
}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {
text-decoration: none;
color: #333;
}

/* Login Box */

#login_box {
font-size: 9pt;
margin-bottom: 20px;
}
#login_box .whitebox_content {
padding: 10px;
}
#login_box span {
float: right;
}
#login_box_inputs {
margin-bottom: 5px;
}
#login_box_inputs span {
float: left;
width: 65px;
line-height: 20px;
position: relative;
}
#login_box_inputs input {
float: left;
width: 98px;
position: relative;
}
#login_box_inputs input#Eircom_freeform_memorize {
width: auto;
margin: 2px;
padding: 0;
}
#login_box_inputs div {
height: 5px;
font-size: 0px;
}
#login_box_links {
float: left;
position: relative;
}
#login_box_links a {
display: block;
margin: 0 0 3px 0;
}
#login_box_submit {
float: right;
position: relative;
margin-top: 4px;
}

/* Right Column */

#content_box #right_col {
float: left;
width: 740px;
padding-left: 10px;
}

/* What is locle */

#whatislocle {
line-height: 16pt;
z-index: 1;
}
#whatislocle .whitebox_content {
padding-right: 210px;
}
#whatislocle p {
font-size: 11pt;
}
#whatislocle #cellphone, #register_form #cellphone, #page_wizzard_checkin #cellphone, #page_wizzard_invite #cellphone, #page_wizzard_status #cellphone {
position: absolute;
top: 0;
right: 15px;
margin-top: -20px;
z-index: 3;
}
#page_wizzard_invite #cellphone, #page_wizzard_status #cellphone, #page_wizzard_checkin #cellphone {
margin-top: 10px;
}

/* Feature Box */

#feature_box {
margin-top: 10px;
}
#feature_box .whitebox_content {
padding-right: 210px;
}
#feature_box h2 {
margin-top: 20px;
color: #f05820;
line-height: 18px;
}
#feature_box h2 img {
float: left;
position: relative;
margin-right: 5px;
}

/* Bottom Box */

.whitebox.bottom_box {
float: left;
width: 365px !important;
_width: 364px !important;
display: inline;
font-size: 10pt;
margin: 10px 10px 0 0;
}
.bottom_box .whitebox_content {
padding: 10px 15px 15px 15px;
}
.bottom_box h1 {
margin-bottom: 5px;
}
.bottom_box p {
line-height: 20px;
}
.bottom_box p.pinkish {
padding-top: 5px;
height: 55px;
line-height: 16px;
}
.bottom_box .pinkish b {
display: block;
}

/* Map page */

#map_status {
margin: 10px 0;
}
#map_status span {
margin-right: 10px;
}
#page_map_settings .pinkish {
margin-bottom: 5px;
}
#map_changebtn {
position: relative;
top: 4px;
}
#map_positionchange {
text-align: center;
padding-bottom: 5px;
}
#map_proximityfilter {
text-align: center;
padding-top: 5px;
}
#friendlist {
font-size: 10pt;
}
#friendlist .whitebox_content {
padding: 10px;
}
#friendlist div span.friendlist_time {
color: #555;
display: block;
}
#friendlist .whitebox_content .friendlist_item {
margin-bottom: 10px;
}
#friendlist .friendlist_dist {
float: right;
position: relative;
font-size: 8pt;
}
#yokels {
padding-top: 5px;
}
.yokel {
float: left;
width: 200px;
padding: 10px;
font-size: 10pt;
margin: 0 10px 10px 0;
position: relative;
border: 1px solid #ccc;
display: inline;
}
.yokel_distance span {
float: right;
position: relative;
font-size: 8pt;
}
.yokel_time {
color: #555;
}
a#yokel_invite:link, a#yokel_invite:visited {
color: #f05820;
}
#yokel_invite img {
margin: 0 3px 0 0;
}
#Eircom_Friends_Details_cmdform_body {
min-height: 100px;
}

/* Register page */

#register_form h1 {
font-weight: normal;
font-size: 20pt;
margin: 0 0 30px 0px;
}
#register_form .whitebox_content {
padding-right: 210px;
}
#register_form form {
margin-left: 30px;
}
#register_form form #register_form_inputs span {
float: left;
width: 125px;
padding-right: 10px;
color: #444;
font-size: 10pt;
padding-top: 2px;
position: relative;
}
#register_form form #register_form_inputs input {
float: left;
width: 200px;
position: relative;
}
#register_form #register_form_inputs div.clear {
height: 10px;
font-size: 0px;
}
#register_form_tos {
padding: 10px;
font-size: 10pt;
margin: 10px 0 0 0;
color: #555;
}
#register_form_tos input {
float: left;
margin: 0 10px 0 0;
position: relative;
}
#register_form_tos span {
float: left;
width: 350px;
position: relative;
}
#register_form_tos div.clear {
height: 10px;
font-size: 0px;
}
#register_form #register_form_buttons {
width: 75%;
position: relative;
}
#register_form_buttons input, #register_form_buttons a {
float: right;
position: relative;
margin-right: 5px;
}
#register_form_buttons input {
border: 0;
padding: 0;
margin: 0;
width: 66px;
height: 22px;
background: url(../images/button_submit.png) no-repeat;
cursor: pointer;
}
.stepper {
font-size: 12pt;
color: #555;
display: block;
}
.stepper a:link, .stepper a:visited {
color: #777;
font-size: 10pt;
}

/* Pages Wizzard */

#page_wizzard_checkin .whitebox_content, #page_wizzard_status .whitebox_content {
padding-right: 210px;
}
#page_wizzard_checkin input.submit {
width: 64px;
height: 22px;
cursor: pointer;
background: url(../images/button_search.png) no-repeat;
border: none;
}
#page_wizzard_checkin form {
margin-top: 5px;
}
#page_wizzard_checkin #Results {
margin-top: 5px;
}
#page_wizzard_invite .whitebox_content {
padding-right: 210px;
}
#page_wizzard_invite .stepper {
margin-bottom: 0;
}

/* Personal Data Page */

#form_personaldata form {
mazrgin: 0 150px;
width: 400px;
padding-top: 20px;
position: relative;
margin: auto;
}
#form_personaldata form #form_personaldata_inputs input {
float: left;
width: 200px;
position: relative;
}
#form_personaldata #form_personaldata_inputs div.clear {
height: 10px;
font-size: 0px;
}
#form_personaldata form #form_personaldata_inputs span {
float: left;
width: 125px;
padding-right: 10px;
color: #444;
font-size: 10pt;
padding-top: 2px;
position: relative;
}
#form_personaldata #register_form_buttons {
background: red;
}
#form_personaldata #register_form_buttons input {
float: right;
margin: 10px 60px 0 0;
}
#form_personaldata_inputs .pinkish {
margin-bottom: 10px;
display: block;
}

/* Friends Page */

#friends_menu {
float: right;
margin-top: 10px;
position: relative;
display: inline;
}
#friends_menu a {
float: left;
display: inline;
padding-left: 23px;
line-height: 18px;
margin-right: 20px;
position: relative;
}
#friends_menu a#friends_invite {
background: url(../images/icon_friends_invite.png) no-repeat;
}
#friends_menu a#friends_request {
background: url(../images/icon_friends_requests.png) no-repeat;
margin: 0;
}
.friend a.l_name {
font-size: 14pt;
}
.friend a.l_name img {
float: left;
position: relative;
margin-right: 2px;
}
#page_friends .friend_links {
margin-top: 5px;
}
.friend_links a:link, .friend_links a:visited, .friend_links a:active {
float: left;
color: #0b344b;
margin: 0 30px 0 0px;
display: inline;
position: relative;
font-size: 10pt;
}
.friend span {
display: block;
color: #666;
padding: 5px 0 3px 0;
font-size: 10pt;
}
.friend_links a img {
float: left;
position: relative;
margin-top: 3px;
margin-right: 3px;
}

/* Friend Details Page */

#page_friend_details form, #page_wizzard_status form {
width: 400px;
}
#page_friend_details form textarea, #page_wizzard_status form textarea {
width: 400px;
}
#page_friend_details .form_buttons, #page_wizzard_status .form_buttons {
padding-top: 5px;
}
#page_friend_details .form_buttons input {
margin-right: 24px;
background: url(../images/button_send.png) no-repeat;
width: 55px;
height: 22px;
border: none;
cursor: pointer;
float: right;
position: relative;
}
#page_friend_details .avatar, #page_inbox .avatar, #page_friends .avatar {
float: left;
margin-right: 10px;
position: relative;
display: inline;
}
#page_friend_details .friend_links {
padding-top: 6px;
}
#page_friend_details .friend_links span {
color: #444;
display: block;
padding-bottom: 3px;
}
#page_friend_details #map_box {
border: 1px solid #ccc;
padding: 10px;
position: absolute;
right: 20px;
}
#page_friend_details #map_box img {
display: block;
margin-top: 3px;
}

/* Inbox page */

#page_inbox .avatar {
margin-right: 15px;
float: left;
}
#page_inbox .page_inbox_message {
padding: 5px 0 15px 0;
overflow: hidden;
width: 700px;
}
#page_inbox .friend_links {
float: right;
margin: 17px 10px 0 0;
position: relative;
}
#page_inbox .friend_links a {
margin: 0 0 0 30px;
}
.friend_inbox_panel {
height: 49px;
border: 1px solid #eee;
background: #eee;
position: relative;
}

/* Page Invite */

#page_invite form, #page_wizzard_invite {
margin-top: 5px;
}
#Eircom_Friends_Invite_search_locle_Search, #Eircom_Map_Checkin_form_Search, #Eircom_SignupWizard_Invite_search_locle_Search {
width: 64px;
height: 22px;
background: url(../images/button_search.png) no-repeat;
border: none;
cursor: pointer;
}
#Eircom_SignupWizard_Invite_search_sms_InviteSMS, #Eircom_Friends_Invite_search_sms_InviteSMS, #Eircom_Friends_Invite_search_email_Invite, #Eircom_Friends_Invite_SearchLocle_cmdform_Invite, #Eircom_SignupWizard_Invite_search_email_Invite, #Eircom_SignupWizard_Invite_SearchLocle_cmdform_Invite {
width: 56px;
height: 22px;
background: url(../images/button_invite.png) no-repeat;
border: none;
cursor: pointer;
color: #fff;
}
#Eircom_Friends_Invite_SearchLocle_cmdform_Invite, #Eircom_SignupWizard_Invite_SearchLocle_cmdform_Invite {
background: url(../images/button_blank.png) no-repeat;
}

#page_invite #Eircom_Friends_Invite_search_network, #page_wizzard_invite #Eircom_SignupWizard_Invite_search_network {
padding: 10px 10px 5px 10px;
width: 300px;
border: 1px solid #ccc;
margin: 10px;
}
#page_invite #Eircom_Friends_Invite_search_network td, #page_wizzard_invite #Eircom_SignupWizard_Invite_search_network td {
padding: 0 5px 5px 0;
}
#page_invite #Eircom_Friends_Invite_search_network .form_buttons td, #Eircom_SignupWizard_Invite_search_network .form_buttons td {
padding: 0;
}
#Eircom_Friends_Invite_search_network_Login, #Eircom_SignupWizard_Invite_search_network_Login {
background: url(../images/button_login.png) no-repeat;
height: 22px;
width: 67px;
border: none;
float: right;
position: relative;
}
#Eircom_SignupWizard_Invite_SearchLocle_cmdform {
width: 80%;
padding-top: 5px;
}
#Eircom_SignupWizard_Status_cmdform_Submit {
border: 0;
padding: 0;
margin: 0;
width: 66px;
height: 22px;
background: url(../images/button_submit.png) no-repeat;
cursor: pointer;
float: right;
margin-right: 23px;
}

/* Footer */

#footer {
margin-top: 20px;
height: 30px;
line-height: 30px;
background: url(../images/footer_bg.png) no-repeat;
color: #fff;
font-size: 9pt;
padding: 0 20px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer span {
float: right;
}
#footer div {
padding: 5px 0 15px 0;
color: #666;
font-size: 8pt;
text-align: center;
line-height: 14px;
}