#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 100px; /* Dialog will be no smaller than this */
	max-width: 300px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    margin:0px auto;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em auto;
    text-align:center;
}

#popup_content.alert {
	background-image: url(../images/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}.pagination {
    font-size: 60%;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #fff;
	color: #fff;
    min-width:15px;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
    min-width:15px;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}
@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 z-index:500;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 z-index:500;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 /*zoom: 1;*/
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}/* 
    Document   : menuitem
    Created on : Jan 19, 2009, 1:56:28 PM
    Author     : elvin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

ul.dropdown ul li {
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:none;
    height:18px;
}
ul.dropdown ul a {
    margin: 0px auto;
    padding: 0px;
    display: block;
    font: bold 12px/normal Arial, Helvetica, sans-serif;
    color:#fff;
    width: 80px;
    height: 16px;
    background-color:#333;
    border-style: solid;
    border-width: 1px;
    border-color: #404040 #1a1a1a #1a1a1a #505050;
    text-align:left;
}

ul.dropdown ul a:hover {
    background-color:#000;
}
#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}



#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  min-width: 50px;
  width:auto;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* 
    Document   : login
    Created on : Dec 24, 2008, 4:13:10 PM
    Author     : elvin
    Description:
        Purpose of the stylesheet follows.
*/
* {
    margin:0px;
    padding:0px;
}





#userName, #userPass {
    display:block;
    margin:0px;
    padding:0px;
    float:left;
    margin:0px;
    padding:0px;
    width:200px;
    height:18px;
}

input#rememberMe {
    display:block;
    width:16px;
    height:16px;
    margin:1px 1px 0px 0px;
    padding:0px;
    display:block;
    float:right;
}

#loginSubmitButton {
    width: 60px;
}



div#loginPane form#loginForm {
    display:block;
    margin:5px;
}


div#loginPane div#suggestionPane {
    
}

div#loginPane a, div#loginPane a:active {
    display:block;
    float:left;
    margin-left:10px;
    text-decoration:none;
    color:#ddd;
    font-weight:bold;
    font-size:14px;
}

div#loginPane a:hover {
    color:#fff;
}

div#loginPane {
    padding: 0px;
    text-align:right;    
    background-color:#999;
    border:5px solid #888;
    width:300px;
    height:105px;
    margin:0px; 
}

div#loginPane label {
    display:block;
    margin:0px;
    padding:0px;
    float:left;
    width:80px;
    text-align:right;
    height:18px;
    line-height:18px;
    font-weight:bold;
    font-family:arial,sans-serif,helvetica;
    font-size:14px;
}

div#loginPane label#rememberMeLabel {
    float:right;
    text-align:left;
    width:200px;
    margin-right:10px;
}

#suggestionPane {
    clear:both;
    margin:0px auto;
    text-align:center;
    width:180px;
}

#formButtonsPane {
    clear:both;
    float:right;
}

/* 
    Document   : powerclub
    Created on : Mar 5, 2009, 2:53:57 PM
    Author     : elvin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

a.showAllIkon {
    text-indent:16px;
    background-image:url(/PowerClub/Resources/Images/ikons/arrowNext.png);
    background-repeat:no-repeat;
}
a.showAllIkon:hover {
    background-image:url(/PowerClub/Resources/Images/ikons/arrowNextHover.png);
}
a.go {
    text-indent:16px;
    background-image:url(/PowerClub/Resources/Images/ikons/arrowNext.png);
    background-repeat:no-repeat;
}
a.go:hover {
    background-image:url(/PowerClub/Resources/Images/ikons/arrowNextHover.png);
}

a.down {
    text-indent:16px;
    background-image:url(/PowerClub/Resources/Images/ikons/arrowDown.png);
    background-repeat:no-repeat;
}
a.down:hover {
    background-image:url(/PowerClub/Resources/Images/ikons/arrowDownHover.png);
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
    font-size:9pt;
    font-family:Arial, Helvetica, Sans-serif;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
    font-size:9pt;
    font-family:Arial, Helvetica, Sans-serif;
}

.dataTables_info {
	width: 60%;
	float: left;
    font-size:9pt;
    font-family:Arial, Helvetica, Sans-serif;
}

.dataTables_paginate {
	width: 44px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../Images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../Images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../Images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../Images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../Images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../Images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../Images/sort_both.jpg') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}




.dataTables_paginate {
    font-size:9pt;
    font-family:Arial, Helvetica, Sans-serif;
	width: 270px;
}

div.dataTables_paginate span.paginate_button,
 	div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
    display:inline-block;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	padding: 0px 1px;
	margin: 0 2px;
	cursor: pointer;
}

div.dataTables_paginate span.paginate_button {
	background-color: #ddd;
}

div.dataTables_paginate span.paginate_button:hover {
	background-color: #ccc;
}

div.dataTables_paginate span.paginate_active {
	background-color: #99B3FF;
}


table.display tr.row_selected.odd td {
	background-color: #B0BED9;
}

table.display tr.row_selected.even td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
tbody tr.even:hover, tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

tbody tr.odd:hover, tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
/* 
    Document   : layout
    Created on : Jan 3, 2009, 12:35:00 AM
    Author     : elvin
    Description:
        Purpose of the stylesheet follows.
*/

* {
    margin:0px;
    padding:0px;
}

body {
    background-color:#04113d;
    margin:0px;
    padding:0px;
}

#main {
    clear:both;
    margin:0px auto;
    padding:0px;
    background-color:white;
    width:990px;
    height:auto;
}

#content {
    display:inline-block;
    vertical-align:top;
    margin:0px 10px 0px 10px;
    padding:0px;
    width:970px;
    height:auto;
}




/* 
    Document   : main
    Created on : Feb 4, 2009, 9:10:20 AM
    Author     : elvin
    Description:
    Purpose of the stylesheet follows.
*/

* {
    margin: 0px;
    padding:0px;
    font-family:arial,sans-serif,helvetica;
}


#player {
    clear:left;
    margin:0px;
    padding:0px;
    display:block;
    float:left;
}
#playSuggestion {
    margin:0px;
    padding:0px;
    float:left;
    width:212px;
    height:315px;
    background-color:#333;
    border:none;
}

#playSuggestion ul#playSuggestionList{
    display:inline-block;
    margin:2px;
    margin-top:0px;
    padding:0px;
    list-style:none;
    font-size:12px;
}

#playSuggestion ul#playSuggestionList li{
    display:block;
    margin:2px 0px 0px 0px;
    padding:0px;
    list-style:none;
}

/*#playSuggestion ul li a{
    display:block;
    margin:0px;
    padding:0px;
    text-indent:5px;
    list-style:none;
    font-family:cursive;
    font-weight:bold;
    text-decoration:none;
}*/

/*#playSuggestion ul li a:hover{
    color:#000;
}*/

#playSuggestion ul#playSuggestionList li a.title {
    display:block;
    border:none;
    height:54px;
    width:204px;
    border:2px solid #222;
}

#playSuggestion ul#playSuggestionList li a.title span {
    display:block;
    margin:0px;
    text-indent:0px;
    padding:1px;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    color:#fff;
    width:auto;
}

#playSuggestion ul#infoList {
    display:inline-block;
    list-style:none;
    border:2px solid #222;
    margin:0px;
    padding:0px;
    width:204px;
}

#playSuggestion ul#infoList li {
    display:block;
    list-style:none;
    margin:0px;
    margin-left:2px;
    padding:0px;
    border:none;
}

#playSuggestion ul#infoList li a.info{
    display:block;
    font-size:12px;
    font-family:sans-serif;
    font-weight:bold;
    color:#b3b3b3;
    border:none;
    margin:0px;
    padding:0px;
    width:200px;
}

#playSuggestion #infoList a.info label {
    display:block;
    float:left;
    width:86px;
    font-size:12px;
    margin:0px;
    padding:0px;
    color:#fff;
}

#playSuggestion ul#controlList {
    display:inline-block;
    list-style:none;
    border:2px solid #222;
    margin:0px;
    padding:0px;
    padding-top:2px;
    width:204px;
}
#playSuggestion ul#controlList li {
    display:block;
    list-style:none;
    margin:2px;
    height:23px;
    /*margin-left:2px;*/
    padding:0px;
    border:none;
}
#playSuggestion ul#controlList li a{
    display:block;
    font-size:12px;
    font-family:sans-serif;
    font-weight:bold;
    color:#fff;
    border:none;
    margin:0px;
    padding:3px 0px 0px 2px;
    width:195px;
    text-decoration:none;
    height:24px;
}

#playSuggestion .title img {
    margin:2px;
    padding:0px;
    display:block;
    float:left;
    width:50px;
    height:50px;
}

#playSuggestion .title:hover {
    color:#fff;
}






#playInfo {
    margin:0px;
    padding:0px;
    display:block;
    float:right;
    background-color:#000;
    overflow:hidden;
}

#playInfo ul.ui-tabs-nav {
    list-style:none;
    margin-left:5px;
}
#playInfo ul.ui-tabs-nav li {
    list-style:none;
    display:block;
    float:left;
}


#playInfo ul.ui-tabs-nav a, #playInfo ul.ui-tabs-nav a:active {
    display:block;
    width:80px;
    height: 20px;
    text-align:center;
    background-color:#333;
    text-decoration:none;
    color:#54caee;
    font-weight:bold;
    font-size:13px;
    padding:2px 0px 0px 0px;
}

#playInfo ul.ui-tabs-nav a:hover {
    color:#fff;
}

#playInfo ul.ui-tabs-nav .ui-tabs-selected a {
    background-color:#222;
    color:#fff;
}
#playInfo .ui-tabs-hide {
   display: none;
}
#playInfo .ui-tabs-panel {
    background-color:#222;
    border:none;
    clear:left;
    width:328px; 
    height:295px;
    /*border:1px solid #666;*/
    border-left-width:0px;
    margin-right:0px;
    overflow:auto;
}


div#performerBiography {
    width:auto;
    height:285px;
    margin:4px;
    background-color:#333;
}
div#performerBiography a#showDetail, div#performerBiography a#showDetail:active {
    margin:5px;
    display:block;
    clear:both;
    float:right;
    text-decoration:none;
    color:#b3b3b3;
    font-weight:bold;
    font-size:12px;
}

div#performerBiography a#showDetail:hover {
    color:#fff;
}
div#performerBiographyContent {
    overflow:hidden;
    padding:2px;
    height:245px;
}
div#performerBiography div#performerBiographyContent img {
    display:block;
    float:left;
    width:80px;
    height:80px;
}
div#performerBiography div#performerBiographyContent div#performerInfo{
    display:block;
    margin:5px;
    text-align:center;
    font-size:25px;
    color:#000;
    width:200px;
    height:auto;
    float:left;
}

div#performerBiography div#performerBiographyContent div#performerBiographyInfo{
    display:block;
    width:auto;
    margin:5px;
    text-align:center;
}

a.favorilerimeEkle {
    display:block;
    float:left;
    background-image:url(../Images/ikons/favouriteAdd.png);
    background-repeat: no-repeat;
    background-position:top right;
    height:24px;
    min-width:24px;
}
a.favorilerimeEkle:hover {
    background-image:url(../Images/ikons/favouriteAddHover.png);
}
a.arkadasinaOner {
    display:block;
    float:left;
    background-image:url(../Images/ikons/proposeToFriend.png);
    background-repeat: no-repeat;
    background-position:top right;
    height:24px;
    min-width:24px;
}
a.arkadasinaOner:hover {
    background-image:url(../Images/ikons/proposeToFriendHover.png);
}

ul#favorilerim {
           display:block;
           list-style:none;
           margin:5px;
           padding:0px;
           color:white;
       }

       ul#favorilerim li {
           display:block;
           clear:both;
           list-style:none;
           color:white;
           margin:2px;
           height:54px;
           width:auto;
           padding:0px;
           border:none;
           background-color:#333;
       }
       ul#favorilerim li:hover {
           /*border-color:#111;*/
       }

       /*ul#favorilerim li a{
           display:block;
           margin:1px 0px 1px 0px ;
           color:white;
           height:24px;
           text-decoration:none;
           float:left;
       }*/


       ul#favorilerim li img{
           display:block;
           float:left;
           width:50px;
           height:50px;
           margin:2px;
       }
       ul#favorilerim li label{
           display:block;
           float:left;
           color:white;
           text-decoration:none;
           width:230px;
           text-indent:5px;
           height:18px;
           padding:3px;
           font-weight:bold;
           font-size:14px;
       }
       ul#favorilerim li a{
           display:block;
           float:left;
           border:none;
           width:24px;
           height:24px;
           margin:0px 0px 0px 5px;
           
       }
       a.play{
            display:block;
            float:left;
            background-image:url(../Images/ikons/play.png);
            background-repeat: no-repeat;
            background-position:top right;
            height:24px;
            min-width:24px;
       }
       a.play:hover{
           background-image:url(../Images/ikons/playHover.png);
       }
       a.remove{
           background-image:url(../Images/ikons/favouriteRemove.png);
       }
       a.remove:hover{
           background-image:url(../Images/ikons/favouriteRemoveHover.png);
       }
       

       #albumList {
        display:inline-block;
        margin:5px;
        margin-top:0px;
        width:300px;
    }
    #albumList li {
        display:block;
        list-style:none;
        clear:both;
        margin:4px auto 0px auto;
        padding:0px;
        width:auto;
        height:56px;
        line-height:20px;
    }
    #albumList li a{
        display:block;
        list-style:none;
        text-decoration:none;
        background-color:#333;
        clear:both;
        margin:0px auto 0px auto;
        padding:2px;
        width:auto;
        height:51px;
        border:2px solid #333;
        color:#000;
        font-weight:bold;
        font-size:14px;
    }
    #albumList li a:hover{
        border-color:#111;
    }
    #albumList li a img{
        display:block;
        float:left;
        border:none;
        height:50px;
    }
    #albumList li a label{
        display:block;
        float:left;
        margin-left:5px;
    }
    #albumList li a span{
        display:block;
        float:left;
        margin-left:5px;
        text-decoration:none;
        text-align:center;
    }

ul#digerVideolari {
   display:block;
   list-style:none;
   margin:5px;
   padding:0px;
   color:white;
}
ul#digerVideolari li {
   display:block;
   clear:both;
   list-style:none;
   color:white;
   margin:2px;
   height:54px;/*26px;*/
   width:auto;
   padding:0px;
   border:none;
   background-color:#333;
}

ul#digerVideolari li img{
    display:block;
    float:left;
    width:50px;
    height:50px;
    margin:2px;
}

ul#digerVideolari li label{
   display:block;
   margin:0px;
   color:white;
   text-decoration:none;
   float:left;
   width:230px;
   text-indent:5px;
   height:18px;
   padding:3px;
   font-weight:bold;
   font-size:14px;
}

ul#digerVideolari li a{
   display:block;
   float:left;
   border:none;
   width:24px;
   height:24px;
   margin:0px 0px 0px 5px;
   background-position:top left;
}

ul#digerVideolari li a.play{
   background-image:url(../Images/ikons/play.png);
}
ul#digerVideolari li a.play:hover{
   background-image:url(../Images/ikons/playHover.png);
}
ul#digerVideolari li a.addToFavourite{
   background-image:url(../Images/ikons/favouriteAdd.png);
}
ul#digerVideolari li a.addToFavourite:hover{
   background-image:url(../Images/ikons/favouriteAddHover.png);
}
ul#digerVideolari li a.proposeToFriend{
   background-image:url(../Images/ikons/proposeToFriend.png);
}
ul#digerVideolari li a.proposeToFriend:hover{
   background-image:url(../Images/ikons/proposeToFriendHover.png);
}


div#stars-container {
    margin: 5px auto 5px auto;
    padding: 0px;
    background: #333;
    width:150px;
    height:30px;
    border:none;
    background-color:yellow;
}

div#stars-container ul.star-rate{
        display:inline-block;
		width: 150px;
        z-index:0;
		height: 30px;
		margin: 0px;
		padding:0px;
		list-style:none;
		position: relative;
		background: url(../Images/stars.gif) top left repeat-x;
        background-color:red;
}

div#stars-container	ul.star-rate li {
    display:block;
    float:left;
    list-style:none;
    border:none;
    margin:0px;
    padding:0px;
    width:30px;
    height:30px;
}



div#stars-container	ul.star-rate li a{
        display:block;
        float:left;
		width:30px;
		height: 30px;
		padding: 0px;
        margin:0px;		
		text-decoration: none;
		text-indent:-8000px;
		z-index: 10;
		position: absolute;
        background:none;
        background-position:30px 30px;
        border:none;
	}


div#stars-container	.star-rate li a.rated{
		background: url(../Images/stars.gif) left;
        top:0px;
		left: 0px;
        z-index: 0;
		background-position:30px 30px;
        padding:0px;
        margin:0px;
        border:none;
}

div#stars-container	ul.star-rate li a:hover{
    background: url(../Images/stars.gif) left;
    z-index: 1;
    top:0px;
    left: 0px;
    background-position:30px 60px;
    padding:0px;
    margin:0px;
    border:none;
}

div#stars-container	.star-rate a.star-one{
		left: 0px;
	}
div#stars-container	.star-rate a.star-one:hover{
		width:30px;
	}
div#stars-container	.star-rate a.star-two{
		left:30px;
	}
div#stars-container	.star-rate a.star-two:hover{
		width: 60px;
	}
div#stars-container	.star-rate a.star-three{
		left: 60px;
	}
div#stars-container	.star-rate a.star-three:hover{
		width: 90px;
	}

div#stars-container	.star-rate a.star-four{
		left: 90px;
	}
div#stars-container	.star-rate a.star-four:hover{
		width: 120px;
	}
div#stars-container	.star-rate a.star-five{
		left: 120px;
	}
div#stars-container	.star-rate a.star-five:hover{
		width: 150px;
	}


	
div#powerClubVideoCategoryContent {
    margin:0px;
    padding:2px;
    width:488px;
    height:355px;
    background-color:#fff;
}

div#powerClubVideoCategoryContent ul {
    display:block;
    margin:0px;
    padding:0px;
    list-style:none;
    /*width:452px;*/
    /*height:249px;*/
    border:none;
}

div#powerClubVideoCategoryContent ul li {
    display:block;
    float:left;
    margin:1px;
    padding:0px;
    list-style:none;
    /*height:83px;*/
    /*width:226px;*/
    border:none;
}


div#powerClubVideoCategoryContent ul li a, div#powerClubVideoCategoryContent ul li a:active {
    display:block;
    margin:0px;
    padding:0px;
    border-style:solid;
    border-color:#333;
    border-width:2px;
    width:238px;/*235px;*/
    height:79px;
    background-color:#fff;
    text-decoration:none;
    color:#333;
}
div#powerClubVideoCategoryContent ul li a.haftanınVideosu, div#powerClubVideoCategoryContent ul li a.haftanınVideosu:active {
    display:block;
    margin:0px;
    padding:0px;
    border-style:solid;
    border-color:#333;
    border-width:2px;
    width:482px;/*235px;*/
    height:349px;
    background-color:#fff;
    text-decoration:none;
    color:#333;
}



div#powerClubVideoCategoryContent ul li a:hover {
    border-color:#000;
    color:#000;
}
div#powerClubVideoCategoryContent ul li a img {
    display:block;
    clear:left;
    float:left;
    width:100px;
    height:75px;
    padding:0px;
    margin:2px;
    border:none;
}
div#powerClubVideoCategoryContent ul li a.haftanınVideosu img {
    display:block;
    clear:both;
    width:478px;
    height:320px;
    padding:0px;
    margin:2px;
    border:none;
}

div#powerClubVideoCategoryContent ul li a span.title {
    display:block;
    overflow:hidden;
    float:left;
    width:130px;
    height:55px;
    padding:0px;
    margin:2px;
    text-align:left;
    font-size:10pt;
    border:none;
    font-weight:bold;
    background-color:#fff;
}
div#powerClubVideoCategoryContent ul li a span.performer {
    display:block;
    overflow:hidden;
    float:left;
    width:130px;
    padding:0px;
    margin:2px;
    text-align:left;
    font-size:8pt;
    border:none;
    font-weight:normal;
    background-color:#fff;
    color:#333;
}
div#powerClubVideoCategoryContent ul li a.haftanınVideosu span {
    display:block;
    overflow:hidden;
    width:480px;
    height:auto;
    padding:0px;
    margin:2px;
    text-align:center;
    font-size:14px;
    border:none;
    font-weight:bold;
    background-color:#fff;
}

div#powerClubVideoCategoryContent a#showAll {
    display:block;
    width:auto;
    /*height:22px;*/
    clear:both;
    padding:0px 10px 0px 0px;
    margin:0px;
    float:right;
    text-decoration:none;
    color:#222;
    font-weight:bold;
    background-color:#fff;
    text-align:right;
}

div#powerClubVideoCategoryContent a#showAll:hover {
    color:#000;
}

/*#flashParentHTML {
    margin:0px auto;
    width:890px; height: 585px;
    overflow:hidden;
}*/

/* 
    Document   : tabs.css
    Created on : Dec 30, 2008, 8:35:58 AM
    Author     : elvin
    Description:
        Purpose of the stylesheet follows.
*/


.ui-tabs-hide {
   display: none;
}


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    float:left;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-panel {
    margin:0px;
    padding:0px;
    overflow:hidden;
    width:auto;
    height:auto;
}
.ui-tabs-nav {
    float:left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
}
.ui-tabs-nav li {
    margin: 0 0 0 1px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    text-align:center;
    width:97px;
    color:#fff;
}
.ui-tabs-nav a {
    margin: 2px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    display:block;
    padding-left: 0;
    text-decoration: none;
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a {
}
.ui-tabs-nav a span {
    padding-right: 0;
    height: 20px;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 2px solid #54caee;
    padding: 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


.ui-tabs-nav a#haftaninVideosu {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/HaftaninVideosu.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav .ui-tabs-selected a#haftaninVideosu, .ui-tabs-nav a#haftaninVideosu:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/HaftaninVideosu_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#enYeniler {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/EnYeniler.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav .ui-tabs-selected a#enYeniler, .ui-tabs-nav a#enYeniler:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/EnYeniler_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}
.ui-tabs-nav a#yabanci {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Yabanci.jpg);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav .ui-tabs-selected a#yabanci, .ui-tabs-nav a#yabanci:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Yabanci_S.jpg);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}




.ui-tabs-nav a#enCokIzlenenler {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/EnCokIzlenen.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#enCokIzlenenler, .ui-tabs-nav a#enCokIzlenenler:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/EnCokIzlenen_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#top10 {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Top10.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#top10, .ui-tabs-nav a#top10:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Top10_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#nostalji {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Nostalji.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#nostalji, .ui-tabs-nav a#nostalji:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Nostalji_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#slow {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Slow.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#slow, .ui-tabs-nav a#slow:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Slow_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#pop {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Pop.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#pop, .ui-tabs-nav a#pop:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Pop_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}
.ui-tabs-nav a#powerFm {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/PowerFm.jpg);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#powerFm, .ui-tabs-nav a#powerFm:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/PowerFm_S.jpg);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#rock {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Rock.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#rock, .ui-tabs-nav a#rock:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Rock_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#dance {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Dance.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#dance, .ui-tabs-nav a#dance:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Dance_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#hipPop {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/HipHop.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#hipPop, .ui-tabs-nav a#hipPop:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/HipHop_S.gif);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}

.ui-tabs-nav a#fantazi {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Diger.jpg);
    background-repeat:no-repeat;
    width:97px;
    height:26px;

}

.ui-tabs-nav .ui-tabs-selected a#fantazi, .ui-tabs-nav a#fantazi:hover {
    background-image:url(/PowerClub/Club/Resources/Images/PowerVideoTabMenu/Diger_S.jpg);
    background-repeat:no-repeat;
    width:97px;
    height:26px;
}