/* reset
===========================================================================================================*/ * { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } :focus { outline: 0;
}
ol, ul { list-style: none;
} /* font size
===========================================================================================================*/ .f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;} /* font colors
===========================================================================================================*/ .fc-white {color: #ffffff;} /* spacing
===========================================================================================================*/ .s00 {margin: 0px;}
.s05 {margin: 0px 0px 05px 0px;}
.s10 {margin: 0px 0px 10px 0px;}
.s20 {margin: 0px 0px 20px 0px;} /* shortcuts
===========================================================================================================*/ .hide {display: none;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.no-text {text-indent: -1000000px;} /* clear
===========================================================================================================*/ .c:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.c {display: inline-block;}
.c {display: block;} /* theme
--------------------------------------------------------------------------------------------------- */ html, body { height: 100%;
}
body { color: #777777; text-align: center; font: normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: #252525 url("../images/themes/grey/theme_background.png") repeat-x top;
}
a { color: #99f127; text-decoration: none;
} #debug { background: #ffffff; padding: 20px; color: #000000; text-align: left; font-size: 12px;
}
#debug h2 { padding: 5px; font-weight: bold; background: #efefef;
} /* centre
--------------------------------------------------------------------------------------------------- */ .centre { width: 941px; margin: 0px auto; position: relative; text-align: left;
} .bold { font-weight: bold;
} .bg-white { background: #ffffff;
} /* h1
===========================================================================================================*/ h1 { height: 80px; margin: 0px 20px 0px 20px; text-indent: -10000px; background: url("http://plugins.tvcatchup.com/~xbmc/theme_h1.png") no-repeat 0px 0px;
} .pad { padding: 20px;
} /* columns
===========================================================================================================*/ .col { float: left; width: 100%;
}
.col .content { margin-right: 320px;
}
.side { float: left; width: 300px; margin-left: -300px;
} /* header
--------------------------------------------------------------------------------------------------- */ #header { height: 110px;
}
#header .logo { width: 276px; height: 80px; display: block; background: url("http://plugins.tvcatchup.com/~xbmc/TVC_logo_banner.png") no-repeat top left;
}
#header ul { height: 30px; width: 941px; background: url("../images/themes/grey/theme_tabs_bg.png");
}
#header ul li { float: left; height: 30px;
}
#header ul li a { float: left; height: 30px; text-indent: -10000px; background: url("http://plugins.tvcatchup.com/~xbmc/theme_tabs.png") top left;
} #header ul li#t-home a {width: 51px; background-position: -5px 0px;}
#header ul li#t-channels a {width: 71px; background-position: -66px 0px;}
#header ul li#t-guide a {width: 62px; background-position: -147px 0px;}
#header ul li#t-forums a {width: 57px; background-position: -219px 0px;}
#header ul li#t-iphone a {width: 52px; background-position: -546px 0px;}
#header ul li#t-ipad a {width: 46px; background-position: -603px 0px;}
#header ul li#t-logs a {width: 85px; background-position: -785px 0px;}
#header ul li#t-temp a {width: 102px; background-position: -874px 0px;}
#header ul li#t-count a {width: 85px; background-position: -980px 0px;}
#header ul li#t-plugin a {width: 90px; background-position: -1070px 0px;}
#header ul li#t-logview a {width: 80px; background-position: -1166px 0px;}
#header ul li#t-login a {width: 53px; background-position: -427px 0px;}
#header ul li#t-signup a {width: 61px; background-position: -480px 0px;} #header ul li#t-home a:hover {background-position: -5px -60px;}
#header ul li#t-channels a:hover {background-position: -66px -60px;}
#header ul li#t-guide a:hover {background-position: -147px -60px;}
#header ul li#t-forums a:hover {background-position: -219px -60px;}
#header ul li#t-iphone a:hover {background-position: -546px -60px;}
#header ul li#t-ipad a:hover {background-position: -603px -60px;}
#header ul li#t-logs a:hover {background-position: -785px -60px;}
#header ul li#t-temp a:hover {background-position: -874px -60px;}
#header ul li#t-count a:hover {background-position: -980px -60px;}
#header ul li#t-plugin a:hover {background-position: -1070px -60px;}
#header ul li#t-logview a:hover {background-position: -1166px -60px;}
#header ul li#t-login a:hover {background-position: -427px -60px;}
#header ul li#t-signup a:hover {background-position: -480px -60px;} #header ul li#t-home a.active {background-position: -5px -30px;}
#header ul li#t-channels a.active {background-position: -66px -30px;}
#header ul li#t-guide a.active {background-position: -147px -30px;}
#header ul li#t-forums a.active {background-position: -219px -30px;}
#header ul li#t-iphone a.active {background-position: -546px -30px;}
#header ul li#t-login a.active {background-position: -427px -30px;}
#header ul li#t-ipad a.active {background-position: -603px -30px;}
#header ul li#t-logs a.active {background-position: -785px -30px;}
#header ul li#t-temp a.active {background-position: -874px -30px;}
#header ul li#t-count a.active {background-position: -980px -30px;}
#header ul li#t-plugin a.active {background-position: -1070px -30px;}
#header ul li#t-logview a.active {background-position: -1166px -30px;}
#header ul li#t-signup a.active {background-position: -480px -30px;} #header ul li#t-login { margin-left: 428px;
} #header #user { top: 88px; right: 9px; color: #425157; font-size: 10px; position: absolute;
}
#header #user span { color: #516b76; font-weight: bold;
}
#header #user a { color: #425157;
} /* sticky footer
--------------------------------------------------------------------------------------------------- */ #tvcatchup { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -90px;
}
#push { height: 90px; }
#footer { color: #3b3b3b; padding: 50px 0px 10px 0px;
}
#footer .i { height: 30px; font-size: 10px; padding: 0px 5px 0px 5px;
}
#footer a { color: #535252;
}
#footer a:hover { color: #ffffff;
} .twitter { display: none;
} /* subtabs
--------------------------------------------------------------------------------------------------- */ #subtabs { top: 54px; right: 80px; height: 25px; position: absolute; z-index: 1;
}
#subtabs li { float: left; height: 25px;
}
#subtabs li a { float: left; height: 25px; line-height: 25px; margin-left: 10px; border: 1px solid #3D3D3D; padding: 0px 15px 0px 15px;
}
#subtabs li a.selected { border-bottom: 1px solid #252525;
}
#subtabs-content { padding-top: 17px; border-top: 1px solid #3D3D3D;
} /* form
===========================================================================================================*/ .form .space { height: 10px;
}
.form .field { margin-bottom: 10px;
}
.form label { float: left; width: 120px; height: 34px; line-height: 34px; display: block; font-weight: bold; font-size: 12px; color: #999999; padding-left: 10px; background: #343434; margin-right: 10px;
}
.form .text, .form .password { width: 230px; font-size: 16px; font-weight: bold; background: #4F4F4F; padding: 5px 5px 5px 5px; border: 2px solid #343434;
}
.form .textbox { width: 740px; font-size: 16px; font-weight: normal; background: #4F4F4F; padding: 5px 5px 5px 5px; border: 2px solid #343434;
}
.form .select { width: 230px; font-size: 16px; font-weight: bold; background: #4F4F4F; padding: 5px 4px 5px 4px; border: 2px solid #343434;
}
.form .submit-button { padding-left: 140px;
}
.form .submit { color: #eeeeee; padding: 5px 5px 5px 5px; background: #2F2C2C; border: 1px solid #343434;
} /* box
===========================================================================================================*/ .box { color: #EBEBEB; background: #343434;
}
.box.white { background: #404040;
}
.box.warning { background: #FFFFCC;
}
.box h2 { color: #C6C6C6; font-size: 16px; font-weight: bold; padding: 10px 20px 10px 20px; background: #343434;
} .box.no-title .pad { padding: 0px 20px 20px 20px;
} /* msg
===========================================================================================================*/ .msg { padding: 10px; color: #ffffff; background: #FFB900;
}
.msg a { color: #000000;
}
.msg.error { background: red;
} /* ACCOUNT --------------------------------------------------------------------------------------------------- */ #account h1 { background-position: 0px -480px; } /* tabs --------------------------------------------------------------------------------------------------- */ #account #tabs { top: 54px; right: 20px; height: 25px; position: absolute; z-index: 10000; } #account #tabs li { float: left; height: 25px; } #account #tabs li a { float: left; height: 25px; line-height: 25px; margin-left: 10px; border: 1px solid #3D3D3D; padding: 0px 15px 0px 15px; } #account #tabs li a.selected { border-bottom: 1px solid #252525; } #account #line { padding-top: 17px; border-top: 1px solid #3D3D3D; } /* login --------------------------------------------------------------------------------------------------- */ #login h1 { background-position: 0px -240px; } #login #centre { margin: 0px 100px 0px 100px; } /* logfile --------------------------------------------------------------------------------------------------- */ #logfile h1 { background-position: 0px -720px; } { height: 80px; } /* brokenchan --------------------------------------------------------------------------------------------------- */ #brokenchan h1 { background-position: 0px -800px; } { height: 80px; } /* signup --------------------------------------------------------------------------------------------------- */ #signup h1 { background-position: 0px -320px; } /* channels
--------------------------------------------------------------------------------------------------- */ #channels h1 { height: 80px;
} /* modal
--------------------------------------------------------------------------------------------------- */ .info .fl { float: left;
}
.info .fr { float: right;
}
#streams li { float: left; width: 150px; text-align: center; padding: 10px 0px 10px 0px; border-left: 2px solid #666666;
}
#streams li.low { border: 0px;
}
#streams li a { font-size: 22px; display: block;
}
#streams li span { font-size: 10px;
} /* logos
--------------------------------------------------------------------------------------------------- */ #channels #logos { width: 800px; margin: 0px auto; padding-top: 17px; border-top: 1px solid #3D3D3D;
} /* scroller
--------------------------------------------------------------------------------------------------- */ #scroller { width: 982px; margin: 0px auto;
} /* channel list
--------------------------------------------------------------------------------------------------- */ .channels { position:relative; overflow:hidden;
}
.channels li { width: 86px; height: 66px; float: left; overflow: hidden; position: relative; margin: 0px 7px 14px 7px;
}
.channels li a { width: 100%; height: 100%; display: block; text-indent: -10000px;
} /* logos
--------------------------------------------------------------------------------------------------- */ .channels li a {background-image: url("../images/channels/enabled/channel_0.png");}
.channels li.channel_1 a {background-image: url("../images/channels/enabled/channel_1.png");}
.channels li.channel_2 a {background-image: url("../images/channels/enabled/channel_2.png");}
.channels li.channel_3 a {background-image: url("../images/channels/enabled/channel_3.png");}
.channels li.channel_4 a {background-image: url("../images/channels/enabled/channel_4.png");}
.channels li.channel_5 a {background-image: url("../images/channels/enabled/channel_5.png");}
.channels li.channel_6 a {background-image: url("../images/channels/enabled/channel_6.png");}
.channels li.channel_7 a {background-image: url("../images/channels/enabled/channel_7.png");}
.channels li.channel_8 a {background-image: url("../images/channels/enabled/channel_8.png");}
.channels li.channel_9 a {background-image: url("../images/channels/enabled/channel_9.png");}
.channels li.channel_10 a {background-image: url("../images/channels/enabled/channel_10.png");}
.channels li.channel_11 a {background-image: url("../images/channels/enabled/channel_11.png");}
.channels li.channel_12 a {background-image: url("../images/channels/enabled/channel_12.png");}
.channels li.channel_13 a {background-image: url("../images/channels/enabled/channel_13.png");}
.channels li.channel_14 a {background-image: url("../images/channels/enabled/channel_14.png");}
.channels li.channel_15 a {background-image: url("../images/channels/enabled/channel_15.png");}
.channels li.channel_16 a {background-image: url("../images/channels/enabled/channel_16.png");}
.channels li.channel_17 a {background-image: url("../images/channels/enabled/channel_17.png");}
.channels li.channel_18 a {background-image: url("../images/channels/enabled/channel_18.png");}
.channels li.channel_19 a {background-image: url("../images/channels/enabled/channel_19.png");}
.channels li.channel_20 a {background-image: url("../images/channels/enabled/channel_20.png");}
.channels li.channel_21 a {background-image: url("../images/channels/enabled/channel_21.png");}
.channels li.channel_22 a {background-image: url("../images/channels/enabled/channel_22.png");}
.channels li.channel_23 a {background-image: url("../images/channels/enabled/channel_23.png");}
.channels li.channel_24 a {background-image: url("../images/channels/enabled/channel_24.png");}
.channels li.channel_25 a {background-image: url("../images/channels/enabled/channel_25.png");}
.channels li.channel_26 a {background-image: url("../images/channels/enabled/channel_26.png");}
.channels li.channel_27 a {background-image: url("../images/channels/enabled/channel_27.png");}
.channels li.channel_28 a {background-image: url("../images/channels/enabled/channel_28.png");}
.channels li.channel_29 a {background-image: url("../images/channels/enabled/channel_29.png");}
.channels li.channel_30 a {background-image: url("../images/channels/enabled/channel_30.png");}
.channels li.channel_31 a {background-image: url("../images/channels/enabled/channel_31.png");}
.channels li.channel_32 a {background-image: url("../images/channels/enabled/channel_32.png");}
.channels li.channel_33 a {background-image: url("../images/channels/enabled/channel_33.png");}
.channels li.channel_34 a {background-image: url("../images/channels/enabled/channel_34.png");}
.channels li.channel_35 a {background-image: url("../images/channels/enabled/channel_35.png");}
.channels li.channel_36 a {background-image: url("../images/channels/enabled/channel_36.png");}
.channels li.channel_37 a {background-image: url("../images/channels/enabled/channel_37.png");}
.channels li.channel_38 a {background-image: url("../images/channels/enabled/channel_38.png");}
.channels li.channel_39 a {background-image: url("../images/channels/enabled/channel_39.png");}
.channels li.channel_40 a {background-image: url("../images/channels/enabled/channel_40.png");}
.channels li.channel_41 a {background-image: url("../images/channels/enabled/channel_41.png");}
.channels li.channel_42 a {background-image: url("../images/channels/enabled/channel_42.png");}
.channels li.channel_43 a {background-image: url("../images/channels/enabled/channel_43.png");}
.channels li.channel_44 a {background-image: url("../images/channels/enabled/channel_44.png");}
.channels li.channel_45 a {background-image: url("../images/channels/enabled/channel_45.png");}
.channels li.channel_46 a {background-image: url("../images/channels/enabled/channel_46.png");}
.channels li.channel_47 a {background-image: url("../images/channels/enabled/channel_47.png");}
.channels li.channel_48 a {background-image: url("../images/channels/enabled/channel_48.png");}
.channels li.channel_49 a {background-image: url("../images/channels/enabled/channel_49.png");}
.channels li.channel_50 a {background-image: url("../images/channels/enabled/channel_50.png");}
.channels li.channel_51 a {background-image: url("../images/channels/enabled/channel_51.png");}
.channels li.channel_52 a {background-image: url("../images/channels/enabled/channel_52.png");}
.channels li.channel_53 a {background-image: url("../images/channels/enabled/channel_53.png");}
.channels li.channel_54 a {background-image: url("../images/channels/enabled/channel_54.png");}
.channels li.channel_55 a {background-image: url("../images/channels/enabled/channel_55.png");}
.channels li.channel_56 a {background-image: url("../images/channels/enabled/channel_56.png");}
.channels li.channel_57 a {background-image: url("../images/channels/enabled/channel_57.png");}
.channels li.channel_58 a {background-image: url("../images/channels/enabled/channel_58.png");}
.channels li.channel_59 a {background-image: url("../images/channels/enabled/channel_59.png");}
.channels li.channel_60 a {background-image: url("../images/channels/enabled/channel_60.png");} .channels li a:hover {background-image: url("../images/channels/hover/channel_0.png");}
.channels li.channel_1 a:hover {background-image: url("../images/channels/hover/channel_1.png");}
.channels li.channel_2 a:hover {background-image: url("../images/channels/hover/channel_2.png");}
.channels li.channel_3 a:hover {background-image: url("../images/channels/hover/channel_3.png");}
.channels li.channel_4 a:hover {background-image: url("../images/channels/hover/channel_4.png");}
.channels li.channel_5 a:hover {background-image: url("../images/channels/hover/channel_5.png");}
.channels li.channel_6 a:hover {background-image: url("../images/channels/hover/channel_6.png");}
.channels li.channel_7 a:hover {background-image: url("../images/channels/hover/channel_7.png");}
.channels li.channel_8 a:hover {background-image: url("../images/channels/hover/channel_8.png");}
.channels li.channel_9 a:hover {background-image: url("../images/channels/hover/channel_9.png");}
.channels li.channel_10 a:hover {background-image: url("../images/channels/hover/channel_10.png");}
.channels li.channel_11 a:hover {background-image: url("../images/channels/hover/channel_11.png");}
.channels li.channel_12 a:hover {background-image: url("../images/channels/hover/channel_12.png");}
.channels li.channel_13 a:hover {background-image: url("../images/channels/hover/channel_13.png");}
.channels li.channel_14 a:hover {background-image: url("../images/channels/hover/channel_14.png");}
.channels li.channel_15 a:hover {background-image: url("../images/channels/hover/channel_15.png");}
.channels li.channel_16 a:hover {background-image: url("../images/channels/hover/channel_16.png");}
.channels li.channel_17 a:hover {background-image: url("../images/channels/hover/channel_17.png");}
.channels li.channel_18 a:hover {background-image: url("../images/channels/hover/channel_18.png");}
.channels li.channel_19 a:hover {background-image: url("../images/channels/hover/channel_19.png");}
.channels li.channel_20 a:hover {background-image: url("../images/channels/hover/channel_20.png");}
.channels li.channel_21 a:hover {background-image: url("../images/channels/hover/channel_21.png");}
.channels li.channel_22 a:hover {background-image: url("../images/channels/hover/channel_22.png");}
.channels li.channel_23 a:hover {background-image: url("../images/channels/hover/channel_23.png");}
.channels li.channel_24 a:hover {background-image: url("../images/channels/hover/channel_24.png");}
.channels li.channel_25 a:hover {background-image: url("../images/channels/hover/channel_25.png");}
.channels li.channel_26 a:hover {background-image: url("../images/channels/hover/channel_26.png");}
.channels li.channel_27 a:hover {background-image: url("../images/channels/hover/channel_27.png");}
.channels li.channel_28 a:hover {background-image: url("../images/channels/hover/channel_28.png");}
.channels li.channel_29 a:hover {background-image: url("../images/channels/hover/channel_29.png");}
.channels li.channel_30 a:hover {background-image: url("../images/channels/hover/channel_30.png");}
.channels li.channel_31 a:hover {background-image: url("../images/channels/hover/channel_31.png");}
.channels li.channel_32 a:hover {background-image: url("../images/channels/hover/channel_32.png");}
.channels li.channel_33 a:hover {background-image: url("../images/channels/hover/channel_33.png");}
.channels li.channel_34 a:hover {background-image: url("../images/channels/hover/channel_34.png");}
.channels li.channel_35 a:hover {background-image: url("../images/channels/hover/channel_35.png");}
.channels li.channel_36 a:hover {background-image: url("../images/channels/hover/channel_36.png");}
.channels li.channel_37 a:hover {background-image: url("../images/channels/hover/channel_37.png");}
.channels li.channel_38 a:hover {background-image: url("../images/channels/hover/channel_38.png");}
.channels li.channel_39 a:hover {background-image: url("../images/channels/hover/channel_39.png");}
.channels li.channel_40 a:hover {background-image: url("../images/channels/hover/channel_40.png");}
.channels li.channel_41 a:hover {background-image: url("../images/channels/hover/channel_41.png");}
.channels li.channel_42 a:hover {background-image: url("../images/channels/hover/channel_42.png");}
.channels li.channel_43 a:hover {background-image: url("../images/channels/hover/channel_43.png");}
.channels li.channel_44 a:hover {background-image: url("../images/channels/hover/channel_44.png");}
.channels li.channel_45 a:hover {background-image: url("../images/channels/hover/channel_45.png");}
.channels li.channel_46 a:hover {background-image: url("../images/channels/hover/channel_46.png");}
.channels li.channel_47 a:hover {background-image: url("../images/channels/hover/channel_47.png");}
.channels li.channel_48 a:hover {background-image: url("../images/channels/hover/channel_48.png");}
.channels li.channel_49 a:hover {background-image: url("../images/channels/hover/channel_49.png");}
.channels li.channel_50 a:hover {background-image: url("../images/channels/hover/channel_50.png");}
.channels li.channel_51 a:hover {background-image: url("../images/channels/hover/channel_51.png");}
.channels li.channel_52 a:hover {background-image: url("../images/channels/hover/channel_52.png");}
.channels li.channel_53 a:hover {background-image: url("../images/channels/hover/channel_53.png");}
.channels li.channel_54 a:hover {background-image: url("../images/channels/hover/channel_54.png");}
.channels li.channel_55 a:hover {background-image: url("../images/channels/hover/channel_55.png");}
.channels li.channel_56 a:hover {background-image: url("../images/channels/hover/channel_56.png");}
.channels li.channel_57 a:hover {background-image: url("../images/channels/hover/channel_57.png");}
.channels li.channel_58 a:hover {background-image: url("../images/channels/hover/channel_58.png");}
.channels li.channel_59 a:hover {background-image: url("../images/channels/hover/channel_59.png");}
.channels li.channel_60 a:hover {background-image: url("../images/channels/hover/channel_60.png");} .channels li a.offline {cursor: default;}
.channels li a.offline {background-image: url("../images/channels/offline/channel_0.png"); }
.channels li.channel_1 a.offline {background-image: url("../images/channels/offline/channel_1.png");}
.channels li.channel_2 a.offline {background-image: url("../images/channels/offline/channel_2.png");}
.channels li.channel_3 a.offline {background-image: url("../images/channels/offline/channel_3.png");}
.channels li.channel_4 a.offline {background-image: url("../images/channels/offline/channel_4.png");}
.channels li.channel_5 a.offline {background-image: url("../images/channels/offline/channel_5.png");}
.channels li.channel_6 a.offline {background-image: url("../images/channels/offline/channel_6.png");}
.channels li.channel_7 a.offline {background-image: url("../images/channels/offline/channel_7.png");}
.channels li.channel_8 a.offline {background-image: url("../images/channels/offline/channel_8.png");}
.channels li.channel_9 a.offline {background-image: url("../images/channels/offline/channel_9.png");}
.channels li.channel_10 a.offline {background-image: url("../images/channels/offline/channel_10.png");}
.channels li.channel_11 a.offline {background-image: url("../images/channels/offline/channel_11.png");}
.channels li.channel_12 a.offline {background-image: url("../images/channels/offline/channel_12.png");}
.channels li.channel_13 a.offline {background-image: url("../images/channels/offline/channel_13.png");}
.channels li.channel_14 a.offline {background-image: url("../images/channels/offline/channel_14.png");}
.channels li.channel_15 a.offline {background-image: url("../images/channels/offline/channel_15.png");}
.channels li.channel_16 a.offline {background-image: url("../images/channels/offline/channel_16.png");}
.channels li.channel_17 a.offline {background-image: url("../images/channels/offline/channel_17.png");}
.channels li.channel_18 a.offline {background-image: url("../images/channels/offline/channel_18.png");}
.channels li.channel_19 a.offline {background-image: url("../images/channels/offline/channel_19.png");}
.channels li.channel_20 a.offline {background-image: url("../images/channels/offline/channel_20.png");}
.channels li.channel_21 a.offline {background-image: url("../images/channels/offline/channel_21.png");}
.channels li.channel_22 a.offline {background-image: url("../images/channels/offline/channel_22.png");}
.channels li.channel_23 a.offline {background-image: url("../images/channels/offline/channel_23.png");}
.channels li.channel_24 a.offline {background-image: url("../images/channels/offline/channel_24.png");}
.channels li.channel_25 a.offline {background-image: url("../images/channels/offline/channel_25.png");}
.channels li.channel_26 a.offline {background-image: url("../images/channels/offline/channel_26.png");}
.channels li.channel_27 a.offline {background-image: url("../images/channels/offline/channel_27.png");}
.channels li.channel_28 a.offline {background-image: url("../images/channels/offline/channel_28.png");}
.channels li.channel_29 a.offline {background-image: url("../images/channels/offline/channel_29.png");}
.channels li.channel_30 a.offline {background-image: url("../images/channels/offline/channel_30.png");}
.channels li.channel_31 a.offline {background-image: url("../images/channels/offline/channel_31.png");}
.channels li.channel_32 a.offline {background-image: url("../images/channels/offline/channel_32.png");}
.channels li.channel_33 a.offline {background-image: url("../images/channels/offline/channel_33.png");}
.channels li.channel_34 a.offline {background-image: url("../images/channels/offline/channel_34.png");}
.channels li.channel_35 a.offline {background-image: url("../images/channels/offline/channel_35.png");}
.channels li.channel_36 a.offline {background-image: url("../images/channels/offline/channel_36.png");}
.channels li.channel_37 a.offline {background-image: url("../images/channels/offline/channel_37.png");}
.channels li.channel_38 a.offline {background-image: url("../images/channels/offline/channel_38.png");}
.channels li.channel_39 a.offline {background-image: url("../images/channels/offline/channel_39.png");}
.channels li.channel_40 a.offline {background-image: url("../images/channels/offline/channel_40.png");}
.channels li.channel_41 a.offline {background-image: url("../images/channels/offline/channel_41.png");}
.channels li.channel_42 a.offline {background-image: url("../images/channels/offline/channel_42.png");}
.channels li.channel_43 a.offline {background-image: url("../images/channels/offline/channel_43.png");}
.channels li.channel_44 a.offline {background-image: url("../images/channels/offline/channel_44.png");}
.channels li.channel_45 a.offline {background-image: url("../images/channels/offline/channel_45.png");}
.channels li.channel_46 a.offline {background-image: url("../images/channels/offline/channel_46.png");}
.channels li.channel_47 a.offline {background-image: url("../images/channels/offline/channel_47.png");}
.channels li.channel_48 a.offline {background-image: url("../images/channels/offline/channel_48.png");}
.channels li.channel_49 a.offline {background-image: url("../images/channels/offline/channel_49.png");}
.channels li.channel_50 a.offline {background-image: url("../images/channels/offline/channel_50.png");}
.channels li.channel_51 a.offline {background-image: url("../images/channels/offline/channel_51.png");}
.channels li.channel_52 a.offline {background-image: url("../images/channels/offline/channel_52.png");}
.channels li.channel_53 a.offline {background-image: url("../images/channels/offline/channel_53.png");}
.channels li.channel_54 a.offline {background-image: url("../images/channels/offline/channel_54.png");}
.channels li.channel_55 a.offline {background-image: url("../images/channels/offline/channel_55.png");}
.channels li.channel_56 a.offline {background-image: url("../images/channels/offline/channel_56.png");}
.channels li.channel_57 a.offline {background-image: url("../images/channels/offline/channel_57.png");}
.channels li.channel_58 a.offline {background-image: url("../images/channels/offline/channel_58.png");}
.channels li.channel_59 a.offline {background-image: url("../images/channels/offline/channel_59.png");}
.channels li.channel_60 a.offline {background-image: url("../images/channels/offline/channel_60.png");} .channels li a.disabled {cursor: default;}
.channels li a.disabled {background-image: url("../images/channels/disabled/channel_0.png"); }
.channels li.channel_1 a.disabled {background-image: url("../images/channels/disabled/channel_1.png");}
.channels li.channel_2 a.disabled {background-image: url("../images/channels/disabled/channel_2.png");}
.channels li.channel_3 a.disabled {background-image: url("../images/channels/disabled/channel_3.png");}
.channels li.channel_4 a.disabled {background-image: url("../images/channels/disabled/channel_4.png");}
.channels li.channel_5 a.disabled {background-image: url("../images/channels/disabled/channel_5.png");}
.channels li.channel_6 a.disabled {background-image: url("../images/channels/disabled/channel_6.png");}
.channels li.channel_7 a.disabled {background-image: url("../images/channels/disabled/channel_7.png");}
.channels li.channel_8 a.disabled {background-image: url("../images/channels/disabled/channel_8.png");}
.channels li.channel_9 a.disabled {background-image: url("../images/channels/disabled/channel_9.png");}
.channels li.channel_10 a.disabled {background-image: url("../images/channels/disabled/channel_10.png");}
.channels li.channel_11 a.disabled {background-image: url("../images/channels/disabled/channel_11.png");}
.channels li.channel_12 a.disabled {background-image: url("../images/channels/disabled/channel_12.png");}
.channels li.channel_13 a.disabled {background-image: url("../images/channels/disabled/channel_13.png");}
.channels li.channel_14 a.disabled {background-image: url("../images/channels/disabled/channel_14.png");}
.channels li.channel_15 a.disabled {background-image: url("../images/channels/disabled/channel_15.png");}
.channels li.channel_16 a.disabled {background-image: url("../images/channels/disabled/channel_16.png");}
.channels li.channel_17 a.disabled {background-image: url("../images/channels/disabled/channel_17.png");}
.channels li.channel_18 a.disabled {background-image: url("../images/channels/disabled/channel_18.png");}
.channels li.channel_19 a.disabled {background-image: url("../images/channels/disabled/channel_19.png");}
.channels li.channel_20 a.disabled {background-image: url("../images/channels/disabled/channel_20.png");}
.channels li.channel_21 a.disabled {background-image: url("../images/channels/disabled/channel_21.png");}
.channels li.channel_22 a.disabled {background-image: url("../images/channels/disabled/channel_22.png");}
.channels li.channel_23 a.disabled {background-image: url("../images/channels/disabled/channel_23.png");}
.channels li.channel_24 a.disabled {background-image: url("../images/channels/disabled/channel_24.png");}
.channels li.channel_25 a.disabled {background-image: url("../images/channels/disabled/channel_25.png");}
.channels li.channel_26 a.disabled {background-image: url("../images/channels/disabled/channel_26.png");}
.channels li.channel_27 a.disabled {background-image: url("../images/channels/disabled/channel_27.png");}
.channels li.channel_28 a.disabled {background-image: url("../images/channels/disabled/channel_28.png");}
.channels li.channel_29 a.disabled {background-image: url("../images/channels/disabled/channel_29.png");}
.channels li.channel_30 a.disabled {background-image: url("../images/channels/disabled/channel_30.png");}
.channels li.channel_31 a.disabled {background-image: url("../images/channels/disabled/channel_31.png");}
.channels li.channel_32 a.disabled {background-image: url("../images/channels/disabled/channel_32.png");}
.channels li.channel_33 a.disabled {background-image: url("../images/channels/disabled/channel_33.png");}
.channels li.channel_34 a.disabled {background-image: url("../images/channels/disabled/channel_34.png");}
.channels li.channel_35 a.disabled {background-image: url("../images/channels/disabled/channel_35.png");}
.channels li.channel_36 a.disabled {background-image: url("../images/channels/disabled/channel_36.png");}
.channels li.channel_37 a.disabled {background-image: url("../images/channels/disabled/channel_37.png");}
.channels li.channel_38 a.disabled {background-image: url("../images/channels/disabled/channel_38.png");}
.channels li.channel_39 a.disabled {background-image: url("../images/channels/disabled/channel_39.png");}
.channels li.channel_40 a.disabled {background-image: url("../images/channels/disabled/channel_40.png");}
.channels li.channel_41 a.disabled {background-image: url("../images/channels/disabled/channel_41.png");}
.channels li.channel_42 a.disabled {background-image: url("../images/channels/disabled/channel_42.png");}
.channels li.channel_43 a.disabled {background-image: url("../images/channels/disabled/channel_43.png");}
.channels li.channel_44 a.disabled {background-image: url("../images/channels/disabled/channel_44.png");}
.channels li.channel_45 a.disabled {background-image: url("../images/channels/disabled/channel_45.png");}
.channels li.channel_46 a.disabled {background-image: url("../images/channels/disabled/channel_46.png");}
.channels li.channel_47 a.disabled {background-image: url("../images/channels/disabled/channel_47.png");}
.channels li.channel_48 a.disabled {background-image: url("../images/channels/disabled/channel_48.png");}
.channels li.channel_49 a.disabled {background-image: url("../images/channels/disabled/channel_49.png");}
.channels li.channel_50 a.disabled {background-image: url("../images/channels/disabled/channel_50.png");}
.channels li.channel_51 a.disabled {background-image: url("../images/channels/disabled/channel_51.png");}
.channels li.channel_52 a.disabled {background-image: url("../images/channels/disabled/channel_52.png");}
.channels li.channel_53 a.disabled {background-image: url("../images/channels/disabled/channel_53.png");}
.channels li.channel_54 a.disabled {background-image: url("../images/channels/disabled/channel_54.png");}
.channels li.channel_55 a.disabled {background-image: url("../images/channels/disabled/channel_55.png");}
.channels li.channel_56 a.disabled {background-image: url("../images/channels/disabled/channel_56.png");}
.channels li.channel_57 a.disabled {background-image: url("../images/channels/disabled/channel_57.png");}
.channels li.channel_58 a.disabled {background-image: url("../images/channels/disabled/channel_58.png");}
.channels li.channel_59 a.disabled {background-image: url("../images/channels/disabled/channel_59.png");}
.channels li.channel_60 a.disabled {background-image: url("../images/channels/disabled/channel_60.png");} /* home
--------------------------------------------------------------------------------------------------- */ #home { background: url("../images/themes/grey/home_feature.png") no-repeat top center;
}
#home #spotlight { height: 400px;
}
#home #spotlight #text ul { margin: 0px; height: 28px; padding: 255px 0px 0px 50px;
}
#home #spotlight #text li { float: left; height: 28px; margin-right: 10px;
}
#home #spotlight #text li a { background-image: url("../images/themes/grey/theme_buttons.png");
}
#home #spotlight #text li.signup a { float: left; width: 87px; height: 28px; cursor: pointer; text-indent: -999999px; background-position: -87px 0px;
}
#home #spotlight #text li.watch a { float: left; height: 28px; width: 112px; cursor: pointer; text-indent: -999999px; background-position: -183px 0px;
}
#home #spotlight #text li.signup a:hover { background-position: 0px 0px;
}
#home #spotlight #text li.watch a:hover { background-position: -295px 0px;
}
#home #spotlight #screen { position: absolute; top: 16px; left: 436px;
}
#home #spotlight #info { width: 399px; color: #ffffff; margin: 90px 0px 0px 470px;
}
#home #spotlight #info .title { color: #eeeeee; font-size: 12px; font-weight: bold;
}
#home #spotlight #info .when { color: #000000; font-size: 11px;
} /* iphone --------------------------------------------------------------------------------------------------- */ #iphone h1 { background-position: 0px -160px; } /* guide
--------------------------------------------------------------------------------------------------- */ #guide h1 { background-position: 0px -80px;
} /* button
--------------------------------------------------------------------------------------------------- */ .b { float: left; height: 23px; padding-left: 1px; background: url("../images/themes/grey/guide_button_l.png") no-repeat top left;
}
.b span { float: left; height: 23px; color: #FFFFFF; font-size: 10px; line-height: 20px; padding-left: 4px; padding-right: 5px; font-weight: normal; background: url("../images/themes/grey/guide_button_r.png") no-repeat top right;
}
.b:hover { background-position: 0px -23px;
}
.b:hover span { background-position: right -23px;
}
.b.a { background-position: 0px -46px;
}
.b.a span { background-position: right -46px; } /* filters
--------------------------------------------------------------------------------------------------- */ #filters label { color: #3D3D3D; font-size: 9px; display: block; margin-bottom: 5px; border-bottom: 1px solid #3D3D3D;
}
#filters #days { color: #ffffff; height: 18px; width: 139px; padding-top: 1px; background: #999999;
}
#hours { height: 23px; margin-bottom: 10px;
}
#hours li { float: left; height: 23px; margin-left: 2px;
}
#hours li.first { margin-left: 0px;
} /* grid
--------------------------------------------------------------------------------------------------- */ #guide #grid { float: left; width: 786px; position: relative;
}
#guide #current { top: -5px; left: 85px; width: 1px; height: 24px; background: #000000; position: absolute; display: none; border-right: 1px solid red;
}
#guide #current #top { top: -5px; right: -3px; width: 5px; height: 5px; position: absolute;
} /* timeline
--------------------------------------------------------------------------------------------------- */ #guide #timeline { height: 20px; width: 786px; background: url("../images/themes/grey/guide_timeline.png") no-repeat top left;
}
#guide #timeline .time { float: left; height: 17px; width: 115px; padding-left: 5px; font-size: 10px; padding-top: 3px;
} /* programmes
--------------------------------------------------------------------------------------------------- */ #guide #programmes { width: 786px; padding-bottom: 1px; background: url("../images/themes/grey/guide_row.png");
}
#guide #programmes .row { width: 786px; height: 50px; margin-bottom: 1px; position: relative; background: url("../images/themes/grey/guide_row.png") no-repeat top left;
}
#guide #programmes .row .logo { float: left; width: 65px; height: 50px;
}
#guide #programmes .row .programmes { float: left; height: 50px; width: 721px;
}
#guide #programmes .row .programme { height: 50px; float: left; color: #FFFFFF; font-size: 11px; font-weight: bold; overflow: hidden; position: relative; white-space:nowrap; }
#guide #programmes .row .programme .line { height: 50px; background: url("../images/themes/grey/guide_row_line.png") no-repeat top left;
}
#guide #programmes .row .programme .last { height: 50px; background: url("../images/themes/grey/guide_row_line.png") no-repeat top right;
} /* programme
--------------------------------------------------------------------------------------------------- */ #guide #programmes .row .programme .title { padding: 5px 5px 0px 5px; overflow: hidden;
}
#guide #programmes .row .programme .subtitle { padding: 0px 5px 0px 5px; overflow: hidden;
} /* controls
--------------------------------------------------------------------------------------------------- */ #controls { float: right; width: 140px; margin-top: 12px; color: #ffffff; background: #000000; margin-bottom: 10px;
}
#controls .pad { padding: 10px;
}
#controls img { height: 9px; float: left; margin-right: 3px; margin-top: 2px;
} #skyscraper { float: right; width: 120px; padding: 0px 10px 0px 10px;
} /* radio --------------------------------------------------------------------------------------------------- */ #radio h1 { background-position: 0px -400px; } #radio .info { padding: 5px; font-size: 12px; background: #404040; } /* now playing --------------------------------------------------------------------------------------------------- */ #radio #playing { height: 100px; background: #000000; } /* player --------------------------------------------------------------------------------------------------- */ #radio #player { height: 20px; background: #000000; } /* stations --------------------------------------------------------------------------------------------------- */ #radio #stations { width: 800px; margin: 0px auto; padding: 20px; border-top: 1px solid #3D3D3D; } #radio #stations ul { width: 800px; margin-top: 20px; } #radio #stations ul li { float: left; width: 180px; line-height: 25px; padding-left: 20px; } #radio #stations ul li.selected { background: #2C2C2C; } /* contact
--------------------------------------------------------------------------------------------------- */ #contact { width: 941px; margin: 0px auto;
} /* info
--------------------------------------------------------------------------------------------------- */ #info_advertisers { background: url("../images/info_h1_advertisers.png") no-repeat top center;
}
#info_broadcasters { background: url("../images/info_h1_broadcasters.png") no-repeat top center;
}
#info_isps { background: url("../images/info_h1_isps.png") no-repeat top center;
}
#info_users { background: url("../images/info_h1_users.png") no-repeat top center;
}
#info_websites { background: url("../images/info_h1_websites.png") no-repeat top center;
} /* terms
--------------------------------------------------------------------------------------------------- */ #terms { width: 750px; margin: 50px auto 0px auto; text-align: justify;
}
#terms #box { margin: 0px auto; background: #ffffff; border: 1px solid #999999; padding: 10px; }
#terms h2 { font-weight: bold; font-size: 14px; line-height: 14px; margin-bottom: 10px;
}
#terms p { font-size: 14px; line-height: 14px; margin-bottom: 14px;
} /* watch
--------------------------------------------------------------------------------------------------- */ #watch { height: 589px; background: url("../images/themes/dark/watch.pngs") no-repeat top center;
}
#watch #player { height: 490px; padding-top: 15px;
}
/** * This <div> element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */
.jcarousel-container { position: relative;
}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;
}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;
} /** * The buttons are added dynamically by jCarousel before * the <ul> list (inside the <div> described above) and * have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next { z-index: 3; display: none;
} .jcarousel-prev { z-index: 3; display: none;
} /** * skin */ .jcarousel-container { }
.jcarousel-container-horizontal { width: 900px; height: 66px; padding: 20px 40px 12px 40px;
}
.jcarousel-clip-horizontal { width: 900px; height: 66px;
}
.jcarousel-item { width: 86px; height: 66px;
}
.jcarousel-item-horizontal { margin-right: 10px;
}
.jcarousel-item-placeholder { } /** * Horizontal Buttons */
.jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 20px; height: 20px; cursor: pointer; background: transparent url("../images/channels_next.png") no-repeat 0px 0px;
} .jcarousel-next-horizontal:hover { background-position: 0px -20px;
} .jcarousel-next-horizontal:active { background-position: 0px -20px;
} .jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px -40px;
} .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 20px; height: 20px; cursor: pointer; background: transparent url("../images/channels_prev.png") no-repeat 0px 0px;
} .jcarousel-prev-horizontal:hover { background-position: 0px -20px;
} .jcarousel-prev-horizontal:active { background-position: 0px -20px;
} .jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px -40px;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/ /* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; } /* Icons
----------------------------------*/ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals
----------------------------------*/ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a
*/ /* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 url(images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #404040; background: #888888 url(images/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; } /* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #adadad url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000000; background: #121212 url(images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } /* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #404040; background: #555555 url(images/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #cccccc; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons
----------------------------------*/ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_c98000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f29a00_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_aaaaaa_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals
----------------------------------*/ .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; } .ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover { display: none; display : block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;} .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }