﻿@charset "utf-8";
/* CSS Document */


input, textarea, select {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

input.txt, textarea.txt, textarea, select {
	border: solid 1px #999;
	border-radius: 5px;
}

input.txt, textarea.txt, textarea {
	padding: 3px;
}

.form_1 input.txt, .form_1 textarea.txt, .form_1 textarea {
	padding: 3px;
	width: 96%;
}

input.file {
	padding: 3px;
	width: auto;
}

input.checkbox, input.radio {
	position: relative;
	top: 2px;
	margin-top: 3px;
}

input.readonly {
	border: none;
	background: none;
	padding: 0;
	margin-right: -10px;
	color: #787878;
	font-weight: bold;
}

.form_2 input.txt, .form_2 textarea.txt, .form_2 textarea {
	width: auto;
}

select {
	padding: 2px;
	width: 100%;
}

.form_2 select {
	width: auto;
}

.multiselect {
	height: auto;
	padding: 3px;
}

.multiselect option {
	padding: 3px;
}

.multiselect .line1 {
	background-color: #f7f8fa;
}

.multiselect .line2 {
	background-color: #eceef2;
}

.error {
	background-image: url('../../images/home/picto_error.png');
	background-position: 10px 8px;
	background-repeat: no-repeat;
	background-color: #fae5e5;
	padding: 10px 10px 10px 32px;
	margin-bottom: 20px;
	border: solid 1px #C00;
	border-radius: 5px;
}

#login .error {
	border: none;
	background: none;
	padding: 0 0 20px 0;
	background-color: transparent;
	text-align: center;
}

.success {
	background-image: url('../../images/home/picto_verified.png');
	background-position: 10px 8px;
	background-repeat: no-repeat;
	background-color: #f5fae5;
	padding: 10px 10px 10px 35px;
	margin-bottom: 20px;
	border: solid 1px #9C0;
	border-radius: 5px;
}

.info {
	background-image: url('../../images/home/picto_info.png');
	background-position: 10px 8px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 35px;
	margin-bottom: 20px;
	border: solid 1px #999;
	border-radius: 5px;
}

.warning {
	background-image: url('../../images/home/picto_warning.png');
	background-position: 10px 8px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 35px;
	margin-bottom: 20px;
	border: solid 1px #999;
	border-radius: 5px;
}





.button input, input.button {
	padding: 5px;
	background-color: #5b6b8e;
	-moz-box-shadow: 3px 18px 0px #7c89a5 inset;
	-webkit-box-shadow: 3px 18px 0px #7c89a5 inset;
	box-shadow: 3px 18px 0px #7c89a5 inset;
	border: solid 1px #5b6b8e;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 2px;
	cursor: pointer;
}



.button input.save {
	background-color: #ffc20e;
	-moz-box-shadow: 1px 15px 0px #ffce3e inset;
	-webkit-box-shadow: 1px 15px 0px #ffce3e inset;
	box-shadow: 1px 15px 0px #ffce3e inset;
	border: solid 1px #ffc20e;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #ffce3e;
}


.asterisk {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 3px;
}

.form_1 p, .form_2 p {
	position: relative;
	padding-left: 110px;
}

.form_3 p, .form_4 p {
	position: relative;
	padding-left: 149px;
}

form.search p {
	float: left;
	margin-right: 20px;
	padding-left: 0;
}

.form_1 label, .form_2 label {
	position: absolute;
	top: 2px;
	left: 0;
	width: 110px;
	color: #666;
}

.form_3 label, .form_4 label {
	position: absolute;
	top: 2px;
	left: 0;
	width: 149px;
	color: #666;
}


form.search label {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 5px;
}

form.search input {
	padding: 2px;
}

form.search select {
	padding: 1px;
}

.form_1 span.title {
	font-weight: bold;
	color: #666;
}

.form_1 .left {
	border-right: solid 1px #d7dbe4;
}

.form_1 hr, .search hr {
	visibility: hidden;
	clear: both;
	float: none;
	margin: 0;
}


.form_3 span.title {
	font-weight: bold;
	color: #666;
}

.form_3 .left {
	border-right: solid 1px #d7dbe4;
}

.form_3 hr, .search hr {
	visibility: hidden;
	clear: both;
	float: none;
	margin: 0;
}


.form_4 span.title {
	font-weight: bold;
	color: #666;
}

.form_4 .left {
	border-right: solid 1px #d7dbe4;
}

.form_4 hr, .search hr {
	visibility: hidden;
	clear: both;
	float: none;
	margin: 0;
}

.form_1 .button, .form_2 .button, #forgot_password .button, .questionnaire .button, .form_3 .button, .form_4 .button{
	text-align: center;
	margin: 20px 0;
}

.button input.button_red {
	background-color: #cc0000;
	-moz-box-shadow: 1px 15px 0px #e11717 inset;
	-webkit-box-shadow: 1px 15px 0px #e11717 inset;
	box-shadow: 1px 15px 0px #e11717 inset;
	border: solid 1px #cc0000;
}

.button input.button_orange {
	background-color: #ffc20e;
	-moz-box-shadow: 1px 15px 0px #ffce3e inset;
	-webkit-box-shadow: 1px 15px 0px #ffce3e inset;
	box-shadow: 1px 15px 0px #ffce3e inset;
	border: solid 1px #ffc20e;
}

.button input.button_green {
	background-color: #9C0;
	-moz-box-shadow: 1px 15px 0px #afde24 inset;
	-webkit-box-shadow: 1px 15px 0px #afde24 inset;
	box-shadow: 1px 15px 0px #afde24 inset;
	border: solid 1px #9C0;
}

.button input.button_edit_blue,
.button input.button_delete_blue,
.button input.button_view_blue,
.button input.button_edit_red,
.button input.button_delete_red,
.button input.button_view_red,
.button input.button_edit_green,
.button input.button_delete_green,
.button input.button_view_green,
.button input.button_edit_orange,
.button input.button_delete_orange,
.button input.button_view_orange {
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
	border: none;
}

.button input.button_edit_blue {
	background-image: url('../../images/home/button_edit_blue.jpg');
}

.button input.button_delete_blue {
	background-image: url('../../images/home/button_delete_blue.jpg');
}

.button input.button_view_blue {
	background-image: url('../../images/home/button_view_blue.jpg');
}

.button input.button_edit_red {
	background-image: url('../../images/home/button_edit_red.jpg');
}

.button input.button_delete_red {
	background-image: url('../../images/home/button_delete_red.jpg');
}

.button input.button_view_red {
	background-image: url('../../images/home/button_view_red.jpg');
}

.button input.button_edit_green {
	background-image: url('../../images/home/button_edit_green.jpg');
}

.button input.button_delete_green {
	background-image: url('../../images/home/button_delete_green.jpg');
}

.button input.button_view_green {
	background-image: url('../../images/home/button_view_green.jpg');
}

.button input.button_edit_orange {
	background-image: url('../../images/home/button_edit_orange.jpg');
}

.button input.button_delete_orange {
	background-image: url('../../images/home/button_delete_orange.jpg');
}

.button input.button_view_orange {
	background-image: url('../../images/home/button_view_orange.jpg');
}

#tabs img.picto {
	margin-top: 3px;
}

.form_1 table.contact {
	width: 100%;
	border: none;
}

.form_1 table.contact th{
	font-weight: normal;
	text-align: left;
	padding: 0 5px;
	vertical-align: top;
}

.form_1 table.contact td{
	padding: 2px 5px;
	vertical-align: top;
}

#forgot_password {
	position: relative;
	left: -20px;
	width: 300px;
	height: 280px;
	border: solid 1px #eaeaea;
	background-color: #fff;
	padding: 30px 20px 20px;
}

#forgot_password .close {
	position: absolute;
	top: 5px;
	right: 5px;
}

.questionnaire .bkg {
	padding: 8px 8px 0 40px;
	margin-bottom: 5px;
}

.questionnaire .sub {
	margin-left: 40px;
	background-color: #fff;
}

.questionnaire .title {
	position: relative;
	color: #000;
}

.questionnaire .eg {
	color: #33b1e0;
}

.questionnaire p {
	margin-bottom: 8px;
}

.questionnaire .title .num {
	position: absolute;
	display: block;
	text-align: right;
	width: 40px;
	top: 0;
	left: -50px;
}

.questionnaire select, .questionnaire input.txt, .questionnaire input.checkbox, .questionnaire input.radio {
	width: auto;
	margin: 0 10px 10px 0;
}


.questionnaire table select {
	width: 100%;
	margin: 0;
}

.questionnaire table input.txt {
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 0;
}

.questionnaire .show_info {
	position: relative;
	float: right;
	z-index: 2;
}

.questionnaire .clear img {
	position: relative;
	top: 3px;
}

.questionnaire .view {
	display: block;
	width: 120px;
	text-align: center;
}


.filter input.button {
	padding: 2px 4px;
	-moz-box-shadow: 1px 10px 0px #7c89a5 inset;
	-webkit-box-shadow: 1px 10px 0px #7c89a5 inset;
	box-shadow: 1px 10px 0px #7c89a5 inset;
}

#steps {
	padding-bottom: 0px;	
}

#steps ul {
	padding: 0;	
}

#steps li {
	position: relative;
	display: block;
	float: left;
	border: solid 1px #d7dbe4;
	border-radius: 5px;
	background-color: #f5f6f7;
	padding: 5px 20px 5px 50px;
	margin: 0 10px 10px 0;
	height: 30px;
	z-index: 1;
}

#steps li.next {
	border: none;
	border-radius: 5px;
	background: none;
	padding: 0;
	margin: 0 -8px 0 -15px;
	height: 42px;
	width: 30px;
	background-image: url('../../images/home/step_next.png');
	z-index: 2;
}

#steps .num {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 30px;
	height: 26px;
	text-align: center;
	border-radius: 30px;
	background-color: #b5bbcb;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
	padding-top: 4px;
}

#steps .on .num {
	background-color: #1d3464;
}

#steps .error .num {
	background-color: #C00;
}

#steps p {
	margin: 0;
	opacity: 0.5;
}

#steps .error {
	background-image: none;
}

#steps .on p, #steps .done p , #steps .error p {
	opacity: 1;
}

#steps .title {
	font-size: 13px;
	font-weight: bold;
}

#steps .error p {
	color: #C00;
}

#steps .picto {
	position: absolute;
	top: 5px;
	right: 10px;
}
/*********added for community model */
form .row {
	margin-bottom: 0.65em;
}

.formLabel {
	padding-right: 0;
	margin-right: 0;
	padding-top: 5px;
	line-height: 1em;
}
