/*
   Document   : whocallsme
   Created on : 18 Μαϊ 2011, 1:34:56 μμ
   Author     : nikmauro www.cdl.gr
   Description:
       Purpose of the stylesheet follows.
*/

.clearfix, .clearboth {
    clear: both
}

.counter-box {
    text-align: center
}

.alert-box.black {
    background-color: black
}

.counter_title {
    display: block;
    padding: 10px 0px
}

body {
    font: 12px/1.7em sans-serif;
    color: white;
    line-height: 14px;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #E0E4E5;
    /*
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
	*/
}

body.index #wrap_header {
    margin: 100px 0px;
}

s, strike, del {
    text-decoration: line-through;
}

a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
    color: black
}

hr {
    height: 1px;
    border: 0px solid;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: none;
    background-color: #EEEAEA
}

p {
    margin: inherit;
    padding: inherit 0px
}

fieldset legend {
    font-weight: bold;
    color: black;
    padding: 1px 5px;
}

legend {
    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border: none;
    border-image: initial;
    font-size: 17px;
}

fieldset {
    border: solid 1px #CCC;
    padding: .6em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(white), to(#EEE));
    background: -moz-linear-gradient(left, white, #EEE);

}

.numberAddFieldset {
    margin-top: 20px;
}

.inner_box {
    position: relative;
}

.post-entry {
    clear: both;
    position: relative;
}

.container_wrap, #wrap_all {
}

#wrap_all {
}

.container_wrap {
    width: 100%;
    margin: 0px 0 30px 0;
    position: relative;
    display: block;

}

#main {

}

.container {
    position: relative;
    width: 960px;
    margin: 0 auto;

}

.content {

}

.content .left {
    width: 300px;
    float: left;
    margin-top: 25px;

}

.area_2 h3 {
    border-bottom: #EEEAEA 1px solid;
    padding-bottom: 10px !important;
}

.left .area_2 {
    margin-top: 10px;

}

.left .area_2 p {
    color: #99A7AD;
    line-height: 20px;
    font-size: 12px;
    text-align: justify
}

.content .right {
    width: 650px;
    float: right;
    margin-top: 10px;

}

.r_top {
    background: url(../img/whocallsme/loop-1.png) no-repeat;
    height: 27px;
    display: block;
    width: 100%;
}

.blackShadow {
    text-shadow: 0px 1px #C4D3DA;
}

.r_middle {
    background: url(../img/whocallsme/loop-2.png) repeat-y;
    display: block;
    padding: 0px 10px;
    color: grey
}

.r_bottom {
    background: url(../img/whocallsme/loop-3.png) no-repeat;
    height: 18px;
    display: block;
    width: 100%
}

.cufon_headings {
    font-weight: normal;
    /* color:#F58220 */
}

.selectable, a.selectable, a.selectable:hover, .selectable:hover {
    color: white !important
}

.main-menu-description {
    color: #919192
}

h1, .post-title {
    font-size: 45px;
    font-weight: normal;
    padding: 0px;
    color: #BC2030;
    line-height: 1em;
    letter-spacing: 0px;
}

.post-title {
}

root {
    display: block;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 5;
    position: relative;
    display: block;
}

ul, ol {
    list-style-type: none;
    list-style-position: outside;
}

.sky_banner {
    position: absolute;
    right: -290px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 30px;
}

#wrap_header {
    /*background:#8EC1DA url(../img/whocallsme/bg-clouds.png) bottom repeat-x;*/
}

#wrap_header .header_user {
    background: url(../img/whocallsme/bg-header.png) bottom repeat-x;
    height: 40px;
    width: 100%;
    position: absolute;
    display: none
}

#wrap_header .header_user .header_user_data {
    width: 960px;
    position: relative;
    margin: 0 auto;
    text-align: right;
    padding-top: 5px
}

#wrap_header .header {
    width: 960px;
    position: relative;
    margin: 0 auto 120px auto;

}

.searchArea {
    position: relative;
    left: 310px;
    top: 110px;
    width: 650px

}

#searchArea div.error {
    color: red;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 65px;
    text-align: left;
    width: 240px;
}

.searchArea label {
    display: block
}

.searchArea label .line1, .searchArea label .line2 {
    display: block
}

.searchArea label .line1 {
    font-size: 28px;
    color: #0F9FDB
}

.searchArea label .line2 {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #BBBBBB
}

.searchAreaTelInput {
    background: url(../img/whocallsme/sprite-icons.png) no-repeat;
    border: 0px;
    width: 284px;
    height: 47px;
    background-position: -4px -4px;
    padding: 0px 10px;
    font-size: 18px;
    font-weight: lighter
}

.searchAreaTelButton {
    background: url(../img/whocallsme/sprite-icons.png) no-repeat;
    border: 0px;
    width: 94px;
    height: 47px;
    background-position: -4px -57px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: lighter;
    color: white
}

.banner_l {

}

#wrap_footer {
    position: relative;
    bottom: 0px;
    padding-top: 0px;
    border-top: 1px solid #BFC3C5;
    margin-top: 30px;
    margin-bottom: 0px;
    min-height: 190px;
    background: #030303;
}

#wrap_footer .footer {
    display: block;
    width: 960px;
    position: relative;
    margin: 0 auto;
    font-size: 11px;
    color: #8D8D8D;
    padding: 10px 0px;
    line-height: 20px;
}

#wrap_footer .footer a {
    text-decoration: none;
    color: #FFFFFF
}

#wrap_footer .footer a:hover {
    text-decoration: underline;
    color: #0F9FDB
}

.footer .f_left {
    width: 49%;
    float: left;
    text-align: left;
}

.footer .f_right {
    width: 49%;
    float: right;
    text-align: right;
}

.logo {
    background: url(../img/whocallsme/logo.png);
    width: 248px;
    height: 220px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    left: 22px;
    z-index: 2
}

.clear {
    clear: both
}

/*----------module contact form --------------------*/

#map_gmap {
    width: 450px;
    height: 350px;
    float: right;
    display: block;
    border: 5px solid #fff
}

#map_gmap p {
    color: #000
}

#banner_b {
    width: 100%;
    margin: 0 auto
}

#banner_b .banner_bottom {
    margin: 0 auto;
    width: 728px;
    display: block;
}

/*--------------------- */

.terms a {
    text-decoration: none;
    color: #3C3C3C
}

.terms {
    font-size: 11px;
    text-align: justify;
    color: #666
}

.terms li {
    list-style: inside;
    margin-bottom: 10px;
}

.masonry-item {
    width: 190px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    background: #F8F8F8;
    overflow: hidden;
}

.masonry-image a {
    display: block;
    position: relative;
}

.masonry-item img {
    display: block;
    height: 150px
}

.image_overlay_effect {
    background: url("../img/whocallsme/magnify.png") no-repeat scroll center center white;
}

.masonry-content {
    padding: 15px;
    border: 1px solid #E1E1E1;
    border-top: none;
}

.lez_home {
    position: absolute;
    right: 0px;
    top: 504px;
    display: block;
    width: 471px;
    height: 91px;
    background: url(../img/whocallsme/lez1.png);
    display: none
}

.lez_home span {
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    top: 70px;
}

#share {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.ajax_form p {
    padding: 0 0 6px 0;
    margin: 0px;
}

.ajax_form .text_input {
    width: 40%;
    margin-right: 10px;
}

.text_input, textarea, select, #commentform input {
    border: 1px solid grey;
    background: #F8F8F8;
}

.text_input, textarea, select {
    border-width: 1px;
    border-style: solid;
}

.text_input, .button, #commentform input, .text_area {
    padding: 5px;
    font-size: 14px;
}

input, textarea {
    color: #777;
}

.ajax_form label {
    cursor: default;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    width: 70px;
    display: inline-block
}

.ajax_form .text_area {
    padding: 5px;
    width: 70%;
}

.button, #submit, .dropcap2, input[name="Submit"] {
    background-color: #363636;
    border: none;
    color: white
}

#messageerrors {
    margin-left: 65px;
    padding: 10px;
    font-size: 12px;
}

.shadow {
    -moz-box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

.footer_list li, .footer_list ul {
    list-style: none;
    list-style-type: none;
    list-style-position: outside;

}

.footer_list li {
    display: inline;
    padding: 0px 5px;
}

.footer_list li a {
    color: #252525;
    font-size: 11px;
}

.footer_list li a:hover {
    color: white;
    text-decoration: underline
}

.page_pricelist th {
    text-align: left;
    padding: 5px 0px;
    color: #A4978B
}

.page_pricelist td {
    border-bottom: 1px dashed #252525;
    padding: 2px 0px
}

/*caption_content*/

a.ureportit {
    background-image: url(../img/whocallsme/alert-triangle-grey.png);;
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    padding-right: 22px;
    color: #C3C3C3;
    font-size: 90%;
    top: 5px;

}

a.ureportit:hover {
    color: #A22430;
}

#abuse .AbuseHeader {

}

#abuse .AbuseContent {
    margin: 20px 0;

}

#abuse .AbuseFooter {
    padding: 10px;
    background-color: #EAEAEA
}

#abuse .AbuseFooter .title {
    padding-bottom: 5px;
    color: black;
}

#abuse .AbuseFooter blockquote {
    font-style: italic
}

.detailPhoneHeader {
    position: relative;
}

#comments {
    border: solid 1px #EEEEEE;
    padding: .6em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(white), to(#FAFAFA));
    background: -moz-linear-gradient(left, white, #FAFAFA);
}

#comments .ULoop {
    position: relative;
    background: white;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    clear: both;
    display: block
}

#comments .ULoop:nth-child(even) {
    background-color: #EEF0EF
}

#comments .ULoop:hover {
    background-color: #E5E5E5
}

#comments .ULoop .uphoto {
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid black;
    margin-right: 10px;
    border-image: initial;
}

#comments .ULoop .uphoto img {
    width: 50px;
    height: 50px;
}

#comments .ULoop .uname h1 {
    font-size: 14px;
    display: inline;
    font-weight: bold;
}

#comments .ULoop .uname {

    font-style: normal;

}

#comments .ULoop .udate {
    display: block;
    text-decoration: underline;
    font-size: 0.8em;
    margin: 5px 0px;

}

#comments .ULoop .ucomments {
    display: block;
    color: black;
    font-size: 110%;
    line-height: 140%
}

#NumbersList .ULoop {
    background: white;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    clear: both;
    display: block
}

#NumbersList .ULoop:nth-child(even) {
    background-color: #EEF0EF
}

#NumbersList .ULoop:hover {
    background-color: #E5E5E5
}

#NumbersList .ULoop .unumcomments {
    width: 50px;
    height: 50px;
    float: left;
    border: 0px solid black;
    margin-right: 10px;
    border-image: initial;
    background-color: #EEEEEE;
    text-align: center;

}

#NumbersList .ULoop .unumcomments .unumcommentsText {
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 2px;
    display: block;
    text-shadow: 0px 1px white;
    letter-spacing: -5px
}

#NumbersList .ULoop .unumcomments .titleCommentsNum {
    font-size: 0.8em;
    color: #808080;
    letter-spacing: -1px
}

#NumbersList .ULoop .unumber, #NumbersList .ULoop .unumber h1 {
    font-size: 22px;
    text-shadow: 0px 1px #EEEEEE;
    color: #A22430;
}

#NumbersList .ULoop .unumber a {
    color: #A22430;
}

#NumbersList .ULoop .unumber, #NumbersList .ULoop .uname {
    font-style: normal;
    font-weight: bold;
}

#NumbersList .ULoop .ucomments {
    display: block;
    margin: 2px 0px;
}

#NumbersList .ULoop .lastLine {
    display: block;
    text-decoration: underline;
    font-size: 0.8em;

}

#postForm .fReq {
    color: red
}

#postForm div.error {
    margin: 5px 0px;
    font-size: 11px;
    padding: 5px 0px;
}

#postForm label {
    font-size: 14px;
}

#postForm .fright {
    padding: 0 6px 0 150px;

}

#postForm input {
    padding: 5px;
    width: 240px;

}

#postForm .fname {
    overflow: hidden;
    height: 1%;
    padding: 2px;
}

#postForm .fname label {
    float: left;
}

#postForm .fmsg label {
    padding-bottom: 2px;
    display: block
}

#postForm .fmsg textarea {
    width: 590px;
    padding: 10px;

}

#postForm .fsec {
    margin-top: 8px;
    margin-bottom: 8px

}

#postForm .fnameText {
    font-size: 0.9em
}

#postForm .fbtn button {
    background-color: #A53E48;
    padding: 10px 50px;
    color: white;
    border: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-image: initial;
    background: -webkit-gradient(linear, left top, left bottom, from(#AE434D), to(#7B1620));
    background: -moz-linear-gradient(top, #AE434D, #7B1620);

}

.formStyleElement {
    border: solid 1px;
    border-top-color: #ABADB3;
    border-right-color: #DBDFE6;
    border-bottom-color: #E3E9EF;
    border-left-color: #E2E3EA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-image: initial;
    background-color: white;

}

.errorMSGform {
}

.errorMSGform .errorServer {
    padding: 10px;
    margin: 10px;
    display: block;
    border-color: #ED541D;
    color: #8C2E0B;
    border: 1px solid;
    background-color: #FEF5F1;
}

.errorServerFieldClass {
    color: #8C2E0B;
    border: 1px solid;
    background-color: #FEF5F1;
}

#postForm label.error {
    color: red;
    display: block
}

.SocialArea {
    margin: 10px 0 0 0
}

.relativeArea {
    margin-top: 20px;
}

.relativeArea h3, h3 {
    font-size: 16px;
    padding-bottom: 5px;
    color: #A22430
}

.relative li {
    float: left;
    margin-right: 5px;

}

.relative li:after {
    content: ", ";
}

.navigationListMenu li a {
    float: left;
    border: 1px solid #DDDDDD;
    color: #51555C;
    margin: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 5px;
    border-image: initial;
    background: url(cpaging/images/bk_round.gif) repeat-x left top;
    padding: 5px 2px;
    min-width: 20px;
    text-align: center
}

.navigationListMenu li a:hover {
    border: 1px solid #ACACAC;
}

.noticeMessage {
    margin: 5px 0px;
    padding: 5px 0px;
    font-size: 12px;
    font-style: italic;
    color: grey
}

.whiteArea {
    background-color: white;
    padding: 10px 0 5px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #EEEAEA;
}

.whiteArea h3 {
    margin-bottom: 10px;
    color: #0F9FDB
}

#navigationPager {
    padding: 0px 0px 5px 0px;
}

.banner_46860_posts {
    display: block;
    width: 468px;
    height: 60px;
    border: 1px solid #EEEEEE;
    margin: 0px auto;
    line-height: 70px;
}

.loopbanner {
    display: block;
    width: 468px;
    margin: 0 auto 15px auto
}

.callThis {
    font-size: 14px;
    background: url(../img/whocallsme/call.png) no-repeat;
    width: 32px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    text-indent: -200px
}

.smsThis {
    font-size: 14px;
    background: url(../img/whocallsme/sms.png) no-repeat;
    width: 32px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    text-indent: -200px
}

.number2text {
    margin: 5px 0 10px 0;
    font-weight: normal;
    color: #81B908
}

.entry_main {
    margin-bottom: 20px;
    border: 1px solid #D8D8D8;
    padding: 20px 5px;
}

.entry h1, .entry_main h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.entry_main h1 {
    padding-left: 155px;
}

.entry h1 a, .entry_main h1 a {
    color: #A22430
}

.entry_main .post_info .blogtime {
    line-height: 18px
}

.entry_main .post_info {
    font-size: 11px;
    float: left;
    margin-right: 10px;
    width: 65px
}

.entry_main .post_content img {
    float: left;
    margin-right: 10px;

}

.entry_main .more-link {
    color: #A22430;
    clear: both;
    float: none;
    margin-top: 10px;
}

.TagsLoop {
    margin: 10px 0px;
    font-size: 0.8em;
}

.entry .entry_tools {
    margin: 10px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #EEEAEA;
    font-size: 90%
}

.entry .post_content {
    line-height: 22px
}

.entry .post_content {
    border-bottom: 1px solid #EEEAEA;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.SocialAddThis {
    float: right;
    width: 148px;
    height: 32px;
    display: block;
    position: relative;
    margin-top: 38px;
    right: -5px
}

.SocialAddThisBottom {
    float: right;
    width: 148px;
    height: 32px;
    display: block;
    position: relative;
    margin-top: 0px;
    right: -5px
}

.entry .post_cat_name a {
    color: #A22430;
    font-weight: bold
}

.entry img {
    clear: both
}

#masterGallery em {
    display: block;
    clear: left;
    padding: 5px;
    margin: 5px;
    font-size: 11px;
}

#masterGallery a img {
    clear: left;
    margin: 5px;
    padding: 5px;
}

#PrevNextPosts {
    margin-bottom: 20px;
    height: 20px;
}

#PrevNextPosts .NextPost {
    float: right;
}

#PrevNextPosts .NextPost:after {
    content: ' >';
}

#PrevNextPosts .PrevPost:before {
    content: '< ';
}

#PrevNextPosts .PrevPost {
    float: left
}

.masterPage ul,
.masterPage ol,
.masterPage li {
    list-style-type: inherit;
    list-style-position: inside;
    margin: 1px 5px;
    padding: 1px 5px

}

.popularList li {
    border-bottom: 1px solid #EEE;
    padding: 6px;
    min-height: 30px;
}

.popularList li a {
    text-decoration: underline
}

.popularList li img {
    border: 1px solid #EEEEEE;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-right: 10px;
}

.wcmButtomSmallFoundationRed {
    padding: 3px 5px !important;
    background-color: #A22430 !important
}

.buildNavigationNumberSelect {
    padding: 10px;
    border: 1px #DDDDDD solid;
    font-size: 13px;
    width: 99%
}

.buildNavigationNumberTiny {
    line-height: 10px;
}

.buildNavigationNumberTiny a {
    font-size: 10px;
    margin-left: 2px
}

.buildNavigationNumberTiny a:hover {
    color: red
}

.read-more,
.read-less {
    clear: right;
    font-weight: bold;
    color: red;
    display: block;
    float: right
}

#blog {
    font-size: 15px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

#blog ol, #blog ul {
    list-style: circle;
    list-style-position: inside
}

.google, .twitter {
    float: left;
}

.jsocial_button {
    padding: 2px;
    display: block;
    float: left;
}

.facebooklikebox {
    margin: 10px 0px;
    background: white
}