/* (c) iliadis.eu  */


/* generic form elements */
.checkbox {
	vertical-align:middle;
	background:none;
	border:none;
}
.textfield_asterisk {
	font-weight:bold;
	font-size:20px;
	vertical-align:middle;
	color:#FF0000;
}

.unclickable_icon_container{
	width: 16px;
	text-align: center;
}
.clickable_icon_container{
	width: 16px;
	text-align: center;
}
.clickable_icon_container img{
	cursor: pointer;
}
.label_substitution {
	float:left;
	width:150px;
}
.input_substitution {
	clear:right;
	float:left;
	font-size:11px;
}

.msg_generic {
	display:inline-block;
	margin:10px 0;
	padding:5px 10px;
	line-height:20px;
	color:#666666;
	border:#e5e5e5 3px solid;
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
}
.msg_generic_inline {
	display:none;
	margin:0 10px;
	padding:0 10px;
	line-height:18px;
	font-size:10px;
	color:#999999;
	border:#e5e5e5 2px solid;
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
}
.msg_info {
	padding-left:25px;
	background:#ffffff url(../../images/icon_info.png) no-repeat 5px center;
}
.msg_info_inline {
	padding-left:25px;
	background:#ffffff url(../../images/icon_info.png) no-repeat 5px center;
}
.msg_question {
	padding-left:25px;
	background:#ffffff url(../../images/icon_question.png) no-repeat 5px center;
}
.msg_question_inline {
	padding-left:25px;
	background:#ffffff url(../../images/icon_question.png) no-repeat 5px center;
}
.msg_success {
	padding-left:25px;
	color:#006600;
	border:#33cc33 3px solid;
	background:#ccffcc url(../../images/icon_submit.png) no-repeat 5px center;
}
.msg_success_inline {
	padding-left:25px;
	color:#006600;
	border:#33cc33 2px solid;
	background:#ccffcc url(../../images/icon_submit.png) no-repeat 5px center;
}
.msg_failure {
	padding-left:25px;
	color:#990000;
	border:#ff6666 3px solid;
	background:#ffcccc url(../../images/icon_cancel.png) no-repeat 5px center;
}
.msg_failure_inline {
	padding-left:25px;
	color:#990000;
	border:#ff6666 2px solid;
	background:#ffcccc url(../../images/icon_cancel.png) no-repeat 5px center;
}
.msg_warning { /* used as an inline warning for forms*/
	padding-left:25px;
	color: #996600;
	background:#FFFFCC url(../../images/icon_warning.png) no-repeat 5px center;
	border:#FFCC00 3px solid;
}

.msg_warning_inline { /* used as an inline warning for forms*/
	padding-left:25px;
	color: #996600;
	background:#FFFFCC url(../../images/icon_warning.png) no-repeat 5px center;
	border:#FFCC00 2px solid;
}



.msg_processing {
	display:inline-block;
	max-width:250px;
	margin:10px auto;
	padding:0 10px;
	padding-top:40px;
	line-height:20px;
	font-size:11px;
	text-align: center;
	color:#999999;
	border:#e5e5e5 3px solid;
	background:#ffffff url(../../images/icon_processing_large.gif) no-repeat center 5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
}
.msg_processing_inline {
	display:none;
	margin:0 10px;
	padding:1px 10px;
	padding-left:25px;
	line-height:20px;
	font-size:10px;
	color:#999999;
	background:url(../../images/icon_processing.gif) no-repeat 5px center;
}



/* FORM ELEMENTS
_______________________________________________________________________*/
form {
}
fieldset {
	margin:10px 0;
}
legend {
	display:block;
	clear:both;
	padding:2px 0;
	margin-bottom:5px;
	width:100%;
	line-height:16px;
	font-size:11px;
	color:#666666;
	background:#f5f5f5;
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
}
label,
span.label_substitution {
	display:inline-block;
	width:150px;
	padding:0 5px;
	vertical-align:top;
	font-size:11px;
	color:#666666;
}
input,
textarea,
select {
	padding:2px 5px;
	font-size:11px;
	color:#666666;
	background:#ffffff;
	border:#e5e5e5 1px solid;
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	-o-border-radius:5px;
  	border-radius:5px;
	-moz-box-shadow:inset 2px 2px 5px #dddddd;
	-webkit-box-shadow:inset 2px 2px 5px #dddddd;
	-o-box-shadow:inset 2px 2px 5px #dddddd;
	box-shadow:inset 2px 2px 5px #dddddd;
}
input:focus,
textarea:focus,
select:focus {
	color:#333333;
	background:#ffffff;
	border:#cccccc 1px solid;
	-moz-box-shadow:2px 2px 5px #cccccc;
	-webkit-box-shadow:2px 2px 5px #cccccc;
	-o-box-shadow:2px 2px 5px #cccccc;
	box-shadow:2px 2px 5px #cccccc;
}
select {}
optgroup {
	font-size:11px;
	font-style:normal;
	color:#666666;
}
option {
	padding:0 10px;
	font-size:10px;
	color:#666666;
	background:#ffffff;
	border-bottom:1px solid #eeeeee;
}
option:active {
	color:#333333;
}
option:disabled {
	color:#cccccc;
}

option.highlighted{
	color: #cc0000;
}


/* form items container [ UL item ] */
.form_items_container {
	position:static;
	display:block;
	clear:both;
	margin:0;
	margin-bottom:10px;
	padding:0;
	list-style:none;
	font-size:12px;
}
.form_items_container li {
	position:static;
	display:block;
	float:left;
	clear:both;
	padding:2px 0;
	width:100%;
	line-height:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.form_items_container .form_divider,
.form_items_container .form_divider:hover {
	display:block;
	clear:both;
	padding:2px 0;
	margin:5px 0;
	width:100%;
	line-height:16px;
	font-size:11px;
	color:#666666;
	background:#f5f5f5;
	border:0;
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}




/* BUTTON ITEM
text must be contained in span tag if inline images (icons) are used innorder to align corectly */
button {
	cursor: pointer;
	padding:5px;
	margin:2px;
	font-size:11px;
	text-decoration:none;
	color:#333333;
	border:#cccccc 1px solid;
	background:#f5f5f5 url(../../images/bg_btn.png) repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
	-o-box-shadow:2px 2px 5px #999999;
	box-shadow:2px 2px 5px #999999;
}
button:hover {
	background:#eeeeee url(../../images/bg_btn.png) repeat-x;
	border:#999999 1px solid;
	-moz-box-shadow:1px 1px 2px #999999;
	-webkit-box-shadow:1px 1px 2px #999999;
}
button img {
	margin:0 2px;
	vertical-align:middle;
	border:0;
}
button span {
	margin:0 2px;
	vertical-align:middle;
	line-height:16px;
	border:0;
}
button.inline_button {
	padding:2px 0;
}
button.main_next_step {
	padding:5px 10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background:#0099CC url(../../images/bg_btn_blue.png) repeat-x;
	border:#0099CC 2px solid;
}
button.main_next_step:hover {
	background:#0066AA url(../../images/bg_btn_blue.png) repeat-x;
	border-color:#0066AA;
}
button:disabled {
	background:#eeeeee url(../../images/bg_btn.png) repeat-x;
	border:#cccccc 1px solid;
	color:#999999;
	-moz-box-shadow:1px 1px 2px #999999;
	-webkit-box-shadow:1px 1px 2px #999999;
}


/* button container for input buttons */
.buttons_container {
	padding: 2px 5px;
	text-align: right;
	font-size: 10px;
	color: #999999;
	background:#F1F1E9;
	background: HSLA(64, 30%, 55%, .1);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.buttons_container input {
	width:auto;
	cursor: pointer;
	padding:5px;
	margin:2px 1px;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#333333;
	border:#cccccc 1px solid;
	background:#f5f5f5 url(../../images/bg_btn.png) repeat-x;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
	-o-box-shadow:2px 2px 5px #999999;
	box-shadow:2px 2px 5px #999999;
}
.buttons_container input:hover {
	background:#eeeeee url(../../images/bg_btn.png) repeat-x;
	border:#999999 1px solid;
	-moz-box-shadow:1px 1px 2px #999999;
	-webkit-box-shadow:1px 1px 2px #999999;
	-o-box-shadow:1px 1px 2px #999999;
	box-shadow:1px 1px 2px #999999;
}

.buttons_container input.submit {
	padding-left:25px;
	color:#006600;
	background:#ccffcc url(../../images/icon_submit.png) no-repeat 5px center;
	border:#33cc33 1px solid;
}
.buttons_container input.submit:hover {
	background:#99ff99 url(../../images/icon_submit.png) no-repeat 5px center;
	border:#339933 1px solid;
}

.buttons_container input.reset {
	padding-left:25px;
	color:#990000;
	background:#ffcccc url(../../images/icon_cancel.png) no-repeat 5px center;
	border:#ff6666 1px solid;
}
.buttons_container input.reset:hover {
	background: #FF9999 url(../../images/icon_cancel.png) no-repeat 5px center;
	border:#cc0000 1px solid;
}


.buttons_container input.pressed,
.buttons_container input.pressed:hover {
	cursor:default;
	color:#333333;
	font-weight:bold;
	background: #f5f5f5;
	border:#666666 1px solid;
	-moz-box-shadow:inset 1px 1px 2px #999999;
	-webkit-box-shadow:inset 1px 1px 2px #999999;
	-o-box-shadow:inset 1px 1px 2px #999999;
	box-shadow:inset 1px 1px 2px #999999;
}


.buttons_container input.disabled,
.buttons_container input.disabled:hover {
	cursor:default;
	color:#999999;
	background: #f5f5f5;
	border:#eeeeee 1px solid;
	-moz-box-shadow:1px 1px 2px #999999;
	-webkit-box-shadow:1px 1px 2px #999999;
	-o-box-shadow:1px 1px 2px #999999;
	box-shadow:1px 1px 2px #999999;
}