.pager { float: right; /* width: 350px; */ height: 20px; padding: 0; margin: 0; /* padding-top: 10px; */ /* padding-left: 10px; */ /* border-radius: 8px; */ /* -moz-border-radius: 8px; */ font-size: 11px; } .pager div.short { float: right; margin: 0; padding: 0; } .pager div.short input { width: 25px; height: 14px; border: none; margin: 0 8px; float: left; border: 1px solid #DDD; font-size: 11px !important; } .pager ul { list-style: none; padding: 0; margin: 0 4px !important; float: left; /* margin-right: 4px; */ } .pager ul li { display: inline; /* margin-left: 2px; */ } .pager ul li a.normal { text-decoration: none; line-height: 1.1em !important; display: inline-table; margin: 0 1px; width: 16px; height: 13px; padding: 2px 0 0 0; text-align: center; font-size: 10px !important; color: #666; border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #CCC; } .pager ul li a.normal:hover { color: #FF3300 !important; } .pager span { margin: 0 2px; /* margin-top: 4px; */ color: #666666; float: left; /* padding: 0 0 4px 0; */ } .pager .btn { display: block; margin: 0 3px; text-align: center; float: left; /* margin: 0 4px 0 0; */ cursor: pointer; /* border-radius: 4px; */ /* -moz-border-radius: 4px; */ /* border: 1px solid #F30; */ } .pager ul li a.active { text-decoration: none; /* display: inline-table; */ /* width: 22px; */ text-align: center; /* border: 1px solid #F30; */ /* border-radius: 4px; */ /* -moz-border-radius: 4px; */ /* color: White !important; */ /* padding: 2px 0 0 0; */ } .pager ul li a.active:hover { color: Black !important; } /*green*/.green { background-color: #4f7305; } .green.normal { background-color: #588500; color: White; border: solid 1px #5f9000; } .green.active { background-color: #344C00; color: #F8EB00; border: solid 1px #5f9000; } .pager.green .btn { background-color: #588500; color: White; border: solid 1px #5f9000; } /*black*/.black { background-color: #202020; } .black.normal { background-color: #1d1d1d; color: #B0D551; border: solid 1px #000; } .black.active { background-color: #333333; color: White; border: solid 1px #000; } .pager.black .btn { background-color: #1d1d1d; color: White; border: solid 1px #000; } /*red*/.red { background-color: #D50B07; } .red.normal { background-color: #E71C18; color: White; border: solid 1px #F82723; } .red.active { background-color: #C00D09; color: White; border: solid 1px #A90B08; } .pager.red .btn { background-color: #E71C18; color: White; border: solid 1px #F82723; } /*idiliq*/.idiliq { background-color: #FFFFFF; } .idiliq .normal { /* background-color: #EEEEEE; */ padding: 1px 0 0 0; color: #666 !important; width: 14px; /* border: solid 1px #DDDDDD; */ } .idiliq .active { /* background-color: #FF3300; */ padding: 1px 0 0 0; color: #F30 !important; width: 14px; /* border-bottom: 1px solid #F30; */ } .idiliq .active a { /* background-color: #FF3300; */ color: #F30 !important; font-weight: bold; /* border-bottom: 1px solid #F30; */ } .pager .idiliq .btn { font-family: Tahoma, Geneva, sans-serif; /* background-color: #EEEEEE; */ color: #666666; /* border: solid 1px #DDDDDD; */ height: 18px; width: 16px; text-align: center; }