/*---------------------------------------------------------------------------------------VIEW1*/
.calend_conteiner{
width:100%;
margin:1em;
}
DIV.right{
  width:100%;
  margin:0 0 0 -220px;
  float:right;
}
DIV.right DIV.cont{
  margin:0 0 0 220px;
  padding:5px;
  background:#fff;
  border:1px solid #eeeeee;
} 
DIV.calend_conteiner DIV.right DIV.navlist {
  float:left;
  background:#999999;
  width:100%;
  border-bottom:1px solid #666666;  
}
DIV.right DIV.navlist UL{
  list-style-type:none;
  float:left;
}
DIV.right DIV.navlist LI{
  width:10ex;  
  float:left;
}
DIV.right DIV.navlist LI.addApointment{
  width:20ex;
  float:right;
}
DIV.right DIV.navlist INPUT{
  width:100%;
  line-height:2em;
  height:2em;
  background: #dedede url("images/calendar_mp/butlist_button_bg.gif") repeat-x;
  border-top:0px solid black;  
  border-right:1px solid #666666;  
  border-bottom:0px solid black;  
  border-left:0px solid black;  
}
DIV.right DIV{
  background:#f7f3f7;
}
DIV.right DIV.navlist INPUT.current{
  background:#ffcc66 url("images/calendar_mp/butlist_button_curr_bg.gif") repeat-x;
}
DIV.left{
  width:200px;
  float:left;
  /*border:1px solid #999999; */
  /*border-top:1px solid #666666;
  border-bottom:1px solid #666666; */
}
DIV.calend_conteiner DIV.addApointment{
  text-align: center;
  height:2em;
}
DIV.calend_conteiner DIV.addApointment INPUT{
   margin:0 auto;
   border:0px solid black;
   background-position:left 5px;
   line-height:2em;
   height:2em;
}
/*---------------------------------------------------------------------------------------VIEW2*/

DIV.calendar_note{
  margin:0 0 1em 0;
}

DIV.calendar_appoint_time{
  border:1px solid #c7c7c7;
  padding:0.5em;
  margin:0 0 1em 0;
}
DIV.calendar_appoint_time UL{
 list-style:none;
 display:inline;
 margin:0;
 padding:0;
}
DIV.calendar_appoint_time LI{
  display:inline;
  margin:0;
  padding:0;
}
DIV.recurence{
  width:100%;
}
DIV.recurence .enable{
  margin:1em 0 0.25em 0.5em;
}

DIV.recurence DIV.cont{
  border:1px solid #c7c7c7;
  width:100%;
}
DIV.recurence .pattern_recur{
  width:100%;
  margin:0 0 1em 0;

}
DIV.recurence .pattern_recur LABEL{
  display:block;
  margin:0.5em 0.5em 1em 0.5em;
}
DIV.recurence UL.pattern_left{
  width:30%;
  float:left;
  
}
DIV.recurence UL.pattern_left LABEL{display:inline}
DIV.recurence UL.pattern_left LI.radiobuttonlist{margin:0 0 0 2em;}
DIV.recurence UL.pattern_left LI.radiobuttonlist INPUT{
  margin:0;
}
DIV.recurence UL.pattern_left LI.radiobuttonlist LABEL{
  margin:0;
}


DIV.recurence UL.pattern_right{
  width:69%;
  float:right;
  display:block;
  border-left:1px solid #666666;   
}
DIV.recurence UL.pattern_right LI{
	clear:left;
	margin:0 0 0.5em 1.5em;
}
DIV.recurence UL.pattern_right LABEL{display:inline}
DIV.recurence UL.pattern_right LI.checkbox_list{margin: 0 0 0 2em;}
DIV.recurence UL.pattern_right LI.checkbox_list INPUT{
  margin:0;
}
DIV.recurence UL.pattern_right LI.checkbox_list LABEL{
   margin:0;
}
DIV.recurence UL.pattern_right LI.rec_every INPUT{
 width:4ex;
}

DIV.recurence .pattern_use{
  margin:0 1em 1em 1em;
  border-bottom:1px solid #c7c7c7;
}


DIV.recurence .range_recur{
  border-top:1px solid #c7c7c7;
  margin:1em 0 0.5em 0;
  padding:1em 0 0 0.5em; 
}
DIV.recurence .range_recur UL{
  margin:0 0 0 0.5em;
}
DIV.recurence .range_recur LI {margin:0em 0 0.5em 0;}
DIV.calend_addbut{
  width:50%;
  float:left;
  text-align:right;
  margin:1em 0 0 0;
}
DIV.calend_addbut input{
  text-align:center;
  margin:0 0 0 auto;
  width:10ex;
}
DIV.calend_del_button{
  width:50%;
  float:left;
  clear:right;
  text-align:right;
  margin:1em 0 0 0;
}
DIV.calend_del_button INPUT{
  text-align:center;
  margin:0 0 0 auto;
  width:10ex;
}


.error{
  color:Red;
  padding:0 0 0 1em;
}


.clearer{
  clear:both;
  height:1px;
  line-height:1px;
  overflow:hidden;
  width:100%;
  float:none;
}