﻿span.curvedTextBox, span.floatInput
{
    float: right;
    width: 278px;
    height: 23px;
    display: inline;
    padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
span.errorIcon
{
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    margin-top: 1px;
}

span.curvedTextBox
{
	background: url(../img/input/inputCurved3.gif) no-repeat;    
}
span.curvedTextBoxLabel
{
    padding-top: 3px;
    margin-right: 283px;
    text-align: left;    
    vertical-align: middle;
    display: block;
}
input.curvedTextInput
{	
    border: none;
	width: 268px;
	height: 17px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #848484;
	padding: 4px 0px 4px 4px;
	background: none;
}

textarea.curvedTextInputMulti
{
    border: none;
	background: none;
	overflow: auto;
	width: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	color: #848484;   
}

div.formRowInputMultiLabel
{
    margin: 5px 0px 5px 0px;
    overflow: hidden;
}

div.formRow
{
    height: 27px;
    vertical-align: middle; 
    margin: 0px 0px 0px 0px;
    overflow: hidden;  
}
div.formSpace
{
    margin-bottom: 10px;
}
div.formSpaceTop
{
    margin-top: 10px;
}
div.formRowSubmit
{
    text-align: right;
}

div.newsRow
{
    vertical-align: middle; 
    margin: 0px 0px 0px 0px;
    overflow: hidden;  
}
span.newsData
{
    float: right;
    width: 500px;
}
span.newsLabel
{
    
}
img.newsImage
{
    float: left;
    clear: left;
    padding-right: 10px;
    max-width: 250px;
}
div.newsBody
{
    vertical-align: middle; 
    margin-top: 10px;
    overflow: hidden; 
}

div.newsSpace
{
    margin-bottom: 10px;
}

HTML.B_IE div.ieSpacerBottom
{
    margin-bottom: 10px;
}

HTML.B_FF div.ffSpacerBottom
{
    margin-bottom: 10px;
}

HTML.B_FF div.ffSpacerBottomTwo
{
    padding-bottom: 12px;
}

HTML.B_Other div.otSpacerBottom
{
    margin-bottom: 10px;    
}

HTML.B_Other div.otSpacerBottomTwo
{
    padding-bottom: 16px;
}

/* datagrid */
.datagrid {
	width: 100%;
	margin: 0 0 25px;
	border-bottom: 3px solid #EEE;
}

.datagrid.auto-width {
	width: auto;
}

	.datagrid th {
		text-align: left;
		background: #999;
		color: #FFF;
		padding: 3px 15px 3px 7px;
		line-height: 1.1;
	}

	.datagrid th[align=right], .datagrid .number {
		text-align: right;
	}

	.datagrid th.sortable {
		cursor: pointer;
		text-decoration: underline;
	}

	.datagrid .nowrap {
		white-space: nowrap;
	}

		.datagrid th a {
			color: #FFF;
		}

	.datagrid td {
		padding: 3px 15px 3px 7px;
	}

	.datagrid tr.alt {
		background: #E0E0E0;
	}

	.ie7 .datagrid tr {
		position: relative;
		zoom: 1;
	}

	/* paging for results */
	.datagrid td td {
		padding: 0;
	}

		.datagrid .pager, .datagrid td table {
			text-align: center;
			margin: 10px auto;
		}

		.datagrid td td span, .datagrid td td a, .pager a {
			background: #00A0E2;
			color: #FFFFFF;
			display: inline-block;
			margin: 2px 4px;
			padding: 0 6px;
			text-decoration: none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

		.datagrid td td span {
			background: #DDD;
			color: #333;
		}

		.datagrid td td a:hover, .pager a:hover {
			background: #80D0F1;
			color: #FFFFFF;
		}

		.ux-row-click tr:hover td {
			background: #CCC;
			cursor: pointer;
		}

		.ux-row-click tr.no-hover:hover td {
			background: #FFF;
			cursor: auto;
		}

.aux {
	float: right;
}

.form-box {
	width: 320px;
	background: #EEE;
	border: 1px solid #DDD;
	padding: 15px;
	margin: 30px auto 15px;
	zoom: 1;
}
    .form-box.ecliam-form-box {
        width: 700px;
    }
    .form-box.ecliam-form-box .form-pair {
        width: 350px;
        float: left;
    }
    
    .form-box.ecliam-form-box .ux-status {
        margin: 0px auto; 
        width: -moz-fit-content
    }
    .form-box.ecliam-form-box .ux-eclaimType {
        width: 200px;
    }

	.form-box .search-box {
		width: 230px;
	}

	.form-box .form-pair {
		margin: 0 0 7px;
	}

		.form-box .form-pair label {
			float: left;
			width: 110px;
			margin-right: 10px;
		}

		.form-box .form-pair input[type=text] {
			float: left;
			width: 188px;
		}

	.form-box .check {
		font-size: 0.8em;
		float: left;
		padding-top: 3px;
	}

		.form-box .check input[type=checkbox] {
			margin: 0 7px 0 0;
			vertical-align: middle;
		}

.field {
	border: 1px solid #CCC;
	padding: 3px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.field:focus {
	border-color: #00A0E2;
}

.button {
	background: #00A0E2;
	color: #FFFFFF;
	padding: 3px 8px;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	cursor: pointer;
	margin-right: 5px;
}

.button:hover {
	background: #80d0f1 !important;
	color: #FFF !important;
}

.button.secondary {
	color: #333;
	background: #EEE;
}

.button.right {
	float: right;
	margin: 0;
}

.set {
	margin: 0 0 15px;
}

	.set th {
		text-align: left;
		padding: 0 20px 0 0;
	}

	.set td {
		padding: 0 20px 5px 0;
	}

.radio-options {
	list-style: none;
	margin: 0 0 7px;
	zoom: 1;
}

	.radio-options li {
		float: left;
		margin-right: 5px;
		font-size: 0.85em;
	}

	.radio-options li input[type=radio] {
		vertical-align: -2px;
	}

	.radio-options li label {
		padding-right: 7px;
	}

	.ie7 .radio-options li label {
		padding-right: 0;
	}
	
	.datagrid.smaller-margin {
	    margin-bottom: 10px;
	}