.cal_box { 
height : 200px; 
margin-left : 5px; 
} 
#cal { 
padding : 0; 
margin-top : 20px; 
margin-right : 0; 
margin-bottom : 0; 
margin-left : 0; 
} 
#calendar { 
text-align : center; 
font : normal 11px Verdana, Arial, Helvetica, sans-serif; 
width : 100%; 
margin : 0; 
padding : 0; 
float : right; 
} 
#calendar .calendarDetail { 
border : 1px solid #566e33; 
width : 100%; 
color : #000; 
background-color : #ffffcc; 
margin : 0; 
padding : 0; 
} 
#calendar .calendarDetail .title td, #calendar .calendarDetail .title a { 
font-size : 1.1em; 
color : #ffffff; 
background-color : #546c31; 
padding : 0.3em 0 0.3em 0; 
text-decoration : none; 
font-weight : bold; 
} 
#calendar .calendarDetail .title1 td { 
border-bottom : 1px dashed #ddd; 
padding : 0.8em 0.2em 0.2em 0.2em; 
} 
#calendar .calendarDetail .week td, #calendar .calendarDetail .week a { 
padding : 2px; 
text-decoration : none; 
color : #000; 
} 
#calendar .calendarDetail .week a:hover { 
color : #000; 
} 
#calendar .calendarDetail .lastMonth a, #calendar .calendarDetail .nextMonth a { 
color : #0033cc; 
background-color : #eee; 
} 
#calendar .calendarDetail .weekend a { 
color : #f00; 
background-color : inherit; 
} 
#calendar .calendarDetail .event a { 
font-weight : bold; 
color : #000; 
text-decoration : underline; 
} 
#calendar .calendarDetail .today a { 
color : #fff; 
background-color : #808080; 
font-weight : bold; 
} 
#calendar .calendarDetail .calendarEvent { 
display : none; 
margin : 0 0 0 -5em; 
padding : 0.8em; 
position : absolute; 
width : 180px; 
color : #000; 
background-color : #fff; 
text-align : left; 
border : 1px solid #e9d97d; 
font-weight : normal; 
} 
#calendar .calendarDetail .calendarEvent .date { 
font-weight : bold; 
margin-bottom : 1em; 
} 
#calendar .calendarDetail .calendarEvent .edit { 
margin-top : 0.1em; 
float : right; 
color : #fff; 
} 
#calendar .calendarDetail .calendarEvent a { 
font-weight : normal; 
color : #000; 
background-color : #fff; 
} 
#calendar .calendarDetail .calendarEvent li { 
margin : 0 0 1em 0; 
list-style : none inside; 
} 
#calendar .calendarDetail td:hover > .calendarEvent { 
display : block; 
} 
#calendarForm { 
font : normal 11px Verdana, Arial, Helvetica, sans-serif; 
background-color : #fff; 
color : #303030; 
border : 1px solid #e9d97d; 
} 
#calendarForm .title { 
text-align : center; 
color : #303030; 
background-color : #fafaeb; 
padding : 0.3em; 
margin : 0 0 1em 0; 
font-weight : bold; 
border-bottom : 1px solid #e9d97d; 
} 
#calendarForm .credit { 
text-align : right; 
margin : 0; 
padding : 0 1em 0.5em 0; 
color : #c0c0c0; 
background-color : inherit; 
visibility : hidden; 
} 
#calendarForm .credit a { 
color : #c0c0c0; 
background-color : inherit; 
text-decoration : underline; 
} 
#calendarForm .credit a:hover { 
text-decoration : none; 
} 
#calendarForm form { 
margin : 0; 
padding : 0 0.5em; 
color : #303030; 
background-color : #fff; 
} 
#calendarForm form br { 
clear : both; 
} 
#calendarForm input, #calendarForm select, #calendarForm textarea { 
font : normal 11px Verdana, Arial, Helvetica, sans-serif; 
margin : 0 0 0.5em 0; 
}