/*###################################### 
    #  Regular                           #
    ######################################*/ 

  * { 
    margin: 0px;
    padding: 0px;
  }
   
   
  html, body { 
	background: #000;
    font-family: Verdana, Arial, Tahoma;
    font-size: 12px; 
    color: #000000; 
  }
  

  .clear{
    clear: both;
  }
  
  table th {text-align:left;border-bottom: 1px solid #DAE0D4;}
  table tr.even td, table tr.odd td {border-bottom: 1px solid #666666;}
  table td, table th {
	padding: 3px;  
  }
  
  
  /*###################################### 
    #  Styling                           #
    ######################################*/ 
  
  /*|:: A ::|*/
  a:link, a:visited { color: #C50078; text-decoration: none; outline: none; }
  a:hover { color: #C50078; text-decoration: underline; }
  
  
  /*|:: IMG ::|*/
  img { border: none; }
  
  
  
  
  /*###################################### 
    #  Wrapper                           #
    ######################################*/ 
	.headerimg { width: 100%; height: 100%; margin: 0; padding: 0; position: fixed; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

		/* CONTROLS */
		.controls { width: 462px; height: 32px; position: absolute; bottom: 4px; left: 50%; margin-left: -231px; }
		.btn { height: 32px; width: 32px; cursor: pointer; float: left; }
		#back { width: 65px; height: 63px; margin-left: 6px; margin-right: 6px; background-image: url("../images/sprites/sprite_controll-buttons.png"); }
		#control { width: 65px; height: 63px; margin-left: 6px; margin-right: 6px; background-image: url("../images/sprites/sprite_controll-buttons.png"); background-position: -74px 50%; }
		#stop { width: 65px; height: 63px; margin-left: 6px; margin-right: 6px; background-image: url("../images/sprites/sprite_controll-buttons.png"); background-position: 287px 50%; }
		#play { width: 65px; height: 63px; margin-left: 6px; margin-right: 6px; background-image: url("../images/sprites/sprite_controll-buttons.png"); background-position: 212px 50%; }
		#next { width: 65px; height: 63px; margin-left: 6px; margin-right: 6px; background-image: url("../images/sprites/sprite_controll-buttons.png"); background-position: 137px 50%; }
		#sound { width: 65px; height: 63px; margin-left: 6px; margin-right: 6px; background-image: url("../images/sprites/sprite_controll-buttons.png"); background-position: 65px 50%; }


  
  
  /*###################################### 
    #  Main-Container                    #
    ######################################*/ 
    #main-container { width: 808px; position: absolute; left: 50%; margin-left: -404px; }
  
  
  /*###################################### 
    #  Header                            #
    ######################################*/ 
    #header { width: 662px; height: 95px; margin: 0 auto 6px; padding-top: 40px; padding-left: 146px; background: url('../images/backgrounds/bg_header.png') no-repeat; }
	#header p { width: 170px; font-family: "Trebuchet MS", Arial, Verdana; font-size: 18px; font-weight: bold; color: #a80075; }
  
  
  /*###################################### 
    #  Content-container                 #
    ######################################*/ 
    #content-container { width: 658px; margin: 0 auto; }
		#content-container .border-top { width: 658px; height: 10px; margin: 0 auto; background: url('../images/backgrounds/bg_content-container-t.png') no-repeat; }
		#content-container .content { width: 658px; min-height: 650px; margin: 0 auto; background: url('../images/backgrounds/bg_content-container.png') repeat-y; }
		#content-container .border-bottom { width: 658px; height: 10px; margin: 0 auto; position: relative; background: url('../images/backgrounds/bg_content-container-b.png') no-repeat; }
		#content-container #left { width: 50px; padding-top: 25px; padding-bottom: 50px; position: relative; float: left; }
			#content-container #left #menu { width: 165px; position: absolute; right: -11px; }
				#content-container #left #menu .border-top { width: 165px; height: 7px; background: url('../images/backgrounds/bg_menu-top.png') no-repeat; }
				#content-container #left #menu .content { width: 165px; min-height: 250px; position: relative; background: url('../images/backgrounds/bg_menu-middle.png') repeat-y; }
				#content-container #left #menu .content ul { position: relative; left: -12px; list-style: none; }
				#content-container #left #menu .content li { height: 28px; padding-left: 40px; padding-bottom: 8px; background: url('../images/icons/icon_arrow-circle.png') no-repeat; line-height: 24px; font-size: 14px; color: #fff; }
				#content-container #left #menu .content li a { color: #fff; text-decoration: none; text-shadow: #000000 20px 2px 2px; }
				#content-container #left #menu .border-bottom { width: 165px; height: 16px; background: url('../images/backgrounds/bg_menu-bottom.png') no-repeat; }
				
		#content-container #right { width: 543px; padding: 25px 25px 50px 40px; color: #fff; float: left; }
		#content-container #right h1 { margin: 0 0 15px 0; }
		#content-container #right ul { margin: 15px 0 0 25px; }
		#content-container #right li a { color: #fff; }


  /*###################################### 
    #  Inputs                            #
    ######################################*/ 
input, select, textarea {
	font:12px Verdana, Arial, Tahoma;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 3px;
}

input[type=text], input[type=password] {width: 250px;}
select {width: 257px;}
textarea {width: 400px;}

input#search_terms {background-color:#FFF;}


  /*###################################### 
    #  Tools                             #
    ######################################*/ 
div.toolbox { display: block; text-align: right; }
div.toolbox .button { display: inline-block; background-color: #C50078; padding: 5px; color: #FFF !important; text-decoration: none !important; }
.icon_plus { background-image: url(../images/icons/sq_plus.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_save { background-image: url(../images/icons/save.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_back { background-image: url(../images/icons/sq_prev.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_next { background-image: url(../images/icons/sq_next.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_filter { background-image: url(../images/icons/filter.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_manage { background-image: url(../images/icons/pencil.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_folder { background-image: url(../images/icons/folder_arrow.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_login { background-image: url(../images/icons/padlock_closed.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_user { background-image: url(../images/icons/user.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_cart { background-image: url(../images/icons/shop_cart.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_ok { background-image: url(../images/icons/checkmark.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }
.icon_refresh { background-image: url(../images/icons/refresh.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 26px !important; }

.icon_edit { display: inline-block; width: 16px; height: 16px; background-image: url(../images/icons/pencil.png); background-repeat: no-repeat; }
.icon_delete { display: inline-block; width: 16px; height: 16px; background-image: url(../images/icons/trash.png); background-repeat: no-repeat; }

#sort_box { list-style: none; margin: 0; padding: 0; }
#sort_box li { float: left; margin: 2px 10px 10px 0; text-align: center; vertical-align: middle; }
#sort_box li img { display: inline-block; clear: both; float: left; cursor: move; }
#sort_box li span { display: inline-block; clear: both; float: left; font-size: 10px; }