/* ================================================ */
/* = Vertical Tabs Widget (extend jquery ui tabs) = */
/* ================================================ */
.ui-vertical-tabs{

}

	.ui-vertical-tabs .ui-tabs-nav{
		position: relative; float: left; z-index: 5;
	}
		
		.ui-vertical-tabs .ui-tabs-nav li{
			float: none; width: 119px;  border-bottom-width: 1px; border-right: 0; margin: 0 0 3px 0;
			
			-moz-border-radius: 0; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px;
			-webkit-border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
			border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
		}
	
		
		
		.ui-vertical-tabs .ui-tabs-nav li a{
			display: block; float: none; padding: 15px 10px; 
		}
		
		.ui-vertical-tabs .ui-tabs-nav li.ui-tabs-selected { padding-right: 1px;  padding-bottom: 0; }
		.ui-vertical-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-vertical-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-vertical-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
		
	
		.ui-vertical-tabs .ui-tabs-panel{
			position: relative; z-index: 1; margin-left: 120px;

		}
		
/* ================ */
/* = Popup Widget = */
/* ================ */

#popup-bg{
	position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	background: url(../images/blank.gif) repeat;
}

.ui-popup{
	position: absolute; min-height: 100px; width: 250px; padding: 10px; border: #b9b9b9 1px solid; background: #f6f5f2;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8); box-shadow: 2px 2px 5px rgba(0,0,0,.8);
}


	.ui-popup h5{
		border-bottom: #ccc 1px solid; padding-bottom: 5px;
	}

	.ui-popup .popup-arrow{
		position: absolute; display: block; width: 16px; height: 26px; top: 25px; left: 270px; 
		background: url(../images/popup-arrow-right.png) left top no-repeat;
	}
	
	.ui-popup ul.striped{
		margin-bottom: -10px;
	}
	
	.ui-popup ul.striped li{
		margin-left: -10px; padding-left: 10px; padding-right: 10px; width: 250px; margin-right: -10px;
	}
	
	.ui-popup ul.striped li:last-child{
		 border-radius: 4px;
	}
		.ui-popup li .icon{
			margin-bottom: -5px; margin-right: 5px;
		}
	
	.ui-popup ul.striped li:nth-child(odd), .ui-popup ul.striped li.odd{
		background: #F6F5F2;
	}

	.ui-popup ul.striped li:nth-child(even), .ui-popup ul.striped li.even{
		background: #fff;
	}
	
	.ui-popup ul.striped .actions{
		float:right; text-align: left; width: 50px; padding-left: 10px; border-left: #ccc 1px solid; margin-left: -20px;
	}