/*
 * Project:		Skilto
 * Date:			2009-07-09
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #e5e5e5; font-size: 62.5%; }

* html body { behavior: url("../css/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #666; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 1.25; }
textarea{ line-height: 1em;}
li, dt, dd, p, th, td, caption, pre { font-size: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; }

a { color: #3b7b8f; text-decoration: none; }
a:hover, a:focus, a:active { color: #3b7b8f; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
input#submit{ float: right; display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 978px; margin: 0 auto; }
 #top { position: relative; z-index: 120; height: 140px; background: url(../images/topbar.png) 0 100% no-repeat;  }
  #logo { position: absolute; z-index: 200; top: 10px; left: 20px; }
  #top .adzone-a { position: absolute; left: 210px; top: 15px; }
  #top .options { position: absolute; bottom: 49px; right: 35px; width: 242px; height: 39px; padding: 0; margin: 0; background: url(../images/profile-bar.png) no-repeat;  }
   #top .options li { height: 39px; list-style: none; font-size: 1.4em; font-weight: bold;  }
   #top .options li.profile { float: left; width: 105px; }
   #top .options li.register { float: right; width: 135px; }
    #top .options li a { display: block; width: 100%; height: 100%; line-height: 39px; text-align: center; }
    #top .options li.profile a { color: #3c3c3c; }
     #top .options li.profile a span { color: #e81887; }
   #top .filter { position: absolute; z-index: 100; left: 30px; top: 100px; } 
    html.js #top .filter form { display: none; }
    #top .filter p { margin: 0; padding: 10px 10px 10px 25px; width: 115px; background: url(../images/arrow-b.png) 10px 50% no-repeat; letter-spacing: 0.2em; text-transform: uppercase; color: #fff; font-weight: bold; }
    #top .filter:hover p { background-color: #f33a94; }
    #top .filter ul { display: none; position: absolute; left: 0px; top: 30px; width: 90px; padding: 10px 30px 10px; background: #f33a94; }
    #top .filter:hover ul { display: block; }
     #top .filter ul li { list-style: none; margin: 0 0 10px; padding: 0 0 0 10px; background: url(../images/arrow-d.png) 0 50% no-repeat;  }
      #top .filter ul li a { color: #fff; }
   #top .search { position: absolute; left: 235px; top: 105px; }
    #top .search p { margin: 0; }
     #top .search label { float: left; margin: 0 5px 0 0; color: #fff; line-height: 21px; }
     #top .search input { float: left; margin: 0 5px 0 0; font-size: 0.92em; float: left; width: 170px; color: #000; border: 1px solid #e9e8ed; border-top: 1px solid #b0b0b0; padding: 3px 5px; }
     #top .search button { display: block; float: left; width: 25px; height: 26px; background: url(../images/search-button-a.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }

  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav { list-style: none; margin: 0; padding: 0; }
   #nav li { }
    #nav li a { }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
 #content { width: 978px; background: url(../images/wrapper-middle.png) repeat-y; margin: 0 0 10px; float: left; }
  #content-wrapper { width: 920px; padding: 20px 29px 30px; background: url(../images/wrapper-bottom.png) 0 100% no-repeat; float: left;  }
  .primary-a { float: right; width: 610px; }

   .primary-a .col-a { width: 290px; float: left; clear: both; }
   .primary-a .col-a ul { overflow: hidden; height: 1%; list-style-type: none; padding-left: 10px; }
   .primary-a .col-a ul li { float:left; list-style-type: none; width:90px; overflow: hidden; }

   .primary-a .col-a .services-list { width: 100%; overflow: hidden; }
    .primary-a .col-a .services-list ul { width: 96px; list-style: none; float: left; padding: 0; }
     .primary-a .col-a .services-list ul li { float: none; width: auto; padding: 0 0 0 10px; margin: 0 0 5px; background: url(../images/arrow-a.png) 0 0.3em no-repeat; }

   .primary-a .col-b { width: 300px; float: right; }
  .aside-a { float: left; width: 288px; background: #f3f3f3 url(../images/categories-bottom.png) 0 100% no-repeat; }

  .primary-b { float: right; width: 690px; }
   .primary-b .main { float: left; width: 465px; }
   .primary-b .aside, .aside-c { float: right; width: 208px; background: #f3f3f3 url(../images/aside-b-bottom.png) 0 100% no-repeat; }
    .aside-c { float: left; }
    .primary-b .aside-simple, .aside-simple { background: none; }
    .primary-b .aside .wrapper, .aside-c .wrapper { background: url(../images/aside-b-top.png) no-repeat; }
  .aside-b { float: left; width: 208px; background: #f3f3f3 url(../images/aside-b-bottom.png) 0 100% no-repeat; padding: 0 0 10px; }

 #footer { background: #f2f2f2 url(../images/footer-top.png) no-repeat; width: 960px; margin: 0 auto 20px; clear: left; }
  #footer-wrapper { background: url(../images/footer-bottom.png) 0 100% no-repeat; }   
   #footer .section-a { position: relative; height: 1%; overflow: hidden; padding: 20px 20px 18px; background: url(../images/horizontal-sep.png) repeat-x; }
    #footer .section-a p { margin: 0; }
    #footer .section-a p.a { padding: 5px 0 0 ; font-size: 1.2em; color: #868686; }
     #footer .section-a p.a a { color: #868686;  }
    #footer .section-a h3 { color: #2d677a; font-size: 1.8em;  }
    #footer .section-a h3.a { float: left; margin: 0 10px 0 0; vertical-align: baseline; }
   #footer .nav { background: none; padding-top: 18px; }
   #footer .nav ul { padding: 0; margin: 0; width: 100%; overflow: hidden; }
    #footer .nav li { font-size: 1.8em; float: left; width: 150px; font-weight: bold; list-style: none; }
     #footer .nav li a { display: block; width: 140px; padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 8px no-repeat; }
      #footer .nav li ul li { font-size: 0.72em; font-weight: normal; } 
       #footer .nav li ul li a { margin: 0 0 3px; background-position: 0 4px; }
   #footer .search { }
    #footer .search p { margin: 0; }
     #footer .search label { float: left; margin: 0 5px 0 0; line-height: 21px; }
     #footer .search input { float: left; margin: 0 5px 0 0; font-size: 0.92em; float: left; width: 270px; color: #000; border: 1px solid #e9e8ed; border-top: 1px solid #b0b0b0; padding: 3px 5px; }
     #footer .search button { display: block; float: left; width: 25px; height: 26px; background: url(../images/search-button-a.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }
   #footer .create-profile { position: absolute; right: 20px; top: 10px; float: left; }
    #footer .create-profile a { position: relative; display: block; float: left; height: 36px; padding: 0 20px 0 0; font-size: 1.08em; line-height: 36px; background: url(../images/button-a.png) 100% 0 no-repeat; font-weight: bold; }
     #footer .create-profile a span { display: block; height: 100%; float: left; padding: 0 0 0 20px; background: url(../images/button-a.png) no-repeat; }
   #footer .partners { padding: 0; width: 100%; overflow: hidden; margin: 0; }
    #footer .partners li { float: left; margin: 0 23px 0 0; list-style: none; }

 .adzone-c { position: absolute; top: 180px; left: 50%; margin: 0 0 0 500px; }
      
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #000;  }
h1 { font-size: 2.2em; }
h2 { font-size: 2.2em; }
h2.a { font-weight: normal; }
 h2.a span { font-size: 0.63em; } 
 h2 span.premium { color: #e82388; }   
h3 { font-size: 2.2em; }
 h3 span { color: #e71887; }
h3.a { font-size: 1.8em; }
h3.b { font-weight: normal; }
h3.b-b { color: #2d677a; }
h3.c { font-size: 1.4em; color: #2d677a; padding: 0 0 5px; background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0; }
h3.d { color: #2d677a; }                                                                                                        
h3.e { padding: 0 0 5px; background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0 0 10px; }
h3.f { font-size: 1.6em; font-weight: normal; padding: 0 0 5px; background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0 0 10px; }
h3.g { font-size: 1.6em; font-weight: normal; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

.slider { position: relative; width: 100%; height: 26px; background: url(../images/slider-bar.png) 50% 50% repeat-x; margin: 0 0 15px; }
.ui-slider-handle { background: url(../images/slider-handle.png); overflow: visible; height: 23px; left: 0px; position: absolute; top: 0px; width: 12px; z-index: 1; }
 .ui-slider-range { background-color: black; height:4px; opacity: 0.3; position: absolute; margin-top: 11px; }
  .slider .handle { position: absolute; top: 0; display: block; width: 12px; height: 26px; background: url(../images/slider-handle.png) no-repeat; cursor: move; }

/* ratings */

.rating-a { width: 48px; height: 8px; background: url(../images/star-rater.png) no-repeat; }
 .rating-a span { display: block; height: 8px; background: url(../images/star-rater.png) 0 -8px no-repeat; text-indent: -999em; overflow: hidden; }
 .rating-a span.rate-0 { width: 0px; }
 .rating-a span.rate-1 { width: 10px; }
 .rating-a span.rate-2 { width: 20px; }
 .rating-a span.rate-3 { width: 30px; }
 .rating-a span.rate-4 { width: 40px; }
 .rating-a span.rate-5 { width: 48px; }

/* lists */
ul.list-c { padding: 0; margin: 0 0 20px; list-style: none; }
 ul.list-c li { padding: 5px 0; background: url(../images/hor-dots.png) 0 100% repeat-x; font-size: 1.2em; }

ul.list-date li { position: relative; padding: 5px 90px 5px 0; }
 ul.list-date li .date { position: absolute; right: 0; top: 5px; }

/* errors */
.valid{ margin: 5px 5px; padding: 10px; font-size: 1.8em; border-color: green; background-color: #A0C676; color: #6B9E34;}
.invalid{ margin: 5px 5px; padding: 10px; font-size: 1.8em; border-color: red; background-color: #ff9799; color: #9f0002;}
ul.errors{ background-color: #ff9799; color: #9f0002; border-top: #9f0002 solid thin; border-bottom:  #9f0002 solid thin; padding: 2px 0px; margin: inherit; list-style-type: none;}
label.required:after { content: '*';}
.loading { display:none;}

/* jQuery hint */ 
.blur{color: #9a9a9a;}

/* ELEMENTS
------------------------------------------- */
.options-bar { position: relative; z-index: 300; width: 100%; background-color: #d9d9d9; }
 .options-bar .wrapper { width: 960px; margin: 0 auto; height: 22px; }
  .options-bar p { margin: 0; font: normal 1.2em/22px "Trebuchet MS",Arial,Helvetica,sans-serif; }
  .options-bar h1, .options-bar p.desc { float: left; width: 600px; overflow: hidden; font: normal 1.2em/20px "Trebuchet MS",Arial,Helvetica,sans-serif; color: #797979; margin: 0; }
  .options-bar .col-b { float: right; }
   .options-bar .login { float: left; margin: 0 30px 0 0; }
    .options-bar .login a { color: #415e9a; text-decoration: none; }
    .options-bar .login a.facebook { display: block; line-height: 20px; padding: 0 105px 0 0; background: url(../images/social_networks.png) 100% 50% no-repeat;  }
   .options-bar .languages { position: relative; float: left; }
   
   html.js .options-bar .languages form#top-bar { display: none; }

   .options-bar ul { display: none; position: absolute; z-index: 200; top: 21px; left: -10px; display: none; padding: 5px 20px 0; margin: 0; background: #d9d9d9; }
   * html .options-bar ul { top: 18px; zoom: 1; }
   .options-bar-b ul { top: auto; bottom: 21px; }   
   * html .options-bar-b ul { top: auto; bottom: 18px; }
    .options-bar ul li { list-style: none; margin: 0 0 5px; white-space: nowrap; font-size: 1.2em; }

    .options-bar .languages p { color: #808080; padding: 0 0 0 12px; background: url(../images/language-arrow.png) 0 50% no-repeat; }
     .options-bar .languages p img { vertical-align: middle; }
     .options-bar .languages:hover ul { display: block; } 

   .options-bar .user-options { position: relative; float: left; margin: 0 30px 0 0; }
    .options-bar .user-options p { padding: 0 0 0 12px; background: url(../images/language-arrow.png) 0 50% no-repeat; }
    .options-bar .user-options ul { }
    .options-bar .user-options:hover ul { display: block; }
     .options-bar .user-options ul li { list-style: none; margin: 0 0 5px; white-space: nowrap; font-size: 1.2em; padding: 0 0 0 20px; min-height: 16px; line-height: 1.33; }
     .options-bar .user-options ul li.user-account { background: url(../images/user-icos/account.png) no-repeat; }
     .options-bar .user-options ul li.user-inbox { background: url(../images/user-icos/inbox.png) no-repeat; }
     .options-bar .user-options ul li.user-edit { background: url(../images/user-icos/edit.png) no-repeat; }
     .options-bar .user-options ul li.user-logout { background: url(../images/user-icos/logout.png) no-repeat; }


p.leadin { font-size: 2.2em; color: #ee1a8c; }
.form-map { }
 .form-map select { width: 100%; }
 .form-map .submit { position: absolute; left: -999em; }

.adzone-b { margin: 0 0 15px; }
.primary-a .section-a { padding: 15px 20px 0; border: 1px solid #d1d1d1; margin: 0 0 15px; min-height: 235px; }
 .primary-a .section-a h3 { margin: 0 0 5px; }
  .primary-a .section-a h3 img { vertical-align: bottom; }
 .primary-a .section-a ul { padding: 0; margin: 0 0 5px; }
  .primary-a .section-a ul li { list-style: none; padding: 6px 0 7px; background: url(../images/hor-dots.png) 0 100% repeat-x; }
   .primary-a .section-a ul li p { margin: 0; }
   .primary-a .section-a ul li blockquote { padding: 0; }
    .primary-a .section-a ul li blockquote p { font-style: italic; }
 .primary-a .section-a .more { text-align: right; }

 .aside-a h2 { color: #2d677a; padding: 10px 18px; background: url(../images/categories-top.png) no-repeat; }
  .aside-a ul { padding: 0; margin: 0 0 10px; list-style: none; }
   .aside-a ul li { background: url(../images/horizontal-sep.png) repeat-x; font-size: 1.6em; font-weight: bold; width: 100%; }
    .aside-a ul li a { position: relative; display: block; height: 1%; padding: 13px 30px 13px 60px; background: url(../images/categories-arr-a.png) 260px 50% no-repeat; }
     .aside-a ul li a img { position: absolute; left: 10px; top: 2px; background: url(../images/categories-arr-b.png) -999em 0 no-repeat; } /* background rule is just for preloading the image */
     .aside-a ul li.active a { background: url(../images/categories-arr-b.png) 257px 50% no-repeat; }
     .aside-a ul li ul { position: relative; display: none; padding: 0 0 10px 60px; margin: 0; overflow: hidden; width: 220px; }
     .aside-a ul li.active ul { display: block; }
      .aside-a ul li ul li { font-size: 0.81em; background: url(../images/arrow-a.png) 0 50% no-repeat; padding: 2px 8px; font-weight: normal; }
       .aside-a ul li ul li a { display: inline; padding: 0; background: none; }

.primary-b .aside .section, .aside-c .section { width: 168px; padding: 17px 20px 15px; background: url(../images/horizontal-sep.png) repeat-x; overflow: hidden; }
.primary-b .aside .section-first, .aside-c .section-first { background: none; padding: 15px 20px; }
 .primary-b .aside h3, .aside-c h3 { font-size: 1.5em; margin: 0 0 10px; color: #2d677a; }
 .primary-b .aside ul, .aside-c ul { padding: 0; margin: 0; }
  .primary-b .aside ul li, .aside-c ul li { list-style: none; padding: 0 0 0 8px; background: url(../images/arrow-a.png) 0 0.5em no-repeat; line-height: 1.6; }

 /* No results found */
 .request { width: 430px; height: 84px; background: #F3F3F3; padding: 15px 0 0 23px; margin: 0 0 20px 0; overflow: hidden; }
  .request h4 { font-size: 1.6em; color: #2d677a; margin: 0 0 5px; }
  .request p { float: left; width: 420px; margin: 0 15px 0 0;  }
  .request p.submit { margin: 5px; width: 100px;  float:right }
   .request p.submit button { display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; border: none; }

 /* profile page */
 .aside-c p { margin: 0; line-height: 1.54; }
  .aside-c h3.contact-info { line-height: 1.4; }
  .aside-c .vcard { color: #2d677a; padding: 0 0 0 3px; }
  .aside-c .langs { padding: 0; margin: 0 0 10px; list-style: none; overflow: hidden; width: 100%; }
   .aside-c .langs li { float: left; padding: 0; background: none; margin: 0 5px 0 0; }
  .aside-c .list-a { padding: 0; margin: 0 0 10px; list-style: none; }
   .aside-c .list-a li { position: relative; background: none; padding: 0 0 0 30px; margin: 0 0 10px; }
   * html .aside-c .list-a li { height: 1%; }
    .aside-c .list-a li img { position: absolute; left: 0; }
    .aside-c .list-a li img.share-favorite { left: 3px; }
    .aside-c .list-a li img.share-profile { top: 3px; left: 5px; }
  .aside-c h4 { font-size: 1.2em; color: #4c4c4c; }
  .aside-c .section-alt p { font-size: 1.2em; }
  .aside-c .promo { background: url(../images/promo-b.png) 100% 2px no-repeat; }

 .aside-c p.sep { padding: 0 0 10px; background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0 0 10px; }
  .aside-c .payment { width: 100%; padding: 0; margin: 0; overflow: hidden; }
   .aside-c .payment li { display: inline; background: none; padding: 0; margin: 0 5px 0 0; }
    .aside-c .payment li img { vertical-align: middle; }

 .aside-c p.more { background: url(../images/arrow-a.png) 0 50% no-repeat; padding: 0 0 0 10px; }
  .aside-c .gmap {margin: 0; width:170px; height:150px;}

.breadcrumbs { position: relative; clear: both; width: 100%; height: 1em; margin: -10px 0 10px; }
 .breadcrumbs p { float: left; margin: 0 5px 0 0; font-size: 1em; }
 .breadcrumbs ul { float: left; padding: 0; margin: 0; }
  .breadcrumbs ul li { position: relative; float: left; list-style: none; margin: 0 5px 0 0; font-size: 1em; }
  * html .breadcrumbs ul li { height: 1%; }   
   .breadcrumbs ul li a { float: left; padding: 0 8px 0 0; background: url(../images/breadcrumbs-sep.png) 100% 50% no-repeat; }
   .breadcrumbs ul li ul { display: none; position: absolute; z-index: 300; top: 1.2em; left: 0; float: none; background: #fff; padding: 10px 10px 5px; border: 1px solid #ccc; }
    .breadcrumbs ul li ul li { list-style: none; float: none; margin: 0 0 5px; }
     .breadcrumbs ul li ul li a { display: block; padding: 0 0 0 8px; float: none; background-position: 0 50%; white-space: nowrap; }
  .breadcrumbs ul li.categories { position: static; }
   .breadcrumbs ul li.categories ul { width: 510px; }
    .breadcrumbs ul li.categories ul li { font-size: 1.1em; float: left; width: 170px; }
     .breadcrumbs ul li.categories ul li a { background: none; padding: 0 0 0 23px; position: relative; min-height: 15px; line-height: 15px; height: 1%; }
      .breadcrumbs ul li.categories ul li a img { display: block; position: absolute; left: 0; top: 0; }

.profile-a { position: relative; background: url(../images/hor-dots.png) repeat-x; margin: 0 0 10px; width: 100%; }
 .profile-a .wrapper { background: url(../images/hor-dots.png) 0 100% repeat-x; padding: 8px 8px 8px 100px; }
 .profile-a .avatar { position: absolute; left: 8px; top: 8px; width: 82px; }
  .profile-a .avatar p { margin: 0 auto 5px; }
 .profile-a p.promo { position: absolute; display: block; right: 0; top: 0; width: 44px; height: 44px; background: url(../images/promo.png) no-repeat; text-indent: -999em; overflow: hidden; }
 .profile-a .h { width: 100%; overflow: hidden; }
  .profile-a .h h3 { float: left; font-size: 1.8em; margin: 0 10px 0 0; }
  .profile-a .h ul { padding: 0; margin: 4px 0 0; float: left; overflow: hidden; }
   .profile-a .h ul li { float: left; list-style: none; margin: 0 4px 0 0; }
  .profile-a .h h4 { clear: both; font-size: 1.4em; margin: 0 0 5px; }
 .profile-a p { margin: 0 0 5px; }
 .profile-a p.tags { margin: 0 0 10px; }
  .profile-a p.tags a { text-decoration: underline; }
  .profile-a p.tags a:hover { text-decoration: none; }
 .profile-a ul.badges { width: 100%; overflow: hidden; padding: 0; margin: 0; }
  .profile-a ul.badges li	{ float: left; margin: 0 10px 0 0; list-style: none; line-height: 21px; }
 .profile-a p.more { position: absolute; right: 0; bottom: 0; width: 21px; height: 20px; background: url(../images/profile-more.png) no-repeat; margin: 0; }
  .profile-a p.more a { display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; }

.profile-premium { border: 1px solid #ea278a; background: #e5e5e5 url(../images/profile-premium-bg.png) repeat-x; } 
 .profile-premium .wrapper { background: none; }
 .profile-premium .h h3 { padding: 0 0 0 12px; background: url(../images/profile-premium-star.png) 0 0.3em no-repeat; }

.pagination { position: relative; height: 1%; overflow: hidden; padding: 0 100px; text-align: center; }
 .pagination li { display: inline; margin: 0 3px; list-style: none; font-weight: bold; }
.aside ul.pagination { margin: 10px 0 0; }
 .aside ul.pagination li { background: none; padding: 0; }
  .pagination li a { text-decoration: underline; }
  .pagination li a:hover { text-decoration: none; }
 .pagination li.prev { position: absolute; left: 0; top: 0; padding: 0 0 0 8px; background: url(../images/arrow-c.png) 0 50% no-repeat; }
 .pagination li.next { position: absolute; right: 0; top: 0; padding: 0 8px 0 0; background: url(../images/arrow-a.png) 100% 50% no-repeat; }
  .pagination li.prev a, .pagination li.next a { text-decoration: none; }
  .pagination li.prev a:hover, .pagination li.next a:hover { text-decoration: underline; }

.aside-b h3 { background: url(../images/aside-filter-top.png) no-repeat; padding: 14px 15px; font-size: 1.7em; letter-spacing: -0.1em; margin: 0; color: #2d677a; }
.aside-b p, .aside-b li { font-size: 1.2em; margin: 0; color: #2d677a; }
.aside-b .section { background: url(../images/horizontal-sep.png) repeat-x; padding: 8px 15px; }

html.js .aside-b div.filter { padding-bottom: 3px; }
 html.js .aside-b div.filter div.wrapper { position: relative; display: none; width: 100%; }
  html.js .aside-b div.filter h4 { display: block; cursor: pointer; background: url(../images/categories-arr-a.png) 100% 50% no-repeat; }

html.js .aside-b div.active { padding-bottom: 8px; }
 html.js .aside-b div.active div.wrapper { display: block; margin: 0 0 5px; }
  html.js .aside-b div.active h4 { background-image: url(../images/categories-arr-b.png);  }

 .aside-b h4 { font-size: 1.4em; color: #2d677a; margin: 0 0 5px; }
 .aside-b select { width: 100%; }
 .aside-b ul { margin: 0; width: 100%; overflow: hidden; list-style: none; padding: 0; }
  .aside-b ul.list-a li { float: left; width: 55px; }
   .aside-b ul.list-a li input { float: left; margin: 0 5px 0 0; }
   .aside-b ul.list-a li label { float: left; }
  .aside-b ul.list-b li { float: left; width: 89px; letter-spacing: -0.05em; }
   .aside-b ul.list-b li input { }
 .aside-b p.price { width: 100%; overflow: hidden; font-size: 1.2em; line-height: 20px; }
  .aside-b p.price label { display: block; float: left; margin: 0 3px 0 0; }
  .aside-b p.price input { float: left; width: 47px; padding: 2px 0 3px; margin: 0 3px 0 0; color: #2d677a; background: url(../images/filter-input.png) no-repeat; font-size: 14px; text-align: center; font-weight: bold; border: none; }
  .aside-b p.price span { float: left;  }
 .aside-b label img { vertical-align: middle; }
 .aside-b ul#member_type li{padding: 5px 0px;}

.aside-b .tabbed { padding: 8px 10px; }
 .aside-b ul.tabs { width: 100%; overflow: hidden; padding: 0; margin: 0; }
  .aside-b ul.tabs li { display: inline; float: left; margin: 0 0 0 1px; height: 24px; line-height: 24px; width: 62px;  }
   .aside-b ul.tabs li a { display: block; width: 100%; height: 100%; background: #3c7d91 url(../images/filter-tab.png) no-repeat; color: #fff; text-align: center; }
  .aside-b ul.tabs li.first { margin: 0; }
   .aside-b ul.tabs li a.active, .aside-b ul.tabs li a:hover { color: #2d677a; background-color: #e5e5e5; text-decoration: none; }
 .aside-b .tabbed .section-b { background: #e5e5e5; padding: 9px 12px; margin: 0 0 10px; }
 html.js .aside-b .tabbed .section-b { display: none; }
 html.js .aside-b ul.tabs { margin-top: 5px; }
 html.js .aside-b .tabbed h4 { margin: 0 5px 5px; }
 html.js .aside-b .tabbed .active-a { display: block; }

  .aside-b .tabbed .section-b p { margin: 0 0 5px; }
  .aside-b .tabbed .section-b h5 { font-size: 1.2em; font-weight: normal; color: #2d677a; margin: 0 0 5px; }
 .aside-b .tabbed .gmap { border: 3px solid #fff; margin: 0; width:182px; height:150px;}
 .gmap-infowindow {display: block; padding: 2px; margin: 0px; max-width: 180px; max-height: 100px;}
 .aside-b p.full-screen { padding: 0 0 0 13px; background: url(../images/arrow-a.png) 5px 50% no-repeat; }

.aside-b .payment li { line-height: 31px; }

/* autocomplete */
.ac_results {padding: 0px; border: 1px solid #E71887; background-color: white; overflow: hidden; z-index: 99999;}
 .ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
  .ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden;}
.ac_loading {background: white url('../images/ajax-loader.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #2D677A; color: white;}

/* Profile page */
.aside .profile-premium { background: none; border: none; }
.aside .profile-c { position: relative; padding: 0 0 5px 45px; margin: 0 0 5px; background: url(../images/hor-dots.png) 0 100% repeat-x; overflow: hidden; min-height: 48px; } 
* html .aside .profile-c { height: 50px; }
 .aside .profile-c .thumb { position: absolute; left: 0; top: 0; margin: 0; }
 .aside .profile-c h4 { font-size: 1.2em; margin: 0; line-height: 1.1; }
 .aside .profile-premium h4 { padding: 0 0 0 10px; background: url(../images/profile-premium-star.png) 0 2px no-repeat; }
 .aside .profile-c p { font-size: 1.2em; margin: 0; line-height: 1.1; }
 .aside .more { float: right; padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; margin: 0; font-size: 1.2em; }

.section-resources .resource { padding: 10px 0 0; background: url(../images/hor-dots.png) repeat-x; margin: 0 0 10px; width: 100%; }
 .section-resources .resource-first { padding: 0; background: none; }
  .section-resources .resource h3 { font-size: 1.4em; margin: 0; }
  .section-resources .resource p { margin: 0; font-size: 1.2em; }

.profile-options { position: relative; z-index: 75; width: 100%; float: left; line-height: 1.4; }
 .profile-options .back { float: left; }
 .profile-options .print { float: right; font-size: 1.2em; font-weight: bold; padding: 0 0 0 20px; background: url(../images/ico-print.png) no-repeat; }
 .profile-options .translate { position: relative; display: inline; float: right; margin: 0 20px 0 0; }
  .profile-options .translate p { font-weight: bold; font-size: 1.2em; background: url(../images/arrow-e.png) 100% 50% no-repeat; padding: 0 20px 0 0; color: #2d677a; cursor: pointer; } 
  .profile-options .translate ul { display: none; position: absolute; top: 20px; left: 0; z-index: 100; background: #fff; padding: 10px; border: 1px solid #ccc; }
  .profile-options .translate:hover ul { display: block; }
   .profile-options .translate ul li { list-style: none; padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; font-size: 1.1em; }

.profile-b { position: relative; z-index: 50; background: url(../images/hor-dots.png) repeat-x; margin: 0 0 10px; width: 100%; clear: left; }
 .profile-b .wrapper { background: url(../images/hor-dots.png) 0 100% repeat-x; padding: 8px 0; overflow: hidden;}
 .profile-b .avatar { float: left; margin: 0 10px 10px 0; }
 .profile-b .h { }
  .profile-b .h h2 { margin: 0; }
  .profile-b .h h3 { font-size: 1.8em; color: #2d677a; margin: 0; }
  .profile-b .h p.location { font-size: 1.8em; color: #2d677a; margin: 0 0 10px; }

 .profile-b p { margin: 0 0 5px; }
 .profile-b p.tags { margin: 0 0 10px; }
  .profile-b p.tags a { text-decoration: underline; }
  .profile-b p.tags a:hover { text-decoration: none; }
 .profile-b ul.badges { overflow: hidden; padding: 0; margin: 0; }
 * html .profile-b ul.badges { height: 1%; }
  .profile-b ul.badges li	{ float: left; margin: 0 10px 0 0; list-style: none; line-height: 21px; }

 .profile-b .ratings { float: right; width: 115px; }
  .profile-b .rating { width: 100%; overflow: hidden; }
   .profile-b .rating h4 { font-size: 1.1em; color: #2d677a; float: left; margin: 0; font-weight: normal; }
   .profile-b .rating .rating-a { float: right; margin: 3px 0 0; }

.profile-section { width: 100%; overflow: hidden; background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0 0 10px; }
 .profile-section p { font-size: 1.2em; }
 .profile-section h4 { color: #2d677a; margin: 0 0 10px; }
 html.js .toggling h4 { background: url(../images/arrow-e.png) 100% 50% no-repeat; cursor: pointer; }
  html.js .toggled-off h4 { background: url(../images/arrow-a.png) 100% 50% no-repeat; }
  html.js .toggled-off .content { display: none; }

.profile-section-b { position: relative; background: none; }
 .profile-section-b h4, html.js .profile-section-b h4 { background: url(../images/hor-dots.png) 0 100% repeat-x; padding: 0 0 5px;  }
 html.js .profile-section-b .trigger { position: absolute; right: 0; top: 0; float: right; background: url(../images/arrow-f.png) 0 50% no-repeat; padding: 0 0 0 10px; }
 html.js .toggled-off .trigger { background: url(../images/arrow-g.png) 0 50% no-repeat; }
 .profile-section-b .content { padding: 20px 30px; width: 405px; overflow: hidden; margin: 0 0 10px; }

.contact-a p { font: bold 1.4em/30px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; width: 100%; overflow: hidden; }
 .contact-a span { position: absolute; left: -999em; }
 .contact-a a { display: block; height: 30px; }
 .contact-a .recommend { width: 130px; background: url(../images/button-b.png) no-repeat; color: #fff; float: left; margin: 0 20px 0 0; }
 .contact-a .recommend:hover { color: #fff; }
 .contact-a .reminder { width: 149px; background: url(../images/button-c.png) no-repeat; color: #ec1f80; float: left; }
 .contact-a .reminder:hover { color: #ec1f80; }
 .contact-a .skilto { width: 149px; background: url(../images/button-c.png) no-repeat; color: #ec1f80; float: right; }
 .contact-a .skilto:hover { color: #ec1f80; }

.about-a { background: #ecf2f5; margin: 0 0 15px; padding: 15px; overflow: hidden; }
 .about-a p { font-size: 1.8em; color: #656565; margin: 0; }

.comments-a { }
 .comments-a p { position: relative; font-size: 1.2em; }
  html.js .comments-a label { position: absolute; left: 5px; top: 3px; }
  .comments-a textarea { width: 453px; padding: 3px 5px; border: 1px solid #ccc; }
  .comments-a p.submit { width: 100%; overflow: hidden; }
   .comments-a p.submit button { float: right; display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; font: 1em/26px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; color: #fff; border: none; }
 .comments-a ul { margin: 0 0 10px; padding: 0; list-style: none; }
  .comments-a ul li { margin: 0 0 5px; font-size: 1.2em; }
  .comments-a ul li.author { background: #ecf2f5; padding: 10px; border: 1px solid #b7cfd7; }
   .comments-a ul li span.date { color: #b0b0b0; }
 .comments-a p.more { padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; }

.profile-misc-info p { padding: 0 0 0 28px; margin: 0 0 15px; min-height: 17px; }
* html .profile-misc-info p { height: 17px; }

.profile-misc-info p.diplomas { background: url(../images/profile-icos/diplomas.png) 3px 0 no-repeat; }
.profile-misc-info p.awards { background: url(../images/profile-icos/awards.png) 3px 0 no-repeat; }
.profile-misc-info p.experience { background: url(../images/profile-icos/experience.png) 0 2px no-repeat; }
.profile-misc-info p.personal { background: url(../images/profile-icos/personal.png) 0 2px no-repeat; }

.misc-media { padding: 0; margin: 0 0 10px; list-style: none; text-align: center; }
 .misc-media li { display: inline; }

 .recommendations-a .rating { float: left; margin: 0 10px 0 0; }
  .recommendations-a .rating h5 { font-size: 1.1em; color: #2d677a; float: left; margin: 0 5px 0 0; font-weight: normal; }
  .recommendations-a .rating .rating-a { float: left; margin: 3px 0 0; }
 .recommendations-a .comment { margin: 0; clear: left; }
 .recommendations-a .author { font-style: italic; }

/* subscribe form */
body.subscribe { background: #fff; padding: 10px; }
 #subscribe-form { width: 487px; padding: 0 0 5px; margin: 0 auto; background: url(../images/subscribe-bg.png) 0 100% no-repeat; }
  #subscribe-form .wrapper { margin: 0 auto; width: 100%; background: url(../images/subscribe-bg.png) no-repeat; padding: 5px 0 0; }
   #subscribe-form h1 { width: 430px; min-height: 58px; font-size: 2.2em; margin: 0 auto; background: url(../images/subscribe-header.png) 100% 100% no-repeat; line-height: 58px; }
   #subscribe-form h1 a {font-size: 0.8em;}
   * html #subscribe-form h1 { height: 58px; }
    #subscribe-form h1 sup { font-size: 0.5em; }
   #subscribe-form .section { width: 457px; margin: 0 auto 10px; background: url(../images/subscribe-section.png) 0 100% no-repeat; padding: 0 0 5px; }
    #subscribe-form .section form { display: block; width: 427px; padding: 15px 15px 10px; background: url(../images/subscribe-section.png) no-repeat; }
     #subscribe-form h2 { color: #2d677a; font-size: 2em; font-weight: normal; }
     #subscribe-form p { font-size: 1.2em; width: 100%; overflow: hidden; }
      #subscribe-form label { float: left; width: 205px; line-height: 1.5; font-size: 1.08em; }
       #subscribe-form label em { color: #2d677a; }
      #subscribe-form input, #subscribe-form select { width: 210px; float: left; }
      #subscribe-form input { background: #fff; border: 1px solid #ccc; padding: 2px; width: 215px; }
     #subscribe-form p.checkbox input { border: none; width: auto; padding: 0; background: none; float: left; } 
     #subscribe-form p.submit { margin: 0; }
      #subscribe-form p.submit button { float: right; display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; font: 1em/26px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; color: #fff; border: none; }
     #subscribe-form p.info { text-align: right; font-size: 1em; margin-top: -10px; color: #2d677a; }
  #subscribe-form #gigya {float:right;}
  #subscribe-form #account {padding-top: 20px;}
  #subscribe-form #captcha-input{float:right;}

/* registration */
.registration { margin: 20px 0; }
 .primary-c { width: 691px; margin: 0 auto 5px; padding: 0 0 10px; background: url(../images/col-a.png) 0 100% no-repeat; }
  .primary-c .wrapper-c { position: relative; width: 633px; padding: 25px 29px 0; background: url(../images/col-a.png) no-repeat; }
   .registration-result { padding: 55px 0; text-align: center; }
  .registration-nav { width: 691px; overflow: hidden; margin: 15px auto 0; font-size: 1.2em; }
   .registration-nav a { float: right; display: block; width: 116px; height: 26px; background: url(../images/button-e.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; }
   .registration-nav a:hover { color: #fff; text-decoration: none; }
   .registration-nav button, .registration-nav input { float: right; display: block; width: 116px; height: 26px; background: url(../images/button-e.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; border: none; }
   .registration-nav a.add-profile { float: left; background: url(../images/add-profile-button.png) no-repeat; width: auto; padding: 0 0 0 35px; color: #366d80; }
   .registration-nav a.add-profile:hover { color: #366d80; text-decoration: underline; }

 h2.tick { line-height: 29px; }
  h2.tick img { vertical-align: middle;  }
 p.tick { min-height: 29px; padding: 0 0 0 40px; background: url(../images/tick.png) no-repeat; }

.stages-a { position: absolute; right: 25px; top: 17px; }
 .stages-a span.label { float: left; line-height: 31px; color: #000; }
 .stages-a span.s, .stages-a strong { float: left; line-height: 29px; margin: 0 0 0 5px; text-align: center; background: url(../images/stages.png) no-repeat; width: 31px; height: 31px; font-size: 1.08em; }
 .stages-a span.s { color: #2e2e2e; }
 .stages-a strong { color: #fff; background-position: 0 100%; }

.account-types { width: 632px; height: 212px; overflow: hidden; margin: 0 0 15px; }
 .account-types .type { width: 192px; float: left; margin: 0 4px 0 0; text-align: center; padding: 140px 8px 0; height: 72px; background: url(../images/account-types.png) no-repeat; }
 .account-types .clickable { cursor: pointer; }
 .account-types .type-amateur { background-position: 0 0; }
 .account-types .type-amateur-disabled { background-position: 0 100%; }
 .account-types .type-professional { background-position: -212px 0; }
 .account-types .type-professional-disabled { background-position: -212px 100%; }
 .account-types .type-enterprise { background-position: 100% 0; margin: 0; }
 .account-types .type-enterprise-disabled { background-position: 100% 100%; margin: 0; }
  .account-types .type h3 { color: #3d7d91; margin: 0; }
  html.js .account-types .type h3 a { text-decoration: none; }
  .account-types .type p { font-size: 1.2em; }

 .account-types .type-amateur-disabled,  
 .account-types .type-professional-disabled,  
 .account-types .type-enterprise-disabled { color: #d0d0d0;  }

 .account-types .type-amateur-disabled h3,  .account-types .type-amateur-disabled h3 a,
 .account-types .type-professional-disabled h3,  .account-types .type-professional-disabled h3 a,
 .account-types .type-enterprise-disabled h3, .account-types .type-enterprise-disabled h3 a { color: #c5d5da; }

.section-c { width: 632px; padding: 20px 0 0; background: url(../images/section-c.png) no-repeat; margin: 0 0 10px; }
 .section-c .section-c-wrapper { width: 572px; min-height: 90px; padding: 0 30px 5px; background: url(../images/section-c.png) 0 100% no-repeat; overflow: hidden; }

.section-c h3 { color: #3d7d91; }

.section-c span.premium { color: #fd4e9f; }

.advantages { width: 575px; padding: 10px 0 0; background: url(../images/section-c-a-top.png) no-repeat; margin: 0 0 15px; }
 .advantages-wrapper { width: 575px; background: url(../images/section-c-a-bottom.png) 0 100% no-repeat; overflow: hidden;  }
  .advantages-wrapper .item { display: inline; float: left; width: 130px; margin: 0 0 0 10px; padding: 5px 10px 0 45px; background: url(../images/tick.png) 10px 0 no-repeat; }
  .advantages-wrapper .first { margin: 0; }
   .advantages-wrapper h4 { font-size: 1.8em; color: #3d7d91; margin: 0; }
   .advantages-wrapper p { font-size: 1.2em;  }

.advantages-b { width: 465px; background: url(../images/advantages-b.png) no-repeat; padding: 7px 0 0; }
 .advantages-b .advantages-wrapper { background: url(../images/advantages-b.png) 0 100% no-repeat; padding: 0 0 7px; overflow: hidden; }
  .advantages-b .item { width: 103px; margin: 0 0 0 2px; padding-left: 40px; background-position: 5px 0; }

.package-a h4 { float: left; font-size: 1.8em; font-weight: normal; color: #3d7d91; position: relative; padding: 0 20px; left: -10px; background: url(../images/tick-small.png) -999em 0 no-repeat; }
.package-a h4.active { background-position: 100% 50%; }
 .package-a h4 input { position: absolute; left: 0; top: 5px; font-size: 13px; height: 13px; padding: 0; }
 .package-a h4 span { font-weight: bold; }
 .package-a h4 em { font-size: 0.72em; color: #fd4e9f; }

.pricing { clear: left; width: 565px; padding: 10px 0 0; background: url(../images/section-c-b-top.png) no-repeat; margin: 0 0 15px 10px;  }
 .pricing .pricing-wrapper { width: 515px; padding: 0 25px; background: url(../images/section-c-b-bottom.png) 0 100% no-repeat; }
  .pricing table { width: 100%; border: none; border-collapse: collapse; margin: 0; }
   .pricing table th, .pricing table td { font-size: 1.5em; color: #3d7d91; border: none; padding: 5px 0; } 
   .pricing table th { text-align: left; font-weight: normal; }
   .pricing table td { text-align: right; }
    .pricing table span { font-weight: bold; }
    .pricing table span.unlimited { font-weight: normal; color: #fd4e9f;  }

.package-b { margin: 0 0 30px; padding: 0; list-style: none; width: 632px; }
 .package-b li { width: 100%; overflow: hidden; height: 51px; margin: 0 0 1px; background: url(../images/package-compact.png) no-repeat; line-height: 51px; font-size: 1.8em; color: #3d7d91; }
  .package-b li label { display: inline; float: left; margin: 0 0 0 15px; padding: 0 20px 0 0; background: url(../images/tick-small.png) -999em 50% no-repeat;  }
  * html .package-b li label { padding: 12px 20px 12px 0;  }
  .package-b li.active label { background-position: 100% 50%; }
   .package-b li em { font-size: 0.72em; color: #fd4e9f; }
   .package-b li label input { margin: 0 15px 0 0; }
   .package-b li label span { font-weight: bold;  }
  .package-b li span.price { display: inline; float: right; margin: 0 15px 0 0; text-align: right; font-weight: bold; }
  
.form-a { display: block; margin: 0 5px;  }
 .form-a p, .form-a div.row { position: relative; width: 100%; overflow: hidden; margin: 0 0 15px; }
 .form-a #sep{padding: 10px 0; background: url(../images/horizontal-sep.png) bottom repeat-x; overflow: hidden;}
 
 .form-a label, .form-a .label { float: left; width: 200px; padding: 0 15px 0 0; line-height: 26px; margin: 0; }
  .form-a-a label, .form-a-a .label { width: 230px; }

 .form-a .field-a { width: 220px; float: left; } 
 .form-a .field-b { width: 120px; float: left; }
 .form-a .field-c { width: 400px; float: left; }
 .form-a .field-d { width: 25px; }
 .form-a .field-e { width: 260px; }
 .form-a input.field-a, 
 .form-a input.field-b, 
 .form-a input.field-c,
 .form-a input.field-d,
 .form-a input.field-e { border: 1px solid #ddd; border-top: 1px solid #565656; padding: 2px; }

 .form-a select.field-a { width: 226px; }

 .form-a div.row fieldset, .form-a div.row div.group { border: none; width: 404px; float: left; padding: 0; margin: 0; }
  .form-a-a div.row fieldset, .form-a-a div.row div.group { width: 375px;}
  .form-a div.row fieldset ul, .form-a div.row div.group ul { padding: 0; margin: 0; list-style: none; }
   .form-a div.row fieldset ul li, .form-a div.row div.group ul li { position: relative; width: 100%; overflow: hidden; margin: 0 0 10px; }
   .form-a div.row fieldset ul input { vertical-align: middle; margin: 0 5px 0 0; }
   .form-a div.row fieldset ul img, .form-a div.row div.group ul img { vertical-align: middle;  }
   .form-a div.row fieldset ul label { float: none; width: auto; padding: 0; }
  .form-a div.row fieldset ul.list-a li, .form-a div.row div.group ul.list-a li { display: inline; margin: 0 10px 0 0; }
   .form-a div.row fieldset ul.list-a li input { margin: 0; }

 .form-a .price { float: left; height: 26px; padding: 0 10px 0 0; background: url(../images/price-bg.png) 100% 0 no-repeat; }
  .form-a .price span { float: left; height: 26px; background: url(../images/price-bg.png) no-repeat; padding: 0 0 0 10px; font-weight: bold; color: #3d7d91; line-height: 26px; }
 
 /*.form-a em.help { position: absolute; left: 223px; top: 5px; font-size: 0.85em; font-style: normal; color: #9a9a9a; } 
 * html .form-a em.help { display: none !important; } 
 .form-a div.row fieldset ul li em.help, .form-a div.row div.group ul li em.help { left: 5px; }*/

 .form-a p.info { text-align: right; font-size: 1em; margin-top: -10px; color: #2d677a; }

 .form-a span#locality{margin-left: 10px;}
	
 .form-a p.checkbox { }
  .form-a p.checkbox label { float: none; width: auto; padding: 0; }
 .form-a .client-radius p { float: left; width: 225px; }
  .form-a .client-radius p strong { color: #3f7f92;  }
 .form-a .client-radius .slider { width: 170px; float: right; }

#content .foldable { position: static; z-index: -1; }
html.js .foldable h3 { background: url(../images/categories-arr-a.png) 100% 50% no-repeat; cursor: pointer; }
 html.js .foldable .folding-content { display: none; }
html.js .foldable-active h3 { background: url(../images/categories-arr-b.png) 100% 50% no-repeat; }
 html.js .foldable-active .folding-content { display: block; }

.timetable { width: auto; float: left; }
 .timetable th, .timetable td { padding: 2px 10px 3px 0; border: none; background: url(../images/hor-dots.png) 0 100% repeat-x;  font-size: 1.2em; white-space: nowrap;}
  .timetable td label { float: none; width: auto; padding: 0; line-height: 1em; }
  .timetable td a.apply-to-all { font-weight: bold; } 
  .timetable td.closed * { display: none; } 
  .timetable td.col2 { width: 180px; } 
  
/* My Skilto */
.profile-option-a { width: 208px; height: 73px; font-size: 1.8em; font-weight: bold; background: url(../images/aside-button-a.png) no-repeat; }
 .profile-option-a a { display: block; width: 158px; height: 100%; padding: 0 0 0 50px; line-height: 73px; text-decoration: none; }
 .profile-option-a a:hover { text-decoration: none; }
 .profile-option-a a.create { background: url(../images/ico-createprofile.png) 15px 50% no-repeat; }
 .profile-option-a a.invite { background: url(../images/ico-plus.png) 18px 50% no-repeat; }

.profile-option-b { width: 208px; height: 73px; font-size: 2em; text-align: center; background: url(../images/aside-button-b.png) no-repeat; }
 .profile-option-b a { display: block; width: 100%; height: 100%; color: #fff; line-height: 73px; }
 .profile-option-b a:hover { text-decoration: none; }

.aside-c .profile-nav { padding: 0; margin: 0 0 15px; width: 208px; background: #f3f3f3; list-style: none; }
 .aside-c .profile-nav li { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #fff; padding: 0; margin: 0; background: none; }
  .aside-c .profile-nav li a { display: block; padding: 8px 8px 8px 25px; width: 175px; background: url(../images/arrow-a.png) 16px 50% no-repeat; line-height: 15px; text-decoration: none; }
   .aside-c .profile-nav li a img { vertical-align: middle; margin: 0 3px; }
 .aside-c .profile-nav li.first { background-image: url(../images/profile-nav-top.png); background-repeat: no-repeat; border-top: none; }
 .aside-c .profile-nav li.last { background-image: url(../images/profile-nav-bottom.png); background-repeat: no-repeat; background-position: 0 100%; border-bottom: none; }
 .aside-c .profile-nav li.premium { background-color: #f23893; }
 .aside-c .profile-nav li.active { background-color: #3d7d91; }
  .aside-c .profile-nav li.premium a, .aside-c .profile-nav li.active a { background-image: url(../images/arrow-d.png); color: #fff; }
   
.section-d { width: 208px; background: #f3f3f3 url(../images/aside-b-bottom.png) 0 100% no-repeat; padding: 0 0 12px; margin: 0 0 15px; }
 .section-d .section-wrapper { background: url(../images/aside-b-top.png) no-repeat; padding: 12px 17px 0; }
 .section-d p { margin: 0 0 5px; font-size: 1.2em;  }
 .section-d .more { padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; margin: 0; }

.profile-small { position: relative; width: 114px; height: 55px; padding: 0 0 0 60px;  }
 .profile-small .thumb { position: absolute; left: 0; top: 0; overflow: hidden;}
 .profile-small h3 { font-size: 1.5em; color: #2d677a; margin: 0 0 8px; line-height: 1; }

 .progress-bar-a { background: url(../images/progress-bar-a-bg.png) repeat-x; height: 15px; }
  .progress-bar-a span { display: block; height: 100%; text-indent: -10001px; background: url(../images/progress-bar-a-bar.png) repeat-x; }

.form-b { }
 .form-b p { width: 100%; overflow:hidden; }
 .form-b div.row { width: 100%; overflow:hidden; }
  .form-b label { float: left; width: 149px; }
  .form-b .field-a { float: right; width: 250px; border: 1px solid #ddd; border-top: 1px solid #565656; padding: 2px; }  
  .form-b p.submit button { float: right; display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; border: none; }
  
.recommendations-b { margin: 0 0 15px; }
 .recommendations-b .recommendation { position: relative; background: url(../images/hor-dots.png) 0 100% repeat-x; padding: 15px 0 5px 60px; width: 405px; overflow: hidden; min-height: 45px; }
 * html .recommendations-b .recommendation { height: 55px; }
  .recommendations-b h4 { font-size: 1.5em; margin: 0; }
  .recommendations-b .thumb { position: absolute; left: 0; top: 5px; }
  .recommendations-b .locality { font-size: 1.4em; margin: 0; }
  .recommendations-b .invite { position: absolute; right: 0; bottom: 5px; margin: 0; float: right; padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; font-size: 1.2em; }

ul.privacy-settings { }
 ul.privacy-settings li { position: relative; padding-right: 20px; width: 445px; }
  ul.privacy-settings input { position: absolute; right: 0; top: 5px; }

form#form_personal p { overflow: visible;}

.invoices { width: 100%; margin: 0 0 30px; }
 .invoices td, .invoices th { font-weight: normal; font-size: 1.2em; border: none; padding: 5px 0; }
 .invoices tfoot th, .invoices tfoot td { padding: 15px 0px 5px; background: url(../images/hor-dots.png) 0 10px repeat-x; }
 .invoices td { text-align: right; }
 .invoices th { text-align: left; }

p.register-button { width: 100%; overflow: hidden; }
 p.register-button a { display: block; float: right; width: 116px; height: 26px; color: #fff; font-weight: bold; line-height: 26px; text-align: center; text-decoration: none; background: url(../images/button-f.png) no-repeat; }
 p.register-button a:hover { text-decoration: none; color: #fff; }

/* profile email inbox */
.inbox-nav { position: relative; width: 465px; padding: 8px 0 0; }
 .inbox-nav ul { padding: 0; margin: 0; width: 365px; overflow: hidden; list-style: none; }
  .inbox-nav ul li { float: left; height: 25px; font-size: 1.4em; font-weight: bold; margin: 0 1px 0 0; }
   .inbox-nav ul li a { float: left; height: 100%; padding: 0 20px 0 0; line-height: 25px; background: url(../images/inbox-tab.png) 100% 0 no-repeat; text-decoration: none; }
   .inbox-nav ul li a:hover { text-decoration: none; }
    .inbox-nav ul li a span { display: block; padding: 0 0 0 20px; background: url(../images/inbox-tab.png) 0 0 no-repeat; }
   .inbox-nav ul li.active a { background-position: 100% 100% ; color: #fff; }
    .inbox-nav ul li.active a span { background-position: 0 100%; }
 .inbox-nav .remove { position: absolute; right: 0; top: 0; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; text-align: center; font-size: 1.2em; }
  .inbox-nav .remove a { display: block; width: 100%; height: 100%; text-decoration: none; color: #fff; line-height: 26px; }
  .inbox-nav .remove a:hover { text-decoration: none; }

.inbox { background: url(../images/hor-dots.png) 0 100% repeat-x; padding: 0 0 1px; width: 100%;  }
 .inbox thead th { background: #326b7e; color: #fff; text-align: left; font-size: 1.4em; border: none; border-bottom: 5px solid #fff; }
 .inbox tbody td { border: none; background: url(../images/hor-dots.png) repeat-x; padding: 6px 5px 5px; font-size: 1.2em; }
 .inbox tbody tr.a td { background-color: #f2f2f2; }
 
 .details{ padding-bottom: 5px; font-size: 1em; background: url(../images/horizontal-sep.png) bottom repeat-x; width: 100%; }

/* blog page */
.aside .list-b li { font-size: 1.2em; }

.aside ul.list-social { padding: 0; margin: 0 0 10px; list-style: none; }
 .aside ul.list-social li { position: relative; background: none; padding: 0 0 0 30px; margin: 0 0 10px; }
 * html .aside ul.list-social li { height: 1%; }
  .aside ul.list-social li img { position: absolute; left: 0; }

.blog-entry { width: 100%; margin: 0 0 15px; padding: 0 0 15px; background: url(../images/hor-dots.png) 0 100% repeat-x; overflow: hidden; }
 .blog-entry p { font-size: 1.2em; margin: 0 0 10px; }
 .blog-entry .content { overflow: hidden; }
 * html .blog-entry .content { height: 1%; }
 .blog-entry .figure-a { float: left; margin: 0 10px 10px 0; }
 .blog-entry .meta { margin: 0; }
 .blog-entry .more { padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; margin: 0; }
 
/* Wire transfer */ 
.wire { border: black solid; clear: both; height: auto; padding: 5px; margin: 10px 50px;}
 .wire ul { list-style-type: none; display: block; min-height: 80px; height: auto;}
  .wire ul li { float: left; clear:left; }
   .wire ul li em { float: left; clear:left; color: #2d677a; margin-right: 3px;}
   
/* Facebox */
#facebox {position: absolute;top: 0;left: 0; z-index: 500; text-align: left; overflow: visible; font-size: 75%;}
#facebox .b {background:url(http://www.skilto.com/images/facebox/b.png);}
#facebox .tl {background:url(http://www.skilto.com/images/facebox/tl.png);}
#facebox .tr {background:url(http://www.skilto.com/images/facebox/tr.png);}
#facebox .bl {background:url(http://www.skilto.com/images/facebox/bl.png);}
#facebox .br {background:url(http://www.skilto.com/images/facebox/br.png);}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border: none;border-bottom: 0;padding: 0;}
#facebox tr {border: none;}
#facebox .body {padding: 10px;background: #fff;/*width: 370px;*/}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox #status {font-size: 1.2em;}
#facebox #status h3{background-color: #EC2089; color: #fff; font-weight: bold; padding:15px 0px 15px 10px; margin-top: 0px; margin-bottom: 10px;}
#facebox #status ul { list-style-type: none; padding: 5px; }
 #facebox #status li { margin: 0 0 10px; width: 100%; overflow: hidden; font-size: 1em; }
  #facebox #status label { width: 120px; display: inline; float: left; padding: 0 10px 0 0; margin: 0; }

#facebox #status textarea { height: 100px; width: 300px; }
#facebox img { border: 0;margin: 0;}
#facebox a.close{float: right; clear: both; margin-top: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}
* html #facebox_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/* Forum */
.wrapper-d { width: 690px; background: url(../images/wide-col-bg.png) 0 100% no-repeat; padding: 0 0 15px; margin: 0 0 15px; }
 .wrapper-d .wrapper-d-inner { width: 660px; background: url(../images/wide-col-bg.png) no-repeat; padding: 15px 15px 0; overflow: hidden; }
 .wrapper-d .wrapper-d-inner-b { padding: 15px 25px 0; width: 640px;  }
 .forum-header .section { width: 284px; height: 142px; padding: 15px 20px 0; background: url(../images/forum-header-section.png) no-repeat; }
 .forum-header .section-a { float: left; }
 .forum-header .section-b { float: right; }
  .forum-header h3 { font-size: 3em; color: #3d7d91; margin: 0 0 8px; line-height: 1; }
  .forum-header p { margin: 0 0 10px; font-size: 1.2em; }
  .forum-header p.submit { overflow: hidden; width: 100%; }
   .forum-header p.submit button { float: right; display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; font: 1em/26px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; color: #fff; border: none; }
  .forum-header textarea { height: 2.4em; width: 100%; overflow: auto; }
  .forum-header ul { padding: 0 0 0 80px; list-style: none; margin: 0 0 10px; background: url(../images/forum-header-ico.png) no-repeat; min-height: 50px; }
  * html .forum-header ul { height: 50px; }
   .forum-header ul li { font-size: 1.4em; }
   .forum-header p.more { background: url(../images/arrow-a.png) 0 50% no-repeat; padding: 0 0 0 10px; font-size: 1.4em; }

.adzone-d { margin: 0 0 20px; }

.forum-search-form p { width: 570px; height: 24px; padding: 10px 20px 10px 100px; background: url(../images/forum-search-bar.png) no-repeat; color: #fff; font-size: 1.4em; overflow: hidden; line-height: 24px; }
 .forum-search-form label { float: left; margin: 0 15px 0 0; }
 .forum-search-form input { float: left; width: 300px; margin: 0 10px 0 0;  }
 .forum-search-form button { display: block; float: left; width: 25px; height: 26px; background: url(../images/forum-search-button.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }
 .forum-search-form a { float: right; font-size: 0.86em; color: #fff; padding: 0 0 0 10px; background: url(../images/arrow-d.png) 0 50% no-repeat; }
 .forum-search-form a:hover, .forum-search-form a:active, .forum-search-form a:focus { color: #fff; }

.forum-questions-a .question { background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0 0 10px; overflow: hidden; width: 100%; }
 .forum-questions-a .question h4 { margin: 0 0 5px; font-size: 1.6em; }
 .forum-questions-a .question p { margin: 0 0 10px; font-size: 1.2em; }
 .forum-questions-a .question p.starred { padding: 0 0 0 15px; background: url(../images/star-a.png) 0 50% no-repeat; }
 .forum-questions-a p.more { width: 100%; overflow: hidden; font-size: 1.2em; }
  .forum-questions-a p.more a { float: right; display: block; width: 152px; height: 26px; background: url(../images/button-g.png) no-repeat; font: 1em/26px "Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; color: #fff; border: none; }
.forum-questions-a .pagination { margin-top: 30px; }

.forum-breadcrumbs-a { padding: 0; width: 100%; overflow: hidden; list-style: none; margin: 0; }
 .forum-breadcrumbs-a li { float: left; margin: 0 12px 5px 0; padding: 0 0 0 10px; background: url(../images/arrow-a.png) 0 50% no-repeat; font-size: 1.2em; white-space: nowrap; }

.forum-filter { display: block; width: 100%; overflow: hidden; }
 .forum-filter p { position: relative; display: inline; float: left; margin: 0 0 0 10px; width: 205px; font-size: 1.2em; }
  .forum-filter p select { line-height: 1;  }
  html.js .forum-filter p.submit { position: absolute; left: -999em; }
  html.js .forum-filter select { width: 100%; }

.wrapper-e { width: 690px; background: url(../images/wrapper-e.png) 0 100% no-repeat; padding: 0 0 20px; margin: 0 0 15px; }
 .wrapper-e .wrapper-e-inner { width: 656px; background: url(../images/wrapper-e.png)  no-repeat; padding: 20px 17px 0; }

  .forum-question .content { position: relative; width: 500px; padding: 0 0 0 70px; margin: 0 0 15px; }
  .forum-question .content h3 { margin: 0; } 
  .forum-question .content p { margin: 0; font-size: 1.2em; }
   .forum-question .content .thumb { position: absolute; left: 0; }
   .forum-question .content .status { color: #000; font-size: 1.6em; margin: 0; } 

 .forum-respond { width: 632px; height: 84px; background: url(../images/forum-respond.png) no-repeat; padding: 15px 0 0 23px; overflow: hidden; }
  .forum-respond h4 { font-size: 1.6em; color: #2d677a; margin: 0 0 5px; }
  .forum-respond p { float: left; width: 480px; margin: 0 15px 0 0;  }
   .forum-respond p textarea { width: 100%; height: 40px; overflow: scroll; }
  .forum-respond p.submit { margin: 5px; width: 100px;  }
   .forum-respond p.submit button { display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; border: none; }

.forum-responses-a { }
 .forum-responses-a .response { position: relative; width: 620px; padding: 0 0 10px 70px; background: url(../images/hor-dots.png) 0 100% repeat-x; margin: 0 0 10px; overflow: hidden; }
  .forum-responses-a .response p { font-size: 1.2em; }                                      
  .forum-responses-a .response .meta { margin: 0 0 5px; }
  .forum-responses-a .response .figure { position: absolute; left: 0; top: 0; width: 60px; text-align: center; }
   .forum-responses-a .response .figure img { display: block; margin: 0 0 10px; }
  .forum-responses-a .response .options { float: right; padding: 0; list-style: none; margin: 0; }
   .forum-responses-a .response .options li { display: inline; float: left; margin: 0 0 0 25px; line-height: 40px; font-size: 1.2em; padding: 0 0 0 27px; background-repeat: no-repeat; background-position: 0 50%; }
   .forum-responses-a .response .options li.abuse { background-image: url(../images/share-icos/abuse.png); }
   .forum-responses-a .response .options li.vote-up { background-image: url(../images/forum-vote-up.png); }
   .forum-responses-a .response .options li.vote-down { background-image: url(../images/forum-vote-down.png); background-position: 0 100%; }
.forum-responses-a .pagination { margin-top: 30px; }

.forum-form-a p { width: 100%; position: relative; font-size: 1.2em; } 
 .forum-form-a p label { position: absolute; left: -999em; }     
 .forum-form-a p textarea { width: 100%; }

 .forum-form-a p.submit { width: 100%; overflow: hidden; }
  .forum-form-a p.submit button { float: right; display: block; width: 92px; height: 26px; background: url(../images/button-d.png) no-repeat; text-align: center; color: #fff; text-decoration: none; line-height: 26px; border: none; }

/* Account Choice - 2010-03-30 */
.choices-a { width: 631px; margin: 15px auto; padding: 20px 0 0; background: url(../images/choices-a.png); }
 .choices-a-wrapper { min-height: 135px; width: 100%; padding: 0 0 10px; background: url(../images/choices-a.png) 0 100% no-repeat; overflow: hidden; }
  .choices-a .choice { width: 245px; overflow: hidden; }
   .choices-a .choice p { text-align: center; color: #666; font-size: 1.4em; margin: 0 0 15px; }
   .choices-a .choice p.select { font-size: 1.2em; }
    .choices-a .choice p.select a { display: block; width: 116px; height: 26px; margin: 0 auto; text-align: center; color: #fff; text-decoration: none; line-height: 24px; }
   .registration-nav a:hover { color: #fff; text-decoration: none; }

   .choices-a .choice ul { padding: 0; list-style: none; margin: 0 0 15px; }
    .choices-a .choice ul li { padding: 0 0 0 20px; margin: 0 0 10px; background: url(../images/tick-small.png) 0 0.1em no-repeat; font-size: 1.2em; }

  .choices-a .choice-basic { display: inline; float: left; margin: 0 0 0 30px; }
   .choices-a .choice-basic h3 { width: 125px; height: 33px; margin: 0 auto 10px; background: url(../images/choice-basic.png) no-repeat; text-indent: -999em; overflow: hidden; }
   .choices-a .choice-basic p.select a { background: url(../images/button-e.png) no-repeat; }
  .choices-a .choice-premium { display: inline; float: right; margin: 0 30px 0 0; }
   .choices-a .choice-premium h3 { width: 152px; height: 36px; margin: 0 auto 10px; background: url(../images/choice-premium.png) no-repeat; text-indent: -999em; overflow: hidden; }
   .choices-a .choice-premium p.select a { background: url(../images/button-f.png) no-repeat; }