html{margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; padding: 0px; min-height: 100%;}
body {
	margin: 0px; padding: 0px;
	/**/

	font-size: 100%; /* font-size 1em = 10px */
   background-color: rgb(255,255,255);
   /*background-color: #cccccc;*/
   /*color: rgb(0,0,0);*/
}

.invalid-feedback {
	font-size: .85rem !important
}

 /* RADIOBUTTONLIST FORMATTING */
.radiobuttonlist_1{width: 100%; padding: 10px;}
.radiobuttonlist_1 input[type="radio"]{float: left;}
.radiobuttonlist_1 td{padding: 7px; font-family: Arial; font-size: 1rem; font-weight: normal; width: 100%;}
.radiobuttonlist_1 td label{display: table !important;}

.panel-heading{
	background-color: #000;
	color: #fff;
}   
.promocode-margins-nolookup{
	margin: 170px 0px 48px 0px !important;	
}

.promocode-margins{
	margin: 10px 0px 12px 0px !important;	
}

.header-lookup-margins{
	margin: 80px 0px 0px 0px !important;	
}

.reset-width{
	width: 640px;
}

.barlow-55{
	font-family: 'barlow condensed';
	font-size: 55px;
	line-height: 100%;
}
.modal-title-color{color: #e03320;}

input[type=radio] {
	margin-left: 1em;
	margin-right: 0.5em;	
}

#radgrid1Panel {
	overflow: auto;
	display: block;
}

.required {
	font-size: 16px;

	min-height: 25px;
	color: rgb(214,15,28);
	}

input[type="checkbox"] ~ label {
    padding-left:1.4em;
    display:inline-block;
}

input[type="checkbox"] {
		margin-top: 0.3em;
    position: absolute;
}

.demo-single-checkboxlist-fix{position:relative;}

.demo-single-checkboxlist-fix input[type="checkbox"]{
	position:absolute;
	top: 0px;
	margin-top: .25rem;
	/*margin-bottom:.5rem;*/
	/*margin-left:-1.25rem;*/
}
.demo-single-checkboxlist-fix label{
	/*position: absolute;*/
	margin-left: 1.25rem;
	font-weight: normal;
	
}


.RadGrid_Default .rgMasterTable td.rgGroupCol {
	border-color: white !important;
}




.rgSelectedRow, .rgSelectedRow * {
	border-bottom: white !important;
	background-color: #e9ecef !important;
	color: black !important;
}

.form-control {
  width: 90% !important;
  display: inline !important;
}

.center {
margin: 0px auto;
text-align: center;
}
.errorClass{
	background-color: #FFFFCC;
}

.large-headers{
	font-family: 'barlow condensed';
	font-size: 55px !important;
	line-height:100%;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-top: 2.75rem;
}

#container > a {
	overflow: auto;
}

.lookup-group {
	overflow: auto;
	/*margin-bottom: 3em;*/
}

.lookup-header{
	font-size: 22px;
}

.lookup-labels{
	font-size: 16px;
}

.table_contact td {
	/*padding-top: 1em;*/
}

.payment_rightcolcell, .payment_leftcolcell {
	padding-top: 1em;
}

#payment1_ddl_year {
	margin-top: 1em;
}

#grid {
	background-image: none;
	background-color: white;
}

.no-margin-all{
	margin: 0 0 0 0;
}

.col1{	
	max-width: 560px !important;
	/*width: 100%;
	float: left;*/
	padding: 0% 0% 0% 0%;
}

#grid_container{
	max-width: 325px;
}

#radgrid1{
	width: 100% !important;
}

.rgMasterTable, .rgMasterTable  * {
	background: white !important;
	font-size: .88em;
}

.rgMasterTable .rgFooter{font-size: 1.2rem;}


/***************************************************************/
/* SMALL DEVICES (landscape phones, 576px and up) */
/***************************************************************/
@media (min-width: 576px) {
/*body::before{ content: "viewport is 320px  --> 480px";

 display: block !important;
 text-align: center !important;
 background: rgba(0,255,0, 0.9) !important;
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 99 !important;
 }*/

 #pnl_PageError{



 	text-align: center;
 	margin: 0px auto;
 	padding: 25px;
 	background-color: #ffffff;

 }
 #subscribe #container{
	/*width: 960px;*/
	width: 100%;
	margin: 0% auto;
	text-align:  center;
	/*padding-top: 15px;*/
	/*border: 1px solid red;*/
	/*background-color: #eee8aa;*/
	/*overflow: auto;*/
}

#grid_container{
	max-width: 484px;
}


#section_top{
	margin-bottom: 1em;
	width: 100%;
	overflow: auto;
	/*background-color:  purple;*/
}

#logo{
	text-align:  center;
	vertical-align:  top;
	padding: 0% 0% 5% 0%;
	margin: 0% 0% 0% 0%;
	width: 100%;
	/*background-color:  red;*/
	/*width: 450px;*/
	/*border: 1px solid blue;*/
}


#logo img{
	max-width: 300px;
	height: auto;
}

.cs_link{
	display: inline-block;
	padding-top: 20px;
}

/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT01   ****/
#pnl_customcontent01{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT02  ****/
#pnl_customcontent02{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT03   ****/
#pnl_customcontent03{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT04   ****/
#pnl_customcontent04{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}

/*************************************************************************/
/****   PLACE CUSTOM CLASSES THAT EXIST IN CUSTOMCONTENT FIELDS HERE   ***/
/*************************************************************************/


/*************************************************************/
/****   END CUSTOM CLASSES IN CUSTOM CONTENT FIELDS   ********/
/*************************************************************/



/****   THIS SELECTOR CONTROLS STYLING ABOVE THE PAYMENT GRID   ****/
/****   IT CONTAINS THE #cover SELECTOR WHICH CONTAINS THE #img_cover SELECTOR   ****/
#header{

	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 2%;
	/*border: 1px solid red;*/
	/*margin: 10px;*/
	/*background-color: green;*/
}
#cover{
	float:left;
	/*width:200px;*/
	width: 98%;
	padding-top: 1%;
	padding-right: 2%;
	/*border: 1px solid green;*/
	/*background-color: red;*/
}
#cover img{
	max-width: 100%;
	width: auto; /* for ie 8 */
	height: auto;
}
#img_cover{}

#grid{
	text-align: right !important;
	width: 100%;
	vertical-align: top;
	padding: 5% 0% 5% 0%;
	/*background-color: blue;*/
}

#section_lookup_outer_div{
	
}
#section_lookup{
width: 560px;
text-align: center;
padding: 0px 0px 0px 0px;


}

#div_lkp_label	{
	
	font-size: 1.65em;
	width: 100%;
	text-align: center;
/*	margin-bottom: 20px; - commented out by KAM on 2/18/2021*/
	/*height: 100%;*/

	
}

#div_lkp_lbl_account{
	
	font-size: 1.2em;
	width: 100%;
	text-align: center;
	border: none;
}

#div_lkp_txt_account{
	margin-bottom: 10px;
}

#div_lkp_lbl_city{
	float: left;
	font-size: 1.2em;
	width: 100%;
	text-align: center;
}

#div_lkp_txt_city{
	float: left;
	width: 100%;
	/*margin-bottom: 5%*/
}

#div_lookup_button{
	float: left;
	width: 100%;
	text-align: center;
	margin: 3% 0% 4% 0%;
}



/*****************************/
/***   CONTACT FIELDS   ******/
/*****************************/

.main{
	text-align: left;
	/*background-color: grey;*/
	width: 100%;
	overflow:auto;
	}

/*
	THIS IS COL1 IN THE MAIN PAGE SPLIT
	NOT THE COLUMNS IN THE CONTACT FIELDS
*/
/*#col1{
	width: 100%;
	float: left;
	padding: 0% 0% 0% 0%;
}*/


/******************************************************************/
/******************************************************************/
/*				CONTACTS                                              */
/******************************************************************/
/******************************************************************/

.table_content{
	width: 100%;
	/*background-color: purple;*/
}
#col1 .required {

	width: 5px;


	text-align: right;
	min-height: 20px;
	color: rgb(214,15,28);
	}

.contact_row{
	/*background-color: orange;*/
	width: 100%;
}
.contact_label{




}

.leftcolcell{
	width: 25%;
	height: 13px;
	padding-left: 2%;
	/*background-color: red;*/
}

.rightcolcell{
	width: 72%;
	height: 13px;
	padding-left: 1%;

	/*background-color: navy;*/
}

.colspancell{
	width: 98%;
	height: 13px;
	padding-left: 2%;
	padding-right: 0%;

	/*background-color: green;*/
}

.contact_ctl_dropdownlist{
	margin-right: 0%;
 	width: 93% !important;
}

.contact_ctl_textbox{
	width: 93% !important;
}



/******************************************************************/
/******************************************************************/
/*				DEMOS                                                 */
/******************************************************************/
/******************************************************************/
/*#FEMFM_Email::after {
  content:' *' !important;
  color: green !important;
}*/
.demos_row{
 /*THIS CONTROLS THE <TD> THAT HOLDS THE WHOLE DEMO TABLE*/



	width: 98%;
	margin: 0px auto;
	text-align: center;
	padding: 0% 0% 0% 1%;
	background-color: white;
}


.table_demos{
	width: 320px;
	text-align: left;
	/*background-color: #66ccff;*/
}

.table_demos_cell1{
/*  WIDTH AND HEIGHT ARE SET IN TBLCONTACTFIELDS  */



	/*   THE WIDTH IS SET IN CODEBEHIND FUNCTION (processCellStyle)   */
	/*   IT STARTS WITH 100% AND THEN SUBTRACTS LEFT AND RIGHT PADDING   */
	/*width: 17;*/
	/*background-color: lime;*/
}

.table_demos_cell1 .required {
	font-size: 16px;

	min-height: 25px;
	color: rgb(214,15,28);
	}

.table_demos_cell2{



	text-align: left;
	/*color: red;*/
/*   THE WIDTH IS SET IN CODEBEHIND FUNCTION (processCellStyle)   */
	/*   IT STARTS WITH 100% AND THEN SUBTRACTS LEFT AND RIGHT PADDING   */
	/*width: 83%;*/
}

.table_demos_question_table{
	width: 100%;
	margin-top:15px;
}

.table_demos_section_inner_table{
	width: 100%;
}

.section_texbox{
	width: 90%;
}
.section_dropdownlist{
	width: 90%;
}

.table_demos_section_panel{
	float: left;
/* DO NOT SET THE WIDTH HERE. WIDTH IS SET IN CODE BEHIND */
	/*width: 33%;*/
}






/*
	THIS IS COL2 IN THE MAIN PAGE SPLIT
	NOT THE COLUMNS IN THE CONTACT FIELDS
*/
/*#col2{
	float: left;
	padding-top: 3%;
	width: 100%;
	}*/

.col2{
	float: left;
	padding-top: 3%;
	width: 100%;
}

.col-stack{
	padding-top: 3%;
	/*padding: 0% 0% 0% 0%;*/
	width: 100%;
}



  /******************************************************************/
 /*****   SPECIAL SELECTOR TO "NOT SELECT"  buttons, radio, checkboxes  ***/
 /*****   SO STYLE WILL ONLY BE APPLIED TO TEXTBOXES   ***/
 /******************************************************************/
  /*#col2 input: not([type=submit]):not([type=radio]):not([type=checkbox]){*/
 #paid_controls input: not([type=submit]):not([type=radio]):not([type=checkbox]){
	font-size: 4em;

	height: 20px;
	width: 100%;
}
/*select{
	font-size: 1.2em;

	height: 23px;
}*/


/*******************************************/
/***   PAYMENT CONTROL SECTIONS   **********/
/*******************************************/

.paid{
	margin-top: 50px;
	width: 100%;
	/*background-color: blue;*/
}

.paid_controls{
	float: left;
	width: 100%;
	/*background-color: gray;*/
}

.payment_leftcolcell{
	float: left;


	/*background-color: Yellow;*/
	padding-left: 2%;
	width: 33%;
}
.payment_label {
 /* HAS MEDIA QUERY */
	float: left;
  	text-align: left;
	color: black;

  }

.payment_rightcolcell{
	float: left;
	width: 65%;
	/*background-color: Red;*/
}
.payment_spacer{
	clear: both;
	 width: 100%;
	 height: 15px;
}

.payment_spanned{


 	min-height: 30px;
	width: 100%;
	margin: 0% auto;
	text-align: center;
}

.paid_ctl_textbox{
	width: 94% !important;
	display: inline !important;
}

.paid_ctl_dropdownlist{
	width: 94% !important;
	display: inline !important;
}

.paid_ssl{
	float: left;
	width: 30%;
	/*background-color: green;*/
}

.paid_controls .required {
	font-size: 14px;

	min-height: 25px;
	color: rgb(214,15,28);
	}

#pnl_submit{
	clear: both;
	max-width: 560px;
	margin: 0px auto;
	text-align: center;
	padding: 20px 0px 0px 0px;
}

#cmdsubmit{
	width: 130px;
}




/*******************************************/
/***   CUSTOM CONTENT SECTIONS   **********/
/*******************************************/

#cc01_text_01{

	/*padding-left: 20px;*/

	font-size: 15px;

}
#cc01_text_02{

	/*border: 1px solid red;*/
	/*padding-left: 20px;*/



}
#cc01_text_03{
	/*padding-left: 20px;*/




}
#cc01_text_04{
	/*padding-left: 20px;*/

	color: black;


}

#cc01_text_05{
	/*padding-left: 20px;*/

	color: black;


}

/******************************************************************/
/*    BEGINNING OF SECURITY CODE POPUP IN MEDIAQUERY              */
/******************************************************************/
.popupwindow{
	/*background-color: pink;*/
	max-width: 95% !important;
	max-height: 95% !important;
	width: 300px !important;
	height: 400px !important;
}


.rgMasterTable, .rgMasterTable  * {
	background: white !important;
	font-size: 1.0em !important;
}

/***********************************************************************/
/*        END       LOW RESOLUTION, 576PX AND BELOW                    */
/***********************************************************************/

}




/***********************************************************************/
/***********************************************************************/
/*             MEDIUM RESOLUTION, 768PX TO 1023PX                      */
/***********************************************************************/
/***********************************************************************/
@media (min-width: 768px) {

/*body::before{ content: "viewport is more than 481px and less than 1023px" !important;

 color: white !important;
 display: block !important;
 text-align: center !important;
 background: rgba(0,0,255, 0.9) !important;
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 99 !important;
 }*/

#pnl_PageError{



 	text-align: center;
 	margin: 0px auto;
 	padding: 25px;
 	background-color: #ffffff;

 }

#subscribe #container{
	/*width: 960px;*/
	width: 100%;
	margin: 0% auto;
	text-align:  center;
	/*padding-top: 15px;*/
	/*border: 1px solid red;*/
	/*background-color: #eee8aa;*/
	/*overflow: auto;*/
}

#section_top{
	margin-bottom: 1em;
	width: 100%;
	overflow: auto;
	/*background-color:  purple;*/
}




#logo{
	text-align:  center;
	vertical-align:  top;
	padding: 0% 0% 5% 0%;
	margin: 0% 0% 0% 0%;
	width: 100%;
	/*background-color:  red;*/
	/*width: 450px;*/
	/*border: 1px solid blue;*/
}

#logo img{
	width: auto;
	height: auto;

}
.cs_link{
	display: inline-block;
	padding-top: 20px;
}



.promocode-margins{
	margin: 40px 0px 24px 0px !important;	
}


/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT01   ****/
#pnl_customcontent01{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT02   ****/
#pnl_customcontent02{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT03   ****/
#pnl_customcontent03{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT04   ****/
#pnl_customcontent04{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}

#panel_contact{
	max-width: 100%;
}
/*************************************************************************/
/****   PLACE CUSTOM CLASSES THAT EXIST IN CUSTOMCONTENT FIELDS HERE   ***/
/*************************************************************************/


/*************************************************************/
/****   END CUSTOM CLASSES IN CUSTOM CONTENT FIELDS   ********/
/*************************************************************/



/****   THIS SELECTOR CONTROLS STYLING ABOVE THE PAYMENT GRID   ****/
/****   IT CONTAINS THE #cover SELECTOR WHICH CONTAINS THE #img_cover SELECTOR   ****/
#header{

	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 2%;
	/*border: 1px solid red;*/
	/*margin: 10px;*/
	/*background-color: green;*/
}
#cover{
float:left;
	/*width:200px;*/
	width: 98%;
	padding-top: 1%;
	padding-right: 2%;
	/*border: 1px solid green;*/
	/*background-color: red;*/
}
#img_cover{}


#grid{
	text-align: right !important;
	width: 100%;
	vertical-align: top;
	padding: 1% 0% 1% 0%;
	
}


#section_lookup{
	text-align: center;
	padding: 0px 0px 0px 0px;
}

#div_lkp_label	{	
	font-size: 1.3em;
	/*width: 100%;*/
	text-align: center;
	/*height: 100%;*/
	margin-bottom: 20px;

}

#div_lkp_lbl_account{	
	font-size: 1.2em;
	/*width: 100%;*/
	text-align: center;
	border: none;
}

#div_lkp_txt_account{
	
	/*width: 100%;*/
	margin-bottom: 20px;
}

#div_lkp_lbl_city{
	font-size: 1.2em;
	width: 100%;
	text-align: center;
}

#div_lkp_txt_city{
	width: 100%;
	/*margin-bottom: 2%*/
}

.text_lookup{
	width: 50% !important;
}

#div_lookup_button{
	
	width: 100%;
	text-align: center;
	margin: 3% 0% 2% 0%;
}



/*****************************/
/***   CONTACT FIELDS   ******/
/*****************************/

.main{
	text-align: left;
	/*background-color: grey;*/
	width: 100%;
	overflow:auto;
	}

/*
	THIS IS COL1 IN THE MAIN PAGE SPLIT
	NOT THE COLUMNS IN THE CONTACT FIELDS
*/
/*#col1{
	width: 100%;
	min-width: 450px;
	float: left;
	padding: 0% 0% 0% 0%;
	background-color: yellow;
	}*/

/******************************************************************/
/******************************************************************/
/*				CONTACTS                                              */
/******************************************************************/
/******************************************************************/

.table_content{
	width: 100%;
	/*background-color: purple;*/
	}
#col1 .required {

	width: 5px;


	text-align: right;
	min-height: 20px;
	color: rgb(214,15,28);
	}

.contact_row{
	/*background-color: orange;*/
	width: 100%;
}
.contact_label{



}

.leftcolcell{
	width: 28%;
	height: 13px;
	padding-left: 2%;

	/*background-color: red;*/
}

.rightcolcell{
	width: 69%;
	height: 13px;
	padding-left: 1%;

	/*background-color: navy;*/
}

.colspancell{
	width: 98%;
	height: 13px;
	padding-left: 2%;

	/*background-color: green;*/
}

.contact_ctl_dropdownlist{
 	width: 88% !important;
}

.contact_ctl_textbox{
	width: 90% !important;
}



/******************************************************************/
/******************************************************************/
/*				DEMOS                                                 */
/******************************************************************/
/******************************************************************/

.demos_row{
/*THIS CONTROLS THE <TD> THAT HOLDS THE WHOLE DEMO TABLE*/



	width: 98%;
	margin: 0px auto;
	text-align: center;
	padding: 0% 0% 0% 1%;
	/*background-color: green;*/
}


.table_demos{


	width: 98%;
	text-align: left;
	/*background-color: #66ccff;*/
}

.table_demos_cell1{
/*  WIDTH AND HEIGHT ARE SET IN TBLCONTACTFIELDS  */

	font-size: 1.2em;

	/*   THE WIDTH IS SET IN CODEBEHIND FUNCTION (processCellStyle)   */
	/*   IT STARTS WITH 100% AND THEN SUBTRACTS LEFT AND RIGHT PADDING   */
	/*width: 17;*/
	/*background-color: lime;*/
}

.table_demos_cell1 .required {
	font-size: 16px;

	min-height: 25px;
	color: rgb(214,15,28);
	}

.table_demos_cell2{

	font-size: 1.2em;

/*   THE WIDTH IS SET IN CODEBEHIND FUNCTION (processCellStyle)   */
	/*   IT STARTS WITH 100% AND THEN SUBTRACTS LEFT AND RIGHT PADDING   */
	/*width: 83%;*/
}

.table_demos_question_table{
	width: 100%;
	margin-top:15px;
}

.table_demos_section_inner_table{
	width: 100%;
}

.section_texbox{
	width: 90%;
}
.section_dropdownlist{
	width: 90%;
}

.table_demos_section_panel{
	float: left;
/* DO NOT SET THE WIDTH HERE. WIDTH IS SET IN CODE BEHIND */
	/*width: 33%;*/
}






/*
	THIS IS COL2 IN THE MAIN PAGE SPLIT
	NOT THE COLUMNS IN THE CONTACT FIELDS
*/
/*#col2{
	float: left;
	padding-top: 3%;
	width: 100%;
	background-color: #ffbcc1;
	border: 1px solid red;
}*/



  /******************************************************************/
 /*****   SPECIAL SELECTOR TO "NOT SELECT"  buttons, radio, checkboxes  ***/
 /*****   SO STYLE WILL ONLY BE APPLIED TO TEXTBOXES   ***/
 /******************************************************************/
  /*#col2 input: not([type=submit]):not([type=radio]):not([type=checkbox]){*/
 #paid_controls input: not([type=submit]):not([type=radio]):not([type=checkbox]){
	font-size: 4em;

	height: 20px;
	width: 100%;
	}
/*select{
	font-size: 1.2em;

	height: 23px;
}*/


/*******************************************/
/***   PAYMENT CONTROL SECTIONS   **********/
/*******************************************/

.paid{
	width: 100%;
	/*background-color: blue;*/
}

.paid_controls{
	float: left;
	width: 100%;
	/*background-color: gray;*/
}

.payment_leftcolcell{
	float: left;


	/*background-color: Yellow;*/
	padding-left: 2%;
	width: 23%;
}
.payment_label {
 /* HAS MEDIA QUERY */
	float: left;
  	text-align: left;
	color: black;

}

.payment_rightcolcell{
	float: left;
	width: 70%;
	/*background-color: Red;*/
}
.payment_spacer{
	clear: both;
	 width: 100%;
	 height: 15px;
}

.payment_spanned{


 	min-height: 30px;
	width: 100%;
	margin: 0% auto;
	text-align: center;
}

.paid_ctl_textbox{
	width: 56%;
}

.paid_ctl_dropdownlist{
	width: 58%;
}

.paid_ssl{
	float: left;
	width: 30%;
	/*background-color: green;*/
}

.paid_controls .required {
	font-size: 14px;

	min-height: 25px;
	color: rgb(214,15,28);
	}

#pnl_submit{
	clear: both;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	padding: 20px 0px 0px 0px;
}

#cmdsubmit{
	width: 130px;
}




/*******************************************/
/***   CUSTOM CONTENT SECTIONS   **********/
/*******************************************/
#cc01_text_01{

	/*padding-left: 20px;*/

	font-size: 15px;

}
#cc01_text_02{

	/*border: 1px solid red;*/
	/*padding-left: 20px;*/



}
#cc01_text_03{
	/*padding-left: 20px;*/




}
#cc01_text_04{
	/*padding-left: 20px;*/

	color: black;


}

#cc01_text_05{
	/*padding-left: 20px;*/

	color: black;


}


/******************************************************************/
/*    BEGINNING OF SECURITY CODE POPUP IN MEDIAQUERY              */
/******************************************************************/
.popupwindow{
	/*background-color: green;*/
	max-width: 95% !important;
	width: 500px !important;
	height: 400px !important;
}



.rgMasterTable, .rgMasterTable  * {
	background: white !important;
	font-size: 1.0em !important;
}


/***********************************************************************/
/*      END       MEDIUM RESOLUTION, 768PX TO 1023PX                   */
/***********************************************************************/
 }

/***********************************************************************/
/***********************************************************************/
/*           HIGH RESOLUTION, 992PX AND HIGHER                        */
/***********************************************************************/
/***********************************************************************/
@media (min-width: 992px) {

/*body::before{ content: "viewport is 1024px and higher" !important;

 display: block !important;
 text-align: center !important;
 background: rgba(242,34,62, 0.9) !important;
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 99 !important;
 }*/

 #pnl_PageError{



 	text-align: center;
 	margin: 0px auto;
 	padding: 25px;
 	background-color: #ffffff;

 }

 #subscribe #container{
/* HAS MEDIA QUERY */
   /*width: 960px;*/
	width: 80%;
	margin: 0% auto;
	/*text-align:  center;*/
	/*padding-top: 15px;*/
	/*border: 1px solid red;*/
	/*background-color: red*/
	/*overflow: auto;*/
}

#section_top{
	margin-bottom: 1em;
	width: 100%;
	/*overflow: auto;*/
	/*background-color:  purple;*/
}

#logo{
	text-align:  center;
	vertical-align:  top;
	padding: 0% 0% 1% 0%;
	margin: 0% 0% 0% 0%;
	width: 100%;
	/*background-color:  red;*/
	/*width: 450px;*/
	/*border: 1px solid blue;*/
}

#logo img{
	width: auto;
	height: auto;
}

.cs_link{
	display: inline-block;
	padding-top: 20px;
}

/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT01   ****/
#pnl_customcontent01{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT02   ****/
#pnl_customcontent02{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT03   ****/
#pnl_customcontent03{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/****   THIS IS THE DIV SURROUNDING CUSTOMCONTENT04   ****/
#pnl_customcontent04{
	width: 100%;
	margin: 0% 0% 0% 0%;
	/*background-color: #e3e3D1;*/

}
/*************************************************************************/
/****   PLACE CUSTOM CLASSES THAT EXIST IN CUSTOMCONTENT FIELDS HERE   ***/
/*************************************************************************/

/*************************************************************/
/****   END CUSTOM CLASSES IN CUSTOM CONTENT FIELDS   ********/
/*************************************************************/

#panel_contact{
	max-width: 560px;
	
}

/****   THIS SELECTOR CONTROLS STYLING ABOVE THE PAYMENT GRID   ****/
/****   IT CONTAINS THE #cover SELECTOR WHICH CONTAINS THE #img_cover SELECTOR   ****/
#header{

	/*float: left;*/
	width: 100%;
	/*text-align: center;*/
	/*margin-top: 80px;*/
	margin-bottom: 2%;
	/*border: 1px solid red;*/
	/*margin: 10px;*/
	/*background-color: green;*/
}
.modal-header{
	padding: 3px 3px 2px
}
#cover{

float:left;
	/*width:200px;*/
	width: 40%;
	padding-top: 1%;
	padding-right: 1%;
	/*border: 1px solid green;*/
	/*background-color: red;*/
}
#cover img{
	max-width: 100%;
	width: auto; /* for ie 8 */
	/*height: auto;*/
}
#img_cover{}

/*}*/
#grid{
	text-align: right;
	width: 100%;
	vertical-align: top;
	/*padding: 5% 0% 5% 0%;*/
	/*background-color: blue;*/
}



#section_lookup{
	text-align: center;
	padding: 2% 1% 0px 1%;

}

#div_lkp_label	{
	font-size: 1.3em;
	text-align: left;	
}

#div_lkp_lbl_account{
	font-size: 1.3em;
	padding-right: 1%;
	margin-right: 1%;	
}

#div_lkp_txt_account{
	
}

#div_lkp_lbl_city{
	float: left;
	font-size: 1.3em;
	width: 13%;
	text-align: right;
	padding-right: 1%;
	margin-right: 1%;
	/*border: 1px solid red;*/
}

#div_lkp_txt_city{
float: left;
width: 18%;
/*border: 1px solid green;*/
}

#div_lookup_button{
	float: left;
	width: 100%;
	text-align: center;
	margin: 1% 0% 4% 0%;
}


/*****************************/
/***   CONTACT FIELDS   ******/
/*****************************/

.main{
	text-align: left;
	/*background-color: grey;*/
	width: 100%;
	overflow:auto;
	}

/*
	THIS IS COL1 IN THE MAIN PAGE SPLIT
	NOT THE COLUMNS IN THE CONTACT FIELDS
*/
/*#col1{
	width: 49%;
	min-width: 450px;
	float: left;
	padding: 0% 0% 0% 0%;
	background-color: #ffffd9;
	}*/

/******************************************************************/
/******************************************************************/
/*				CONTACTS                                              */
/******************************************************************/
/******************************************************************/

.table_content{
	width: 100%;
	max-width: 560px;
	/*background-color: purple;*/
	}
#col1 .required {

	width: 5px;


	text-align: right;
	min-height: 20px;
	color: rgb(214,15,28);
	}

.contact_row{
	/*background-color: orange;*/
	width: 100%;
}


.leftcolcell{
	width: 24%;
	height: 13px;
	padding-left: 1%;

	/*background-color: white;*/
}

.rightcolcell{
	width: 74%;
	height: 13px;
	padding-left: 1%;

	/*background-color: white;*/
}

.colspancell{
	width: 98%;
	height: 13px;
	padding-left: 2%;

	/*background-color: red;*/
}

.contact_ctl_dropdownlist{
 	width: 94% !important;
}

.contact_ctl_textbox{
	width: 94% !important;
}



/******************************************************************/
/******************************************************************/
/*				DEMOS                                                 */
/******************************************************************/
/******************************************************************/

.demos_row, .panel_demo{
/*THIS CONTROLS THE <TD> THAT HOLDS THE WHOLE DEMO TABLE*/

	max-width: 560px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	padding: 0% 0% 0% 4%;
	background-color: white;
}


.table_demos{


	width: 98%;
	text-align: left;
	/*background-color: #66ccff;*/
}

.table_demos_cell1{
/*  WIDTH AND HEIGHT ARE SET IN TBLCONTACTFIELDS  */



	/*   THE WIDTH IS SET IN CODEBEHIND FUNCTION (processCellStyle)   */
	/*   IT STARTS WITH 100% AND THEN SUBTRACTS LEFT AND RIGHT PADDING   */
	width: 25;
	/*background-color: lime;*/
}

.table_demos_cell1 .required {
	font-size: 16px;

	min-height: 25px;
	color: rgb(214,15,28);
	}

.table_demos_cell2{



/*   THE WIDTH IS SET IN CODEBEHIND FUNCTION (processCellStyle)   */
	/*   IT STARTS WITH 100% AND THEN SUBTRACTS LEFT AND RIGHT PADDING   */
	width: 75%;
}

.table_demos_question_table{
	width: 100%;
	margin-top:15px;
}

.table_demos_section_inner_table{
	width: 100%;
}

.section_texbox{
	width: 90%;
}
.section_dropdownlist{
	width: 90%;
}

.table_demos_section_panel{
	float: left;
/* DO NOT SET THE WIDTH HERE. WIDTH IS SET IN CODE BEHIND */
	/*width: 33%;*/
}






/*
	THIS IS COL2 IN THE MAIN PAGE SPLIT
	NOT THE COLUMNS IN THE CONTACT FIELDS
*/
/*#col2{
	float: left;
	padding: 3% 0% 0% 1%;
	width: 49%;
	background-color: #ffbcc1;
}*/



  /******************************************************************/
 /*****   SPECIAL SELECTOR TO "NOT SELECT"  buttons, radio, checkboxes  ***/
 /*****   SO STYLE WILL ONLY BE APPLIED TO TEXTBOXES   ***/
 /******************************************************************/
 /*#col2 input: not([type=submit]):not([type=radio]):not([type=checkbox]){*/
 #paid_controls input: not([type=submit]):not([type=radio]):not([type=checkbox]){
	font-size: 4em;

	height: 20px;
	width: 100%;
}
/*select{
	font-size: 1.2em;

	height: 23px;
}*/


/*******************************************/
/***   PAYMENT CONTROL SECTIONS   **********/
/*******************************************/

.paid{
	width: 100%;
	max-width: 560px;
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 0;
}

.paid_controls{
	/*float: left;*/
	width: 95%;
	/*background-color: #d2d4ff;*/
}

.payment_leftcolcell{
	float: left;

	/*background-color: Yellow;*/
	padding-left: 0;
	width: 23%;
}
.payment_label {
 /* HAS MEDIA QUERY */
	float: left;
  	text-align: left;
	color: black;

}

.payment_rightcolcell{
	float: left;
	/*background-color: Yellow;*/
	width: 70%;
}
.payment_spacer{
	clear: both;
	 width: 100%;
	 height: 15px;
}
.payment_spanned{


 	min-height: 30px;
	width: 100%;
	margin: 0% 0% 3% 0%;
	text-align: center;
}

.paid_ctl_textbox{
	width: 94% !important;
	display: inline !important;
}

.paid_ctl_dropdownlist{
	width: 94% !important;
	display: inline !important;
}

.paid_ssl{
	/*float: left;*/
	width: 90%;
	/*background-color: green;*/
}

.paid_controls .required {
	font-size: 14px;

	/*min-height: 25px;*/
	color: rgb(214,15,28);
	}


#pnl_submit{
	clear: both;
	max-width: 560px;
	margin: 0px auto;
	text-align: center;
	padding: 20px 0px 0px 0px;
}

#cmdsubmit{
	width: 130px;
}




/*******************************************/
/***   CUSTOM CONTENT SECTIONS   **********/
/*******************************************/
#cc01_text_01{

	/*padding-left: 20px;*/

	font-size: 15px;

}
#cc01_text_02{

	/*border: 1px solid red;*/
	/*padding-left: 20px;*/



}
#cc01_text_03{
	/*padding-left: 20px;*/




}
#cc01_text_04{
	/*padding-left: 20px;*/

	color: black;


}

#cc01_text_05{
	/*padding-left: 20px;*/

	color: black;


}

/******************************************************************/
/*    BEGINNING OF SECURITY CODE POPUP IN MEDIAQUERY              */
/******************************************************************/
.popupwindow{
	/*background-color: orange;*/
	max-width: 95% !important;
	width: 500px !important;
	height: 600px !important;
}



/******************************************************************/
/******************************************************************/
/*    BEGINNING OF SECURITY CODE POPUP                            */
/******************************************************************/
/******************************************************************/

#securitycode{

}
/*.popupwindow{
	background-color: blue;
	max-width: 95% !important;
	width: 500px !important;
	height: 600px !important;
}*/
#securitycode #container{

	width: 100%;
	margin: 0% auto;
	text-align:  center;
	/*background-color: yellow;*/
}
#securitycode #header{
	font-size: 1.5em;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#securitycode #main{

	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#securitycode #graphic{
	margin: 0px auto;
	text-align: center;
}
/******************************************************************/
/******************************************************************/
/*				END SECURITY CODE POPUP                               */
/******************************************************************/

/*****************************************************************/
/*****************************************************************/
/****   BEGINNING OF THANKYOU CSS   ******************************/
/*****************************************************************/
/******************************************************************/

#thankyou{



}

#thankyou #container{
   padding-top: 15px;
	/*width: 960px;*/
	width: 65%;
	margin: auto;
	text-align: center;
	/*border: 1px solid red;*/
	/*background-color: #eee8aa;*/
	overflow: auto;
	}
#thankyou #panel_results{
	width: 75%;
	margin: 0px auto;
}


.table_main{
	background-color: blue;
	width: 100%;
}

.table_demos{
	width: 100%;
	margin-bottom: 10px;



	text-align: justify;
	/*background-color: yellow;*/
}
#thankyou #col1{

	width: 15%;
	padding-left: 10px;
	padding-right: 0px;
	vertical-align: top;
	/*background-color: yellow;*/
	}

#thankyou #col2{
	width: 80%;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	/*background-color: pink;*/
	}

.metallic_header{



	width: 100%;
	background-image: url(../images/header.gif);
	border-top: steelblue 1px solid;
	height: 25px;
	text-align: center;
}

.confirm_graphic{
	float:left;
}
.confirm_msg{
	font-size: 14px;
	width: 75%;
	/*background-color: yellow;*/
}
.headergraphics_row{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;

}

.td_header_image_left{
	text-align:center;
}
.td_header_image_center{
		text-align:center;
}
.td_header_image_right{
		text-align:center;
}

.header_image_center{
	border: none;
}

.td_row_spacer{

}

.label_01{



}

.results-text{
	height: 13px;
	text-align: center;
}



}



/*****************************************************************/
/*****************************************************************/
/****   END OF THANKYOU CSS   ******************************/
/*****************************************************************/
/******************************************************************/



/************************************************************************/
/*       END    HIGH RESOLUTION, 1024PX AND HIGHER                      */
/************************************************************************/
@media (min-width: 1200px) {


}