@import url(sIFR-screen.css);

html,html body {height:100%;}
body{ margin: 0; padding: 0; color: #555a5d; background: #000; font: 76%/1.6em Arial, Helvetica, "Lucida Grande", sans-serif !important; text-align: center; }

a{ color: #00b9e4; text-decoration: none; outline: none; -moz-outline: none; }
a:hover{ /*color: #00b9e4;*/ text-decoration: underline; }
h1{ color: #FFFFFF; margin: 0; padding: 0; font: normal 218% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; text-transform: capitalize;}
h2{ color: #555a5d; margin: 0; padding: 0; font: normal 180% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; }
h3{ color: #555a5d; margin: 0; padding: 0; font: normal 165% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; }
h4{ color: #555a5d; margin: 0; padding: 0; font: normal 145% Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #555a5d; margin: 0; padding: 0; font: normal 125% Arial, Helvetica, "Lucida Grande", sans-serif; }
p{ margin: 0; padding: 0 0 1.5em 0; }
blockquote{ border: 1px dashed #DCDCDC; padding: 0.2em; margin: 0 0 0.5em 0; font-size: 90%; font-style: italic; }
img, img a{ border: none; }
ul{ margin: 0; padding: 0; list-style: none; display:block; width:100%; }
ul.withicons li { margin: 0.3em 0; clear: both; }
ul.withicons li a.icon-arrow-pink { padding: 3px 0 3px 26px; }
li a{ margin: 2px 0; display:block; font-weight: normal; }
li, li a{ line-height: normal; position: relative; }
form{ margin: 0; padding: 0; }
form p{ padding: 0.1em 0 0.2em 0; clear: both; display: block; margin: 0; width: 100%; float: left; position: relative; }
form input{ font-size: 100%; }
fieldset{ border: none; margin: 1em 0; padding: 0; width: 100%; }
input, textarea{ background: #FFF;  border: 1px solid #555a5d; padding: 2px 4px; width: 98%; display: block; }
input.button, a.button{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; background: #000 url('/images/bg_button_grad.gif') top left repeat-x; width: auto !important; white-space: nowrap; border: 1px solid #555a5d; padding: 2px 8px; color: #555a5d; display: block; }
a.button.arrow-only, a.button.arrow-only:hover{ padding: 1px; }
a.button.arrow-only img{ display: block;  float: left; height: auto; width: auto; }
input.button:hover, a.button:hover{ /*border: 1px solid #00b9e4;*/ padding: 2px 8px; /*color: #00b9e4;*/ text-decoration: none; }
input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: auto; }
label{ display: block; clear: both; margin: 0 0 0.3em 0; font-size: 110%; cursor: pointer; }
label.inline{ display: inline; clear: none; margin: 0; font-size: 110%; float: left; }
input.fillout{ width: 98%; }

/* toolbox */
.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block !important; }
.clearright{ clear: right !important; }
.clearleft{ clear: left !important; }
.desc{ font-size: 88%; }
.atta{ font-size: 105%; }
.bigtxt{ font-size: 160%; display: block; clear: right; line-height: 1.2em; }
.smalltxt{ font-size: 88%; }
.xsmalltxt{ font-size: 68%; }
.left{ float: left !important;}
.leftimg{ margin: 4px 12px 4px 0; float: left; }
.lefttxt { text-align: left; }
.line {margin: 1em 0; width: 100%; border-top: 1px #F0F0F0 dashed; float: left; }
.padding{ padding: 1em; /** zonder is beter??? float: left; */}
.nomargin{ margin: 0; }
.nopadding{ padding: 0; }
.nofloat{ float: none !important; }
.smallpadding{ padding: 0.5em; }
.right{ float: right !important; }
.rightimg{ float: right; margin: 4px 0 4px 12px; }
.righttxt{ text-align: right; }
.mtopnopad{ margin-top: 30px; }
.mtop{ margin-top: 16px; }
.mbott{ margin-bottom: 16px; }
.mstop{ margin-top: 5px; }
.msbott{ margin-bottom: 5px; }
.msleft{ margin-left: 5px; }
.msright{ margin-right: 5px; }
.pleft{ padding-left: 5px; }
.pright{ padding-right: 7px; }
.ptop{ padding-top: 16px; }
.pbott{ padding-bottom: 16px; }
.mleft{ margin-left: 7px; }
.mright{ margin-right: 7px; }
.mauto{ margin-right: auto; margin-left: auto; }
.spacer{ margin-right: 30px; }
.more{ margin-left: 0.9em; position: relative; top: 0.5em;}
.block{ display: block; }
.wrap{ width: auto !important; }
.nowrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.nomargin{ margin: 0 !important; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.p{margin: 0 0 1em 0; }
.exif span{ float: left; margin: 0 2em 0 0; }
.errormsg { border: 1px #e00034 solid !important; background: #A20034 url('/images/error_mark.gif') 0.5em 0.6em no-repeat !important; display: block; clear: both; width: 99.8%; float: left; }
.errormsg .indent{ display: block; margin-left: 22px; }
#SystemMessenger .indent{ padding-left: 40px; }
.login-note{ /*position: absolute; right: 60px; top: 8px;*/ }
.indent{ display: block; line-height: 1.34em; } /* test artist names to long */
.cliptitle{ width: 360px; }

.msgbox { margin: 0;  -moz-border-radius: 6px; -webkit-border-radius: 6px; display: block; clear: both; width: 100%; float: left; }
.msgbox .indent{ display: block; margin-left: 28px !important; font-size: 150%; padding: 10px;	 }
.redbox{ border: 1px #e00034 solid !important; background: #A20034 url('/images/msg_box_red.gif') 0.7em 0.85em no-repeat !important; }
.yellowbox, .limebox{ border: 1px #dde200 solid !important; background: #717E00 url('/images/msg_box_yellow.gif') 0.7em 0.85em no-repeat !important; }

.clearfix:after {	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

.blacktxt, .blacktxt * { color: #000 !important;  }
a.blacktxt:hover, .blacktxt a:hover/*, .blacklinks a:hover*/  { color: #000 !important; }
.whitetxt, .whitetxt * { color: #FFF !important;  }
a.whitetxt:hover, .whitetxt a:hover/*, .whitelinks a:hover*/  { color: #FFF !important; }
.greytxt, .greytxt * { color: #555a5d !important;  }
a.greytxt:hover, .greytxt a:hover/*, .greylinks a:hover*/  { color: #555a5d !important; }
.yellowtxt, .yellowtxt * { color: #dde200 !important;  }
a.yellowtxt:hover, .yellowtxt a:hover/*, .yellowlinks a:hover*/  { color: #dde200 !important; }
.redtxt, .redtxt * { color: #e00034 !important;  }
a.redtxt:hover, .redtxt a:hover /*.redlinks a:hover*/  { color: #e00034 !important; }
.bluetxt, .bluetxt * { color: #00b9e4 !important;  }
a.bluetxt:hover, .bluetxt a:hover/*, bluelinks a:hover*/  { color: #00b9e4 !important; }
.pinktxt, .pinktxt * { color: #ea3bae !important;  }
a.pinktxt:hover, .pinktxt a:hover, pinklinks a:hover  { color: #ea3bae !important; }
.orangetxt, .orangetxt * { color: #ff5b00 !important;  }
a.orangetxt:hover, .orangetxt a:hover/*, .orangelinks a:hover*/ { color: #ff5b00 !important; }

a.top{ color: #555a5d; }
a.top:hover{ color: #00b9e4; }
a.icon-arrow-blue{ background: transparent url('/images/icon_arrow_blue.gif') left center no-repeat; padding: 3px 0 3px 29px; color: #555a5d; }
a.icon-arrow-blue:hover{ /*color: #00b9e4;*/ text-decoration: none;  }
a.icon-arrow-pink{ background: transparent url('/images/icon_arrow_pink.gif') left center no-repeat; padding: 3px 0 3px 29px; color: #555a5d; }
a.icon-arrow-pink:hover{ /*color: #ea3bae;*/ text-decoration: none; }
a.icon-arrow-orange{ background: transparent url('/images/icon_arrow_orange.gif') left center no-repeat; padding: 3px 0 3px 29px; color: #555a5d; }
a.icon-arrow-orange:hover{ /*color: #ff5b00;*/ text-decoration: none;   }
/*a.external {padding: 0 4px; background: #00323C; color: #00b9e4; text-decoration: none; border-bottom: 1px #004957 solid ; }
a.external:hover {padding: 0 4px; background: #00323C; color: #00b9e4; text-decoration: none;  border-bottom: 1px #00b9e4 solid ; }*/

.icon-loginuser{ background: transparent url('/images/icon_loginuser.gif') 97% 1em no-repeat; }
.icon-logosmall{ background: transparent url('/images/icon_logosmall.gif') 97% 1em no-repeat; }

.round{ -moz-border-radius:3px; -webkit-border-radius: 3px; background: #000 url('/images/bg_button_grad.gif') top left repeat-x; width: auto !important; border: 1px solid #555a5d; color: #555a5d; }
a.rndlink{ -moz-border-radius:3px; -webkit-border-radius: 3px; background: #000 url('/images/bg_button_grad.gif') top left repeat-x; width: auto !important; white-space: nowrap; border: 1px solid #555a5d; padding: 0px 6px !important; color: #555a5d; }
a.rndlink:hover{ padding: 0px 6px !important; text-decoration: none; }
a.rndlink.disable{ border: 1px solid #333 !important; color: #333 !important; cursor: default; top: 0px !important; position: relative; }
a.rndlink.spam{ width: 35px !important; text-align: center; display: block; }
a.rndlink.favo{ width: 42px !important; text-align: center; display: block; }
a.rndlinkbig{ -moz-border-radius:6px; -webkit-border-radius: 6px; width: auto !important; white-space: nowrap; border: 1px solid #555a5d; color: #555a5d; }
a.rndlinkbig:hover{ padding: 0px 6px !important; text-decoration: none; }
a.rndlinkbig.disable{ border: 1px solid #333 !important; color: #333 !important; cursor: default; position: relative; }
a.rndlink span.msbott{ display: block; line-height: 1.3em; margin-bottom: 3px;}

a.icon-thumb-up, a.icon-thumb-up-disable{ background: #000 url('/images/icon_thumb_up_grey.gif') 4px 2px no-repeat !important; width:8px !important; height: 18px; display: block; }
a.icon-thumb-down, a.icon-thumb-down-disable{ background: #000 url('/images/icon_thumb_down_grey.gif') 4px 2px no-repeat !important; width:8px !important; height: 18px; display: block; }
a.icon-thumb-up-selected{ background: #000 url('/images/icon_thumb_up_lime.gif') 4px 2px no-repeat !important; width:8px !important; height: 18px; border: 1px solid #dde200 !important; text-decoration: none;  }
a.icon-thumb-down-selected{ background: #000 url('/images/icon_thumb_down_red.gif') 4px 2px no-repeat !important; width:8px !important; height: 18px; border: 1px solid #e00034 !important; text-decoration: none;  }
a.icon-thumb-up:hover, a.icon-thumb-up-selected:hover{ background: #000 url('/images/icon_thumb_up_blue.gif') 4px 2px no-repeat !important; width:8px !important; height: 18px; border: 1px solid #00b9e4 !important; text-decoration: none;  }
a.icon-thumb-down:hover, a.icon-thumb-down-selected:hover{ background: #000 url('/images/icon_thumb_down_blue.gif') 4px 2px no-repeat !important; width:8px !important; height: 18px; border: 1px solid #00b9e4 !important; text-decoration: none;  }

.big a.icon-thumb-up, .big a.icon-thumb-up-disable{ background: transparent url('/images/iconbig_thumb_up_grey.gif') 4px 2px no-repeat !important; width:12px !important; height: 22px; display: block; }
.big a.icon-thumb-down, .big a.icon-thumb-down-disable{ background: transparent url('/images/iconbig_thumb_down_grey.gif') 4px 2px no-repeat !important; width:12px !important; height: 22px; display: block; }
.big a.icon-thumb-up-selected{ background: transparent url('/images/iconbig_thumb_up_lime.gif') 4px 2px no-repeat !important; width:12px !important; height: 22px; border: 1px solid #dde200 !important; text-decoration: none;  }
.big a.icon-thumb-down-selected{ background: transparent url('/images/iconbig_thumb_down_red.gif') 4px 2px no-repeat !important; width:12px !important; height: 22px; border: 1px solid #e00034 !important; text-decoration: none;  }
.big a.icon-thumb-up:hover, .big a.icon-thumb-up-selected:hover{ background: transparent url('/images/iconbig_thumb_up_blue.gif') 4px 2px no-repeat !important; width:12px !important; height: 22px; border: 1px solid #00b9e4 !important; text-decoration: none;  }
.big a.icon-thumb-down:hover, .big a.icon-thumb-down-selected:hover{ background: transparent url('/images/iconbig_thumb_down_blue.gif') 4px 2px no-repeat !important; width:12px !important; height: 22px; border: 1px solid #00b9e4 !important; text-decoration: none;  }


/*.odd{ background: #F9F9F9;}*/
.amp{ font: italic 110% Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; }
.georgia{ font-family: Georgia, serif; }
.bggrad{ background: #000 url('/images/bg_grad.gif') repeat-x; }
.bggradpage{ background: #000 url('/images/bg_gradpage.gif') repeat-x; }
.bggradblue{ background: #000 url('/images/bg_grad_blue.gif') repeat-x; }
.bggradred{ background: #000 url('/images/bg_grad_red.gif') repeat-x; }
.bggradyellow{ background: #000 url('/images/bg_grad_yellow.gif') repeat-x; }
/*.bgheader{ background: #000 url('/images/xite_header_background.jpg') center top repeat-x; }*/

/* Layout styles */
.flashcontainer{ min-height: 366px; _height: 366px; }
.framework{ float: left; text-align: left; width: 100%; clear: both; }
.centerpage{ text-align: left; padding: 0; margin: 0 auto 0 auto; width: 960px; }
.leftpane{ width: 480px; float: left; }
.leftpanebanner{ width: 440px; float: left; }
.twothirdpane{ width: 630px; }
.thirdpane{ width: 300px; }
.playlistpane{ width: 270px; height: auto; }
.halfpane{ width: 460px; }
/*.bannerpane{ width: 160px; border: 1px dotted #fc0;}*/
.bannerpane.XS{ width: 120px; border: none; }
.bannerpane.S{ width: 160px; border: none; }
.bannerpane.M{ width: 300px; border: none; }
.bannerpane.L{ width: 468px; border: none; }
.bannerpane.XL{ width: 728px; border: none; }
.titlepane{ width: 340px; }
.pagepane{ width: 800px; }

.header{ min-height: 170px; position: relative; }
.header a.logo{ text-decoration: none; border: none; background: transparent url('/images/xite_logo.gif') top left no-repeat; display: block; width: 124px; height: 80px; position: absolute; top: 22px; left: 15px; }
.header a.logo:hover{ background: transparent url('/images/xite_logo.gif') top left no-repeat; border: none; }
.header a.logo span{ display: none; }
.header .banner{ float: right; position: relative; top: 8px; width: 728px !important; }
.header .banner img{ float: left; }
.header ul.nav{ list-style: none; margin: 0 !important; padding: 0 !important; position: absolute; bottom: 3px !important; float: left; width: auto; }
.header ul.nav li{ float: left; display: block; }
.header ul.nav li a{ color: #555a5d; font-size: 165%; text-decoration: none; padding: 3px 15px; }
.header ul.nav li a:hover{ /*color: #00b9e4;*/ text-decoration: none; }
.header .navbar{ width: 100% !important; position: absolute !important; left: 0px; bottom: 0px !important; }

.header .zoek { margin-bottom: 8px; margin-right: 4px; float: right }
.header .zoek a{ position:relative; height: 49px; width: 50px !important; text-align: center; color: #555a5d; display: block; white-space: nowrap; background: transparent url('/images/icon_horseglass.gif') 12px 4px no-repeat; }
.header .zoek a:hover{ background: transparent url('/images/icon_horseglass_active.gif') 12px 4px no-repeat; }
.header .zoek span{ position: absolute; bottom: 0px; right: 12px; }
.header .zoek a.rndlink{ padding: 0px !important; }

.header .login, .header .zoek { background: #000 url('/images/bg_button_grad.gif') top left repeat-x; }
.header .login { float: right; margin-bottom: 8px; margin-right: 0px; height: 49px; width: auto !important; }
.header .login a:hover, .header .zoek a:hover{ text-decoration: none; }
.header .login .smallpadding, .header .zoek .smallpadding{ padding: 4px 4px; }
.header .login a.rndlink{ margin: 0 4px 0 0; float: left; }
.header .login .inline{ float: right; padding: 0 2px;}
.header .login .button{ padding: 2px 6px !important; float: left; }
.header .login input.name{ width: 120px; }
.header .login input.pswd{ width: 50px; }


.teaser{ min-height: 350px; background: transparent url('/images/achtergrond-clipbrowser-full.jpg') top center repeat-x; }

.footer{ border-top: 1px solid #555a5d; padding: 10px 0 0 0 !important; }
.footer ul { margin: 0; padding: 0; list-style: none; width: auto; }
.footer ul li{ list-style: none; float: left; }
.footer ul li a{ margin: 0 0 0 3em; color: #555a5d; }
.footer ul li a:hover{ /*color: #ea3bae;*/ text-decoration: none; }

/* Tablist */
.tablist { position: relative; top: -6px; background: url('/images/bg_tab.gif') top left repeat-x; float: left; width: 100%; display: block; }
.tablist.mtop{ position: relative; top: 0px; margin-top: 16px; }
.tablist .ui-tabs-hide { display: none; }
.tablist .ui-tabs-nav{ position: relative; bottom: 2px; }
.tablist .ui-tabs-panel{ min-height: 200px; clear: both; width: 100%; position: relative; top: 0px; float: left; }
.tablist .ui-tabs-panel .padding{ padding: 9px; }
.tablist ul{ float: left; margin: 0; padding: 0; list-style: none; }
.tablist li{ float: left; list-style: none; margin: 0; padding: 0; }
.tablist li a{ padding: 9px 10px 0px 10px; color: #555a5d; float:left;  }
.tablist li.ui-tabs-selected a{ color: #FFF !important; background: url('/images/bg_tab_active.gif') top left repeat-x; height: 1.4em; }
.tablist li.ui-tabs-selected a .tl{ background: url('/images/tab_tl.png') no-repeat; position: absolute; width: 7px;  top: -1px; left: 0px; height: 7px; }
.tablist li.ui-tabs-selected a .tr{ background: url('/images/tab_tr.png') no-repeat; position: absolute; width: 7px; top: -1px; right: 0px; height: 7px; }
.tablist li a:hover{ /*color: #00b9e4;*/ text-decoration: none; }
.tablist .indent{ margin-left: 75px; display: block; }
.tablist .smallindent{ margin-left: 25px; display: block; }
.tablist p{ padding: 0 0 0.6em 0; line-height: 1.45em; }
.tablist.comments p{ padding: 0 0 1.4em 0; line-height: 1.45em; }
.tablist div{ clear: both; /** zonder is beter??? display: block; */ }
.tablist table{ border: none; margin: 0; padding: 0; }
.tablist table td{ border: none; margin: 0; padding: 0 0 0.5em 0; }

/* tablist in tablist */
.tablist .slidepanel { height: 28em; }
.tablist .slide li.ui-tabs-selected a{ color: #00b9e4 !important; background: none !important;  }
.tablist .paging li.ui-tabs-selected a{ color: #00b9e4 !important; background: none !important;  }

/* LinkBlock used in tablist */
.linkblock{ display: block; width: 100% !important; float: left; position: relative; }
.thirdpane .linkblock{ display: block; width: 290px; position: relative; }
.halfpane .indent{ display: block; width: 270px; position: relative; overflow: hidden; }
.halfpane .users .indent{ display: block; min-width: 110px; width: auto; position: relative; overflow: hidden; }
/*.tablist span.smalltxt{ float: left; }*/
.tablist span.right{ margin-top:6px; position: relative; }
.tablist.comments span.right{ margin-top:6px; margin-left: 70px; overflow: visible; }
.linkblock a{ width: 100%; display: block; color: #555a5d; float: left; position: relative; }
.linkblock a:hover{ text-decoration: none; }
.linkblock.playlistHead *{ cursor: auto; }
.linkblock.playlistHead a{ color: #00b9e4; cursor: pointer; }
.linkblock.playlistHead a:hover{ text-decoration: underline; }
.editlist a{ width: 390px !important; }

.banner a{ color: #555a5d;  }
.banner a:hover{ text-decoration: none; }

.playlistpane .indent{ display: block; width: 100%; position: relative; }
.playlist{ overflow-y: auto; overflow-x: hidden; height: 494px; width: 100%; background: #202020; float: left; }
.playlist .linkblock a:hover{ background: #000000; }
.playlist p{ padding: 0 !important; margin: 0 !important; line-height: 1.45em; font-size: 88%; width: 100%; max-width: 270px; }
.playlist a{ padding: 0.3em 0 !important; margin: 0 !important; }
.playlistpane .playlist a{ padding: 0.3em 0 !important; margin: 0 !important; width: 244px; }
.playlist .indent{ width: 150px; margin-left: 66px; margin-top: 1px; }
.playlist .leftimg{ margin-left:0.6em; }
.playlist .selected { background: #000000 !important;}
.playlist .selected .hpink{ color: #ea3bae; }
.playlist .selected .hwhite{ color: #FFFFFF; }
.playlist .handle{ position: absolute; right: 4px; top: 8px; cursor: move; display: none; }
.playlist .delete{ position: absolute; right: 4px; bottom: 8px; cursor: pointer; display: none; }
.playlist .drag{ width: 100%; border-top: 1px #999999 dotted; float: left; }
.erasePlaylistButton{ cursor: pointer; }
.removePlaylistButton{ cursor: pointer; }
.plus{ background: url('/images/icon_send_plus.gif') right center no-repeat;}/* togplusmin */
.min{ background: url('/images/icon_send_min.gif') right center no-repeat;}/* togplusmin */

div.comments .linkblock { margin-bottom: 1em; }
div.comments .rating, div.comments .rating-offline{ position: absolute !important; right: 0px !important; top: 0px !important;}
div.comments{ /* zonder is beter??? float: left !important;*/ }
.halfpane .comments .indent{ display: block; width: 260px; position: relative; overflow: hidden; }
.twothirdpane .comments .indent{ width: 420px; }

.total{ position: absolute !important; left: -28px !important; top: 2px !important; font-size: 90%; }
.big .total{ position: absolute !important; left: -30px !important; top: 2px !important; font-size: 110%; }
.rating, .rating-offline{ position: relative; }
.big .addPositive, .big .addNegative{ float: left; }
.userinfo .big { float: left; left: 43px; top: 4px; }

.login-note{ position: absolute; top: 22px; height:0; overflow:visible; right: 0; white-space: nowrap; z-index: 99; }
.icon-videoclip { background: transparent url('/images/icon_videoclip.png') top left no-repeat; display: block; position: absolute; top: -1px; left: 36px; height: 20px; width:20px; }
.users .linkblock{ display: block; width: 220px !important; float: left !important; position: relative; }
.search .linkblock{ display: block; width: 306px !important; float: left !important; position: relative; }
.search .linkblock .indent{ padding-right: 5px; padding-top: 2px; }

/* paging */
.paginator{ width: 100%; top: 7px; margin: 1em auto 1em auto; position: relative; text-align: center; }
.paginator a{ font-size: 110%; padding: 0 5px; color: #555a5d; }
.paginator a:hover{ /*color: #6b2f84;*/ }
.paginator a.next, .paginator a.prev{ font-size: 100%; position: relative; top: 1px; }
.paginator a.current:hover, paginator a.next:hover, .paginator a.prev:hover{ text-decoration: none; }
.paginator a.current, .paginator a.current:hover{ font-size: 1.6em; color: #00b9e4 !important; position: relative; bottom: 0; }
.paginator a.next{ padding: 0px 20px 0px 6px !important; position: absolute; right: 0px; background: url('/images/icon_pink_right.gif') center right no-repeat; }
.paginator a.next:hover{ padding: 0px 20px 0px 6px !important; position: absolute; right: 0px; background: url('/images/icon_blue_right.gif') center right no-repeat; }
.paginator a.prev{ padding: 0px 6px 0px 20px !important; position: absolute; left: 0px; background: url('/images/icon_pink_left.gif') center left no-repeat; }
.paginator a.prev:hover{padding: 0px 6px 0px 20px !important;  position: absolute; left: 0px; background: url('/images/icon_blue_left.gif') center left no-repeat; }

/* borderstyles */
.framework .rndsmall{ background: #000 url('/images/bg_grad.gif') repeat-x; border: 1px solid #555a5d; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; width: 100%; padding: 0; margin: 0.5em 0; float: left; }
.framework .rnd{ background: #000 url('/images/bg_grad.gif') repeat-x; border: 1px solid #555a5d; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: relative; width: 100%; padding: 0; margin: 0.5em 0; float: left; }
.framework .rnd .tl{ background: url('/images/rnd_tl.png') no-repeat; position: absolute; width: 14px;  top: -1px; left: -1px; height: 14px; }
.framework .rnd .tr{ background: url('/images/rnd_tr.png') no-repeat; position: absolute; width: 14px; top: -1px; right: -1px; height: 14px; }
.framework .rnd .bl{ background: url('/images/rnd_bl.png') no-repeat; position: absolute; width: 14px; bottom: -1px; left: -1px; height: 14px; }
.framework .rnd .br{ background: url('/images/rnd_br.png') no-repeat; position: absolute; width: 14px; bottom: -1px; right: -1px; height: 14px; }

/* maskstyles (for photos) */
.framework .mask{ background: transparent; position: relative; width: auto; padding: 0; margin: 0.5em 0; float: left; }
.framework .mask .tl{ background: url('/images/mask_tl.png') no-repeat; position: absolute; width: 14px;  top: -1px; left: -1px; height: 14px; }
.framework .mask .tr{ background: url('/images/mask_tr.png') no-repeat; position: absolute; width: 14px; top: -1px; right: -1px; height: 14px; }
.framework .mask .bl{ background: url('/images/mask_bl.png') no-repeat; position: absolute; width: 14px; bottom: -1px; left: -1px; height: 14px; }
.framework .mask .br{ background: url('/images/mask_br.png') no-repeat; position: absolute; width: 14px; bottom: -1px; right: -1px; height: 14px; }

/* Quick and Dirty fixes by Sido */
.comment-rating-fix { position: absolute !important; top: 0px !important; right: 0px !important; }
.paginator { height: 24px; overflow: hidden; }
.tablist { background: url('/images/bg_tab.gif') repeat-x 0px -2px; margin-top: 2px; }
li a { margin: 0px; }
.delete { cursor: pointer; }
.indent { margin-left: 0px !important; }
.comments img { margin-right: 10px; }
.linkblock * { cursor: pointer; }

.epg span{ display: block; float: left;  padding-right: 0.5em; }
.epg span.day{ width: 2em; }
.epg h4{ display: block; float: left; }

/* q&d fixes - pb */
.rndsmall h5 a { display: block; } /* myprofile tablist fix */
#MyTabs ul { overflow: hidden; }
#MyTabs ul li a{ padding-right: 6px; padding-left: 6px; padding-top: 8px; padding-bottom: 2px; }
.changePlaylistSortorderButton, .changePlaylistSortorderButton img {cursor: move; }
.tl, .tr, .bl, .br { display: block !important; }
.inboxCount.yellowtxt { width: auto !important; background: transparent url('/images/envelope.gif') no-repeat left center; }
.inboxCount.yellowtxt .nr{ margin-left: 15px; }
a.myXite.rndlink{ position: relative; border-color: #dde200; color: #000000; padding: 0; }
a.myXite.rndlink .bg{ background-color: #dde200; position:absolute; top: 0; left: 0; width:100%; height: 100%; }
a.myXite.rndlink:hover .bg{ background-color: transparent; }
a.myXite.rndlink .txt{ color: #000000; position:relative; width:100%; height: 100%; }
a.myXite.rndlink:hover .txt{ color: #dde200; }