﻿.sliderCaptchaContainer {
    width: 165px;  
    height: 95px; 
    margin:0 auto;
    border-width: 1px;
    border-color: #2A2E2E;
    border-style: solid;
    position: relative;
    background: #ffffff;
    padding:5px;
    overflow:hidden;
	background-color:#222222;
	color:#CCCCCC;
}

.sliderCaptchaHeader {
    background: url('images/header.gif') no-repeat center center;
    width: 165px;
    height: 35px;    
}

.sliderCaptchaSlider { }
.sliderCaptchaSlider .ui-slider-handle { 
	/* remove default jQuery ui css class */
	margin:0;
	padding:0;
	background:none;
	border:0;
	/* override default jQuery ui css class */
	position: absolute;
    margin-top:-5px;
    margin-left:-4px;  
    background: url('images/slider1.png') no-repeat center center;
    width: 20px; 
	height: 20px; 
	cursor:pointer;	
}

.sliderCaptchaSlider .ui-slider-handle:hover {
    background: url('images/sliderHover1.png') no-repeat center center;
}

.ui-slider-horizontal { 
	height: 10px; 
	width: 80%;  
	background: #f0ede0;
    border-bottom:1px solid #edebe4;
    border-left:1px solid #b3b6b4;
    border-top:1px solid #b3b6b4;
    border-right:1px solid #b3b6b4;
    margin:15px auto;
    position:relative;
}

.sliderCaptchaImages {
    width: 98%;  
}

.sliderCaptchaStatus {
    width: 55%; 
    text-align:center;
    margin:0 auto;
    line-height:10px;
    font-family:Verdana;
    font-size:10px;
}

.sliderCaptchaLockedImage {
    width: 0px; 
	height: 0px;
	float:left;  
}

.sliderCaptchaUnlockedImage {
    width: 0px; 
	height: 0px; 
	float:right;  
}

.sliderCaptchaLockedImageDisable {
    width: 0px; 
	height: 0px;
	float:left;  
}

.sliderCaptchaUnlockedImageDisable {
    width: 0px; 
	height: 0px; 
	float:right;  
}

.sliderCaptchaPlaceHolder {}

