/*============================================================
LABEL DATA STRUCTURE
============================================================*/
.row
{
	clear: both;
	padding: 0.1em 0;
	margin: 0;
}

.row.first
{
	border-top: none 0px transparent;
}

.label
{
	color: #333;
	display: block;
}

.label-text
{
	color: #333;
}

.label-data
{
	
}

.row input,
.row select
{
    vertical-align: middle;   
}


/*============================================================
HORIZONTAL LABEL DATA STRUCTURE
============================================================*/
.row.horizontal
{
	zoom: 1;
	_height: 1%;
}

.row.label-data-note
{
    line-height: 100%;
    padding-top: 0;
}

.row.horizontal:after
{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.row.horizontal .label
{
	float: left;
	_font-weight: normal;
	_text-align: left;
}

.row.horizontal .label-data
{
	vertical-align: middle;
	min-width: 20em;
}

.row.horizontal ul
{
	margin: 0 auto;
}

.label-data input[type="text"],
.label-data select
{
    margin-right: 0.5em;
}


/*============================================================
ASSOCIATED LABEL STYLES
============================================================*/
.required-note
{
	color: #666;
	font-size: 90%;
	margin: 0 0 0.5em 0;
}

.required
{
	color: #c00;
	margin-right: 3px;
	border: solid 1px transparent; /* To make Forefox3.x render an empty floated tag with width */
	_border: none 0px transparent;
}

.row.horizontal .label .required
{
	float: right;
}


/*============================================================
INPUTS
============================================================*/
input,
select,
textarea
{
    font-family: arial, helvetica, sans-serif;
}

/* BUTTONS */
.button-wrap
{
    background-color: #f00;
    border: solid 1px #999;
    display: inline-block;
    margin-left: 0.5em;
}

a.link-button,
a.link-button:visited,
a.link-button:hover,
.add-profile-item-button,
.add-treatment-button
{
    background: #fff url(Images/Buttons/ButtonDefault.gif) repeat-x 0 50%;
    border: solid 1px #fff;
    _border: solid 2px #fff;
    color: #fff !important;
    cursor: hand;
    display: inline-block;
    font-size: 13px; /* Safari fix */
    height: 20px;
    font-size: 95%;
    font-weight: bold;
    overflow: hidden;
    padding: 0 0.5em;
    line-height: 20px;
    text-decoration: none !important;
}

.add-profile-item-button,
.add-treatment-button
{
    font-size: 120%;
    padding: 0.25em 1.0em;
}

#ie7 .add-profile-item-button,
#ie7 .add-treatment-button
{
    border: solid 2px #fff;
}

*:first-child+html a.link-button, /* Target IE7 */
*:first-child+html a.link-button:visited,
*:first-child+html a.link-button:hover
{
    border: solid 2px #fff;
}

.button
{
    background: #fff url(Images/Buttons/ButtonDefault.gif) repeat-x 0 50%;
    border: solid 1px #fff;
    color: #fff;
    cursor: hand;
    font-size: 13px; /* Safari fix */
    font-weight: bold;
    margin: 0; /* Safari fix */
    *overflow: visible;
    _overflow: visible;
    padding: 0.1em 0.5em;
    /*
    *padding-right: 0;
    *padding-left: 0;
    */
    _padding-right: 0.5em;
    _padding-left: 0.5em;
    vertical-align: middle;
    _width: 1px; /* Fix IE6 buttons widths */
    _white-space: nowrap; /* Fix IE6 button widths */
}


/* TEXT BOXES */
.label-input
{
    margin-right: 0.5em;
}

input.date
{
    text-align: right;
    width: 5.25em;
}

input.calendar
{
    margin-right: 0.5em;
}

.short-text
{
    width: 45em;
}

input.email-address
{
    width: 20em;
}

input.numeric
{
    text-align: right;
    width: 7.5em !important;
}

input.height-weight
{
    width: 1.75em !important;   
}

textarea
{
    display: block;
    font-size: 90%;
}

.text-area
{
    height: 8em;
    width: 98%;
    min-width: 50em;
}

.watermark
{
    color: #666;
}


/* LISTS */
.check-box-list,
.radio-button-list
{
    
}

.check-box td,
.check-box-list td,
.radio-button td,
.radio-button-list td
{
    padding: 0;
}

.check-box input,
.check-box-list input,
.radio-button input,
.radio-button-list input
{
    margin-left: 0;
    vertical-align: middle;
}

.check-box label,
.check-box-list label,
.radio-button label,
.radio-button-list label
{
    margin-right: 1.0em;
    vertical-align: middle;
}