/* TAGS */
* {margin:0;padding:0}
html {min-width:1100px;} 
body {background:#2f373a;font-family:Arial,Helvetica,sans-serif;
      font-size:100%;line-height:1em;color:#4e4e4e; width:100%;}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial,Helvetica,sans-serif;font-size:1em;
                         vertical-align:middle;font-weight:normal}
body a{
    font-family:Arial,Helvetica,sans-serif;
    text-decoration: none;
    color:#4e4e4e;
}
fieldset {border:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}
/* GLOBAL  ayto gia to geniko mikos*/
#header, #content, #footer {font-size:0.875em; width:80%; margin:0 auto;}
.col-1, .col-3 {float:left ;}
.col-2{float:right ;}
/* ALIGMENT */
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.wrapper {width:100%; margin-top: -25px;overflow:hidden;}
.container {width:100%; }
/* TAILING */
.tail-top {background:url(../img/tail-top.gif) left top repeat-x #fff;}
.body-bg {width: 100%; background:url(../img/body-bg1.jpg) no-repeat center top; }

.tail-bottom {background:url(../img/tail-bottom.gif) left bottom repeat-x;}

/* OTHER */

/* HEADER */
#header {height: 364px; width:90%;
         background:url(../img/header-bg.jpg) repeat-x center bottom;
         position:relative;
         z-index:2;
         border-top-left-radius:276px;
         border-top-right-radius: 250px;
         border-bottom-left-radius: 6px;}
#header .extra {position:absolute;right:-17px;top:97px; }
#header .row-1 {height:113px; width:90%;overflow:hidden}
#header .row-1 .fleft {padding:24px 0 0 26px}
#header .row-1 .fright {padding:27px 15px 0 0}
#header .row-2 {margin-left: 15px; height:28px; margin-top: -17px;}
#header .row-2 ul {width:90%;overflow:hidden;position:relative;z-index:2}
#header .row-2 ul li {float:left;text-transform:uppercase;margin-right:10px}
#header .row-2 ul li a {color:#fff;text-decoration:none;display:block;text-align:center;padding:28px 0 24px 0;
                        background-repeat:no-repeat;background-position:0 0}

/* button1 */
#header .row-2 ul li.m11 a {width:95px; height: 2px;background:url(../img/m2.png) no-repeat center bottom;
background-size: 95px 40px;  }
#header .row-2 ul li.m11 a:hover,
#header .row-2 ul li.m11 a.active {background:url(../img/m2-act.png) no-repeat center bottom; 
        background-size: 95px 40px; }
/* button2 */
#header .row-2 ul li.m21 a {width:95px; height: 2px;background:url(../img/m2.png)no-repeat center bottom;
background-size: 95px 40px;}
#header .row-2 ul li.m21 a:hover,
#header .row-2 ul li.m21 a.active {background:url(../img/m2-act.png)no-repeat center bottom;
background-size: 95px 40px;}
/* button3 */
#header .row-2 ul li.m31 a {width:95px; height: 2px;background:url(../img/m2.png)no-repeat center bottom;
background-size: 95px 40px;}
#header .row-2 ul li.m31 a:hover,
#header .row-2 ul li.m31 a.active {background:url(../img/m2-act.png)no-repeat center bottom;
background-size: 95px 40px;}
/* button4 */
#header .row-2 ul li.m41 a {width:105px; height: 2px;background:url(../img/m6.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-2 ul li.m41 a:hover,
#header .row-2 ul li.m41 a.active {background:url(../img/m6-act.png)no-repeat center bottom;
background-size: 105px 40px;}
/* button5 */
#header .row-2 ul li.m51 a {width:105px; height: 2px;background:url(../img/m6.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-2 ul li.m51 a:hover,
#header .row-2 ul li.m51 a.active {background:url(../img/m6-act.png)no-repeat center bottom;
background-size: 105px 40px;}
/* button6 */
#header .row-2 ul li.m61 a {width:105px; height: 2px;background:url(../img/m6.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-2 ul li.m61 a:hover, #header .row-2 ul li.m6 a.active {background:url(../img/m6-act.png)no-repeat center bottom;
background-size: 105px 40px;}



/* button1 */
#header .row-2 ul li.m1 a {width:89px; height: 2px;background:url(../img/m1.png)no-repeat center bottom;
background-size: 95px 40px;}
#header .row-2 ul li.m1 a:hover,
#header .row-2 ul li.m1 a.active {background:url(../img/m1-act.png)no-repeat center bottom;
background-size: 95px 40px;}
/* button2 */
#header .row-2 ul li.m2 a {width:95px; height: 2px;background:url(../img/m2.png)no-repeat center bottom;
background-size: 95px 40px;}
#header .row-2 ul li.m2 a:hover,
#header .row-2 ul li.m2 a.active {background:url(../img/m2-act.png)no-repeat center bottom;
background-size: 95px 40px;}
/* button3 */
#header .row-2 ul li.m3 a {width:117px; height: 2px;background:url(../img/m3.png)no-repeat center bottom;
background-size: 95px 40px;}
#header .row-2 ul li.m3 a:hover,
#header .row-2 ul li.m3 a.active {background:url(../img/m3-act.png)no-repeat center bottom;
background-size: 95px 40px;}
/* button4 */
#header .row-2 ul li.m4 a {width:114px; height: 2px;background:url(../img/m4.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-2 ul li.m4 a:hover,
#header .row-2 ul li.m4 a.active {background:url(../img/m4-act.png)no-repeat center bottom;
background-size: 105px 40px;}
/* button5 */
#header .row-2 ul li.m5 a {width:123px; height: 2px;background:url(../img/m5.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-2 ul li.m5 a:hover,
#header .row-2 ul li.m5 a.active {background:url(../img/m5-act.png)no-repeat center bottom;
background-size: 105px 40px;}
/* button6 */
#header .row-2 ul li.m6 a {width:105px; height: 2px;background:url(../img/m6.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-2 ul li.m6 a:hover, #header .row-2 ul li.m6 a.active {background:url(../img/m6-act.png)no-repeat center bottom;
background-size: 105px 40px;}
#header .row-3 {height: 200px;padding:62px 0 0 77px}
/* CONTENT */
#content {background:url(../img/cont-tail.png) repeat-y left top;position:relative; margin-top: 0px; width: 90%;}
#content .tail-right {background:url(../img/cont-tail-right.gif) repeat-y right top;
                      background-size: 20% 100%; margin-top: 0px;  width: 100%;}
#content .col-1 {float: left; margin-left:0px; width:80%;}
#content .col-2 {float: right; width:20%; margin-top: 0px; margin-right:0px; padding:90px 0px 0px 0px;}
#content .col-2 ul {padding:0 10px 0 10px}
#content .col-2 ul li {line-height:1.43em;padding-bottom:18px}
#content .col-2 ul li strong {display:block;font-size:.86em;padding-bottom:5px}
#content .col-2 ul li a {text-decoration:none}
#content .col-2 ul li a:hover {color:#000}
.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;
                            width:35%;line-height:10px;font-size:10px;margin:-220% 0 0 0;
                            overflow:hidden;padding:0}
#content .indent_login {
    padding:33px 33px 50px 37px;
    margin-left: 150px ;
}
#content .indent {
    padding:33px 33px 50px 37px;

}
#content .indent1 {padding-bottom:33px}
#content .indent_login .submit{
    margin-top: 5px;
    border: solid thin;
    border-radius: 6px;
    padding: 2px 4px 2px 4px;
    margin-left:100px;
}
#content .indent_login .submit:hover{
    background: #ccffcc;
    cursor: pointer;
}
#content .indent_login .register{
    margin-top: 5px;
    border: solid thin;
    border-radius: 6px;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
}
#content .indent_login .register:hover{
    background: #ccffcc;
    cursor: pointer;
}
.lebel{
    margin-top: 55px;
    margin-left:30px;


}  
.fields{
    margin-top: 5px;
    margin-left: 55px;

}   
#content .indent .form_border{
    border:solid thin #ccffcc;
    border-radius: 8px;
    max-width: 250px;
    padding: 6px;
}
/* FOOTER */
#footer {height:110px;color:#fff}
#footer .indent {padding:47px 34px 0 37px}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer img {position:relative;top:-4px}

/*  errors */

.errors{
    background:#ff6666;
}
p {margin-bottom:20px;line-height:1.43em}
.p0 {margin-bottom:0}
/* TXT, LINKS, LINES, TITLES */
a {color:#20b7c9;outline:none}
a:hover {text-decoration:none}
h3 {font-size:40px;line-height:1.2em;font-weight:normal;color:#000;letter-spacing:-2px;margin-bottom:12px}
h4 {font-size:30px;color:#000;letter-spacing:-2px;margin-bottom:16px}
/* FORMS */
.label1 {float:left;
        font-family:Arial,Helvetica,sans-serif;
        font-size:16px;line-height:1em;color:#4e4e4e;
       
        margin-bottom:8px;}
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:106px;line-height:18px;padding-bottom:8px}
#contacts-form input {width:246px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#70635b;background:#fff}
#contacts-form textarea {width:443px;height:403px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#4e4e4e;background:#fff;margin-bottom:15px;overflow:auto}
/* LISTS */
.list {margin-bottom:-11px}
.list li {padding:0 0 11px 98px;min-height:74px;height:auto!important;height:74px;background:url(../img/icon.png) no-repeat left top;line-height:1.43em;position:relative}
.list li strong {display:block;font-size:.86em;padding-bottom:5px}
.list li a {color:#4e4e4e;text-decoration:none}
.list li a:hover {text-decoration:underline}
.list1 {margin-bottom:-20px}
.list1 li {padding:0 0 20px 0;line-height:1.43em;width:100%;overflow:hidden;vertical-align:top}
.list1 li img {float:left;margin:5px 21px 0 0}
.list1 li strong {display:block;font-size:.86em;padding-bottom:5px}
.list1 li a {color:#4e4e4e;text-decoration:none}
.list1 li a:hover {text-decoration:underline}
.list2 {padding-bottom:15px}
.list2 li {padding:0 0 4px 12px;background:url(../img/arrow.gif) no-repeat left 5px}
.list2 li ul {padding-top:4px;margin-bottom:-4px}
/** Members **/
#members {
    border: solid thin #aaa;
    border-radius: 6px;
    padding: 7px 3px 7px 3px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
}
#MemberInfos{
    min-height:60px;
    border: solid thin #aaa;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 3px 7px 3px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
}

#TotalCals{
    min-height:60px;
    border: solid thin #aaa;
   border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 3px 7px 3px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
}
#TotalCals span{
    margin-top: 10px;
    margin-left: 20px;}
#TotalCals .exelpfd{
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 4px;
}
#TotalCals .exelimg:hover{background:url(../members/img/exel_.png); cursor: pointer;}
#TotalCals .pdfimg:hover{background:url(../members/img/pdf_.png); cursor: pointer;}



#TotalTrans{
    min-height:60px;
    border: solid thin #aaa;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 3px 7px 3px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
}
#TotalTrans p{
    
    margin-top: 10px;
    margin-left: 10px;}

#moreForm{

    background: #fdd7d6;
    border: solid thin #aaa;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 3px 7px 3px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
}
#moreForm .moreTable{
    position: relative;
    left:150px;
}
#UpdatemoreForm{

    background: #f2e9c1;
    border: solid thin #aaa;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 3px 7px 3px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
}
#UpdatemoreForm .moreTable{
    position: relative;
    left:150px;
}
/** Members Buttons **/
#MemberTools{
    border: solid thin #aaa;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 6px 7px 6px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
    height: 60px;
    list-style: none;

}
/*#MemberTools a{float: left;}*/
#MemberTools p{margin-left: 10px;}
#MemberTools .paypal:hover{background:url(../members/img/paypal1.png);}
#MemberTools .myacount:hover{background:url(../members/img/lock_open1.png);}
#MemberTools .card:hover{background:url(../members/img/credit_card1.png);}
#MemberTools .bank:hover{background:url(../members/img/bank_euro1.png);}
#MemberTools .cpass:hover{background:url(../members/img/password1.png);}
#MemberTools .iphone:hover{background:url(../members/img/ip1.png);}
/*#Members user info*/


#MemberInfos .userinfo{ 
    background:url(../members/img/man_60.png)no-repeat top left;
    min-width:100px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
      margin-top: -5px;
    padding: 4px;
    border-radius: 6px;
    float: left;
    margin-left: 10px;
 

}
#MemberInfos .userinfo p{
margin-left: 55px;
}

#MemberInfos .userbalance{
    width:60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    /* background-color: #3ac259;*/
    margin-top: -5px;
    padding: 4px;
    border-radius: 6px;
    float: right;
    margin-left: 10px;

}
#MemberInfos .userother{
    
background:url(../members/img/anonymous_60.png)no-repeat top left;
    margin-top: 25px;
    width:200px;
    min-width:150px;
    height: 60px;
    text-align: left;
    vertical-align: top;
    margin-top: -5px;
    padding: 4px;
    border-radius: 6px;
    float: left;
    color: #009966
}
#MemberInfos .userother p{
    margin-left: 40px;
    margin-top: -5px;

}
#Users_Info{
    background-color:#e2f7fc;
    border: solid thin #aaa;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 6px 7px 6px;
    margin-bottom:6px;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 60px;
    list-style: none;
}
#Users_Info .edit {
   /* background:url(../members/img/Pencil.png)no-repeat top right; */
    position: relative;
    float: right;
    cursor: pointer;
}
#Users_Info .edit:hover{
    
    background:url(../members/img/color_pencil.png)no-repeat top right; 
}
#Users_Info p{
    margin-top: 10px;
    margin-left: 30px;
    position: relative;
}
#loadingScreen {
    background: url(../members/img/ajax-loader.gif) no-repeat ;
    margin-left: 40px;
    margin-top: 20px;
    
}
#registerloadingScreen {
    background: url(../members/img/ajax-loader.gif) no-repeat ;
    margin-left: 40px;
    margin-top: 20px;
    
}
#divhead{
    background-color: #ccccff;
    margin-left: 5px;
    margin-right: 5px;
    min-height:10px;
    border-top: solid thin #aaa;
    border-right: solid thin #aaa;
    border-left: solid thin #aaa;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    text-overflow: ellipsis;
}
#divhead:hover{
    cursor:move;
}
#divhead span{
    float: left;
    
}
#divhead b{
   float: none; 
}
#notactive{
   
    background-color:#ff3333;
    color: #ffffff;
    border: solid thin #aaa;
    border-radius: 6px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top:10px;
    margin-bottom: 10px;
    min-height:70px;  
    text-align: center;
    text-overflow: ellipsis;
}
#drag { width: 120px; 
             height: 60px; 
             padding: 0.5em; 
             float: left; 
             margin: 10px 10px 10px 0; }
#drop { width: 140px;
             height: 100px; 
             padding: 0.5em; 
             float: left; 
             margin: 10px; }
 #messagedrag { width: 120px; 
             height: 60px; 
             padding: 0.5em; 
             float: left; 
             margin: 10px 10px 10px 0; }
#messagedrop { width: 140px;
             height: 100px; 
             padding: 0.5em; 
             float: left; 
             margin: 10px; }
#sbutton:hover{
    cursor: pointer;
    background:#ccffcc;
    
}