/*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: normal;
    }
.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: 3px 3px 3px 5px;
    font-size:15px;
    font-family: Lucida Grande,Lucida,Verdana,Sans-Serif !important;
    color: #393939;
    border:1px solid #cfcfcf;
    border-radius: 5px;
    }
.disclosure_radiobtnlist,
.form_radiobtnlist,
.form_checkboxlist,
.form_checkbox,
.form_radiobtn {
    display: inline-block;
    margin: 0;
    padding: 0;
    }
.form_textarea 
{ height: 150px;}
.disclosure_radiobtnlist
{padding: 3px 80px 3px 0 !important;}
.form_radiobtnlist 
{padding: 3px 14px 3px 0 !important;}
.disclosure_radiobtnlist tbody,
.disclosure_radiobtnlist tbody tr,
.disclosure_radiobtnlist tbody tr td,
.form_radiobtnlist tbody,
.form_radiobtnlist tbody tr,
.form_radiobtnlist tbody tr td
{ display: block; float: left;}
.disclosure_radiobtnlist td,
.form_radiobtnlist td
{ padding: 0 3px !important;}
.disclosure_radiobtnlist label,
.form_radiobtnlist label,
.form_checkboxlist label,
.form_checkbox label,
.form_radiobtn label
{ font-size:100%; margin: 0 0 0 2px; padding: 0;}
.disclosure_radiobtnlist input,
.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/error_icon.png');
	background-position: center right;
	background-repeat: no-repeat;
	}
.alphaerror {
	border: solid 1px #ffa1a3; 
	background-color: yellow !important;
	background-image: url('/Skins/images/error_icon.png');
	background-position: center right;
	background-repeat: no-repeat;
	}
.iconerror {
	background-image: url('/Skins/images/error_icon.png');
	background-position: top center;
	background-repeat: no-repeat;
	width: 20px;
	height: 15px;
	display: inline-block;
	}
.form_labelerror {
	display: block;
	bottom:-12px;
	color:#D85D60 !important;
	font-size:100%;
	font-style:italic;
	position:absolute !important;
	right:0px;
	z-index:999;	
	float: right;
    }
.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;
    }
    
    
.scrolldiv
{
width:100%;
height:220px;
border:thin solid gray;
overflow-x:scroll;
overflow-y:scroll;
}
   
/* special classes END */