1.ui-datepicker { 2 width: 17em; 3 padding: .2em .2em 0; 4 display: none; 5} 6.ui-datepicker .ui-datepicker-header { 7 position: relative; 8 padding: .2em 0; 9} 10.ui-datepicker .ui-datepicker-prev, 11.ui-datepicker .ui-datepicker-next { 12 position: absolute; 13 top: 2px; 14 width: 1.8em; 15 height: 1.8em; 16} 17.ui-datepicker .ui-datepicker-prev-hover, 18.ui-datepicker .ui-datepicker-next-hover { 19 top: 1px; 20 21} 22.ui-datepicker .ui-datepicker-prev { 23 left: 5px; 24 width:35px; 25} 26.ui-datepicker .ui-datepicker-next { 27 right: 5px; 28 width:35px; 29}.ui-datepicker .ui-datepicker-prev span, 30.ui-datepicker .ui-datepicker-next span { 31 display: block; 32 position: absolute; 33 top: 50%; 34 margin-top: -8px; 35} 36.ui-datepicker .ui-datepicker-prev span{ 37 left: 50%; 38 margin-left: -15px; 39} 40.ui-datepicker .ui-datepicker-next span { 41 left: 20%; 42 margin-left: -5px; 43 44} 45 46.ui-datepicker .ui-datepicker-title { 47 margin: 0 2.3em; 48 line-height: 1.8em; 49 text-align: center; 50} 51.ui-datepicker .ui-datepicker-title select { 52 font-size: 1em; 53 margin: 1px 0; 54} 55.ui-datepicker select.ui-datepicker-month, 56.ui-datepicker select.ui-datepicker-year { 57 width: 45%; 58} 59.ui-datepicker table { 60 width: 100%; 61 font-size: .9em; 62 border-collapse: collapse; 63 margin: 0 0 .4em; 64} 65.ui-datepicker th { 66 padding: .7em .3em; 67 text-align: center; 68 font-weight: bold; 69 border: 0; 70} 71.ui-datepicker td { 72 border: 0; 73 padding: 1px; 74} 75.ui-datepicker td span, 76.ui-datepicker td a { 77 display: block; 78 padding: .2em; 79 text-align: right; 80 text-decoration: none; 81} 82.ui-datepicker .ui-datepicker-buttonpane { 83 background-image: none; 84 margin: .7em 0 0 0; 85 padding: 0 .2em; 86 border-left: 0; 87 border-right: 0; 88 border-bottom: 0; 89} 90.ui-datepicker .ui-datepicker-buttonpane button { 91 float: right; 92 margin: .5em .2em .4em; 93 cursor: pointer; 94 padding: .2em .6em .3em .6em; 95 width: auto; 96 overflow: visible; 97} 98 99.ui-widget { 100 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 101 font-size: 1.1em; 102} 103.ui-widget .ui-widget { 104 font-size: 1em; 105} 106.ui-widget input, 107.ui-widget select, 108.ui-widget textarea, 109.ui-widget button { 110 font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 111 font-size: 1em; 112} 113.ui-widget-content { 114 border: 1px solid #dddddd; 115 background: #eeeeee; 116 color: #333333; 117} 118.ui-widget-content a { 119 color: #333333; 120} 121.ui-widget-header { 122 border: 1px solid #e78f08; 123 background: #f6a828; 124 color: #ffffff; 125 font-weight: bold; 126} 127.ui-widget-header a { 128 color: #ffffff; 129} 130 131.ui-state-default, 132.ui-widget-content .ui-state-default, 133.ui-widget-header .ui-state-default { 134 border: 1px solid #cccccc; 135 background: #f6f6f6; 136 font-weight: bold; 137 color: #1c94c4; 138} 139.ui-state-default a, 140.ui-state-default a:link, 141.ui-state-default a:visited { 142 color: #1c94c4; 143 text-decoration: none; 144} 145 146.ui-state-hover, 147.ui-widget-content .ui-state-hover, 148.ui-widget-header .ui-state-hover, 149.ui-state-focus, 150.ui-widget-content .ui-state-focus, 151.ui-widget-header .ui-state-focus { 152 border: 1px solid #fbcb09; 153 background: #fdf5ce; 154 font-weight: bold; 155 color: #c77405; 156} 157.ui-state-hover a, 158.ui-state-hover a:hover, 159.ui-state-hover a:link, 160.ui-state-hover a:visited, 161.ui-state-focus a, 162.ui-state-focus a:hover, 163.ui-state-focus a:link, 164.ui-state-focus a:visited { 165 color: #c77405; 166 text-decoration: none; 167} 168 169.ui-helper-clearfix:before, 170.ui-helper-clearfix:after { 171 content: ""; 172 display: table; 173 border-collapse: collapse; 174} 175.ui-helper-clearfix:after { 176 clear: both; 177} 178.ui-helper-clearfix { 179 min-height: 0; /* support: IE7 */ 180} 181 182.ui-corner-all, 183.ui-corner-top, 184.ui-corner-left, 185.ui-corner-tl { 186 border-top-left-radius: 4px; 187} 188.ui-corner-all, 189.ui-corner-top, 190.ui-corner-right, 191.ui-corner-tr { 192 border-top-right-radius: 4px; 193} 194.ui-corner-all, 195.ui-corner-bottom, 196.ui-corner-left, 197.ui-corner-bl { 198 border-bottom-left-radius: 4px; 199} 200.ui-corner-all, 201.ui-corner-bottom, 202.ui-corner-right, 203.ui-corner-br { 204 border-bottom-right-radius: 4px; 205}