.hideLedgend
{
	display:none;
}
/* Login Screen Classes */
.loginbody {
	background-image: url(../Images/skin1/fringe.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.listCell 
{
	overflow:hidden;
	padding-left:6px;
    white-space:nowrap;
	font-size:16px;
	height:30px;
}
/*client side field error*/
.inpErrCs {
    border: solid 2px #B63038!important;
}

/* Resize Logo when logged in */

img.resize {
  max-width:95%;
  max-height:95%;
}

#flipbox {
    width: 90%;
    margin: 10px auto 10px auto;
}

.loginprompt
{
	font-family:"Helvetica Neue",Helvetica,Verdana;
	font-size:14px;
	color:#BF0404;
	font-weight:bold;
	padding-right:20px;	
}
.loginpromptr 
{
	text-align:right; 
}
.loginapronheading {font-family:verdana;font-size:11px;font-weight:bold;color:white;}
.loginaproncontent {font-family:verdana;font-size:11px;color:white;}
.loginaproncontent a {color:white;}

.pad4 {padding:4px;}
.pad8 {padding:8px;}
.pad16 {padding:16px;}

.clsPT {font-weight:bold;font-size:16px;font-family:"Helvetica Neue",Helvetica,"Verdana";text-align:left;}
.clsPT a:hover {color:white;}
.clsPT a {color:white;}
.clsPT a:visited {color:white;}
.emojiPmt {
    cursor: pointer;
    cursor: hand;
}
.enableButton {
    border: 1px solid #ffffff;
    background-color: #555555; /* Old #7C9EB2 */
    padding: 0px 7px 0px 7px;
    color: #ffffff !important;
    margin: 3px;
    cursor: pointer;
    cursor: hand;
    float: right;
}

.faqButton {
	border: 1px solid #343A40;
	background-color: #343A40; /* Old #7C9EB2 */
	padding: 0px 7px 0px 7px;
	color: #ffffff !important;
	margin: 3px;
	cursor: pointer;
	cursor: hand;
	float: right;
	text-align:right;
	display:inline;
	font-size:16px;
}

.loginpromptc {
    text-align: center;
    padding-top: 11px;
}

.loginlink 
{
	font-family:"Helvetica Neue",Helvetica,"Arial Black";
	font-size:12px;
	color:#F2930A;
	font-weight:bold;
}
.loginfooter { font-family:"Helvetica Neue",Helvetica,"Verdana"; color:#555555; font-size: 12px;padding:10px;}
.loginfooter a {color:#527dde;}
.loginfield {font-size:14px;border:1px solid black; background-color:white;font-weight:bold;}


.loginjumbotext {color:#333333;font-size:18px;font-weight:bold;font-family:'helvetica neue',helvetica,verdana;}
.loginjumbobyline {color:#333333;font-size:18px;font-weight:bold;font-family:'helvetica neue',helvetica,verdana;}
.loginjumbofield input {font-size:20px;padding-left:8px;padding-bottom:2px;font-family:'helvetica neue',helvetica,verdana;}

/* .loginjumbofield textarea {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding-left:8px;} */

.ui-dialog-titlebar {font-size:18px;}


.loginjumbobutton {
   border-top: 1px solid #666666;
   background: #7d182e;
   background: -webkit-gradient(linear, left top, left bottom, from(#bd0000), to(#7d182e));
   background: -moz-linear-gradient(top, #bd0000, #7d182e);
   padding: 12.5px 25px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
  /* text-shadow: rgba(0,0,0,.4) 0 1px 0; */
   font-size: 23px;
   font-family: "Helvetica Neue",Helvetica,Verdana, Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   font-weight:bold;
   background-color: #bd0000;
   color: white;
   }
.loginjumbobutton:hover {
   border-top-color: #20282e;
   background: #20282e;
   color: #ccc;
   }
.loginjumbobutton:active {
   border-top-color: #e61224;
   background: #e61224;
   }

/* Front Page Block */

.loginblock
{
background-color:#ffffff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #444444;
border-right-color: #444444;
border-bottom-color: #444444;
border-left-color: #444444;
float: center;
color: #333333;
text-align:left;
}

	.loginblock h2 {
		font-size: 22px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 21px;
		margin-left: 0px;
		font-family: "Helvetica Neue",Helvetica,Geneva,Arial,Helvetica,sans-serif;
		color: #ffffff;
		font-weight: normal;
		text-align: left;
		background-color: #343A40;
	}


input[type="text"] {
	border: 1px solid #777777;
	border-radius: 0px;
	font-size: 16px;
	
}

input[type="text"]:hover {
    outline: none;
    border-color: #F59731;
    box-shadow: 0 0 10px #F59731;
}
input[type="text"]:focus {
    outline: none;
    border-color: #F59731;
    box-shadow: 0 0 10px #F59731;
}

select {
    border: 1px solid #777777;
    border-radius: 0px;
	font-size:15px;
	padding:5px 2px 5px 2px;
}

/* Tool Tip Used in Bootstrap Whats This Hover Links */
.clsWhatsThis {
    color:dodgerblue!important;
    font-weight:bold;
    text-decoration:underline;
}

.tooltip-inner{background-color:#566B8A!important;}
.tooltip.top .tooltip-arrow {border-top-color: #566B8A;}
.tooltip.right .tooltip-arrow {border-right-color: #566B8A;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #566B8A;}
.tooltip.left .tooltip-arrow {border-left-color: #566B8A;}


/* Boot Strap Buttons */

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted #fff;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #fff;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
/* Override button primary bs*/
.btn-primary-spro {
	color: #fff;
	background-color: #343A40;
	border-color: #343A40;
	text-shadow: none !important;
}

	.btn-primary-spro:focus,
	.btn-primary-spro.focus {
		color: #fff;
		background-color: #F59731;
		border-color: #F59731;
		text-shadow: none !important;
	}

	.btn-primary-spro:hover {
		color: #fff;
		background-color: #F59731;
		border-color: #F59731;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		text-shadow: none !important;
	}

	.btn-primary-spro:active,
	.btn-primary-spro.active,
	.open > .dropdown-toggle.btn-primary-spro {
		color: #fff;
		background-color: #F59731;
		border-color: #F59731;
		text-shadow: none !important;
	}

		.btn-primary-spro:active:hover,
		.btn-primary-spro.active:hover,
		.open > .dropdown-toggle.btn-primary-spro:hover,
		.btn-primary-spro:active:focus,
		.btn-primary-spro.active:focus,
		.open > .dropdown-toggle.btn-primary-spro:focus,
		.btn-primary-spro:active.focus,
		.btn-primary-spro.active.focus,
		.open > .dropdown-toggle.btn-primary-spro.focus {
			color: #fff;
			background-color: #F59731;
			border-color: #F59731;
			text-shadow: none !important;
		}

	.btn-primary-spro:active,
	.btn-primary-spro.active,
	.open > .dropdown-toggle.btn-primary-spro {
		background-image: none;
	}

	.btn-primary-spro.disabled:hover,
	.btn-primary-spro[disabled]:hover,
	fieldset[disabled] .btn-primary-spro:hover,
	.btn-primary-spro.disabled:focus,
	.btn-primary-spro[disabled]:focus,
	fieldset[disabled] .btn-primary-spro:focus,
	.btn-primary-spro.disabled.focus,
	.btn-primary-spro[disabled].focus,
	fieldset[disabled] .btn-primary-spro.focus {
		background-color: #F59731;
		border-color: #F59731;
	}

	.btn-primary .badge {
		color: #337ab7;
		background-color: #fff;
	}
/* end button promary override*/
	.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 1px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}





.clsFieldSet {
            margin:5px; 
            border: 1px solid #ffffff;
            background: white;
  /* 			-webkit-border-radius: 14px;
		    -moz-border-radius: 14px;
		    border-radius: 14px;
		    -webkit-box-shadow: rgba(0,0,0,1) 2px 2px 2px;
		    -moz-box-shadow: rgba(0,0,0,1) 2px 2px 2px;
            box-shadow: rgba(0,0,0,1) 2px 2px 2px; */
        }

.clsLegend {
	color: #444444;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(119,119,119,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(119,119,119,1);
	box-shadow: 0px 0px 8px 1px rgba(119,119,119,1);
	font-size:15px;
	margin-left:auto;margin-right:auto;
    margin-top:20px;margin-bottom:20px;
    padding:8px;
}
.clsLegend .legendheading {
	font-size:18px;font-weight:bold;padding:8px;
}
.clsLegend .legendcontent {
	font-size:15px;padding:8px;line-height:2;
}
.clsLegend .material-icons {font-size:20px!important;}

.clsTitleIco {width: 30px;}

/* Elements  --- These are standard HTML elements used on every page.  */
body {	font-family : "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; 	font-size : 15px;	margin-left : 0px;	margin-top : 0px;	margin-right : 0px;}

IMG{border:0px;}
.clsTextBold { font-weight:bold; }

a.clsSmallLink {color : blue;	text-decoration: none;	font-size: 9px; }
a.button, a.button:hover {color: White;}

.clsInstructions {font-family:"Helvetica Neue",Helvetica,verdana;font-size:15px;color:#333333;padding:20px!important;margin:20px!important;}
.clsInstructions li {margin-top:0.4em;}
.clsInstructions td {padding:2px;}

.sqlitem {padding-left:5px;}

/* Menu Classes  --- These classes are used by the drop-down menus  */


.StaticMenuItemStyle 
{
	margin:0px 6px 0px 6px;
	padding: 3px 0px 3px 0px;
	font-family:"Helvetica Neue",Helvetica,verdana;font-size:13px;color:#ffffff;font-weight:bold; 
}
.DynamicMenuStyle {background-color: #566b8a;border:1px solid grey;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
    z-index: 5;
}
.DynamicSelectedStyle {background-color: #56ACEE;}
.DynamicMenuItemStyle 
{
	background-color: #56ACEE;
	padding: 4px 4px 4px 4px;
	font-family:"Helvetica Neue",Helvetica,verdana;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
}
.DynamicHoverStyle {background-color: #56ACEE; color:#000000;}
.spmenubar {height :20px;background-color: #56ACEE;}

/* Calendar Classes */
.TitleStyle { background-color:#000080; color:#ffffff;}
.NextPrevStyle { background-color:#000080 color:#ffffff;}
.OtherMonthDayStyle { color: #c0c0c0;}
.TodayDayStyle { border:1px solid red;}


.clsIBox
{
	background-color:#F6F9FF;
	font-size:125%;
	font-weight:bold;
	border:1px solid #a3bfb1;color:#000000;
	padding:0.2em 0.4em;
}

A.redtext
{
	color:Red;
}
A.redtext:Hover
{
	color:darkgray;
}
A.redtext:Visited
{
	color:Red;
} 
 

/* Poll Classes */

.clsPollOn { background-color:#4455AA; height:16px; width:5px;margin-left:1px;margin-right:1px; }
.clsPollOff {background-color:LightGrey; height:16px; width:5px;margin-left:1px;margin-right:1px; }
.clsPollTable {	border-width:0px; width:60px; }
.clsPollText { font-family:"Helvetica Neue",Helvetica,Arial,Verdana; font-size: 10; }
.clsPollTextBold { font-family:"Helvetica Neue",Helvetica,Arial,Verdana;font-size:10;font-weight:bold; }

/* Progress Bar Classes */

.clsProgOn { background-color:#4455AA; height:16px; width:5px; }
.clsProgOff {background-color:LightGrey; height:16px; width:5px; }
.clsProgTable {	border-width:0px; width:60px; border-collapse:collapse; }
.clsProgText { font-family:"Helvetica Neue",Helvetica,Arial,Verdana; font-size: 10; }
.clsProgTextBold { font-family:"Helvetica Neue",Helvetica,Arial,Verdana;font-size:10;font-weight:bold; }

/* Border Classes  --- Used by Tables */

.clsBorderAll {	border: 1px solid black; }
.clsBorderInnerTable {	font-size : 9px; padding-left: 4px;	color: #666666;	border : 1px white; }
.clsBorderCollaborationL2 {	background-color:#FFFFFF; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;  }
.clsTablePagingInfoBarButtons { background : url(../Images/curve.gif) no-repeat;  }
.clsTablePagingInfoBarNoButtons { vertical-align: middle;color:#0d4366;font-weight:bold;font-size:14px;}  /* UD */
.clsTablePagingInfoBarButtonsSm { background : url(../Images/curvesm.gif) no-repeat;  }

/* Table Classes --- Classes used in all tables */

.clsTableHeader {
	font-weight : normal;
	text-align: left;
	font-size : 24px;
	color : #ffffff;
	padding:5px 2px 5px 5px;
	background-color:#343A40;
}

.clsTableHeaderRev {
	font-weight : normal;
	text-align: left;
	font-size : 24px;
	color : #555555;
	padding:5px 2px 5px 5px;
	background-color:#ffffff;
}

.clsTableHeader .subtitle {font-size:16px;font-weight:normal;display:block;}

.clsTableHeaderSmaller {
	font-weight : normal;
	text-align: left;
	font-size : 18px;
	color : #ffffff;
	padding:5px 2px 5px 5px;
	background-color:#555555;
}

/* .clsTableHeader .material-icons {color:white!important;} */
.clsTableHeaderLeft .material-icons {color:white!important;}

.clsTableHeaderCurveTop {
	font-weight : bold;
	text-align: left;
	font-size : 16px;
	color : #0d4366;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
/*	background-image : url(../Images/skin1/tableheaderbg.gif); */
	background-image : url(../Images/menubg.jpg); 
	padding:3px 2px 3px 5px;
 -webkit-border-top-left-radius:8px;
 -moz-border-radius-topleft:8px;
 border-top-left-radius:8px;	
 -webkit-border-top-right-radius:8px;
 -moz-border-radius-topright:8px;
 border-top-right-radius:8px;
}

.clsTitleTxt
{
	font-weight : normal;
	font-size : 22px;
	color : #ffffff;
	padding-left:15px;
}
.clsTableHeaderLeft /* Used for split header */ {
	font-weight: normal;
	text-align: left;
	font-size: 24px;
	color: #ffffff;
	padding: 5px 2px 5px 5px;
	background-color: #343A40;
}
.clsTableHeaderRight /* Used for split header */ {
	font-weight: normal;
	text-align: right;
	font-size: 24px;
	color: #ffffff;
	padding: 5px 2px 5px 5px;
	background-color: #343A40;
}
.clsTableHeaderMid /* Blank at both sides */
{
	font-weight : normal;
	text-align: left;
	font-size : 24px;
	color : #ffffff;
	padding:5px 2px 5px 5px;
	background-color:#555555;

}
.clsTableHeaderTip 
{
	font-weight : normal;
	text-align: left;
	font-size : 16px;
	color : #ffffff;
	padding:5px 2px 5px 5px;
	background-color:#555555;
}
.clsTableCETip 
{
   	font-weight : bold;
	font-size : 14px;
	color : #0d4366;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/menubg.jpg);
	padding:2px 2px 2px 5px;
}



.clsTableBox{
	font-size : 10px;
	color : black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding:2px 2px 2px 2px;
	background-color : #ffffff;
}
.clsTableBoxL{
	font-size : 10px;
	color : black;
	border-left: 1px solid black;
	padding:2px 2px 2px 2px;
	background-color : #ffffff;
}
.clsTableBoxR{
	font-size : 10px;
	color : black;
	border-right: 1px solid black;
	padding:2px 2px 2px 2px;
	background-color : #ffffff;
}

.clsTableFooter {
	color : #0d4366;
	font-size : 1px;
	background-image : url(../Images/skin1/tablefooterbg2015.gif);
	height: 6px;
}

.clsPadBottom {margin-bottom:15px;}

.clsDBTable 
{
	border:1px solid #888888;
	word-wrap:break-word;
}
.clsDBTableDataOdd {
	padding-left: 4px;
	font-size: 10px;
	height : 20px;
	font-size:14px;
	font-family:'helvetica neue',helvetica;	
}
.clsDBTableDataEven {
	padding-left: 8px;
	font-size: 10px;
	font-weight:bold;
	font-size:14px;
	font-family:'helvetica neue',helvetica;
	height : 25px;
} 
.clsDBTableBG
{
	background-image:url(../images/result.gif);
	background-repeat: no-repeat;
	border:1px solid #777777;
}

.mesh
{
background-image: url(../images/mesh.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: center;
background-y-position: top;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
color: #737475;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;
text-align:center;
min-width:350px;
}

.clsTableDataOdd {
	background-color : #FFFFFF;
	border: 1px solid white;
	font-size: 18px;
	font-family:"Helvetica Neue",Helvetica,verdana;
	height : 20px;
	text-align:left;
	padding: 5px 4px 5px 4px;
}
.clsTableDataEven {
	background-color :#DDDDDD;
	padding: 8px 0px 8px 12px;
	border: 1px solid white;
	font-size: 18px;
	font-family:"Helvetica Neue",Helvetica,verdana;
	font-weight:normal;
	height : 20px;
	background-image : url(../Images/skin1/notreq.gif);
	text-align:left;
} 
.clsTableDataEvenNP {
	background-color :#DDDDDD;
	padding-left: 8px;
	border: 1px solid white;
	font-size: 15px;
	font-family:"Helvetica Neue",Helvetica,verdana;
	height : 20px;
	text-align:left;
} 
.infospan {font-weight:normal;font-size:14px;margin-top:25px;}

.infospan2 {font-size:13px;display:block;padding:5px 10px 0px 5px;font-weight:normal;}

.clsTableDataRequired {
	background-color :  #DDDDDD;
	padding: 8px 0px 8px 12px;
	border: 1px solid white;
	font-size: 18px;
	font-family:"Helvetica Neue",Helvetica,verdana;
	font-weight: normal;
	background-image : url(../Images/skin1/req2015.gif);
	background-repeat : repeat-y;
	height:20px;
	/*white-space:nowrap; removed by rpc */ 
	text-align:left;
}
TD.clsTableSortButton{
	padding: 0px 0px 0px 0px; 
	cursor: pointer;
	cursor: hand;
}
TD.clsNewSort{
	cursor: pointer;
	cursor: hand;
}
.clsNewSort A, .clsNewSort A:visited {
	width:160px;
	Display:Block;
	height: 25px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	background-color:white;
	vertical-align : middle;
	padding: 5px 5px 2px 4px;
	border-top: 1px solid #dddddd;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background-image:url(../images/sortbg.jpg);
	background-repeat:repeat-x;	
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #0d4366;
	overflow:hidden;
}
.clsNewSort A:Hover{
    background-color:black;
    color:black;
	text-decoration:underline;	
}

TD.clsTableNoSortButton{
	border-bottom: 1px solid #a0a0a0; 
	border-left: 1px solid #a0a0a0;
	/* background-color: #e6e6e4; */
	border-top: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	background-color: #dddddd;
	font-size: 17px;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
	color: #0d4366;
	height:30px;
	text-decoration: none;
	padding: 3px 5px 2px 4px!important;
	cursor: default;
	white-space:nowrap;
	text-align:left;
	overflow:hidden;
}

TR.clsdataodd TD
{
	padding-left:3px;
	
	
}

TR.clsdataeven TD
{
	padding-left:3px;
	
}

DIV.hidescroll{
	scrollbar-face-color:#b0b0b0;
	scrollbar-highlight-color:#b0b0b0;
	scrollbar-shadow-color:#b0b0b0;
	scrollbar-arrow-color:#b0b0b0;
	scrollbar-3dlight-color:#b0b0b0;
	scrollbar-base-color:#b0b0b0;
	scrollbar-track-color:#b0b0b0;
	scrollbar-darkshadow-color:#b0b0b0;
}


TD.Sort{
	padding: 0px 0px 0px 0px;
}
.clsTableSortButton A, .clsTableSortButton A:visited {
	width:100%;
	Display:Block;
	height: 35px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	background-color:#f1f1f1;
	vertical-align : middle;
	padding: 6px 5px 2px 4px;
	border-top: 1px solid #dddddd;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background-repeat:repeat-x;	
	font-family: "Helvetica Neue",Helvetica,Arial,Helvetica,sans-serif;
	font-size:17px;
	color: #0d4366;
	overflow:hidden;

}
.clsTableSortButton A:Hover{
    background-color:#dddddd;
    color:black;
	text-decoration:none;	
}
td.clsTableNoSortButton .material-icons {
    font-size:21px!important;
}
.clsData {border-collapse:separate!important;
          width:100%;
          border-spacing:0px;
          border:0px;
          table-layout:fixed;
		  margin: -4px 0px 0px 0px;
}
.clsData td {padding:0px;}

.clsMenu{
	font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; 	font-size : 10px;
	font-size: 12px;
	padding-left: 30px;
}
.clsMenuHeader {
		font-family : "Helvetica Neue",Helvetica,Arial, sans-serif; 	
		font-size : 10px;
		font-size: 16px;
		font-weight: bold;
		color:#0d4366;
		text-decoration:none;
}
.clsMenuHeader:hover {text-decoration:underline;}


.listCellItem {
    font-family: "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}

.listCellContent {
    font-family: "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
}

.optionText
{
color: #0085cf;
font-size: 16px;
text-decoration: none;
}

.listCellAction a
{
font-size: 12px;
text-decoration: underline;
color: #0085cf;
}

.optionText:hover
{
color: #0085cf;
font-size: 16px;
cursor: pointer;
text-decoration: underline;
}
.listCellAction a:hover
{
font-size: 12px;
text-decoration: none;
color: #0085cf;
}

.MMDescription
{
	margin:10px;
	font-family:"Helvetica Neue",Helvetica,Verdana;
	font-size:13px;
	color:#666666;
	text-align:left;
}
.MMDescription a 
{ font-weight:bold;color:#0d4366;font-size:13px;text-decoration:none;}
.MMDescription a:hover  
{text-decoration:underline;}




.clsMenuHeaderC {
		font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; 	
		font-size : 10px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
}

.clsTableDiv { border: 2px solid black; }
.clsTotals { border-top: 1px solid black; border-bottom: 1px solid black; }
.clsTotalsHeader {	font-weight: bold;  }
.clsPrompt {
	font-size:12px;
	font-weight:bold;
	border: 1px solid black;
	padding: 5px;
	cursor: pointer;
	cursor: hand;
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #555555;
	text-decoration:none;	
	color:white!important;
}
.clsPrompt:hover{
	background-color: #F59731;
	color: white;
}
/* Filter Classes - Classes used by the Filter Panel */

.clsFilterPanelTop{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color : #566b8a;
	font-size:18px;
	padding:9px;
}
.clsFilterPanelBottom{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	background-color : #AAAAAA;
	padding:5px;
}



.clsFilterPanelBottomSmall{
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	background-color : #AAAAAA;
	height: 15px;
	
}
.clsFilterTableHeader{
	font-weight : bold;
	font-size : 12px;
	color : white;
/*	background-image : url(../Images/filterheaderbg.jpg); */
	padding:0px 0px 0px 3px;	 
	height : 20px;
}
.clsFilterCheckBox{
	font-weight : bold;
	font-size : 10px;
	color : white;
	/* background-image : url(../Images/filterheaderbg.jpg);*/
	padding:0px 0px 0px 3px;	 
	height : 20px;
}
.clsFilterButton{
	border-top: buttonhighlight 0px solid;
	border-left: buttonhighlight 0px solid;
	border-bottom: buttonshadow 0px solid;
	border-right: buttonshadow 0px solid;
	background: #555555;
	font-size: 17px;
	font-weight:normal;
	color: white;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	cursor: pointer;
	cursor: hand;
	width: 100px;	
	padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;
	margin-left:5px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.clsFilterButton:hover{
	background-color : #F59731;
	color: white;
}
.clsSmallFilterButton{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
	font-size: 9px;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	cursor: pointer;
	cursor: hand;
	width: 50px;	
	height: 19px;	
	vertical-align: middle;
}
.clsSmallFilterButton:hover{
	background-color : blue;
	color: white;
}



/* News Classes ---	Classes used on the news page */

.clsTableNewsHeader { font-weight: bold; font-size: 12px; padding-left: 4px; color:black; }
.clsTableNewsDate {	font-size : 9px; font-weight: bold;	padding-left: 4px; }
.clsTableNewsItem {	font-size: 12px; padding-left: 4px;	line-height : 16px;	text-align : justify; }


/*	Form Classes --- Classes used on Forms */

.clsFormButton { font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;	font-size : 10px; }
.clsFormInput {	font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; font-size:15px;padding:5px 2px 5px 2px;}
.clsFormInputText { font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;  font-size:15px;padding:5px 2px 5px 2px;text-align : left;}
.clsFormInputTextUrl {font-family: "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;font-size: 15px;padding: 5px 2px 5px 2px;text-align: left;width:90%!important;}
.clsFormInputNum { width:50%!important;font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;  font-size:15px;padding:5px 2px 5px 2px;text-align : right;}
.clsFormInputDate {	font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; font-size:15px;padding:5px 2px 5px 2px;text-align : left;}
.clsFormInputS { font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;  font-size:15px;padding:5px 2px 5px 2px;display:block;}
.clsFormInputH { font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;  font-size:15px;padding:5px 2px 5px 2px;display:none;}
.clsQ { font-weight:bold;font-size:12px; }
.clsA {padding-left:15px;padding-bottom:10px;font-size:12px;}

/* XSL Stylesheets --- Styles used by the XSL Stylesheet reports */

.clsSmallRedText { color: red;font-size:12px; }
.clsSmallRedTextBold { color:red; font-weight: bold; }
#hlpMessage {color: red;font-size:12px;}

/* Treeview --- Styles used by the TreeView control */

.treeview { font-family : Verdana, Arial, sans-serif; font-size : 10px;	}


/* Filter classes ---- Used By Filter Boxes */

.hidePanel {display:none ; }  
.showPanel {display:block;}  

.hidePanelF { display:none; font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; font-size : 10px;  }
.showPanelF { display:block; font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; font-size : 10px;  }

.clsHeading
{
	font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight:bold;
}


/* nContext Sensitive Help --- (Experimental) */

.clsConSensHelp{
	background-color : #DCDCDC;
	border : none;
	overflow : auto;
	height: 100%;
	width: 100%;
	font-size: 12;
	font-family: "Helvetica Neue",Helvetica,verdana,Arial,sans-serif;
}


/* Tabs --- Classes for Tabs in Campaign Builder  */

.clsTab { font-family: Verdana, Helvetica, sans-serif;  font-size: 11px; font-weight:bold; }
.clsTabSel { font-size: 13px;height:21px;background : url(../Images/skin1/tabs/tab-active.gif) repeat-x;padding:0px 10px 0px 10px;  }
.clsTabSelL { height:21px;background : url(../images/skin1/tabs/tab-active-left.gif);}
.clsTabSelR { height:21px;background : url(../images/skin1/tabs/tab-active-right.gif);}
.clsTabNotSel { height:21px;background : url(../Images/skin1/tabs/tab.gif) repeat-x; padding:0px 10px 0px 10px; }
.clsTabNotSelL { height:21px;background : url(../images/skin1/tabs/tab-left.gif);}
.clsTabNotSelR { height:21px;background : url(../images//skin1/tabs/tab-right.gif);}

.clsNewTab { font-family: Verdana, Helvetica, sans-serif;  font-size: 11px; font-weight:bold; }
.clsNewTabSel { font-size: 13px;height:21px;background-color:#555555;padding:10px 20px 10px 20px;  }
.clsNewTabSelL { height:21px;background : url(../images/skin1/tabs/tab-active-left.gif);}
.clsNewTabSelR { height:21px;background : url(../images/skin1/tabs/tab-active-right.gif);}
.clsNewTabNotSel { height:21px;background-color:red;padding:10px 20px 10px 20px; }
.clsNewTabNotSelL { height:21px;background : url(../images/skin1/tabs/tab-left.gif);}
.clsNewTabNotSelR { height:21px;background : url(../images//skin1/tabs/tab-right.gif);}

a.anchortab:visited {font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-family:"Helvetica Neue",Helvetica,Verdana; font-weight:bold; color:black;text-decoration:none;}
a.anchortab:link {font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-family:"Helvetica Neue",Helvetica,Verdana; color:black;text-decoration:none;font-weight:bold;}
a.anchortab:hover {font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-family:"Helvetica Neue",Helvetica,Verdana;color:darkorange;text-decoration:underline;font-weight:bold;}

a.newanchortab:visited {font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-family:"Helvetica Neue",Helvetica,Verdana; font-weight:bold; color:white;text-decoration:none;}
a.newanchortab:link {font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-family:"Helvetica Neue",Helvetica,Verdana; color:white;text-decoration:none;font-weight:bold;}
a.newanchortab:hover {font-family: Verdana, Helvetica, sans-serif;  font-size: 14px; font-family:"Helvetica Neue",Helvetica,Verdana;color:white;text-decoration:none;font-weight:bold;}





/* Products list */

.clsProduct{font-family: "Helvetica Neue",Helvetica,Verdana, sans-serif;}
.clsProductTitle{font-size: 12px; color: Navy; font-weight: bold; text-decoration: underline;}
.clsProductDetail {font-size: 12px;}	
.clsPricingStrike{  color: black;  font-size: 12px;text-decoration : line-through; } 
.clsPricingHeader{ color: #FF7F50; font-weight: bold; font-size: 12px;} 
.clsPricingDetail{color: black; font-size: 12px;  font-weight: bold;}

/* Classes for HTML Editor */

.HTMLButton{
	border-top: #D3D3D3 1px solid;
	border-left: #D3D3D3 1px solid;
	border-bottom: #D3D3D3 1px solid;
	border-right: #D3D3D3 1px solid;
	background: #d0d0d0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-top: 0px;
	cursor: pointer;
	cursor: hand;
	height:18px;
}
.HTMLButton:hover{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
}
.sep 
{
	border: 1px inset; 
	width: 1px; 
	font-size: 19px; 
	height: 19px; 
	margin: 0 2 0 2;
}
.HTMsel
{
	border: 1px dashed red;	
}
.HTMdiv
{
	background-color : white;
	overflow : auto;
	border: 2px solid blue;
	margin-left: 2px;
	margin-right:2px;
	margin-top:1px;
	margin-bottom:2px;
}

/* Wizard Classes */

.wizbg{
	background-color : #ffffff;
}

/* HTML Bar Graph */
.clsSurveyOn { background-color:#4455AA; height:16px; width:1px; }
.clsSurveyOff {background-color:LightGrey; height:16px; width:1px; }
.clsSurveyTable { border-width:0px; width:350; }
.clsSurveyTable1 {background-color:White;}
.clsSurveyGraphCaption {background-color:lightsteelblue;font-size : 12px;font-weight:bold;}
.clsSurveyGraphSubCaption {text-align:left;background-color:white;font-size : 11px;font-weight:bold;}
.clsSurveyGraphFooterCaption {text-align:left;background-color:white;font-size : 11px;font-weight:bold;}
.clsFixedTable {table-layout: fixed;}
.clsSurveyTableBorder { border:1px solid #AAAAAA }




/* New Styles Added - September 2007 */

.clsFooterPagingBar {
	 BACKGROUND-IMAGE: url(../images/skin1/bottombarbgnew.gif); COLOR: white;
	 background-position:top;
	 background-repeat:repeat-x;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}
.clsFooterNavBarL {padding-top:5px;}
.clsFooterNavBarR {padding-top:34px;}


.clsFooterPagingBar-L {
	 FONT-SIZE: 1px; padding-top:0px;
}
.clsFooterPagingBar-R {
	 FONT-SIZE: 1px; padding-top:4px;
}


.classicbutton, .classicbutton:visited 
{
           border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background: #d0d0d0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	cursor: pointer;
	cursor: hand;
	width: 50px;
}
.hand {
	cursor: pointer;
	cursor: hand;
}


/*** Report Classes ***/

/* Elements  --- These are standard HTML elements used on every page.  */

body {	font-family : "Helvetica Neue",Helvetica,Verdana, Arial, sans-serif; 	font-size : 14px;	margin-left : 0px;	margin-top : 0px;	margin-right : 0px;}

/* Border Classes  --- Used by Tables */

.clsBorderAll {	border: 1px solid black; }


/* Report Classes --- Classes used in all reports */

.clsReport { font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; }
.clsReportHeader{ font-size: 16px; font-weight: bold;color:Red;}
.clsReportSubHeader{  font-size: 13px;}
.clsReportSection{font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;border: 1px solid #444444;}
.clsReportSectionHeader{font-size: 14px; font-weight: bold; background-color: #555555; padding-left: 4px;color:#ffffff;}
.clsReportDataHeader{font-size: 11px; font-weight: bold; padding-left: 4px;}
.clsReportData{font-size: 11px; padding-left: 4px;}
.clsReportControls {background-color:#555555;border-bottom:1px solid #888888;}

.clsHeading {
	font-weight : bold;
	font-size : 18px;
	padding:10px 2px 2px 2px;
}
.clsHeadingDetail {
	font-size : 14px;
	padding:2px 2px 2px 2px;
}
.clsColHead{
	font-weight : bold;
	font-size : 12px;
	padding:4px 2px 4px 2px;
}
.clsData{
	font-size : 12px;
	padding:4px 2px 4px 2px;
	text-align:left;
}
.clsFoot{
	font-weight : bold;
	font-size : 9px;
	padding:2px 2px 2px 2px;
	border-top:3px solid black;	
}
.clsLine{
	height: 2px;
	background-color: black;
	font-size:1px;
}
.clsEndOfReport{
	font-family: sans-serif;
	font-weight : bold;
	font-size: 12px;
}
.clsTotRow{
	border-top: double 3px black;
	border-bottom: double 3px black;
	font-weight:bold;
}

/* Allow wrapping if added to clsTableDataRequired */
.allowwrap {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.nowrap 
{
	white-space:nowrap;
}

/* HTML Bar chart */

.clear{
    clear:both;}
 
.chtgraphcont {
color:#000;
font-weight:700;
float:left
}

.chtgraph {
float:left;
background-color:#cecece;
position:relative;
width:280px;
padding:0
}
 
.chtgraph .chtbar {
display:block;
position:relative;
background-image:url(../images/bar1graph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:25px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1.9em
}
 
.chtgraph .chtbar span {
position:absolute;
left:1em
}

/* Bar chart */

/* Error Msg Box */
.errorBoxSer {
width: 80%;
float:middle;
border-width: 2px;
border-style: solid;
border-color: #F59731;
background-color: #F89406;
font-family: Helvetica,arial;
font-size:17px;
color: #ffffff;
font-weight:normal;
background-position: 1px 1px;
background-repeat: no-repeat;
min-height:30px;
text-align:left;
padding: 4px 5px 10px 5px;
margin-top:5px;
margin-bottom:10px;
margin-left:auto;margin-right:auto;
-webkit-box-shadow: 0px 0px 8px 1px #777777;
-moz-box-shadow: 0px 0px 8px 1px #777777;
box-shadow: 0px 0px 8px 1px #777777;
}
.errorBox {
width: 80%;
float:middle;
border-width: 2px;
border-style: solid;
border-color: #F59731;
background-color: #F89406;
font-family: Helvetica,arial;
font-size:17px;
color: #ffffff;
font-weight:normal;
background-position: 1px 1px;
background-repeat: no-repeat;
min-height:30px;
text-align:left;
padding: 4px 5px 10px 5px;
margin-top:5px;
margin-bottom:10px;
margin-left:auto;margin-right:auto;
-webkit-box-shadow: 0px 0px 8px 1px #777777;
-moz-box-shadow: 0px 0px 8px 1px #777777;
box-shadow: 0px 0px 8px 1px #777777;

}


.errorBoxSer ul {padding-left:5px;color:#ffffff;list-style:none;}
.errorBoxSer li {padding-left:1em;text-indent: -.7em;color:#ffffff;}
.errorBoxSer li:before {content: "• ";color: white;}

/* .errorBox ul {padding-left:25px;color:#F59731;}
.errorBox li {list-style-type:circle;color:#333333;} */

.errorBox ul {padding-left:5px;color:#F59731;list-style:none;}
.errorBox li {padding-left:1em;text-indent: -.7em;color:#333333;}
.errorBox li:before {content: "• ";color: white;}


/* Error Msg Box */
a.selectText
{
    cursor:pointer;
    cursor:hand;
    color:#111111;
}
.selectText
{
    color:#111111;
    font-weight:bold;
    font-size:15px;
}
.selectTextLink
{
	cursor:pointer;
    cursor:hand;
    color:#111111;
    font-weight:bold;
    text-decoration:underline;
}
.selectTextLink:hover
{
    color:#0085CF;
    font-weight:bold;
    text-decoration:underline;
}


.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background-color: #EEF5FF;border: 2px solid #C3D9FE;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
/* tooltips */

/* icon card */
.icon {display:inline-block; width: 18px;height: 18px;background: url(../Images/Icons/iconset.png);text-decoration:none;}
.iconMissing {background-position: -114px -76px;}
.icoPreview {background-position: 0px 0px;}
.icoEdit {background-position: 0px -19px;}
.icoLog {background-position: 0px -38px;}
.icoCopy {background-position: 0px -57px;}
.icoAddList {background-position: 0px -76px;}
.icoRule {background-position: 0px -95px;}
.icoSurvey {background-position: 0px -114px;}
.icoEmbed {background-position: 0px -133px;}
.icoBuildEmail {background-position: 0px -152px;}
.icoAltView {background-position: 0px -171px;}
.icoDelete {background-position: 0px -190px;}
.icoPrefs {background-position: 0px -209px;}
.icoExecute {background-position: 0px -228px;}
.icoRun {background-position: 0px -247px;}
.icoPDF {background-position: 0px -266px;}
.icoAdd {background-position: -19px 0px;}
.icoResponse {background-position: -19px -19px;}
.icoDefault {background-position: -19px -38px;}
.icoRespNo {background-position: -19px -57px;}
.icoRespYes {background-position: -19px -76px;}
.icoAdvancedQuestion {background-position: -19px -95px;}
.icoResByPage {background-position: -19px -114px;}
.icoResultSets {background-position: -19px -133px;}
.icoClrResults {background-position: -19px -152px;}
.icoDesign {background-position: -19px -171px;}
.icoDesignNew {background-position: -19px -190px;}
.icoClose {background-position: -19px -209px;}
.icoLocked {background-position: -19px -228px;}
.icoUnlock {background-position: -19px -247px;}
.icoExcel {background-position: -19px -266px;}
.icoPrintAS {background-position: -38px 0px;}
.icoPrint {background-position: -38px -19px;}
.icoPrintComments {background-position: -38px -38px;}
.icoPrintCSV {background-position: -38px -57px;}
.icoExport {background-position: -38px -76px;}
.icoExport1 {background-position: -38px -95px;}
.icoSave {background-position: -38px -114px;}
.icoAddEmail {background-position: -38px -133px;}
.icoDeleteEmail {background-position: -38px -152px;}
.icoUser {background-position: -38px -171px;}
.icoGraph {background-position: -38px -190px;}
.icoResByQ {background-position: -38px -209px;}
.icoPie {background-position: -38px -228px;}
.icoBrowser {background-position: -38px -247px;}
.icoLocation {background-position: -38px -266px;}
.icoQuestionByPage {background-position: -57px 0px;}
.icoAssigned {background-position: -57px -19px;}
.icoActive {background-position: -57px -38px;}
.icoExpired {background-position: -57px -57px;}
.icoExpiredPending {background-position: -57px -76px;}
.icoRegister {background-position: -57px -95px;}
.icoBuild {background-position: -57px -114px;}
.icoResize {background-position: -57px -133px;}
.icoView {background-position: -57px -152px;}
.icoDown {background-position: -57px -171px;}
.icoUp {background-position: -57px -190px;}
.icoRight {background-position: -57px -209px;}
.icoLeft {background-position: -57px -228px;}
.icoInfo {background-position: -57px -247px;}
.icoTwitter {background-position: -57px -266px;}
.icoSetDefault {background-position: -76px 0px;}
.icoCloud {background-position: -76px -19px;}
.icoOptOut {background-position: -76px -38px;}
.icoTest {background-position: -76px -57px;}
.icoLoopDeliveryStatus {background-position: -76px -76px;}
.icoLoopStatus {background-position: -76px -95px;}
.icoShowDetails {background-position: -76px -114px;}
.icoModify {background-position: -76px -133px;}
.icoOpen {background-position: -76px -152px;}
.icoFolderOpen {background-position: -76px -171px;}
.icoFolderClosed {background-position: -76px -190px;}
.icoFolder {background-position: -76px -209px;}
.icoSchedule {background-position: -76px -228px;}
.icoDrill {background-position: -76px -247px;}
.icoFlexi {background-position: -76px -266px;}
.icoFirst {background-position: -95px 0px;}
.icoNext {background-position: -95px -19px;}
.icoPrevious {background-position: -95px -38px;}
.icoLast {background-position: -95px -57px;}
.icoSync {background-position: -95px -76px;}
.icoGreenTick {background-position: -95px -95px;}
.icoPurge {background-position: -95px -114px;}
.icoDocNearlyExpired {background-position: -95px -133px;}
.icoDocExpired {background-position: -95px -152px;}
.icoOpenTemp {background-position: -95px -171px;}
.icoPDFSmall {background-position: -95px -190px;}
.icoRecBcast {background-position: -95px -209px;}
.icoRecBcastActive {background-position: -95px -228px;}
.icoCategories {background-position: -95px -247px;}
.icoRerun {background-position: -95px -266px;}
.icoModify {background-position: -114px 0px;}
.icoResByPage {background-position: -114px -19px;}
.icoShrink {background-position: -114px -38px;}
.icoBlank {background-position: -114px -57px;}
.icoPrintM {background-position: -114px -95px;}
.icoCancel {background-position: -114px -114px;}
.icoResultSet {background-position: -114px -133px;}
.icoTabBuild {background-position: -114px -152px;}
.icoValid {background-position: -76px -57px;}

.iconodd {background:url(../Images/Icons/iconsetodd.png);display:inline-block;}
.icoFilterToggle {width:26px;height:22px;background-position: 0px 0px;}
.icoHome {width:33px;height:40px;background-position: -26px -0px;}
.icoHelp {width:27px;height:40px;background-position: -61px -0px;}
.icoPassword {width:25px;height:40px;background-position: -90px -0px;}
.icoFeedback {width:34px;height:40px;background-position: -115px -0px;}
.icoLogOff {width:27px;height:40px;background-position: -150px -0px;}
.icoSupport {width:33px;height:40px;background-position: -178px -0px;}
.icoPrefs {width:32px;height:40px;background-position: -215px -0px;}
.icoHelpTitle {width:25px;height:24px;background-position: -250px -0px;}
.icoPDFBig {width:36px;height:38;background-position: -277px -0px;}
.icoPDFLarge {width:32px;height:32px;background-position: -315px -0px;}
.icoInfo {width:30px;height:30px;background-position: -352px -0px;}
.icoFlexi2 {width:21px;height:15px;background-position: -385px -0px;}
.icoFlexitime {width:21px;height:15px;background-position: -409px -0px;}
.icoTopup {width:31px;height:40px;background-position: -430px -0px;}
.icoPayPal {width:63px;height:19px;background-position: -0px -50px;}
.icoCreditCard {width:94px;height:19px;background-position: -63px -50px;}

/* icon card */

.quicknav {

}

/* Front Page Block */

.block
{
background-color:#ffffff;
background-image: url(../images/blockbg.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: center;
background-y-position: top;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
float: center;
color: #333333;
text-align:left;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.block h2
{
	font-size: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 5px;
	font-family: "Helvetica Neue",Helvetica,Geneva,Arial,Helvetica,sans-serif;
	color: #0d4366;
	font-weight: normal;
	text-align:left;
}



/* body {
	font: 15px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	margin: 15%;
} */

p.qnbuttons {
	width: 100%;
}

a.qnbutton {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
    border: 1px solid #fff;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    display: block;
    color: #627aad;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    width: 320px;
    text-align: left;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
}

a.qnbutton:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
    color: #000;
    display: block;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
}

a.qnbutton:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
    text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
    margin-top: 1px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
}

a.qnbutton.qnicon {
	padding-left: 11px;
}

a.qnbutton.qnicon span{
	padding-left: 44px;
	background: url(../images/icons/qnicons.gif) no-repeat 0 -4px;
}

a.qnbutton.qnicon.qncamp span {
	background-position: 0px -36px;
}

a.qnbutton.qnicon.qnadmin span {
	background-position: 0px -68px;
}

a.qnbutton.qnicon.qnresults span {
	background-position: 0px -100px;
}


a.qnbuttonsm {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
    border: 1px solid #fff;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    display: block;
    color: #627aad;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    width: 220px;
    text-align: left;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
}

a.qnbuttonvsm {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
    border: 1px solid #fff;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    display: block;
    color: #627aad;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    width: 150px;
    text-align: center;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
}

a.qnbuttonsm:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
    color: #000;
    display: block;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
}

a.qnbuttonsm:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
    text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
    margin-top: 1px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
}

a.qnbuttonsm.qnicon {
	padding-left: 11px;
}

a.qnbuttonsm.qnicon span{
	padding-left: 44px;
	background: url(../images/icons/qnicons.gif) no-repeat 0 -4px;
}

a.qnbuttonsm.qnicon.qncamp span {
	background-position: 0px -36px;
}

a.qnbuttonsm.qnicon.qnadmin span {
	background-position: 0px -68px;
}

a.qnbuttonsm.qnicon.qnresults span {
	background-position: 0px -100px;
}




.clsLoading
{
    position: fixed;
    _position: absolute;
    top: 0;
    left: 47%; 
    padding: 2px 5px;
    z-index: 5000;
    background-color: #CF4342;
    color: #fff;
    font-size:12px;
}
.clsLoading1 {
    position: fixed;
    _position: absolute;
    top: 35%;
    left: 45%;
    padding: 15px 15px;
    z-index: 5000;
    border: solid 2px;
    font-size: 12px;
    background-color: white;
}

.clsBoxContentGrey
{
    border:1px solid:#888888;
    background-color:#eeeeee;
}
.clsBoxContentActive
{
    border:1px solid #666666;
    background-color:#DFF6CE;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; 
    margin:5px;   
}
.clsBoxContentInActive
{
    border:1px solid red;
    background-color:#eeeeee;
}
.clsNearlyExpired
{
    color:orange;
}
/*dark overlay when page submitted*/
.loadingOverlay
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: color;
zIndex: 1000;
filter:alpha(opacity=30);
opacity: .3;
}

/*Start Icon as fonts */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(./FontIcons/MaterialIcons-Regular.eot); /* For IE9+ */
  src: url(./FontIcons/MaterialIcons-Regular.eot?#iefix) format('embedded-opentype'), /* For IE6-8 */
	   local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(./FontIcons/MaterialIcons-Regular.woff2) format('woff2'),
       url(./FontIcons/MaterialIcons-Regular.woff) format('woff'),
       url(./FontIcons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    /*display: inline-block; 23/7/2019*/
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    color: #555555;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    border: 0px solid black;
    vertical-align: middle;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons:hover {color:#F59731;}
i.material-icons:hover {color:#555555;}

i.material-icons:hover .smaller {font-size:8px;}

.material-icons.red {color:red;}
.material-icons.green {color:green;}
.material-icons.orange {color:#E06326;}
/*End Icon as fonts */

.sliderImg {
	height: 290px;
	width: 250px;
	text-align: center;
	cursor: hand;
	cursor: pointer;
	border: solid 3px lightgrey;
	padding: 3px;
}
	.sliderImg:hover {
		height: 290px;
		width: 250px;
		cursor: hand;
		text-align: center;
		cursor: pointer;
		border: solid 3px #8FA933;
		padding: 3px;
	}

.media {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin:10px;
  border:1px solid #777777;
  cursor: hand;
  cursor: pointer;
}

.media__image { display: block; }

.media__body {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }

/**/
/*Truncate text with ellipsis*/
/**/
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*Faq help buton*/
.helpIcon {
	font-size: 20px;
	color: #343A40;
	vertical-align: middle;
}