body,form,ul,ol,h1,h2,h3,h4,h5,input,select,textarea,dl,dt,dd{
        margin:0;
        padding:0;
}
body,td

{font-family: Arial, Tahoma, Verdana; font-size : 11px; color: #3d3d3d}


select,input,textarea   {font-family: Arial, Tahoma, Verdana; font-size : 11px; color: #333; border:1px solid #abadb3;padding: 2px; outline:none;}
textarea{
        resize:none;
        overflow:auto;
}
/*
 select,input, textarea {color: #ffffff; font-family: tahoma; font-size: 11px; border:1px solid #C8C468; padding-left:5px; background:#808564}
*/
h1,big                  {font:21px/21px Arial, Helvetica, sans-serif; letter-spacing:-1px; color: #69b813; margin:4px 0 15px;}
h2                      {font:18px/30px Arial, Helvetica, sans-serif;color:#000; margin:0;}
h3                      {font-family: Arial; font-size : 11px; font-weight: bold; color: #0C529A; margin: 0 0 4 0}
h4                      {font-family: Arial; font-size : 11px; font-weight: bold; color: #444444; margin: 0 0 4 0}
u                       {text-decoration: none}
a                       {color: #932D00; outline:none;}
A:hover                 {color: #0057AF}
A.mn:hover              {color: #ffffff}
A.mnb:hover             {color: #ffffff}
A.mnc:hover             {color: #ffffff}

A.mns:hover             {color: #ffcc00}

A.th                    {color: #ffffff}
A.th:hover              {color: #C6FF00}
A.sm                    {color: #932D00}
A.sm:hover              {color: #789416}
A.smw:hover             {color: #ffc600}

input.btn{
        color:#fff;
        font:12px Arial, Helvetica, sans-serif;
        background:#5b9b15;
        display:inline-block;
        border:1px solid #4a810d;
        padding:0px 19px;
        text-decoration:none;
        height:29px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor:pointer;
}
@-moz-document url-prefix() {
        input.btn {
                padding:0px 19px 2px;
        }
}
input.btn:hover{
        border:1px solid #3a6809;
        background:#408000;
        background: linear-gradient(top, #5b9b15 , #408000 );
        background: -o-linear-gradient(top, #5b9b15 , #408000 );
        background: -moz-linear-gradient(top, #5b9b15 , #408000 );
        background: -webkit-linear-gradient(top, #5b9b15 , #408000 );
        background: -ms-linear-gradient(top, #5b9b15 , #408000 );
}
input.btn:active{
        border:1px solid #3a6809;
        background:#5b9b15;
}
a.btn{
        color:#fff;
        font:12px Arial, Helvetica, sans-serif;
        background:#5b9b15;
        display:inline-block;
        border:1px solid #4a810d;
        padding:6px 18px 0;
        text-decoration: none;
        height:21px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor:pointer;
}
a.btn:hover{
        border:1px solid #3a6809;
        background:#408000;
        background: linear-gradient(top, #5b9b15 , #408000 );
        background: -o-linear-gradient(top, #5b9b15 , #408000 );
        background: -moz-linear-gradient(top, #5b9b15 , #408000 );
        background: -webkit-linear-gradient(top, #5b9b15 , #408000 );
        background: -ms-linear-gradient(top, #5b9b15 , #408000 );
}
a.btn:active{
        border:1px solid #3a6809;
        background:#5b9b15;
}
input.btn2{
        color:#3e3e3e;
        font:12px Arial, Helvetica, sans-serif;
        background:#f4f4f4;
        display:inline-block;
        border:1px solid #dcdcdc;
        padding:0px 19px;
        text-decoration:none;
        height:29px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor:pointer;
}
@-moz-document url-prefix() {
        input.btn2 {
                padding:0px 9px 2px;
        }
}
input.btn2:hover{
        border:1px solid #bfbfbf;
        background:#f7f7f7;
        color:#333;
}
input.btn2:active{
        border:1px solid #3e8fda;
        background:#f7f7f7;
        color:#333;
}
a.btn2{
        color:#3e3e3e;
        font:12px Arial, Helvetica, sans-serif;
        background:#f4f4f4;
        display:inline-block;
        border:1px solid #dcdcdc;
        padding:6px 18px 0;
        text-decoration: none;
        height:21px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor:pointer;
}
a.btn2:hover{
        border:1px solid #bfbfbf;
        background:#f7f7f7;
        color:#333;
}
a.btn2:active{
        border:1px solid #3e8fda;
        background:#f7f7f7;
        color:#333;
}

.tit    {color: #ffffff; font-family: "Arial"; font-size: 11px; font-weight: bold; background-image: url(./img/crm/mn2.gif)}
.txt    {font-size: x-small; text-align: justify; font-family: Arial, Tahoma, Verdana}

.mn             {color: #848484; font-family: Arial; text-decoration: none; font-size: 11px; font-weight: bold}
.sm             {color: #000000; font-family: Verdana; font-size: 11px}
.smw    {color: #ffffff; font-family: Verdana; font-size: 11px; text-decoration: none}
.xsm    {color: #000000; font-family: Tahoma; font-size: 11px}
.sl             {text-decoration: none; font-weight: bold}

.xpad   {padding: 3 10 3 10; color: #000000; font-family: Tahoma; font-size: 11px}


.tda    {color: #ffffff; font-family: Verdana; font-size: 11px; font-weight: bold; background-image: url(./img/crm/tda.gif)}
.tdb    {color: #000000; font-family: Verdana; font-size: 11px;}
.tdc    {color: #000000; font-family: Verdana; font-size: 11px; background-color: #F2F3F7}
.tdd    {color: #000000; font-family: Verdana; font-size: 11px; background-color: #FFF2BB}
.tde    {color: #000000; font-family: Verdana; font-size: 11px; background-color: #A3E0FF}
.tdf    {color: #ffffff; font-family: Tahoma; font-size: 11px; font-weight: bold; background-image: url(./img/crm/tdf.gif)}

.mna    {color: #BFBFBF; font-family: Tahoma; font-size: 11px; font-weight: bold; background-image: url(./img/crm/bg_mntit.gif); vertical-align: top; height: 40px}
.mnb    {color: #BCC3CA; font-family: Tahoma; font-size: 11px; text-decoration: none}
.mnw    {color: #000000; font-family: Tahoma; font-size: 11px; text-decoration: none}
.mnc    {background-image: url(./img/crm/bg_mnba.gif)}


li {list-style-type : square; list-style-image : url(./img/crm/li.gif)} 
#q {list-style-type : circle; list-style-image : url(./img/crm/_dot.gif); margin: 3 0 3 0} 
#u {margin: 0 0 0 20} 

#xxin           {width: 213px; font-family: Verdana; font-size: 11px}
#xin            {width: 96px; font-family: verdana; font-size: 11px}
#rad            {width: 11px; height: 11px}
.form           {width: 190px;font-size:11px}

#non    {text-decoration: none}

#w              {color: #ffffff}
#lt             {color: #bbbbbb}
#rd             {color: #900000}
#or             {color: #ffcc00}
#bu             {color: #0057AF}
#nv             {color: #0057AF}
#nt             {color: #647483}
#gr             {color: #9C9C9C}
#gn             {color: #466E19}

.code {
        background-color: #AFF9FF;
        padding-left:10px;
        border: 1px outset white;
}

.quote {
        background-color: #EEEEEE;
        padding-left:10px;
        border-left:3px outset black;
        border-top:0px outset black;
        border-bottom:0px outset black;
        border-right:0px outset black;
}


.dynCalendar_header{
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 10pt;
        font-weight: bold;
}
.dynCalendar_dayname {
        background-color: #eeeeee;
        border: 1px solid #c0c0c0;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 8pt;
        text-align: center;
}

.dynCalendar_day {
        background-color: #eeeeee;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 8pt;
}

.dynCalendar_today {
        background-color: #ffffff;
        border: 1px solid #c0c0c0;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 8pt;
}


.dynCalendar {
        background-color: #c0c0c0;
        border: 2px outset white;
        visibility: hidden;
        position: absolute;
        top: 1px;
        left: 1px;
}

.normalRow { background-color: #FFFFFF }
.highlightRow { background-color: #EEEEEE }
.selectedRow { background-color: #CCEECC }
.bigText {font-size:14px}

/* --- milestones panel */
.ml-panel 
{ 
        width:700px;
        height:115px;
        margin: 20px 75px 0px 75px;
        border:1px solid #f0f0f0;
}
.ml-panel .timeline-panel 
{ 
        width:698px; 
        height:29px; 
        border:1px solid #c3c3c3; 
        background-color:#fff; 
        margin-top:42px;
        position:relative;
}
.ml-panel .timeline-panel .timeline 
{ 
        position:absolute;
        top:7px;
        left:0;
        z-index:9;
        height:15px; 
        width:698px;
        margin-top2:7px; 
        background: url('../img/milestones/timeline-bg.png') repeat-x;
}

.ml-panel  .timeline-panel .m-label
{
        font-size:11px;
        font-weight:bold;
        color:#000;
        position: absolute;
        top:11px; 
}
.ml-panel .timeline-panel .marker-left
{
        width: 75px;
        height: 32px;
        background: url('../img/milestones/marker-left.png') no-repeat;
        position:absolute;
        top:30px;
        left:-1px;
        z-index:10;
}
.ml-panel .timeline-panel .marker-left .m-label
{       
        left:-75px;     
}
.ml-panel .timeline-panel .marker-right
{
        width: 75px;
        height: 32px;
        background: url('../img/milestones/marker-right.png') top right no-repeat;
        position:absolute;
        top:30px;
        right:-1px;
        z-index:10;

        padding: 23px 0px 0 0;
        text-align:right;
        font-size:11px;
        font-weight:bold;
        color:#000;
}
.ml-panel .timeline-panel .marker-right .m-label
{       
        right:-75px;    
}
.ml-panel .timeline-panel .marker-today
{
        width: 9px;
        height: 51px;
        background: url('../img/milestones/marker-today.png') no-repeat;
        position:absolute;
        top:0px;
        right:100px;
        z-index:14;
}
.ml-panel .timeline-panel .label-today
{
        width: 50px;

        text-align:center;
        font-size:11px;
        font-weight:bold;
        color:#c00;
        z-index:14;

        position:absolute;
        top:53px;
        left:77px;
}

.ml-panel .timeline-panel .marker-ms
{
        width: 9px;
        height: 51px;
        background: url('../img/milestones/marker-ms.png') no-repeat;
        position:absolute;
        top:-22px;
        right:100px;
        z-index:15;
}
.ml-panel .timeline-panel .label-ms-bottom
{
        width: 50px;

        text-align:center;
        font-size:11px;
        font-weight:normal;
        color:#000;
        z-index:15;

        position:absolute;
        top:37px;
        left:0px;
}
.ml-panel .timeline-panel .label-ms-top
{
        width:auto;
        height:auto;
        max-height:40px;
        max-width:100px;
        display:block;
        border:1px solid #C3C3C3;
        overflow: hidden;
        background-color:#fff;
        padding:2px;

        text-align:center;
        font-size:11px;
        font-weight:normal;
        color:#000;
        z-index:15;

        position:absolute;
        top:-55px;
        left:0px;
}

.ml-panel .timeline-panel .label-ms-top:hover
{
        z-index:10000;
        max-height:none;
}

.ml-panel .timeline-panel .line-green
{ 
        height:15px; 
        width: 10px;
        background-color: #39A62E;
        left:0;
        top: 7px;
        position:absolute;
        z-index:13;
}
.ml-panel .timeline-panel .line-red
{ 
        height:15px; 
        width: 10px;
        background-color: #CC3333;
        left:40px;
        top: 7px;
        position:absolute;
        z-index:13;
}
/* /// milestones panel */
/*new style*/
img{
        border:0;
}
.fl{
        float:left;
}
.fr{
        float:right;
}
.clearFix:after{
        visibility:hidden;
        display:block;
        font-size:0;
        content:" ";
        clear:both;
        height:0;
}
*html .clearFix{
        zoom:1;
}
*+html .clearFix{
        zoom:1;
}
.cl{
        clear:both;
        height:0px;
        font-size:0px;
        overflow:hidden;
}
.head{
        font:12px Arial, Helvetica, sans-serif;
        background:#f7f7f7;
        border-bottom:1px solid #ebebeb;
        margin-bottom:24px;
        position:relative;
        z-index:100;
}
.head .top-line{
        background:#3f3f3f;
        border-bottom:1px solid #000;
        border-top:1px solid #6d6d6d;
        padding:2px 20px;
        position:relative;
        z-index:10;
}
.head .search{
        background:url(../img/field-search.png) no-repeat left 2px;
        width:137px;
        height:19px;
        padding:5px 0 1px 5px;
        float:left;
        margin:0 27px 0 0;
}
.head .search input{
        font:12px Arial, Helvetica, sans-serif;
        color:#999;
        border:0;
        background:none;
        width:132px;
}
.head .all-project{
        float:left;
        color:#ccc;
        margin-right:1px;
        padding:2px 3px 0 0;
        position:relative;
        border-top:2px solid #3f3f3f;
}
.head .all-project a{
        color:#ccc;
        text-decoration:none;
}
.head .all-project.act{
        border-top:2px solid #69b813;
        color:#fff;
}
.head .all-project.act a{
        color:#fff;
}
.head .all-project .all-project-ttl{
        display:inline-block;
        background:url(../img/top-arrow.gif) no-repeat right 6px;
        padding:0 18px 6px 16px;
        position:relative;
}
.head .all-project.act .all-project-ttl{
        font-weight:bold;
}
.head .all-project .all-project-box{
        position:absolute;
        left:0;
        top:25px;
        border:1px solid #bebebe;
        background:#fff;
        padding:12px 0 5px;
        min-width:170px;
        display:none;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
}
.head .all-project .all-project-hide{
        max-height:400px;
        overflow:auto;
        overflow-x:hidden;
        padding:0 35px 0 11px;
}
.head .all-project .all-project-box a{
        display:block;
        white-space:nowrap;
        color:#3d3d3d;
        text-decoration:none;
        background:url(../img/set-sel.gif) no-repeat left -100px;
        padding:0 0 0 22px;
        margin-bottom:13px;
}
.head .all-project .all-project-box a:hover{
        color:#3e8fda;
}
.head .all-project .all-project-box a.act{
        background-position:left top;
}
.head .all-project.hover{
        padding:0;
}
.head .all-project.hover .all-project-box{
        display:block;
}
.head .all-project.hover .all-project-ttl{
        cursor:pointer;
        border-left:1px solid #bebebe;
        border-top:1px solid #bebebe;
        border-right:1px solid #bebebe;
        padding:6px 20px 9px 15px;
        margin:0 0 -8px;
        background:#fff;
        color:#3e8fda;
        top:-5px;
}
.head .all-project.hover .all-project-ttl a{
        color:#3e8fda;
}
.head .all-developer{
        float:right;
        background:url(../img/dev-sep.gif) no-repeat right 1px;
        color:#ccc;
        padding:4px 9px 0 0;
        position:relative;
}
.head .all-developer .all-developer-ttl{
        display:inline-block;
        background:url(../img/top-arrow.gif) no-repeat right 6px;
        padding:0 17px 6px 16px;
        position:relative;
}
.head .all-developer .all-developer-box{
        position:absolute;
        right:0;
        top:27px;
        border:1px solid #bebebe;
        background:#fff;
        padding:12px 0 5px;
        min-width:170px;
        display:none;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
}
.head .all-developer .all-developer-hide{
        max-height:400px;
        overflow:auto;
        overflow-x:hidden;
        padding:0 25px 0 11px;
}
.head .all-developer .all-developer-box a{
        display:block;
        white-space:nowrap;
        color:#3d3d3d;
        text-decoration:none;
        background:url(../img/set-sel.gif) no-repeat left -100px;
        padding:0 0 0 22px;
        margin-bottom:13px;
}
.head .all-developer .all-developer-box a:hover{
        color:#3e8fda;
}
.head .all-developer .all-developer-box a.act{
        background-position:left top;
}
.head .all-developer.hover{
        padding:0;
}
.head .all-developer.hover .all-developer-box{
        display:block;
}
.head .all-developer.hover .all-developer-ttl{
        cursor:pointer;
        border-left:1px solid #bebebe;
        border-top:1px solid #bebebe;
        border-right:1px solid #bebebe;
        padding:6px 25px 9px 15px;
        margin:0 0 -6px;
        background:#fff;
        color:#3e8fda;
        top:-3px;
}


/* */
.head .allplanning{
        float:left;
        color:#ccc;
        margin-right:1px;
        padding:2px 3px 0 0;
        position:relative;
        border-top:2px solid #3f3f3f;
}
.head .allplanning a{
        color:#ccc;
        text-decoration:none;
}
.head .allplanning.act{
        border-top:2px solid #69b813;
        color:#fff;
}
.head .allplanning.act a{
        color:#fff;
}
.head .allplanning .allplanning-ttl{
        display:inline-block;
        background:url(../img/top-arrow.gif) no-repeat right 6px;
        padding:0 18px 6px 16px;
        position:relative;
}
.head .allplanning.act .allplanning-ttl{
        font-weight:bold;
}
.head .allplanning .allplanning-box{
        position:absolute;
        left:0;
        top:25px;
        border:1px solid #bebebe;
        background:#fff;
        padding:12px 0 5px;
        min-width:170px;
        display:none;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
}
.head .allplanning .allplanning-hide{
        max-height:400px;
        overflow:auto;
        overflow-x:hidden;
        padding:0 35px 0 11px;
}
.head .allplanning .allplanning-box a{
        display:block;
        white-space:nowrap;
        color:#3d3d3d;
        text-decoration:none;
        background:url(../img/set-sel.gif) no-repeat left -100px;
        padding:0 0 0 22px;
        margin-bottom:13px;
}
.head .allplanning .allplanning-box a:hover{
        color:#3e8fda;
}
.head .allplanning .allplanning-box a.act{
        background-position:left top;
}
.head .allplanning.hover{
        padding:0;
}
.head .allplanning.hover .allplanning-box{
        display:block;
}
.head .allplanning.hover .allplanning-ttl{
        cursor:pointer;
        border-left:1px solid #bebebe;
        border-top:1px solid #bebebe;
        border-right:1px solid #bebebe;
        padding:6px 20px 9px 15px;
        margin:0 0 -8px;
        background:#fff;
        color:#3e8fda;
        top:-5px;
}
.head .allplanning.hover .allplanning-ttl a{
        color:#3e8fda;
}
.head .all-developer{
        float:right;
        background:url(../img/dev-sep.gif) no-repeat right 1px;
        color:#ccc;
        padding:4px 9px 0 0;
        position:relative;
}
.head .all-developer .all-developer-ttl{
        display:inline-block;
        background:url(../img/top-arrow.gif) no-repeat right 6px;
        padding:0 17px 6px 16px;
        position:relative;
}
.head .all-developer .all-developer-box{
        position:absolute;
        right:0;
        top:27px;
        border:1px solid #bebebe;
        background:#fff;
        padding:12px 0 5px;
        min-width:170px;
        display:none;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
}
.head .all-developer .all-developer-hide{
        max-height:400px;
        overflow:auto;
        overflow-x:hidden;
        padding:0 25px 0 11px;
}
.head .all-developer .all-developer-box a{
        display:block;
        white-space:nowrap;
        color:#3d3d3d;
        text-decoration:none;
        background:url(../img/set-sel.gif) no-repeat left -100px;
        padding:0 0 0 22px;
        margin-bottom:13px;
}
.head .all-developer .all-developer-box a:hover{
        color:#3e8fda;
}
.head .all-developer .all-developer-box a.act{
        background-position:left top;
}
.head .all-developer.hover{
        padding:0;
}
.head .all-developer.hover .all-developer-box{
        display:block;
}
.head .all-developer.hover .all-developer-ttl{
        cursor:pointer;
        border-left:1px solid #bebebe;
        border-top:1px solid #bebebe;
        border-right:1px solid #bebebe;
        padding:6px 25px 9px 15px;
        margin:0 0 -6px;
        background:#fff;
        color:#3e8fda;
        top:-3px;
}



.head .settings{
        float:right;
        padding:4px 7px 0 6px;
        position:relative;
}
.head .settings .settings-ico{
        position:relative;
}
.head .settings .settings-ico span{
        display:block;
        background:url(../img/ico-settings.gif) no-repeat left top;
        width:15px;
        height:15px;
        position:relative;
}
.head .settings .settings-box{
        position:absolute;
        right:0;
        top:27px;
        border:1px solid #bebebe;
        background:#fff;
        padding:12px 10px 5px;
        min-width:150px;
        display:none;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
}
.head .settings .settings-view{
        border-top:1px solid #d6d6d6;
        padding:13px 0 0;
}
.head .settings .settings-box a{
        display:block;
        white-space:nowrap;
        color:#3d3d3d;
        text-decoration:none;
        background:url(../img/set-sel.gif) no-repeat left -100px;
        padding:0 0 0 22px;
        margin-bottom:13px;
}
.head .settings .settings-box a:hover{
        color:#3e8fda;
}
.head .settings .settings-box a.act{
        background-position:left top;
}
.head .settings.hover{
        padding:0;
}
.head .settings.hover .settings-box{
        display:block;
}
.head .settings.hover .settings-ico{
        cursor:pointer;
        border-left:1px solid #bebebe;
        border-top:1px solid #bebebe;
        border-right:1px solid #bebebe;
        padding:6px 6px 9px 5px;
        margin:0 0 -6px;
        background:#fff;
        top:-3px;
}
.head .settings.hover .settings-ico span{
        background-position:left -15px;
}
.head .menu{
        float:left;
        position:relative;
        top:0;
        margin:0 35px 0 0;
}
.head .menu a{
        display:block;
        float:left;
        color:#ccc;
        text-decoration:none;
        padding:4px 13px 0;
        height:21px;
}
.head .menu a:hover{
        background:#666;
}
.head .menu a.act{
        font-weight:bold;
        color:#fff;
        border-top:2px solid #69b813;
        padding:2px 13px 0;
}
.head .notice{
        display:block;
        float:left;
        border:1px solid #5a1d04;
        background:#d94e17;
        font:12px Arial, Helvetica, sans-serif;
        color:#fff;
        text-decoration:none;
        padding:2px 7px 2px 6px;
        margin:2px 0 0;
}
.head .head-content{
        padding:18px 20px 22px;
}
.head .logo{
        float:left;
        margin:6px 21px 0 0;
}
.head .head-txt{
        float:left;
        line-height:18px;
        color:#999;
}
.head .head-txt a, .head .head-txt span{
        color:#333;
        text-decoration:none;
}
.head .head-txt a:hover{
        color:#3e8fda;
}
a.btn-panel{
        float:right;
        padding:6px;
        height:auto;
        margin:8px 0 0 9px;
}
a.btn-add-task{
        float:right;
        padding-left:27px;
        padding-right:8px;
        margin:8px 0 0;
        position:relative;
}
a.btn-add-task img{
        position:absolute;
        left:6px;
        top:7px;
}
a.btn-add-project{
        position:relative;
        padding-left:30px;
        padding-right:8px;
        white-space: nowrap;
}
a.btn-add-project img{
        position:absolute;
        left:6px;
        top:5px;
}
a.btn-back{
        position:relative;
        padding-left:26px;
        padding-right:8px;
}
a.btn-back img{
        position:absolute;
        left:9px;
        top:6px;
}
a.btn-add-invoice{
        position:relative;
        padding-left:30px;
        margin-bottom:17px;
        padding-right:8px;
}
a.btn-add-invoice img{
        position:absolute;
        left:8px;
        top:5px;
}
a.btn-plus{
        padding:8px;
        height:auto;
}
a.btn-user-del{
        padding:5px 6px 6px;
        height:auto;
}
.title-line{
        padding:0 20px;
        border-bottom:1px solid #e5e5e5;
}
.sort{
        margin-bottom:22px;
}
.sort td{
        vertical-align:top;
        font:12px Arial, Helvetica, sans-serif;
}
.sort td.middle{
        vertical-align:middle;
        color:#3e3e3e;
}
.sort h1{
        margin-bottom:0;
}
.sort .no-data-set{
        vertical-align:middle;
        color:#999;
        padding:0 0 0 4px;
        width:112px;
}
.sort .no-data-set span{
        display:inline-block;
        color:#fff;
        font-size:13px;
        font-weight:bold;
        background:#d94e17;
        border:1px solid #a3441f;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:2px 0;
        width:20px;
        text-align:center;
        margin-left:2px;
}
.sort .delayed-payments{
        vertical-align:middle;
        color:#999;
}
.sort .delayed-payments span{
        display:inline-block;
        color:#fff;
        font-size:13px;
        font-weight:bold;
        background:#ffa500;
        border:1px solid #d08f18;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding:2px 0;
        width:20px;
        text-align:center;
        margin-left:2px;
}
.sort .pages{
        text-align:right;
        padding-right:10px;
        vertical-align:middle;
        width:137px;
}
.pages-arrow a{
        display:block;
        float:left;
        width:19px;
        height:21px;
        background:#f4f4f4;
        border:1px solid #dcdcdc;
        padding-top:6px;
        padding-left:8px;
}
.pages-arrow a span{
        display:block;
        width:10px;
        height:15px;
        overflow:hidden;
}
.pages-arrow a.prev{
        border-right-width:0;
        width:19px;
        -webkit-border-radius:2px 0 0 2px;
        -moz-border-radius:2px 0 0 2px;
        border-radius:2px 0 0 2px;
        padding-left:9px;
}
.pages-arrow a.prev span{
        background:url(../img/page-prev.png) no-repeat left -15px;
}
.pages-arrow a.next{
        -webkit-border-radius:0 2px 2px 0;
        -moz-border-radius:0 2px 2px 0;
        border-radius:0 2px 2px 0;
}
.pages-arrow a.next span{
        background:url(../img/page-next.png) no-repeat left -15px;
}
.pages-arrow a:hover{
        border-color:#bfbfbf;
        background:#f7f7f7;
}
.pages-arrow a:hover span{
        background-position:left -30px;
}
.pages-arrow a.prev:hover{
        border-right-width:1px;
        width:18px;
}
.pages-arrow a:active{
        border-color:#3e8fda;
        background:#f7f7f7;
}
.pages-arrow a:active span{
        background-position:left -30px;
}
.pages-arrow a.prev:active{
        border-right-width:1px;
        width:18px;
}
.pages-arrow a.disable{
        cursor:default;
        border-color:#dcdcdc;
        background:#f4f4f4;
}
.pages-arrow a.disable span{
        background-position:left top;
}
.pages-arrow a.prev.disable{
        border-right-width:0;
        width:19px;
}
.center{
        padding:0 20px;
}
.center .projects{
        font:13px Arial, Helvetica, sans-serif;
        color:#333;
        margin-bottom:22px;
}
.center .projects th, .center .projects th a{
        font:12px Arial, Helvetica, sans-serif;
        color:#999;
        border-bottom:1px solid #e5e5e5;
        padding:12px 0;
    text-decoration: none;
}
.center .projects th.project-name{
        text-align:left;
}
.center .projects th.th-sel a, .center .projects th.th-sel{
        color:#79af3e;
}
.center .projects th.project-date{
        text-align:left;
        padding-left:7px;
        width:65px;
}
.center .projects th.project-details{
        text-align:left;
        width:300px;
}
.center .projects th.project-val{
        text-align:left;
        width:16px;
}
.center .projects th.project-price{
        text-align:left;
        width:102px;
}
.center .projects th.project-progress{
        text-align:left;
}
.center .projects td{
        font:13px Arial, Helvetica, sans-serif;
        color:#333;
        border-bottom:1px solid #e5e5e5;
        padding:4px 0;
        vertical-align:middle;
        text-align:center;
}
.center .projects .project-logo{
        padding-left:4px;
        text-align:left;
}
.center .projects td.project-name{
        font-weight:bold;
        text-align:left;
}
.center .projects td.project-name a{
        font-weight:bold;
        color:#333;
        text-decoration:none;
}
.center .projects td.project-name a span{
        font-size:11px;
        font-weight:normal;
        color:#ccc;
        margin-left:6px;
}
.center .projects td.project-smile{
        text-align:right;
        padding-right:18px;
}
.center .projects td.project-date{
        text-align:left;
        font-size:12px;
        padding:18px 0 17px 7px;
}
.center .projects td.project-details{
        text-align:left;
        font-size:11px;
        color:#5a5959;
}
.center .projects td.project-val{
        text-align:left;
        font-size:12px;
        color:#9e9e9e;
}
.center .projects td.project-price{
        text-align:left;
        font-size:12px;
}
.center .projects td.project-milestones{
        text-align:left;
}
.center .projects tr:hover td{
        background:#fffece;
}
.center .projects tr:hover td.project-name a{
        color:#1d65a7;
}
.center .projects tr:hover td.project-name a span{
        color:#ccc;
}
.center .projects .project-edit a{
        visibility:hidden;
}
.center .projects tr:hover .project-edit a{
        visibility:visible;
}
.center .projects td.red{
        color:#ff5500;
}
.center .projects .paid-or{
        display:inline-block;
        width:20px;
        height:20px;
        background:#ffa500;
        border:1px solid #d08f18;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
}
.center .projects .paid-red{
        display:inline-block;
        width:20px;
        height:20px;
        background:#d94e17;
        border:1px solid #a3441f;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
}
.center .invoice-form{
        background:#f5f5f5;
        padding:41px 0 18px 58px;
        width:472px;
        font:12px Arial, Helvetica, sans-serif;
        color:#333;
        margin:21px 0;
}
.center .invoice-form td{
        font:12px Arial, Helvetica, sans-serif;
        padding-bottom:24px;
        color:#333;
}
.center .invoice-form td.mess{
        vertical-align:top;
        padding-top:5px;
}
.center .invoice-form .field{
        float:left;
        background:#fff;
        border:1px solid #abadb3;
        font:12px Arial, Helvetica, sans-serif;
        color:#666;
        padding:4px 5px;
        width:103px;
}
.center .invoice-form .field-box{
        float:left;
        border:1px solid #abadb3;
        border-left:0;
        height:19px;
        width:53px;
        padding:4px 0 0;
        position:relative;
        text-align:center;
        color:#666;
}
.center .invoice-form .field-box img{
        margin-top:-1px;
}
.center .invoice-form .textarea{
        background:#fff;
        border:1px solid #abadb3;
        font:12px Arial, Helvetica, sans-serif;
        color:#666;
        padding:4px 5px;
        width:238px;
        height:38px;
}
.center .invoice-form .btn{
        padding-left:36px;
        padding-right:36px;
}
.center .invoice-view{
        background:#f5f5f5;
        padding:24px 42px 11px 42px;
        width:693px;
        font:12px Arial, Helvetica, sans-serif;
        color:#333;
        margin:21px 0;
}
.center .invoice-view h2{
        margin:0 0 17px 15px;
}
.center .invoice-view td{
        font:12px/18px Arial, Helvetica, sans-serif;
        padding:0 0 12px 15px;
        color:#666;
        vertical-align:top;
}
.center .invoice-view td.vbottom{
        vertical-align:bottom;
}
.center .invoice-view td.field-name{
        color:#333;
        width:92px;
}
.center .invoice-view .invoice-amount{
        font-size:18px;
        color:#000;
}
.center .invoice-view .green{
        color:#5b9b15;
}
.center .invoice-view .attach-link{
        display:inline-block;
        background:url(../img/ico-attach.gif) no-repeat left top;
        text-decoration:none;
        color:#336699;
        padding:1px 0 0 18px;
}
.center .invoice-view .attach-link:hover{
        text-decoration:underline;
}
.center .invoice-view .field{
        float:left;
        background:#fff;
        border:1px solid #abadb3;
        font:12px Arial, Helvetica, sans-serif;
        color:#666;
        padding:4px 5px;
        width:103px;
}
.center .invoice-view .field-box{
        float:left;
        border:1px solid #abadb3;
        border-left:0;
        height:19px;
        width:53px;
        padding:4px 0 0;
        position:relative;
        text-align:center;
        color:#666;
}
.center .invoice-view .field-box img{
        margin-top:-1px;
}
.center .invoice-view .textarea{
        background:#fff;
        border:1px solid #abadb3;
        font:12px Arial, Helvetica, sans-serif;
        color:#666;
        padding:4px 5px;
        width:279px;
        height:38px;
}
.center .invoice-view .invoice-btn{
        padding:18px 0 34px 9px;
}
.center .invoice-view .invoice-btn .btn{
        margin-right:18px;
}
.center .invoice-view .invoice-btn2{
        padding-top:5px;
}
.center .invoice-view .invoice-info{
        float:left;
        font:12px/18px Arial, Helvetica, sans-serif;
        color:#666;
        width:248px;
        margin:0 0 0 30px;
}
.center .invoice-view .invoice-bord{
        border-top:1px solid #e5e5e5;
        height:1px;
        overflow:hidden;
        margin-bottom:20px;
}
.center .invoice-view .invoice-table td{
        padding-bottom:25px;
        vertical-align:middle;
        color:#333;
}
.center .invoice-view .invoice-table td.mess{
        vertical-align:top;
        padding-top:5px;
}
.center .menu{
        font:12px Arial, Helvetica, sans-serif;
        position:relative;
        left:-20px;
}
.center .menu a{
        display:block;
        color:#4e4e4e;
        text-decoration:none;
        padding:7px 0 8px 13px;
        margin:0 0 0 8px;
}
.center .menu a:hover{
        color:#4e4e4e;
        background:#eee;
}
.center .menu a.act{
        border-left:2px solid #69b813;
        background:none;
        color:#579711;
        font-weight:bold;
        padding:2px 0 2px 19px;
        margin:5px 0 6px;
}
.sidebar{
        width:173px;
        vertical-align:top;
        padding:11px 0 0;
}
.mr20{
        margin-right:20px;
}
/*timeline*/
.milestones-panel{
        position:relative;
        height:10px;
        float:left;
        min-width:340px;
}
.milestones-panel .milestones-day{
        float:left;
        width:4px;
        height:10px;
        background:#e9e9e9;
        margin:0 0 0 1px;
        position:relative;
}
.milestones2 .milestones-panel .milestones-day{
        float:left;
        width:10px;
        height:11px;
        background:#e9e9e9;
        margin:0 0 0 1px;
        position:relative;
}
.milestones-panel .milestones-day.weekend{
        background:#c8c8c8;
}
.milestones-panel .milestones-red{
        background:#db7239;
        height:3px;
        position:absolute;
        left:0;
        top:0;
}
.milestones-panel .milestones-green{
        background:#669900;
        height:3px;
        position:absolute;
        left:0;
        top:0;
}
.milestones-panel .milestones-today{
        position:absolute;
        right:-1px;
        top:-11px;
        background:url(../img/today-line.gif) no-repeat left top;
        width:1px;
        height:25px;
}
.milestones-panel .milestones-point{
        position:absolute;
        left:-4px;
        top:-13px;
}
.milestones2 .milestones-panel .milestones-point{
        position:absolute;
        left:-1px;
        top:-13px;
}
.milestones-panel .milestones-point-end{
        position:absolute;
        right:-6px;
        top:-13px;
}
.milestones-panel .milestones-point-start{
        position:absolute;
        left:-6px;
        top:-13px;
}
.milestones-panel .milestones-flag-finish{
        position:absolute;
        right:-1px;
        top:-13px;
}
.milestones-panel .milestones-flag-start{
        position:absolute;
        left:-1px;
        top:-13px;
}
.milestones-panel .milestones-txt{
        position:absolute;
        left:-114px;
        top:10px;
        border:1px solid #bebebe;
        width:236px;
        background:#fff;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
        display:none;
        z-index:1000;
        font:12px Arial, Helvetica, sans-serif;
}
.milestones-panel .milestones-txt img{
        position:absolute;
        left:50%;
        top:-6px;
        margin-left:-6px;
}
.milestones-panel .milestones-txt .milestones-txt-date{
        color:#999;
        border-bottom:1px solid #d6d6d6;
        padding:7px 7px 6px;
}
.milestones-panel .milestones-txt .milestones-txt-task{
        color:#999;
        border-bottom:1px solid #d6d6d6;
        padding:12px 7px 7px;
}
.milestones-panel .milestones-txt .milestones-txt-task div{
        margin-bottom:7px;
}
.milestones-panel .milestones-txt .milestones-txt-task a{
        text-decoration:none;
        color:#000;
}
.milestones-panel .milestones-txt .milestones-txt-task a:hover{
        color:#1d65a7;
}
.milestones-panel .milestones-txt .milestones-txt-reports{
        padding:7px;
}
.milestones-panel .milestones-txt .milestones-txt-reports a{
        text-decoration:none;
        color:#000;
}
.milestones-panel .milestones-txt .milestones-txt-reports a:hover{
        color:#1d65a7;
}
.milestones-panel .milestones-scheduled:hover .milestones-txt,.milestones-panel .milestones-performed:hover .milestones-txt{
        display:block;
}
.milestones-panel .milestones-txt2{
        position:absolute;
        left:-20px;
        top:17px;
        background:#3e3e3e;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
        display:none;
        z-index:1000;
        font:12px Arial, Helvetica, sans-serif;
        color:#fff;
        white-space:nowrap;
        padding:4px 5px 3px;
}
.milestones-panel .milestones-day:hover .milestones-txt2{
        display:block;
}
.milestones-panel .milestones-txt2 img{
        position:absolute;
        left:50%;
        top:-6px;
        margin-left:-6px;
}
.milestones-panel .milestones-scheduled{
        position:absolute;
        left:0;
        top:0;
        background:#3e8fda;
        width:10px;
        height:5px;
}
.milestones-panel .milestones-performed{
        position:absolute;
        left:0;
        top:6px;
        background:#669900;
        width:10px;
        height:5px;
}
.milestones-sort a{
        float:left;
        color:#3e3e3e;
        font:12px Arial, Helvetica, sans-serif;
        background:#f4f4f4;
        display:inline-block;
        border:1px solid #dcdcdc;
        padding:6px 18px 0;
        text-decoration: none;
        height:21px;
        cursor:pointer;
        margin:0 -1px 0 0;
        position:relative;
}
.milestones-sort a.first{
        -webkit-border-radius:2px 0 0 2px;
        -moz-border-radius:2px 0 0 2px;
        border-radius:2px 0 0 2px;
}
.milestones-sort a.last{
        -webkit-border-radius:0 2px 2px 0;
        -moz-border-radius:0 2px 2px 0;
        border-radius:0 2px 2px 0;
}
.milestones-sort a:hover{
        border:1px solid #bfbfbf;
        background:#f7f7f7;
        color:#3e3e3e;
        z-index:1;
}
.milestones-sort a:active{
        border:1px solid #3e8fda;
        background:#f7f7f7;
        color:#3e3e3e;
}
.milestones-sort a.act{
        border:1px solid #ccc;
        background:#d5d5d5 url(../img/sort-act.gif) repeat-x left top;
}
.planning{
        margin:0 0 29px -15px;
}
.planning-user{
        background:#f4f4f4;
}
.planning-user td{
        padding:4px 0;
}
.planning-user .planning-arrow{
        background:url(../img/arrow.gif) no-repeat 4px -14px;
        width:15px;
        height:42px;
}
.planning-user .planning-arrow.active{
        background:url(../img/arrow.gif) no-repeat 4px 21px;
        width:15px;
        height:42px;
}
.planning-user .planning-arrow:hover{
        cursor:pointer;
}
.planning-user .planning-user-name{
        color:#333;
        font-size:13px;
        font-weight:bold;
}
.planning-user .planning-user-name img{
        vertical-align:middle;
}
.planning-user .planning-user-name span{
        vertical-align:middle;
        display:inline-block;
        margin:1px 0 0 5px;
}
.planning .planning-box{
        display:none;
}
.planning .projects{
        border-top:1px solid #e5e5e5;
        margin:0 0 8px;
}
.planning .projects .project-name{
        padding:13px 0 12px 15px;
        width:245px;
}
.planning .projects .project-user{
        padding:4px 0 4px 20px;
        width:245px;
        text-align:left;
        color:#333;
        font-size:13px;
        font-weight:bold;
}
.planning .projects .project-user img{
        vertical-align:middle;
}
.planning .projects .project-user span{
        vertical-align:middle;
        display:inline-block;
        margin:1px 0 0 10px;
}
.project-add{
        padding:0 0 0 15px;
}
.project-add .btn-plus{
        margin-left:6px;
}
.all-project-sel{
        padding:10px 0 22px 58px;
}
.tasks{
        width:270px;
        margin:0 15px 0 0;
        border-bottom:1px solid #e5e5e5;
}
.tasks .tasks-item{
        border-top:1px solid #e5e5e5;
        background:#fafafa;
        height:50px;
        font:12px/18px Arial, Helvetica, sans-serif;
        color:#999;
}
.tasks .tasks-item:hover{
        background:#fffece;
}
.tasks .tasks-item .tasks-name{
        position:relative;
        float:left;
        width:188px;
        padding:7px 0 0 57px;
}
.tasks .tasks-item .tasks-name img{
        position:absolute;
        left:6px;
        top:4px;
}
.tasks .tasks-item .tasks-name a{
        color:#333;
        text-decoration:none;
}
.tasks .tasks-item .tasks-name a:hover{
        color:#1d65a7;
}
.tasks .tasks-item .tasks-priority{
        float:right;
        padding:16px 13px 0 0;
}
.tasks .tasks-user{
        height:61px;
        font:12px/18px Arial, Helvetica, sans-serif;
        color:#999;
}
.tasks .tasks-user .tasks-user-name{
        position:relative;
        float:left;
        width:172px;
        padding:7px 0 0 57px;
}
.tasks .tasks-user .tasks-user-name img{
        position:absolute;
        left:6px;
        top:4px;
}
.tasks .tasks-user .tasks-user-name .user-plan-arrow{
        position:absolute;
        left:15px;
        top:-15px;
        display:none;
}
.tasks .tasks-user.active .tasks-user-name .user-plan-arrow{
        display:block;
}
.tasks .tasks-user .tasks-user-name span{
        display:block;
        color:#333;
        font-size:14px;
        font-weight:bold;
}
.tasks .tasks-user .btn2{
        float:left;
        margin:11px 0 0;
}
.user-plan{
        border:1px solid #bebebe;
        padding:13px 20px 5px;
        position:relative;
        margin:12px 0 0;
        -webkit-box-shadow:#cfcfcf 0 5px 5px;
        -moz-box-shadow:#cfcfcf 0 5px 5px;
        box-shadow:#cfcfcf 0 5px 5px;
}
.user-plan .user-plan-close{
        position:absolute;
        right:8px;
        top:7px;
}
.user-plan .projects{
        margin:0;
}
.user-plan .projects .project-name{
        padding:12px 0 11px 13px;
        width:245px;
}
.user-plan .projects .last td{
        border-bottom:0;
}
.mt14{
        margin-top:14px;
}