*
{
	font-size: 		12px;
	color: 			#fff;
}

html
{
	font-family: 	Arial;
	font-size: 		12px;
	color: 			#fff;
}


body {
    background: url("../images/commons/commons_bg.jpg") repeat-x scroll center top #4D2C13;
    color: #1E0000;
    font-family: tahoma,arial,sans-serif;
    font-size: 0.8em;
    line-height: 1.25;
    margin: 0;
    padding: 0;
}

#commons_main_container
{
	position: 				relative;
	width: 					930px;
	margin: 				0px auto;
	background-color: 		#ebe4db;

}

#commons_footer_tags_container
{
	position: 				relative;
	width: 					930px;
	margin: 				0px auto;

}

#commons_footer
{
	position: 				relative;
    height: 108px;
	width: 					930px;
	margin: 				0px auto;

}

#commons_footer_container
{
    background: url("../images/commons/fond_footer.jpg") repeat-x scroll 0 0 transparent;
    height: 108px;
    margin: 0;
    width: 					100%;
    padding: 0;
}

#commons_credits_text
{
	float: 					right;
	width: 					480px;
	color: 					#b69a50;
	margin: 				0px;
	margin-left: 			0px;
	margin-right: 			5px;
	margin-top: 			5px;
	text-align: 			right;
}


#commons_credits_glevents
{
	width: 					75px;
	float: 					left;
	margin-top: 			9px;
}


#commons_credits_text a:link,
#commons_credits_text a:active,
#commons_credits_text a:visited
{
	color: 					#b69a50;
	text-decoration: 		none;
}


#commons_credits_text a:hover
{
	color: 					#fff;
}


#commons_tags
{
	width: 					100%;
	height:					55px;
	color: 					#b69a50;
}

#commons_tags a:link,
#commons_tags a:active,
#commons_tags a:visited
{
	color: 					#b69a50;
	text-decoration: 		none;
}

#commons_tags a:hover
{
	color: 					#fff;
}


#commons_tags div
{
	color: 					#b69a50;
	text-align: 			left;
	padding:				15px 10px 0px 10px;
	width: 					887px;
	margin-left: 			20px;
}

#commons_top_separator
{
	height: 				0px;
	background-color:		#ebe4db;
	width: 					100%;
}


.commons_player_container_fond
{
	margin-left: 			7px;
	margin-bottom: 			10px;
	width:					669px;
	height: 				379px;
	background-image: 		url(../images/commons/player_bg.jpg);
	background-color:		#fff;
}

.commons_player_container
{
	margin-top: 			10px;
	margin-left: 			15px;
	width:					640px;
	height: 				360px;
}


#commons_player_bottom
{
	position: 				relative;
	background-image: 		url(../images/commons/commons_player_bottom.png);
	width: 					642px;
	height: 				60px;
	margin-left: 			6px;
}



#commons_player_bottom h1
{
	position: 				absolute;
	font-size: 				18px;
	font-weight: 			bold;
	width: 					640px;
	text-align: 			center;
	top: 					18px;
	
}

#commons_player_playlist_items
{
	margin-left: 			6px;
	margin-right: 			6px;

}


#commons_player_playlist_tabs li
{
	display: 				block;
	float: 					left;
}


.commons_player_tab_01
{
	background-image: 		url(../images/commons/commons_player_tab_01_on.png);
	width: 					133px;
	height: 				35px;
	cursor: 				pointer;
}


.commons_player_tab_02
{
	background-image: 		url(../images/commons/commons_player_tab_02_off.png);
	width: 					136px;
	height: 				35px;
	cursor: 				pointer;
}


.commons_media_list 
{
	width:					269px;
	height: 				345px;
	overflow-y: 			auto;
	overflow-x: 			hidden;
	background-image: 		url(../images/commons/playlist_bg.png);
	background-repeat: 		repeat-y;

}


.commons_player_tab_01.selected
{
	background-image: 		url(../images/commons/commons_player_tab_01_off.png);
}


.commons_player_tab_02.selected
{
	background-image: 		url(../images/commons/commons_player_tab_02_on.png);
}


#commons_player_playlist hr
{
	width: 					310px;
	border: 				none;
	border-top: 			8px solid #800002;
}


.commons_playlist_item
{
	position: 				relative;
	background-image: 		url(../images/commons/commons_player_item_bg.png);
	width: 					269px;
	height: 				63px;
	cursor: 				pointer;
}


#commons_player_playlist_items tbody .chapter_selected td,
#commons_player_playlist_items tbody .chapter_selected,
#commons_player_playlist_items tbody .media_selected
{
	background-image: 		url(../images/commons/commons_player_item_selected_bg.png);
}


.commons_playlist_item h2
{
	position: 				absolute;
	width: 					163px;
	top: 					15px;
	left: 					90px;
	font-family:			Arial, Sans Serif;
	font-size: 				15px;
	font-weight: 			bold;
	color: 					#fff;
}


#commons_player_playlist_bottom
{
	background-image: 		url(../images/commons/commons_player_list_bottom.png);
	width: 					269px;
	height: 				10px;
}

#commons_player_playlist_items tbody div.commons_player_playlist_item_date {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    text-align: center;
    width: 75px;
}

#commons_player_playlist_items tbody div.commons_player_playlist_item_picture
{
	width: 			75px;
	text-align: 	center;
	padding-left: 	5px;
	padding-right: 	5px;
	padding-top: 	5px;
	font-weight:	bold;
}

#commons_events_container
{
	width:					918px;
	height:					122px;
	background-image: 		url(../images/commons/commons_events_bg.png);
	margin-top: 			20px;
	margin-left: 			6px;
}



.section
{
	margin-left: 			25px;
}


.section img
{
	margin-top: 			7px;
}
 
 
.navigation { 
      margin: 2; 
      padding: 0; 
      list-style: none; 
	font-family:			Arial, Sans Serif;
	font-size: 				15px;
	font-weight: 			bold;
	color: 					#fff;
      width: 228px;
      height: 35px;
      background: url("http://sirha.get-live.tv/project/design/resources/images/commons/menu-deroul-ext.png") left bottom no-repeat; 
                     z-index: 1500;
   	position: absolute;


      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 0px 0px;
      color: #fff; 
      text-decoration: none; 
                     z-index: 1500;
   position: relative;

      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
         width: 228px;
      height: 25px;
            color: #fff; 
            padding: 5px 60px;
               z-index: 1500;
   position: relative;
      text-decoration: none; 
      
      } 
      
   .navigation .open a, .navigation .open span { 
      background-image: url("http://sirha.get-live.tv/project/design/resources/images/commons/menu-deroul-ext.png") left bottom no-repeat; 
                         z-index: 1500;

    } 
      
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      background-image: url("http://sirha.get-live.tv/project/design/resources/images/commons/menu-deroul-extACTIVE.png") left bottom no-repeat; 
                        z-index: 1500;

   } 
      
   .navigation .subMenu { 
      font-size: .8em; 
      background: #454545; 
      margin: 0; 
      padding: 0;
      text-align: left;
      border-bottom: 1px solid #666; 
                          z-index: 1500;

     } 
      
   .navigation ul.subMenu a { 
         background: #454545; 
      padding: 3px 20px; 
      width: 188px;
                         z-index: 1500;
  
      }


