/************************************************************/
/* OC.at-Shop Form Styles    	                        */
/************************************************************/

.formview {	margin: 0px; width: 100%; font-family: Arial, sans-serif; line-height: 1.3em; }

.formtable 			{ width: 100%;}
.formtable tr td 	{ color: #666666 }

.form_left 	{ width: 60%; white-space: nowrap; background: url(/images/line.gif) repeat-x bottom; }
.form_right { width: 40%; }

.formbutton { height: 18px; width: 156px; color: #bfbfbf; background-color: #262626; border:0px; cursor: pointer; font-size: 10px; font-family: Arial, sans-serif; text-align: left; padding: 0px 0px 2px 10px; margin: 8px 0px; }
.buttonleft { width: 6px; height: 40px; background: url(/images/button_left.gif) no-repeat 0px 11px; }
.buttonback { height: 40px; background: url(/images/button_back.gif) repeat-x 0px 11px; padding: 15px 15px 0px 15px; vertical-align: top; font-weight: bold; }
.buttonright { width: 6px; height: 40px; background: url(/images/button_right.gif) no-repeat 0px 11px; }

.buttonback a       { text-decoration: none; font-weight: bold; }
.buttonback a:hover { text-decoration: none; font-weight: bold; }

.formtitle
{
	font-size: 22px;
	line-height: 22px;
    font-weight: normal;
    
    background-image: url(/images/line.gif);
    background-repeat: repeat-x;
    background-position:  bottom;
    
	text-align: left;
	padding: 6px 10px 5px 10px;
	vertical-align: bottom;
	white-space: nowrap;
}

.subformtable		{ background-color: #e8f1f9; width: 100%; font-family: Arial, sans-serif; margin: 10px 0px; padding: 5px 10px 0px 10px; border-bottom: 10px solid #e8f1f9; }
.subformtable tr td { color: #666666; vertical-align: middle; padding: 5px 10px; text-align: left; font-size: 12px; }
.subformtable tr th {  }

.resubformtable		  { margin: 0px; background-color: #f6f6f6; width: 100%; font-family: Arial, sans-serif; }
.resubformtable tr td { color: #666666; vertical-align: middle; padding: 5px 10px; text-align: left; font-size: 12px; }

.formfooter_left	{ background: #f6f6f6 url('/images/style_review/box_bottomLeftWebGrey1.gif') bottom left no-repeat; height: 35px; }
.formfooter_right	{ background: #f6f6f6 url('/images/style_review/box_bottomRightWebGrey1.gif') bottom right no-repeat; height: 35px; }



/************************************************************/
/* LENTILS View Styles     			                        */
/************************************************************/

.textview,.textview_invalid			{ font-size: 12px; font-family: Arial, sans-serif; border: 1px solid #8897a6; padding: 3px; }
.textareaview,.textareaview_invalid { font-size: 12px; font-family: Arial, sans-serif; border: 1px solid #8897a6; }

.radioview,.radioview_invalid { font-size: 9px; }
.radioview_vertical			  { line-height: 17px }

.checkboxview,.checkboxview_invalid { font-size: 10px; color: black }

.listview,.listview_invalid { /*font-size: 9px*/ font-size: 12px; font-family: Arial, sans-serif; border: 1px solid #8897a6; }

.uploadview,.uploadview_invalid { font-size: 12px }

.multiuploadview_attachments		 { }

.multiuploadview_attachments a		 { color: #003399; text-decoration: none; font-size: 11px }
.multiuploadview_attachments a:hover { color: #003399; text-decoration: underline }

.uploadview_invalid,.textview_invalid,.textareaview_invalid,.listview_invalid,.radioview_invalid,.checkboxview_invalid { background-color: #fcbfbf; }

.dateview_invalid input { background-color: #fcbfbf; }



/************************************************************/
/* LENTILS Date View Styles		                            */
/************************************************************/

.dateview,.dateview_invalid { white-space: nowrap; display: inline }

.dateview_DataArea
/* Only used if dataClass is not present in settings */
{
	width: 160px;
	font-size: 9px;

	background: white;
}

.dateview_Calendar
{
	width: 200px;
	height: 1px;

	display: inline;

	background-color: #3F738D;

	position: absolute;
	visibility: hidden;

	background-color: white;
}

.dateview_CalendarPos
{
	position: relative;
	left: 0px;
	top: 1px;

	height: 1px;
	width: 1px;

	line-height: 0px;

	display: inline;
	visibility: hidden;

	vertical-align: bottom;
}

.dateview_CalendarIcon
{
	vertical-align: bottom;
}

.dateview_NavPanel
{
	width: 100%;
	height: 21px;

	text-align: center;
	vertical-align: middle;
	line-height: 20px;

	background-color: #7BA1B1;

	border-top: 3px solid #C7DCDE;
	border-bottom: 3px solid  #59879D;
}

.dateview_NavPanel_Left
{
	float: left;
}

.dateview_NavPanel_Right
{
	float: right;
}

.dateview_DateGrid
{
	clear: both;

	background-color: #3F738D;

	border-left: 3px solid #59879D;
	border-right: 3px solid #59879D;
	border-bottom: 3px solid  #59879D;

	text-align: center;
}

.dateview_DateGrid tr td
{
	text-align: center;
	vertical-align: middle;

	margin: 0px;
	padding: 1px;
	border: 0px;
}

.dateview_WeekDay
{
	color: #3F738D;
	background-color: #ECECF1;

	font: bold 11px Verdana, Arial Narrow, sans-serif;
}

.dateview_SelectedDayCell
{
	background-color: #F22800;
}

.dateview_WorkDayCell
{
	background-color: #FFFFFF;
}

.dateview_HoliDayCell
{
	background-color: #DCE6F0;
}

.dateview_OtherMonthDayCell
{
	background-color: #FFFFFF;
}

.dateview_OtherMonthDay
{
	font: 11px Verdana, Arial Narrow, sans-serif;
	color: Silver;
	text-decoration: none;
}

.dateview_CurrentMonthDay
{
	font: 11px Verdana, Arial Narrow, sans-serif;
	color: #3F738D;
	text-decoration: none;
}

.dateview_SelectedDay
{
	font: 11px Verdana, Arial Narrow, sans-serif;
	color: #3F738D;
	text-decoration: none;
}

.dateview_InfoTitle
{
	font: 11px Verdana, Arial Narrow, sans-serif;
	color: #FFFFFF;
}