﻿
.watermark_container .watermark
{
	line-height: normal !important;
	top: 2px !important;
	left: 1px !important;
}

/**************************************************************************************************************************/
/************************** RADIO BUTTON START ****************************************************************************/
/**************************************************************************************************************************/

.rb_bg
{
	background: url(../Images/Design/rb_spline_silver.gif) no-repeat 0 0;

	width: 100%;
	height: 100%;
	
	position: absolute;
	left: 0px;
	top: 0px;
}

.rb_input
{
	padding: 0px;
	margin: 0px;
	display: none;
}

.radio_button_checked,
.radio_button_unchecked,
.radio_button_checked_pressed,
.radio_button_unchecked_pressed,
.radio_button_disabled
{
	position: relative;
	width: 19px;
	height: 25px;
}

.radio_button_checked .rb_bg
{
	background-position: 0 -50px;
}

.radio_button_unchecked .rb_bg
{
	background-position: 0 0px;
}

.radio_button_checked_pressed .rb_bg
{
	background-position: 0 -75px;
}

.radio_button_unchecked_pressed .rb_bg
{
	background-position: 0 -25px;
}

.radio_button_disabled .rb_bg
{
	background-position: 0 -25px;
}


/**************************************************************************************************************************/
/************************** RADIO BUTTON END ******************************************************************************/
/**************************************************************************************************************************/





/**************************************************************************************************************************/
/************************** BUTTON START **********************************************************************************/
/**************************************************************************************************************************/

.button
{
	height: 20px;
	overflow: hidden;
	width: auto;
	padding: 1px;
}

.button,
.button .left,
.button .right,
.button .middle,
.button	.button_button
{
	height: 20px;
}

.button .button_button
{
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	width: 100%;
	z-index: 5;

	font-size: 9pt;
	font-weight: bold;
	text-align: center;	
}

.button .button_button span
{
	top: 0px !important;
	position: static !important;
	vertical-align: top !important;
}

.button .button_bg_wrapper 
{
	position: relative; width: 100%; z-index: 4; left: 0; top: 0;
}

.button .right,
.button .middle,
.button .button_wrapper
{
	width: auto;
	margin-top: -20px !important;
}

.button .left	{padding-left: 6px;}
.button .right	{padding-right: 6px;}
.button .middle {margin: 0px 6px;}

.button_red .left		{background:url(../Images/Design/button_red_bg_left.png) no-repeat 0 0;}
.button_red .right		{background:url(../Images/Design/button_red_bg_right.png) no-repeat right 0;}
.button_red .middle		{background:url(../Images/Design/button_red_bg_repeat.png) repeat-x 0 0;}

.button_blue .left		{background:url(../Images/Design/v2_form_controls.png) no-repeat left -120px;}
.button_blue .right		{background:url(../Images/Design/v2_form_controls.png) no-repeat right -140px;}
.button_blue .middle	{background:url(../Images/Design/v2_form_controls.png) repeat-x left -160px;}

.button_silver .left	{background:url(../Images/Design/button_silver_bg_left.gif) no-repeat 0 0;}
.button_silver .right	{background:url(../Images/Design/button_silver_bg_right.gif) no-repeat right 0;}
.button_silver .middle	{background:url(../Images/Design/button_silver_bg_repeat.gif) repeat-x 0 0;}


.button_red_normal		button	{color: #fff;}
.button_red_over		button	{color: #000;}

.button_blue_normal		button	{color: #fff;}
.button_blue_over		button	{color: #000;}

.button_silver_normal	button	{color: #000;}
.button_silver_over		button	{color: #000;}

/**************************************************************************************************************************/
/************************** BUTTON END ************************************************************************************/
/**************************************************************************************************************************/

/**************************************************************************************************************************/
/************************** FORM START ************************************************************************************/
/**************************************************************************************************************************/

.form
{
}

.form_header
{
	position: relative;
}

.form_top
{
}

.form .header_text
{
	height: 0px;
	top: 5px;
	position: relative;
}

.form_content
{
	position: relative;
}

.form_footer
{
	position: absolute;
	bottom: 0px;
	padding: 5px;
}

.form_content_wrapper
{
	position: relative;
	padding: 1px 7px;
	z-index: 1;
}

.form_bottom
{
	position: relative;
	z-index: -1;
}

.form_content .content_middle
{
	position: relative;
}

.form_content_bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
}

.form .content
{
	margin-left: 1px;
}

.form .height
{
	width: 1px;
	float: left;
}

.form .header_left		{ background-position: left top !important; position: absolute; width: 15px; left: 0px; top: 0px;}
.form .header_right		{ background-position: right top !important; position: absolute; width: 15px; right: 0px; top: 0px;}
.form .header_middle	{ margin: 0px 15px;}

.form .header_left,
.form .header_right,
.form .header_middle		{ height: 30px; font-size: 15px;}

.form .top_left		{ padding-left:	  5px; background-position: left top !important}
.form .top_right	{ padding-right:  5px; background-position: right top !important}
.form .top_middle	{ }

.form .top_left,
.form .top_right,
.form .top_middle	{ height: 5px; }

.form .content_left		{ background-position: left top !important; position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; z-index: 10;
                   		  }
.form .content_right	{ background-position: right top !important; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; z-index: 10;}
.form .content_middle	{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%}

.form .bottom_left		{ background-position: left top !important; position: absolute; width: 5px; left: 0px; top: 0px;}
.form .bottom_right		{ background-position: right top !important; position: absolute; width: 5px; right: 0px; top: 0px;}
.form .bottom_middle	{ margin: 0px 5px;}

.form .bottom_left,
.form .bottom_right,
.form .bottom_middle	{ height: 5px;}


/******************* Common **********************/

.form .top_left		{background:url(../Images/Design/form_silver_bg_top_left.gif)	no-repeat	0 0;}
.form .top_right	{background:url(../Images/Design/form_silver_bg_top_right.gif)	no-repeat	0 0;}
.form .top_middle	{background:url(../Images/Design/form_silver_bg_top_middle.gif)	repeat-x	0 0;}

.form .content_left		{background:url(../Images/Design/form_silver_bg_border.gif)	repeat-y	0 0;}
.form .content_right	{background:url(../Images/Design/form_silver_bg_border.gif)	repeat-y	0 0;}
.form .content_middle	{background:#fff url(../Images/Design/form_bg_content.png)		repeat-x	0 -30px;}
.form .form_content		{background:url(../Images/Design/form_silver_bg.gif)		repeat-x	0 0;}

.form .bottom_left		{background:url(../Images/Design/form_silver_bg_bottom_left.gif)	no-repeat	0 0;}
.form .bottom_right		{background:url(../Images/Design/form_silver_bg_bottom_right.gif)	no-repeat	0 0;}
.form .bottom_middle	{background:url(../Images/Design/form_silver_bg_bottom_middle.gif)	repeat-x	0 0;}


/******************* Red *************************/

.form_red .header_left		{background:url(../Images/Design/form_red_bg_header_left.png)		no-repeat	0 0;}
.form_red .header_right		{background:url(../Images/Design/form_red_bg_header_right.png)		no-repeat	0 0;}
.form_red .header_middle	{background:url(../Images/Design/form_red_bg_header_middle.png)		repeat-x	0 0; color: #fff;}

.form_red .content_left		{background:url(../Images/Design/form_red_bg_border.gif)	repeat-y	0 0;}
.form_red .content_right	{background:url(../Images/Design/form_red_bg_border.gif)	repeat-y	0 0;}
.form_red .content_middle	{background: #fff url(../Images/Design/form_red_bg_content.png)	repeat-x	0 -30px;}

.form_red .bottom_left		{background:url(../Images/Design/form_red_bg_bottom_left.gif)	no-repeat	0 0; height: 6px;}
.form_red .bottom_right		{background:url(../Images/Design/form_red_bg_bottom_right.gif)	no-repeat	0 0; height: 6px;}
.form_red .bottom_middle	{background:url(../Images/Design/form_red_bg_bottom_middle.gif)	repeat-x	0 0; height: 6px;}

/******************* Blue ************************/

.form_blue .header_left		{background:url(../Images/Design/form_blue_bg_header_left.png)		no-repeat	0 0;}
.form_blue .header_right	{background:url(../Images/Design/form_blue_bg_header_right.png)		no-repeat	0 0;}
.form_blue .header_middle	{background:url(../Images/Design/form_blue_bg_header_middle.png)	repeat-x	0 0; color: #fff;}

.form_blue .content_left	{}
.form_blue .content_right	{}
.form_blue .content_middle	{}

.form_blue .bottom_left		{}
.form_blue .bottom_right	{}
.form_blue .bottom_middle	{}

/******************* Silver **********************/

.form_silver_big,.form_silver .header_left		{background:url(../Images/Design/form_silver_bg_header_left.gif)	no-repeat	0 0;}
.form_silver_big,.form_silver .header_right		{background:url(../Images/Design/form_silver_bg_header_right.gif)	no-repeat	0 0;}
.form_silver_big,.form_silver .header_middle		{background:url(../Images/Design/form_silver_bg_header_middle.gif)	repeat-x	0 0; color: #464646;}

.form_silver .header_middle	 a	{color: #464646;}

.common_panel .form_content_wrapper
{
	background: url('../Images/Design/common_panel_bg.png') repeat-x;
}

.common_panel_wide .form_content_wrapper
{
	background: url('../Images/Design/common_panel_bg1.png') repeat-x;
}


/**************************************************************************************************************************/
/************************** FORM END **************************************************************************************/
/**************************************************************************************************************************/

/**************************************************************************************************************************/
/************************** INPUT START ***********************************************************************************/
/**************************************************************************************************************************/

input_txt

.input_txt .watermark,
.input_txt .watermark_container
{
	z-index: 6;
}

.input_txt
{
	position: relative;
	margin: 5px 0px;
}

.input_bg_wrapper
{
	position: relative; width: 100%; z-index: 4; left: 0; top: 0;
}

.input_txt input	
{
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	width: 100%;
	z-index: 5;
	padding: 0px !important;
}

.input_txt .input_wrapper
{
	width: auto; 
	margin: 0px 7px; 
	margin-top: -19px;
	z-index: 5; 
}

.input_txt,
.input_txt input,
.input_bg_wrapper,
.input_bg_wrapper .left,
.input_bg_wrapper .right,
.input_bg_wrapper .middle
{
	height: 20px;
}

.input_bg_wrapper .left		{ padding-left: 7px; position: static; margin-top: 0px;}
.input_bg_wrapper .right	{ padding-right: 7px; position: static; margin-top: -20px;}
.input_bg_wrapper .middle	{ position: static; margin: -20px 7px 0px 7px; }

.input_silver .left		{background:url(../Images/Design/v2_form_controls.png)	no-repeat	left -60px;}
.input_silver .right	{background:url(../Images/Design/v2_form_controls.png)	no-repeat	right -80px;}
.input_silver .middle	{background:url(../Images/Design/v2_form_controls.png)	repeat-x	left -100px;}

.input_red .left	{background:url(../Images/Design/v2_form_controls.png)		no-repeat	left 0px;}
.input_red .right	{background:url(../Images/Design/v2_form_controls.png)		no-repeat	right -20px;}
.input_red .middle	{background:url(../Images/Design/v2_form_controls.png)		repeat-x	left -40px;}

/**************************************************************************************************************************/
/************************** INPUT END *************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/************************** TEXTBOX BUTTON START **************************************************************************/
/**************************************************************************************************************************/

.button_txt {}
.button_txt .input_txt {margin: 0px; margin-right: 28px;}
.button_txt_wrapper { position:relative; width: 34px; height: 20px; float: right; margin-top: -20px; z-index: 10}
.button_txt_bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1;}
.button_txt .button_button { background: transparent none repeat scroll 0 0;	border: 0 none;	z-index: 15; padding: 0px !important; 
                             text-align: center; width: 100%; height: 100%; cursor: pointer;}

.red .button_txt_bg {background:url(../Images/Design/txt_button_red_bg.png)	no-repeat	0 0;}
.silver .button_txt_bg {background:url(../Images/Design/txt_button_silver_bg.png)	no-repeat	0 0;}

/**************************************************************************************************************************/
/************************** TEXTBOX BUTTON END ****************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/************************** TEXT AREA START *******************************************************************************/
/**************************************************************************************************************************/

.text_area	{}
.text_area textarea			{width: 100%; border: 0 none; padding: 0px !important; margin: 0px !important; overflow: auto; background: transparent;}
.text_area .ta_area_wrapper	{ position: relative;}
.text_area .ta_area_margin { margin: 0px 7px; width: auto !important;}
.text_area .watermark_container { margin-left: 0px !important; margin: 0 !important; padding: 0 !important;}

.text_area .bg			{background-image: url(../Images/Design/v2_form_controls.png)}
.text_area .bg_y		{background-image: url(../Images/Design/v2_form_controls_y.png)}
.text_area .ta_top_left			{background-repeat: no-repeat;	height: 7px;}
.text_area .ta_top_right		{background-repeat: no-repeat;	height: 7px; margin-top: -7px;}
.text_area .ta_top_middle		{background-repeat: repeat-x; height: 7px; margin-top: -7px; margin: -7px 6px 0px 6px;}
.text_area .ta_bottom_left		{background-repeat: no-repeat;	height: 6px;}
.text_area .ta_bottom_right		{background-repeat: no-repeat;	height: 6px; margin-top: -6px;}
.text_area .ta_bottom_middle	{background-repeat: repeat-x; height: 6px; margin-top: -6px; margin: -6px 6px 0px 6px;}
.text_area .ta_area_left		{background-repeat: repeat-y; position: absolute; left: 0; top: 0; width: 1px; height: 100%}
.text_area .ta_area_right		{background-repeat: repeat-y; position: absolute; right: 0; top: 0; width: 1px; height: 100%}
.text_area .ta_area_middle		{background-repeat: repeat-x; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -4;}
.text_area .ta_area_middle_fill	{background-repeat: repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -5; display: none;}

.text_area.silver .ta_top_left		{ background-position: left -180px;}
.text_area.silver .ta_top_right		{ background-position: right -190px;}
.text_area.silver .ta_top_middle	{ background-position: left -200px; }
.text_area.silver .ta_bottom_left	{ background-position: left -210px; }
.text_area.silver .ta_bottom_right	{ background-position: right -220px; }
.text_area.silver .ta_bottom_middle	{ background-position: left -230px; }
.text_area.silver .ta_area_left		{ background-position: 0 top; }
.text_area.silver .ta_area_right	{ background-position: 0 top; }
.text_area.silver .ta_area_middle	{ background-position: left -240px; background-color: #fff;}
.text_area.silver .ta_area_middle_fill	{ }

/**************************************************************************************************************************/
/************************** TEXT AREA END *********************************************************************************/
/**************************************************************************************************************************/

.v2_edit, .v2_edit_error 
{
}

.v2_edit select
{
	border: 1 #2a4170 solid;
	font-size: 8pt;
	color: black;
	font-family: arial,Verdana, Helvetica;
	height: 22px;
}

.form_control select
{
	border: 1 #2a4170 solid;
	font-size: 8pt;
	color: Blue;
	font-family: arial,Verdana, Helvetica;
	height: 22px;
}



.v2_checkbox 
{
	border: none;
	background-color:Transparent;
}

.v2_checkbox_div  {
    width: 10px;
    height: 10px;
    border: none; /*solid 1px black;*/
    background: url(/Images/components/unchecked.gif) no-repeat center #FFFFFF;
    display: block;
    float: left
}


.v2_edit_bg_left {height:20px; width:7px; background-image: url('../images/design/v2_edit_bg_left.gif'); background-repeat:no-repeat; position:relative;top:0px;left:0px;}
.v2_edit_bg_right {height:20px; width:7px; background-image: url('../images/design/v2_edit_bg_right.gif'); background-repeat:no-repeat;}
.v2_edit_bg_repeat {margin-left:7px; margin-right:7px;height:20px;background-image: url('../images/design/v2_edit_bg_repeat.gif'); background-repeat:repeat-x;}


.v2_edit_container {height:20px;width:100%;float:left;table-layout: fixed;}



.v2_edit_wrapper {float:left;width:100%;height:20px;}


.v2_edit_div {margin-left:7px; margin-right:7px;height:20px;background-image: url('../images/design/v2_edit_bg_repeat.gif'); background-repeat:repeat-x;}


.v2_edit_error {color: Red;}

.v2_edit_readonly_disabled
{
	padding: 2 6 2 6;
	margin: 2 0 2 0;
    vertical-align: sub;
    font-size: 8pt;
}

.v2_edit_readonly_required
{
	BORDER: 1px solid #A8CCFF;
	COLOR: #000099;
	BACKGROUND-COLOR: #E2EDF3; 
	height : 15px;
	padding: 2 6 2 6;
	margin: 0 0 0 0;
	vertical-align: sub;
	font-size: 8pt;
}

.v2_edit_readonly
{
	BORDER: solid 1px #D4BFAA;
    COLOR: #620000;
    BACKGROUND-COLOR: #F7F3E9;
	padding: 2 6 2 6;
	margin: 0 0 0 0;
    vertical-align: sub;
    font-size: 8pt;
}

.v2_button, .v2_button_over, .v2_button_disabled
{
	text-align: center;
	background-color:Transparent;	
	border: 0;
	height:20px;
	width:100%;
}

.v2_button_table, .v2_button table tr td 
{	
	width: 60px;	
}

.v2_button table, .v2_button table tr td
{	
	text-align: center;	
	padding: 1 1 1 1;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;	
	height: 17px;	
	width:100%;	
}

.v2_button_over table, .v2_button_over table tr td 
{
	text-align: center;
	padding: 1 1 1 1;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: hand;
	color: black;
	height: 17px;	
	width: 100%;
}

.v2_button_disabled table, .v2_button_disabled table tr td 
{	
	text-align: center;	
	font: 11px Arial, Helvetica, sans-serif;	
	font-weight: bold;
	cursor: default;
	color: #A2A2A0;	
	height: 17px;	
	width:100%;	
}