﻿/*non-form related styles START */

.a_bluelink {
	display:inline;
	margin:0;
	clear:both;
	color:#2472F3;
	font-size:100%;
	font-weight:700;
	text-decoration:underline;
	}
.a_bluelink:hover 
{ text-decoration: none; cursor: pointer;}
/*non-form related styles END */
/* form CSS START */
.formField {
	display:block;
	margin:0;
	padding:0;
	position:relative;
	}
.formField .formType,
.column .formType,
.column .formLeft .formType,
.column .formRight .formType 
{
	display:block;
	margin-bottom:2px;
	color: #393939;
	}
.formItem  
{
	font-size:100%;
	font-family: Lucida Grande,Lucida,Verdana,Sans-Serif !important;
	}
.formField input,
.formField select {
	display: block;
	float: left;
	color: #393939;
	margin: 0;
	padding: 0;
	}
.formField table 
{ margin-bottom: 0;}    
.formItem .ddlMonth,
.formItem .ddlDay,
.formItem .ddlYear 
{ margin-right: 10px;}
.blue_hr {    
	color:#91CDE1;
	background:#91CDE1 none repeat scroll 0 0;
	float:left;
	clear:both;
	height:3px;
	margin:14px 0;
	position:relative;
	padding: 0;
	}
.formField .txtboxError 
{ border: solid 1px #ffa1a3;}
.formField .txtErrorMsg,
.column .txtErrorMsg {
	color: #d85d60 !important;
	font-style: italic;
	position: absolute;
	top: 2px;
	right: 0;
}
.formField .formLeft .txtErrorMsg,
.column .formLeft .txtErrorMsg, 
.my-border .column .formLeft .txtErrorMsg {
	color:#D85D60 !important;
	font-style:italic;
	position:absolute;
	right:110px;
	top:2px;
	}
.formField .txtErrorDates 
.column .txtErrorDates {
	color:#D85D60 !important;
	font-style:italic;
	position:absolute;
	right:92px;
	top:2px;
	}
.formField .txtErrorCaptcha {
	color: #d85d60 !important;
	font-style: italic;
	display: block;
	clear: both;
	float: left;
	}
.formTOS .txtErrorTOS {
	clear:both;
	color:#D58D60 !important;
	display:block;
	float:left;
	font-style:italic;
	}
.formField .graybtn,.formField .graybtn2,.formField .bluebtn 
{ float: right;}
/* form CSS END */
/* new form CSS START */
.grayheader {    
	clear:both;
	display:block;
	height:31px;
	margin:12px 0;
	width:auto;
	}
.grayheader .left,
.grayheader .middle,
.grayheader .right {
	display: block;
	height: 31px;
	float: left;
	}
.grayheader .left {
	width: 6px;
	background: url('/Skins/images/grayheader_l.png') no-repeat left;
	}
.grayheader .right {
	width: 6px;
	background: url('/Skins/images/grayheader_r.png') no-repeat right;
	}
.grayheader .middle {
	width: auto;
	background: url('/Skins/images/grayheader_m.png') repeat-x;
	line-height: 31px;
	padding-left: 5px;
	text-shadow:1px 1px 1px #FFFFFF;
	color: #393939;
	font-weight: bold;
	font-size: 1em;    
	}
.form_divgrid {
	display: block;
	clear: both;
	width: auto;
	position: relative;
	}
.form_divgrid .grid_icons {
	display: block;
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	text-align: right;}
.form_divgrid .grid_icons .editicon,
.form_divgrid .grid_icons .deleteicon {
	display: block;
	border: none;
	cursor: pointer;}
.form_divgrid .grid_icons .editicon img,
.form_divgrid .grid_icons .deleteicon img 
{ cursor: pointer;}
.form_divgrid .grid_icons .deleteicon img 
{ margin: 0 15px;}

.ddcContainer,
.form_select .ddcContainer,
.formField .ddcContainer 
.ddcContainer:hover,
.form_select .ddcContainer:hover,
.formField .ddcContainer:hover 
{ width: 98%; margin: 0px 0px 3px!important; padding:0 !important;}
.ddcDefault td { margin:0; padding:0;}
.form_select .button,
.formItem .button:hover,
.formItem .button:active,
.form_select .button:hover,
.form_select .button:active,
.formItem .button,
.ddcContainer .ddcButton,  
.ddcContainer .ddcButton:hover,
.ddcContainer .ddcButton:active,
.ddcContainer .button,  
.ddcContainer .button:hover,
.ddcContainer .button:active {
	bottom:2px;
	height:20px !important;
	left:5px;
	padding:0;
	position:relative;
	width:20px !important;
	}
/* form elements START*/
.form_label {
	display: inline-block;
	margin: 0 0 3px;
	padding: 0;
	color: #393939;
	font-size:100%;
	font-weight: bold;
	}
.form_label2 {
	display: inline-block;
	margin: 3px;
	padding: 0;
	color: #393939;
	font-size:100%;
	font-weight: normal;
	font-style:italic;
	}
.form_textbox,
.form_select,
.form_textarea,
.form_listbox,
.textbox,
.ddcText {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size:16px;
	font-family: Lucida Grande,Lucida,Verdana,Sans-Serif !important;
	color: #393939;
	}
.form_radiobtnlist,
.form_checkboxlist,
.form_checkbox,
.form_radiobtn {
	display: inline-block;
	margin: 0;
	padding: 0;
	}
.form_textarea 
{ height: 150px;}
.form_radiobtnlist 
{padding: 3px 14px 3px 0 !important;}
.form_radiobtnlist tbody,
.form_radiobtnlist tbody tr,
.form_radiobtnlist tbody tr td
{ display: block; float: left;}
.form_radiobtnlist td
{ padding: 0 3px !important;}
.form_radiobtnlist label,
.form_checkboxlist label,
.form_checkbox label,
.form_radiobtn label
{ font-size:100%; margin: 0 0 0 2px; padding: 0;}
.form_radiobtnlist input,
.form_checkboxlist input,
.form_checkbox input,
.form_radiobtn input
{ margin: 0 3px; padding: 0;}
.form_paragraph {
	display: block;
	line-height:1.75;
	margin:15px;
	text-indent:14px;
	color: #393939;
	clear: both;
	font-size:100%;
	}
.form_select option,
.form_listbox option {
	display: block !important;
	clear: both !important;
	}
.sub_checkbox {
	display: block;
	clear: both;
	position: relative;
	width: auto;
	margin: 0 0 3px 0; 
	}	
.sub_checkbox .form_label,
.sub_checkbox .form_checkbox,
.sub_checkbox .form_checkbox label,
.sub_checkbox .form_checkbox input {
	display: inline-block;
	margin: 0 3px 0 0 !important;
	padding: 0;
	}
/* form elements END*/
/* form_gridview START */    
.form_gridview {
	position: relative;
	margin: 0;
	padding:0;
	border: none;
	margin: 6px 0 12px;
	}
.form_gridview tbody {
	clear: both;
	position: relative;
	margin: 0;
	padding:0;
	border: solid 1px #ddd;
	}
.form_gridview tbody tr {
	position: relative;
	border: solid 1px #ddd;
	}
.form_gridview tbody tr th {
background-color:#DDDDDD;
color:#393939;
line-height:1;
position:relative;
	}
.form_gridview tbody tr td
{ position: relative; color: #393939;}
/* form_gridview END */
/* COLUMN type START */
.column {
	position: relative;
	display: block;
	width: auto;
	height: auto !important;
	height: 14px;
	min-height: 14px;
	margin: 0;
	padding: 0;
	}
.one_column 
{ float: left;}
.two_column 
{ clear: both;}
.column .leftdiv {
	position: relative;
	display: block;
	float: left;
	width: auto;
	}
.column .rightdiv {
	position: relative;
	display: block;
	float: right;
	width: auto;
	}    
.column .left {
	position: relative;
	float: left;
	width: auto;
	}
.column .right {
	position: relative;
	float: right;
	width: auto;
	}
/* COLUMN type END */
/* INLINE type START */
.inline,
.inline .subcontent {
	display: block;
	clear: both;
	position: relative;
	padding: 0;
	margin: 0 0 6px;
	}
.inline .form_textbox,
.inline .form_textarea,
.inline .form_select,
.inline .form_radiobtnlist,
.inline .form_checkboxlist,
.inline .form_checkbox,
.inline .form_radiobtn {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: auto;
	margin: 0 6px 0 0 ;
	}
/* INLINE type END */
/* form_table CSS */
.form_table {
	display: block;
	position: relative;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	}
.form_table thead {
	position: relative;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	}
.form_table tbody { position: relative;}
.form_table tr { position: relative;}
.form_table th { position: relative;}
.form_table td { position: relative;}
/* my-border designs START */
.my-border .one_column,
.my-border .two_column .leftdiv,
.my-border .column .formLeft,
.my-border .column .formRight {
	margin-right:1%;
	width:48%;
	}
.my-border .column .formLeft
{ float: left;}
.my-border .column .formRight
{ float: right; width:45%}
.my-border .two_column {
	margin-top:6px;
	width: 98%;
	}
.my-border .column .form_label,
.my-border .column .leftdiv .form_label,
.my-border .column .rightdiv .form_label,
.my-border .column .formType,
.my-border .column .formLeft .formType,
.my-border .column .formRight .formType
{ display: block;}
.my-border .column .form_textbox,
.my-border .column .form_select,
.my-border .column .leftdiv .form_textbox,
.my-border .column .leftdiv .form_select,
.my-border .column .formItem
{ width: 98%; margin-bottom: 6px;}
.my-border .form_checkbox input { margin: 0 3px;}
/* my-border designs END */
/* form_datalist START */
.form_datalist,
.form_datalist .form_dlitem,
.form_datalist .form_dlitem2,
.form_datalist .form_dlitem3,
.form_datalist .form_dlitem4,
.form_datalist .form_dlheader, 
.form_datalist .form_dlfooter 
{
	clear: both;
	width: auto;
	height: auto;
	border: none;
	background: none;
	position: relative;
	}
.form_datalist { display: block;}
.form_datalist .form_dlitem,
.form_datalist .form_dlitem2,
.form_datalist .form_dlitem3,
.form_datalist .form_dlitem4
{ display: inline-block;}
.form_datalist .form_dlheader,
.form_datalist .form_dlfooter {
	display: inline-block;
	clear: both;
	width: 100%;
	height: auto;
	border: none;
	background: none;
	position: relative;
	}
.form_datalist .form_dlitem3 {
	background-color: #e4e4e4 !important;
	}
/* form_datalist END */
/* redpanel/bluepanel gridview START */
.redpanel .form_gridview,
.bluepanel .form_gridview {
	display: block;
	clear: both;
	border: none;
	background-color: transparent;
	}
.redpanel .form_gridview tbody,
.bluepanel .form_gridview tbody {
	background-color: transparent;
	border: none;
	}
.redpanel .form_gridview .fgv_headerstyle,
.bluepanel .form_gridview .fgv_headerstyle {
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #ddd;
	}
.redpanel .form_gridview tr th,
.bluepanel .form_gridview tr th {
	background-color: transparent;
	font-weight: normal;
	font-size: .9em;
	}
.redpanel .form_gridview .fgv_rowstyle,
.bluepanel .form_gridview .fgv_rowstyle {
	clear: both;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #ddd;
	background-color: transparent;
	}
.redpanel .form_gridview tr td,
.bluepanel .form_gridview tr td {
	font-size: .9em;
	font-weight: bold;
	}
.redpanel .form_gridview .fgv_selectedrow,
.bluepanel .form_gridview .fgv_selectedrow {
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #ddd;
	}
.redpanel .form_gridview .fgv_alternaterowstyle,
.bluepanel .form_gridview .fgv_alternaterowstyle {
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #ddd;
	}
.redpanel .form_gridview .fgv_pagerstyle,
.bluepanel .form_gridview .fgv_pagerstyle 
{}
/* redpanel/bluepanel gridview END */
/* Date Picker CSS START */
.ui-datepicker,
#ui-datepicker-div {
	display:block;
	padding:6px;
	width:200px;
	z-index:999 !important;
	}
.ui-datepicker table,
#ui-datepicker-div table {
	clear:both;
	display:block;
	font-size:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	width:100%;
	}
.ui-datepicker thead,
#ui-datepicker-div thead, 
.ui-datepicker tbody,
#ui-datepicker-div tbody {
	clear:both;
	display:block;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	}
.ui-datepicker tr,
#ui-datepicker-div tr {
	border:1px solid #DDDDDD;
	display:block;
	height:auto;
	position:relative;
	text-align:center;
	width:100%;
	}
.ui-datepicker th,
#ui-datepicker-div th,
.ui-datepicker td,
#ui-datepicker-div td {
	border:0 none;
	font-size:100%;
	font-weight:700;
	height:25px;
	margin:0;
	padding:0;
	width:29px;
	}
.ui-datepicker td span, 
.ui-datepicker td a, 
#ui-datepicker-div td span, 
#ui-datepicker-div td a {
	background-position:-6px 0;
	display:block;
	font-size:100%;
	padding:0 2px 0 0;
	text-align:right;
	text-decoration:none;
	}	
/* Date Picker CSS END */
/* jQGrid START */
.form_jqgridwrapper {
	display: block;
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	margin: 12px auto;
	padding: 0;
	}
.form_jqgridwrapper .grid_hdiv {
	display: block;
	clear: both; 
	margin: 0; 
	padding: 0;
	}
.form_jqgridwrapper .grid_hdiv  .grid_htable {
	display: block;
	clear: both; 
	margin: 0; 
	padding: 0;
	}
.form_jqgridwrapper .grid_bdiv {
	display: block; 
	clear: both;
	margin: 0; 
	padding: 0;
	}
.form_jqgridwrapper .grid_bdiv .jqgrow td 
{
	font-weight: bold;
	white-space: normal !important;
	}
.form_jqgridwrapper .grid_bdiv table 
{}
.form_jqgridwrapper .scroll,
.form_jqgridwrapper .scroll .navtable .nav-row {
	display: block; 
	clear: both;
	margin: 0; 
	padding: 0;
	background: none !important
	}
.form_jqgridwrapper #pager {
	display: none;
	clear: both;
	visibility: hidden;
	}
.form_jqgridwrapper .scroll thead tr th {
	background: #ededed none !important;
	border: solid 1px #dddddd;
	border-right: none;
	}
/* jQGrid END */
/* form_fieldset START */
.form_fieldset {
	display: block;
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	padding: 0 0 15px;
	margin: 6px 12px;
	border: solid 1px #c2c2c2;
	}
.form_fieldset2 
{
	display: block;
	clear: both;
	position: relative;
	width: auto;
	height: auto;
	padding: 0;
	margin: 6px 12px;
	border: solid 1px #c2c2c2;
	}
.form_fieldset legend {
	font-size:100%;
	font-weight: bold;
	color: #393939;
	padding: 0 6px;
	margin: 0 0 0 6px;
	}	
/* form_fieldset END */
/* form errors START */
.form_bordererror { border: solid 1px #ffa1a3;}
.requirederror {
	border: solid 1px #ffa1a3; 
	background-color: yellow !important;
	background-image: url('/Skins/images/icons/icon_error.gif');
	background-position: center right;
	background-repeat: no-repeat;
	}
.alphaerror {
	border: solid 1px #ffa1a3; 
	background-color: yellow !important;
	background-image: url('/Skins/images/icons/icon_error.gif');
	background-position: center right;
	background-repeat: no-repeat;
	}
.iconerror {
	background-image: url('/Skins/images/icons/icon_error.gif');
	background-position: top center;
	background-repeat: no-repeat;
	width: 20px;
	height: 15px;
	display: inline-block;
	}
.form_labelerror {
	display: block;
	
	color:#D85D60 !important;
	font-size:100%;
	font-style:italic;
	position:absolute !important;
	z-index:999;	
	}
.form_labelerrorwithcheck {
	display: block;
	color: #d85d60 !important;
	font-style: italic;
	font-size:100%;
	position: absolute !important;
	bottom: 6px;
	right: 0px;
	z-index:999;	
	float: right;
	}
.form_labelerroryesno {
	display: block;
	bottom: -14px;
	color:#D85D60 !important;
	font-size:100%;
	font-style:italic;
	position:absolute !important;
	right:0px;
	z-index:999;
	float: right;
	}
.form_labelerror_tr {
	display: block;
	color: #d85d60 !important;
	font-style: italic;
	font-size:100%;
	position: absolute !important;
	top: -14px;
	right: 6px;
	}
.form_labelerror_br {
	display: block;
	color: #d85d60 !important;
	font-style: italic;
	font-size:100%;
	position: absolute !important;
	bottom: -14px;
	right: 6px;
	}
.form_labelerror_bl {
	display: block;
	color: #d85d60 !important;
	font-style: italic;
	font-size:100%;
	position: absolute !important;
	bottom: -14px;
	left: 6px;
	}
.form_errorlist {
	margin: 12px; 
	padding: 0; 
	display: inline-block; 
	list-style-type: none; 
	height: auto; 
	width: auto;
	border: solid 1px #ffa1a3; 
	background-color: #ffffe0 !important;
	}
.form_errorlist li {
	padding: 6px; 
	display: inline-block; 
	clear: both; 
	width: auto;
	list-style-type: none;
	}
/* form	errors END */


/* special classes START */
.twofields .left,
.twofields .leftdiv,
.twofields .formLeft 
{ margin-right: 0 !important; width: auto;}
.twofields .right,
.twofields .rightdiv,
.twofields .formRight 
{ float: right; width: auto;}
.show { display: inline-block !important;}
.hide { display: none !important;}
.block,.inline-block 
{ clear: both; position: relative; width: auto; height: auto;}
.block { display: block !important;} 
.inline-block { display: inline-block !important;}
.f-left { float: left !important;}
.f-right { float: right !important;}
.clear { width: 100% !important; clear: both; display: block;}
.column .editbtns { height: 33px;}
.bluelink { color: #3B5998;}
.nobg { background: none !important;}
.wrap {white-space: normal !important;}
.border-ddd {border: solid 1px #DDDDDD !important;}
.border-ccc {border: solid 1px #CCCCCC !important;}
.bottom-27 {bottom: -27px !important;}
.language_autocomplete {
	display: inline-block; 
	width: 305px; 
	float: left;
	}
/* special classes END */

.tableLook{
border:1px solid #999;
}