/*!
 * Project:   The Meeting Point Gay
 * Date:      2011/11/08
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { height: 100%; overflow-y: scroll; background: #bfe0f5 url(../images/core-bg-a.png) repeat-x; font-size: 100.01%; }
body { min-height: 100%; background: url(../images/core-bg-b.png); font-size: 62.5%; }

body, textarea, input, select, option, button { color: #555; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.33; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.2em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! fonts --------- */

@font-face { font-family: 'DINMediumAlternate'; src: url('../fonts/din_mediumalternate-webfont.eot'); src: url('../fonts/din_mediumalternate-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_mediumalternate-webfont.woff') format('woff'), url('../fonts/din_mediumalternate-webfont.ttf') format('truetype'), url('../fonts/din_mediumalternate-webfont.svg#DINMediumAlternate') format('svg'); font-weight: normal; font-style: normal; }

/*! layout -------- */

#root { width: 960px; margin: 0 auto; }
 #top { position: relative; height: 115px; margin: 0; }
  #logo { position: absolute; left: 0; top: 25px; }
   #logo a { display: block; overflow: hidden; width: 313px; height: 69px; background: url(../images/logo-a.png) no-repeat; font-size: 0; text-indent: -10001px; }
  #skips, #skips ul { position: absolute; position: fixed; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; margin: -30px 0 0; padding: 0; text-align: center; }
   #skips li { position: absolute; left: 0; top: 0; width: 100%; font: bold 5em/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
    #skips li a { display: -moz-inline-stack; display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
    #skips li a:focus, #skips li a:active { position: relative; left: 0; }
  #access { position: absolute; right: 0; top: 48px; overflow: hidden; padding: 10px; background: #0c3a68; background: rgba(4,48,92,0.4); }
   #access p { display: inline; position: relative; float: left; margin: 0 0 0 8px; }
   #access p:first-child { margin-left: 0; }
    #access p label { color: #fff; text-transform: lowercase; }
    .js #access p label { position: absolute; left: 10px; top: 0; z-index: 10; height: 26px; color: #666; line-height: 26px; }
    #access p input { position: relative; width: 160px; height: 26px; padding: 0 10px; border: none; border: 0; line-height: 26px; }
    #access p input { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 2px 3px #d2dfeb; -moz-box-shadow: inset 0 2px 3px #d2dfeb; -webkit-box-shadow: inset 0 2px 3px #d2dfeb; }
 #content { position: relative; margin: 0 0 20px; background: #fff; }
 #content { box-shadow: 0 2px 5px rgba(32,75,134,0.1); -moz-box-shadow: 0 2px 5px rgba(32,75,134,0.1); -webkit-box-shadow: 0 2px 5px rgba(32,75,134,0.1); }
  #footer { padding: 0 10px 20px; }
  #footer p { margin: 0 0 10px; }
  #footer .copys { margin: 0 -10px 15px; padding: 0 10px 15px; border-bottom: 1px solid #ccc; border-bottom-color: rgba(0,0,0,0.1); }
  #footer .info { }
   #footer .info ul { list-style: none; margin: -5px 0 10px; padding: 0; }
    #footer .info ul li { padding-left: 10px; background: url(../images/footer-bullet-a.png) 0 6px no-repeat; }
	#footer .info h1{padding:0px; margin:0px; font-weight: normal; color:#555555;}

/*! grids --------- */


/*! specific ------ */

.gay { }
 .gay #logo { left: 18px; top: 39px; }
  .gay #logo a { width: 278px; height: 43px; background: url(../images/logo-b.png) no-repeat; }
 .gay h1, .gay h2, .gay h3, .gay h4, .gay h5, .gay h6 { color: #9F206D; }

/*! elements ------ */

.bigpic-a { position: relative; width: 729px; height: 467px; margin: 0 0 20px; background: url(../images/bigpic-a-bg-a.jpg) no-repeat; font: 1.5em/1.2 DINMediumAlternate,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
 .bigpic-a a { position: absolute; right: 0; top: 0; width: 100px; padding: 15px 10px 30px 50px; color: #fff; text-align: right; text-decoration: none !important; }
 .bigpic-a a:hover, .bigpic-a a:focus, .bigpic-a a:active { color: #eee; }
  .bigpic-a small { display: block; margin: 10px 0 0; padding: 0 0 35px; background: url(../images/bigpic-a-bullet-a.png) 100% 100% no-repeat; font-size: 11px; text-transform: none; }
.bigpic-a.female { position: relative; width: 729px; height: 467px; margin: 0 0 20px; background: url(../images/bigpic-a-bg-b.jpg) no-repeat; font: 1.5em/1.2 DINMediumAlternate,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
.bigpic-a.male { position: relative; width: 729px; height: 467px; margin: 0 0 20px; background: url(../images/bigpic-a-bg-c.jpg) no-repeat; font: 1.5em/1.2 DINMediumAlternate,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
 .bigpic-a.male a { width: 130px; }

.landing-a { width: 100%; }
 .landing-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .landing-a > .one { float: left; width: 231px; margin: 0; }
 .landing-a > .two { float: right; width: 729px; margin: 0; }
  .landing-a > .two > .wrap { padding: 0 19px 20px 20px; }

.register-a { position: relative; width: 100%; }
 .register-a header { position: relative; width: 211px; margin: 0 0 0 -10px; padding: 15px 10px 15px 20px; background: #0f4179; }
 .register-a header { background: -webkit-gradient(linear, 0 0, 0 100%, from(#03407b) to(#2068a7)); background: -webkit-linear-gradient(#03407b, #2068a7); background: -moz-linear-gradient(#03407b, #2068a7); background: -ms-linear-gradient(#03407b, #2068a7); background: -o-linear-gradient(#03407b, #2068a7); background: linear-gradient(#03407b, #2068a7); -pie-background: linear-gradient(#03407b, #2068a7); behavior: url(styles/pie.htc); }
  .register-a header:before, .register-a header > .before { position: absolute; left: 1px; bottom: -10px; content: ' '; overflow: hidden; width: 0; height: 0; border: 5px solid #112f68; border-color: #112f68 #112f68 transparent transparent; }
  .mac.mozilla .register-a header:before { bottom: -9px; border-width: 5px 5px 4px 4px; }
  .register-a header h2 { margin: 0 0 2px; color: #fff; font: 1.6em/1.2 DINMediumAlternate,Helvetica Neue,Helvetica,Arial,sans-serif; }
   .register-a header h2 span { display: block; }   
  .register-a header p { margin: 0; color: #fff; font: 1.3em/1.2 DINMediumAlternate,Helvetica Neue,Helvetica,Arial,sans-serif; }
 .register-a .content { position: relative; width: 200px; padding: 15px; border-right: 1px solid #b7ccdf; background: #e8f3fa; }
  .register-a .content p { width: 100%; margin: 0 0 10px; font-size: 1.1em; }
  .register-a .content p:first-child + p { margin-top: -5px; }
   .register-a .content p label, .register-a .content p span.label { display: block; margin: 0 0 5px; color: #0b4563; font-weight: bold; }
   .register-a .content p input { position: relative; height: 26px; width: 180px; padding: 0 9px; border: 1px solid #b7c2cb; line-height: 26px; }
   .register-a .content p input { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 1px #e4e4e4; -moz-box-shadow: inset 0 1px 1px #e4e4e4; -webkit-box-shadow: inset 0 1px 1px #e4e4e4; behavior: url(styles/pie.htc); }
   .js .register-a .content p > select.custom { height: 28px; visibility: hidden; }
  .register-a .content p.dob { width: 100%; }
   .register-a .content p.dob:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
   .js .register-a .content p.dob > select.custom { float: left; width: 60px; }
   .register-a .content p.dob .custom-select-container { float: left; width: 60px; margin: 0 5px 0 0; }
   .register-a .content p.dob .custom-select-container + .custom-select-container { width: 70px; }
   .register-a .content p.dob .custom-select-container + .custom-select-container + .custom-select-container { width: 60px; margin: 0; }
  .register-a .content p.note { padding-bottom: 10px; border-bottom: 1px solid #c6c6c6; border-bottom: 1px solid rgba(0,0,0,0.1); color: #888; font-size: 1em; line-height: 1.2; }
  .register-a .content p.note ~ p.note { margin-right: 30px; padding-bottom: 0; border-bottom: none; }
  .register-a .content p.facebook { }
   .register-a .content p.facebook a { display: block; overflow: hidden; width: 200px; height: 25px; background: url(../images/facebook-button-a.png) no-repeat; font-size: 0; text-indent: -10001px; }
  .register-a .content p.signin { overflow: hidden; width: 100%; text-align: right; line-height: 28px; }
   .register-a .content p.signin span { float: left; color: #0b4563; font-weight: bold; }
.register-a.gray { }
 .register-a.gray header { background: #174e86; }
 .register-a.gray header { background: -webkit-gradient(linear, 0 0, 0 100%, from(#174e86) to(#003366)); background: -webkit-linear-gradient(#174e86, #003366); background: -moz-linear-gradient(#174e86, #003366); background: -ms-linear-gradient(#174e86, #003366); background: -o-linear-gradient(#174e86, #003366); background: linear-gradient(#174e86, #003366); -pie-background: linear-gradient(#174e86, #003366); }
  .register-a.gray header:before, .register-a.gray header > .before { border-color: #021222 #021222 transparent transparent; }
 .register-a.gray .content { border-right: 1px solid #ccc; background: #dddddd; }

.search-a { }
.register-a + .search-a { margin-top: -15px;}
 .search-a h2 { position: relative; width: 211px; margin: 0 0 0 -10px; padding: 7px 10px 7px 20px; background: #be0a77; color: #fff; font: 1.6em/1.2 DINMediumAlternate,Helvetica Neue,Helvetica,Arial,sans-serif; }
  .search-a h2:before, .search-a  h2 > .before { position: absolute; left: 1px; bottom: -10px; content: ' '; overflow: hidden; width: 0; height: 0; border: 5px solid #700A48; border-color: #700A48 #700A48 transparent transparent; }
  .mac.mozilla .search-a h2:before { bottom: -9px; border-width: 5px 5px 4px 4px; }
 .search-a .content { position: relative; width: 200px; padding: 15px; border-right: 1px solid #ebc8e0; background: #fcf1f8; }
 .search-a .content p { margin: 0 0 10px; }
  .search-a .content p span.label, .search-a .content p label { display: block; margin: 0 0 5px; color: #0b4563; font-weight: bold; }
  .search-a .content p span.label ~ label { display: inline; margin: 0; color: #0b4563; font-weight: normal; }
  .search-a .content p input { position: relative; height: 26px; width: 180px; padding: 0 9px; border: 1px solid #b7c2cb; line-height: 26px; }
  .search-a .content p input { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 1px #e4e4e4; -moz-box-shadow: inset 0 1px 1px #e4e4e4; -webkit-box-shadow: inset 0 1px 1px #e4e4e4; behavior: url(styles/pie.htc); }
  .js .search-a .content p > select.custom { height: 28px; visibility: hidden; }
 .search-a .content p.age { width: 100%; }
  .search-a .content p.age:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
  .search-a .content p.age span.label ~ label { display: none; }
  .search-a .content p.age span.label ~ label ~ label { display: inline; float: left; width: 30px; text-align: center; line-height: 28px; }
  .search-a .content p.age > input { float: left; width: 65px; }
  .search-a .content p.age > select { float: left; width: 85px; }
  .search-a .content p.age .custom-select-container { float: left; width: 85px; }
.search-a.olive { }
 .search-a.olive h2 { background-color: #aeae6f; }
  .search-a.olive h2:before, .search-a.olive h2 > .before { border-color: #808036 #808036 transparent transparent; }
 .search-a.olive .content { background-color: #eeeed9; height:210px;}

.sites-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 20px; padding: 0; border-top: 8px solid #010179; }
.bigpic-a + .sites-a { margin-top: -20px; }
 .sites-a li { float: left; }
 .sites-a li + li { border-left: 1px solid #ddd; }
  .sites-a li a { float: left; width: 364px; height: 98px; background: url(../images/sites-a-bg-a.jpg) no-repeat; font-size: 0; text-indent: -10001px; }
  .sites-a li + li a { background-position: 100% 0; }

.thumbs-a, .thumbs-a > ul { list-style: none; width: 702px; margin: -12px 0 0 -12px; padding: 0; font-size: 0; }
 .thumbs-a > ul { width: auto; margin: 0; }
  .thumbs-a li { display: -moz-inline-stack; display: inline-block; width: 88px; margin: 12px 0 0 12px; font-size: 11px; vertical-align: top; }
  html* .thumbs-a li { display: inline; }
  .win.safari .thumbs-a li { float: left; }
  .win.safari .thumbs-a li:nth-child(7n+1) { clear: left; }
   .thumbs-a li a { color: #666; text-decoration: none !important; }
   .thumbs-a li img { display: block; margin: 0 0 5px; }
   .thumbs-a li strong { display: block; margin: 0 0 1px !important; color: #266484; font-size: 12px; }

/*! buttons ------- */

.button-a { display: -moz-inline-stack; display: inline-block; position: relative; height: 26px; padding: 0 20px; border: 1px solid #bebfc0; background: #f3f3f3; color: #0b4563; font-size: 11px; line-height: 26px; font-weight: bold; }
button.button-a { height: 28px; }
html* a.button-a { display: inline; }
.button-a { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff) to(#e1e1e1)); background: -webkit-linear-gradient(#ffffff, #e1e1e1); background: -moz-linear-gradient(#ffffff, #e1e1e1); background: -ms-linear-gradient(#ffffff, #e1e1e1); background: -o-linear-gradient(#ffffff, #e1e1e1); background: linear-gradient(#ffffff, #e1e1e1); -pie-background: linear-gradient(#ffffff, #e1e1e1); behavior: url(styles/pie.htc); }
.button-a:hover, .button-a:focus, .button-a:active { border-color: #aaa; color: #000; text-decoration: none; }

.button-b { display: -moz-inline-stack; display: inline-block; position: relative; height: 26px; padding: 0 20px; border: none; background: #dfeefb; color: #0b4563; font-size: 11px; line-height: 26px; font-weight: bold; }
html* a.button-b { display: inline; }
.button-b { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#bfdcf7)); background: -webkit-linear-gradient(#fff, #bfdcf7); background: -moz-linear-gradient(#fff, #bfdcf7); background: -ms-linear-gradient(#fff, #bfdcf7); background: -o-linear-gradient(#fff, #bfdcf7); background: linear-gradient(#fff, #bfdcf7); -pie-background: linear-gradient(#fff, #bfdcf7); behavior: url(styles/pie.htc); }
.button-b:hover, .button-b:focus, .button-b:active { color: #000; text-decoration: none; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.custom-select-container { position: relative; margin: 0; }
.custom2-select-container { position: relative; margin: 0; float:left;}
.custom3-select-container { position: relative; margin: 0; float:left; margin-right:px;}
.custom4-select-container { position: relative; margin: 0; }
 .js select.custom { width: 100%; height: 28px; }
 .js select.custom2 { width: 85px; height: 28px; float:left;}
 .js select.custom3 { width: 65px; height: 28px; float:left;}
 .js select.custom4 { width: 100%; height: 28px; }
 select.custom.replaced { position: relative; z-index: 10; width: 100%; height: 28px; border: 0; line-height: 28px; opacity: 0; filter: alpha(opacity=0); }
 select.custom2.replaced { position: relative; z-index: 10; width: 85px; height: 28px; border: 0; line-height: 28px; opacity: 0; filter: alpha(opacity=0); }
 select.custom3.replaced { position: relative; z-index: 10; width: 65px; height: 28px; border: 0; line-height: 28px; opacity: 0; filter: alpha(opacity=0); }
 select.custom4.replaced { position: relative; z-index: 10; width: 100%; height: 28px; border: 0; line-height: 28px; opacity: 0; filter: alpha(opacity=0); }
 span.custom-select { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; }
 span.custom2-select { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 85px; }
 span.custom3-select { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 65px; }
 span.custom4-select { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; }
  span.custom-select > span { display: block; padding: 0 25px 0 6px; border: solid 1px #c8c8c8; border: 1px solid #b7c2cb; line-height: 26px; background: #fff; }
  span.custom2-select > span { display: block; padding: 0 25px 0 6px; border: solid 1px #c8c8c8; border: 1px solid #b7c2cb; line-height: 26px; background: #fff; }
  span.custom3-select > span { display: block; padding: 0 25px 0 6px; border: solid 1px #c8c8c8; border: 1px solid #b7c2cb; line-height: 26px; background: #fff; }
  span.custom4-select > span { display: block; padding: 0 25px 0 6px; border: solid 1px #c8c8c8; border: 1px solid #b7c2cb; line-height: 26px; background: #fff; }
  span.custom-select > span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 1px #e4e4e4; -moz-box-shadow: inset 0 1px 1px #e4e4e4; -webkit-box-shadow: inset 0 1px 1px #e4e4e4; behavior: url(styles/pie.htc); }
  span.custom2-select > span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 1px #e4e4e4; -moz-box-shadow: inset 0 1px 1px #e4e4e4; -webkit-box-shadow: inset 0 1px 1px #e4e4e4; behavior: url(styles/pie.htc); }
  span.custom3-select > span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 1px #e4e4e4; -moz-box-shadow: inset 0 1px 1px #e4e4e4; -webkit-box-shadow: inset 0 1px 1px #e4e4e4; behavior: url(styles/pie.htc); }
  span.custom4-select > span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 1px #e4e4e4; -moz-box-shadow: inset 0 1px 1px #e4e4e4; -webkit-box-shadow: inset 0 1px 1px #e4e4e4; behavior: url(styles/pie.htc); }
   span.custom-select > span:before, span.custom-select > span span.before { position: absolute; right: 1px; top: 1px; bottom: 1px; content: ' '; width: 23px; height: auto; border-left: 1px solid #b7c2cb; background: url(../images/select-bg-a.png) 50% 50% no-repeat; }
   span.custom2-select > span:before, span.custom-select > span span.before { position: absolute; right: 1px; top: 1px; bottom: 1px; content: ' '; width: 23px; height: auto; border-left: 1px solid #b7c2cb; background: url(../images/select-bg-a.png) 50% 50% no-repeat; }
   span.custom3-select > span:before, span.custom-select > span span.before { position: absolute; right: 1px; top: 1px; bottom: 1px; content: ' '; width: 23px; height: auto; border-left: 1px solid #b7c2cb; background: url(../images/select-bg-a.png) 50% 50% no-repeat; }
   span.custom4-select > span:before, span.custom-select > span span.before { position: absolute; right: 1px; top: 1px; bottom: 1px; content: ' '; width: 23px; height: auto; border-left: 1px solid #b7c2cb; background: url(../images/select-bg-a.png) 50% 50% no-repeat; }
   span.custom-select span span { display: block; overflow: hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; }
   span.custom2-select span span { display: block; overflow: hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; }
   span.custom3-select span span { display: block; overflow: hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; }
   span.custom4-select span span { display: block; overflow: hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; }
/*! defaults ------ */

form { }
 label { cursor: pointer; }
 textarea { overflow: auto; resize: vertical; }
 button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { color: #036; font: 1em/1.2 Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #266484; text-decoration: none; }
a:hover, a:focus, a:active { color: #266484; text-decoration: underline; }
 a span { cursor: pointer; }

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }

#wld_badge_wrapper { list-style: none; width: 702px; margin: -12px 0 0 -12px; padding: 0; font-size: 0; width: auto;} 
#wld_badge_inner { padding: 0px; margin:0px;} 
.wld_badge_item { display: -moz-inline-stack; display: inline-block; width: 88px; margin: 12px 0px 0px 12px; font-size: 11px; vertical-align: top; float:left;} 
.wld_badge_item img { display: block; margin: 0 0 0px; width:88px; height:88px;} 
.wld_badge_item_detail { font-weight:bold; display: block; margin: 0 0 1px !important; color: #266484; font-size: 12px; } 
.wld_badge_item_region { font-size: 9px; color: #666;}  

