div.aff-odd {
    background-color: #EBEBEB;
    margin-bottom:  2px;
    margin-top:  2px;
    font-size: 13px;
    text-align: center;
    min-height: 18px;
}

div.aff-even {
    margin-bottom:  2px;
    margin-top:  2px;
    font-size: 13px;
    text-align: center;
    min-height: 18px;
}


table.affiliate  {
  width:100%;
  padding: 15px;
}

table.affiliate table.customerpayments {
  width:100%;

}

table.affiliate table.customerpayments tr td{
  /*border-bottom: 2px dashed #EBEBEB;*/
  padding: 15px;
}

table.affiliate table.customerpayments div{
  text-align:center;
  font-size:12px;
}

table.affiliate table.customerpayments tr.npayment div{
   font-size:15px;
}


table.affiliate table.customerpayments div.npayment{
   font-size:25px !important;
   font-weight:bold;
}

table.affiliate table.customerpayments tr.paidpayment{
   font-size:11px;
}

table.affiliate table.customerpayments div.paidpayment{
   font-size:18px;
   font-weight:bold;
}


table.affiliate table.customerpaymentstobepaid{
  padding: 10px;
  border-collapse:collapse;
  border-spacing: 1;
}

table.affiliate table.customerpaymentstobepaid tr td{
  padding: 10px;
}

table.affiliate table.customerpaymentstobepaid tr.commissions-top{
   font-size:14px;
   font-weight:bold;
   padding: 1px;
   
}
table.affiliate table.customerpaymentstobepaid tr.commissions-top td.tobepaid{
   background-color: #2FA638;
   width: 25%;
   color: #FFFFFF;
   -moz-border-radius-topleft:0.8em;
   -moz-border-radius-bottomleft:0.8em;
    -webkit-border-bottom-left-radius:0.8em;;
   -webkit-border-top-left-radius:0.8em;
   
}

table.affiliate table.customerpaymentstobepaid tr.commissions-top td.potential{
   background-color: red;
   width: 25%;
   color: #FFFFFF;
   -moz-border-radius-topleft:0.8em;
   -moz-border-radius-bottomleft:0.8em;
    -webkit-border-bottom-left-radius:0.8em;;
   -webkit-border-top-left-radius:0.8em;
}

table.affiliate table.customerpaymentstobepaid tr.commissions-top td.commission{
   background-color: #404040;
   color: #FFFFFF;
   -moz-border-radius-topright:0.8em;
   -moz-border-radius-bottomright:0.8em;
  
    -webkit-border-top-right-radius:0.8em;
    -webkit-border-bottom-right-radius:0.8em;
  
}




.watch-video{
    margin-left:61px;
    margin-top:-30px;
    position:absolute;
}

.reply-email{
    color:#000000;
    font-size:12px;
    font-weight:normal;
}

.flash_required {
    background:none repeat scroll 0 0 #FFFFCC;
    margin:10px;
    padding:15px
}

/* ////////////////////////////////// Announcment  ////////////////////////////////// */

#jGrowl .message h1{
    color:#FFFFFF;
    font-size:16px !important;
}
#jGrowl .message h2{
    color:#F0CB72;
    font-size:14px !important;
}

/*/////////////////////////////////// Clutterpad Buttons ////////////////////////// */

    div.tutorial-video{
      text-align:center;
      margin:10px;
    }
    div.tutorial-video h2{
        text-align:center;
    }
     div.tutorial-video .tutorial-small-text{
    text-align:center;
   }
   div.tutorial-video img{
   cursor:pointer;
  }
   
   div.add_new_button {
    margin-bottom:5px;
    float:left;
   }

    a.clutterpad_buttons{
      display: block;
      width: 158px;
      height: 37px;
      margin: 0 auto;
      padding:0;
     }
     a.new-project {
         background-image: url("/images/clutterpad/new-project.jpg");
         background-position: 0 0px;
     }
     a.new-todolist {
         background-image: url("/images/clutterpad/new-todolist.jpg");
         background-position: 0 0px;
     }

      a.new-todolisttemplate {
         background-image: url("/images/clutterpad/new-template.jpg");
         background-position: 0 0px;
     }
     
     a.new-calendar {
         background-image: url("/images/clutterpad/new-calendar.jpg");
         background-position: 0 0px;
     }
      a.edit-event {
         background-image: url("/images/clutterpad/edit-event.jpg");
         background-position: 0 0px;
     }
      a.new-message {
         background-image: url("/images/clutterpad/new-message.jpg");
         background-position: 0 0px;
     }
      a.new-writepad {
         background-image: url("/images/clutterpad/new-writepad.jpg");
         background-position: 0 0px;
     }
      a.edit-writepad {
         background-image: url("/images/clutterpad/edit-writepad.jpg");
         background-position: 0 0px;
     }
      a.edit-this-writepad {
         background-image: url("/images/clutterpad/edit-this-writepad.jpg");
         background-position: 0 0px;
     }
      a.new-file {
         background-image: url("/images/clutterpad/new-file.jpg");
         background-position: 0 0px;
     }
      a.new-chatroom {
         background-image: url("/images/clutterpad/new-chatroom.jpg");
         background-position: 0 0px;
     }
      a.new-contact {
         background-image: url("/images/clutterpad/new-contact.jpg");
         background-position: 0 0px;
     }
     a.new-company {
         background-image: url("/images/clutterpad/new-company.jpg");
         background-position: 0 0px;
     }
     a.add-user {
         background-image: url("/images/clutterpad/add-user.jpg");
         background-position: 0 0px;
     }
     a.clutterpad_buttons:hover {
        background-position: 0 -37px;
     }
     a.clutterpad_buttons .alt{ display: none; }


    
     a.clutterpad-logs-buttons{
          display: block;
          width: 173px;
          height: 32px;
          margin: 0 auto;
          padding:0;
     }
     a.logs-buttons-add-user {
         background-image: url("/images/clutterpad/logs_addusers_to_project.jpg");
         background-position: 0 0px;
         float:left;
     }
     a.logs-buttons-todo-list {
         background-image: url("/images/clutterpad/logs_todo_list.jpg");
         background-position: 0 0px;
         float:left;
     }
     a.clutterpad-logs-buttons:hover {
        background-position: 0 -32px;
     }
     a.clutterpad-logs-buttons .alt{ display: none; }


     a.clutterpad-setting-buttons{
          display: block;
          width: 19px;
          height: 20px;
          margin: 0 auto;
          padding:0;
          float:left;
          margin-left:6px;
     }
     a.logs-icon-setting {
         background-image: url("/images/clutterpad/overview_images/icon-setting-new.gif");
         background-position: 0 0px;
         
     }
     a.logs-icon-user {
         background-image: url("/images/clutterpad/overview_images/icon-user-new.gif");
         background-position: 0 0px;
         
     }
     a.clutterpad-setting-buttons:hover {
        background-position: 0 -20px;
     }
     a.clutterpad-setting-buttons .alt{ display: none; }
     
     
/* //////////////////////////////// Quick Links /////////////////////////////////// */
    a.more-icon {
        display: block;
        width: 39px;
        height: 16px;
        background-image: url("/images/clutterpad/cp_icons/more.png");
        background-position: 0 0;
        margin: 0 auto;
    }

     a.addtodoitem {
        display: block;
        width: 123px;
        height: 16px;
        /*background-image: url("/images/clutterpad/cp_icons/add_new_item.png");*/
        margin-left: 5px;
        background-position: 0 0;
        margin: 0 auto;
    }

    .quciklinks a.image{
        display: block;
        height: 16px;
        background-position: 0 0;
        float:left;
    }

    .todos_completeditems_quicklink a{
        width: 97px;
        background-image: url("/images/clutterpad/cp_icons/completed_items.png");
    }
   .project_todos_quicklink a{
        width: 43px;
        background-image: url("/images/clutterpad/cp_icons/todos.png");
    }
    .project_files_quicklink a{
        width: 40px;
        background-image: url("/images/clutterpad/cp_icons/files.png");
    }
    .project_contacts_quicklink a{
        width: 62px;
        background-image: url("/images/clutterpad/cp_icons/contacts.png");
    }
    .project_chatrooms_quicklink a{
        width: 78px;
        background-image: url("/images/clutterpad/cp_icons/chatrooms.png");
    }
    .project_calendars_quicklink a{
        width: 67px;
        background-image: url("/images/clutterpad/cp_icons/calendars.png");
    }
    .project_messages_quicklink a{
        width: 69px;
        background-image: url("/images/clutterpad/cp_icons/messages.png");
    }
    .project_writepad_quicklink a{
        width: 65px;
        background-image: url("/images/clutterpad/cp_icons/writepad.png");
    }
     .project_newtodolist_quicklink a{
        width: 87px;
        background-image: url("/images/clutterpad/cp_icons/newtodolist.png");
    }
     .project_newmessage_quicklink a{
        width: 79px;
        background-image: url("/images/clutterpad/cp_icons/newmessage.png");
    }
     .project_newcontact_quicklink a{
        width: 79px;
        background-image: url("/images/clutterpad/cp_icons/newcontact.png");
    }
     .project_uploadfile_quicklink a{
        width: 79px;
        background-image: url("/images/clutterpad/cp_icons/uploadfile.png");
    }
    .todos_editlist_quicklink a{
        width: 67px;
        background-image: url("/images/clutterpad/cp_icons/editlist.png");
    }
    .todos_deletelist_quicklink a{
        width: 69px;
        background-image: url("/images/clutterpad/cp_icons/deletelist.png");
    }
    .todos_additem_quicklink a{
        width: 62px;
        background-image: url("/images/clutterpad/cp_icons/additem.png");
    }
    .todos_hidelist_quicklink a{
        width: 68px;
        background-image: url("/images/clutterpad/cp_icons/hidelist.png");
    }
    .todos_gototop_quicklink a{
        width: 65px;
        background-image: url("/images/clutterpad/cp_icons/gototop.png");
    }
    .writepad_newwritepad_quicklink a{
        width: 79px;
        background-image: url("/images/clutterpad/cp_icons/new_writepad.png");
    }
    .files_newfolder_quicklink a{
        width: 87px;
        background-image: url("/images/clutterpad/cp_icons/new_folder.png");
    }
    .contacts_newcompany_quicklink a{
        width: 87px;
        background-image: url("/images/clutterpad/cp_icons/newcompany.png");
    }
    .contacts_listpeople_quicklink a{
        width: 87px;
        background-image: url("/images/clutterpad/cp_icons/listpeople.png");
    }
    .contacts_listcompanies_quicklink a{
        width: 87px;
        background-image: url("/images/clutterpad/cp_icons/listcompanies.png");
    }
    
    .files_newfolder_quicklink a{
        width: 87px;
        background-image: url("/images/clutterpad/cp_icons/new_folder.png");
    }

    a.more-icon:hover,.quciklinks a:hover {
        background-position: 0 -16px;
    }
    
    a.more-icon .alt,.quciklinks a span.alt{ display: none; }

    .quciklinks a:hover .rounded-container,.quciklinks a:hover .rounded-container-content,.quciklinks a:hover .noimg-curv4{
        background:#4a4aff !important;

    }
    .quciklinks a:hover .rounded-container div.rounded-container-content { padding:0px 6px;  }

    a.addtodoitem span.alt{ display: block;text-decoration: underline; margin-left: 7px; font-size: 14px; }
    
/*////////////////////////////////// Quick links end //////////////////////////////// */

    

/* Generic context menu styles */



/* ########################################Clutterpad Navigation New Start ###################################### */

 ul#nav {
	position: relative;
    z-index:1;
	width: 979px;
	padding: 0;
	height: 37px;
	list-style-type: none;
   


}
ul#nav li {
 position: absolute;
  z-index:3;
}
ul#nav li a {
	position: absolute;
    z-index:2;
	top: 0px;
	width: 84px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 0px 0 0 0;
	overflow: hidden;
	height: 37px !important;
	height /**/:22px;
	text-align:left;
	background-color: transparent;
	background-image: url(/images/clutterpad/nav_fn.png);
	background-repeat: no-repeat;
}







/*settings for general page*/
div#general_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#general_navigation li#log a:hover		{ background-position: 0 -74px; }
div#general_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#general_navigation li#over a:hover		{ background-position: -85px -37px; }
div#general_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#general_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#general_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#general_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#general_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#general_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#general_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#general_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#general_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#general_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#general_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#general_navigation li#write a:hover	{ background-position: -714px -37px; }
div#general_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#general_navigation li#file a:hover	{ background-position: -796px -37px; }
div#general_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#general_navigation li#time a:hover	{ background-position: -889px -37px; }




/*settings for logo page*/
div#logo_navigation li#log a		{ background-position: 0 -74px; width: 82px; left: 2px; }
div#logo_navigation li#log a:hover		{ background-position: 0 -74px; }
div#logo_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#logo_navigation li#over a:hover		{ background-position: -85px -37px; }
div#logo_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#logo_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#logo_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#logo_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#logo_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#logo_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#logo_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#logo_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#logo_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#logo_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#logo_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#logo_navigation li#write a:hover	{ background-position: -714px -37px; }
div#logo_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#logo_navigation li#file a:hover	{ background-position: -796px -37px; }
div#logo_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#logo_navigation li#time a:hover	{ background-position: -889px -37px; }





/*settings for overview page*/

div#projects_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#projects_navigation li#log a:hover		{ background-position: 0 -37px; }
div#projects_navigation li#over a		{ background-position: -85px -74px; left: 84px; width: 110px;}
div#projects_navigation li#over a:hover		{ background-position: -85px -74px; }
div#projects_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#projects_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#projects_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#projects_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#projects_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#projects_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#projects_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#projects_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#projects_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#projects_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#projects_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#projects_navigation li#write a:hover	{ background-position: -714px -37px; }
div#projects_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#projects_navigation li#file a:hover	{ background-position: -796px -37px; }
div#projects_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#projects_navigation li#time a:hover	{ background-position: -889px -37px; }







/*settings for todo page*/
div#todos_navigation li#log a, div#todoitems_navigation li#log a, div#todotemplates_navigation li#log a{ background-position: 0 0px; width: 82px; left: 2px; }
div#todos_navigation li#log a:hover, div#todoitems_navigation li#log a:hover, div#todotemplates_navigation li#log a:hover{ background-position: 0 -37px; }
div#todos_navigation li#over a, div#todoitems_navigation li#over a, div#todotemplates_navigation li#over a{ background-position: -85px 0px; left: 84px; width: 110px;}
div#todos_navigation li#over a:hover, div#todoitems_navigation li#over a:hover, div#todotemplates_navigation li#over a:hover{ background-position: -85px -37px; }
div#todos_navigation li#todo a, div#todoitems_navigation li#todo a, div#todotemplates_navigation li#todo a{ background-position: -197px -74px; left: 194px; width: 100px;}
div#todos_navigation li#todo a:hover, div#todoitems_navigation li#todo a:hover, div#todotemplates_navigation li#todo a:hover{ background-position: -197px -74px; }
div#todos_navigation li#cal a, div#todoitems_navigation li#cal a, div#todotemplates_navigation li#cal a { background-position: -295px 0; left: 293px; width: 112px;}
div#todos_navigation li#cal a:hover, div#todoitems_navigation li#cal a:hover, div#todotemplates_navigation li#cal a:hover{ background-position: -295px -37px; }
div#todos_navigation li#mes a, div#todoitems_navigation li#mes a, div#todotemplates_navigation li#mes a{ background-position: -407px 0; left: 405px; width: 106px;}
div#todos_navigation li#mes a:hover, div#todoitems_navigation li#mes a:hover, div#todotemplates_navigation li#mes a:hover{ background-position: -407px -37px; }
div#todos_navigation li#chat a, div#todoitems_navigation  li#chat a, div#todotemplates_navigation  li#chat a{ background-position: -511px 0; left: 509px; width: 104px;}
div#todos_navigation li#chat a:hover, div#todoitems_navigation li#chat a:hover, div#todotemplates_navigation li#chat a:hover{ background-position: -511px -37px; }
div#todos_navigation li#cont a, div#todoitems_navigation li#cont a, div#todotemplates_navigation li#cont a  			{ background-position: -615px 0; left: 613px; width: 99px;}
div#todos_navigation li#cont a:hover, div#todoitems_navigation li#cont a:hover, div#todotemplates_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#todos_navigation li#write a , div#todoitems_navigation li#write a, div#todotemplates_navigation li#write a		{ background-position: -714px 0; left: 712px; width: 83px;}
div#todos_navigation li#write a:hover, div#todoitems_navigation li#write a:hover, div#todotemplates_navigation li#write a:hover	{ background-position: -714px -37px; }
div#todos_navigation li#file a, div#todoitems_navigation li#file a, div#todotemplates_navigation li#file a 		{ background-position: -796px 0; left: 794px; width: 93px;}
div#todos_navigation li#file a:hover, div#todoitems_navigation li#file a:hover, div#todotemplates_navigation li#file a:hover	{ background-position: -796px -37px; }
div#todos_navigation li#time a,div#todoitems_navigation li#time a,div#todotemplates_navigation li#time a 		{ background-position: -889px 0; left: 887px; width: 91px;}
div#todos_navigation li#time a:hover, div#todoitems_navigation li#time a:hover, div#todotemplates_navigation li#time a:hover	{ background-position: -889px -37px; }





/*settings for calander page*/

div#events_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#events_navigation li#log a:hover		{ background-position: 0 -37px; }
div#events_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#events_navigation li#over a:hover		{ background-position: -85px -37px; }
div#events_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#events_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#events_navigation li#cal a 			{ background-position: -295px -74px; left: 293px; width: 112px;}
div#events_navigation li#cal a:hover		{ background-position: -295px -74px; }
div#events_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#events_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#events_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#events_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#events_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#events_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#events_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#events_navigation li#write a:hover	{ background-position: -714px -37px; }
div#events_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#events_navigation li#file a:hover	{ background-position: -796px -37px; }
div#events_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#events_navigation li#time a:hover	{ background-position: -889px -37px; }




/*settings for messages page*/


div#messages_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#messages_navigation li#log a:hover		{ background-position: 0 -37px; }
div#messages_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#messages_navigation li#over a:hover		{ background-position: -85px -37px; }
div#messages_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#messages_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#messages_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#messages_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#messages_navigation li#mes a			{ background-position: -407px -74px; left: 405px; width: 106px;}
div#messages_navigation li#mes a:hover		{ background-position: -407px -74px; }
div#messages_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#messages_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#messages_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#messages_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#messages_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#messages_navigation li#write a:hover	{ background-position: -714px -37px; }
div#messages_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#messages_navigation li#file a:hover	{ background-position: -796px -37px; }
div#messages_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#messages_navigation li#time a:hover	{ background-position: -889px -37px; }



/*settings for chatting page*/

div#chat_rooms_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#chat_rooms_navigation li#log a:hover		{ background-position: 0 -37px; }
div#chat_rooms_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#chat_rooms_navigation li#over a:hover		{ background-position: -85px -37px; }
div#chat_rooms_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#chat_rooms_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#chat_rooms_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#chat_rooms_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#chat_rooms_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#chat_rooms_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#chat_rooms_navigation li#chat a 			{ background-position: -511px -74px; left: 509px; width: 104px;}
div#chat_rooms_navigation li#chat a:hover	{ background-position: -511px -74px; }
div#chat_rooms_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#chat_rooms_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#chat_rooms_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#chat_rooms_navigation li#write a:hover	{ background-position: -714px -37px; }
div#chat_rooms_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#chat_rooms_navigation li#file a:hover	{ background-position: -796px -37px; }
div#chat_rooms_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#chat_rooms_navigation li#time a:hover	{ background-position: -889px -37px; }




/*settings for contact page*/

div#contacts_navigation li#log a, div#companies_navigation li#log a 		{ background-position: 0 0px; width: 82px; left: 2px; }
div#contacts_navigation li#log a:hover, div#companies_navigation li#log a:hover		{ background-position: 0 -37px; }
div#contacts_navigation li#over a, div#companies_navigation li#over a			{ background-position: -85px 0px; left: 84px; width: 110px;}
div#contacts_navigation li#over a:hover, div#companies_navigation li#over a:hover		{ background-position: -85px -37px; }
div#contacts_navigation li#todo a, div#companies_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#contacts_navigation li#todo a:hover, div#companies_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#contacts_navigation li#cal a , div#companies_navigation	li#cal a			{ background-position: -295px 0; left: 293px; width: 112px;}
div#contacts_navigation li#cal a:hover, div#companies_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#contacts_navigation li#mes a, div#companies_navigation 	li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#contacts_navigation li#mes a:hover, div#companies_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#contacts_navigation li#chat a, div#companies_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#contacts_navigation li#chat a:hover, div#companies_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#contacts_navigation li#cont a, div#companies_navigation li#cont a 			{ background-position: -615px -74px; left: 613px; width: 99px;}
div#contacts_navigation li#cont a:hover, div#companies_navigation li#cont a:hover	{ background-position: -615px -74px; }
div#contacts_navigation li#write a, div#companies_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#contacts_navigation li#write a:hover, div#companies_navigation li#write a:hover	{ background-position: -714px -37px; }
div#contacts_navigation li#file a, div#companies_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#contacts_navigation li#file a:hover, div#companies_navigation li#file a:hover	{ background-position: -796px -37px; }
div#contacts_navigation li#time a, div#companies_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#contacts_navigation li#time a:hover, div#companies_navigation li#time a:hover	{ background-position: -889px -37px; }


/*settings for write page*/

div#writepads_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#writepads_navigation li#log a:hover		{ background-position: 0 -37px; }
div#writepads_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#writepads_navigation li#over a:hover		{ background-position: -85px -37px; }
div#writepads_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#writepads_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#writepads_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#writepads_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#writepads_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#writepads_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#writepads_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#writepads_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#writepads_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#writepads_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#writepads_navigation li#write a 		{ background-position: -714px -74px; left: 712px; width: 83px;}
div#writepads_navigation li#write a:hover	{ background-position: -714px -74px; }
div#writepads_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#writepads_navigation li#file a:hover	{ background-position: -796px -37px; }
div#writepads_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#writepads_navigation li#time a:hover	{ background-position: -889px -37px; }


/*settings for file page*/


div#files_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#files_navigation li#log a:hover		{ background-position: 0 -37px; }
div#files_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#files_navigation li#over a:hover		{ background-position: -85px -37px; }
div#files_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#files_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#files_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#files_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#files_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#files_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#files_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#files_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#files_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#files_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#files_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#files_navigation li#write a:hover	{ background-position: -714px -37px; }
div#files_navigation li#file a		{ background-position: -796px -74px; left: 794px; width: 93px;}
div#files_navigation li#file a:hover	{ background-position: -796px -74px; }
div#files_navigation li#time a		{ background-position: -889px 0; left: 887px; width: 91px;}
div#files_navigation li#time a:hover	{ background-position: -889px -37px; }


/*settings for time page*/

div#timetrackings_navigation li#log a		{ background-position: 0 0px; width: 82px; left: 2px; }
div#timetrackings_navigation li#log a:hover		{ background-position: 0 -37px; }
div#timetrackings_navigation li#over a		{ background-position: -85px 0px; left: 84px; width: 110px;}
div#timetrackings_navigation li#over a:hover		{ background-position: -85px -37px; }
div#timetrackings_navigation li#todo a  			{ background-position: -196px 0px; left: 194px; width: 100px;}
div#timetrackings_navigation li#todo a:hover		{ background-position: -196px -37px; }
div#timetrackings_navigation li#cal a 			{ background-position: -295px 0; left: 293px; width: 112px;}
div#timetrackings_navigation li#cal a:hover		{ background-position: -295px -37px; }
div#timetrackings_navigation li#mes a			{ background-position: -407px 0; left: 405px; width: 106px;}
div#timetrackings_navigation li#mes a:hover		{ background-position: -407px -37px; }
div#timetrackings_navigation li#chat a 			{ background-position: -511px 0; left: 509px; width: 104px;}
div#timetrackings_navigation li#chat a:hover	{ background-position: -511px -37px; }
div#timetrackings_navigation li#cont a 			{ background-position: -615px 0; left: 613px; width: 99px;}
div#timetrackings_navigation li#cont a:hover	{ background-position: -615px -37px; }
div#timetrackings_navigation li#write a 		{ background-position: -714px 0; left: 712px; width: 83px;}
div#timetrackings_navigation li#write a:hover	{ background-position: -714px -37px; }
div#timetrackings_navigation li#file a		{ background-position: -796px 0; left: 794px; width: 93px;}
div#timetrackings_navigation li#file a:hover	{ background-position: -796px -37px; }
div#timetrackings_navigation li#time a		{ background-position: -889px -74px; left: 887px; width: 91px;}
div#timetrackings_navigation li#time a:hover	{ background-position: -889px -74px; }




/* ########################################Clutterpad Navigation End ###################################### */

/* ########################################Clutterpad Overview page new ###################################### */
 /*@charset "utf-8";*/
/* CSS Document */

/*---------------------------Genrael Clases---------------------------------------*/

.GlanceBox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.GlanceBox .innerbox *{
	margin:0px;
	
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr {
	clear:both;
}


img {
	border:0px;
}
/*---------------------------Layout Content Clases---------------------------------*/


#overview {
	background:url(/images/clutterpad/overview_images/overview-icon.gif) no-repeat left top;
}
.NewProject {
	position:absolute;
	right:25px;
	top:20px;
}
.GlanceBox {
	background: url(/images/clutterpad/overview_images/GlancBg.gif) repeat-y;
	margin-bottom:10px;
        position:relative;
}
.GlanceBox h3 {
	font-size:18px;
	color:#999999;
	background:url(/images/clutterpad/overview_images/GlancTop.gif) top left no-repeat;
	color:#064D6F;
    font-size:18px;
    font-weight:normal;
    height:40px;
    line-height:40px;
    padding-left:8px;
}
.GlanceBox .GlanceBoxBody {
	background:url(/images/clutterpad/overview_images/GlancBottom.gif) no-repeat bottom left;
	padding-left:10px;
	padding-top:7px;
	color:#010101;
	padding-bottom:10px;
}
.GlanceBoxBody .innerbox {
	float:left;
	width:205px;
}
.GlanceBox .IconThum {
	float:left;
	width:40px;
	padding-top:3px;
}
.GlanceBox .InnerDetail {
	float:left;
	width:155px;
}
.GlanceBox .InnerDetail li {
	line-height:18px;
}
.GlanceBox .InnerDetail .event li {
	line-height:16px;
}
.GlanceBox .InnerDetail .event li .bulit {
	background:url(/images/clutterpad/overview_images/red-dot.gif) no-repeat left 5px;
	font-size:11px;
	padding-left:10px;
}
.GlanceBox .InnerDetail .event li a{
	color:#000000;
}
.GlanceBox .setttingbox {
	position:absolute;
	right:25px;
	top:10px;
        color:#000;
        font-weight:bold;
}
.red {
	color:#FF0000;
}

.green {
	color:green;
}

.spacebox {
	border:#7F7F7F solid 1px;
	height:18px;
	margin:5px 0 7px;
}

.spacebox div {
	background:#C4F26C;
	height:18px;
}

.GlanceBox .last {
	width:290px;
	float:left;
}

.OverViewBox {
	background: url(/images/clutterpad/overview_images/OverviewBoxBG.gif) repeat-y left top;
	width:466px;
	float:left;
	margin-bottom:5px;
        margin-right:3px;
        max-height:300px;
        min-height300px;
      
}

.OverViewOuter div.last {
	float:right;
}

.OverViewBox .OverViewTop {
	display:block;
	background:url(/images/clutterpad/overview_images/OverviewBoxTop.gif) no-repeat left top;
	height:58px;
	position:relative;
	padding:0 8px;
}

.OverViewBox .OverViewTop h3 a,.GlanceBox h3 a{
	font-size:17px;
	color:#000000;
	display:block;
       
}

.OverViewBox .OverViewTop h3 a:hover, .GlanceBox h3 a:hover{
    color:#0084B4;
    text-decoration:none !important;
}

.OverViewBox .OverViewBody {
	background:url(/images/clutterpad/overview_images/OverviewBoxBottom.gif) no-repeat left bottom;
	padding:5px;
        padding-right:18px;
        min-height:230px;
}

.OverViewBox h3 {
	font-size:18px;
	color:#9B9693;
	padding-top:5px;
	font-weight:normal;
	margin-bottom:4px;
}
.OverNav {
	height:22px;
	overflow:hidden;
}
.OverNav li {
	background: url(/images/clutterpad/overview_images/overboxNavLeft.gif) no-repeat left top;
	height:20px;
	float:left;
	margin-right:5px;
}
.OverNav li a {
	float:left;
	height:15px;
	line-height:15px;
	font-size:10px;
	color:#E1EBED;
	background:url(/images/clutterpad/overview_images/overboxNavRight.gif) no-repeat right top;
	padding:0 5px;
	text-transform:lowercase;
}
.OverViewBox .setttingbox {
	position:absolute;
	right:20px;
	top:8px;
}
.OverViewBox .setttingbox a {
	margin-left:5px;
}
.OverViewBox .OverViewBody .fr {
	color:#000000;
}
.stautsThum {
	width:67px;
	float:left;
}

.summery li {
	border-bottom:#EFEFEF solid 1px;
	margin-bottom:5px;
	padding-bottom:4px;
	_padding-bottom:2px;
}

.SumeryDetail {
	float:left;
	width:370px;
	font-family:"Lucida Sans";
	color:#9C9E93;
	font-size:10px;
}

.SumeryDetail h4 {
	font-size:12px;
	color:#000000;
	margin-bottom:5px;
	letter-spacing:-0px;
}

.OverViewBox .more {
	text-align:right;
	margin:5px 0px;
	padding-top:5px;
}

.minor-notification {
    background-color:#FFFFCC;
    border-color:#EEEEBB;
    border-style:solid none;
    border-width:1px 0;
    height:30px;
    /*padding:0.5em 1em;*/
    width:100%;
}
div.overview_updates{
   display:none;
}

a#overview_updates:hover {
 text-decoration:none;
}
a#overview_updates {
    color:#333333;
    display:block;
    margin:0em 0;
}
/* ########################################Clutterpad Plan upgrade ########################################### */



#box_container {
	width: 928px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(/images/clutterpad/rate_boxes.png);
	background-repeat: no-repeat;
	padding: 5px;
	/*height: 1150px;*/

}
#box {
	height: 308px;
	width: 320px;
	margin-left: 25px;
	float: left;
}
#upgrade_box {
	width: 200px;
	margin-left: 5px;
	float: left;
	padding-top: 143px;
	padding-right: 18px;
	height: 49px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: #333333 1px 1px 2px;
}
#upgrade_box div{
    cursor:pointer;
    width:100%;
    height:70%;
    margin-top:-6px;
    padding-top:6px;
    text-align:center;
}
#upgrade_box a{
    text-align:center;
    text-decoration:none;

}
#new_box {
	height: 308px;
	width: 320px;
	margin-left: 18px;
	float: left;
}

#box_heading {
	width: 100%;
	float: left;
	margin-top: 5px;
	height: 63px;
}
#box_heading #right {
	width: 42%;
	float: left;
	height: 40px;
	padding-top: 20px;
	padding-left: 10px;
	text-align: center;
}
#box_heading #left {
	width: 50%;
	float: left;
	height: 52px;
	padding-left: 10px;
	padding-top: 8px;

}

#box_heading_body {
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 22px;

}

.yellow_text {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFCC00;
	text-shadow: #333333 1px 1px 2px;

}
.white_text {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: #333333 1px 1px 2px;
}
#plans {
	width:900px;
	
	margin-left: 15px;
	float: left;
	margin-top: 50px;


}
#plans *, #box_heading_body *, .tophead_blue_inner *, #tophead_blue .invoicess_header *{
    text-align: center !important;
}
#plans #rightside{

	width: 725px;
	float: right;

}

#rightside #top{
	height: 55px;
	width: 725px;
	float: left;
	background-image: url(/images/clutterpad/rightside_plans.png);
	background-repeat: no-repeat;



}
#plans #leftside{
	height: 55px;
	width: 175px;
	float: left;



}
#plans #leftside_rates{
	height: 354px;
	width: 175px;
	float: left;
	background-image: url(/images/clutterpad/leftside_plans.png);
	background-repeat: repeat;

}
#plans .rightside_rates{
	width: 727px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;

}





#leftside_rates ul {
	float: none;
	margin-top: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: center;
	padding-left: 0px;
}



#leftside_rates li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	color: #154c84;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #292929;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 8px;
    height:42px;
}
#leftside_rates a, #leftside_rates a:visited {
	color: #154c84;
	font-size:1em;
	font-weight:normal;
}

#leftside_rates a:hover {
	color: #330000;
	font-size:1em;
	font-weight:normal;
	text-decoration:underline;
}


.white20, .white20 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.yellow20{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FEC015;
	font-weight: bold;
}
.ywhite14{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}


.rightside_rates .innerbox{
	float: left;
	text-align: center;
	width:119.9px;
	height:40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EBEBEB;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 18px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}


.black14bold{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

#prices{
	clear: both;
	margin-right: 15px;
	width: 900px;
	padding-top: 45px;
	margin-left: auto;
}
#prices #tophead{
	background-image: url(/images/clutterpad/prices_top.png);
	height: 40px;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}
img{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#tophead_blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.tophead_blue_inner{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}
.yellow16{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DC9F01;
	font-weight: bold;
}


.yellow12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}
#bottom_heading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

#price_container{
	border: 1px solid #E1E1E1;
	padding-right: 5px;
	padding-left: 5px;
}
.white12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}



.project_optiongroup{
    color:#000000;
    /*background-color:#FFFFCC;*/
}
.roundcorner{
     -moz-border-radius:0.8em;
     -webkit-border-radius:0.8em;
     -opera-border-radius:0.8em;
     -khtml-border-radius:0.8em;
}
table.plan_upgrade {
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
table.plan_upgrade tr.info td {
padding:4px 3px;
text-align:left;
}
table.plan_upgrade tr.heading {
   background:#D8DCDF;
   /* background:#EFF3FE; */
   color:#000;
   font-weight:bold;
   border-top:1px solid #EFEFEF;
    
}
table.plan_upgrade tr.currentplan {
   background:#F1F2F6;
 }
 
table.plan_upgrade tr.heading td {
border-bottom:1px solid #EFEFEF;
padding:4px 3px;
vertical-align:top;
color:#000;
font-weight:bold;
text-align:center;
}

table.plan_upgrade td {
border-bottom:1px solid #EFEFEF;
padding:9px 9px;
vertical-align:top;
text-align:center;
}
table.plan_upgrade tr.upgradeable td {
    color:green;
    font-weight:bold;
} 
table.plan_upgrade tr.currentplan td {
    color:black;
    font-weight:bold;
}   
table.plan_upgrade tr.downgradeplan td {
    color:#660000;
    
}  
table.plan_upgrade td.plan {
    padding-left:3px;
    border-bottom:1px solid #EFEFEF;
    padding-top:6px;
    width:15%;
}
table.plan_upgrade td.planbg{
    background:#EFEFEF;
    width:15%;
}
table.plan_upgrade td.plan span.name {
    font-size:12px;
    font-weight:bold;
}
table.plan_upgrade td.Detail{
    color:#000000;
    font-size:12px;
    width:20%;
    
   
}




/* ########################################Clutterpad Overview page new ###################################### */

.curved {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    
}
.curved2 {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    
}
div.project_log {
    float:left;
    width:48.5%;
    margin-top:10px;
    margin-bottom:5px;
    margin-right:4px;
    max-height:280px;
    background-color:#B3B3B3;
    border-right:2px solid #E0E0E0;
    border-bottom:2px solid #E0E0E0;
   
   
  }
div.project_log .title-block{
     background-color:#EDF3FE; padding:0; margin:2px; position:relative;
     margin-top:-10px;
     margin-left:-1px;
     -moz-border-radius-bottomleft:10px;
     -moz-border-radius-bottomright:10px;
}
div.project_log .title-bar{
    position:relative;
    
}
div.project_log .title-block div.project-block{
      background-color:#ffffff; padding:0; margin:1px;margin-right:3px; position:relative;
      min-height:260px;
      max-height:260px;
}
div.project_log .title-block div.project-block div.project-block-header {
      background-color:#EDF3FE; 
      padding:0;
      margin-top:-3px;
      position:relative;
      border-bottom:1px solid #EFEFEF;
      padding:5px;
     
}
div.project_log .title-block div.project-block div.project-block-header .rounded-container-content{
      font-size:9px !important;
      margin:0px;
      padding:0px;
      font-weight:normal !important;
     
}
div.project_log .title-block div.project-block table.projectlogs {
       font-weight:normal !important;
     
}
div.project_log .title-block div.project-block table.projectlogs td.date{
     vertical-align:bottom !important;
}
.project_title{
    color:#999999;
    font-size:18px;
}


div.project_log .title-block div.project-block table.project-block-content{
      background-color:#f; padding:0; margin:0px; position:relative;
 }
div.project_log .title-block .curv-bot-right {
    background:transparent url(/images/clutterpad/white_curv_br.png) no-repeat scroll right top;
    height:2px;
    position:relative;
}
/* ########################################End################################################################ */



a.imagelink:link, a.imagelink:visited, a.imagelink:hover {
    background:transparent none repeat scroll 0 0;
    padding:0;
}
div.add_new_button img, div.add_new_button img {
  
}
a.imagelink img {
    border:medium none;
    margin:0;
    padding:0;
}


div.clutterpad_javascript_disabled {
    margin-top:35px;
    width:100%;
    background:#FFFFCC none repeat scroll 0 0;
}
div.clutterpad_javascript_disabled div.content {
  padding:15px;
  text-align:left;
}
.title-bar-links a:hover{
    text-decoration:underline;
}

.name-header{
	clear:left;
	margin-top:12px;
        margin-left:0px;
        
  }
 .name-header {
 	 background:transparent url(/images/clutterpad/main-header-bg.gif) repeat-x scroll 0 0.5em;
 }
.name-header h2{
        display:inline;
	letter-spacing:-0.03em;
	line-height:0;
	margin:0 0 6px 0px;
	padding:0 0px;
}
.name-header h2 span a {
  font-size:17px; /*14*/
	font-weight:bold;
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	display:inline;
	letter-spacing:-0.03em;
	line-height:0.7;
        text-decoration:none;
}
.name-header h2 span a:hover{
    color:#0084B4;
}
.actionspan a{
    text-decoration:none;
}
span.more {
    font-size:85%;
    padding:1px 6px;
    background:#D6E7BC none repeat scroll 0 0;
    color:#254411;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
}
.projectsettingbutton {
      background:#D6E7BC none repeat scroll 0 0;
 }
.projectsetting {
      background:#0084B4 none repeat scroll 0 0;
 }
 .topnoticebar {
      background:#FFFDD0 none repeat scroll 0 0;
 }
 .topnoticebarcolor {
      margin:0px;
      background:#FFFDD0 none repeat scroll 0 0;
      color:#000000;
 } 
.topnoticebarcornercolor{
     background:#F1F2F6 none repeat scroll 0 0;
}
.projectlinkbuttons {
      margin:0px;
      background:#0084B4 none repeat scroll 0 0;
      color:#ffffff;
 } 
.projectlinkbuttonmargin{
    margin-left:0px;
    margin-right:3px;
    
}
.projectlinkbuttonmargin a{
    text-decoration:none;
}

.projectlogsdate {
      background:orange none repeat scroll 0 0;
 }
.projectdatebuttons {
      margin:0px;
      background:orange none repeat scroll 0 0;
      color:#ffffff;
 } 
.projectdatebuttonmargin{
    margin-left:3px;
    margin-right:3px;
    
}
.projectdatebuttonmargin a{
    text-decoration:none;
}
/*.colorblack{*/
    /*color:#0084B4;   *//**//*484848*/
    /*font-weight:bold;*/
    /*font-size:11px;*/
    /*padding:1px 0 0;*/
    /*text-decoration:none;*/
/*}*/
/*a.colorblack{*/
   /*text-decoration:none;*/
/*}*/
/*a.colorblack:hover{*/
   /*text-decoration:underline !important;*/
/*}*/
h1 {
    color:inherit;
   
}
h2 {
    color:inherit;
    padding:0;
    margin:0px;
}

h3 {
    color:inherit;
    font-size:14px;
    margin:20px 0 0;
    padding:0;
}
span.edit{
    /*position:absolute;*/
    right:0;
    margin-right:4px;
 }
.clear {
 clear:both;
}
/* ########################################### Writepad View ################################################# */

/* ########################################### Formating Guide ################################################# */
div.formattingguide table {
  margin: 0px 0 5px 0;
  background: #fff;
  width:96%;
}

div.formattingguide table th {
  text-align: left;
  border: 1px solid #ddd;
  padding: 5px;
  font-weight: normal;
  background: #666;
  color: #fff;
}

div.formattingguide table td {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  padding: 5px 8px;
  border: 1px solid #efefef;
  font-size: 13px;
 
}



div.formattingguide table td blockquote {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 3px;
  margin-bottom: 3px;
}

/*
div.formattingguide table td h1 {
  font-size: 120%;
}

div.formattingguide table td h2 {
  font-size: 100%;
}

div.formattingguide table td h3 {
  font-size: 100%;
}

*/
/*                        Fromating guide End ############################################### */

del.diffdel,del.diffmod {
     color: #999999;
     text-decoration: line-through;
     margin:3px;  
     padding:2px;
     line-height:1.7em;
}

ins.diffmod, ins.diffins {
     color:black;
     background-color: #FFFFCC;
     text-decoration: none;
     margin-left:3px;
     margin-right:3px;
     margin:3px;  
     padding:2px;
     line-height:1.7em;
}
div.notexttransformation hr, div.notexttransformation p.hr {   
    color:#FFFFF; display:block; height:1px; background:#CCCCCC none repeat scroll 0 0; border:medium none;
}
.writepadadded{
  color:black;
  background-color: #FFFFCC;   
  margin:3px;  
  padding:2px;        
}
.writepaddeleted{
    color:#999999;
    line-height:1.7em;
    margin:3px;
    padding:2px;
    text-decoration:line-through;

}
div.revert_viewing_version {
    font-size:12px;
    margin-bottom:5px;
    background:#FFFFCC;
    border-top:1px solid #DDDDDD;
}
table.writepadversionhistory {
    border-collapse:collapse;
    margin-bottom:5px;
}
table.writepadversionhistory td {
    color:#000000;
    font-size:14px !important;
    font-weight:normal;
    padding:8px 3px 8px 3px;
    vertical-align: top;
}

table.writepadversionhistory tr.current td.version {
  color:#996699;
}
table.writepadversionhistory tr.versionchecked td {
    background-color:#F1F2F6 !important;
    border-bottom:1px solid #dddddd !important;
    border-top:1px solid #dddddd !important;
    padding-bottom:1px;
    padding-top:1px;
}
table.writepadversionhistory tr.versioncheckednew td {
    background-color: #F1F2F6 !important;   
    border-bottom:1px solid #dddddd !important;
    border-top:1px solid #dddddd !important;
    padding-bottom:1px;
    padding-top:1px;
}
table.writepadversionhistory tr.current td, table.writepadversionhistory tr.nocurrent td {

    border-bottom:1px solid #dddddd;
    border-top:1px solid #dddddd;
   
}
table.writepadversionhistory tr.current td{
     background-color:#FFFFCC;
}
table.writepadversionhistory td.starred {
  padding-left:2px;
  width: 7%;
  text-align: center;
    font-size: 16px !important;
}
table.writepadversionhistory td.versionlinks input{
    margin-right: 3px;
}
table.writepadversionhistory td.versionlinks {
    font-size:10px;
    padding-left:0;
    padding-right:3px;
}

    table.writepad_view {
      border-collapse:collapse;
      margin-bottom:10px;
      width:100%;
    }
   table.writepad_view td.message {
       /* padding-right:15px; */
        width:70%;
    }
    table.writepad_view td {
        border-bottom:1px solid #EEEEEE;
        color:#000000;
        font-size:14px;
        line-height:1.1em;
        padding:7px 7px 7px 0;
        vertical-align:top;
    }
    table.writepad_view td.message a {
     position:relative;
     text-decoration:none;
    }
    table.writepad_view td.message a span.comments {
        display:block;
        left:-55px;
        position:absolute;
        text-align:right;
        top:4px;
        width:50px;
    }
   table.writepad_view td.message  span.comments span.icon, table.writepad_view td.message span.comments span.icon {
       background-image:url(/images/clutterpad/comments.gif);
       background-repeat:no-repeat;
    }
/* ########################################### Message Preiview ############################################## */
 .sorts {
     margin-left:475px;
     padding:1px 0 0;
     font-size:85%;
     height:22px;
     line-height:22px;
}    
.sorts a {
        display:block;
        float:left;
        font-weight:bold;
        height:22px; 
        color:#484848;
        margin-right:1.3em;
        text-decoration:none;
 }
.sorts strong {
    color:#F7F5ED;
    display:block !important;
    float:left;
    margin-right:1.3em; 
    background:#484848 url(/images/clutterpad/clutterpad-active-back.gif) no-repeat scroll left top !important;
    padding:0 0 0 8px;
}
.sorts strong span {
    padding:0 8px 0 0;
    display:block;
    height:22px;
    background:#484848 url(/images/clutterpad/clutterpad-active-back.gif) no-repeat scroll right top !important;
    margin:0;
    
}
.message_border_bottom ul, .message_border_bottom  ul li {
 border:0 none;
 list-style:disc;
 margin:0;
 
}

.message_border_bottom{
  border-bottom:1px solid #EEEEEE;
  margin-top:5px;
}

table.message_view {
  border-collapse:collapse;
  margin-bottom:10px;
  width:100%;
}
table.message_view td.message {
   /* padding-right:15px; */
    width:70%;
}
table.message_view td {
    /*border-bottom:1px solid #EEEEEE;*/
    color:#000000;
    font-size:14px;
    line-height:1.1em;
    padding:7px 7px 7px 0;
    vertical-align:top;
}
table.message_view td.message a {
 position:relative;
 text-decoration:none;
}
table.message_view td.message a span.comments {
    display:block;
    left:-55px;
    position:absolute;
    text-align:right;
    top:4px;
    width:50px;
}
table.message_view td.message  span.comments span.icon, table.message_view td.message span.comments span.icon {
   background-image:url(/images/clutterpad/comments.gif);
   background-repeat:no-repeat;
}
table.message_view td.message span.comments span.icon {
    display:block;
    float:right;
    height:21px;
    width:24px;
}
table.message_view td.message span.comments span.size {
    display:block;
    float:right;
    height:21px;
   
}
table.message_view td.message a span.title {
    line-height:1.3em;
    padding:1px 0;
    text-decoration:underline;
}
table.message_view td span.meta {
    color:#999999;
    font-size:11px;
}
.meta {
    color:#999999;
    font-size:11px;
}
table.message_view td.last_comment {
    color:#999999;
    font-size:12px;
    text-align:right;
    width:29%;
}
 #preview {
  margin-bottom:8px;
}
 #preview {
    padding:0;
    border:2px solid #4870AD;
}
#preview div.preview_header h2, #preview div.preview_header h2 {
    border:medium none;
    color:#000000;
    margin:0;
    background:#C3D2E6 none repeat scroll 0 0;
    padding:5px 10px;
}

#preview #preview_content{
  padding:8px 18px 8px 8px;
}
h1#preview_title{
  margin:0 0 15px;
  color:#000000;
}
#preview #preview_buttons {
 padding:5px 10px;
 background:#FFFFCC none repeat scroll 0 0;
 margin:0;
 text-align:left;
}

/*
  ############################################################################################################3
*/
.logslistdate h1{
    font-size:2em;
    font-weight:bold;
    text-align:center;
    margin:0;
    padding:0;
}
.logsnavigation{
    font-size:15px;
    text-align:center;
}
div#notificationSignup p.notify,options_panel h1 {
background:#FFFFCC none repeat scroll 0 0;
margin-left:-4px;
padding:4px;
}
#chat_room{
   width:100%; 
   height:350px;
   background-color: #FFFFFF;
   border:0px dashed #F1F2F6;
   overflow-y:auto;
   padding-bottom:5px;
   padding-top:5px; 
   padding-right:10px;
}
#chat_input{
    height: 50px;
    background:#FFFFFF none repeat scroll 0 0;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0;
    margin-top:5px;
    margin-right:5px;
    outline-width:0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width:580px;
}
label.chatroom_file {
    background:transparent url(/images/clutterpad/sendfile.gif) no-repeat scroll 0 0;
    cursor:pointer;
    display:block;
    height:25px;
    overflow:hidden;
    width:97px;
 }
 label.chatroom_file input.file {
    height:100%;
    opacity:0;
    position:relative;
    width:auto;
   }
.chatroomname{
   text-align:center; 
}
.chatroomname h2 {
   text-align:center; 
   color:#707070;
   margin-top:10px;
   margin-bottom:5px;
   font-size:25px;
   font-weight:normal;
}
.chatroomname h2 a{
   text-align:center; 
   margin-top:5px;
   margin-bottom:10px;
   font-size:25px;
   font-weight:normal;
   width:100%;
}
.roomlogsdate{
    margin-left:5px;
    margin-right:5px;
    color:#BEBEBE;
    font-size:12px;
}
.chat_rooms{
   width:100%; 
  padding:0px;
 
}
.send_file{
    background-attachment:scroll;
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    margin-top:0px;
 }

.send_file_form {
    border-bottom:1px solid #EFEFEF;
    margin-bottom:5px;
    padding-bottom:5px !important;
    padding-left:4px;
    padding-right:4px;
    padding-top:5px !important;
    width:97%;
}
.room_date{
  background-color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  color:#BEBEBE;
  margin-bottom:5px;
}

/* ////////////////// Room List ////////////////////////////////*/
    .room_list {
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px; 
                background-image:none;
                background-color:#F8F8F8;
                border: 1px solid #E7E7EF;
                background-position:0 0;
                background-repeat:repeat;
                margin-bottom:10px;  
                margin-left:10px;
                margin-right:10px; 
                min-height:250px;
                max-height:250px;
                padding:5px 5px 5px 10px;
                font-size:11px;
                float:left;
                width:27%;
               
        } 
       .room_list div{
          text-align:center;
       }
       .room_list div.roomname h2{
          text-align:center;
       }
       .room_list div.roomname h2 a{
          text-align:center;
          font-size:13px;
          width:100%;
          text-transform:capitalize;
       }
        .room_list div.roomdesc,div.roomusers{
          font-size:11px;
          color:#3C3C3C;
          padding:4px;
       }
        .room_list div.roomusers{
           color:#B6B4B7;
        }
        .room_list div.roomdesc{
          cursor:text;
        }
      .room_list div.roomaction  {
          padding:2px;
       }
       .room_list div.roomaction .action{
          margin:3px;
       }
       .room_list div.roomaction .action img{
          margin-right:2px;
       }
       .room_list div.roomlistimage{
          margin-top:5px;
       }
/* /////////////////////end ///////////////////////////////////////*/
.room_messages {
    background-image:none;
    background-position:0 0;
    background-repeat:repeat;
    margin-bottom:0px;  
    margin-left:2px;
    margin-right:2px; 
    padding:5px 5px 5px 10px;
    font-size:11px;
    
 }
 .room_messages table.room_message{
    margin-bottom:0px;  
    padding-top:0px;
    padding-bottom:3px;
    width:100%;
   
 }
 .room_messages table.room_message td.borderbottom{
     border-bottom: 1px dotted #B6B4B7;
     border-collapse:collapse;
     border-spacing:inherit;
 }
 .room_messages table.room_message td.username{
    font-weight:bold;
    width:70px;
    vertical-align:top;
    margin-top:5px;
 }
 .room_messages table.room_message td.message{
    border-bottom: 1px dotted #B6B4B7;
    padding-bottom:10px;
 }
.room_messages table.room_message td.message div.system {
    color:#B6B4B7;
    font-style:italic;
 }
.room_messages table.room_message td.message div.system span.systemuser{
    color:#000000;
    font-style:bold;
 }
.room_messages table.room_message td.message_date{
    border-bottom: 1px dotted #B6B4B7; 
    width:65px;
    font-size:10px;
    color:#B6B4B7;
    vertical-align:top;
 }
 .room_current_users_messages{
  background-color:#FBFCEE;
  border: 1px solid #F0EEE1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.room_other_users_messages{
  background-color:#F0F1F6;
  border: 1px solid #E7E7EF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.roomlogs_date_list {
  width:16%;
  float:left;
  text-align:center;
  border-right:1px dotted #EAEAEA;
  margin-right:0px; 
  margin-top:15px;
  min-height:150px;
  padding:0;
}
.roomlogs_date_list .roomlogs_date_list_header{
  background:#F0F0F0;  
  text-align:center;
  margin-bottom:5px;
  margin-top:-5px;
  margin-right:3px;  
  margin-left:3px; 
  font-weight:bold;
  width:95%;
  font-size:12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
 }
 .roomlogs_date_list .date{
    text-align:center;
 }
 .roomlogs_date_list .date a{
  
 }
.connected_users{
    border-top:1px dotted gray;
    margin-top:4px;
    padding-top:4px;
    font-weight:bold;
    color:#000000;
}

.chat_room{
   width:48%; 
   overflow:hidden;
   border-top: 2px solid black;
   float:left;
   margin:6px;
   min-height:150px;
   
   
}

.roomheader{
  font-size:18px;
 font-weight:bold;        
}
table.chats {
    font-size:11px;
    margin-bottom:1px;
}
table.chats tr.leave_message td{
   background-color:#D9E7FB;
}
table.chats td {
border-bottom:0px solid #EFEFEF;
border-left:0px solid #DCDCDC;
padding:3px;
color:#000000;
}
table.chats tr.you td {
  background-color:#FFFFCC !important;
}
table.chats tr.chat_date_row td {
  background-color:#FFFFFF;
  font-weight:bold;
  text-align:center;
}
table.chats tr.join_room td, table.chats tr.enter_message td, table.chats tr.kick_message td {
   background-color:#D9E7FB;
}
table.chats td.person {
    background-color:#FFFFFF;
    border-left:medium none;
    font-weight:bold;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
    width:1%;
}
table.chats td.timedate {
    border-left:medium none;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
    width:1%;
}
.chatsimgicons{
  width:60px;
  height:60px;        
  border:none;
}
.sounds {
height:15px;
width:18px;
margin-bottom:5px;
}
/* //////////////////////////////////////////////////////  */
#scrollbar_container {
	/*position:relative;*/
	width:100%;
}

#scrollbar_track {
	/*position:absolute;*/
	top:0;
	right:0;
	height:100%;
	width:10px;
	background-color:transparent;
	cursor:move;
}

#scrollbar_handle {
	width:10px;
	background-color:#5c92e7;
	cursor:move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
        -moz-opacity:0.9;
        z-index:100;
}

#scrollbar_content {
	overflow:hidden;
	width:485px;
	height:250px;
}
/*////////////////////////////////////////////////////////////////////////////*/

 div.conactpanel {
        background:#FFFFFF none repeat scroll 0 0;
        border-bottom:1px solid #BBBBBB;
        border-right:1px solid #CCCCCC;
        clear:left;
        margin-bottom:8px;
        overflow:hidden;
     }
    div.conactpanel div.inner {
        padding:6px 8px 11px 10px;
      }
      .contact_info div.contact_methods {
      }
      .contact_info table {
          margin-bottom:6px;
        }
        div.conactpanel h1, div.inner h1 {
            color:#333333;
            font-size:12px;
            background:transparent none repeat scroll 0 0;
            border:medium none;
            font-weight:bold;
            margin:0;
            padding:1 1 8px;
       }
       .Right h1 span.edit {
            color:#999999;
            float:right;
            font-size:11px;
            text-align:right;
            width:85px;
      }
/* //////////////////////////////////////////////////File panel ///////////  */
 .contextMenu {
	position: absolute;
	width: 145px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 3px;
	padding-left: 28px;
    font-size:11px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons

	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/
.contextMenu LI.open A { background-image: url(/images/clutterpad/open.png); }
.contextMenu LI.edit A { background-image: url(/images/clutterpad/page_white_edit.png); }
.contextMenu LI.download A { background-image: url(/images/clutterpad/save.png); }
.contextMenu LI.copy A { background-image: url(/images/clutterpad/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(/images/clutterpad/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(/images/clutterpad/delete.png); }
.contextMenu LI.permissions A { background-image: url(/images/clutterpad/permissions.png); }
.contextMenu LI.quit A { background-image: url(/images/clutterpad/door.png); }


/* ######################################## Jquery Conntext menu End ############################################### */


 .filedetail {
  margin: 0 0 25px 2px;
  font-size: 14px;
  padding: 0 0 0 32px;
  clear: left;
  display: block;
}

.filedetail p {
	padding: 0;
	margin: 3px 0 10px 0;
	font-size: 12px;
	line-height: 1.4em;
}

.filedetail h1 {
	color: #000;
}

.filedetail h1 a {
	color: #000;
	text-decoration: none;
}

.filedetail h1 a:hover {
	background: #fff;
	color: #000;
	text-decoration: underline;
}

 div.filedetail div.file_info {
  margin-left: 40px;
}

 div.filedetail h3 {
  font-size: 11px;
  font-weight: normal;
  margin-top: 0;
  color: #666;
}

 div.filedetail h3 a:link,
 div.filedetail h3 a:visited {
  font-size: 11px;
  color: #666;
}

 div.filedetail h3 a:hover {
  color: #fff;
}

 div.date_group {
  margin-bottom: 30px;
  clear: both;
}

 div.filedetail h1 {
  font-size: 14px;
  margin: 0 0 3px 0;
}

 div.filedetail p {
  margin-bottom: 3px;
}

 div.filedetail a.message_title {
  font-weight: normal;
  color: #666;
}

 div.filedetail a.message_title:hover {
  color: #fff;
}

 div.filedetail h3 a.image:hover {
  background: none;
}

 div.filedetail h3 a.image img {
  vertical-align: bottom;
}

 div.filedetail div.file_icon {
  float: left;
  position: relative; /* force layout */
  text-align: right;
  width: 60px;
  margin: 0 0 0 -28px;
}

div.filedetail div.file_icon img.thumb {
  background: none;
  border: 0px solid #efefef;
}

div.filedetail div.file_info p {
  font-size: 12px;
}

div.filedetail div.file_info span.dash {
  color: #999;
}

div.filedetail h1 {
  padding-top: 0;
}

div.filelistview{
    margin:0px;
    padding:0px;
}
div.filelistview table{
    width:100%;
    margin:0px;
    padding:0px;
}
div.filelistview table tr.listviewrow{

}
div.filelistview table td{
    font-size:12px;

}
div.filelistview table tr.listviewheader td{
  font-weight:bold;
  font-size:14px;
}
div.filelistview table tr.listviewheader td.icon{
  width:25px;
}
div.filelistview table tr.listviewheader td.name{
   width:39%
}
div.filelistview table tr.listviewheader td.date{
   width:31%
}
div.filelistview table tr.listviewheader td.type{
   width:15%
}
div.filelistview table tr.listviewheader td.name h1{
  font-size: 14px;
  margin: 0 0 3px 0;
}



div.filelistview img.thumb {
  background: none;
  border: 0px solid #efefef;
}
div.filelistview table tr.listviewrow td.icon{
  width:25px;
}
div.filelistview table tr.listviewrow td.name{
   font-weight:bold;
   width:35%
}
div.filelistview table tr.listviewrow td.name h1{
  font-size: 14px;
  margin: 0 0 3px 0;
}
div.filelistview table tr.listviewrow td.name h1 a{
    color:#000000;
    text-decoration:none;
}
div.filelistview table tr.listviewrow td.date{
    width:31%
}
div.filelistview table tr.listviewrow td.datemodfied{
   color:#7D7477;
   width:31%
}
div.filelistview table tr.listviewrow td.type{
   color:#7D7477;
   width:15%
}
div.filelistview table tr.listviewrow td.size{
   color:#7D7477;
    width: 17%;
}




div.filelistview table th.icon{
    width:25px;
}
div.filelistview table th.name{
    font-weight:bold;
    width:35%
}
div.filelistview table  th.name h1{
    font-size: 14px;
    margin: 0 0 3px 0;
}
div.filelistview table  th.name h1 a{
    color:#000000;
    text-decoration:none;
}
div.filelistview table th.date{
    width:31%
}
div.filelistview table  th.datemodfied{
    color:#7D7477;
    width:31%
}
div.filelistview table  th.type{
    color:#7D7477;
    width:15%
}
div.filelistview table  th.size{
    color:#7D7477;
    width: 17%;
}

.options_panel {
background-color:#FFFFFF;
border:1px solid #DCDCDC;
}
.options_panel {
 margin-bottom:6px;
 padding:2px;
}
.options_panel ul {
list-style-type:none;
margin-bottom:2px;
margin-left:2px;
list-style-image:none;
list-style-position:outside;
color:#272D2F;
line-height:1.5;
}

foldericon a:visited ,div.icons a:visited{
      
}

.div.foldericon a:hover{
  color:#3300cc !important;        
}

/* ************************  For Events*********************************      */
.eventRowHead {
border-top:1px dotted #DDDDDD;
left:0;

width:100%;
}
.eventOdd {
border-top:1px dotted #DDDDDD;
left:0;
width:100%;
}
.eventEven {
  border-top:1px solid #DDDDDD;
  padding:4px;
}


.textbox-fill-input,.textbox-fill-input-80,.textbox-fill-input-81,.textbox-fill-input-85,.textbox-fill-input-90,.textbox-fill-input-70,.textbox-fill-input-62,.textbox-fill-input-50,.textbox-fill-input-40,.textbox-fill-input-30 {

    margin-top:3px;

    height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
    
}

.textbox-fill-input:focus,.textbox-fill-input-80:focus,.textbox-fill-input-81:focus,.textbox-fill-input-85:focus,.textbox-fill-input-90:focus,.textbox-fill-input-70:focus,.textbox-fill-input-62:focus,.textbox-fill-input-50:focus,.textbox-fill-input-40:focus,.textbox-fill-input-30:focus {
    border-color: #1bbae1;


}

.textbox-fill-input{
   width:100%;
 }
.textbox-fill-input-80 {
  width:77%;
}
.textbox-fill-input-81 {
  width:81%;
}
.textbox-fill-input-85 {
  width:85%;
}
.textbox-fill-input-90 {
  width:89%;
}
.textbox-fill-input-70 {
 width:70%;
}
.textbox-fill-input-62 {
  width:59.5%;
}
.textbox-fill-input-50 {
  width:50%;
}
.textbox-fill-input-40 {
  width:40%;
}
.textbox-fill-input-30 {
  width:30%;
}
.create_event_table {
  margin-bottom:0.8em;
  width:96%;
}
.create_event_value {
padding:0.4em 0;
width:95%;
}
.create_event_key {
    font-weight:normal;
    text-align:right;
    padding:0.4em 0.4em 0.4em 0;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
}
.create_event_example {
font-size:85%;
padding-top:2px;
}
.create_event_root {
    font-family:Arial,sans-serif;
    font-size:13px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}
/* /////////////////////////// Clutterpad Login Form ////////////////////////// */

.login_main_bg {
	background-image: url(/images/clutterpad/top_bg.jpg);
	background-repeat: repeat-x;
	margin:0px;

}

.login_top_line{
	padding:5px;
	text-align: right;
}

.login_center{
	padding-top:80px;
	text-align: center;
}


.login_logo_container{
	width:383px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.forgot_14_bold{
	size:14px;
	font-weight:bold;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 10px;
}
.login_logo_container input[type="text"], .login_logo_container input[type="password"] {
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
    border:1px solid #EEE5E6;
    display:block;
    font-size:20px;
    margin:0;
    padding:10px;
    width:86%;
    background:#F9F9F9;
}
.loginbox_top{
	background-image: url(/images/clutterpad/topshadow_login.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 383px;

}
.loginbox_center{
	background-image:url(/images/clutterpad/centershadow_login.jpg);
	background-repeat: repeat-y;
	background-image: url(/images/clutterpad/centershadow_login.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 30px;
	text-align: left;


}
.loginbox_bottom{

	background-image: url(/images/clutterpad/bottom_shadow_login.jpg);
	background-repeat:no-repeat;
	height: 17px;
	width: 383px;
	background-image: url(/images/clutterpad/bottom_shadow_login.jpg);

}
.loginbox_footer{
	text-align: right;
	padding-right: 15px;



}


.login_grey12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #999999;

}

.login_grey12px{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;

}

.login_white12 ,.login_white12 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;

}
.login_white12 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;

}

.blue_text_login ,.blue_text_login a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0F4979;
	text-decoration:none;

}

.blue_text_login a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0F4979;
	text-decoration:underline;

}


 div.clutterpad_login {
        color:#000000;
        font-family:lucida grande,verdana;
        font-size:12px;
        margin:60px auto;
        padding:25px;
        width:550px;
        text-align:left;
        background-color:#F1F2F6;
        border:5px solid #D9DADE;
      
       
      }
      div.clutterpad_login h1 {
        font-size:20px;
        margin:0 0 10px;
        color:#000000;
        padding:0;
      }
     
      div.clutterpad_login h2 {
          color:#000000;
          font-size:15px;
          padding:0;
          margin:0 0 2px;
        }
       .logininput {
          border-color:#666666 #CCCCCC #CCCCCC #666666;
          border-width:1px;
          padding:1px;
          width:95%;
          font-size:100%;
        
        } 
        .rememberme{
          width:100%;
        }
       div.clutterpad_login label {
               margin-bottom:10px;
        }
        div.clutterpad_login input.auto {
                width:auto;
        }
        div.clutterpad_login div.clutterpad_options {
          border-top:2px dashed #999999;
          margin-top:20px;
          padding-top:10px;
        }
       div.clutterpad_login div.clutterpad_options ul {
          margin:0 0 0 17px;
          padding:0;
        }
        div.clutterpad_login div.clutterpad_options ul li {
           padding-bottom:2px; 
           font-size:12px;
         }


.complete-block .itemtickbox{
 vertical-align: top;
}
.complete-block .todoitem{
  margin-top: 10px;
  margin-left: 41px;
}

.complete-block  .itemcontentcompleted{
 padding-top: 4px;
 padding-left: 9px;
 margin-left: 4px;
 font-size: 12px;
}

.addedititem{
    margin-left: 69px;
    margin-top: 5px;
}

.itemcontentcompleted a, .itemcontentcompleted a:hover{
    color: #999999;
    text-decoration: none;
}

.nav-project-name a.sidebar-nav-menu  {
    line-height: 20px;
    min-height: 20px;
    padding-left: 15px;
}

.item-body{
    word-wrap: break-word;
}

li.nav-project-name{
    margin-bottom: 9px;
}

.margintop8px{
    margin-top: 8px;
}
.media-body p{
    font-size: 13px;
}

a.pull-left{
    width: 46px;
}

.timeline-list li{
    clear: both;
}
.timeline-list li:first-child{
    padding-top: 0px;
}

.img-circle-comment{
    height: 40px;
    width: 40px;
}

.navbar-nav-custom .dropdown{
   display: block !important;
}