#sub3 {
position: absolute;
left: 0px;
top: 370px;
background-color: #fff;
width: 100%;
padding: 10px;
color: black;
border: #0000cc 0px dashed;
display: none;
}
.txtbox {
	height: auto;
	border: 1px solid #CCCCCC; /* Red border       #660B0A */
	background-color: #FFFFFF;
	padding-top: 10px;         /* BOX top text padding     */ 
	padding-bottom: 10px;      /* BOX bottom text padding  */ 
	padding-left: 14px;        /* BOX left text padding    */ 
	padding-right: 10px;       /* BOX right text padding         */ 
	margin-top: 8px;           /* BOX right top margin     */
	margin-bottom: 10px; 	   /* BOX bottom margin        */
	margin-left: 6px; 	       /* BOX left margin          */
	margin-right: 8px; 	       /* BOX right margin         */
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}
.txttab {
	height: auto;
	border: 1px solid #CCCCCC; /* Red border       #660B0A */
	background-color: #f5f5f5;
	padding-top: 10px;         /* BOX top text padding     */ 
	padding-bottom: 10px;      /* BOX bottom text padding  */ 
	padding-left: 10%;        /* BOX left text padding    */ 
	padding-right: 10%;       /* BOX right text padding         */ 
	margin-top: 8px;           /* BOX right top margin     */
	margin-bottom: 10px; 	   /* BOX bottom margin        */
	margin-left: 6px; 	       /* BOX left margin          */
	margin-right: 8px; 	       /* BOX right margin         */
}
.txttab2 {
	height: auto;
	border: 1px solid #CCCCCC; /* Red border       #660B0A */
	background-color: #f5f5f5;
	padding-top: 10px;         /* BOX top text padding     */ 
	padding-bottom: 10px;      /* BOX bottom text padding  */ 
	padding-left: 5%;        /* BOX left text padding    */ 
	padding-right: 5%;       /* BOX right text padding         */ 
	margin-top: 8px;           /* BOX right top margin     */
	margin-bottom: 10px; 	   /* BOX bottom margin        */
	margin-left: 6px; 	       /* BOX left margin          */
	margin-right: 8px; 	       /* BOX right margin         */
}
.width300{
	width:300px;
}
.height10{
	height:10px;
	margin:auto;
}
.height25{
	height:25px;
	margin:auto;
}
.height30{
	height:30px;
	margin:auto;
}
.height35{
	height:32px;
	margin:auto;
}
.height40{
	height:40px;
	margin:auto;
}
.height50{
	height:50px;
	margin:auto;
}
.height80{
	height:70px;
	margin:auto; 
}
.height100{
	height:100px;
	margin:auto;
}
.height120{
	height:120px;
	margin:auto;
}
.height200{
	height:200px;
	margin:auto;
}
.height300{
	height:300px;
	margin:auto;
}
.height400{
	height:400px;
	margin:auto;
}
.height500{
	height:500px;
	margin:auto;
}
.linkcursor{
	cursor:pointer;
	}
/* **************** BACKGROUND COLOR ***************** */
.backwhite{
	background-color: #FFFFFF;
}
.backlightgray{
	background-color: #F5F5F5;
}
.backdarkgray{
	background-color: #333333;
}
.txtS2{
	letter-spacing:2px;
}
.txtS1{
	letter-spacing:1px;
}
.lineheight_120{
	line-height: 120px;
}
.lineheight_150{
	line-height: 150px;
}
.lineheight_100{
	line-height: 100px;
}
.lineheight_80{
	line-height: 60px;
}
.lineheight_50{
	line-height: 50px;
}
.lineheight_40{
	line-height: 40px;
}
/* **************** BLANK LINE ***************** */
.cleaner_h5 { clear: both; width:100%; height: 5px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.cleaner_h80 { clear: both; width:100%; height: 80px; }
.cleaner_h100 { clear: both; width:100%; height: 100px; }

.lineheight_24{
	line-height: 24px;
}
.lineheight_20{
	line-height: 20px;
}
.handcursor{
	cursor:hand;
	cursor:pointer;
}
/* **************** FONT SIZE ***************** */
.font7{
	font-size: 7pt;
}
.font8{
	font-size: 8pt;
}
.font9{
	font-size: 9pt;
}
.font10{
	font-size: 10pt;
}
.font11{
	font-size: 11px;
}
.font12{
	font-size:12px;
}
.font13{
	font-size:13px;
}
.font14{
	font-size:14px;
}
.font15{
	font-size:15px;
}
.font16{
	font-size:16px;
}
.font17{
	font-size:17px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font22{
	font-size:22px;
}
.font24{
	font-size:24px;
}
.font26{
	font-size:26px;
}
.font36{
	font-size:36px;
}
.font40{
	font-size:54px;
}
.font42{
	font-size:60px;
}
.font50{
	font-size:34px; text-shadow: 1px 2px #666; letter-spacing:1px;
}

/* ***************** TEXT ALIGN ******************* */
.rFloat{
	float:right
}
.txtcenter{
	text-align:center;
}
.txtleft{
	text-align:left;
}
.txtright{
	text-align:right;
}
.txtbold{
	font-weight:bold;
}

.txtuppercase{
	text-transform: uppercase; 
}
.txtnormal{
	text-transform: lowercase; 
}
.txtstyle-1{
	font-family: verdana;
}
.txtstyle-2{
	font-family: Tahoma;
}
.txtstyle-signature{
	font-family: segoe print;
}
.tabledotted{
	border: 1px dotted #aaa;
}
/* **************** TEXT COLOR ***************** */
.txtwhite{
	color: #FFFFFF;
}
.txtwhite1{
	color: #F5F5F5;
}
.txtgray{
	color: #999999;
}
.txtmidgray{
	color: #666666;
}
.txtdarkgray{
	color: #029F5B;
}
.txtgreen{
	color: #009900;
}
.txtyellow{
	color: yellow;
}
.txtred{
	color:#FF0000;
}
.txtred2{
	color:#FF65C0;
}
.txtblue2{
	color:#1A48A3;
}
.txtblue{
	color: #0A598E;
}

.txtblack{
	color: #000000;
}
.txtsitecolor{
	color:  #0198e6; font-size:22px;
}
.txtorange{
	color: #FF7F2A;
}
.txtpink{
	color: pink;
}
.blink
{
	text-decoration:blink;
}

/* ***************** PADDING ******************* */
.pL3{
	padding-left:3px;
}
.pL5{
	padding-left:5px;
}
.pL10{
	padding-left:10px;
}
.pL20{
	padding-left:20px;
}
.pL30{
	padding-left:30px;
}
.pL40{
	padding-left:40px;
}
.pL50{
	padding-left:50px;
}
.pL60{
	padding-left:74px;
}
.pL70{
	padding-left:70px;
}
.pL100{
	padding-left:100px;
}
.pL150{
	padding-left:150px;
}
.pL180{
	padding-left:180px;
}
.pL200{
	padding-left:200px;
}
.pR5{
	padding-right:5px;
}
.pR10{
	padding-right:10px;
}
.pR15{
	padding-right:15px;
}
.pR20{
	padding-right:20px;
}
.pR30{
	padding-right:30px;
}
.pR50{
	padding-right:50px;
}
.pR60{
	padding-right:60px;
}
.pR100{
	padding-right:100px;
}
.pR150{
	padding-right:150px;
}
.pT5{
	padding-top:5px;
}
.pT10{
	padding-top:10px;
}
.pT15{
	padding-top:18px;
}
.pT20{
	padding-top:21px;
}
.pT25{
	padding-top:25px;
}
.pT30{
	padding-top:30px;
}
.pT40{
	padding-top:40px;
}
.pT50{
	padding-top:50px;
}
.pT100{
	padding-top:110px;
}
.pB10{
	padding-bottom:10px;
}
.pB5{
	padding-bottom:5px;
}
.pB20{
	padding-bottom:20px;
}
.pB30{
	padding-bottom:30px;
}
.pB50{
	padding-bottom:50px;
}
.pB40{
	padding-bottom:40px;
}
.pB100{
	padding-bottom:100px;
}
.pTRBL20{
	padding:20px;
}
.pTRBL10{
	padding:10px;
}
.pTRBL5{
	padding:5px;
}
.pTRBL2{
	padding:2px;
}
/* ***************** MARGINS ******************* */
.mR10{
	margin-right:10px;
}
.mR20{
	margin-right:20px;
}
.mR30{
	margin-right:30px;
}
.mL10{
	margin-left:10px;
}
.mL20{
	margin-left:20px;
}
.mL30{
	margin-left:30px;
}
.mL40{
	margin-left:40px;
}
.mT10{
	margin-top:10px;
}
.mB10{
	margin-bottom:10px;
}
.mTRBL10{
	margin:10px;
}
/* ***************** FIELD SIZE ******************* */
.Fieldsize_700{
	width: 650px;
}
.Fieldsize_600{
	width: 578px;
}
.Fieldsize_500{
	width: 500px;
}
.Fieldsize_400{
	width: 400px;
}
.Fieldsize_300{
	width: 30%;
}
.Fieldsize_250{
	width: 250px;
}
.Fieldsize_200{
	width: 200px;
}
.Fieldsize_150{
	width: 150px;
}
.Fieldsize_120{
	width: 142px;
}
.Fieldsize_122{
	width: 128px;
}
.Fieldsize_100{
	width: 100px;
}
.Fieldsize_90{
	width: 90px;
}
.Fieldsize_80{
	width: 80px;
}
.Fieldsize_70{
	width: 70px;
}
.Fieldsize_60{
	width: 60px;
}
.Fieldsize_50{
	width: 50px;
}
.Fieldsize_55{
	width: 55px;
}
.Fieldsize_45{
	width: 45px;
}
.Fieldsize_40{
	width: 40px;
}
.Fieldsize_30{
	width: 30px;
}
/* ***************** FIELD STYLE ******************* */
textarea{
font-size: 12px;
}
.Field 
{
	COLOR: #666666; 
	border:1px solid #8ce0d1;
	background-color:#FFF;
	padding:5px;
}
.Field:hover,.Field:focus 
{
	COLOR: #000000; 	
	border:1px solid #56d6c9;
	background-color: #f5f5f5;
}


.Field-select{
	COLOR: #666666; 
	padding:5px;
	border:1px solid #8ce0d1;
	width:265px;
}
.Field-select:hover,.Field-select:focus{
	COLOR: #000000; 	
	border:1px solid #56d6c9;
	background-color: #f5f5f5;
}
.Field-select-question{
	COLOR: #666666; 
	padding:1px;
	border:1px solid #8ce0d1;
}
.field-heading{
	COLOR: gray;
	font-weight: bold;
	TEXT-DECORATION: none
}
.trEven{
	background-color: #FFFFFF;
	height: 16px;
}
.trOdd{
	background-color: #F6F6F6;
	height: 16px;
}
.trtd{
	border-bottom:1px dotted #aaa;
	background-color: #FFFFFF;
}
.trtd a {
	text-decoration: none;
	padding: 0px 0px 5px 5px;
	width:100%;
	font-weight:normal;
	color: #000000;
	text-decoration: none;
	display:block;
}
.trtd a:hover {
	text-decoration:none;
	text-shadow:#333333;
	font-weight:normal;
	color: #0000FF;
}		
.trtd a:active {
	text-decoration:none;
	text-shadow:#333333;
	font-weight:bold;
	color: #000000;
}		

/* ***************** SLIDE BUTTON STYLE ******************* */
img { margin: 0; padding: 0}
.img{
	float:center;
	 background: #CDE1F0; padding: 4px; border: 1px solid #CDE1F0;

}
.img a:hover {
	float:center;
	background: #CDE1F0; padding: 0px; border: 1px solid #CDE1F0;
}

.search-img {
    background: url('../images/search-2.png') no-repeat top;
	width:28px;
	height: 28px;
	border: solid 0px #000;
}

/* **************** BUTTON STYLE ***************** */
.button {
	width: auto;
 	padding: 6px 15px;
 	background: #0f5895;
 	font-size: 14px;
 	color: #FFFFFF;
 	cursor:pointer;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
 	border: 1px solid #0d4880;
}
.button:hover {
		background: #0d4880;
		border: 1px solid #0d4880;
}
.button-purple {
	width: auto;
 	padding: 9px 15px;
 	background: #0091c9;
 	font-size: 14px;
 	color: #FFF;
 	cursor:pointer;
		border-top-right-radius: 12px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 12px;
 	border: 1px solid #0091c9;
}
.button-purple:hover {
		background: #007aa5;
		border: 1px solid #007aa5;
}
.button-transparent {
	width: auto;
 	background: #FFF;
 	font-size: 14px;
 	color: #00af99;
 	cursor:pointer;
 	border: 0px solid #00af99;
}
.button-blue {
	width: auto;
 	padding: 12px 17px 12px 17px;
 	background: #428BCA;
 	font-size: 14px;
 	color: #FFF;
 	cursor:pointer;
 	border: solid 0px #000;
	font-weight:normal;
}
.button-blue:hover {
		color: #FFF;
		padding: 7px 12px 7px 12px;
		background: #1B6AAA;
		border: 5px solid #428BCA;
}
.buttonfixed {
	width: 110px;
	float: center;
 	padding: 8px 8px;
 	background: blue;
    background: url('../images/Layer7copy.png') repeat top;
 	font-size: 13px;
 	color: #FFFFFF;
 	cursor:pointer;
	font-weight: bold;
 	border: solid 0px #000;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
}
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 260px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
.nolink:link{ color: #000000; text-decoration: none; }.nolink:hover{ color: #000000; text-decoration: none; }.nolink:active{ color: #000000; text-decoration: none; }.nolink:visited{ color: #000000; text-decoration: none; }

.numberCircle {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 40px;
	height: 25px;
	padding-left: 1px;
	border: 1px solid #666;
	color: #000000;
	text-align: center;
	font-size: 10px;
}