html, body{
        margin: 0px;
        padding: 0px;
      }
      
      body{
        background-image: url(../images/body.jpg);
        background-repeat: repeat-x;
        font-family: Arial;
      }
      
      a, a:visited{
        color: #8CD710;
        text-decoration: none;
      }
      
      a:hover{
        color: #8CD710;
        text-decoration: underline;
      }
      
      fieldset{
       padding: 6px;
      }
      
      #wrapper{
        width: 1000px;
        margin: 0px auto;
      }
      
      #logo{
        width: 1000px;
        height: 75px;
        background-image: url(../images/logo.png);
        background-repeat: no-repeat;
        margin-top: 30px;
      }
      
      #infobox{
        line-height: 1.2em;
        float: right;
        width: 210px;
        height: 45px;
        font-size: 12px;
        padding: 5px;
        margin: 0 0 10 10;
        border: 1px solid #c2c2c2;
        background-color: #FFFFFF;
        opacity: 0.8;
      }

      
      #toolbar{
        width: 998px;
        height: 32px;
        border: 1px solid #c2c2c2;
        background-image: url(../images/toolbar_bg.jpg);
        background-repeat: repeat-x;
      }
      
      #toolbar div{
        margin-right: 10px;
        line-height: 2.5em;
        font-size: 12px;
      }
      
      #toolbar div a{
        color: #2c2c2c;
      }
      
      #toolbar ul{
        list-style: none;
        list-icon: none;
        display: block;
        padding: 0px;
        margin: 0px;
      }
      
      #toolbar ul li{
        float: left;
        height: 32px;
        font-size: 12px;
        padding-left: 14px;
        line-height: 2.5em;
      }
      
      #toolbar ul li a, #toolbar ul li a:visited{
        text-align: left;
        height: 32px;
        color: #2c2c2c;
        background: transparent no-repeat left center;
        display: block;
        padding-left: 24px;
      }
      
      #toolbar ul li a:hover{
        text-decoration: underline;
      }
      
      #toolbar ul li div {
        position: absolute;
      }
      
      #toolbar ul li div div{
        left: -15px;
        position: relative;
        background: #FFFFFF;
        border: 1px solid #C2C2C2;
      }
           
      #toolbar ul li div div ul li {
        padding-left: 14px;
        padding-right: 14px;
        float: none;
        display: block;
      }
      
      #toolbar ul li div div ul li:hover {
        background-color: #C4DDA4;
      }

      
      #pro_listbox{
        position: absolute; 
        width: 788px; 
        border: 1px solid #c2c2c2;
        border-top: none; 
        margin-left: 210px;
        background-color: #FFFFFF;
        display: none;
        height: 0px;
      }
      
      .colhead{
        font-size: 14px;
        font-color: #2c2c2c;
        font-weight: bcold;
        line-height: 2.1em;
        padding-left: 15px;
        height: 32px;
        background-image: url(../images/colhead.jpg);
        background-repeat: repeat-x;
      }
      
      #search_box{
        height: 30px;
        border-bottom: 1px solid #c2c2c2;
        font-size: 12px;
        color: #929292;
      }
     
      #search_box #clientsearchin{
        padding: 0;
        margin: 6px 0 0 6px;
        width: 156px;
        background: none;
        border: none;
      }
      
      #search_box #go{
        float: right;
        margin: 3px 4px 0 0;
      }

      
      #center{
        width: 1000px;
      }
      
      #clients{
        width: 200px;
        border: 1px solid #c2c2c2;
        float:left;
      }
      
      #clientresults, #clientresults table{
        font-size: 12px;
      } 
      
      #clientresults table tr{
        height: 20px;
        cursor:pointer;
      } 
      
      .important_flag{
        background-image: url(../images/flag_red.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .comment_flag{
        background-image: url(../images/flag_blue.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .comment_flag_grey{
        background-image: url(../images/flag_grey.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .tablehead{
        font-size: 12px;
        background-image: url(../images/table_head.jpg);
      }
      
      .admin_icon{
        width: 16px;
        background-image: url(../images/admins.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .client_sex_m{
        width: 16px;
        background-image: url(../images/male.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .client_sex_w{
        width: 16px;
        background-image: url(../images/female.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .client_sex_u{
        width: 16px;
        background-image: url(../images/unknown.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .client_status{
        width: 32px;
      	height: 16px;
      	background-position: right center;
      	float: left;
      	margin-top: 0px !important;
      }
      
      .client_arrow{
        width: 16px;
        background-image: url(../images/arrow_right.png);
        background-repeat: no-repeat;
        background-position: center; 
      }
      
      .client_personal{
        border: 1px solid #8CD710;
        margin-bottom: 10px;
      }
      
      .client_personal legend{
        font-weight: bold;
        color: #8CD710;
      }
      
      .client_personal label{
        width: 100px;
        float: left;
      }
      
      .client_personal div{
        margin-top: 5px;
      }
      
      .cl_input{
        padding-left: 130px;
      }
      
      .cl_input input, .cl_input select{
        border: 1px solid #c2c2c2;
        width: 170px;
      }
      
      .cl_buttons{
        text-align: right;
        padding-right: 2px;
      }
      
      .cl_buttons input{
        margin-left: 5px;
        border: 1px solid #8CD710;
        background-color: #FFFFFF;
      }
      
      .cl_textarea{
        border: 1px solid #c2c2c2;
        width: 300px;
        height: 94px;
      }
      
      .cl_money_ok{
        cursor: pointer;
        background: transparent url(../images/money_add.png) no-repeat center center;
      }
      
      .cl_money_missing{
        cursor: pointer;
        background: transparent url(../images/money_delete.png) no-repeat center center;
      }
      
      .cl_money_wait{
        cursor: pointer;
        background: transparent url(../images/spinner_mini.gif) no-repeat center center;
      }
      
      .cl_add{
        cursor: pointer;
        background: transparent url(../images/user_add.png) center center no-repeat;
      }
      
      .cl_remove{
        cursor: pointer;
        background: transparent url(../images/user_delete.png) center center no-repeat;
      }
      
      .project_info{
        border: 1px solid #C2C2C2;
        margin: 5px;
        font-size: 12px;
      }
      
      .project_fieldset{
        padding-left: 0px;
        padding-right: 0px;
      }
      
      .project_info legend{
        font-weight: bold;
        color: #000000;
        font-size: 14px;
        margin-left: 15px;
      }
      
      .project_info label{
        width: 100px;
        float: left;
      }
      
      .project_info div{
        margin-top: 5px;
      }
      
      .project_info a, .project_info a:visited{
        color: #5CA700;
        text-decoration: none;
        cursor: pointer;
      }
      
      .project_info a:hover{
        color: #5CA700;
        text-decoration: underline;
      }
      
      .project_info input, .project_info select{
        border: 1px solid #c2c2c2;
        width: 210px;
      }
      
      .project_info table{
        font-size: 12px;
        width: 100%;
      }
      
      .project_info table tr {
        cursor: pointer;
        height: 20px;
      }
      
      .pro_buttons{
        text-align: right;
        padding-right: 2px;
      }
      
      .pro_buttons input{
        margin-left: 5px;
        border: 1px solid #8CD710;
        background-color: #FFFFFF;
      }
      
      .pro_textarea{
        border: 1px solid #c2c2c2;
        width: 300px;
        height: 94px;
      }
      
      .pro_del_box, .pro_edit_box{
        border: 1px solid #c2c2c2;
        padding: 5px;
      }
      
      .pro_del_box div{
        width: 101px;
        height: 30px;
        cursor: pointer;
        background: transparent url(../images/delete.jpg) no-repeat;
      }
      
      .pro_edit_box input{
        width: 100px;
        border: 1px solid #c2c2c2 !important;
        margin: 1px;
      }
      
      .canceled_no{
        right: 5px;
        top: 5px;
        background: transparent url(../images/canceled_grey.png) no-repeat;
        width: 95px;
        height: 27px;
      }
      
      .canceled_yes{
        right: 5px;
        top: 5px;
        background: transparent url(../images/canceled.png) no-repeat;
        width: 95px;
        height: 27px;
      }
      
      input.invalid{
        background-image: url(../images/invalid.gif);
        background-repeat: repeat-x;
        background-position: bottom;
        border: 1px solid #FF9999 !important;
      }
      
      .money_icon{
        width: 20px;
        background: transparent url(../images/money.png) no-repeat;
        background-position: center center;
      }
      
      .accept_icon{
        width: 20px;
        background: transparent url(../images/accept.png) no-repeat;
        background-position: center center;
      }
      
      .key_icon{
        width: 20px;
        background: transparent url(../images/key.png) no-repeat;
        background-position: center center;
      } 
      
      .delete_icon{
        width: 20px;
        background: transparent url(../images/delete.png) no-repeat;
        background-position: center center;
      }  
      
      .clock_icon{
        width: 20px;
        background: transparent url(../images/clock.png) no-repeat;
        background-position: center center;
      }       
      
      .clock_red_icon{
        width: 20px;
        background: transparent url(../images/clock_red.png) no-repeat;
        background-position: center center;
      }     
      
      .calendar_icon{
        width: 20px;
        background: transparent url(../images/calendar.png) no-repeat;
        padding-left: 20px;
        background-position: center center;
      }   
      
      .printer_icon{
        width: 20px;
        background: transparent url(../images/printer.png) no-repeat;
      }  
      
      .excel_icon{
        width: 20px;
        background: transparent url(../images/excel.png) no-repeat;
      }  
      
      .public_on_icon{
        width: 20px;
        background: transparent url(../images/public_on.png) no-repeat;
      }  
      
      .public_off_icon{
        width: 20px;
        background: transparent url(../images/public_off.png) no-repeat;
      }  
      
      .info_icon{
        width: 20px;
        background: transparent url(../images/info.png) no-repeat;
        bottom: 10px;
		position: absolute;
		right: 110px;
      }
      
      .vcard_icon{
        width: 20px;
        background: transparent url(../images/vcard.png) no-repeat;
        bottom: 10px;
		position: absolute;
		right: 60px;
      }
      
      .arrow_right_icon{
        width: 20px;
        background: transparent url(../images/arrow_right.png) no-repeat;
        bottom: 10px;
		position: absolute;
		right: 85px;
      }
      
      .up_icon{
        width: 16px;
        height: 16px;
        background: transparent url(../images/up.png) no-repeat;
      }
      
      .down_icon{
        width: 16px;
        height: 16px;
        background: transparent url(../images/down.png) no-repeat;
      }
      
      .export{
        margin: 2px;
      	display: block;
      	height: 16px;
      	float: left;
      }
      
      .price_list tr td, .appointment_list tr td{
        padding: 1px 0;
      }
      
      .project_fieldset a{
        padding-left: 10px;
      }
      
      .price_list_value{
        text-align: right;
      }
      
      #content{
        width: 788px;
        margin-left: 210px;
        border: 1px solid #c2c2c2;
      }
      
      #projects{
        
      }
      
      #footer{
        margin: 15px;
        text-align: center;
        font-size: 11px;
        color: #2c2c2c;
      }
      
      
      .tip {
        color:#FFFFFF;
        width:139px;
        z-index:13000;
      
      }
      
      .canceled {
        -moz-border-radius: 3px;
		background-color: #EE2222;
		color: #FFFFFF;
		font-size: 10px;
		margin-left: 10px;
		padding: 0px 2px 0px 2px;
      }
      
      .small_canceled{
        background: url(../images/small_canceled_yes.png) no-repeat;
        width: 80px;
        display: block;  
		height: 18px;
		display: block;    
      }
      
      .small_canceled_no{
        background: url(../images/small_canceled_no.png) no-repeat;
      }
      
      .settings{
        border: 1px solid #C2C2C2;
        margin: 5px;
        font-size: 12px;
      }
      
      .settings legend{
        font-weight: bold;
        color: #000000;
        font-size: 14px;
        margin-left: 15px;
      }
      
      .settings label{
        width: 180px;
        float: left;
      }
      
      .settings input{
      	width: 300px;
      	border: 1px solid #c2c2c2;
      }
  
.appointment_range input{
	 border: 1px solid #C2C2C2;	
}  
     
.appointment_range label{
	width: 90px;
	display: inline-table;	
}

.appointment_range input[type='checkbox']{
	margin-right: 40px;
}
       
.tip-title {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bubble.png) repeat scroll left top;
color:#9FD4FF;
font-size:11px;
font-weight:bold;
margin:0;
padding:8px 8px 4px;
}
.tip-text {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bubble.png) repeat scroll right bottom;
font-size:11px;
padding:4px 8px 8px;
}

/* context menu specific */
#contextmenu	{ border:1px solid #999; padding:0; background:#eee; width:200px; list-style-type:none; display:none; }
#contextmenu .separator	{ border-top:1px solid #999; }
#contextmenu li	{ margin:0; padding:0; }
#contextmenu li a { display:block; padding:5px 10px 5px 35px; width:155px; font-size:12px; text-decoration:none; font-family:tahoma,arial,sans-serif; color:#000; background-position:8px 8px; background-repeat:no-repeat; }
#contextmenu li a:hover	{ background-color:#ddd; }
#contextmenu li a.disabled { color:#ccc; font-style:italic; }
#contextmenu li a.disabled:hover { background-color:#eee; }

/* context menu items */
#contextmenu li a.edit	{ background-image:url(edit.png); }
#contextmenu li a.cut	{ background-image:url(cut.png); }
#contextmenu li a.copy	{ background-image:url(copy.png); }
#contextmenu li a.paste	{ background-image:url(paste.png); }
#contextmenu li a.delete	{ background-image:url(delete.png); }
#contextmenu li a.quit	{ background-image:url(quit.png); }