@charset "UTF-8";
/*
 * customizeForm.css | www.vasalopet.se 
 * http://www.vasalopet.se/
 *
 * Author: Johan Björtin | Daddy Produktion
 *
 * Date: 2009-02-27 12:14:00
 * Revision: 1
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	CENTER CONTAINER
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cf_center
{
	float: left;
	display: inline;
	position: relative;
	left: 50%;
	clear: both;
}

.cf_center div.center
{
	float: left;
	display: inline;
	position: relative;
	left: -50%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	COLORS & FONTS
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.inputButton button, inputText, .linkButton, .inputSelect input
{
	color: #fff;
}

.inputText input, inputPassword input
{
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	LABEL
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

label.cf
{
	display: block;
	outline: none;
	overflow: hidden;
	clear: both;
	color: #a1d0f8;
}

label.cf strong
{
	float: left;
	padding: 5px 0 0 0;
	/*font-weight: normal;*/
	font-size: 10px;
}

label strong
{
	font-size: 9px;
	color: #326E8A;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

.inputFile span
{
	color: #333;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	UNTRASFORMED ELEMENTS
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
button.style
{
	border: 1px solid #fff;
	height: 21px;
}

select.style
{
	border: 1px solid #fff;
	height: 21px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	BUTTON LARGE
*
*	@-moz-document		Filters out all versions of Firefox.
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

button.styled.large.gray span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.large.gray.right.png); }
button.styled.large.gray span span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.large.gray.png); }
button.styled.large.green span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.large.green.right.png); }
button.styled.large.green span span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.large.green.png); }
button.styled.large.blue span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.large.blue.right.png); }
button.styled.large.blue span span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.large.blue.png); }

.inputButton
{
	display: inline;
	float: left;
}

.inputButton div
{
	position: relative;
	overflow: hidden;
	height: 27px;
	*height:23px;
	*margin-top: 2px;
}

.inputButton.left
{
	display: inline;
	float: left;
	clear: right;
}

.inputButton.right
{
	display: inline;
	float: right;
	clear: left;
}

@-moz-document url-prefix() {.inputButton div { margin-top: -1px; }}
@media screen and (-webkit-min-device-pixel-ratio:0) { .inputButton div { margin-top: -1px; } }

button.styled.large
{
	background: transparent;
	border: none;
	position: relative;
	height: 31px;
	width: auto;
	cursor: pointer;
	margin-right: 0 !Important;
	margin-top: 0 !Important;
	margin-left: -8px;
	*margin-left: 0;
	_margin-left: 0;
	top: -1px;
	*top: -3px;
	*left: 0px;
	clear: both !Important;
	float: none !Important;
	font-family: Georgia, "Times New Roman", Times, serif; /* jool 090915 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { button.large.styled { margin-left: -6px; } }
@-moz-document url-prefix() {button.large.styled { margin-left: -9px; }}

button.styled.large span
{
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 0 27px 0 0;
	display: inline;
	height:22px;
	float: left;
	overflow: hidden;
	*overflow: visible;
}

button.styled.large span span
{
	background-position: 0 0;
	padding: 5px 0 0 27px;
	*padding: 3px 0 0 27px;
	height: 22px;
	display: inline;
	float: left;
	font-size: 11px;
	white-space: nowrap;
	font-weight: bold;
	font-weight: normal; /* jool 090915 */
	color: #fff;
	padding /*\**/: 2px 0 0 27px\9
}

button.styled.large:hover span { background-position: right -22px; }
button.styled.large:hover span span { background-position: 0 -22px; }
@-moz-document url-prefix() {button.styled.large:active { left: -1px; }}
button.styled.large:focus span { background-position: right 0; }
button.styled.large:focus span span { background-position: 0 0; }
button.styled.large:active span { background-position: right 0; }
button.styled.large:active span span { background-position: 0 0; }
button.styled.large.press span { background-position: right -22px; }
button.styled.large.press span span { background-position: 0 -22px; }
button.styled.large.disabled span { background-position: right -88px; }
button.styled.large.disabled span span { background-position: 0 -88px; color: #9d9d9d; }
@-moz-document url-prefix() {button.styled.large.disabled:active { left: 0px; }}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	BUTTON SMALL
*
*	@-moz-document		Filters out all versions of Firefox.
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

button.small.styled.yellow span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.yellow.right.png); }
button.small.styled.yellow span span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.yellow.png); }
button.small.styled.blue span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.blue.right.png); }
button.small.styled.blue span span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.blue.png); }


.inputButton button.small div
{
	position: relative;
	overflow: hidden;
	height: 22px;
	*height:21px;
	*margin-top: 2px;
}

@-moz-document url-prefix() {.inputButton div { margin-top: -1px; }}
@media screen and (-webkit-min-device-pixel-ratio:0) { .inputButton div { margin-top: -1px; } }

button.small.styled
{
	background: transparent;
	border: none;
	position: relative;
	height: 31px;
	width: auto;
	cursor: pointer;
	margin-right: 0 !Important;
	margin-top: 0 !Important;
	margin-left: -8px;
	*margin-left: 0;
	_margin-left: 0;
	top: -1px;
	*top: -3px;
	*left: 0px;
	clear: both !Important;
	float: none !Important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { button.small.styled { margin-left: -6px; } }
@-moz-document url-prefix() {button.small.styled { margin-left: -9px; }}

button.small.styled span
{
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 0 27px 0 0;
	display: inline;
	height:19px;
	float: left;
}

button.small.styled span span
{
	background-position: 0 0;
	padding: 3px 0 0 27px;
	height: 16px;
	display: inline;
	float: left;
	font-size: 11px;
	white-space: nowrap;
	font-weight: bold;
	color: #fff;
}

button.small.styled:hover span { background-position: right -19px; }
button.small.styled:hover span span { background-position: 0 -19px; }
@-moz-document url-prefix() {button.small.styled:active { left: -1px; }}
button.small.styled:focus span { background-position: right -38px; }
button.small.styled:focus span span { background-position: 0 -38px; }
button.small.styled:active span { background-position: right -38px; }
button.small.styled:active span span { background-position: 0 -38px; }
button.small.styled.press span { background-position: right -38px; }
button.small.styled.press span span { background-position: 0 -38px; }
button.small.styled.disabled span { background-position: right -76px; }
button.small.styled.disabled span span { background-position: 0 -76px; color: #9d9d9d; }
@-moz-document url-prefix() {button.small.styled.disabled:active { left: 0px; }}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	LINK BUTTON
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a.linkButton
{
	color: #000;
}

a.styled.linkButton
{
	cursor: pointer;
	margin: 4px 0 0 0;
	display: inline-block;
	text-decoration: none;
}

a.styled.linkButton span
{
	/* background-image: url(/Templates/Public/Images/UI/core/formElements/buttonsRight.png); */
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 0 17px 0 0;
	display: inline;
	height: 29px;
	height: 19px;
	overflow: hidden;
	float: left;
}

a.styled.linkButton span span
{
	/* background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.png); */
	background-repeat: no-repeat;
	background-position: 0  0;
	height: 29px;
	height: 19px;
	display: inline;
	float: left;
	font-size: 10px;
	font-weight: bold;
	
	padding: 3px 4px 0 22px;
	line-height: 12px;
}

a.styled.linkButton i {
	display: inline-block;
	*vertical-align: top;
	width: 10px;
	height: 10px;
	margin-left: -12px;
	*margin-left: 0;
	*margin-right: -12px;
	*position: relative;
	*left: -12px;
	*top: 0px;
}

a.styled.linkButton:hover i,
a.styled.linkButton:active i,
a.styled.linkButton.selected i{ 
	background: url(/Templates/Public/Images/UI/core/formElements/buttons.marker.png) no-repeat 0 -10px;
}

a.styled.linkButton span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.blue.right.png); }
a.styled.linkButton span span { background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.blue.png); }

a.styled.linkButton:hover span { background-position: right -19px; }
a.styled.linkButton:hover span span { background-position: 0 -19px; color: #fff;}
a.styled.linkButton:focus span { background-position: right -38px; }
a.styled.linkButton:focus span span { background-position: 0 -38px; color: #fff;}

a.styled.linkButton:active span, 
a.styled.linkButton.selected span { background-position: right -38px; }

a.styled.linkButton:active span span,
a.styled.linkButton.selected span span { background-position: 0 -38px; color: #fff;}

/* ---- Link button variations */

/* -------- blue */

a.styled.linkButton.blue span { 
	background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.blue.right.png); 
}

a.styled.linkButton.blue span span { 
	background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.blue.png);
	color: #004a6e;
}

a.styled.linkButton.blue:hover span,
a.styled.linkButton.blue:active span,
a.styled.linkButton.blue.selected span { 
	color: #fff;
}


/* -------- yellow */

a.styled.linkButton.yellow span { 
	background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.yellow.right.png); 
}

a.styled.linkButton.yellow span span { 
	background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.yellow.png);
	color: #6b6b6b;
}

a.styled.linkButton.yellow:hover i,
a.styled.linkButton.yellow:active i,
a.styled.linkButton.yellow.selected i { 
	background: url(/Templates/Public/Images/UI/core/formElements/buttons.marker.png) no-repeat -10px -10px;
}

a.styled.linkButton.yellow:hover span,
a.styled.linkButton.yellow:active span,
a.styled.linkButton.yellow.selected span { 
	color: #56502d; 
}


/* -------- yellow, disabled */


span.sort_disabled
{
	margin: 4px 0 0 0;
	display: inline-block;
	text-decoration: none;
	color: #000;
}


span.sort_disabled span
{
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 0 17px 0 0;
	display: inline;
	height: 29px;
	height: 19px;
	overflow: hidden;
	float: left;
}


span.sort_disabled span span
{
	background-repeat: no-repeat;
	background-position: 0  0;
	height: 29px;
	height: 19px;
	display: inline;
	float: left;
	font-size: 10px;
	font-weight: bold;
	
	padding: 3px 4px 0 22px;
	line-height: 12px;
}


span.sort_disabled i {
	display: inline-block;
	*vertical-align: top;
	width: 10px;
	height: 10px;
	margin-left: -12px;
	*margin-left: 0;
	*margin-right: -12px;
	*position: relative;
	*left: -12px;
	*top: 0px;
}

span.sort_disabled span { 
	background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.yellow.right.png); 
}

span.sort_disabled span span { 
	background-image: url(/Templates/Public/Images/UI/core/formElements/buttons.small.yellow.png);
	color: #888;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	SUBMIT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.inputSubmit
{
	background: url(/Templates/Public/Images/UI/core/formElements/buttonsRight.png) no-repeat right 0;
	padding: 0 13px 0 0;
	display: inline;
	float: right;
	height:29px;
	overflow: hidden;
}

.inputSubmit span
{
	background: url(/Templates/Public/Images/UI/core/formElements/buttons.png) no-repeat 0 0;
	padding: 5px 0 0 13px;
	display: inline;
	float: left;
	height: 29px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .inputSubmit span { padding-top: 4px; } } 

.inputSubmit:hover { background-position: right -29px;}
.inputSubmit:hover span { background-position: 0 -29px;}
.inputSubmit:active { background-position: right -58px;}
.inputSubmit:active span { background-position: 0 -58px;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	INPUT TEXT FIELD / PASSWORD
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.inputText
{
	background: url(/Templates/Public/Images/UI/core/formElements/textFieldsRight.png) no-repeat right 0;
	padding: 0 8px 0 0;
	display: inline;
	float: right;
	height: 22px;
	overflow: hidden;
}

.inputText span
{
	background: url(/Templates/Public/Images/UI/core/formElements/textFields.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 100%;
	padding: 2px 0 0 8px;
	*padding: 3px 0 0 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .inputText span { padding-top: 2px; } } 

.inputText span input.styled
{
	background: transparent;
	border: none;
	outline: none;
	font-size: 11px;
}

label .inputText.yellow { background-position: right 0; }
label .inputText.yellow span { background-position: 0 0; }
label .inputText.yellow:hover { background-position: right -22px; }
label .inputText.yellow:hover span { background-position: 0 -22px; }
label .inputText.yellow.active { background-position: right -44px; }
label .inputText.yellow.active span { background-position: 0 -44px; }

label .inputText.yellow.error { background-position: right -66px; }
label .inputText.yellow.error span { background-position: 0 -66px; }


label .inputText.green { background-position: right -88px; }
label .inputText.green span { background-position: 0 -88px; }
label .inputText.green:hover { background-position: right -88px; }
label .inputText.green:hover span { background-position: 0 -88px; }
label .inputText.green.active { background-position: right -132px; }
label .inputText.green.active span { background-position: 0 -132px; }

label .inputText.green.error { background-position: right -154px; }
label .inputText.green.error span { background-position: 0 -154px; }

label .inputText.blue { background-position: right -176px; }
label .inputText.blue span { background-position: 0 -176px; }
label .inputText.blue:hover { background-position: right -198px; }
label .inputText.blue:hover span { background-position: 0 -198px; }
label .inputText.blue.active { background-position: right -220px; }
label .inputText.blue.active span { background-position: 0 -220px; }

label .inputText.blue.error { background-position: right -242px; }
label .inputText.blue.error span { background-position: 0 -242px; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	INPUT TEXT DATEPICKER
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.inputDate
{
	background: url(/Templates/Public/Images/UI/core/formElements/datePicker_right.png) no-repeat right 0;
	padding: 0 22px 0 0;
	display: inline;
	float: right;
	height: 22px;
	overflow: hidden;
}

.inputDate span
{
	background: url(/Templates/Public/Images/UI/core/formElements/datePicker.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 100%;
	padding: 2px 0 0 8px;
	*padding: 3px 0 0 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .inputText span { padding-top: 2px; } } 

.inputDate span input.styled
{
	background: transparent;
	border: none;
	outline: none;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

label .inputDate.yellow { background-position: right 0; }
label .inputDate.yellow span { background-position: 0 0; }
label .inputDate.yellow:hover { background-position: right -22px; }
label .inputDate.yellow:hover span { background-position: 0 -22px; }
label .inputDate.yellow.active { background-position: right -44px; }
label .inputDate.yellow.active span { background-position: 0 -44px; }

label .inputDate.yellow.error { background-position: right -66px; }
label .inputDate.yellow.error span { background-position: 0 -66px; }


label .inputDate.green { background-position: right -88px; }
label .inputDate.green span { background-position: 0 -88px; }
label .inputDate.green:hover { background-position: right -88px; }
label .inputDate.green:hover span { background-position: 0 -88px; }
label .inputDate.green.active { background-position: right -132px; }
label .inputDate.green.active span { background-position: 0 -132px; }

label .inputDate.green.error { background-position: right -154px; }
label .inputDate.green.error span { background-position: 0 -154px; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	INPUT FILE
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.inputFile
{
	padding: 0;
	display: inline;
	float: right;
	height: 23px;
	overflow: hidden;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.inputFile span.path
{
	background: url(/Templates/Public/Images/UI/core/formElements/file.png) no-repeat 0 0;
	padding: 0 0;
	display: inline;
	float: left;
	height: 100%;
	cursor: pointer;
	position: relative;
	text-indent: 10px;
	line-height: 21px;
	font-size: 11px;
	overflow: hidden;
}

.inputFile .inputFileButton
{
	background: url(/Templates/Public/Images/UI/core/formElements/fileRight.png) no-repeat 0 0;
	position: absolute;
	height: 23px;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: auto;
	left: auto;
	float: right;
	text-indent: 0;
	padding: 0 5px 0 15px;
	font-size: 11px;
	line-height: 21px;
}

.inputFile input
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.inputFile:hover { background-position: 0 -23px; }
.inputFile:hover .inputFileButton { background-position: 0 -23px; }
.inputFile.active { background-position: 0 -23px; }
.inputFile.active .inputFileButton { background-position: 0 -23px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	INPUT RADIO
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.inputRadio
{
	background: url(/Templates/Public/Images/UI/core/formElements/radios.png) no-repeat 0 0;
	display: block;
	overflow: hidden;
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	padding: 0;
}

.inputRadio.yellow { background-position: 0 0;}
.inputRadio.yellow:hover { background-position: 0 -19px;}
.inputRadio.yellow.checked { background-position: 0 -76px;}
.inputRadio.yellow.checked:hover { background-position: 0 -95px;}
.inputRadio.yellow.checked.press { background-position: 0 -114px;}
.inputRadio.yellow.press { background-position: 0 -38px;}
.inputRadio.yellow.error { background-position: 0 -57px;}
.inputRadio.yellow.checked.error { background-position: 0 -133px;}

.inputRadio.green { background-position: -19px 0;}
.inputRadio.green:hover { background-position: -19px -19px;}
.inputRadio.green.checked { background-position: -19px -76px;}
.inputRadio.green.checked:hover { background-position: -19px -95px;}
.inputRadio.green.checked.press { background-position: -19px -114px;}
.inputRadio.green.press { background-position: -19px -38px;}
.inputRadio.green.error { background-position: -19px -57px;}
.inputRadio.green.checked.error { background-position: -19px -133px;}

.inputRadio.blue { background-position: -38px 0;}
.inputRadio.blue:hover { background-position: -38px -19px;}
.inputRadio.blue.checked { background-position: -38px -76px;}
.inputRadio.blue.checked:hover { background-position: -38px -95px;}
.inputRadio.blue.checked.press { background-position: -38px -114px;}
.inputRadio.blue.press { background-position: -38px -38px;}
.inputRadio.blue.error { background-position: -38px -57px;}
.inputRadio.blue.checked.error { background-position: -38px -133px;}


.inputRadio input.styled
{
	display: block;
	width: 19px;
	height: 19px;
	overflow: hidden;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	INPUT CHECKBOX
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.inputCheck
{
	background: url(/Templates/Public/Images/UI/core/formElements/checkboxes.png) no-repeat 0 -95px;
	display: block;
	overflow: hidden;
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
}

.inputCheck.yellow { background-position: 0 -95px;}
.inputCheck.yellow:hover { background-position: 0 -95px;}
.inputCheck.yellow.checked { background-position: 0 0px;}
.inputCheck.yellow.checked:hover { background-position: 0 0;}
.inputCheck.yellow.checked.press { background-position: 0 0;}
.inputCheck.yellow.press { background-position: 0 -95px;}

.inputCheck.green { background-position: -19px -95px;}
.inputCheck.green:hover { background-position: -19px -95px;}
.inputCheck.green.checked { background-position: -19px 0px;}
.inputCheck.green.checked:hover { background-position: -19px 0;}
.inputCheck.green.checked.press { background-position: -19px 0;}
.inputCheck.green.press { background-position: -19px -95px;}

.inputCheck.blue { background-position: -38px -95px;}
.inputCheck.blue:hover { background-position: -38px -95px;}
.inputCheck.blue.checked { background-position: -38px 0px;}
.inputCheck.blue.checked:hover { background-position: -38px 0;}
.inputCheck.blue.checked.press { background-position: -38px 0;}
.inputCheck.blue.press { background-position: -38px -95px;}

.inputCheck input.styled
{
	display: block;
	width: 19px;
	height: 19px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	SELECT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.inputSelect
{
	padding: 0 23px 0 0;
	display: inline;
	float: right;
	height: 22px;
	overflow: hidden;
	position: relative;
}

.inputSelect input
{
	padding: 0 0 0 0;
	display: inline;
	float: left;
	border: none;
	height: 22px;
	padding-top: 3px;
	padding-left: 11px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

.green.inputSelect { background: url(/Templates/Public/Images/UI/core/formElements/selectbox.green.right.png) no-repeat right 0; }
.green.inputSelect input { background: url(/Templates/Public/Images/UI/core/formElements/selectbox.green.png) no-repeat 0 0; }
.yellow.inputSelect {font-family: Georgia,"Times New Roman",Times,serif; position: absolute; bottom: 33px; left: 0; background-color: #2db5f3; background-image: url(/Templates/Public/Images/UI/Units/header-footer.png); background-position: 173px -119px;; height: 29px; padding: 0 40px 0 0;}
.yellow.inputSelect input {background-color: #1ba9e8; height: 26px; color: #9FDFFC; font-size: 14px; padding: 1px 0 2px 10px; width: 151px!important;}
.blue.inputSelect { background: url(/Templates/Public/Images/UI/core/formElements/selectbox.blue.right.png) no-repeat right 0; }
.blue.inputSelect input { background: url(/Templates/Public/Images/UI/core/formElements/selectbox.blue.png) no-repeat 0 0; }


@media screen and (-webkit-min-device-pixel-ratio:0) { .inputSelect input { padding-top: 0; padding-bottom:5px; height:20px; } } 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
.inputSelect input { padding-top: 4px; padding-bottom:5px; height:20px; }
}

.selectList
{
	display: none;
	position: absolute !Important;
}

.selectList ul
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.selectList a
{
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	font-size: 10px;
	padding: 0px 2px 2px 18px;
	text-decoration: none;
}

.selectList.green a:hover
{
	background: #d8ebd8;
	color: #000;
}

.selectList.green a.active
{
	background: #53c052 url(/Templates/Public/Images/UI/core/formElements/selectListHover.png) no-repeat 5px center;
	color: #000;
}

.selectList.green a:focus
{
	background: #53c052 url(/Templates/Public/Images/UI/core/formElements/selectListHover.png) no-repeat 5px center;
	color: #000;
}

.selectList.yellow a:hover
{
	background: #eae5ca;
	color: #000;
}

.selectList.yellow a.active
{
	background: #ffea62 url(/Templates/Public/Images/UI/core/formElements/selectListHover.png) no-repeat 5px center;
	color: #000;
}

.selectList.yellow a:focus
{
	background: #ffea62 url(/Templates/Public/Images/UI/core/formElements/selectListHover.png) no-repeat 5px center;
	color: #000;
}

.selectList.blue a:hover
{
	background: #eae5ca;
	color: #000;
}

.selectList.blue a.active
{
	background: #1d8fd9 url(/Templates/Public/Images/UI/core/formElements/selectListHover.png) no-repeat 5px center;
	color: #000;
}

.selectList.blue a:focus
{
	background: #1d8fd9 url(/Templates/Public/Images/UI/core/formElements/selectListHover.png) no-repeat 5px center;
	color: #000;
}

/*
.inputSelect.hover { background-position: right -30px; }
.inputSelect.hover input { background-position: 0 -30px; color: #b5d5ff; }
.inputSelect.active { background-position: right -60px; }
.inputSelect.active input { background-position: 0 -60px; }
.inputSelect.error { background-position: right -90px; }
.inputSelect.error input { background-position: 0 -90px; }
*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	INPUT TEXTAREA
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.inputTextarea textarea.styled
{
	width: 100%;
	background: transparent !Important;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	CUSTOMIZE FORM BOX
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.cf_box {
	overflow:hidden;
	position:relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	z-index:999999999; /* WTF? */
	z-index: 3000;
}

.cf_box .t {
	position: relative;
	display: block;
}

.cf_box .t .ne {
	background-repeat:no-repeat;
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
}

.cf_box .t .n {
	overflow: hidden;
	display: block;
}

.cf_box .t .nw {
	background-repeat:no-repeat;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.cf_box .b {
	position: relative;
	display: block;
}

.cf_box .b .s {
	margin:0 10px;
	display: block;
}

.cf_box .b .se {
	background-repeat:no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}
.cf_box .b .sw {
	background-repeat:no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.cf_box .m {
	width: 100%;
	height:100%;
	position:relative;
	overflow: hidden;
	z-index: 1000;
	display: block;
}

.cf_box .m .e {
	background-repeat: repeat-y;
	background-position: 0 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.cf_box .m .w {
	background-repeat: repeat-y;
	background-position: 0 0;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}

.cf_box .m .boxContent {
	overflow:hidden;
	width: auto;
	height:100%;
	margin: 0 0;
	z-index: 100;
	position: relative;
	display: block;
}

.cf_box .m .boxContent .innerS {
	display: block;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	GRAY OUTLINE
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.boxContent .cf_box.grayOutline .t, 								.cf_box.grayOutline .t { height:6px; display: block; }
.boxContent .cf_box.grayOutline .t .ne, 							.cf_box.grayOutline .t .ne { height:6px;	width:6px; display: block; }
.boxContent .cf_box.grayOutline .t .n, 								.cf_box.grayOutline .t .n {	height:6px; margin: 0 6px; display: block; }
.boxContent .cf_box.grayOutline .t .nw,			 					.cf_box.grayOutline .t .nw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.grayOutline .b, 								.cf_box.grayOutline .b { height:6px; display: block; }
.boxContent .cf_box.grayOutline .b .s, 								.cf_box.grayOutline .b .s { height:6px; margin:0 6px; display: block; }
.boxContent .cf_box.grayOutline .b .se, 							.cf_box.grayOutline .b .se { height:6px;	width:6px; display: block; }
.boxContent .cf_box.grayOutline .b .sw, 							.cf_box.grayOutline .b .sw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.grayOutline .m, 								.cf_box.grayOutline .m {  display: block; }
.boxContent .cf_box.grayOutline .m .e, 								.cf_box.grayOutline .m .e { width: 1px; display: block; }
.boxContent .cf_box.grayOutline .m .w, 								.cf_box.grayOutline .m .w {	width: 1px; display: block; }
.boxContent .cf_box.grayOutline .m .boxContent, 					.cf_box.grayOutline .m .boxContent { margin: 0 1px; display: block; }


.boxContent .cf_box.grayOutline .t .ne,								.cf_box.grayOutline .t .ne { background-image:url(/Templates/Public/Images/UI/Core/formElements/boxCorners_grayOutline_ne.png); }
.boxContent .cf_box.grayOutline .t .n,								.cf_box.grayOutline .t .n { background:url(/Templates/Public/Images/UI/Core/formElements/boxCorners_grayOutline_n.png) repeat-x 0 0; }
.boxContent .cf_box.grayOutline .t .nw,								.cf_box.grayOutline .t .nw { background-image:url(/Templates/Public/Images/UI/Core/formElements/boxCorners_grayOutline_nw.png); }
.boxContent .cf_box.grayOutline .b .s,								.cf_box.grayOutline .b .s { background: url(/Templates/Public/Images/UI/Core/formElements/boxCorners_grayOutline_s.png) repeat-x 0 0; }
.boxContent .cf_box.grayOutline .b .se,								.cf_box.grayOutline .b .se { background-image:url(/Templates/Public/Images/UI/Core/formElements/boxCorners_grayOutline_se.png); }
.boxContent .cf_box.grayOutline .b .sw,								.cf_box.grayOutline .b .sw { background-image:url(/Templates/Public/Images/UI/Core/formElements/boxCorners_grayOutline_sw.png); }
.boxContent .cf_box.grayOutline .m .e,								.cf_box.grayOutline .m .e { border-right: 1px solid #d0d0d0; }
.boxContent .cf_box.grayOutline .m .w, 								.cf_box.grayOutline .m .w { border-left: 1px solid #d0d0d0; }
.boxContent .cf_box.grayOutline .m .boxContent,						.cf_box.grayOutline .m .boxContent { background: #fff; }
.boxContent .cf_box.grayOutline .m .boxContent .innerS,				.cf_box.grayOutline .m .boxContent .innerS { background: url(/Templates/Public/Images/UI/Core/rcBox/boxCorners_grayOutline_innerS.png) repeat-x left bottom; padding: 0 5px;  display: block; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	GREEN
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.boxContent .cf_box.green .t, 									.cf_box.green .t { height:6px; display: block; }
.boxContent .cf_box.green .t .ne, 								.cf_box.green .t .ne { height:6px;	width:6px; display: block; }
.boxContent .cf_box.green .t .n, 								.cf_box.green .t .n {	height:6px; margin: 0 6px; display: block; }
.boxContent .cf_box.green .t .nw,			 					.cf_box.green .t .nw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.green .b, 									.cf_box.green .b { height:6px; display: block; }
.boxContent .cf_box.green .b .s, 								.cf_box.green .b .s { height:6px; margin:0 6px; display: block; }
.boxContent .cf_box.green .b .se, 								.cf_box.green .b .se { height:6px;	width:6px; display: block; }
.boxContent .cf_box.green .b .sw, 								.cf_box.green .b .sw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.green .m, 									.cf_box.green .m {  display: block; }
.boxContent .cf_box.green .m .e, 								.cf_box.green .m .e { width: 1px; display: block; }
.boxContent .cf_box.green .m .w, 								.cf_box.green .m .w {	width: 1px; display: block; }
.boxContent .cf_box.green .m .boxContent, 						.cf_box.green .m .boxContent { margin: 0 1px; display: block; }


.boxContent .cf_box.green .t .ne,								.cf_box.green .t .ne { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_ne_default.png); }
.boxContent .cf_box.green .t .n,								.cf_box.green .t .n { background:url(/Templates/Public/Images/UI/core/formElements/dr_box_n_default.png) repeat-x 0 0; }
.boxContent .cf_box.green .t .nw,								.cf_box.green .t .nw { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_nw_default.png); }
.boxContent .cf_box.green .b .s,								.cf_box.green .b .s { background: url(/Templates/Public/Images/UI/core/formElements/dr_box_s_default.png) repeat-x 0 0; }
.boxContent .cf_box.green .b .se,								.cf_box.green .b .se { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_se_default.png); }
.boxContent .cf_box.green .b .sw,								.cf_box.green .b .sw { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_sw_default.png); }
.boxContent .cf_box.green .m .e,								.cf_box.green .m .e { border-right: 1px solid #9ed09d; }
.boxContent .cf_box.green .m .w, 								.cf_box.green .m .w { border-left: 1px solid #9ed09d; }
.boxContent .cf_box.green .m .boxContent,						.cf_box.green .m .boxContent { background: #fff; }
.boxContent .cf_box.green .m .boxContent .innerS,				.cf_box.green .m .boxContent .innerS { background: #fff; padding:0 5px; margin: 0; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	YELLOW
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.boxContent .cf_box.yellow .t, 									.cf_box.yellow .t { height:6px; display: block; }
.boxContent .cf_box.yellow .t .ne, 								.cf_box.yellow .t .ne { height:6px;	width:6px; display: block; }
.boxContent .cf_box.yellow .t .n, 								.cf_box.yellow .t .n {	height:6px; margin: 0 6px; display: block; }
.boxContent .cf_box.yellow .t .nw,			 					.cf_box.yellow .t .nw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.yellow .b, 									.cf_box.yellow .b { height:6px; display: block; }
.boxContent .cf_box.yellow .b .s, 								.cf_box.yellow .b .s { height:6px; margin:0 6px; display: block; }
.boxContent .cf_box.yellow .b .se, 								.cf_box.yellow .b .se { height:6px;	width:6px; display: block; }
.boxContent .cf_box.yellow .b .sw, 								.cf_box.yellow .b .sw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.yellow .m, 									.cf_box.yellow .m {  display: block; }
.boxContent .cf_box.yellow .m .e, 								.cf_box.yellow .m .e { width: 1px; display: block; }
.boxContent .cf_box.yellow .m .w, 								.cf_box.yellow .m .w {	width: 1px; display: block; }
.boxContent .cf_box.yellow .m .boxContent, 						.cf_box.yellow .m .boxContent { margin: 0 1px; display: block; }


.boxContent .cf_box.yellow .t .ne,								.cf_box.yellow .t .ne { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_ne_yellow.png); }
.boxContent .cf_box.yellow .t .n,								.cf_box.yellow .t .n { background:url(/Templates/Public/Images/UI/core/formElements/dr_box_n_yellow.png) repeat-x 0 0; }
.boxContent .cf_box.yellow .t .nw,								.cf_box.yellow .t .nw { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_nw_yellow.png); }
.boxContent .cf_box.yellow .b .s,								.cf_box.yellow .b .s { background: url(/Templates/Public/Images/UI/core/formElements/dr_box_s_yellow.png) repeat-x 0 0; }
.boxContent .cf_box.yellow .b .se,								.cf_box.yellow .b .se { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_se_yellow.png); }
.boxContent .cf_box.yellow .b .sw,								.cf_box.yellow .b .sw { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_sw_yellow.png); }
.boxContent .cf_box.yellow .m .e,								.cf_box.yellow .m .e { border-right: 1px solid #d3ceb2; }
.boxContent .cf_box.yellow .m .w, 								.cf_box.yellow .m .w { border-left: 1px solid #d3ceb2; }
.boxContent .cf_box.yellow .m .boxContent,						.cf_box.yellow .m .boxContent { background: #fff; }
.boxContent .cf_box.yellow .m .boxContent .innerS,				.cf_box.yellow .m .boxContent .innerS { background: #fff; padding: 0 5px; margin: 0; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*	BLUE
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.boxContent .cf_box.blue .t, 									.cf_box.blue .t { height:6px; display: block; }
.boxContent .cf_box.blue .t .ne, 								.cf_box.blue .t .ne { height:6px;	width:6px; display: block; }
.boxContent .cf_box.blue .t .n, 								.cf_box.blue .t .n {	height:6px; margin: 0 6px; display: block; }
.boxContent .cf_box.blue .t .nw,			 					.cf_box.blue .t .nw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.blue .b, 									.cf_box.blue .b { height:6px; display: block; }
.boxContent .cf_box.blue .b .s, 								.cf_box.blue .b .s { height:6px; margin:0 6px; display: block; }
.boxContent .cf_box.blue .b .se, 								.cf_box.blue .b .se { height:6px;	width:6px; display: block; }
.boxContent .cf_box.blue .b .sw, 								.cf_box.blue .b .sw { height:6px;	width:6px; display: block; }
.boxContent .cf_box.blue .m, 									.cf_box.blue .m {  display: block; }
.boxContent .cf_box.blue .m .e, 								.cf_box.blue .m .e { width: 1px; display: block; }
.boxContent .cf_box.blue .m .w, 								.cf_box.blue .m .w {	width: 1px; display: block; }
.boxContent .cf_box.blue .m .boxContent, 						.cf_box.blue .m .boxContent { margin: 0 1px; display: block; }


.boxContent .cf_box.blue .t .ne,								.cf_box.blue .t .ne { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_ne_blue.png); }
.boxContent .cf_box.blue .t .n,									.cf_box.blue .t .n { background:url(/Templates/Public/Images/UI/core/formElements/dr_box_n_blue.png) repeat-x 0 0; }
.boxContent .cf_box.blue .t .nw,								.cf_box.blue .t .nw { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_nw_blue.png); }
.boxContent .cf_box.blue .b .s,									.cf_box.blue .b .s { background: url(/Templates/Public/Images/UI/core/formElements/dr_box_s_blue.png) repeat-x 0 0; }
.boxContent .cf_box.blue .b .se,								.cf_box.blue .b .se { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_se_blue.png); }
.boxContent .cf_box.blue .b .sw,								.cf_box.blue .b .sw { background-image:url(/Templates/Public/Images/UI/core/formElements/dr_box_sw_blue.png); }
.boxContent .cf_box.blue .m .e,									.cf_box.blue .m .e { border-right: 1px solid #0094d8; }
.boxContent .cf_box.blue .m .w, 								.cf_box.blue .m .w { border-left: 1px solid #0094d8; }
.boxContent .cf_box.blue .m .boxContent,						.cf_box.blue .m .boxContent { background: #fff; }
.boxContent .cf_box.blue .m .boxContent .innerS,				.cf_box.blue .m .boxContent .innerS { background: #fff; padding: 0 5px; margin: 0; }