/*!
 * jQuery uwmHPP Library betas/beta006/HPP.0.0
 * http://www.unityworksmedia.com
 *
 * Copyright 2010, Luis A. Ramirez
 * Date: Fri Dec 1 00:00:00 2010
 * Copyright 2010, UnityWorks! Media
 */
 
 
/* UWM HPP-jQuery Main Application */
body{
	color:#ffffff; 
	margin: 0;
	overflow:hidden;
	background:transparent;
	}

/* UWM HPP-jQuery Main Container */
.uwmElement{
	border:0px solid #b8b8b8;
	}

	
/* UWM HPP-jQuery Player Area */	
.uwmElement .player{
	background:#000000;
	z-index: 1;
	}

/* UWM HPP-jQuery Main Mavigation Area */
.uwmElement .sidebar{
	background: url(images/btnbg.png); 
	width:198px;
	position: relative;
	z-index: 99999;
	overflow: hidden;
	border-right:0px solid #b8b8b8;
	border-bottom:0px solid #b8b8b8;
	border-top:0px solid #b8b8b8;
	
	}

/* UWM HPP-jQuery Side Button Area */
.uwmElement .opened{
	position:relative;
	overflow:hidden;
	width:17px; 
	cursor:pointer;
	top:0px;
	left:6px
	}
	
.uwmElement .closed{
	width:0px; 
	cursor:pointer;
	}		

.uwmElement .iconIn{
	background:url(images/sliderOut.png) no-repeat;  
	width:23px; 
	height:98px;
	position: absolute;
	left:-5px;
	}
	
.uwmElement .iconOut{
	background:url(images/sliderOut.png) no-repeat; 
	width:23px; 
	height:98px; 
	position: absolute;
	}	
.uwmElement .arrow-right{
	width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;

    border-left: 7px solid;
	position: relative;
	right: -14px;
	top: 45%;
	color:#333333;
	display: none;
}
.uwmElement .arrow-left{
	width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;

    border-right: 7px solid;
	position: absolute;
	right: 6px;
	top: 45%;
	
	color:#333333;
}

/* UWM HPP-jQuery Up and Down Buttons */
.uwmElement #btnup{
	background:#333333 url(images/up.jpg); 
	left:23px;  
	width:175px; 
	height:23px; 
	cursor:pointer;
	color:#555555; 
	border-bottom:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8;
	position: relative;
	z-index: 5;
	}	
	
.uwmElement #btndown{
	background:#333333 url(images/down.jpg);  
	left:23px; 
	width:175px; 
	height:23px; 
	cursor:pointer;
	color:#555555; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	position: relative;
	z-index: 5;
	}
	
.uwmElement #btn{
	width:175px; 
	height:45px; 
}

.uwmElement #image {
	left: -0px;
	z-index: 10;
	top: 0px;
	width: 62px;
	height: 45px;
}

.uwmElement img {
	width: 70px;
	height: 45px;
}
	

/* UWM HPP-jQuery Inside Navigational Area */			
.uwmElement .navigation{
	background:#b8b8b8; 
	left: 23px;
	position: relative;
	z-index: 3;
	}

.uwmElement .navigation .deactive{
	background:#333333 url(images/button.jpg); 
	background-repeat: repeat-x; 
	width:175px; 
	height:45px; 
	cursor:pointer; 
	color:#555555; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	margin: 0;
	list-style:none;
	position:relative;
	}		
	
.uwmElement .navigation .active{
	background:#2682b3 url(images/button_active.png);
	background-repeat: repeat-x; 
	width:175px; 
	height:45px;
	cursor:pointer;
	color:#FFFFFF; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	margin: 0;
	list-style:none;
	position:relative;
	}
					
.uwmElement .navigation .rollOver{
	background:#b7e7fe url(images/button_rollOver.png);
	background-repeat: repeat-x; 
	width:175px; 
	height:45px;
	cursor:pointer;
	color:#555555; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	margin: 0;
	list-style:none;
	position:relative;
	}
					
.uwmElement .navigation .active a {
	color:#FFFFFF;
	}
	
.uwmElement .navigation .header{
	font-size:11px !important;
	font-family: tahoma; 
	text-align:left; 
	left: 13px; 
	top: 9px; 
	font-weight: bold;
	position:absolute;
	}
	
.uwmElement .navigation li {
	font-size:11px; 
	font-family: tahoma; 
	text-align:left; 
	left: 13px; 
	top: 22px;
	position:absolute;
	}
	
.uwmElement .navigation a {
	color:#004569;
	}

.uwmElement .navigation .imgHeader{
	font-size:11px;
	font-family: tahoma; 
	text-align:left; 
	font-weight: bold;
	position:absolute;
	top:10px;
	left:78px;
}

.uwmElement .navigation .imgSubHeader{
	font-size:11px;
	font-family: tahoma; 
	text-align:left; 
	position:absolute;
	top:22px;
	left:79px;
}
	
/* UWM HPP-jQuery Inside Grouping Area */			
	
.uwmElement .navigation .group_header{
	font-size:11px;
	font-family: tahoma; 
	text-align:left; 
	left: 24px; 
	top: 15px; 
	font-weight: bold;
	}
	
.uwmElement .navigation .group_subheader {
	font-size:11px; 
	font-family: tahoma; 
	text-align:left; 
	left: 24px; 
	top: 26px;
	}
	
.uwmElement .navigation .group_subheader li {
	font-size:11px; 
	font-family: tahoma; 
	text-align:left; 
	left: 15px; 
	top: 22px;
	}
	
.uwmElement .navigation .group_subheader a {
	color:#004569;
	}


.uwmElement .navigation .groupDeactive{
	background:#333333 url(images/buttonGroupOff.jpg); 
	background-repeat: repeat-x; 
	width:175px; 
	height:45px; 
	cursor:pointer; 
	color:#FFFFFF; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	margin: 0;
	list-style:none;
	position:relative;
	}		
	
.uwmElement .navigation .groupActive{
	background:#333333 url(images/buttonGroupOn.jpg);
	background-repeat: repeat-x; 
	width:175px; 
	height:45px;
	cursor:pointer;
	color:#FFFFFF; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	margin: 0;
	list-style:none;
	position:relative;
	}
					
.uwmElement .navigation .groupRollOver{
	background:#333333 url(images/buttonGroupOff.jpg);
	background-repeat: repeat-x; 
	width:175px; 
	height:45px;
	cursor:pointer;
	color:#56bf5c; 
	border-top:1px solid #b8b8b8; 
	border-left:1px solid #b8b8b8; 
	margin: 0;
	list-style:none;
	position:relative;
	}	


			
/* UWM HPP-jQuery Main Application Errors */
.uwmElement .errorHolder{
	background: #333333; 
	font-family: tahoma; 
	color: #333333; 
	font-size: 10px;
}

.uwmElement .errorBg{
	background: url(images/error.jpg); 
	height:80px; 
	width:243px; 
	position: relative;
}

.uwmElement .errorText{
	height:80px; 
	width:175px; 
	position: relative;
}