﻿/*	CSS for customized radio buttons and check boxes */
/* Script used from - www.filamentgroup.com/examples/customInput/ */
/* page styles */




	
/* states */
.homePoll .poll .custom-checkbox{height:29px;}
.checkboxes .custom-radio label { background: url(../images/icons/radiobuttonSquare-white.gif) no-repeat; }
.checkboxes .custom-checkbox label { background: url("../images/icons/radiobuttonSquare-white.gif") no-repeat scroll 0 0 #fff;}
/*.custom-checkbox label { background: url(../images/icons/radiobutton.gif) no-repeat; }*/
.custom-checkbox label { background: url(../images/icons/ee_selectBox.png) no-repeat; }
/*--radiobuttonSquare.gif--*/
.custom-radio label { background: url(../images/icons/radiobutton.gif) no-repeat; }

.custom-checkbox label {
    background-position: 4px 2px;
    height: 19px;
    line-height: 15px;
    margin: 0 0 0 -25px;
    padding: 6px 0 0 32px;
    position: relative;   
    cursor: pointer; 
    font-size: 13px;
    color: #000000;
}
 
.custom-checkbox label:hover,
.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus,
.custom-checkbox label.checked {
    background-position: 4px -28px; 
}

.checkboxes .custom-checkbox label,
.checkboxes .custom-radio label, 
.custom-radio label {
    background-position:-10px -15px;
    *background-position:-10px -10px;
    _background-position:-7px -10px;
    display:inline-block;
    *display:inline;
	zoom:1;
	position:relative;
	_position:static;/*IE6*/
	*position:static;/*IE7*/
    height:30px;
    padding:6px 0 0 32px;
    *padding:11px 0 0 32px;/*IE7*/
    margin: 0 0 0 -25px;
    line-height: 15px;
}
.checkboxes .custom-checkbox label.hover,
.checkboxes .custom-radio label.hover,
.custom-radio label.hover {
	background-position: -10px -114px;
	*background-position: -10px -109px;
	_background-position: -7px -109px;
}
.checkboxes .custom-checkbox label.checked,
.checkboxes .custom-radio label.checked, 
.custom-radio label.checked {
	background-position: -10px -214px;
	*background-position: -10px -209px;
	_background-position: -7px -209px;
}
.checkboxes .custom-checkbox label.checkedHover,
.checkboxes .custom-checkbox label.checkedFocus,
.checkboxes .custom-radio label.checkedHover,
.checkboxes .custom-radio label.checkedFocus {
	background-position: -10px -214px;
	*background-position: -10px -209px;
	_background-position: -7px -209px;
}
.checkboxes .custom-checkbox label.focus,
.checkboxes .custom-radio label.focus,
.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}
label.twoLines{line-height:10px; _line-height:8px;}