.col 
	{
	/* -------------- debug -------------- */

	 /* background-color:#c0e9bf;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;
	border-style:solid;
	border-width:1px;
	border-color:#a3daa2; */
	}

.modalPanel h1
	{
	font-size:26px;
	font-weight:normal;
	
	margin:0px;
	padding:0px;

	}

.modalPanelh2
	{
	color:#8c8c8c;

	padding-bottom:10px;

	border-bottom: 1px solid #cccccc;
	border-bottom: 1px solid #262626;

	background:transparent;
	}

.modalPanel h2.noHr
	{
	padding-bottom:0px;
	border-bottom: 0px solid #262626;
	}

.modalPanel hr
	{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #262626;
    margin: 1em 0;
	margin: 20px 0;
    padding: 0; 	
	}


span.avgTemp
	{
	font-weight:bold;
	font-size:17px;
	}

/* specific modal dimensions */
.modalPanel.userEditModal
	{
	top:15%;
	left:-250px;
	margin-left:50%;
	width:500px;
	min-height:300px;
	max-height:650px;
	padding:0;
	overflow:visible;
	background-color:#eaeaea;
	}

.modalPanel.userEditModal .modalPanelTopBar
	{
	display:block;
	position:relative;
	float:left;
	width:100%;
	background-color:#262626;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:					border-box;

	padding:5px;

	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#8c8c8c;
	}

.modalPanel.userEditModal .modalPanelTopBar button
	{
	width:18px;
	height:18px;
	float:right;
	padding:3px;

	-webkit-border-radius:		2px!IMPORTANT;
	-moz-border-radius:			2px!IMPORTANT;
	border-radius:					2px!IMPORTANT;

	background:#b30000;
	background:#262626;
	}

.modalPanel.userEditModal .modalPanelTopBar button:hover
	{
	background:#e60000;
	}

.modalPanel.userEditModal .modalPanelBody
	{
	position:relative;
	float:left;
	width:100%;
	/* 	
	calc(a - b)
	a = height of modalPanel
	b = (20px topBar) + (8px modalPanel border)
	*/

	min-height:calc(300px - 28px);
	max-height:calc(650px - 28px);

	background-color:#ffffff;

	-webkit-border-radius:	0px;
	-moz-border-radius:		0px;
	border-radius:				0px;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:					border-box;

	padding-top:20px;
	/* we need to use a clear20 for this, because IE is shit */
	/*padding-bottom:20px!IMPORTANT;*/
	padding-left:20px;
	padding-right:20px;

	overflow:visible;
	}

/*.modalPanel.form#formClientContactEdit .form#formClientContactEdit h1
	{
	font-size:20px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#e1e1e1;
	}*/

/*.modalPanel.clientContactEditModal .modalPanelBody h1
	{
	font-size:20px;

	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#e1e1e1;
	}*/

div.form#formUserEdit
	{
	padding:0px;

	-webkit-border-radius:	0px;
	-moz-border-radius:		0px;
	border-radius:				0px;

	background-color:transparent;
	}

textarea#notes
	{
	/*height:205px;*/
	height:192px;
	}

/* labels */
#formUserEdit label
	{
	color:#535061;
	}

div.form.save
	{
	padding-left:40px!IMPORTANT;

	line-height:45px;

	-webkit-border-radius:	5px!IMPORTANT;
	-moz-border-radius:		5px!IMPORTANT;
	border-radius:				5px!IMPORTANT;
	}


/* formRow */
div.formRow
	{
	padding-left:28px;
	padding-right:28px;
	}

/* datepicker */
.modalPanel.userEditModal div.datePickerCalendar
	{
	margin-top:5px;
	}

div.datePickerPanel input
	{
	width:75px!IMPORTANT;
	background:transparent!IMPORTANT;
	}

/* div.formSubmitResponse.show
	{
	padding-left:40px!IMPORTANT;
	} */

div.formRowPanel
	{
	display:block;	
	float:left;
	width:100%;
	min-height:20px;
	background-color:transparent;	
	border: 2px  solid transparent;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:					border-box;

	color:#535061;

	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	font-family:'Titillium Web', sans-serif;
	font-size:12px;


	outline: 0;
	}

#genderFormRow,
#dobFormRow
	{
	padding-top:4.5px;
	padding-bottom:4.5px;
	}