/* transitions */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="button"],
input[type="submit"],
textarea,
div.select,
button {
	-webkit-transition: .1s linear border;
	-moz-transition: .1s linear border;
	-ms-transition: .1s linear border;
	-o-transition: .1s linear border;
	transition: .1s linear border;
}

/* textfield, textarea, checkboxes, select */

textarea {
	font-family: inherit;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	position: relative;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #d0d0d0;
	font-size: 14px;
	line-height: normal;
	color: #606060;
	resize: none;
	border-radius: 2px;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
}

input[type="text"],
input[type="password"],
input[type="email"]{
	width: 190px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="checkbox"]:hover,
textarea:hover,
div.select:hover {
	border-color: #b5b5b5;
}

input[type="text"].input_error,
input[type="password"].input_error,
input[type="email"].input_error,
input[type="checkbox"].input_error,
textarea.input_error,
div.select.input_error {
	border-color: #ff7070;
	box-shadow: 0 0 5px #ff8585, inset 0 0 2px rgba(0, 0, 0, 0.12);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
div.select.select_focus {
	border-color: #8ccfff;
	box-shadow: 0 0 5px #8ccfff, inset 0 0 2px rgba(0, 0, 0, 0.12);
}

input[type="radio"]{
	width: 15px;
	border: 0px;
	margin: 0 3px;
}

select{
	width: 200px;
}

textarea[disabled]{background-color: #E5E5E5;}
textarea[disabled="disabled"] {background-color: #E5E5E5;}

/*** buttons ***/

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button{
	cursor:pointer;
	position:relative;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	height:29px;
	padding:0px 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25);
}
a.button{
	padding-top: 6px;
	padding-bottom: 5px;
}
a.button:hover{
	text-decoration: none;
}
button * {
	cursor:pointer;
	pointer-events:none;
}
button.small,
input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
a.button.small {
	height:25px;
	font-size:11px;
	padding:0px 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
a.button:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.26) !important;
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.26) !important;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.26) !important;
}
button:active > *:first-child {
	position:relative;
	top:1px;
}
x:-o-prefocus, button:active *:first-child {
	position:static !important;
}
button[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
	padding-top:0px !important;
	cursor:default !important;
	border:1px solid #d9d9d9 !important;
	color:#cacaca !important;
	text-shadow:0 1px 1px #fdfdfd !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
	background-color:#ececec !important;
	background-image:-webkit-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:-moz-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:-ms-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:-o-linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	background-image:linear-gradient(top,#f9f9f9,#e4e4e4) !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f9f9f9,EndColorStr=#e4e4e4) !important;
}
button.loading,
input[type="button"].loading,
input[type="submit"].loading {
	color:#d9d9d9 !important;
	text-shadow:0 1px 1px #fefefe !important;
}
button.loading:after,
input[type="button"].loading:after,
input[type="submit"].loading:after {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:16px;
	margin-left:-8px;
	margin-top:-8px;
	background:url('../gfx/common/mForm/mForm-Spinner.gif') no-repeat;
}

button.reset{
	margin-left: 10px;
}

/*** gray button ***/

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button {
	color:#707070;
	text-shadow:0 1px 1px #fff;
	border:1px solid #ccc;
	border-bottom:1px solid #c0c0c0;
	background-color:#ececec;
	background-image:-webkit-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:-moz-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:-ms-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:-o-linear-gradient(top,#fbfbfb,#e4e4e4);
	background-image:linear-gradient(top,#fbfbfb,#e4e4e4);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fbfbfb,EndColorStr=#e4e4e4);
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.button:hover {
	border:1px solid #b5b5b5;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	
	background-color:#eeeeee;
	background-image:-webkit-linear-gradient(top,#fefefe,#e7e7e7);
	background-image:-moz-linear-gradient(top,#fefefe,#e7e7e7);
	background-image:-ms-linear-gradient(top,#fefefe,#e7e7e7);
	background-image:-o-linear-gradient(top,#fefefe,#e7e7e7);
	background-image:linear-gradient(top,#fefefe,#e7e7e7);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fefefe,EndColorStr=#e7e7e7);
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
a.button:active {
	border:1px solid #a0a0a0;
	border-bottom:1px solid #cacaca;
	background:#e5e5e5;
}

/*** green button ***/

button.green,
input[type="button"].green,
input[type="submit"].green,
a.button.green {
	color:#fff;
	text-shadow:0 -1px 1px #779a35;
	border:1px solid #779a35;
	border-bottom:1px solid #708542;
	background-color:#83af31;
	background-image:-webkit-linear-gradient(top,#a9d05b,#77a423);
	background-image:-moz-linear-gradient(top,#a9d05b,#77a423);
	background-image:-ms-linear-gradient(top,#a9d05b,#77a423);
	background-image:-o-linear-gradient(top,#a9d05b,#77a423);
	background-image:linear-gradient(top,#a9d05b,#77a423);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#a9d05b,EndColorStr=#77a423);
}
button.green:hover,
input[type="button"].green:hover,
input[type="submit"].green:hover,
a.button.green:hover {
	border:1px solid #577027;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	
	background-color:#89b538;
	background-image:-webkit-linear-gradient(top,#b3d964,#86ad2c);
	background-image:-moz-linear-gradient(top,#b3d964,#86ad2c);
	background-image:-ms-linear-gradient(top,#b3d964,#86ad2c);
	background-image:-o-linear-gradient(top,#b3d964,#86ad2c);
	background-image:linear-gradient(top,#b3d964,#86ad2c);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3d964,EndColorStr=#86ad2c);
}
button.green:active,
input[type="button"].green:active,
input[type="submit"].green:active,
a.button.green:active {
	border:1px solid #6c8c30;
	border-bottom:1px solid #779a35;
	background:#84af31;
}

/*** orange button ***/

button.orange,
input[type="button"].orange,
input[type="submit"].orange,
a.button.orange {
	color:#fff;
	text-shadow:0 -1px 1px #e09100;
	border:1px solid #e09100;
	border-bottom:1px solid #cd7d00;
	background-color:#ffb316;
	background-image:-webkit-linear-gradient(top,#ffb036,#ff6600);
	background-image:-moz-linear-gradient(top,#ffb036,#ff6600);
	background-image:-ms-linear-gradient(top,#ffb036,#ff6600);
	background-image:-o-linear-gradient(top,#ffb036,#ff6600);
	background-image:linear-gradient(top,#ffb036,#ff6600);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffb036,EndColorStr=#ff6600);
}
button.orange:hover,
input[type="button"].orange:hover,
input[type="submit"].orange:hover,
a.button.orange:hover {
	border:1px solid #c27e00;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.07);
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.15);
	
	background-color:#ffbb1e;
	background-image:-webkit-linear-gradient(top,#ffbe25,#ff750e);
	background-image:-moz-linear-gradient(top,#ffbe25,#ff750e);
	background-image:-ms-linear-gradient(top,#ffbe25,#ff750e);
	background-image:-o-linear-gradient(top,#ffbe25,#ff750e);
	background-image:linear-gradient(top,#ffbe25,#ff750e);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffbe25,EndColorStr=#ff750e);
}
button.orange:active,
input[type="button"].orange:active,
input[type="submit"].orange:active,
a.button.orange:active {
	border:1px solid #e09100;
	border-bottom:1px solid #ed9e09;
	background:#ffb215;
}

/*** disable text-selcting ***/

.noselect {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/*** Forms text displays ***/

.errors{
	color: #C10507;
	border: 1px solid #C10507;
	background-color: #FFDBDB;
    padding: 10px;
	margin-bottom: 10px;
}
	.errors a, .errors a:hover{
		color: #C10507;
		text-decoration: underline;
	}
	.error{
		padding-bottom: 2px;
	}

.messages{
	color: #80c918;
	border: 1px solid #80c918;
	background-color: #E4FFCA;
    padding: 10px;
	margin-bottom: 10px;
}
	.message{
		padding-bottom: 2px;
	}

.notice{
	color: #666666;
	padding-top: 5px;
	text-align: justify;
	font-style: italic;
	font-size: 9px;
}

/* required elements */

.mandatory input[type="text"],
.mandatory input[type="password"],
.mandatory input[type="email"],
.mandatory textarea {
	background-image: url('../gfx/common/mForm/mForm-Sprites.png');
	background-position: right -44px;
	background-repeat: no-repeat;
}

.mandatory div.select:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	right: 21px;
	width: 3px;
	height: 3px;
	background: url('../gfx/common/mForm/mForm-Sprites.png') -277px -47px no-repeat;
}

input[data-required-hidden],
textarea[data-required-hidden],
div.select[data-required-hidden]:after {
	background-image: none !important;
}

.mandatory .label{
	font-weight: bold;
	color: #000000;
}
.mandatory .field{
	color: #000000;
}
/*.mandatory input[type="text"],
.mandatory input[type="password"],
.mandatory input[type="email"],
.mandatory select{
	border: 1px solid #000000;
}*/

.actions{
	position: relative;
	cursor: pointer;
	
	height:47px;
	padding-top: 13px;
	padding-left: 70px;
	
	color: #FFFFFF;
	font-size: 20px;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	
	border: 3px solid #FFFFFF;
	margin: 5px 10px;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	
	background: #A9E1EE; /* Old browsers */
	background: -moz-linear-gradient(top,  #B6EBF7 0%, #A9E1EE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6EBF7), color-stop(100%,#A9E1EE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #B6EBF7 0%,#A9E1EE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #B6EBF7 0%,#A9E1EE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #B6EBF7 0%,#A9E1EE 100%); /* IE10+ */
	background: linear-gradient(top,  #B6EBF7 0%,#A9E1EE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6EBF7', endColorstr='#A9E1EE',GradientType=0 ); /* IE6-9 */
}
.actions.active{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.7);
	
	background: #5ACBE5; /* Old browsers */
	background: -moz-linear-gradient(top,  #74DEF6 0%, #5ACBE5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74DEF6), color-stop(100%,#5ACBE5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #74DEF6 0%,#5ACBE5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #74DEF6 0%,#5ACBE5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #74DEF6 0%,#5ACBE5 100%); /* IE10+ */
	background: linear-gradient(top,  #74DEF6 0%,#5ACBE5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74DEF6', endColorstr='#5ACBE5',GradientType=0 ); /* IE6-9 */
}
	.actions.active .icons{
		position: absolute;
		left: 20px;
		top: 14px;
		
		display: block;
		width: 32px;
		height: 32px;
		background: url("../../gfx/common/template/icons_32.png") no-repeat 0px -192px;
	}

.actions:hover{
	/*color: #1E8FA8;*/
	
	background: #95E3F4; /* Old browsers */
	background: -moz-linear-gradient(top,  #95E3F4 0%, #80D4E6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95E3F4), color-stop(100%,#80D4E6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95E3F4 0%,#80D4E6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95E3F4 0%,#80D4E6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95E3F4 0%,#80D4E6 100%); /* IE10+ */
	background: linear-gradient(top,  #95E3F4 0%,#80D4E6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95E3F4', endColorstr='#80D4E6',GradientType=0 ); /* IE6-9 */
}
	.actions.active:hover .icons{
		/*background-position: -32px -192px;*/
	}