.calendarButton { padding:12px; } .calendarButton_active { padding:12px; background-color:#77AB3D; color:white; } .calendarButton_active_light { padding:12px; background-color:#845766; color:white; } .calendarButton_booked { padding:12px; background-color:red; color:#999; } .calendarButton_booked_res { padding:12px; background-color:#929292; color:#dddddd; } .calendarButton_partial { padding:12px; background-color:#E6B800; color:white; } .calendarButton_exist { padding:12px; background-color:#F78F49; color:white; } textarea{ resize: none; width: 100%; -webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */ -moz-box-sizing: border-box; /* FF1+ */ box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #accent_button{ padding: 8px; padding-left: 14px; padding-right: 14px; cursor: pointer; background-color: ; color: ; border: 1px solid #ccc; border-color: #77AB41 #77AB41 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #accent_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#edf4d0; } #accent_button:hover { background-image:none; background-color: ; } #accent_button:disabled { background-image: none; outline: 0; background-color:#dddddd; } #enter-link { font-size:; position: absolute; top: 45%; left: 35%; width: 30%; padding-top: 20px; padding-bottom: 20px; cursor: pointer; background-color:#77AB41; opacity:0.9; color:white; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #enter-link:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#edf4d0; } #enter-link:hover { background-image:none; background-color:; } #enter-link:disabled { background-image: none; outline: 0; background-color:#dddddd; } #green_button{ vertical-align:middle; padding: 8px; padding-top: 14px; padding-bottom: 14px; cursor: pointer; background-color:#77AB41; color:white; border: none; font-weight:normal; } #green_button:hover { background-color:#8ddb3b; } #green_button:disabled { background-color:#dddddd; } .btn{ vertical-align:middle; padding: 8px; padding-top: 25px; padding-bottom: 25px; cursor: pointer; background-color:#000000; color:white; border: none; font-weight:normal; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); border-top: 1px solid #CCCCCC; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #CCCCCC; } .btn:hover { background-color:#8ddb3b; } .btn:disabled { background-color:#dddddd; } .btn.green{background-color:#77AB41;font-weight:bold;font-size: ;} .btn.green:hover{background-color:#8ddb3b;} .btn.aqua{background-color:#0D8AC1;font-weight:bold;font-size: ;} .btn.aqua:hover{background-color:#00C3FF;} .btn.dark_aqua{background-color:;font-weight:bold;font-size: ;} .btn.dark_aqua:hover{background-color:;} .btn.blue{background-color:;font-weight:bold;font-size: ;} .btn.blue:hover{background-color:;} #green_button_fat{ padding: 8px; padding-left: 14px; padding-right: 14px; cursor: pointer; background-color:#77AB41; color:white; border: 1px solid #ccc; border-color: #77AB41 #77AB41 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: 5px 5px 5px #aaaaaa; font-family: 'Oswald', sans-serif; color: #ffffff; text-align: center; font-size: ; } #green_button_fat:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#edf4d0; } #green_button_fat:hover { background-image:none; background-color:#90BF52; } #green_button_fat:disabled { background-image: none; outline: 0; background-color:#dddddd; } #green_button_thin{ vertical-align:middle; padding: 10px; padding-top:7px; padding-bottom:7px; cursor: pointer; background-color:#77AB41; color:white; border: none; font-weight:normal; } #green_button_thin:hover { background-color:#90BF52; } #green_button_thin:disabled { background-color:#dddddd; } #aqua_button{ vertical-align:middle; padding: 8px; padding-top: 25px; padding-bottom: 25px; cursor: pointer; background-color:#0D8AC1; color:white; font-weight:bold; font-size: ; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); border-top: 1px solid #CCCCCC; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #CCCCCC; } #aqua_button:hover { background-color:#00C3FF; } #aqua_button:disabled { background-color:#dddddd; } #aqua_button_thin{ vertical-align:middle; padding: 10px; padding-top:7px; padding-bottom:7px; cursor: pointer; background-color:#0D8AC1; color:white; border: none; font-weight:normal; } #aqua_button_thin:hover { background-color:#00C3FF; } #aqua_button_thin:disabled { background-color:#dddddd; } .aqua_button_thin{ vertical-align:middle; padding: 10px; padding-top:7px; padding-bottom:7px; cursor: pointer; background-color:#0D8AC1; color:white; border: none; font-weight:normal; } .aqua_button_thin:hover { background-color:#00C3FF; } .aqua_button_thin:disabled { background-color:#dddddd; } .aqua_circle{ height: 20px; width: 20px; border: 2px solid #0D8AC1; border-radius: 50%; display: inline-block; padding:3px; } .aqua_circle:hover { background-color:#0D8AC1; border: 2px solid #0D8AC1; } .aqua_circle:disabled { background-color:#dddddd; border-color:#dddddd; } #red_button{ vertical-align:middle; padding: 8px; padding-top: 14px; padding-bottom: 14px; cursor: pointer; background-color:#CE0000; color:white; border: none; font-weight:normal; } #red_button:hover { background-color:#FF0000; } #red_button:disabled { background-color:#dddddd; } #red_button_thin{ vertical-align:middle; padding: 10px; padding-top:7px; padding-bottom:7px; cursor: pointer; background-color:#CE0000; color:white; border: none; font-weight:normal; } #red_button_thin:hover { background-color:#FF0000; } #red_button_thin:disabled { background-color:#dddddd; } #pay_button{ padding: 6px; padding-top:2px; padding-bottom:4px; cursor: pointer; background-color:#77AB41; color:white; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #pay_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color: ; } #pay_button:hover { background-image:none; background-color: ; } #pay_button:disabled { background-image: none; outline: 0; background-color:#dddddd; } #blue_button{ vertical-align:middle; padding: 8px; padding-top: 14px; padding-bottom: 14px; cursor: pointer; background-color:; color:white; border: none; font-weight:normal; } #blue_button:hover { background-color:; } #blue_button:disabled { background-color:#dddddd; } .blue_button{ vertical-align:middle; padding: 8px; padding-top: 14px; padding-bottom: 14px; cursor: pointer; background-color:; color:white; border: none; font-weight:normal; } .blue_button:hover { background-color:; } .blue_button:disabled { background-color:#dddddd; } #blue_button_thin{ padding: 6px; padding-top:4px; padding-bottom:4px; cursor: pointer; background-color:; color:white; border: 1px solid #ccc; border-color: #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight:normal; } #blue_button_thin:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:; } #blue_button_thin:hover { background-image:none; background-color:; } #blue_button_thin:disabled { background-image: none; outline: 0; background-color:#dddddd; } #blue_button_ultrathin{ padding: 4px; padding-top:2px; padding-bottom:2px; cursor: pointer; background-color:; color:white; border: 1px solid #ccc; border-color: 1 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight:normal; } #blue_button_ultrathin:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:; } #blue_button_ultrathin:hover { background-image:none; background-color:; } #blue_button_ultrathin:disabled { background-image: none; outline: 0; background-color:#dddddd; } #orange_button{ padding: 8px; padding-left: 14px; padding-right: 14px; cursor: pointer; background-color:#EE7023; color:white; border: 1px solid #ccc; border-color: #EE7023 #EE7023 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #orange_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#FF9810; } #orange_button:hover { background-image:none; background-color:#FF9810; } #orange_button:disabled { background-image: none; outline: 0; background-color:#dddddd; } #orange_button_thin{ padding: 6px; padding-top:4px; padding-bottom:4px; cursor: pointer; background-color:#EE7023; color:white; border: 1px solid #ccc; border-color: #EE7023 #EE7023 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight:normal; } #orange_button_thin:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#FF9810; } #orange_button_thin:hover { background-image:none; background-color:#FF9810; } #orange_button_thin:disabled { background-image: none; outline: 0; background-color:#dddddd; } #grey_button{ padding: 8px; padding-left: 14px; padding-right: 14px; cursor: pointer; background-color:#555555; color:white; border-color: #555555 #555555 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight:normal; } #grey_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:; } #grey_button:hover { background-image:none; background-color: ; } #grey_button:disabled { background-image: none; outline: 0; background-color:#333333; color: #666666; } #box_button{ cursor: pointer; box-shadow: 0 10px 6px -6px #777; text-decoration: none; font-weight: normal; border: 3px solid #cccccc; min-height: 100px; } #box_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); text-decoration: none; font-weight: normal; } #box_button:hover { background:#D5EAC3; border: 3px solid #333333; text-decoration: none; font-weight: normal; } #box_button:disabled { outline: 0; } #black_button{ padding: 8px; padding-left: 11px; padding-right: 11px; cursor: pointer; background:#333333; color:white; font-weight:bold; border: none; font-size:; } #wysiwyg_button{ min-width:90px; padding: 8px; cursor: pointer; background-color:#295FAC; color:white; border: 1px solid #ccc; border-color: #295FAC #295FAC #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #wysiwyg_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#389BF4; } #wysiwyg_button:hover { background-image:none; background-color:#389BF4; } #wysiwyg_button:disabled { background-image: none; outline: 0; background-color:#dddddd; } #wysiwyg_color { width: 95%; height: 100%; background-color:#295FAC; } #wysiwyg_color:active { outline: 0; background-color:#389BF4; } #wysiwyg_color:hover { background-image:none; background-color:#389BF4; } #wysiwyg_color:disabled { background-image: none; outline: 0; background-color:#dddddd; } #pageNav_button{ padding: 8px; padding-left: 14px; padding-right: 14px; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #pageNav_button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color:#edf4d0; } #pageNav_button:hover { background-image:none; background-color:#ECFFCF; } #pageNav_button:disabled { background-image: none; outline: 0; background-color:#dddddd; } select:required:invalid { color: gray; } input[type='file'] { width: 100%; } input[type=color] { width: 100px; } input[type='button'] { cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } input[type='text'],input[type='number'],input[type='email'], input[type='password']{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px; padding-top: 8px; padding-bottom: 8px; border: 1px solid #bbbbbb; } input[type='number'] { width:70px; text-align: right; } input[id='customer'],input[id='email'] { width:200px; text-align: left; padding-top: 5px; padding-bottom: 5px; } input[type='date']{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1px; background-color: #ffffff; } input[type='checkbox']{ cursor: pointer; width:20px; height:20px; -ms-transform: scale(1.2); /* IE */ -moz-transform: scale(1.2); /* FF */ -webkit-transform: scale(1.2); /* Safari and Chrome */ -o-transform: scale(1.2); /* Opera */ } select{ cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px; padding-top: 8px; padding-bottom: 8px; background-color: #ffffff; } .tooltip { display: none; padding: 10px; } .input { position: relative; } .input:hover .tooltip { background: #dddddd; border-radius: 3px; bottom: 40px; display: inline; right: 0; position: absolute; } .button-box { display:table-cell; height: 75px;width: 200px;border: 10px solid rgba(55,55,55,.8); text-align: center; font-size:; background: rgba(55,55,55,.8); z-index: 11; /* 1px higher than the overlay layer */ vertical-align:middle; } .button-box:hover { background: ; } #invisi_edit { width: 30px; height: 30px; vertical-align:middle; cursor: pointer; border:none; background: url(//risestairs.com/style/edit.png) no-repeat 50% 0; background-size:contain; } #invisi_edit:hover { background-image:none; background: url(//risestairs.com/style/edit_bh.png) no-repeat 50% 0; background-size:contain; } #invisi_edit:disabled { background-image: none; outline: 0; background-color:#dddddd; } #invisi_trash { width: 30px; height: 30px; vertical-align:middle; cursor: pointer; border:none; background: url(//risestairs.com/style/trash_r.png) no-repeat 50% 0; background-size:contain; } #invisi_trash:hover { background-image:none; background: url(//risestairs.com/style/trash_rh.png) no-repeat 50% 0; background-size:contain; } #invisi_trash:disabled { background-image: none; outline: 0; background-color:#dddddd; }