html,body,div,p,ol,form,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,img,span,table,tr,td,th,iframe,fieldset{border:0;border-collapse:collapse;margin:0;padding:0;}
html,body{height:100%;}
body{font-size:9pt;font-family:Tahoma, Arial;width:100%;background:#f2f2f2;}

/*Page layout*/
div#container{ width:100%; height: 100%; min-width: 1020px; background: #f2f2f2 url(../img/bodybg.gif) repeat-x;  }
html>body #container {height: auto; min-height: 100%; }
div#popupcontainer{width:100%;height:100%;position:relative;}
html>body #popupcontainer {height: auto; min-height: 100%; }
div#header{position: relative;}
div#wrapper{ position: relative; margin: 0; padding: 0; }
div#footer{ height: 30px; font-size: 8pt; background: #f2f2f2; text-align: right; margin-right: 270px; vertical-align: top; bottom: 0;z-index:0;}
div#content{margin:5px; padding: 5px 8px 10px 8px; background: #fff; border: 1px solid #e2e4e6; margin-right: 270px; }
div#content.popup{ margin-right: 5px; }
div#rightcontent{ margin: 5px 5px 5px 270px; }
div#header { background: url(../img/headerbg.gif) no-repeat; height: 72px; }
div#popupheader { height: 1px; }
#rightmenu{ position: absolute; height: auto; top: 0; right: 0; width: 260px; margin: 0 5px; }
#leftmenu{ position: absolute; height: auto; top: 0; left: 0; width: 260px; margin: 0 5px;}

td,th{font-size:small;vertical-align:top;}
h1{font-size:1.3em; font-weight:400; padding:7px 0;}
h1 table tr td {font-size:1em;font-weight:400;padding:7px 0;}
h1 .normal{ font-size: 1em; }
h1.icon{margin-left:30px;}
h2{font-size:11pt;font-weight:400;padding:3px 0;}
h3{font-size:10pt;font-weight:400;color:#000;padding:7px 0;}
h1 .right{position:absolute;top:12px;right:280px;}
h1 .description { font-size: 8pt; }
h1 img, h2 img { vertical-align: middle; }
hr{border-top:1px solid #ccc;height:1px;color: #fff;}
button{font-family:Arial;font-size:9pt;width:auto;overflow:visible;margin:2px 0;padding:2px .9em;}
input,textarea,select{font-family:Arial;font-size:9pt;}
textarea.autogrow{overflow: hidden; height: 36px; line-height: 18px;}
select{margin-top:1px;padding:5px 0;}
p{margin-bottom:7px;}
#Loading{display:none;position:fixed;top:71px;left:10px;color:#fff;background:#1E8117;vertical-align:middle;padding:3px;}
#userdata{display:block;position:absolute;right:70px;font-size:8pt;color:#fff;z-index:10;padding:5px 5px 5px 22px;}
#userholder{text-align: right;}
.jclock{font-size:16pt;}
#langdata{position:absolute;right:20px;font-size:8pt;display:block;z-index:10;padding:4px;}
ul,li{ list-style: none; }
ul.items{margin:0 0 5px;}
ul.items li{list-style:url(../img/smallarrowgrey.gif);margin-left:20px;line-height:11pt;padding: 0; margin-bottom: 3px;}
ul.subitems li{list-style:url(../img/smallarrow.gif);margin-left:25px;}
ul.data{background:#fff;border-top: 1px solid #e2e4e6;}
ul.data li{font-size:11pt;border-bottom:1px solid #e2e4e6;padding:0 25px;background:#fff;position:relative;height:35px;}
ul.data li .hover{position:absolute;top:0;left:0px;background:#e6eaee;height:35px;}
ul.data li .hover img{margin:5px;display:block;}
ul.data li:hover{background: #f6faff;}
ul.high li{line-height:18px;}
dl{margin: 5px 0 5px 10px;}
dd{font-size:11pt;margin:3px 0;}
dt{font-size:8pt;color:#444;margin:2px 0 3px;}
dd.inactive a{color:#819db4;}
.hover{visibility:hidden;}
li:hover > .hover{visibility:visible;}
a{color:#369;}
a:hover{color:#08C;}
a.red{color:#AC4935;padding:3px;}
a.green{color:#409324;padding:3px;}
a.yellow{color:#938F24;padding:3px;}
.buttons{float:left;height:23px;}
.buttons img{float:left;}
a.button{text-decoration:none;font-size:8pt;line-height: 18px;}
a.button.disabled{cursor: default;}
a.button img{vertical-align: middle;}
.activeswitch{border:1px solid #b6ccd5;background:#d9e7f1;color:#333;font-size:8pt;padding:3px 5px;}
a.dashed{text-decoration:none;border-bottom:1px dashed #369;overflow:visible;}
a.noul{text-decoration:none;}
.tooltip{cursor:help;}
.tip{position:absolute;display:none;background:#e4e5f0 url(../img/tooltip_bg.gif) repeat-x;border:1px solid #bababa;padding:3px;}
.absolute{position:absolute;}
.block{display:block;}
.overflow{overflow:hidden;}
.strong{font-weight:700;}
.nowrap{white-space:nowrap;}
.inline{display:inline;}
.relative{position:relative;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.top{vertical-align:top;}
.width100{width:98%;}
.width95{width:95%;}
.width75{width:75%;}
.width60{width:60%;}
.width55{width:55%;}
.width50{width:50%;}
.width40{width:40%;}
.width38{width:38%;}
.width35{width:35%;}
.width600px{width:600px;}
.width500px{width:500px;}
.width450px{width:450px;}
.width400px{width:400px;}
.width350px{width:350px;}
.width300px{width:300px;}
.width150px{width:150px;}
.pointer{cursor: pointer;}
.numeric{width:50px;}
.spacer2{height:2px;overflow:hidden;}
.spacer5{height:5px;overflow:hidden;}
.spacer7{height:7px;overflow:hidden;}
.spacer10{height:10px;overflow:hidden;}
.spacer15{height:15px;overflow:hidden;}
.spacer20{height:20px;overflow:hidden;}
.padded3{padding:3px;}
.padded5{padding:5px;}
.paddedtop2{padding-top: 2px;}
.paddedtop5{padding-top: 5px;}
.paddedtop10{padding-top: 10px;}
.paddedleft20{padding-left: 20px;}
.paddedleft5{padding-left: 5px;}
.paddedright10{padding-right: 10px;}
.paddedbottom10{padding-bottom: 10px;}
.paddedbottom5{padding-bottom: 5px;}
.nopaddingleft{padding-left: 0px}
.nopadding{padding:0;}
.marginright5{margin-right:5px}
.marginright10{margin-right:10px}
.marginright15{margin-right:15px}
.marginright20{margin-right:20px}
.indent5{margin-left:5px;}
.indent10{margin-left:10px;}
.indent20{margin-left:20px;}
.indent25{margin-left:25px;}
.indent40{margin-left:40px;}
.clear5{margin-bottom:5px;}
.clear15{margin-bottom:15px;}
.small{font-size:8pt;}
.medium{font-size:9pt;}
.big{font-size:11pt;}
.normal{font-size:10pt;}
.tall{line-height:20px;}
.linethrough{text-decoration:line-through;}
.bold{font-weight: bold;}
.black{color:#000;}
.red{color:Red;}
.darkgrey{color:#555;}
.bottom{vertical-align:bottom;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;overflow:hidden;height:0;}
img.icon16{vertical-align:text-bottom;width:16px;height:16px;}
img.icon24{vertical-align:middle;width:24px;height:24px;}
img.divider{margin:0 3px;width:2px;height:23px;vertical-align: middle;}
.details{font-size:8pt;color:#555;clear:both;}
div.error{color:#F84D4D;font-size:8pt;display:inline;width:auto;line-height:22px;padding:3px;}
div.info{color:Green;font-size:12pt;display:inline;width:auto;line-height:22px;padding:3px;}
.warning{font-size:8pt;background:#F9F8E0;border:1px solid #D9D8C0;padding:5px;}
.cbitem{display:table-cell;white-space:nowrap;padding:2px 7px 2px 2px;}
.bluebg{background:#f6faff;}
.whitebg{background:#fff;}
.yellowbg{background:#f9f8e0;}
.redbg{background:#fff6fa;}
.greenbg{background:#f6fffa;}
.shadowbg{background:#f6faff;margin:-2px -3px;padding:2px 3px;}
#rightmenu h2{border:1px solid #D2D4D6;background:#E2E4EF;padding:5px;}
#rightmenu h3{border-bottom:1px solid #ccc;color:#333;font-size:1.1em;margin-bottom:7px;padding:4px 4px 2px;}
#rightmenu ul{list-style:none;margin:0 10px 5px 0;}
#rightmenu ul li{list-style:none;}
#rightmenu ul.items li {list-style:url(../img/smallarrowgrey.gif); line-height: 10pt;}
#rightmenu p{margin:0 10px;}
.popupwrapper{min-width:0;background:url(../img/popup.gif) no-repeat;padding-top:13px;position:absolute;z-index:15;display:none;}
.popup{min-width:0;background:#fff;border-right:2px solid #B9B8B8;border-left:1px solid #B9B8B8;border-bottom:2px solid #B9B8B8;border-top:1px solid #B9B8B8;font-size:9pt;z-index:16;padding:7px;}
.popupwrapper .popup{border-top:0;}
.contextmenu{background: #fafafa; border: 1px solid #ccc;position:absolute;padding:2px;z-index:15;display:none;}
.contextmenu li{padding: 4px;border:1px solid #fafafa;cursor:default; color: #345;}
.contextmenu li:hover{background:#f2f4f5;border:1px solid #eee;}
.dialogWrapper{padding:15px;}
.dialog{width:700px;height:480px;padding:0;}
.dialog iframe{width:100%;height:100%;border:0;}
#userdata a,#langdata a{color:#fff;}
ul.data li a,a.nounderline{text-decoration:none;}
ul.data li a.archive,a.archive,.archive{color:#676767;text-decoration:line-through;}
ul.data li.changed,.changed{background:#F9F8E0;}
dt.inactive,.grey{color:#777;}
tr:hover .hover,dd:hover > .hover,dt:hover > .hover,a:hover > .hover{visibility:visible;}
a.button img,.middle{vertical-align:middle;}
.top{vertical-align:top;}
.visibleie6,.hidden{display:none;}
.handle{ cursor: move; }

/*Form*/
.formheader{position:relative;}
.formbody{ background:#f7f9fa;border:1px solid #e7e9ea;border-bottom:0;padding:10px 8px;}
.formbottom{position:relative;background:#E7EEF5;border-top:1px solid #A9BCBC;padding:10px;}
.formbottom .actions{position:absolute;right:10px;top:15px;_margin-right:25%;}
.actionpane{background:#f3f7fc;}
#tabs ul{list-style:none;}
#tabs a{display:inline-block;text-decoration:none;border:1px solid #fff;border-bottom:0;padding:4px 10px;}
#tabs a:hover{background:#f6faff;}
#tabs a.selected{background:#f3f5f7;border:1px solid #e7e9ea;border-bottom:0;}
.tab iframe{ border: 1px solid #e7e9ea;}
.field{font-size:10pt; vertical-align:top;margin:0 0 7px;}
label{display:block;width:auto;color:#656565;vertical-align:middle;padding:0 0 1px 1px;}
label.radio{color:#333;padding: 2px 7px 2px 0;display:inline-block;}
label.radio:hover{background: #f2f4f5;}
label.error{color:#F84D4D;font-size:8pt;padding:3px;}
label.required:after{content:'*';color:Red;}
form.readonly input{border:1px solid transparent;background:transparent;}
input,select{padding:2px 1px;}
input.cb{height:auto;margin:0;margin: 2px;}
input.numeric{text-align:right;}
.dateRU{width:70px;}
.dateTimeRU{width:120px;}
.time{width:50px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px215{width:215px;}
.px250{width:250px;}
.px300{width:300px;}
.px400{width:400px;}
.px415{width:415px;}
.px450{width:450px;}
.px500{width:500px;}
.px600{width:640px;}
.px685{width:685px;}
.px800{width:880px;}
.dateinput{padding-bottom:10px;}
.important{font-size:1.1em;font-weight:700;}
.width48{width:48%;margin-right:10px;}
div.textfield{padding:2px;}
div.input{border:1px solid #E3E9EF;border-top:1px solid #ABADB3;background:#f6f7f8;color:#777;margin-right:7px;padding:2px;}
div.input.changed { background: #F9F8E0; }
.itemlist{font-size:8pt;padding:5px;}
.itemlist span{background:url(../img/smallarrow.gif) no-repeat;padding-left:8px;margin-right:5px;}
.disabled{color:#555;}
.docfile{height:35px;}
.docfile img{float:left;}
.docfile a{float:left;font-size:120%;text-decoration:none;margin-top:7px;margin-left:5px;}
.docfile button{margin-top:5px;margin-left:10px;font-size:11px;}
.greychecklist{background:#fafafa;border-left:1px solid #ccc;}
#tabs li,.inline{display:inline;}

/*Table*/
table.fixedtable{table-layout:fixed;}
table.nopadding td{border:1px solid Red;margin:0;padding:0;}
table.data{width:100%;border:1px solid #c0d7e0;background:#fff;}
table.data th{color:#333;text-align:left;vertical-align:bottom;font-weight:400;font-size:12px;background:#F1F2F4 url(../img/tableheader_bg.gif) repeat-x;border:1px solid #c0d7e0;padding:5px 4px;}
table.data th.sorted{background:#d8ecf6 url(../img/tableheader_s_bg.gif) repeat-x;}
table.data th a{color:#369;text-decoration:none;}
tr.odd{background:#f3f7fc;}
tr.error{background:#fce4e2 !important;}
tr.expired{background:#ffcfbf !important;}
tr.changed{background:#F9F8E0;} 
table.data tr.selected{background:#f2fede;}
tr.total{background:#edfbf5;}
tr.archive td{color:#676767;text-decoration:line-through;}
table.data td.group{border-bottom:1px solid #E0E1FA;}
table.data td{font-size:9pt;color:#333;border-bottom:1px solid #c0d7e0;padding:5px 0 5px 4px;}
table.data td.cb,table.data th.cb{padding:2px;}
*:first-child+html table.data td.cb{padding:0;}
*:first-child+html table.data th.cb{padding:0;}
table.data td.img{padding:3px 5px 0;}
table.data tr.total td{font-weight:700;}
a.asc{background:url(../img/sortasc.gif) no-repeat right;padding-right:7px;}
a.desc{background:url(../img/sortdesc.gif) no-repeat right;padding-right:7px;}
#tableholder { padding: 1px; overflow-x: auto; overflow-y: hidden; }
#tabletoolbar{text-align:right;position:absolute;right:10px;width:auto;top:7px;margin-right:270px;}
#tabletoolbar a{text-decoration:none;}
#tabletoolbar img{vertical-align:bottom;}
.btnstatus{text-decoration:none;}.btnstatus img{vertical-align: bottom;}
.btncreate{text-decoration:none;}.btncreate img{vertical-align: bottom;}
.btndelete{text-decoration:none;}.btndelete img{vertical-align: bottom;}
#filtertoolbar{position: absolute;right:9px;top:-3px;}
#filtertoolbar img{float:left;}
#pagination{text-align:right;background:#fafafa;font-size:85%;color:#999;border:1px solid #ccc;border-top:0;margin:0;padding:7px;}
#pagination a{color:#378DB7;text-decoration:none;}
#pagination .black{color:#333;}
#pagination .split{margin:0 4px;}
table.data td.small,#tabletoolbar button{font-size:8pt;}
table.noborder,table.noborder th,table.noborder td{border:0;}
.print {margin-left:35px;}
#tasktable td,#tasktable tr  {border:0 none; border-collapse:collapse; padding: 3px;}

/*Login*/
#loginholder { border: 1px solid #6186a8; left: 50%; margin-left: -125px; margin-top: 110px; position: absolute; padding: 10px 10px 5px 10px; background: #fff; width: 280px; height: auto; }

/*Registration*/
#regholder { border: 1px solid #6186a8; left: 50%; margin-left: -125px; margin-top: 55px; position: absolute; padding: 10px 10px 5px 10px; background: #fff; width: 260px; height: auto; }
#regmessage { border: 1px solid #6186a8; left: 50%; margin-left: -325px; margin-top: 210px; position: absolute; padding: 10px 10px 5px 10px; background: #fff; width: 560px; height: auto; }

/*Multiselect*/
.msitems { z-index: 9; }
.msfilter { width: 100%; }
.checklisttitle a{ text-decoration: none; border-bottom: 1px dashed; }
a.mshidelink { font-size: 8pt; position: absolute; top: 15px; right: 5px; border:0; }
ul.checklist { width: 300px; overflow-y: auto; overflow-x: hidden; font-size: 9pt; margin-top: 3px; }
ul.checklist li input { height: 15px; vertical-align: middle;}
ul.checklist li label { width: auto; text-align: left; white-space: nowrap; overflow: hidden; height: 20px; vertical-align: top; font-size: 9pt; padding:0;}
ul.checklist li.checked { background: #e3e6fa; }
iframe.popupwrapperiframe{ position: absolute; z-index:8; display:none;}

/*Filter*/
#search { width: 210px; }
#filterholder,#columnsholder { display: none; width: 700px; position: absolute; top: 115px; left: 50%; margin-left: -420px; }
#filter { padding: 7px 10px; z-index: 10; }
#filter .filtercontent { font-size: 8pt; }
#filter .flttype { width: 170px; }
#filter .filterfield { padding: 3px; }
#filter .tdlabel { width: 25%; }
#filter .tdcondition { width: 25%; }
#filter .tdvalue { width: 50%; }
#conditions > table > tr > td > label { float: left; width: 150px; padding: 5px 5px 0 0; text-align: right; }
#filter input.text { width: 220px; }
#filter input.autocomplete { width: 250px; }
#filter input.dateRU { width: 105px; }
#filter select { margin-right: 5px; }
#flterr { background: #fff; }
#flterr label { float: none; width: auto; text-align: left; padding: 5px; }
#savefilterholder { margin-left: -30px; width: 270px; }
#newfilterdetails,#oldfilterdetails{ background: #f6faff; border: 1px solid #e7e9ea; padding: 5px; font-size: 8pt; }
#newfilterdetails label,#oldfilterdetails label{ font-size: 8pt; }
ul.filterlist li { margin: 0 0 2px 15px; }
ul.filterlist li a { text-decoration: none; }
ul.filterlist li.selected { font-weight: bold; }
ul#columnorder { margin-left: 15px; border: 1px solid #ccc; width: 400px; }
ul#columnorder li { border-bottom: 1px solid #ccc; width: 400px; background: #fff; padding: 0; }
ul#columnorder li td { padding: 2px; }
ul#columnorder li select { width: 150px; font-size: 8pt; }
textarea.manualfilter {width: 400px;height: 35px;}

/*Menu*/
#menu { position: absolute; top: 42px; left: 6px; height: 30px; }
#menu ul{ margin: 0; list-style: none inside; clear: both;}
#menu ul li{ float: left; vertical-align: top; margin: 0 3px;}
#menu ul li a{ display: block; height: 30px; }

#morder{ background: url(../img/menu.gif) no-repeat 0 0px; width: 60px; }
#morder_s{ background: url(../img/menu.gif) no-repeat 0 -30px; width: 60px; }
#mtask{ background: url(../img/menu.gif) no-repeat -60px 0px; width: 123px; }
#mtask_s{ background: url(../img/menu.gif) no-repeat -60px -30px; width: 123px; }
#mreport{ background: url(../img/menu.gif) no-repeat -183px 0; width: 64px; }
#mreport_s{ background: url(../img/menu.gif) no-repeat -183px -30px; width: 64px; }
#mclient{ background: url(../img/menu.gif) no-repeat -247px 0; width: 72px; }
#mclient_s{ background: url(../img/menu.gif) no-repeat -247px -30px; width: 72px; }
#mkb{ background: url(../img/menu.gif) no-repeat -319px 0; width: 94px; }
#mkb_s{ background: url(../img/menu.gif) no-repeat -319px -30px; width: 94px; }
#msettings{ background: url(../img/menu.gif) no-repeat -413px 0; width: 99px; }
#msettings_s{ background: url(../img/menu.gif) no-repeat -413px -30px; width: 99px; }
#muser{ background: url(../img/menu.gif) no-repeat -512px 0; width: 154px; }
#muser_s{ background: url(../img/menu.gif) no-repeat -512px -30px; width: 154px; }
#mabout{ background: url(../img/menu.gif) no-repeat -666px 0; width: 98px; }
#mabout_s{ background: url(../img/menu.gif) no-repeat -666px -30px; width: 98px; }

#rmconfigurationsetting{ font-weight: normal; }
#rmconfigurationsetting_s{ font-weight: bold; }
#rsmconfigurationsetting{ font-weight: normal; }
#rsmconfigurationsetting_s{ font-weight: bold; }
#configurationmenu ul { border-right: 1px solid #eee; border-bottom: 2px solid #eee; }
#configurationmenu ul li { display: list-item;line-height: 35px; height: 35px; vertical-align:middle; background: #fff; padding: 0 10px; border: 1px solid #ddd; border-bottom: 0;}
#configurationmenu ul li.selected { background: url(../img/menusel_bg.gif) repeat-x; }
#configurationmenu ul li a { text-decoration: none; color: #555; }
#configurationmenu ul li.selected a{ color: #000; }

#submenu { height: 30px; }
#submenu ul{ margin: 0 0 3px 7px; list-style: none inside; clear: both;}
#submenu ul li{ float: left; vertical-align: top; margin: 0 3px;}
#submenu ul li a{ display: block; height: 30px;}

#smcalendar{ background: url(../img/submenu.gif) no-repeat 0 -30px; width: 86px; }
#smcalendar_s{ background: url(../img/submenu.gif) no-repeat 0 0px; width: 86px; }
#smlist{ background: url(../img/submenu.gif) no-repeat -87px -30px; width: 67px; }
#smlist_s{ background: url(../img/submenu.gif) no-repeat -87px 0px; width: 67px; }
#smcalendars{ background: url(../img/submenu.gif) no-repeat -152px -30px; width: 85px; }
#smcalendars_s{ background: url(../img/submenu.gif) no-repeat -152px 0px; width: 85px; }
#smactions{ background: url(../img/submenu.gif) no-repeat -746px -30px; width: 162px; }
#smactions_s{ background: url(../img/submenu.gif) no-repeat -746px 0px; width: 162px; }
#smnotarialregister{ background: url(../img/submenu.gif) no-repeat -910px -30px; width: 154px; }
#smnotarialregister_s{ background: url(../img/submenu.gif) no-repeat -910px 0px; width: 154px; }
#smnotarialsettings{ background: url(../img/submenu.gif) no-repeat -1167px -30px; width: 165px; }
#smnotarialsettings_s{ background: url(../img/submenu.gif) no-repeat -1167px 0px; width: 165px; }

#smdayreport{ background: url(../img/submenu.gif) no-repeat -238px -30px; width: 65px; }
#smdayreport_s{ background: url(../img/submenu.gif) no-repeat -238px 0px; width: 65px; }

#smperiodreport{ background: url(../img/submenu.gif) no-repeat -305px -30px; width: 82px; }
#smperiodreport_s{ background: url(../img/submenu.gif) no-repeat -305px 0px; width: 82px; }

#smnotarialactionreport{ background: url(../img/submenu.gif) no-repeat -1333px -30px; width: 190px; }
#smnotarialactionreport_s{ background: url(../img/submenu.gif) no-repeat -1333px 0px; width: 190px; }

#smproductionreport{ background: url(../img/submenu.gif) no-repeat -388px -30px; width: 191px; }
#smproductionreport_s{ background: url(../img/submenu.gif) no-repeat -388px 0px; width: 191px; }

#smtimereport{ background: url(../img/submenu.gif) no-repeat -581px -30px; width: 167px; }
#smtimereport_s{ background: url(../img/submenu.gif) no-repeat -581px 0px; width: 167px; }

/*Calendar*/
div.calendar{font-size:smaller;color:#3e3e3e;}
div.calendar.calpopup { margin-left: 0px; margin-top: 26px; z-index: 9999; padding: 5px; border: 1px solid #ccc; border-bottom: 2px solid #ccc; background: #fff; }
div.calendar table { background-color: #fff; border-collapse: separate; border-spacing: 1px; }
div.calendar thead { background-color: #fff; }
div.calendar td,div.calendar th {  padding: 2px; text-align: center; }
div.calendar td.title { font-weight: bold; color: #369; }
div.calendar th { font-weight: bold; }
div.calendar tr.days td { width: 2em; color: #369; text-align: right; cursor: pointer; border: 1px solid #e5e5e5; }
div.calendar tr.days td:hover, div.calendar td.button:hover { border-color: #369;  background-color: #e5e5e5; cursor: pointer;}
div.calendar tr.days td:hover{ background-color: #ffffff; }
div.calendar tr.days td:active, div.calendar td.button:active{ background-color: #369; }
div.calendar tr.days td.selected { font-weight: bold; background-color: #369 !important; border-color: #369 !important; color: #fff !important; }
div.calendar tr.days td.weekend { color: #369; }
div.calendar tr.days td.today { font-weight: bold; border-color: #369; }
div.calendar tr.days td.otherDay {  background: #e5e5e5 !important; color: #fff; }

#calendarholder {width:250px; margin:5px;}
#calendarholder.monthmode div.calendar tr.days td {background: #f6faff; }
#calendarholder.weekmode div.calendar tr.days td.thisweek { background: #f6faff; }