html{
    min-width:1003px;
}

body{
    background-color: transparent;
}

.body_default {
    font:13px Arial, Tahoma;
    background-image: url('../images/new_design/default_background.png');
    background-repeat:repeat-x;
    margin-right:0px;
    margin-left: 0px;
    margin-top: 0px;
}

.body_image_background {
    font:8pt Arial, Tahoma;
    background-repeat: repeat;
}
a, div{
    outline: none;
}

div.body_background {
    background-image: url('../images/new_design/transparent_background.png');
    background-repeat:repeat-x;
    background-position: bottom;
    z-index: -100;
    position: absolute;
    height: 675px;
    width: 100%;
    margin: -13px -13px 0px 0px;
    left: 0px;
    min-width: 1003px;
}

div.no_gradient {
    background-image: none;
}

.yui-d2f {
    border: 1px solid #999999;
    padding: 5px;
}

#main_navigation li {
    display: inline;
    list-style-type: none;
}

h1, h2, h3 {
    margin-top: 0em;
    margin-right: 0pt;
    margin-bottom: 0em;
    margin-left: 0pt;
}
p {
    margin-bottom: 0em;
}

#hd .yui-u {
    text-align: right;
}

#hd .first {
    text-align: left;
}

#bd .yui-b {
    border: 1px solid #999999;
    padding: 5px;
}

/* forgot_password */
div.forgot_password{
    position: absolute;
    margin-left: 314px;
    margin-top: 3px;
    width: 120px;
}

div.forgot_password a{
    color:white;
}

/* Scaffolding CSS */
.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: inline;
}

#errorExplanation {
    /*  width: 400px; */
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

/* Flash Notice Style */
#flash {
    text-align: center;
    padding: .5em;
    margin-bottom: 1em;
    font: bold 1em sans-serif;
}

.notice {
    border: 1px solid #000099;
    background-color: #F0F0FF;
}

div.new_dool_content input[type="text"].error,
.error {
    border: 1px solid #AF5F5F;
    background-color: #FFF0F0;
}

.warning {
    border: 1px solid #FFCC00;
    background-color: #FFFFCC;
}

/* embeds the openid image in the text field */
input#openid_identifier {
    background: url(http://openid.net/login-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

.nav_top {
    border-bottom: 1px solid #FAD163;
}

.nav_top td {
    padding:.5em;

}

.footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

div.footer_container {
    position: relative;
    width: 100%;
    margin-top: 155px;
}

.footer_link_info {
    color: #1c9a90;
    font-weight:bold;
    text-decoration: none;
}

.footer_link_privicy {
    color: #1444ce;
    font-weight:bold;
    text-decoration: none;
}

.tbl-header2{

}

/* CSS Document */
.body{
    margin-right:1em;
    min-height: 600px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}


/*table*/
/* color for table header*/
.tbl{
    background: #FFF7D7 none repeat scroll 0 0;
}

/*cell padding in table*/
table.padded-table td { padding:2px; } /*hanh note*/
table.padded-table-hours td { padding:2px 2px 2px 10px; }
table.padded-popup td { padding:2px; }
table.padded-popup-top td { padding:2px; padding-top:15px; }
table.padded-table-admin td { padding:2px; }


.tbl-2{
    background: #FAD163 none repeat scroll 0 0;
}

.row-header-color{
    text-decoration: none;
    font-weight:bold;
    color: #751095;
}
/*background:#FAD163; vang sam */
/*title*/
.tbl-title{
    color:#2A5DB0;
    font-weight:bold;
}

.row-color-1{
    background-color:#cdfefa ;
}

.row-color-1-over{
    background-color:#FBFA48;
}

.comment_popup {
    /*padding: 8px;*/
    float:left;
    background-color: #01264c;
    background-image: url('../images/new_design/comment_background.png');
    background-repeat: repeat-x;
    width:100%;
}

div.div{
    padding: 0px 8px;
    margin-right:20px;
}

div.comment_main{
    float:left;
    position:relative;
    width:100%;
    padding:8px 0px;
}

div.comment_x-close {
    width: 20px;
    color: white;
    float:left;
    padding-top: 3px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin-left: -23px;
}

textarea.comment_hidden{
    display:none;
    width:100%;
}

div.td_comment{
    padding-left:0;
    padding-top:0;
    width:100%;
    float:left;
}

div#tr_header_comment{
    position:relative;
    width: 100%;
}

div.comment_error{
    color:red;
    text-align: center;
}

div.comment_error.hidden{
    display: none;
}

div.comment_manage{
    float:left;
    color:white;
    width: 100%;
    padding-top:5px;
    padding-bottom:10px;
}

div.attachments_manage{
    float:left;
    width: 100%;
    text-align:right;
    margin-top:-15px;
}

div.comment_attachment_info{
    float: left;
    width: auto;
    height: auto;
}

div.comment_email_to{
    float:left;
    width:42%;
}

div.submit_comment{
    background-image:url(../images/new_design/submit_button.png);
    background-position: 50% 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:30px;
    width:16%;
}

div.submit_comment.hidden{
    background-image:url(../images/new_design/submit_button.png);
    background-position: 50% 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:30px;
    width:16%;
    visibility: hidden;
}

div.save_comment{
    background-image:url(../images/new_design/save_button.png);
    background-position: 50% 100%;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:30px;
    width:16%;
}

div.close_comment{
    float: left;
    height:30px;
    line-height:30px;
    text-align: center;
    margin: 0px 10px 0px 10px;
    cursor:pointer;
}

div.expand_comment{
    float: left;
    height:30px;
    line-height:30px;
    text-align: center;
    margin: 0px 10px 0px 10px;
    cursor:pointer;
}

div.expand_comment.hidden{
    float: left;
    height:30px;
    line-height:30px;
    text-align: center;
    margin: 0px 10px 0px 10px;
    cursor:pointer;
    visibility: hidden;
}

div.comment_edit_container{
    float:right;
    width: 65px;
}

div.comment_attachments{
    float:left;
    width:8%;
    position: relative;
}

div.comment_attachments.hidden{
    float:left;
    width: 8%;
    visibility:hidden;
}

div.comment_paperclip{
    background-image:url("../images/new_design/paperclip_white.png");
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:16px;
    width:20px;
    margin-top: 7px;
}

div.comment_paperclip_no_click{
    background-image:url("../images/new_design/paperclip_white.png");
    background-repeat:no-repeat;
    cursor: default;
    float:left;
    height:16px;
    width:20px;
    margin-top: 7px;
}

div.attachment_error_message{
    color:red;
    font-weight:bold;
    position:absolute;
    width:258px;
    margin-top: 20px;
    margin-left:-104px;
}

div.attach_upload{
    margin-left:-46px;
    margin-top:3px;
}

.upload_frame{
    border:medium none;
    height:40px;
    margin-left:110px;
    margin-top:2px;
    overflow:hidden;
    width:250px;
}

.comment_upload_frame{
    width: 240px;
    border: none;
    height: 40px;
    overflow: hidden;
    position: relative;
    background-color:transparent;
    background: transparent;
    margin-bottom: 5px;
}

.frm_comment_upload{
    margin: -5px 0px 0px -10px;
}

.upload_frame.hidden{
    display:none;
}

input.input_file {
    margin-left: -104px;
}

#dool_attachment input.input_file {
    margin-left: 0px;
}

.input_file.hidden{
    display:none;
}

div.attachment_upload{
    
}

div.xls_comment{
    background-image:url(../images/new_design/XLS_button.png);
    background-repeat:no-repeat;
    background-position: 100% 100%;
    cursor:pointer;
    float:right;
    height:15px;
    width:8%;
}

div.xls_comment.hidden{
    float:left;
    visibility: hidden;
    width:20%;
}

div.comment_loader{
    background-image:url(../images/ajax-loader.gif);
    background-position: right center;
    background-repeat:no-repeat;
    margin-top: -25px;
    color: black;
    width: 140px;
    float:left;
}

div.comment_loader.hidden{
    margin-top: -25px;
    visibility: hidden;
    float:left;
}

div.comment_attachment_message{
    margin-top: -25px;
    position: absolute;
    float:left;
}

div.comment_attachment_message.hidden{
    margin-top: -25px;
    position: absolute;
    display: none;
    float:left;
}

div#div_list_comment{
    border: 1px solid white;
    overflow: auto;
    width: 100%;
    float:left;
}

div.comment_user{
    float:left;
    padding:10px 0 10px 10px;
    width:120px;
    word-wrap: break-word;
}

div.comment_content{
    float:left;
    padding:10px 0px;
    width: 65%;
    word-wrap: break-word;
}

div.comment_attachmnets_content{
    float: left;
    width: 100%;
    word-wrap: break-word;
}

span.comment_attachment{
    display: inline-block;
    margin-right:5px;
    white-space:nowrap;
}

span.comment_attachment div a{
    
}

div.attach_text{
    float:left;
    max-width:300px;
    overflow:hidden;
    height: 16px;
    position: relative;
}

div.attach_text a{
    max-width:300px;
    height: 16px;
    overflow:hidden;
}

div.remove_attach{
    background-image:url("../images/inline_edit_menu/red_active.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    cursor:default;
    float:left;
    height:9px;
    line-height:9px;
    margin-left:2px;
    margin-top:5px;
    width:9px;
}

div.remove_attach_hidden{
    background-image:url("../images/inline_edit_menu/red_active.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    cursor:default;
    float:left;
    height:9px;
    line-height:9px;
    margin-left:2px;
    margin-top:5px;
    width:9px;
}

span.delete div.remove_attach:hover {
    background-position: 0px -9px;
    cursor: pointer;
}

div.comment_attachmnets_content div.attachments_element{
    
}

div.comment_attachmnets_content div.remove_attach{
    
}

div.comment_edit{
    float:left;
    padding:10px 0px;
    vertical-align:middle;
}

div.odd{
    width:100%;
    background-color: #E3F1FE;
    float:left;
}

div.even{
    width:100%;
    background-color: #E1E1E1;
    float:left;
}

div.comment_delete{
    background-image:url(../images/new_design/trash_icon.png);
    background-repeat:no-repeat;
    background-position: center center;
    cursor:pointer;
    height:17px;
    width:20px;
    float:left;
    padding-top:20px;
}
/*border for add category popup*/
.boder{    
    border-color:#4D010C;
    border-style:solid solid solid;
    border-width:thin 2px;
    padding:8px;
}
/*border for add category popup*/
.boder-super-admin{
    border-color:#FAD163;
    border-style:solid solid solid;
    border-width:4px;
    padding:0px;

}

/*tile*/
/*tile for super top menu*/
.title-1{
    color:#000000;
    font-size:10pt;
    font-family:Arial;
    font-weight:bold;
}
/*title on login page*/
.title-3{
    font-size:18px;
}

/*title on setting page*/
.title-4{
    color:#000000;
    font-size:16px;
    font-weight:bold;
    height: 30px;
}

/*boder for bottom*/
.boder-bottom{
    border-color:#FAD163;
    border-style:solid none none;
    border-width: thin 2px;
}

/*boder for login */
.boder-login{
    background-color:#FFFFFF;
    border: 1px solid #FAD163;
}

.border-google{
    background-color: #FFFFFF;
    border: 1px solid #E8EEFA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.bgground-google{
    background-color:#E8EEFA;
}

.email_comment {
    font-weight: bold;
    display: inline;
    float: left;
}

.email_comment.hidden {
    font-size: 120%;
    font-weight: bold;
    cursor:pointer;
    display: inline;
    margin-left: -7px;
    float: left;
    visibility: hidden;
}



/*action box*/
table.border-action-box{
    background-color:#FBF992;
    border: 1px solid #999999;
    border-width: thin thin 1px;
    font-weight: bold;
}

.line-action-box, .line-action-box td {
    border-color:#999999;
    border-style: solid none  none;
    border-width: thin thin 1px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight: bold;
    cursor:pointer;

}

.action-padding, .action-padding td{
    padding-top:2px;
    padding-bottom:2px;
    font-weight: bold;
    cursor:pointer;
}

.box-highlighted{
    background-color:blue;
    color:white;
}

/*text- userline*/
.link{
    text-decoration: underline;
    color:#0033FF;
}

/*field required*/
.f-require{
    font-style:italic;
    color:#FF0000;
}

.gray-word{
    color:#999999;
}

.lable1{
    font-weight:bold;
}

/* color for table header*/
.tbl{
    background: #FFF7D7 none repeat scroll 0 0;
}

.tbl-2{
    background: #FAD163 none repeat scroll 0 0;
}

.tbl-title{
    color:#2A5DB0;
    font-weight:bold;
}

.tbl-header-01{
    font-size:8pt;
    color:#2A5DB0;
    font-weight: bold;
    border-color:#FAD163;
    border-style:solid none none;
    border-width: thin thin 2px;
    font-family:Verdana;
    padding:8px;
}

/*border for add category popup*/
.boder{
    border-color:#4D010C;
    border-style:solid solid solid;
    border-width:thin 2px;

}

.bgground-1{
    /*background-color:#FFF7D7; */ /*vang nhat*/
}

/*button style- button for per page, button for imp range*/
.button-gray{
    background-color:#CCCCCC;
    border:1px solid #000000

}
/*boder for bottom*/
.boder-bottom{
    border-color:#FAD163;
    border-style:solid none none;
    border-width: thin 2px;
}

/*boder for login */
.boder-login{
    background-color:#FFFFFF;
    border: 1px solid #FAD163;
}

.red_class{
    color:#FF0000;
    cursor:pointer;
    background-color:#fbf992;
}

.red_class span a{
    background-color: #FBF992;
    text-decoration: none;
    color: #FF0000;

}

.red_class span a:hover {
    text-decoration: none;
    color:#FFFFFF;
    background-color:blue;
}


.red_class a{
    background-color: #FBF992;
    text-decoration: none;
    color: #FF0000;
}

.red_class a:hover {
    text-decoration: #FBF992;
    color:#FFFFFF;
    background-color:blue;
}

.title-1 a{
    cursor:pointer;
    color: #000000;
    text-decoration: none;

}

.title-1 a:hover{	
    background-color: #FBF992;
}

.title-1 .selected{
    background-color: #FBF992;
}

.title-1 .current{	
    background-color: #FBF992;
}

.title-1 .gray_word{
    color: #999999;
}

.top-left{
    color:BLACK;
    display:block;
    font-size:100%;
    opacity:1;
    text-align:center;
    text-decoration:none;
}

.bottom-center{
}

.bottom-center td{
    color:BLACK;
    display:block;
    font-size:100%;
    opacity:1;
    text-align:center;
    text-decoration:none;
}

.bottom-center img{
}

.indexmenu{
    z-index: 0;
}

.top-left-text{
    text-align:center;
    position:relative;
    top: 3px;
}

.bottom-center-text{

}

/* edit end user */
#dool_expected_complete_at{
    text-align: center;
}

#dool_percentage{
    text-align: center;
}

/* edit admin */
#dool_assign_at,
#dool_due_at{
    text-align: center;
    width: 65px;
}

#dool_row_displayed{
    text-align: right;
}

#dool_importance{
    text-align: right;
    width: 35px;
}

.popup_header {
    background-color: #283263;
    color: white;
    height:20px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    background-image:url("../images/top_gradient_tooltip.png");
    background-repeat:repeat-x;
    margin: 0px -3px;
    padding: 0px 3px;
}

tr.popup_header {
    background-color: #283263;
    color: white;
    height:16px;
    /*background-image: none;*/
}

.tooltip {
    background-color: #283263;
    z-index: 3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tooltip table tr td,
.tooltip table tr th{
    border-right: 3px solid #283263;
    border-left: 3px solid #283263;
}

.tooltip table tr.popup_header th{
    border: none;
}

.tooltip_header{
    background-image:url("../images/top_gradient_tooltip.png");
    background-position: top;
    background-repeat:repeat-x;
    float:left;
    height:16px;
    margin-left:-3px;
    margin-right:-3px;
    margin-top:0;
    position:relative;
    top:0;
    width:100%;
}

.tooltip table{
    /*width: 100%;*/
}

.tooltip table th {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}

div.tooltip span.tooltip_user{
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}

div.tooltip div.tooltip_user{
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    float:left;
}


.tooltip table td {
    text-align: left;
    font-size: 13px;
}

.tooltip table td.estimated {
    font-size:12px;
    font-style:italic;
    padding-top:10px;
}

div.tooltip div.estimated{
    font-size:12px;
    font-style:italic;
    padding-top:10px;
    float: left;
    width: 100%;
}

.tooltip table td.total {
    font-weight:bold;
    border-top:solid 1px black;
}

div.tooltip div.total{
    font-weight:bold;
    border-top:solid 1px black;
    float: left;
    width: 100%;
    padding-top: 4px;
    margin-top: 5px;
}

.tooltip table td.last {
    padding-bottom:10px;
}

.red, .title-1 a.red{
    color:red;
    font-weight:bold;
    background-image: none;
}

span.green, div.tooltip div.green {
    color:green;
}

.max_hrs{
    font-weight:bolder;
    font-size:120%;
}

span.link {
    color: blue;
    text-decoration:underline;
    cursor:pointer;
}

/*tabs on Hours screen*/
div.active {
    float:left;
    cursor: pointer;
    background-image: url('../images/new_design/hours_tab_active.png');
    width: 129px;
    height: 29px;
    display: inline;
    padding-top: 7px;
    text-align: center;
    color: black;
    background-repeat: no-repeat;
}
div.inactive {
    float:left;
    cursor: pointer;
    color: white;
    padding-top: 7px;
    width: 129px;
    height: 29px;
    display: inline;
    text-align: center;
    background-image: url('../images/new_design/hours_tab_inactive.png');
    background-repeat: no-repeat;
}
div.tab-left {
    float:left;
    border-bottom: 1px solid black;
    width: 1%;
    height: 20px;
    padding:7px 5px 0 5px;
}
div.tab-right {
    float:left;
    border-bottom: 1px solid black;
    width: 1%;
    height: 20px;
    padding:7px 5px 0 5px;
}

div.additional_hours_link {
    float:left;
    width: 20%;
    height: 20px;
    padding:7px 5px 0 5px;
}

body, table
{
    font-family: Arial, Tahoma;
    font-size: 13px;
}
td
{
    cursor:default
}
.menux
{
    width:180px;
    position:absolute;
    background-color:#FBF992;
    font-size:13px;
    color:#9D0000
}

a.logout_link {
    text-decoration: none;
}

.dragme {
    cursor: move;
}

ul#main_table.doolebrations li div.number_container
ul#main_table.doolebrations.hover li div.number_container{
    display: block;
}

ul#main_table.doolebrations.hover li:hover div.number_container {
    display: none;
}

ul#main_table.doolebrations.hover li:hover div.dragme_container {
    display: block;
}

ul#main_table.doolebrations li div.dragme_container,
ul#main_table.doolebrations.hover li div.dragme_container{
    display: none;
}

/* Inline editing css */
div.inline_edit_text:hover, div.inline_edit_text_blank:hover {
    color: blue;
}

div.inline_edit_text_date:hover {
    color: blue;
    text-decoration:underline;
}

div.underlined:hover {
    text-decoration:underline;
}

div.inline_action_box {
    background-image: url('../images/menu_sprites/butns.gif');
    background-position: -7px -99px;
    background-repeat: no-repeat;
    height: 14px;
    width: 37px;
    position: absolute;
    right: 0px;
    z-index: 2;
}

div.inline_action_box_apply, div.inline_action_box_cancel, div.inline_action_box_apply_hover, div.inline_action_box_cancel_hover  {
    background-image: url('../images/menu_sprites/butns.gif');
    background-position: -7px -30px;
    width: 9px;
    height: 9px;
    float: right;
    margin-right: 5px;
    background-repeat: no-repeat;
}

div.inline_action_box_cancel {
    background-position: -7px -76px;
    background-image: url('../images/menu_sprites/butns.gif');
}

div.inline_action_box_apply:hover, div.inline_action_box_apply_hover {
    background-image: url('../images/menu_sprites/butns.gif');
    background-position: -7px -7px;
}

div.inline_action_box_cancel:hover, div.inline_action_box_cancel_hover {
    background-image: url('../images/menu_sprites/butns.gif');
    background-position: -7px -53px;
}

div.inline_edit_container {
    width: 99%;
    position: relative;
}

div.carrot-sign {    
}

div.carrot_sign_desc_hrs, div.carrot_sign_desc, div.carrot_sign_desc_attach {
    float: right;
    width: 20px;
    margin-top: -12px;
}

div.carrot_sign_desc_hrs a, div.carrot_sign_desc_attach a {
    cursor: pointer;
    right: 0;

    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 14px;
    display: block;
}

div.carrot_sign_desc_hrs a.carrot_up, div.carrot_sign_desc_attach a.carrot_up {
    background-image: url(../images/desc.png);
    background-position: bottom center;
}

div.carrot_sign_desc_hrs a.carrot_down, div.carrot_sign_desc_attach a.carrot_down {
    background-image: url(../images/asc.png);
    background-position: bottom center;
}



div.carrot_sign_comm {
    margin-top: -12px;
}

.source{
    font-style:italic;
    font-size:80%;
}

textarea.unscrollable {
    overflow:hidden;
}

div.green_button_left{
    background-image: url('../images/buttons/green_left.png');
}
div.green_button_right {
    background-image: url('../images/buttons/green_right.png');
}
div.green_button_middle, div.disabled_button_middle {
    background-image: url('../images/buttons/green_middle.png');
    width: 65px;
    height: 22px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: arial;
}
div.green_button_left, div.green_button_right,
div.disabled_button_left, div.disabled_button_right {
    width: 6px;
    height: 22px;
}
div.green_button_left, div.green_button_right,
div.green_button_middle, div.disabled_button_left,
div.disabled_button_right, div.disabled_button_middle{
    float: left;
}
div.disabled_button_left {
    background-image: url('../images/buttons/disabled_left.png');
}
div.disabled_button_right{
    background-image: url('../images/buttons/disabled_right.png');
}
div.disabled_button_middle {
    background-image: url('../images/buttons/disabled_middle.png');
}

.hover {
    color: blue;
}

.hover_underlined {
    text-decoration:underline;
    color: blue;
}

.calendar {
    z-index: 5;
}

iframe.google_calendar{
    width: 800px;
    height: 600px;
    border: 0px;
}

img.cancel_button {
    cursor: pointer;
}

div.edit_caption {
    text-align: right;
    font-weight: bold;
    float: left;
    width: 110px;
    margin-right: 10px;
    margin-top: 10px;
    white-space:nowrap;
}

div.edit_area {
    float: left;
    width: 200px;
    margin-top: 10px;
}

div.edit_area div.name_area {
    margin-top: 0px;
}

div.new_list_form, div.edit_form {
    background-color: #fff7d7;
    border: 1px solid black;
    width: 340px;
    padding-bottom: 10px;
}

div.edit_button {
    float: left;
    margin-left: 20px;
    margin-top: -80px;
}

textarea.list_description{
    width: 200px;
    height: 100px;
}

div#list_errors ul li {
    color: red;
}

span.hierarchy_background{
    display: inline-block; 
    margin-top:10px;
    margin-bottom: 25px;
}

table.hierarchy{
}

div#hierarchy_container{
    text-align:center;
}
td.admin_level{
    border: 1px solid black;
    text-align: center;
    background-color: white;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

td.admin_level span{
    display: inline-block; 
}

td.admin_level span.role_name{
    vertical-align: middle; 
    width: 145px;
}

div.subordiate_caption{
    margin-bottom: 10px; 
    font-weight: bold; 
    font-size: 16px;
}

span.rounded_choice{
    display: inline-block; 
    padding: 6px;
}

td.admin_level span.add_role_cross, td.admin_level span.blank_space{
    vertical-align: middle; 
    width: 15px;
    height: 12px;
}

td.admin_level:hover span.add_role_cross{
    background-image: url(../images/add_role_cross.png);
}

td.active_admin_level {
    border: 1px solid black;
    text-align: center;
    background-color: #64f94b;
}

td.admin_level:hover, td.admin_level_hover{
    background-color: #64f94b;
    cursor:pointer;
}
td.top_h{
    border-top: 1px solid black;
}
td.left_h{
    border-left: 1px solid black;
}
td.admin_level, td.top_h{
    height: 16px;
}

td.left_h{
    height: 10px;
}

div.hierarchy_container{
    width: 520px;
    margin-left: 90px;
    text-align: right;
    margin-top: 20px;
}

div.collaborators_hat{
    background: url(../images/new_design/collaborators_hat.png);
    background-repeat: no-repeat;
    width: 138px;
    height:23px;
    visibility:hidden;
    margin-left: 35px;
}

table.hierarchy td.top_h div, table.hierarchy td.left_h div{
    width: 16px;
}

table.hierarchy td.admin_level div{
    width: 160px;
    word-wrap: break-word;
}

div.scrollable_area{
    width: 960px;
    height:155px;
    overflow: auto;
    padding: 20px;
}

/* Admin action box */
div#admin_action_box {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #2B4184;
    *padding-bottom: 3px;
}
div.admin_action_box_item {
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
    color: #2c4184;
}
div.admin_action_box_item_container{
    height: 26px;
    line-height:26px;
}
div.action_box_highlight:hover{
    background-color:#fbfa48;
    border-bottom: 1px solid #8e99b7;
    border-top: 1px solid #8e99b7;
    height: 24px;
    line-height:24px;
}
div.admin_action_box_item:hover {
    cursor:pointer;
}
div.admin_action_box_items{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: white;
    margin: 3px;
    float:left;
    width:206px;
}
div.close {
    margin-right: 0px;
    margin-left: 0px;
    color: white;
}

div.admin_action_box_close {
    background-image: url(../images/new_design/close.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    margin:8px 0px;
    float:right;
    width:20px;
    cursor: pointer;
}

div.admin_action_box_header {
    height: 34px;
    margin-left:10px;
    color: white;
    line-height:34px;
    float:left;
    font-weight:bold;
}

div.admin_action_box_items_footer {
    height:8px;
}
div.admin_action_box_items_header {
    height:3px;
}

div.admin_action_box_separator{
    border-bottom: 1px solid #2c4184;
}

div.admin_action_delete {
    background-image: url(../images/new_design/del_icon.png);
    background-repeat: no-repeat;
    background-position: right;
}
div.admin_action_color {
    background-image: url(../images/new_design/background_color.png);
    background-repeat: no-repeat;
    background-position: right;
}
div.admin_action_attachment {
    background-image: url(../images/attachment.png);
    background-repeat: no-repeat;
    background-position: right;
}
div.admin_action_calendar {
    background-image: url(../images/calenda.png);
    background-repeat: no-repeat;
    background-position: right;
}
div.admin_action_updater {
    background-image: url(../images/updated.png);
    background-repeat: no-repeat;
    background-position: right;
}

div.action_box_header{
    background-image: url(../images/top_gradient.png);
    background-repeat: repeat-x;
    background-position: top;
    height:31px;
    width: 212px;
    float: left;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

div.user_search{
    background-image:url(../images/new_design/user_search.png);
    repeat:no-repeat;
    width: 88px;
    height:14px;
    margin-bottom:3px;
}

/* Tabs css */

li a span{
    color: #2c4184;
}

li.doolebrations a, li.comments a{
    background:url(../images/tabs_new.png) no-repeat right -98px;
}

li.doolebrations a span, li.comments a span{
    background:url(../images/tabs_new.png) no-repeat left -98px;
}

li.manage a, li.permissions a{
    background:url(../images/tabs_new.png) no-repeat right -34px;
}

li.manage a span, li.permissions a span{
    background:url(../images/tabs_new.png) no-repeat left -34px;
}

li.projects a, li.tags a{
    background:url(../images/tabs_new.png) no-repeat right -66px;
}

li.projects a span, li.tags a span{
    background:url(../images/tabs_new.png) no-repeat left -66px;
}

li.customization a{
    background:url(../images/tabs_new.png) no-repeat right -130px;
}

li.customization a span{
    background:url(../images/tabs_new.png) no-repeat left -130px;
}

ul li.active a span{
    background:url(../images/tabs_new.png) no-repeat left 0px;
}

ul li.active a{
    background:url(../images/tabs_new.png) no-repeat right 0px;
}

li.active a, li.active a span{
    height:33px;
}

ul.tab_container, li.tab {
    border:0;
    margin:0;
    padding:0;
    list-style:none;
}

ul.tab_container li.tab {
    float:left;
    margin-right:2px;
}

ul.tab_container li.hidden {
    display: none;
}

div.tab_container div.hidden, div.tab_container span.hidden {
    display: none;
}

ul.tab_container{
    position: absolute;
    height: 29px;
    width: 950px;
}

.tab a{
    display:block;
    float:left;
    height:32px;
    background:url(../images/tab-round.png) no-repeat right -30px;
    color:#666;
    font-weight:bold;
    text-decoration:none;
    padding-right:14px;
}
.tab a span{
    display:block;
    float:left;
    height:32px;
    background:url(../images/tab-round.png) no-repeat left -30px;
    padding-left:11px;
    line-height:32px;
    cursor:pointer
}
.active a{
    background:url(../images/tab-round.png) no-repeat right 0;
}
.active a span{
    background:url(../images/tab-round.png) no-repeat left 0;
}
#tabs_content {
    margin-top: 32px;
    color: #666666;
}
div.tab_container {
    width: 1000px;
    height: 180px;
    border: 1px solid #8e99b7;
    background-color: white;
    margin-bottom: 30px;
    padding-top: 20px;
}
.subsection_tabs{
    margin-top: 22px;
    margin-left: 20px;
    width: 882px;
}

div.permission_group {
    float:left;
    width: 180px;
    height: 120px;
    padding: 10px;
    padding-top: 0px;
}

span.permission_group_name {
    font-weight: bold;
}

div.permission {
    text-align: left;
    float: left;
    width: 400px;
    height: 15px;
    padding-top: 10px;
}

div.checkbox_selected, div.checkbox_unselected, div.checkbox_third {
    width: 13px;
    height: 13px;
    float: left;
    padding-top: 19px;
    cursor: default;
}

div.checkbox_selected{
    background:url(../images/three_state_checkbox.png) no-repeat -24px;
}

div.checkbox_unselected{
    background:url(../images/three_state_checkbox.png) no-repeat 0px;
}

div.checkbox_third{
    background:url(../images/three_state_checkbox.png) no-repeat -48px;
}

.validation_error{
    border: 1px solid red;
}

div.admin_level_buttons{
    margin-left:20px;
    margin-top: 20px;
}

div.no_roles{
    width: 553px;
}

div.no_user_roles{
    width: 0px;
    margin-top: 10px;
}

input.search {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    border-right: none;
    border-left: none;
}

div.search_container {
    float:left;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 6px;
}

#no_roles_message{
    width:1004px;
    text-align:center;
}

div.user_edit_area{
    font-size:21px;
    /* margin-left:191px; */
    text-align:left;
    height:25px;
    visibility: visible; 
    width: 1198px; 
    margin-left: auto; 
    margin-right: auto;
}

span.edit_user_link{
    margin-left:191px;
}

span.edit_user_icon,span.edit_user_icon_disabled{
    display:inline-block;
    background: url(../images/new_design/edit_user_icon.png);
    background-repeat: no-repeat;
    width: 18px;
    height:18px;    
    cursor:pointer;
}
div.user_edit_area span.edit_user_icon_disabled{
    cursor:default;
}

/* User permission management css*/

tr.odd {    
    background-color: white;
}

tr.even {
    background-color: #CDFEFA;
}

tr.hidden{
    display: none;
}

tr.active{
    background-color: yellow;
}

table.user_table {
    width: 100%;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

table.user_table tr th {
    background-color: silver;
    text-align: left;
}
table.user_table tr td {
    text-align: left;
}

table.user_table tr td {
    text-align: left;
    cursor: pointer;
}

div.field_container {
}

form#user_form {
    padding-top: 30px;
}

div.user_field {
    float: left;
    width: 70px;
}
input.user_field_value{
    width: 150px;
}

table.user_table tr:hover td, table.user_table tr.user_hover td{
    background-color: yellow;
}

div.admin_level{
    float: left;
    width: 180px;
}

.users_list{    
    clear:both;
    height:201px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 95px;
    width: 182px;
}

div.newcollaborator{
    background-image: url(../images/newcollaborator.png);
    width: 171px;
    height: 32px;
    background-repeat: no-repeat;
    position:absolute;
    cursor: pointer;
}

span.user_area{
    display:inline-block;
    width:1198px;
    margin-top: 17px;
}

span.user_change_role_buttons{   
    position: absolute;
    margin-left:610px;    
    display:inline-block;
}

span.user_link{
    display:inline-block;
}

span.user_change_role_buttons div.save_button, 
span.user_change_role_buttons div.save_button_disabled{
     margin-right:15px;
}

a.disabled{
    color: #848484;
}

div.cancel_container{
    margin-top: 4px;
    font-size:13px;
    padding-left:10px;
    width:200px;
}

div.cancel_container a{
    text-decoration:none;
}

div.user_field, input.user_field_value {
    margin-top: 6px;
    margin-bottom: 5px;
}

div.roles_offset{
    padding-top: 275px;
}

div.allowed_permissions {
    margin-left:10px;
    float:left; 
    text-align:left;
}

#edit_roles_form{

}

#assign_roles_container{
    text-align:center;
}

#assign_roles_loader{
    float:right;
}

#search-input{
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border: 1px solid #8E99B7;
    border-right: none;
    width: 159px;
    height: 18px;
    outline: none;
    float: left;
/* margin-bottom:11px; */
}

/* Attachment css */

div.attachment_errors {
    background-color: red;
    border: 1px solid black;
    padding: 2px;
    position: absolute;
    color: black;
    margin-top:-45px;
}

div.attachment_succeed {
    background-color: yellow;
    border: 1px solid black;
    padding: 2px;
    color: black;
    margin-top:-25px;
    width: auto;
    height: auto;
}

td.pointer {
    cursor: pointer;
}

div.header, span.header, label.header{
    text-align: center;
    font-size:1.6em;
    font-weight: bold;
    color: black;
}

div.header {
    float: left;
}

span.title {
    color: blue;
    font-weight: bold;
}

input.error {
    border:1px solid red;
}

input.no_error {
    border: 1px solid blue;
}

input.filter {  
    width: 35px;
    text-align: right;
    height: 15px;
}

input.filter_date {
    width: 54px;
    text-align: right;
    height: 14px;
}

#date_range_filter input.filter_date {
    width: 60px;
}

div.clouds {
    height: 143px;
    background-repeat: no-repeat;
    background-position: center 23px;
    position: relative;
    z-index: -2;
}

div.shadow {
    background-image: url('../images/new_design/shadow.png');
    height: 71px;
    background-repeat: no-repeat;
    background-position: center -35px;
    margin-top: 2px;
    z-index: 2;
}

a.header_title, div.header_title {
    text-decoration: none;
    color: #751095;
    font-weight: bold;
}

.number-label a.header_title {
    margin-left: 4px;
}

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

div.export{
    background-image:url('../images/new_design/top_actions.png');
    background-position:0px -36px;
    background-repeat: no-repeat;
    width:60px;
    height: 18px;
    float: right;
    cursor: pointer;
    color: white;
    line-height: 18px;
    text-align: center;
}

div.export:hover{
    background-position:0px -53px;
}

div.logout{
    background-image:url('../images/new_design/top_actions.png');
    background-position:0px 0px;
    background-repeat: no-repeat;
    width:60px;
    height: 18px;
    float: right;
    cursor: pointer;
    color: white;
    line-height: 18px;
    text-align: center;
    margin-left:10px;
}

div.logout:hover{
    background-position:0px -18px;
}

div.logout_container {
    text-align: right;
    height: 18px;
    position:relative;
    *margin: 5px 10px 0px 0px;
}

a.house_home {
    display: inline-block;
    zoom:1;
    *display:inline;
    padding-top: 5px;
    z-index: -1;
    height: 43px;
}

span.select-all-label, label.select-all-label {
    position: absolute;
    color: #751095;
    font-size: 10px;
    font-weight: bolder;
    margin-top: 3px;
    z-index:1;
}

div.show_creator{
    background-image:url("../images/new_design/show_creator.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    cursor:pointer;
    height:18px;
    position:relative;
    float: left;
    width:16px;
    z-index:1;
    margin-top: -18px;
    *margin-right: -18px;
}

div.hide_creator{
    background-image:url("../images/new_design/show_creator.png");
    background-position:0px -18px;
    background-repeat:no-repeat;
    cursor:pointer;
    height:18px;
    position:relative;
    float: left;
    width:16px;
    z-index:1;
    margin-top: -18px;
    *margin-right: -18px;
}

div.show_creator_disabled{
    background-image:url("../images/new_design/show_creator.png");
    background-position:0px -36px;
    background-repeat:no-repeat;
    cursor: default;
    height:18px;
    position:relative;
    float: left;
    width:16px;
    z-index:1;
    margin-top: -18px;
    *margin-right: -18px;
}

div.hide_creator_disabled{
    background-image:url("../images/new_design/show_creator.png");
    background-position:0px -54px;
    background-repeat:no-repeat;
    cursor:default;
    height:18px;
    position:relative;
    float: left;
    width:16px;
    z-index:1;
    margin-top: -18px;
    *margin-right: -18px;
}

.number-label, div.doolebrations_header div[attr="id"].number-label {
    font-size: 10px;
    font-weight: bolder;
    margin-top: 2px;
}

.number-label a {
    cursor: default;
}

div.home_house_container {
    text-align: center;
    margin-top: -48px;
    border: 0;
    z-index: -1;
    height: 26px;
    width: 31px;
}

div.clouds_container {
    height: 143px;
    margin-top: -123px;
    width: 100%;
}

div.general_logo_container {
    text-align: center;
    position: relative;
    z-index: -1;
}

div.row_number {
    font-size: x-small;
}

/* styles for new doolebration window */

div.creator_title {
    display: inline;
    font-size:11px;
    position:absolute;
    right:0;
    line-height: 20px;
}

div.input_title{
    float:left;
}

span.created_text{
    color: #8e99b7;
}

span.creator_text{
    color: #0000b0;
}

div.attribute_block {
    width: 245px;
    height: 36px;
    float: left;
    top: 5px;
    position: relative;
}

div.second_div div.attribyte_label{
    width: 93px;
}

div.attribyte_label {
    font-weight:bold;
    left:10px;
    line-height:36px;
    position:absolute;
    text-align:right;
    width:76px;
}

div.team_member div.attribyte_label{
    width: 93px;
}

div.team_member div.attribyte_field_1{
    left: 108px;
}

div.attribyte_field_1{
    position: absolute;
    left: 95px;
    height: 100%;
    top: 0px;
}

div.attribyte_field_no_child_div {
    height:50%;
    left:95px;
    position:absolute;
    top:25%;
}

div.second_div div.attribyte_field_no_child_div{
    left: 108px;
}

div.second_div div.attribyte_field_1, div.second_div div.attribyte_field_2{
    left: 108px;
}

#dool_email,
#doolebration_tag,
#default_priority{
    margin-left: 0px;
    padding-left: 0px;
}

div.attribyte_field_default{
    height:50%;
    left:141px;
    position:absolute;
    top:25%;
}

div.attribyte_text_default{
    font-size:12px;
    line-height: 36px;
    left:160px;
    position:absolute;
    color:#8E99B7;
    *margin-left: 5px;
}

div.default_priority_applied{
    background-image:url(../images/md_green.gif);
    background-repeat:no-repeat;
    display:none;
    height:20px;
    left:200px;
    margin-left:5px;
    position:absolute;
    top:12px;
    width:20px;
}

div.attribyte_field_2 {
    top: 5px;
    position: absolute;
    left: 65px;
}

div.red_font {  
    color: red;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: super;
    cursor: pointer;
    float: left;
    margin-top: 10px;
}

div.new_doolebration {
    width: 750px;
    background-color: #2b4184;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    *padding-bottom: 5px;
}

div#tbl_div_add_task{
}

div.move_to_container{
    width: 500px;
    background-color: #2b4184;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float:left;
    padding-bottom: 5px;
}

div.move_to_container div#header_container{
    float:left;
    height:31px;
    background-color: #2B4184;
    width: 100%;
}

#div_move_to{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #2B4184;
}

div.move_to_container div.x-close{
    right: 5px;
}

#move_to_content{
    background-color: white;
    width: 490px;
    margin: 5px 5px 0px 5px;
    float:left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#move_to_content div.attribute_block{
}

#move_to_content div.attribyte_label{

}

div.move_to_title{
    color:white;
    float:left;
    font-size:16px;
    font-weight:bold;
    height:31px;
    line-height:36px;
    padding-left:10px;
    text-align:left;
    width:480px;
}

div.move_to_save_button{
    background-image: url("../images/new_design/dool_save_button.png");
    background-repeat: no-repeat;
    width: 90px;
    height: 24px;
    cursor: pointer;
    margin-left: 205px;
    float: left;
}

div.x-close {
    background-image: url(../images/new_design/close.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    right:10px;
    top:8px;
    position: absolute;
    cursor: pointer;
}

div.buttons_container {
    width: 100%;
    text-align: center;
    margin-top: 45px;
    position: relative;
    float: left;
}

div.attach_loader{
    background-image: url('../images/attach_loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
    height: 64px;
    position:absolute;
    z-index:5;
}

#dool_attach_loader,
#comment_attach_loader{
    margin-top:-72px;
    margin-left:7px;
}

div.new_doolebration_title {
    height: 47px;
    margin-top: -25px;
    text-align: center;
    width: 750px;
    float:left;
    background-image: url('../images/new_design/new_doolebration_label.png');
    background-repeat: no-repeat;
    background-position: center center;
}

div.new_dool_header{
    width:750px;
    float: left;
}

div.new_dool_header_left{
    background-image: url(../images/new_design/new_dool_header_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    height:31px;
    width: 10px;
    float: left;
}

div.new_dool_header_center{
    background-image: url(../images/new_design/new_dool_header_center.png);
    background-repeat: repeat-x;
    height:31px;
    width: 730px;
    float: left;
}

div.new_dool_header_right{
    background-image: url(../images/new_design/new_dool_header_right.png);
    background-repeat: no-repeat;
    background-position: center center;
    height:31px;
    width: 10px;
    float: left;
}

div.new_dool_content {
    background-color: white;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 700px;
    margin: 5px;
    float: left;
    padding: 20px;
}

#header_container {
    background-image: url(../images/top_gradient.png);
    background-repeat: repeat-x;
    background-position:top;
    float: left;
    height:31px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

#description_container_new, #description_container_edit {
    margin-top: 10px;
    width: 735px;
    position: relative;
    float: left;
}


div.favorite_pages input[type=text],
div.new_dool_content input[type=text],
div.new_dool_content select,
div.new_dool_content textarea,
div.new_dool_content div.level_select,
#add_time_form input[type=text]{
    border: 1px solid #8e99b7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:1px 2px 1px 4px;
}

#dool_title{
    background-image: url('../images/new_design/title_hint.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

#dool_title.no_hint{
    background-image: none;
}

#dool_description{
    background-image: url('../images/new_design/description_hint.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
    width: 94%;
    resize: none;
}

#dool_description.no_hint{
    background-image: none;
}


div.new_dool_content a.custom_color{
    color: #8e99b7;
}

div.move_to_cancel,
div.dool_cancel,
div.cancel_button{
    color: #0000b0;
    text-decoration: underline;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: super;
    cursor: pointer;
    float: left;
    height: 24px;
    line-height: 24px;
}

/* end styles for new doolebration window */

/* Tasks content */

img.new_dool_button {
    border: 0px;
    cursor: pointer;
}

div.task_content {
    width: 100%;
}

div.task_content_filters {
    float: right;
    width: 262px;
    height: 65px;
}
div.task_content_new {
    padding-top: 11px;
    float: left;
    width: 180px;
    padding-left:10px;
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    height: 41px;
}

div.task_content_new.task {
    background-image: url(../images/new_design/clickhere_button.png);
    width: 515px;
}

div.task_content_new.list_item {
    background-image: url(../images/new_design/clickhere_button_list.png);
    width: 550px;
}

div.task_content_select {
    padding-top: 10px;
    text-align: center;
    margin-left: 220px;
    *margin-left: auto;
    margin-right: 220px;
    *margin-right: 180px;
    padding-bottom: 20px;
    white-space: nowrap;
}
div.task_content_select.hours {
    padding-bottom: 0px;
    padding-top: 0px;
}

#task_content_select.hours{
    *margin-left: 180px;
}

div.date_range_select {
    text-align: left;
    margin-left: 281px;
    *margin-left: 241px;
}

span.task_content_select_title {
    font-weight: bold;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -6px;
    vertical-align: middle;
}

span.add_tag_link, span.plus-sign {
    font-size: 12px;
    color: #2c4184;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

span.plus-sign {
    text-decoration: none;
}

span.remove_tag_filter {
    top: 0px;
    right: 0px;
    margin-top: 3px;
    margin-right: -57px;
    position: absolute;
}

select.task_content_users_select {
    width: 180px;
    margin-left: 5px;
}

select.task_content_lists_select{
    width: 100px;
    margin-left: 5px;
}

/* Hours page*/

.task-hour-summary{
    font-weight:bold;
    background-color: #99CCFF;
}

.hour-paid{
    font-weight:bold;
    color: #006600;
    background-color: #22f8d2;
}

.task-due{
    color: #000000;
}

.hour_tr_2 {
    background-color: #cdfefa;
}

/* Customization css */

div.slogan_message{
    font-size: 16px;
    font-weight: bold;
    color:red;
    float:left;
    margin-left: 10px;
    line-height: 20px;
    height:20px;
}

div.slogan_message.hidden{
    color:red;
    float:left;
    margin-left: 10px;
    line-height: 20px;
    height:20px;
    display: none;
}

#home_login_pages_switcher {
    width: 220px;
}

div#cust_main_section {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.cust_edit_section {
    margin-top: 12px;
    margin-left: 135px;
    text-align: left;
}

.cust_extra_section{
    float: left;
    margin-left: 100px;
    margin-top: 12px;
}

div.choose_color {
    min-height: 25px;
}

div#cust_main_section div.section {
    padding-top: 20px;
    padding-bottom: 20px;
}

#move_logo_section {
    height: 55px;
}

div.move_logo_section {
    margin-top: 15px;
    height: 70px;
}

#general_logo_image {
    opacity: 1;
    margin-top: 24px;
    margin-left: 7px;
    position: absolute;
}

#logo_example_container {
    padding: 10px 10px 0px 10px;
}

.logo_top {
    margin-bottom: 31px;
}
.logo_middle {
    margin-bottom: 10px;
}
.logo_bottom {
}

img.logo_image_top {
}
img.logo_image_middle {
    margin-top: 28px;
}
img.logo_image_bottom {
    margin-top: 56px;
}

div.logo_frame_X {
    width: 99%;
    height: 20px;
    margin-bottom: -20px;
    text-align: right;
    margin-top: -20px;
    padding-right: 5px;
    padding-top: 5px;
    cursor: pointer;
}

div#attributes_section {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    width: 500px;
    padding-right: 5px;
}

div.customization_menu {
    height: 30px;
    margin-top: 20px;
    width: 100%;
    float: left;
}

div.customization_save{
    float: left;
    margin-top: 20px;
    cursor: pointer;
    background-image:url("../images/new_design/dool_save_button.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 24px;
    width: 78px;
}

/* styles used for tabs within customizations screen ----------- */
div.cust_tab {
    float:left;
    cursor: pointer;
    width: 129px;
    height: 26px;
    display: inline;
    padding-top: 7px;
    text-align: center;
    color: white;
    background-repeat: no-repeat;
    font-weight: normal;
}

div.blue {
    color: white;
    background-image: url('../images/new_design/cust_tab_blue.png');
}
div.green {
    color: white;
    background-image: url('../images/new_design/cust_tab_green.png');
}

div.red {
    color: white;
    background-image: url('../images/new_design/cust_tab_red.png');
}
div.white {
    color: black;
    background-image: url('../images/new_design/hours_tab_active.png');
}

div.page_setup {
    margin-top: 25px;
    float: left;
}

div.cust_tabs_groups {
    height: 45px;
    float: left;
    text-align: center;
    font-weight: bold;
}

div.cust_tab_container{
    width: 100%;
}
/* -----------------  */

tr.tip_line:hover td{
    background-color: yellow;
}

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

a.tip_content:hover {
    text-decoration: underline;
    color: blue;
}

div.errorExplanation {
    color: red;
    font-weight: bold;
}

div.separating_line {
    width: 1000px;
    line-height: 1px;
    height: 10px;
    border-top: 1px solid black;
}

div.plans_title {
    width: 200px;
    float: left;
}

/*Stylesheet for table visualization (li+div) */


ul.doolebrations {
    padding-left: 0px;
    margin: 0;
}

ul.doolebrations li{
    list-style: none;
    display: block;
    float: left;
    width: 100%;
}

ul#main_table li.odd,
tr.odd {
    background-color: white;
}

ul#main_table li.even,
tr.even {
    background-color: #cdebfe;
}

ul#main_table.highlight li:hover {
    background-color:#FBFA48;
}

ul#main_table.highlight li:hover div.edit div{
    display: block;
}

ul.doolebrations li#blank_row:first-child {
    background-color: white;
    height: 22px;
}

ul.doolebrations li#blank_row:hover {
    background-color: white;
}

ul#main_table li.hovered,
tr.hovered {
    background-color: #FBFA48;
}

div.doolebrations_header div[attr]{
    padding-top: 1px;
    font-style:normal;
    font-size: 11px;
}

li div.doolebration_container div[attr]{
    float: left;
    /*    padding-top: 1px;*/
    height: 100%;
    min-height: 20px;
    word-wrap:break-word;
}

li div.doolebrations_header div[attr]{
    float: left;
    /*    padding-top: 1px;*/
    height: 100%;
    min-height: 1px;
    white-space: nowrap;
}

ul.doolebrations div.doolebrations_header div[attr]{
    text-align: center;
}

div.doolebration_container {
    /* height: 100px;  */
    /* float: left; */
    /* height: 100%; */
}

li div[attr="id"] {
    width: 1%;
    height: 100%;
    white-space: nowrap;
}

li div[attr="update_indicator"] {
    width: 2%;    
    text-align: center;
}

li div[attr="checkbox"] {
    width: 3%;
}

li div[attr="description"] {
    width: 35%;
}

ul.pending li div[attr="description_all"] {
    width: 35%;
}

ul.archive li div[attr="description"] {
    width: 36%;
}

ul.archive_creator li div[attr="description"] {
    width: 34%;
}

ul.pending li div[attr="description"] {
    width: 35%;
}

ul.pending_creator li div[attr="description"] {
    width: 33%;
}

ul.new_creator li div[attr="description"],
ul.tagged_creator li div[attr="description"]{
    width: 33%;
}

ul.new_all_creator li div[attr="description"],
ul.new_all_no_collaborator_creator li div[attr="description"]{
    width: 34%;
    *width: 31%;
}

ul.new_all li div[attr="description"],
ul.new_all_no_collaborator li div[attr="description"]{
     width: 36%;
     *width: 33%;
}

li div[attr="description_all"] {
    width: 29%;
}

li div[attr="description_edit"] {
    width: 4%;
}

li div[attr="creator"]{
    width: 4%;
}

li div[attr="source"] {
    width: 4%;
}

li div[attr="doolebrator"] {
    width: 5%;
}

li div[attr="importance"] {
    width: 3%;
}

li div[attr="assigned"] {
    width: 6%;
}

li div[attr="due"] {
    width: 6%;
}

li div[attr="archived"] {
    width: 6%;
}

li div[attr="completed"] {
    width: 5%;
}

li div[attr="comment"] {
    width: 32%;
}

ul.new_all li div[attr="comment"] {
    width: 22%;
}

ul.new_all_creator li div[attr="comment"] {
    width: 20%;
}

ul.new_all_no_collaborator li div[attr="comment"]{
    width: 27%;
}

ul.new_all_no_collaborator_creator li div[attr="comment"]{
    width: 25%;
}

ul.new_creator li div[attr="comment"] {
    width: 30%;
}

ul.pending li div[attr="comment"]{
    width: 26%;
}

ul.pending_creator li div[attr="comment"]{
    width: 24%;
}

ul.archive li div[attr="comment"] {
    width: 33%;
}

ul.archive_creator li div[attr="comment"] {
    width: 31%;
}

ul.tagged li div[attr="comment"] {
    width: 28%;
}

ul.tagged_creator li div[attr="comment"] {
    width: 26%;
}

li div[attr="comment_all"] {
    width: 21%;
}

ul.pending li div[attr="comment_all"] {
    width: 26%;
}

li div[attr="comment_edit"] {
    width: 4%;
}

li div[attr="expected"] {
    width: 5%;
}

li div[attr="percent"] {
    width: 3%;
}

li div[attr="hour"] {
    width: 4%;
}

li div[attr="pending"] {
    width: 4%;
}

div.collab_name{
    margin-left: 10px;
}

#main_table li {
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid white;
}

#main_table li div[attr="description"], #main_table li div[attr="comment"]{
    font-size: 13px;
}

/* Colors */

ul#main_table li.white, input.white {
    background-color: #ffffff;
}

ul#main_table li.orange, input.orange {
    background-color: #ff9900;
}

ul#main_table li.yellow, input.yellow {
    background-color: #fbfa48;
}

ul#main_table li.pink, input.pink {
    background-color: #f36365;
}

ul#main_table li.green, input.green{
    background-color: #90ee90;
}

ul#main_table li.purple, input.purple {
    background-color: #ea5beb;
}

ul#main_table li.blue, input.blue{
    background-color: #547dfd;
}

ul#main_table li.cyan, input.cyan {
    background-color: #22f8d2;
}

ul#main_table li.grey, input.grey {
    background-color: #c0c0c0;
}

div.add_time_form {
    visibility: hidden;
    position: absolute;
    z-index: 5;
    width: 525px;
    white-space: nowrap;
    background-color: #2c4184;
    height: 250px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.timing_form_header {
    width: 525px;
    height: 36px;
    position: absolute;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    background-image:url("../images/top_gradient.png");
    background-position: top;
    background-repeat:repeat-x;
}

div.timing_form_title{
    color:white;
    float:left;
    font-size:16px;
    font-weight:bold;
    line-height:36px;
    text-align:left;
    width:495px;
    margin-left:10px;
    margin-right:-10px;
}

div.timig_container {
    background-color: white;
    height: 209px;
    width: 515px;
    position: absolute;
    top: 36px;
    left: 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

div.close_cross {
    font-size: 5px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    background-image:url("../images/new_design/close.png");
    background-position: center;
    background-repeat: no-repeat;
}

#add_time_form div.close_cross{
    background-image:url("../images/new_design/close.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    font-size:5px;
    font-weight:bold;
    height:20px;
    width:20px;
    padding:8px 5px;
}

div.timing_label {
    width: 190px;
    text-align: right;
    float: left;
    height: 32px;
    padding-top: 3px;
}

div.timing_label.top {
    width: 190px;
    text-align: right;
    float: left;
    height: 32px;
    padding-top: 3px;
    margin-top: 25px;
}

div.timing_filds {
    width: 185px;
    text-align: left;
    float: left;
    height: 35px;
}

div.timing_filds.top {
    width: 185px;
    text-align: left;
    float: left;
    height: 35px;
    margin-top: 25px;
}

div.options_separator {
    width: 35px;
    float: left;
    text-align: center;
    height:32px;
    padding-top:3px;
    visibility:visible;
}

div.options_separator.top {
    width: 35px;
    float: left;
    text-align: center;
    height:32px;
    margin-top:25px;
    padding-top:3px;
    visibility:visible;
}

input.timing_input{
    width: 50px;
}

div#estimates_fields_min_label.options_separator.hidden {
    visibility:hidden;
    display: block;
}

div#estimates_fields.timing_filds.hidden{
    visibility:hidden;
    display: block;
}

div.timing_cancel_link{
    float:left;
    margin-left:16px;
    margin-top:2px;
}

/* Popup styles */
div.close_tooltip{
    background-image:url("../images/new_design/close.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    height:20px;
    width:10px;
}

.close_tooltip_percent{
    background-image:url("../images/new_design/close.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    height:16px;
    width:10px;
    margin-top:-16px;
}

div.tooltip_title{
    float:left;
    font-size:13px;
    font-weight:bold;
    text-align:left;
    line-height:20px;
    margin-right:10px;
    margin-left:3px;
}

div.tooltip_header div.tooltip_title#attachment{
    width: 65%;
}

div.tooltip_content{
    float: left;
    background-color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding-bottom: 5px;
    width:100%;
}

div#tooltip_content{
    margin:0px -3px -3px -3px;
    *margin:0px -3px 0px -3px;
    border-right: 3px solid #283263;
    border-left: 3px solid #283263;
}

.tooltip_row div.update_date{
    color: #8E99B7;
    margin-right:10px;
    width: 32px;
    min-height: 1px;
}

.tooltip_row div.update_column{
    font-weight: bold;
    width: 90px;
    min-height: 1px;
}

.tooltip_row div.update_changed{
    font-weight: bold;
}

.tooltip_row div.update_changed, .tooltip_row div.update_old{
    width: 55px;
    text-align: right;
    color: green;
    min-height: 16px;
}

.tooltip_row div.update_red, .tooltip_row div.old_red{
    background-image: none;
    color: red;
}

div.tooltip_content_container{
    float:left;
    margin: 0px 3px 3px 3px;
}

div.tooltip_row{
    margin: 5px 5px 0px 5px;
    word-wrap:break-word;
}

div.tooltip_row_value{
    float:left;
}

div.tooltip_date{
    float:left;
}

div.tooltip_value{
    float:left;
    margin-left:10px;
}

div.tooltip_green{
    float:left;
    margin-left:10px;
    color: green;
    background-image: none;
}

div.tooltip_red{
    float:left;
    margin-left:10px;
    color: red;
    background-image: none;
}

div.tooltip_date_delimeter{
    float:left;
    margin: 0px 5px 0px 5px;
}

div.tooltip_attach{
   word-wrap:break-word;
}

span.tooltip_number{
    color: #8E99B7;
    margin-right:5px;
}
/* Inline generator */
ul#main_table li:hover {
    /*background-color: yellow;*/
}

li div[attr="id"] div.dool_number{
    text-align: right;
}

ul#main_table li div.dragme{
    display:none;
}

ul#main_table.highlight li:hover div.number{
    display:none;
}

ul#main_table.highlight li:hover div.dragme{
    width: 18px;
    height: 18px;
    display:block;
    background-image: url('../images/red_cursor.png');
}

li div[attr="checkbox"], li div[attr="importance"], li div[attr="assigned"], li div[attr="due"], li div[attr="expected"]{
    text-align: center;
}

li div[attr="id"], li div[attr="importance"], li div[attr="assigned"], li div[attr="due"], li div[attr="expected"],
li div[attr="percent"], li div[attr="hour"], li div[attr="archived"], li div[attr="completed"], li div[attr="pending"],
li div[attr="source"], li div[attr="doolebrator"], li div[attr="creator"]{
    font-size:11px;
}

#header_source a {
    color: #751095;
}

li div[attr="source"] a {
    color: #8E99B7;
}

li div[attr="source"] a:hover {
    color: blue;
}

#header_percent, #header_hrs {
    text-align: right;
}

#header_hrs a.header_title {
    margin-right: 4px;
}

li div[attr="percent"], li div[attr="hour"] {
    text-align: right;
}

li div[attr="description"] span.title{
    font-weight: bold;
}

li div[attr="description"], li div[attr="comment"] {
    position: relative;
}

li span.hidden{
    display:none;
}

span.comment_header {
    font-weight: bold;
    font-size: 11px;
    color: blue;
    margin-right: 10px;
}

li div.doolebration_container div.content {
    float: left;
    min-height: 20px;
    width: 100%;
}

li div.doolebration_container div.text {
    float: none;
    margin-right: 50px;
}

li div.doolebration_container div[attr="description"] div.text {
    float: none;
    margin-right: 70px;
}

*:first-child+html li div.doolebration_container div.content{
    margin-right: 10px;
}

div.content div.carrot_down{
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: -14px;
    background-image: url(../images/asc.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 34px;
}

div[attr="description"] div.content div.carrot_down{
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -14px;
    background-image: url(../images/asc.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 50px;
}


div.content div.carrot_up{
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: -14px;
    background-image: url(../images/desc.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 34px;
}

div[attr="description"] div.content div.carrot_up{
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -14px;
    background-image: url(../images/desc.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right:50px;
}

li div.doolebration_container div.carrot_container {
    float: left;
    width: 5%;
}

li div.doolebration_container div.edit {
    position: absolute;
    right: 0px;
    width: 36px;
}

li div.doolebration_container div[attr="description"] div.edit {
    position: absolute;
    right: 16px;
    width: 36px;
}

li div.doolebration_container div[attr="comment"] div.edit {
    position: absolute;
    right: 18px;
    width: 16px;
}

li div.doolebration_container div.edit div {
    width: 16px;
    height: 16px;
    float: left;
    display: none;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-top: 3px;
}

div[attr="description"] div.edit div.add_hour{
    background-image: url(../images/clock.png);
    margin-right: 2px;
    margin-left: 2px;
}

div[attr="description"] div.edit div.edit_dool{
    background-image: url(../images/list_icon.png);
}

div[attr="comment"] div.edit div.add_comment{
    background-image: url(../images/new_icon.png);
}

div[attr="comment"] div.edit div.edit_comment{
    display:block;
    background-image: url(../images/blank_list_icon.png);
    color:blue;
    font-size:11px;
    font-weight:bold;
    padding-top:2px;
    text-align:center;
}

div[attr="comment"] div.edit div.edit_comment_hidden{
    display:none;
    background-image: url(../images/blank_list_icon.png);
    color:blue;
    font-size:11px;
    font-weight:bold;
    padding-top:2px;
    text-align:center;
}

ul#main_table.highlight li div[attr="description"]:hover div.edit div, ul#main_table.highlight li div[attr="comment"]:hover div.edit div{
    display:block;
}

div.doolebration_container div.invalid input, div.doolebration_container div.invalid textarea {
    border: 1px solid red;
}

/* classes for edit form*/
div.edit_form_title {
    position: relative;
    float: left;
    width: 700px;
}

div.edit_form_description {
    width: 94%;
    position: relative;
}

div.attribute_container {
    float: left;
    width: 100%;
    position: relative;
}

.calendar_img {
    background-image:url(../images/calenda.png);
    background-repeat:no-repeat;
    border:0 none;
    cursor:pointer;
    float:left;
    height:50%;
    margin-left:5px;
    margin-top:1px;
    position:relative;
    top:25%;
    width:17px;
}

.calendar_field{
    float:left;
    position:relative;
}

div.new_dool_content div.calendar_field{
    float:left;
    height:50%;
    position:relative;
    top:25%;
}

div.to_calendar{
    float:left;
    height:50%;
    left:175px;
    padding-left:5px;
    position:relative;
    top:25%;
}

.timing_calendar_img{
    height: 16px;
    width: 17px;
    cursor: pointer;
    border: 0px;
    background-image: url('../images/calenda.png');
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}

div.save_button_container {
    margin-right: 10px;
    display: inline;
}

div.save_button, div.delete_button, div.save_button_disabled {
    background-repeat: no-repeat;
    width: 80px;
    height: 24px;
    float: left;
}

div.save_button.content_filter {
    display: inline-block;
    float: none;
    margin-left: 5px;
}

div.save_button, div.delete_button{
    cursor: pointer;
}

div.save_button, div.save_button_disabled,
div.submit_button{
    background-image: url('../images/new_design/dool_save_button.png');
}

div.suspend_button{
    background-image: url('../images/new_design/suspend_button.png');
    background-position: 0px 0px;
    background-repeat:no-repeat;
    float:left;
    height:24px;
    width:95px;
    cursor: pointer;
}

div.unsuspend_button{
    background-image: url('../images/new_design/unsuspend_button.png');
    background-position: 0px 0px;
    background-repeat:no-repeat;
    float:left;
    height:24px;
    width:95px;
    cursor: pointer;
}

div.save_button, div.submit_button{
    background-position: 0px 0px;
}

div.save_button_disabled{
    background-position: 0px -24px;
}

div.delete_button{
    background-image: url('../images/new_design/delete_button.png');
}

div.buttons_container div.save_button{
    margin-left: 313px;
}

div.delete_button{
    background-image: url('../images/new_design/delete_button.png');
    background-repeat: no-repeat;
    width: 80px;
    height: 24px;
    cursor: pointer;
    float: left;
}

div.new_dool_content div.save_button{
    margin-left: 313px;
}

div.save_button_green {
    background-image: url('../images/new_design/save_button_green.png');
    background-repeat: no-repeat;
    width: 66px;
    height: 22px;
    cursor: pointer;
    float: left;

}

textarea.edit_description {
    width: 94%;
    resize: none;
}

#users_edit, #project_edit, #note_edit {
    width: 100px;
}

div.est_block {
    float: left;
    width: 730px;
    margin-top:30px;
}

div.est_block div#min_estimate_edit.attribute_block{
    width:108px;
    vertical-align: middle;
}

div.est_block div#max_estimate_edit.attribute_block{
    width:200px;
}

#min_estimate_edit div.attribyte_label {
    left: 0px;
}

div.est_block div.attribyte_label{
    text-align:left;
}

div.est_block div.attribyte_field_1{
    height: 50%;
    top: 9px;
}

div#min_estimate_edit div.attribyte_field_1{
    left: 53px;
    vertical-align: middle;
    line-height: 36px;
    height: 36px;
}

div#max_estimate_edit div.attribyte_label{
    text-align:left;
    left: -5px;
}

div#max_estimate_edit div.attribyte_field_1{
    left: 43px;
}

span.est_label{
    font-weight: normal;
    color: #8e99b7;
}

div.est_block a{
    font-weight: normal;
}

div.dool_color{
    background-image:url(../images/new_design/doolebration_background_color.png);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:21px;
    left:125px;
    position:relative;
    margin-top:13px;
    width:21px;
}

div.dool_color_container{
    float:left;
    left:101px;
    position:relative;
    bottom:-36px;
}

div.dool_attachment{
    background-image:url(../images/new_design/dool_attachment.png);
    background-position:left center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:21px;
    position:relative;
    width:100%;
    padding-left:25px;
    top: -2px;
}

div.dool_attachment_no_click{
    background-image:url(../images/new_design/dool_attachment.png);
    background-position:left center;
    background-repeat:no-repeat;
    cursor:default;
    float:left;
    height:21px;
    position:relative;
    width:100%;
    padding-left:25px;
    top: -2px;
}

div.dool_attachment_content_delete{
    background-image:url("../images/inline_edit_menu/red_active.png");
    background-position:0 -9px;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    height:9px;
    margin-top:4px;
    position:relative;
    right:5px;
    width:15px;
    left: 0px;
}

div.dool_attachment_content_delete_ie{
    background-image:url("../images/inline_edit_menu/red_active.png");
    background-position:0 -9px;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    height:9px;
    position:relative;
    right:5px;
    width:15px;
    left: 0px;
}

div.dool_attachment_content_text{
    float:left;
    margin-left:5px;
    overflow:hidden;
    position:relative;
    width:90%;
    height: 16px;
    color: black;
}

div.dool_attachment_content_text_ie{
    float:left;
    margin-left:5px;
    margin-top:-1px;
    overflow:hidden;
    position:relative;
    width:90%;
    height: 16px;
    color: black;
}

.comment_upload_frame div.dool_attachment_content_text{
    float:left;
    margin-left:5px;
    overflow:hidden;
    position:relative;
    width:90%;
    height: 16px;
    color: white;
}



.frm_comment_upload div.dool_attachment_content_text,
.frm_comment_upload div.dool_attachment_content_text a,
.frm_comment_upload div.dool_attachment_content_text a:visited{
    color: white;
}

div.comment_attachments_content,
div.dool_attachments_content {
    float:left;
    position:relative;
    top:5px;
    width:220px;
}

div.comment_attachments_count,
div.dool_attachments_count{
    background-image:url(../images/new_design/paperclip.png);
    background-position:left center;
    background-repeat:no-repeat;
    color:blue;
    cursor:pointer;
    font-size:11px;
    height:16px;
    margin-right:2px;
    margin-top:3px;
    position:absolute;
    line-height:13px;
    right:-4px;
    text-decoration:underline;
    width:18px;
}

div[attr=comment] div.comment_attachments{
    display:none;
}

div.comment_attachments{
    background-image:none;
    cursor:default;
    float:left;
    margin-right:2px;
    position:relative;
}

div.dool_attachments{
    background-image:none;
    height:16px;
    margin-right:2px;
    margin-top:3px;
    position:absolute;
    right:-4px;
    width:18px;
    cursor: default;
}

div.comment_attachments_content_hidden
div.dool_attachments_content_hidden {
    display:none;
}

#doolebration_row_color{
    height:10px;
    width:20px;
}

div.attributes_container{
    height:105px;
    width:700px;
    padding: 10px 0px 15px 0px;
    float:left;
}

div.first_div, div.second_div, div.third_div{
    float:left;
    width:226px;
    height: 100%;
    display:inline;
    background-color:#f3f6f8;
    padding-bottom: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.first_div{
    margin-right:11px;
}

div.first_div div.attribyte_label{
    left: 0px;
}

div.first_div div.attribyte_field_1,
div.first_div div.attribyte_field_no_child_div{
    left: 85px;
}

div.second_div{
    margin-right:11px;
}

div.third_div{
    margin:0px;
}

div.add_tag{
    left:190px;
    position:absolute;
    font-size: 11px;
    line-height: 36px;
}

div.tags_block{
    float:left;
    padding:10px 10px 0px 10px;
    width:206px;
    font-size: 11px;
    position: relative;
}

div.tags_element {
    color: #8E99B7;
    float: left;
    overflow: hidden;
    margin-left: 5px;
}

div#manage_tags_container div.tags_element{
    max-width: 215px;
}

span.tag_wrapper div.tags_element{
    max-width: 185px;
}

span.common_tag div.tags_element{
    max-width: 220px;
}

span.common_tag div.tags_element a.tag{
    max-width: 220px;
    overflow: hidden;
}

a.tag {
    color: #7f7f7f;
    float: left;
    font-size: 11px;
    text-decoration: none;
}

a.tag:hover {
    color: blue;
    text-decoration: underline;
}

span.all_tags{
    margin-left: 5px;
}

.inline_textarea {
    height: 120px;
    margin: 0px;
    padding: 1px;
}

input.inline_text, input.inline_date {
    margin: 0px;
    padding: 1px;
}

div.date_selector {
    padding-left:2px;
    right: 0;
    height: 16px;
    width: 17px;
    cursor: pointer;
    border: 0px;
    background-image: url('../images/calenda.png');
    margin-left: -17px;
    margin-top: 1px;
    background-repeat: no-repeat;
    position: absolute;
}

.edit_container {
    position: relative;
    width: 100%;
    text-align: right;
}

.edit_container div.action_box {

    position: absolute;
    width: 36px;
    height: 19px;
    background-position: -7px -99px;
    background-repeat: no-repeat;
    right: 0px;
    bottom: -20px;
    z-index: 1;
    background-color: white;
    border: 1px solid #d4d0c8;
}

.edit_container div.action_box div.apply, .edit_container div.action_box div.cancel{
    background-image: url('../images/menu_sprites/butns.gif');
    width: 15px;
    height: 15px;
    float: right;
    margin-right: 2px;
    background-repeat: no-repeat;
    margin-top: 2px;
    cursor: pointer;
}

.edit_container div.action_box div.apply{
    background-position: 0px 0px;
}

.edit_container div.action_box div.cancel{  
    background-position: -0px -30px;
}

.edit_container div.action_box div.apply:hover{
    background-position: 0px -15px;
}

.edit_container div.action_box div.cancel:hover{
    background-position: -0px -45px;
}

/* Level select css */
div.level_select div.select_header {
    float: none;
    width: 120px;
    cursor: default;
    height: 19px;
    margin-bottom: 1px;
}

div.level_select div.select_header div.toggle_arrow {
    height: 6px;
    float: right;
    width: 7px;
    margin-right: 8px;
    margin-top: 3px;
    color: #2c4184;
}

div.level_select div.content {
    float: none;
    background-color: white;
    cursor: default;
    overflow-x: hidden;
    border: 5px solid white;
    border-top: none;
    float: none;
}

div.level_select div.select_header div.selected_value {
    width: 99px;
    float: left;
    overflow: hidden;
    white-space:nowrap;
    margin-top: 2px;
    margin-left: 4px;
}

div.disabled div.level_select div.select_header div.selected_value{
    color: #6d6d6d;
}

div.level_select div.select_header div.arrow{
    width: 17px;
    float: right;
}

div.arrow {
    background-image: url('../images/arrow_down.png');
    height: 18px;
    width: 17px;
}

div.disabled div.level_select div.arrow {
    background-image: url('../images/arrow_down_disabled.png');
}

div.level_select:hover div.arrow {
    background-image: url('../images/arrow_down_star.png');
    height: 18px;
    width: 17px;
    margin-top: 1px;
}

div.level_select {
    background-image: url('../images/new_design/c_drop_down_bk.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border:1px solid #8894b3;
    font: 12px arial,sans-serif;
    cursor:default;
    float:none;
    padding-left:3px;
    padding-right:1px;
    position:relative;
    width:120px;
    padding-bottom: 0px;
    padding-top: 0px;
    height:20px;
    *margin-top: -2px;
}


div.level_select.highlighed {
    border:1px solid #8995b4;
    background-position: 0px -20px;
}

div.level_select.clicked_btn {
    background-position: 0px -40px;
    border: 1px solid #828fb0;
}

div.level_select.clicked_btn div.select_header {
    color: white;
}

div.new_dool_content div.level_select,
#move_to_content div.level_select{
    height: 18px;
    top: 25%;
}

div.level_select div.content div.selected{
    background-color: #316ac5;
    color: white;
}

div[level="1"] {
    padding-left: 10px;
}
div[level="2"] {
    padding-left: 20px;
}
div[level="3"] {
    padding-left: 30px;
}
div[level="4"] {
    padding-left: 40px;
}
div[level="5"] {
    padding-left: 50px;
}
div[level="6"] {
    padding-left: 60px;
}
div[level="7"] {
    padding-left: 70px;
}
div[level="8"] {
    padding-left: 80px;
}
div[level="9"] {
    padding-left: 90px;
}
div[level="10"] {
    padding-left: 100px;
}

div[level="11"] {
    padding-left: 110px;
}
div[level="12"] {
    padding-left: 120px;
}
div[level="13"] {
    padding-left: 130px;
}
div[level="14"] {
    padding-left: 140px;
}
div[level="15"] {
    padding-left: 150px;
}
div[level="16"] {
    padding-left: 160px;
}
div[level="17"] {
    padding-left: 170px;
}
div[level="18"] {
    padding-left: 180px;
}
div[level="19"] {
    padding-left: 190px;
}
div[level="20"] {
    padding-left: 200px;
}

div.x-button-project {
    width: 12px;
    height: 13px;
    color: black;
    font-weight: bold;
    display: inline;
    cursor: pointer;
}

div.x-button-project-container {
    width: 100%;
    text-align: right;
    height: 10px;
}

#project_name {
    width: 200px;
}

div.edit_button_cancel {
    clear: both;
    float: left;
    margin-left: 20px;
    margin-top: -50px;
}

div.share_link_container {
    padding-left: 98px;
    padding-right: 30px;
    padding-top: 10px;
}

div.edit_project_form_users_container {    
    padding-left: 39px;
    padding-top:5px;
}

div.edit_project_form_users_container.hidden,
div#users_list.hidden{
    display:none;
}

div#users_for_notes{
    width: 262px;
    background-color: white;
    overflow-y: scroll;
    border: 1px solid #ccc;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border:1px solid #8E99B7;
}

div#users_for_notes div{

}

div.share_links_container {
    clear: both;
    text-align: center;
}

div.users_list_conateiner {
    margin-left: 0px;
    padding-top: 5px;
}

div.main_content div.users_list_conateiner {
    margin-left: 39px;
}

div.share_form_buttons_container {
    text-align: right;
    padding-right: 3px;
    padding-top: 5px;
}

div.inline_loader_container {
    background-image:url(../images/inline_loader.gif);
    background-repeat:no-repeat;
    width:100%;
    background-position: center;
}

div[attr="percent"] div.inline_loader_container, li div[attr="hour"] div.inline_loader_container {
    background-position: right;
}

div#popup_container div.tooltip {
    display: none;
    position: absolute;
    z-index: 3;
}

.inline:hover {
    cursor: pointer;
    text-decoration: underline;
}

div[attr="description"] .inline:hover, div[attr="comment"] .inline:hover {
    text-decoration: none;
}

.simple_label {
    cursor: default;
}

div.doolebration_container div.green {
    background-image: none;
    color: green;
    min-height: 20px;
    font-weight: bold;
}

div.doolebration_container div.red {
    background-image: none;
    color: red;
    min-height: 20px;
    font-weight: bold;
}

div.hour_value {
    margin-right: 4px;
}

form.new_project, form.edit_project, form.delete_project, form.share_project {
    margin: 0px;
}

.estimations_box{
    white-space:nowrap;
}

td.attacment_filename {
    word-wrap: break-word;
}

div.slogan_row {
    padding-left:30px;
    padding-right:30px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

a.displayed_attach {
    display: block;
    padding-right: 46px;
}

tr.est_archived_un, tr.est_completed_un {
    display: none;
}

tr.est_archived_v, tr.est_completed_v {
}

span.gmail_style_list {
    text-align: left;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: top;
}

.round-corners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

select.users_dropdown, select.notes_dropdown, select.tags_dropdown {
    width: 137px;
}

form[name=admin_level_form]{
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}

#name_error{
    color:red;
    margin-left:-145px;
}

#create_tree_loader{
    margin-top: 26px;
    margin-left: 20px;
    float:left;
}

#admin_level_choice_t{
    text-align: center;
}


/*  ------------- css for tags ------------- */
div.tags_container, div.manage_tags_form {
    position: absolute;
    z-index: 100;
    background-color: #2B4184;
}

div.tags_popup_title, div.manage_tags_title {  
    padding-top: 5px;
    text-align: center;
    width: 752px;
    float:left;
    background-image: url(../images/new_design/action_box_header_center.png);
    background-repeat: repeat-x;
    height: 31px;
}

div.manage_tags_title {
    width: 293px;
    color: white;
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
    font-size: 0.9em;
    padding-top: 9px;
}

div.tags_content, div.manage_tags_content {
    background-color: white;
    border: 2px solid #2B4184;
}

div.remove_tag {
    height: 9px;
    line-height: 9px;
    width: 9px;
    background-image: url('../images/inline_edit_menu/red_active.png');
    background-repeat: no-repeat;
    background-position: 0px -9px;
    float: left;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 2px;
}

div.remove_tag.locked {
    cursor: default;
    background-position: 0px 0px;
}

div.attachments_wrapper{
    float: left;
    margin-right:52px;
    *float: none;
    *width: auto;
}

div.tags_wrapper {
    background-image:none;
    cursor:default;
    display:inline-block;
    float:right;
    line-height:16px;
    margin-right:52px;
    margin-top:5px;
    text-align:right;
    width:100%;
    *float: none;
    *width: auto;
}

div.tags_wrapper div.remove_tag {
    background-position: 0px 0px;
}

div.tags_wrapper div.remove_tag:hover {
    background-position: 0px -9px;
}

div.tags_wrapper div.remove_tag.locked:hover {
    background-position: 0px 0px;
}

a.tag1 {font-size: 1.0em;}
a.tag2 {font-size: 1.2em;}
a.tag3 {font-size: 1.4em;}
a.tag4 {font-size: 1.6em;}
a.tag5 {font-size: 1.8em;}
a.tag6 {font-size: 2.0em;}

span.tag_wrapper {
    display: inline-block;
    white-space: nowrap;
    zoom:1;
    *display:inline;
}

div.quick_access_label {
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

span.common_tag {
    height: 16px;
    display: inline-block;
    white-space: nowrap;
    zoom:1;
    *display:inline;
}

.error_m, .notice_m, .success_m {
    border:2px solid #DDDDDD;
    margin-bottom:1em;
    padding:0.8em;
}

.error_m {
    background:none repeat scroll 0 0 #FBE3E4;
    border-color:#FBC2C4;
    color:#8A1F11;
}

.notice_m {
    background:none repeat scroll 0 0 #FFF6BF;
    border-color:#FFD324;
    color:#514721;
}

.success_m {
    background:none repeat scroll 0 0 #E6EFC2;
    border-color:#C6D880;
    color:#264409;
}

div.notification_container {
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: 7px;
    z-index: 3;
    width: 99%;
}

span.notification {
    display: inline-block;
}

div.search_icon {
    background-color:white;
    background-image: url('../images/new_design/search_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    float: left;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border: 1px solid #8E99B7;
    border-left: none;
    position: relative;
}


/* Doolebrators form css */
div.new_form{
    font-family:Arial;
    float: left;
    background-color: #2c4184;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 13px;
}

div.new_form div.field_name{
    font-weight:bold;
}

div.doolebrator_form{
    width: 550px;
}

#doolebrator_admin_level_id{
    width: 212px;
}


div.new_form div.main_content{
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px 5px 0px 5px;
}

div.new_form div.main_content form {
    padding: 0px;
    margin: 0px;
}


div.new_form div.header {
    color: white;
    padding: 6px 0px 0px 15px;
    margin-top: -17px;
    float: left;
    font-size: 16px;
    text-align: left;
    height: 20px;
    line-height: 16px;
}

div.doolebrator_form div.header{
    width: 550px;
}

div.new_form div.gradient{
    background-image: url(../images/top_gradient.png);
    background-repeat: repeat-x;
    height: 19px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.new_form div.header div.title{
    float: left;
    line-height: 20px;
}

div.doolebrator_form div.header div.title{
    width: 515px;
}

div.new_form div.header div.actions{
    float: left;
    width: 15px;
}


div.new_form div.main_content {
    float: left;
}

div.doolebrator_form div.main_content{
    width: 540px;
}

div.new_form div.main_content div.text {
    color: #2c4184;
    padding: 12px 0px 15px 25px;
}

div.doolebrator_form div.main_content div.text{
    font-size:23px;
}

div.new_form div.disabled input{   
}

div.new_form div.field_edit{
    float: left;
}

div.doolebrator_form div.field_edit{
    width: 540px;
}

div.field_edit div{
    float: left;
}

div.new_form div.field_name{
    text-align:right;
    padding: 0px 10px 18px 0px;
    color: #727272;
    font-size: 13px;
}

div.doolebrator_form div.field_edit div.field_name{
    width: 200px;
}

div.doolebrator_form input,   div.doolebrator_form select{
    border: 1px solid #8e99b7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 0px;
    padding-left: 0px;
    width:211px;
}

div.doolebrator_form div.field_edit select {
    padding: 1px;
}

div.doolebrator_form div.optional{
    text-align: center;
    padding-bottom: 5px;
    font-size: 13px;
}

div.field_edit input#user_hourly_rate{
    width: 70px;
}

div.field_edit input#user_office{
    width: 126px;   
}

div.field_edit input#user_ext{
    margin-left: 10px;
    width: 42px
}

div.ext_name{
    padding-left: 10px;
    color: #727272;
    font-size: 13px;
}

div.new_form div.close{
    float: left;
    width: 10px;
    height: 15px;
    background-image: url('../images/close.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

div.new_form div.action_buttons{
    text-align: center;
    float: left;
    margin-top: 25px;
}

div.doolebrator_form div.action_buttons{
    padding: 0px 0px 25px 230px;
    font-size: 13px;
}

div.action_buttons a.save{
    color: white;
    text-decoration: none;
    background-image: url('../images/save_button_new.png');
    background-repeat: no-repeat;
    padding: 8px 47px 9px 47px;
}

div.action_buttons a.delete{
    color: white;
    text-decoration: none;
    background-image: url('../images/delete_button_new.png');
    background-repeat: no-repeat;
    padding: 8px 48px 9px 43px;
}

div.doolebrator_form input.disabled{
    color: #b1b0ac;
}

div.new_form {
    padding-bottom: 5px;
}

#choose-icalendar-convertion, #google-account-form{
    position: absolute;
    z-index: 1000;
}

div.calendar_form, div.calendar_form div.header{
    width: 300px;
}

div.calendar_form div.header div.title{
    width: 265px;
}

div.calendar_form div.main_content{
    width: 290px;
}

div.calendar_form div.main_content div.text, div.google_form div.main_content div.text {
    font-size:12px;
}

div.calendar_form div.button_field{
    text-align: center;
    padding-bottom: 7px;
}

div.google_form div.field_edit div.field_name{
    width: 75px;
}

#google_sign_in{
    margin-left: 85px;
    margin-bottom: 7px;
}

div.google_form div.header div.title{
    width: 302px;
}

div.google_form{
    width: 335px;
}

div.google_form div.main_content{
    width: 325px;
}

div.list_form, div.list_form div.header{
    width: 365px;
}

div.list_form div.main_content{
    width: 305px;
}

div.list_form div.header div.title{
    width: 330px;
}

div.list_form div.main_content{
    padding: 25px;
}

div.new_form div.edit_area{
    margin-top: 0px;
}

div.list_form{
    font-size: 13px;
}

div.share_link_container, #users_list{
    font-weight: none;
}

div.list_form div.field_name{
    width: 89px;
}

div.list_form div.share_link_container{
    padding-left: 98px;
}

div.list_form input[type=text], div.list_form textarea{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #8E99B7;
}

div.list_form div.save_button, div.list_form div.delete_button{
    margin-left: 95px;
    margin-right: 15px;
}

/* ------------------- css for share project form*/
#share_button{
    margin-left: 5px;
}

div.share_form {
    position: absolute;
    width: 325px;
    z-index: 1000;
    font-size: 13px;
}
div.share_form div.header {
    float: none;
}
div.share_form div.header div.actions {
    float: right;
    margin-right: 10px;
}
div.share_form div.main_content {
    width: 314px;
}
div.share_form div.main_content div.users_list_conateiner {
    margin-left: 26px;
    margin-top: 23px;
}
div.share_form div.main_content div.users_list_conateiner #users_for_notes {
    width: 262px;
}
div.share_form div.main_content div.action_buttons {
    margin-top: 17px;
    padding-bottom: 20px;
}
div.share_form div.main_content div.action_buttons div.share_button {
    margin-left: 107px;
    margin-right: 7px;
    height: 24px;
    width: 78px;
    background-image: url('/images/new_design/share_button.png');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}
div.share_form div.main_content div.action_buttons div.share_button.disabled_share_button {
    background-position: 0px -24px;
}
div.share_form div.main_content div.action_buttons #unshare_link {
    display: block;
    padding-top: 3px;
    float: left;
}
div.share_form div.main_content div.action_buttons div.share_button.apply_button {
    background-image: url('/images/new_design/apply_button.png');
}

/* ------------------- end css for share project form*/

div.info-label {
    font-size: 11px;
    color: #8E99B7;
    margin: 0px 28px;
}

div.project_share{
    margin-top:2px;
    float:right;
    width:85px;
}

div.project_share_roles{
    z-index:1001;
    position:absolute;
    background-color: white;
    border: 2px solid #2c4184;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*  *************  BREAD CRUMBS ********************/
div.bread_crumbs_container{
    position: absolute;
    z-index: 4;
    *margin: 5px 0px 0px 10px;
}

div.bread_crumbs {  
    background-color: white;
    float: left;
    text-align: left;
    font-size: 12px;
    padding: 5px;
    position: relative;
}

div.bread_crumbs a {
    text-decoration: none;
    white-space: nowrap;
    height: 17px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
}
div.bread_crumbs a:hover {
    background-color: #c9d6f1;
    color: blue;
    cursor: default;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.bread_crumbs_body {
    width: auto;
}
div.bread_crumbs_body a {
    color: #565054;
}
div.bread_crumbs div.bread_crumbs_body a:hover {
    text-decoration: underline;
    cursor: pointer;
}
div.bread_crumbs div.carrot_sign_desc_hrs a {
    padding: 0px;
}
div.bread_crumbs div.carrot_sign_desc_hrs a:hover {
    cursor: pointer;
    background-color: transparent;
}
div.bread_crumb_top {
    float: left;
    width: 100%;
}
div.bread_crumb_top a {
    color: #aeaeae;
    padding-left: 1px;
    padding-right: 20px;
    float: none;
    display: block;
}
div.bread_crumb_bottom {
    color: #2c4184;
    white-space: nowrap;
}
div.bread_crumbs div.carrot_sign_desc_hrs {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    width: 20px;
    margin-left: -20px;
    padding: 0px;
}
div.bread_crumbs a.bread_crumb_home:hover {
    text-decoration: underline;
    cursor: pointer;
}
/*  *************  END OF BREAD CRUMBS ********************/

/*  *************  FAVORITE PAGES ********************/
div.favorite_pages {
    background-color: white;
    float: left;
    text-align: left;
    font-size: 12px;
    padding: 5px;
    position: relative;
    margin-left: 10px;
}

div.favorite_pages a {
    text-decoration: none;
    white-space: nowrap;
    height: 17px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    overflow: hidden;
}
div.favorite_pages a:hover {
    background-color: #c9d6f1;
    color: blue;
    cursor: default;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.favorite_pages_body {
    width: auto;
}
div.favorite_pages_body a {
    color: #565054;
}
div.favorite_pages div.favorite_pages_body a:hover {
    text-decoration: underline;
    cursor: pointer;
}
div.favorite_pages div.carrot_sign_desc_hrs a {
    padding: 0px;
}
div.favorite_pages div.carrot_sign_desc_hrs a:hover {
    cursor: pointer;
    background-color: transparent;
}
div.favorite_page_top {
    float: left;
    width: 100%;
}
div.favorite_page_top a {
    color: #aeaeae;
    padding-left: 1px;
    padding-right: 20px;
    float: none;
    display: block;
}
div.add_favorite_page {
    color: #2c4184;
    white-space: nowrap;
    float: left;
    width: 100%;
    padding-right: 10px;
    position: relative;
}

div.favorite_page_header{
    padding-right:5px;
}

div.favorite_pages div.carrot_sign_desc_hrs {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    width: 20px;
    padding: 3px 0px 0px 0px;
    position: absolute;
    right: 0px;
}
div.favorite_pages a.favorite_page_home:hover {
    text-decoration: underline;
    cursor: pointer;
}

div.favorite_page_link div.page_link{
    float: left;
    max-width: 300px;
    margin-right:15px;
}

div.favorite_page_link div.remove_page{
    height: 9px;
    line-height: 9px;
    width: 9px;
    background-image: url('../images/inline_edit_menu/red_active.png');
    background-repeat: no-repeat;
    background-position: 0px -9px;
    float: left;
    cursor: pointer;
    margin-top: 3px;
    margin-left:-15px;
    right: 0px;
}


div.add_favorite_page a{
    background-image:url("../images/new_design/plus_blue.png");
    background-position:left center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:19px;
    line-height:19px;
    padding-left: 10px;
}

div.add_favorite_page a.disabled{
    background-image:none;
    cursor:default;
    float:left;
    height:19px;
    line-height:19px;
    padding-left: 10px;
    color: #AEAEAE;
}

div.add_favorite_page a:hover {
    background-color: #c9d6f1;
    color: blue;
    cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: underline;
}

div.add_favorite_page a.disabled:hover {
    color: #AEAEAE;
    cursor:default;
    text-decoration: none;
}

div.favorite_pages div.add_current_page{
    background-image:url("../images/inline_edit_menu/green_active.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:14px;
    margin-left:2px;
    margin-bottom:3px;
    margin-top:3px;
    position:relative;
    width:14px;
}

div.favorite_pages div.remove_current_page{
    background-image:url("../images/inline_edit_menu/red_active.png");
    background-position:center -9px;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:14px;
    margin-left:2px;
    margin-top:6px;
    position:relative;
    width:14px;
}

div.add_favorite_page_link{
    height:20px;
}

div.add_favorite_page_name{
    float: left;
    height:20px;
    line-height:20px;
}

div.add_favorite_page_input{
    float: left;
}
/*  *************  END OF FAVORITE PAGES ********************/

div.delete_cursor{
    display:none;
    float:right;
    width:14px;
    height:14px;
    background-image: url(../images/delete.png);
    cursor:pointer;
}

table.padded-table tr.odd:hover, table.padded-table tr.even:hover{
    background-color: yellow;
}

table.padded-table tr.odd:hover div.delete_cursor, table.padded-table tr.even:hover div.delete_cursor{
    display:block;
}
#dool_max_hrs, #dool_min_hrs {
    width: 40px;
}

#dool_max_hrs, #dool_min_hrs, #estimate_min, #estimate_max{
    background-repeat: no-repeat;
    background-position: 4px;
    padding: 0px;
    margin: 0px;

}
#dool_min_hrs, #estimate_min {
    background-image: url(../images/new_design/minim_label.png);
}
#dool_max_hrs, #estimate_max {
    background-image: url(../images/new_design/maxim_label.png);
}
#dool_max_hrs.no_label, #dool_min_hrs.no_label, #estimate_min.no_label, #estimate_max.no_label {
    background-image: none;
}

#users_for_notes div.edited{
    background-color:yellow;
}

table.main_top{
    padding:10px;
}

div.task_content_filters{
    padding-right:10px;
    *margin-left: -100px;
}

div.or_label {
    position: absolute;
    left: 247px;
    top: 51px;
    font-size: 13px;
    font-style: italic;
}

#tag_select_container {
    margin-left: 2px;
}


#additional_time_hrs,
#additional_time_min{
    text-align:right;
    width:35px;
}

div.level_select div.search_field_container {
    position: absolute;
    background-color: white;
    border: 1px solid #7f9db9;
    left: 0px;
    float: none;
    min-width: 159px;
    z-index: 2;
}
div.search_wrapper {
    padding-bottom: 3px;
    display: inline-block;
    background-color: white;
    padding-top: 2px;
    border-bottom: none;
}
div.level_select div.search_field_container div.search_wrapper input[type=text] {
    padding-left: 0px;
    height: 13px;
    border: 1px solid #8E99B7;
    border-right: none;
    float: left;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    outline: none;
}

input.search_hint {
    background-repeat: no-repeat;
    background-image: url("/images/new_design/search_title_for_dd.png");
    background-position: 2px;
}

div.search_field_container div.search_wrapper {
    float: none;
    border: 5px solid white;
    border-bottom: none;
}

div.search_field_container div.content div {
    word-wrap: nowrap;
    white-space: nowrap;
    float: none;
}

div.search_wrapper div.search_icon {
    height: 15px;
    width: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    float: left;
    background-color: white;
}

div.default_priority_warning {
    color: red;
    position: absolute;
    top: 31px;
    left: 4px;
}


a.disabled{
    color: #AEAEAE;
    cursor: default;
}

div.add-tag {
    color: #1c45a1;
    cursor: pointer;
    display: inline-block;
    margin-top: 3px;  
}

div.add-tag:hover font {
    text-decoration: underline;
}

div.add-tag label {
    font-size: 14px;
}

div.add-tag font {
    font-size: 12px;
}

div.search_field_container div.tags-search-field {
    background-color: #e0e8f7;
    border: none;
    padding: 5px;
    border-bottom: 1px solid #869bb0;
    margin-bottom: 5px;
}

div.close_button {
    background-image: url(../images/new_design/close_button.png);
    background-repeat: no-repeat;
    width: 78px;
    height: 24px;
    cursor: pointer;
}
div.close_button.assign_tags {
    margin-left: 111px;
}

span.apply_button {
    background-image: url(../images/new_design/apply_button.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 78px;
    display: inline-block;
    cursor: pointer;
    vertical-align: text-bottom;sks
}
span.updated, span.update_header{
    display:inline-block;
    width: 8px;
    height: 8px;
    margin-top: 8px;
    background-image: url(../images/updated.png);
    background-repeat: no-repeat;    
    cursor: pointer;
}

span.update_header{
    margin-top: 3px;
}

/* New login form css */
div.login_form{
    width:555px;
    margin-left:auto;
    margin-right:auto;
    float: none;
}

div.login_form div.main_content{
    width: 545px;
    float: none;
    padding-bottom: 23px;
}

div.login_form div.gradient{
    height: 30px;
}

div.login_form div.logo_container{
    text-align: center;
    padding: 5px;
}


div.login_form div.field_name{
    width: 143px;
    margin-top: 2px;
    padding-bottom: 15px;
}

div.login_form div.field_edit input{
    height: 22px;
    width: 238px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #8E99B7;
    font-size: 17px;
}

div.login_form div.login_button{
    width: 98px;
    height: 29px;
    background-image: url(../images/login_button.png);
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 19px;
    padding-top: 3px;
    cursor: pointer;
}

div.login_form div.button_container{
    clear: both;
    padding-top: 10px;
    text-align: center;
}

div.login_form div.remember_me{
    text-align: center;
    margin-top: 17px;
    
}

div.login_form div.login_footer{
    margin-top: 28px; 
    text-align: center;
    color: #727272;
}

div.login_footer a.register{
    margin-left: 18px;    
}

div.remember_me, div.login_footer a{
    color: #2c4184;
}

div.more_effective{
    position: absolute;
    background-image: url(../images/more_effective.png);
    width: 763px;
    height: 55px;
    margin-top: 67px;
    margin-left: 233px;
}

div.login_header{
    height: 174px;
    width: 1003px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

div.login_logo{
    background-image: url(../images/doolebrate_little_logo.png);
    height: 105px;
    width: 253px;
    position: absolute;
    margin-top: 44px;
    left: 0px;
}

div.login_error{
    color: red;
    font-size: 14px;
    text-align: center;
    height: 16px;
    *margin-bottom: -18px;
}

div.login_error_subdomain{
    color: red;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/* Super Admin Statistic */
table.statistic td{
  cursor:default
}
table.statistic td div{
overflow: hidden;
white-space:nowrap;
}
#statistic_header table.header {
height:80px;
}
table.statistic td.company{
border-top: 3px solid white;
}
table.statistic td a{
outline: none;
}
table.statistic tr td, table.statistic tr td div{
height: 20px;
}
table.statistic th.yellow, table.statistic td.yellow, table.statistic th.account, table.statistic td.account {
background-color: yellow;
}
table.statistic th.grey, table.statistic td.grey {
background-color: #c0c0c0;
}
table.statistic th.green, table.statistic td.green {
background-color: #ccffcc;
}
table.statistic th.blue, table.statistic td.blue {
background-color: #ccffff;
}
table.statistic th.orange, table.statistic td.orange {
background-color: #FF9900;
}
div.show_column {
    background-image:url("../images/new_design/show_email.png");
    background-position:0 0;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    height:18px;
    position:relative;
    width:18px;
    z-index:1;
    *z-index:0;
    *margin-top: -18px;
}
div.hide_column {
    background-image:url("../images/new_design/show_email.png");
    background-position:0 -18px;
    background-repeat:no-repeat;
    cursor:pointer;
    float:right;
    height:18px;
    position:relative;
    width:18px;
    z-index:1;
    *z-index:0;
    *margin-top: -18px;
}

#statistic_header {
    background:none white;
    height:130px;
    position:fixed !important;
    top: 0px;
    left:0;
    z-index:2;
    padding-top: 10px;
    padding-left: 8px;
    width: 1190px;
    *width: 1198px;
}

#statistic_content {
    margin-top:140px;
    margin-bottom: 50px;
    *margin-top:125px;
}

#filters_top, #filters_bottom{
    height:30px;
    margin-bottom:10px;
    margin-top:10px;
    width:1190px;
    position: relative;
}

#pager_top{
    float:right;
    line-height:30px;
    *margin-top: -20px;
}

#pager_bottom{
    float:right;
    line-height:30px;
}

.pager_left{
    text-decoration: none;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.pager_right{
    text-decoration: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.pages{
    margin-right: 5px;
}

table.header tr.sort th.account, th[onclick]{
    cursor: pointer;
}

tr.sort #sort_arrow{
    position: absolute;
}

div.statistic_loader{
    background-image:url("../images/attach_loader.gif");
    background-position:center center;
    background-repeat:no-repeat;
    height:64px;
    position:absolute;
    width:64px;
    z-index:3;
}

/* Pagination on Super Admin's page' */
div.pagination{

}

div.pagination a.prev_page{
    background-image: url('../images/new_design/per_page_shift_left.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-decoration: none;
}

div.pagination span.prev_page{
    background-image: url('../images/new_design/per_page_shift_left_disable.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-decoration: none;
}

div.pagination a.next_page{
    background-image: url('../images/new_design/per_page_shift_right.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-decoration: none;
}

div.pagination span.next_page{
    background-image: url('../images/new_design/per_page_shift_right_disable.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    text-decoration: none;
}
/*Doolebrate main login page*/

div.become_effective{
    background-image: url(../images/become_more_effective.png);
    width: 644px;
    height: 97px;
    position: absolute;
    margin-top: 67px;
    margin-left: 255px;
}

div.login_fields{
    text-align: right;
    *margin-bottom: -100px;
}

div.login_fields div.login_error{
    text-align: right;
    margin-right: 65px;
}

span.login_button{
    display:inline-block;
    background-image: url(../images/little_login_button.png);
    width: 60px;
    height: 18px;
}

div.login_fields input{
    vertical-align: middle;
}

div.login_fields span input{
    width: 99px;
    height: 14px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #8E99B7;
    font-size: 12px;
}

div.login_extended{
    height: 191px;
    z-index: -1;
}

div.login_main_gradient{
    background-image: url(../images/main_login_background.png);
    background-color: #c6dce8;
    height: 480px;
}

div.login_main{    
    width: 1003px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div.first_watch{
    background-image: url(../images/first_watch.png);
    height: 18px;
    width: 333px;
    position: absolute;
    margin-left: 53px;
    margin-top: 26px;
}

div.watch_video{
    background-image: url(../images/watch_video.png);
    height: 301px;
    width: 399px;
    position: absolute;
    margin-top: 62px;
    margin-left: 20px;
}

div.begin_now{
    background-image: url(../images/begin_now.png);
    height: 72px;
    width: 258px;
    position: absolute;
    margin-left: 481px;
    margin-top: 47px;
}

div.start_now{
    background-image: url(../images/start_now.png);
    height: 36px;
    width: 191px;
    position: absolute;
    margin-top: 323px;
    margin-left: 646px;
    cursor: pointer;
}

div.signup_dropdowns{
    position: absolute;
    margin-left: 488px;
    margin-top: 130px;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #354785;
}

div.signup_dropdowns select{
    color: #8730a3;
}

div.signup_dropdowns div.dropdown_line{
    margin-top: 26px;   
}

#login.suggest{
    background-image: url(../images/login_suggestion.png);
    background-repeat: no-repeat;
    background-position: 6px 3px;
}

#password.suggest{
    background-image: url(../images/password_suggestion.png);
    background-repeat: no-repeat;
    background-position: 6px 3px;
}

div.additional_login_elements, div.additional_login_elements a{
    color: white;
}

div.additional_login_elements{
    margin-right: 58px;
}

/*class for input type (button or submit), input used instead div due to possibility to set focus */
input.save {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-image: url("../images/new_design/dool_save_button.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 78px;
    border: 0px solid #FFFFFF;
    cursor: pointer;
    background-color: transparent;
}

div.footer_row, div.footer_row a{
    color: #1444CE;
    font-weight: bold;
}

span.footer_item{
    width: 130px;
    display: inline-block;
}