body {margin:0;padding:0;font:9pt Verdana, Arial, Helvetica, sans-serif;;text-align:center;}
ul, li, dl, dt, dd {margin:0;padding:0;list-style-type:none;}
img {border:0;}
* {margin:0;padding:0}
a {}
a:hover {color:#4681df;background:#ffff00}

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


p, h1, h2, h3, h4 {margin:0;padding:0}

h1 {font:160% Arial, Helvetica, sans-serif;}
h2 {font:bold 140% Arial, Helvetica, sans-serif;}
h3 {}
h4 {}

#buddyping-wrap {width:999px;padding:20px 0;margin:0 auto;text-align:left;}

#logo-top {width:999px;}
#logo-top ul {float:left;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc}
#logo-top li {float:left;}
#logo-top li.logo {width:671px;text-indent:-10000px}
#logo-top a.logo {width:151px;height:61px;display:block;background:url(/images/buddyping-logo_top.gif) no-repeat 0 0;}
#logo-top li.options-top {width:328px;font-size:8pt;color:#4681df}
#logo-top li.options-top ul {float:right;border:none;}
#logo-top li.options-top li {float:left important!;padding:0 10px;border-right:1px solid #ccc}
#logo-top li.options-top li.last {padding-right:0;border:none}
#logo-top li.options-top a {color:#4681df}

#logo-top li.options-top li.notice {
  background: #FFF8CC;
  border: 1px solid #FFE222;
  padding: 8px;
  font-weight: bold;
  vertical-align: top;
}


a.logo {background:url(/images/buddyping-logo_top.gif) no-repeat;background-position:0 0;display:block;width:151px;height:61px;}
a.logo:hover {background-position:0 0;}

/*------ HOMEPAGE CONTENT --*/
#content-hp {height:406px;clear:both;margin-top:10px}
#content-hp .col-intro {float:left;width:366px;background:url(/images/screengrabs.jpg) no-repeat bottom;height:406px;}
#content-hp .col-getit {float:left;width:305px}
#content-hp .col-login {float:left;width:328px;background:url(/images/hp-activity_bgd.gif);height:406px}
#content-hp .col-login h1 {padding:15px;background:none;}
#content-hp .col-login input {float:left;background:url(/images/hp-activity-input_bgd.gif);border:1px solid #fff;padding:5px;width:150px;margin-bottom:5px;}
#content-hp .col-login input.button {border:none;padding:5px;width:150px;margin:5px 0 10px 105px;color:#4385e3;font-weight:bold;background:#fff}
#content-hp .col-login label {float:left;width:80px;font-weight:bold;color:#fff;margin:5px 10px 5px 15px;}
#content-hp .col-login ul {clear:both;margin:0 15px;padding:5px;background:#b3d6f5;}
#content-hp .col-login li {color:#4681df;font-size:8pt;list-style-type:circle;list-style-position:inside}
#content-hp .col-login em {background:#327fc0;padding:3px;font-style:normal}
#content-hp .col-login a {color:#4681df}
#content-hp .col-login a:hover {color:#ff6600}
/* theme 1 */
.theme1 {background:#4385e3 url(/images/hp-themeblue-bgd.jpg) no-repeat top right;}
.theme1 h1 {background:url(/images/hp-themeblue-edge_tl.gif) no-repeat 0 0;padding:20px 0 10px 20px;color:#fff}
.theme1 h2 {padding:0 0 10px 20px;color:#fff}
.theme1 h2 strong {color:#ffff00}
.theme1 p {color:#fff;padding:0 0 10px 20px}
.theme1 p strong {}
.theme1 p em {background:#356aa0;font-style:normal;padding:0 2px}
.theme1 ul#getit {background:url(/images/hp-themeblue-getit-bgd.png) no-repeat top;width:305px;height:282px;padding:55px 0 0 0;color:#333;}
.theme1 ul#getit li {font-size:8pt;}
.theme1 ul#getit li.title {height:37px;background:url(/images/hp-themeblue-getit-h1.gif) no-repeat 0 0;text-indent:-10000px}
.theme1 ul#getit li.country {padding:5px 0 0 35px;background:url(/images/flag-uk.gif) no-repeat 35px 5px;}
.theme1 ul#getit li.country-choose {padding:10px 0 0 35px}
.theme1 ul#getit li.country-choose select {width:204px;font-size:8pt;background:#fff;padding:5px 5px 5px 5px;color:#333;border:1px solid #666;margin:5px 0 0 0;}
.theme1 ul#getit li.mobile-number {padding:5px 0 0 35px}
.theme1 ul#getit li.mobile-number input {width:180px;font-size:8pt;background:#fff;padding:5px 5px 5px 5px;color:#333;border:1px solid #666;margin:5px 0 0 0;}
.theme1 ul#getit li.mobile-number label {font-size:7pt;margin-top:3px}
.theme1 ul#getit input.button {float:right;background:#327fc0;padding:4px;color:#fff;font-weight:bold;border:none;margin:5px 65px 5px 5px !important;}

form input text, textarea {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #666666;
color:#333333;
font-size:8pt;
margin:5px 0pt 0pt;
padding:5px;
width:300px;
}


form input.button {width:100px;float:right;background:#327fc0;padding:4px;color:#fff;font-weight:bold;border:none;margin:5px 65px 5px 5px !important;}

/* blocks */
.hp-blocks {float:left;width:327px;margin:9px 9px 10px 0;background:#F4F4F4 url(/images/hp-blocks_bgd.jpg) repeat-x top;min-height:330px}
.hp-blocks h1 {font:bold 160% Arial, Helvetica, sans-serif;background:#fff;padding:10px;margin:10px}
.hp-blocks h1.groups {color:#356aa0}
.hp-blocks h1.photos {color:#f9480a}
.hp-blocks h1.recruits {color:#f9910a}
.hp-blocks ul {float:left;margin:0 5px 5px 10px;}
.hp-blocks li {float:left;width:45px;height:45px;display:block;margin:0 7px 7px 0;}
.hp-blocks li.big {float:left;width:97px;height:97px;display:block;margin:0 7px 7px 0;}
.last_block {margin:9px 0 0 0;}
#hp-groups {}
#hp-groups ul {}
#hp-groups li {clear:both;margin:0 5px 5px 0;border:none}
#hp-groups dl {width:300px}
#hp-groups dl img {float:left;margin-right:10px}
#hp-groups dt {float:left;width:200px;}
#hp-groups dd {float:left;width:200px;font-size:8pt;}
#hp-groups dd.description {color:#4681df}
#hp-groups dd.members {color:#b3d6f5}
#hp-groups a {color:#356aa0;}

#map-person {}
#map-person ul {}
#map-person li {margin:0 5px 5px 0;border:none}
#map-person dl {width:300px;margin-bottom:10px;}
#map-person dl img {float:left;margin-right:10px; }
#map-person dt {float:left;width:200px;}
#map-person dd {float:left;width:140px;font-size:8pt;}
#map-person dd.description {color:#999999}
#map-person dd.members {color:#999999;}
#map-person a {color:#356aa0;}

/*------ CONTENT --*/
#content-wrap {float:left;width:671px;margin-bottom:10px}
#right-wrap {float:left;width:328px;}

#tabs {float:left;background:url(/images/tab-base.gif) no-repeat bottom;width:679px;}
#tabs ul {height:55px;}
#tabs li {float:left;height:43px;display:block;color:#ccc;font-size:12pt;text-transform: uppercase;}
#tabs li {color:#ccc !important;text-decoration:none !important}
#tabs li.first_tab-active {background:url(/images/tab-first-ls.gif) no-repeat 0 0 !important;color:#4385e3}
#tabs li.first_tab-active em {background:url(/images/tab-rs.gif) no-repeat right top;}
#tabs li.active {background:url(/images/tab-mid-ls.gif) no-repeat 0 0;color:#4385e3}
#tabs a {color:#4385e3 !important;text-decoration:none}
#tabs li.active em {background:url(/images/tab-rs.gif) no-repeat right top;}
#tabs em {float:left;padding:15px 25px;font-style:normal;}
#tabs img {margin:15px 25px;display:block;position:absolute;height:30px;width:80px;}
/*content*/
#content {clear:both;width:679px;background:url(/images/content-bgd.gif) repeat-y 1px 0;padding:10px 20px 15px 20px}
/*map*/
#map {float:left;width:420px;height:450px}
/*content*/
#where-are-they {float:left;width:219px;margin-left:10px}
#where-are-they h1 {color:#999}
#where-are-they ul {}
#where-are-they li {}
/*share options*/
#share-options {background:url(/images/content_options-bgd.gif) no-repeat top;padding-top:10px}
#share-options ul {margin:0 0 20px 20px}
#share-options li {float:left;padding-right:25px;font-size:8pt;color:#999}

/*------ MEMBER CONTROL BLOCK --*/
#member-control {float:left;width:328px;margin-bottom:20px}
#member-control ul {width:304px;float:right;padding:10px;border:1px solid #ccc}
#member-control li {float:left}

/*profile photo*/
#member-control li.profile-photo {margin-right:10px}

/*profile info*/
#member-control li.profile-info {float:left;}
#member-control li.profile-info ul {float:left;width:200px;border:none;padding:0}
#member-control li.profile-info li {float:none;padding-left:25px;height:20px}
#member-control li.profile-info li a {color:#4284e2}
#member-control li.profile-info li.welcome {font-size:11pt;color:#4284e2;padding-bottom:5px;}
#member-control li.profile-info li.location {color:#666;background:url(/images/icons/location.png) no-repeat 0 0;}
#member-control li.profile-info li.messages {color:#666;background:url(/images/email.gif) no-repeat 0 0;}
#member-control li.profile-info li.status {color:#666;background:url(/images/icons/note.png) no-repeat 0 0;}

/*member control page options*/
ul#member-control-page_options {width:200px;float:right;background:#ccc;border:0;padding:0 0 10px 0}
ul#member-control-page_options li {padding:0 10px 0 25px;color:#fff;border-top:1px solid #ccc}
ul#member-control-page_options li.option-title {padding:5px 10px;color:#fff;border:none;}
ul#member-control-page_options img {float:right;margin-top:5px;}

/*------ MEMBER ACTVITY BLOCK --*/
#member-activity {width:304px;float:right;padding:10px 10px 0 10px;border:1px solid #ccc;height:280px;}
#member-activity ul {height:270px;overflow:auto;padding:0;margin:0}
#member-activity li {color:#999;padding-left:20px;background:url(/images/icon-tag.gif) no-repeat 0 0;}
#member-activity li.title {font-size:11pt;color:#4284e2;padding-bottom:5px;padding-left:0;background:none;}
#member-activity li a {color:#4284e2}

/*------ FOOTER CONTENT --*/
#footer {clear:both;margin:10px 0 30px 0;background:#b3d6f5;color:#fff}
#footer ul {float:right;padding:10px 0 0 0}
#footer li {float:left;padding:0 10px 0 10px;margin-bottom:10px;border-right:1px solid #fff;}
#footer li.no-border {border:none}
#footer li a {color:#4385E3}

#biginput {
  
}