.listCellAction #comparecontainer {width:600px;margin-left:auto;margin-right:auto;margin-top:20px;}

#comparecontainer p {padding-left:15px;}

#comparebuttons {text-align:right;margin-right:30px;margin-top:10px;}
#nmultiselectboxes {margin-top:10px;margin-left:15px;}

.clsPT {font-weight:bold;font-size:14px;font-family:"Helvetica Neue",Helvetica,"Verdana";text-align:left;}

.loadingSpinnerCenter {
	z-index: 1031;
	top: 50%;
	right: 50%; /* or: left: 50%; */
}
/* Loading spinner 2019 */
.loadingSpinner {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.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 #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	.btn:hover,
	.btn:focus {
		color: #ffffff;
		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);
	}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* End Loading spinner */
.loading
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: color;
zIndex: 1000;
filter:alpha(opacity=30);
opacity: .3;
}
/* Login Screen Classes */
.loginbody  
{

}

/*client side field error*/
.inpErrCs {
    border: solid 2px #B63038 !important;
}

.listCell
{
  overflow-x: hidden;
  overflow-y: hidden;
  padding-left: 6px!important;
  padding-right:6px!important;
  white-space: nowrap;
  font-size: 16px;
  height: 30px;
}
.listCellItem {
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    font-size:16px;color:#555555;font-weight:bold;
}
.listCellContent {
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    font-size: 16px;
    color: #555555;
}
.listCellAction 
{
	padding:15px 0px 0px 3px;color:#555555;
}
.listCellAction a
{
	font-size:12px;
	text-decoration:underline;
	color:#0085CF;
}
.listCellAction a:hover
{
	font-size:12px;
	text-decoration:none;
	color:#0085CF;
}
.surveywmark 
{
	background-image:url(../images/resultswmark.png);
	background-position:right top;
	background-repeat:no-repeat;
}

.loginprompt
{
	font-family:"Arial";
	font-size:14px;
	color:#BF0404;
	font-weight:bold;
	padding-right:20px;	
}
.loginpromptr 
{
	text-align:right; 
}
.pad8 {padding:8px;}
.pad16 {padding:16px;}

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

.loginlink 
{
	font-family:"Arial Black";
	font-size:12px;
	color:#F2930A;
	font-weight:bold;
}
.loginfooter { font-family:"Verdana"; color:#555555; font-size: 12px;}
.loginfooter a {color:#527dde;}

.loginapronheading {font-family:verdana;font-size:11px;font-weight:bold;color:white;padding-top:8px;}
.loginaproncontent {font-family:verdana;font-size:11px;color:white;}
.loginaproncontent a {color:white;}


.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;}


.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: 21px;
   -moz-border-radius: 21px;
   border-radius: 21px;
   -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, 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;
   }

.clsFieldSet {
            margin:5px; 
            border: 1px solid white;
            background-color: white;
}

.loginblock
{
background-color:#ffffff;
border:1px solid #444444;
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: 0px;
		margin-left: 0px;
		font-family: "Helvetica Neue",Helvetica,Geneva,Arial,Helvetica,sans-serif;
		color: #ffffff;
		font-weight: normal;
		text-align: left;
		background-color: #343A40;
	}


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

.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;}

.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; }
TABLE {	font-size : 14px; }
a.clsSmallLink {color : blue;	text-decoration: none;	font-size: 9px; }
a.button, a.button:hover {color: White;}


.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:verdana;font-size:14px;color:#ffffff;font-weight:bold; 
}
.DynamicMenuStyle {background-color: #ff0000;border:1px solid black;
	filter:alpha(opacity=70);
	-moz-opacity:.80;
	opacity:.80;
    z-index: 1;
}
.DynamicSelectedStyle {background-color: #FFCC66;}
.DynamicMenuItemStyle 
{
	background-color: #be0000;
	padding: 4px 4px 4px 4px;
	font-family:verdana;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}
.DynamicHoverStyle {background-color: #c07671; color:#000000;}
.spmenubar {background-image:url(../images/skin1/menubg.jpg);background-repeat:repeat-x;height:15px;}

/* 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:Arial,Verdana; font-size: 10; }
.clsPollTextBold { font-family: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:Arial,Verdana; font-size: 10; }
.clsProgTextBold { font-family: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/skin1/bottombarbgnew.gif) no-repeat;  }
.clsTablePagingInfoBarNoButtons { vertical-align: middle;color:#0d4366;font-weight:bold;}  /* 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;
}
.clsTableHeader .subtitle {font-size:16px;font-weight:normal;display:block;}

.clsTitleTxt
{
	font-weight : normal;
	font-size : 24px;
	color : #ffffff;
	padding-left:5px;
}
.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #343A40;
	background-color: #343A40;
	color: white;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.modal-header button {
	color:#ffffff;
	float:right;
}
	.modal-header button:hover {
		color: #ffffff;
	}

.clsTableHeaderAcc {
	font-weight: normal;
	text-align: left;
	font-size: 20px;
	color: #ffffff;
	padding: 5px 2px 5px 5px;
	background-color: #343A40;
	border-top: 2px solid #fff;
}
.clsTableHeaderAcc a {color:white;text-decoration:none;}
.clsTableHeaderAcc a:hover {color:white;text-decoration:none;}
.clsTableHeaderAcc a:visited {color:white;text-decoration:none;}

.clsTableHeaderCurveTop {
	font-weight : normal;
	text-align: left;
	font-size : 14px;
	color : #ffffff;
	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 : 24px;
	color : #ffffff;
	padding-left:5px;
}
.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: left;
	font-size: 24px;
	color: #ffffff;
	padding: 5px 2px 5px 5px;
	background-color: #343A40;
	text-align: right;
}
.clsTableHeaderMid /* Blank at both sides */ {
	font-weight: normal;
	text-align: left;
	font-size: 24px;
	color: #ffffff;
	padding: 5px 2px 5px 5px;
	background-color: #343A40;
	text-align: center;
}
.clsTableHeaderTip 
{
   	font-weight : normal;
	font-size : 14px;
	color : white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/filterheaderbg.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 : #ffffff;
	font-size : 1px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/skin1/tablefooterbg2.gif);
	height: 6px;
}
.clsTableFooterRed {
	color : #ffffff;
	font-size : 1px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image : url(../Images/skin1/tableFooterbg2.jpg);
	height: 6px;
}


.clsDBTable 
{
	border:1px solid #888888;
}
.clsDBTableDataOdd {
	padding-left: 4px;
	font-size: 10px;
	height : 20px;
	text-align:left;
}
.clsDBTableDataEven {
	padding-left: 8px;
	font-size: 10px;
	font-weight:bold;
	height : 25px;
	text-align:left;
} 
.clsDBTableBG
{
	background-image:url(../images/result.gif);
	background-repeat: no-repeat;
}
.clsTableDataOdd {
	background-color : #FFFFFF;
	border: 1px solid white;
	font-size: 14px;
	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-size:85%;padding-left:12px;font-weight:normal;padding-top:6px;width:90%;white-space:normal;}
.infospannoindent {font-size:85%;font-weight:normal;padding-top:6px;width:90%;white-space: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/req.gif);
	background-repeat : repeat-y;
	height:20px;
	/*white-space:nowrap; removed by rpc */ 
	text-align:left;
}

TD.clsNewSort{
	cursor: pointer;
	cursor: hand;
}

TD.clsTableNoSortButton a {
	color:red;
}

TR.clsdataodd TD
{
	padding-left:3px;
	
}
TR.clsdataeven TD
{
	padding-left:3px;
	
}
.allowwrap {
    white-space:normal;
    word-wrap:break-word;
}
.stopwrap {white-space:nowrap;}

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;
}
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;
}
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;}

TD.clsTableSortButton{
	padding: 0px 0px 0px 0px; 
	cursor: pointer;
	cursor: hand;
    border-collapse:separate!important;
}
.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;	
}




.clsNewSort A, .clsNewSort A:visited {
    width: 125px;
    Display: Block;
    color: black;
    text-decoration: none;
    font-weight: bold;
    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;
    font-size: 14px;
    text-decoration: none;
}
.clsNewSort A:Hover{
    background-color:black;
    color:black;
	text-decoration:none;	
    font-size:14px;
}


.clsMenu{
	font-family : Verdana, Arial, sans-serif; 	font-size : 10px;
	font-size: 12px;
	padding-left: 30px;
}
.clsMenuHeader {
		font-family : Verdana, Arial, sans-serif; 	
		font-size : 10px;
		text-align: left;
		font-weight: bold;
}

.clsMenuHeaderC {
		font-family : 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;
    margin-bottom:3px;
}


.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;
}
.clsFormInputNum { width:10%;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;}



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

}

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;
}

.clsQ { font-weight:bold;font-size:12px; }
.clsA {padding-left:15px;padding-bottom:10px;font-size:12px;}
/*	Buttons --- These classes are used by makeshift buttons */


.radiotemp {font-size:30px;}


a.button {
            BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;
} 
input.button {
            BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;            
}
a.button:visited {
            BACKGROUND-IMAGE: url(../Images/skin1/buttonbg2.gif); 
            BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 100px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;            
}

a.button:hover a{
	color:white;
}

.buttonLong, .buttonLong:visited{
    BACKGROUND-IMAGE: url(../Images/skin1/buttonlgbg.gif); 
    BACKGROUND-REPEAT: no-repeat;
            PADDING-RIGHT: 1px; 
            PADDING-LEFT: 1px; 
            FONT-WEIGHT: bold; 
            FONT-SIZE: 12px; 
            PADDING-BOTTOM: 2px; 
            WIDTH: 175px; 
            HEIGHT: 21px;
            CURSOR: pointer;
            CURSOR: hand; 
            COLOR: white; 
            PADDING-TOP: 3px; 
            TEXT-ALIGN: center; 
            TEXT-DECORATION: none;
            margin-left:2px;
            margin-right:2px;            
}
.buttonLong:hover{
	color:white;
}

.biggerbutton
{
    BACKGROUND-IMAGE: url(../Images/skin1/buttonlgbg.gif); 
    BACKGROUND-REPEAT: no-repeat;
	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: 3px;
	CURSOR: pointer;
	cursor: hand;
	width: 175px;
	height: 21px;
    margin-left:2px;
    margin-right:2px;	
}
.biggerbutton:hover
{
	text-decoration:none;
	color:Black;
}

.clsBuilderButton{
	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: 75px;
}
.clsSmallRedText { text-align:left;font-size:14px; }
/* XSL Stylesheets --- Styles used by the XSL Stylesheet reports */


/* .clsSmallRedTextBold { color:red; font-weight: bold; } */
/* Error messages generated on client side */
/*
.errorWrapper {border-collapse:collapse;}
.errorBox { text-align:left;margin-top:5px; background-color:#555555;font-family:helvetica,verdana;font-size:20px; color:white;display:block;}
.errorBox table {border-collapse:collapse;}

.errorBoxSer { text-align:left;margin-bottom:5px;background-color:#555555;font-family:helvetica,verdana;font-size:20px; color:white;display:block;}
.errorBoxSer table {border-collapse:collapse;}
*/

.sliderImg {
	margin: 5px;
	height: 290px;
	width: 250px;
	cursor: hand;
	cursor: pointer;
	border: 1px solid #999999;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
}

	.sliderImg:hover {
		height: 290px;
		width: 250px;
		cursor: hand;
		cursor: pointer;
		border: 1px solid #555555;
		-webkit-box-shadow: 0px 0px 5px 3px rgba(119,119,119,1);
		-moz-box-shadow: 0px 0px 5px 3px rgba(119,119,119,1);
		box-shadow: 0px 0px 5px 3px rgba(119,119,119,1);
		border-width: 1px;
		border-style: solid;
		border-color: #555555;
	}


.errorBoxSer {
width: 80%;
float:middle;
border-width: 2px;
border-style: solid;
border-color: #F59731;
background-color: #ffffff;
font: 16px Verdana;
color: #333333;
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 #F59731;
-moz-box-shadow: 0px 0px 8px 1px #F59731;
box-shadow: 0px 0px 8px 1px #F59731;
}
.errorBox {
width: 80%;
float:middle;
border-width: 2px;
border-style: solid;
border-color: #F59731;
background-color: #ffffff;
font: 16px Verdana;
color: #333333;
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 #F59731;
-moz-box-shadow: 0px 0px 8px 1px #F59731;
box-shadow: 0px 0px 8px 1px #F59731;

}


.errorBoxSer ul {padding-left:5px;color:#F59731;list-style:none;}
.errorBoxSer li {padding-left:1em;text-indent: -.7em;color:#333333;}
.errorBoxSer li:before {font-family:arial;content: "\2022   ";color: orange;}

/* .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 {font-family:arial;content: "\2022   ";color: orange;}



/* 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:inline;}
.showPanelDft {display: ;} 

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

.clsHeading
{
	font-family : 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: verdana, Geneva, Arial, Helvetica, sans-serif;
}


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

.clsTab { font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-weight:bold; }
.clsTabSel { height:21px;background : url(../Images/skin1/tabs/tab-active.gif) repeat-x;padding:0px 10px 0px 10px;font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;  }
.clsTabSelL { height:21px;background : url(../images/skin1/tabs/tab-active-left.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
.clsTabSelR { height:21px;background : url(../images/skin1/tabs/tab-active-right.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
.clsTabNotSel { height:21px;background : url(../Images/skin1/tabs/tab.gif) repeat-x; padding:0px 10px 0px 12px;font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif; }
.clsTabNotSelL { height:21px;background : url(../images/skin1/tabs/tab-left.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
.clsTabNotSelR { height:21px;background : url(../images//skin1/tabs/tab-right.gif);font-size: 12px;font-weight:bold;font-family: Verdana, Helvetica, sans-serif;}
a.anchortab:visited {font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-family:Verdana; font-weight:bold; color:black;text-decoration:none;}
a.anchortab:link {font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-family:Verdana; color:black;text-decoration:none;font-weight:bold;}
a.anchortab:hover {font-family: Verdana, Helvetica, sans-serif;  font-size: 12px; font-family:Verdana;color:darkorange;text-decoration:underline;font-weight:bold;cursor:pointer;}

/* Reports - Classes used in Reports */

.clsReport { font-family: Arial,Verdana,Helvetica,sans-serif; }
.clsReportHeader{ font-size: 15px; font-weight: bold; }
.clsReportSubHeader{  font-size: 13px;}
.clsReportSection{font-family: Arial,Verdana,Helvetica,sans-serif;border-left : 1px solid black;border-right : 1px solid black; border-bottom: 1px solid black;}
.clsReportSectionHeader{font-size: 12px; font-weight: bold; background-color: #DDDDDD; padding-left: 4px; border-bottom: 1px solid black; border-top: 1px solid black;}
.clsReportDataHeader{font-size: 11px; font-weight: bold; padding-left: 4px;}
.clsReportData{font-size: 11px; padding-left: 4px;}

/* Products list */

.clsProduct{font-family: Verdana, Helvetica, 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 : #DCDCDC;
	border-left: 2px solid ThreedLightShadow;
	border-right: 2px solid ThreedDarkShadow;
	 border-bottom: 2px solid ThreedDarkShadow;
	 border-top: 2px solid ThreedLightShadow;
}

.clsHelpText {font-size:13px;font-weight:bold;}


/* 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;
}

.clsMenuHeader {
		font-family : Arial, sans-serif; 	
		font-size: 14px;
		font-weight: bold;
		color:#0d4366;
		text-decoration:none;
}
.clsMenuHeader:hover {text-decoration:underline;}


.MMDescription
{
	margin:10px;
	font-family:Arial, sans-serif;
	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;}

.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;
}



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

.clsBorderAll {	border: 1px solid black; }


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

.clsHeading {
	font-weight : bold;
	font-size : 16px;
	padding:2px 2px 2px 2px;
}
.clsHeadingDetail {
	font-weight : bold;
	font-size : 11px;
	padding:2px 2px 2px 2px;
}
.clsColHead{
	font-weight : bold;
	font-size : 11px;
	padding:2px 2px 2px 2px;
	text-decoration:underline;
}
.clsData{
	font-size : 11px;
	padding:2px 2px 2px 2px;
	text-alignment: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;
}

/* legend {font-family:verdana;font-size:12px;font-weight:bold;}
fieldset {width:95%;margin-left:10px;margin-right:10px;}
fieldset table {width: 100%}
fieldset td {font-family:verdana;font-size:12px;}
fieldset img {padding-right:10px;} */

.clsInformation {font-family:'Helvetica Neue',helvetica,verdana;font-size:13px;color:#555555;}
.clsInformationB {font-family:'Helvetica Neue',helvetica,verdana;font-size:13px;font-weight:bold;color:#555555;}
.clsInformationPre {font-family:Courier New;font-size:13px;font-weight:bold;color:#555555;}

.clsInstructions {font-family:verdana;font-size:13px;color:black;}
.clsInstructions li {margin-top:0.4em;}


/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp2 .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:12px;font-weight:bold;background:url(../images/skin1/tabs/tab-line.gif) repeat-x bottom;}
.ajax__tab_xp2 .ajax__tab_outer {padding-right:4px;background:url(../images/skin1/tabs/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_xp2 .ajax__tab_inner {padding-left:3px;background:url(../images/skin1/tabs/tab-left.gif) no-repeat;}
.ajax__tab_xp2 .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../images/skin1/tabs/tab.gif) repeat-x;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {background:url(../images/skin1/tabs/tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {background:url(../images/skin1/tabs/tab-hover-left.gif) no-repeat;}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {background:url(../images/skin1/tabs/tab-hover.gif) repeat-x;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {background:url(../images/skin1/tabs/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {background:url(../images/skin1/tabs/tab-active-left.gif) no-repeat;}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {background:url(../images/skin1/tabs/tab-active.gif) repeat-x;}
.ajax__tab_xp2 .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* HTML Bar chart */

.clear{
    clear:both;}

.chtSurveyName {font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:2.0em;
color:black;}

.chtgraphcont {
color:#000;
font-weight:700;
float:right;
}

.chtgraph {
float:left;
background-color:#dddddd;
position:relative;
width:200px;
padding:0
}
 
.chtgraph .chtbar {
display:block;
position:relative;
background-position:right center;
background-repeat:repeat-x;
border-right:#dddddd 1px solid;
text-align:center;
color:#555555;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:2.0em
}
 
.chtFmtQuestion {margin-left:30px;margin-right:auto;}

.chtbar { background-image:url(../images/bar3graph.gif);} 
.chtbar2 { background-image:url(../images/bar1graph.gif);}
.chtbar1 { background-image:url(../images/bar2graph.gif);}
.chtbar3 { background-image:url(../images/bar4graph.gif);}
.chtbar4 { background-image:url(../images/bar5graph.gif);}
.chtbar5 { background-image:url(../images/bar6graph.gif);}
 
.chtgraph .chtbar span {
position:absolute;
left:1em
}

/*Temp*/

/*Temp*/

.chtChartTable {
    width:800px;
    font-family:'Helvetica Neue',helvetica,verdana;
    margin:5px auto 25px auto;
    text-align:center;
    border:1px solid #dddddd;
}
.chtChartTable td {padding:1px;}


.chtChartTableKey {border:1px solid #cccccc;margin:10px auto 10px 30px;}
.chtChartTableKey td {padding:6px;}

/* Heading Row */
.chtQuestionText {
    width: 640px;
    background-color: #dcdcdc;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 14px 5px 14px 5px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.chtResponsePercentH {width:80px;background-color:#dcdcdc;text-align:right;padding-right:10px!important;}
.chtResponseCountH {width:80px;background-color:#dcdcdc;text-align:right;padding-right:10px!important;}

/* Answer Line */
.clsAnsTable {width:800px;}

.chtAnswerCellLeftH {width:320px;border-bottom:1px solid #dddddd;padding:0px 0px 0px 0px;}
.chtAnswerCellRightH {width:480px;border-bottom:1px solid #dddddd;padding:0px 0px 0px 0px;}

.chtAnswerCellLeftHC {width:240px;border-bottom:1px solid #dddddd; padding:0px 0px 0px 0px;}
.chtAnswerCellRightHC {width:560px;border-bottom:1px solid #dddddd;padding:0px 0px 0px 0px;}

.chtAnswerCellLeft {width:320px;border-bottom:1px solid #dddddd; padding:3px 0px 3px 10px;}
.chtAns {color:#333333;font-size:15px;text-align:left;padding-left:5px!important;}
.chtAnsWho {
	color: #333333;
	font-size: 15px;
	text-align: left;
	padding-left: 5px !important;
	text-decoration: none;
	cursor: pointer;
}
.clsAnsSubHead {color:#333333;font-size:16px;font-weight:bold;padding:5px 0px 5px 5px!important;}
.chtAnswerCellRight {width:480px;border-bottom:1px solid #dddddd;padding:3px 0px 3px 0px;border-right:1px solid white;border-left:1px solid white;}

.chtAnswerCellLeftC {width:240px;border-bottom:1px solid #dddddd;padding:3px 0px 3px 10px;}
.chtAnswerCellRightC {width:560px;border-bottom:1px solid #dddddd;padding:3px 0px 3px 0px;border-right:1px solid white;border-left:1px solid white;}


/* Graph Table */
.chtGraphLeft {width:40px;}
.chtGraphCell {width:240px;border-left:1px solid #dddddd;border-right:1px solid #dddddd;text-align:left;}
.chtGraphRight {width:40px;}

.chtGraphLeftC {width:80px;text-align:right;padding-right:2px;}
.chtGraphCellC {width:240px;border-left:1px solid #dddddd;border-right:1px solid #dddddd;text-align:center;}
.chtGraphRightC {width:80px;text-align:left;padding-left:2px;}

.chtGraphPercent {width:80px;text-align:right;padding-right:3px;border-right:1px solid #dddddd;font-size:14px;}
.chtGraphCount {width:80px;text-align:right;padding-right:3px;font-size:14px;}

.chtGraphPercentC {width:80px;text-align:right;padding-right:10px!important;border-right:1px solid #dddddd;font-size:14px;}
.chtGraphCountC {width:80px;text-align:right;padding-right:10px!important;font-size:14px;}


/* Right Column */
.chtResponsePercent {width:80px;text-align:right;padding-right:3px;border-right:1px solid #dddddd;font-size:14px;}
.chtResponseCount {width:80px;text-align:right;padding-right:3px;font-size:14px;}

.chtResponsePercentC {width:80px;text-align:right;padding-right:3px;border-right:1px solid #dddddd;font-size:14px;}
.chtResponseCountC {width:80px;text-align:right;padding-right:3px;font-size:14px;}


/* Footer Section */
.clsSurveyFooterH {width:250px!important;padding-top:3px;font-weight:bold;font-size:14px;padding:10px 0px 2px 0px!important;}
.clsSurveyFooterV {width:100px!important;padding-top:3px;font-weight:normal;text-align:right;font-size:14px;padding:10px 0px 2px 0px!important;}
.clsSurveyGraphFooterCaption {text-align:left;background-color:white;font-size : 11px;color:#333333;padding-top:15px;}


/* HTML Bar Graph */
.clsSurveyOn { background-color:#4455AA; height:16px; width:1px; }
.clsSurveyOff {background-color:#DDDDDD; height:16px; width:1px; }
.clsSurveyTable { border-width:2px; width:200px;margin-left:auto;margin-right:auto; }
.clsSurveyTable1 {background-color:white;padding:5px;}
.clsSurveyGraphCaption {background-color:#dcdcdc;font-size : 12px;font-weight:bold;}
.clsSurveyGraphSubCaption {text-align:left;background-color:white;color:#555555;font-size : 15px;font-weight:700;padding:9px 0px 9px 7px!important;;border-bottom:1px solid #dddddd;}
.clsFixedTable {table-layout: fixed;}
.clsSurveyTableBorder { border:1px solid #AAAAAA }


/* Bar chart */
.infoBar
{
    font-size:85%;
    font-weight:bold;
}

.curvedMsgDiv
{
    width: 70%;
    border-width: 2px;
    border-style: solid;
    border-color: #C3D9FE;
    background-color: #EEF5FF;
    font: 12px Verdana;
    color: #8598B9;
    font-weight:bold;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    min-height:20px;
    margin:3px;
    padding:3px;
}

/* tooltips */
/* tooltips.tooltip 
{
	border-bottom: 1px dotted #2BB0D7 ; 
	color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;z-index: 9999999999;
}
removed causing an issue with BS tooltips
*/
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span 
{
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size:13px;
	position: absolute; left: 1em; top: 2em; 
	margin-left: 0; width: 450px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.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 */

.optionText
{
    color:#0085CF;
    font-size:11px;
    text-decoration:none;
}
.optionText:hover
{
    color:#0085CF;
    font-size:11px;
    cursor:hand;
    cursor:pointer;
    text-decoration:underline;
}

a.selectText {
    cursor: pointer;
    cursor: hand;
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
}
.selectText
{
    color:#333333;
    font-weight:bold;
    font-size:12px;
}
.selectWarning {
    color: red;
}

.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;}

.legendtext { font-size:14px;color:#333333;}
.legendtext .legendbutton {margin:2px auto 2px auto;background-color:#555555;color:white;width:125px;padding:10px;text-align:center;font-family: "Segoe UI",Helvetica,Arial,sans-serif;font-size: 14px;}
.legendicon { text-align: center; }

.selectTextLink
{
	cursor:pointer;
    cursor:hand;
    color:#0085CF;
    font-weight:bold;
    text-decoration:none;
}
.selectTextLink:hover
{
    color:#0085CF;
    font-weight:bold;
    text-decoration:underline;
}

/* Blue action link */
.selectTextAct
{
    color:#0085CF;
    font-weight:bold;
    cursor:hand;
    cursor:pointer;
    text-decoration:none;
}
.selectTextAct:hover
{
    color:#0085CF;
    font-weight:bold;
    cursor:hand;
    cursor:pointer;
    text-decoration:underline;
}
.selectImage:hover
{
    color:#0085CF;
    font-weight:bold;
    cursor:hand;
    cursor:pointer;
    text-decoration:underline;
    border:solid 1px green;
}
.selectImage
{
    color:#0085CF;
    font-weight:bold;
    cursor:hand;
    cursor:pointer;
}
/* List options */
.listOpt
{
    color:#0085CF;
    font-weight:bold;
    cursor:hand;
    cursor:pointer;
    text-decoration:none;
    border-left: solid 1px #0085CF;
    border-spacing:10px;
    border-right: solid 1px #0085CF; 
    padding-left:2px;
    padding-right:2px;
}
.listOpt:hover
{
    color:#0085CF;
    font-weight:bold;
    cursor:hand;
    cursor:pointer;
    text-decoration:underline;
     border-left: solid 1px #0085CF;
    border-right: solid 1px #0085CF; 
    padding-left:2px; 
    padding-right:2px;   
}

.iconcard2015 {display:inline-block; width: 20px;height: 20px;background: url(../Images/Icons/iconset2015.png);text-decoration:none;}
.icoMissing2015 {background-position: 0px -21px;}
.icoBlank2015 {background-position: 0px 0px;}
.icoDelete2015 {background-position: 0px -21px;}
.icoEdit2015 {background-position: 0px -42px;}
.icoSearch2015 {background-position: 0px -63px;}
.icoLog2015 {background-position: 0px -84px;}
.icoUnlock2015 {background-position: 0px -105px;}
.icoLock2015 {background-position: 0px -126px;}
.icoHTML2015 {background-position: 0px -147px;}
.icoAddCategory2015 {background-position: 0px -168px;}
.icoAddQ2015 {background-position: 0px -189px;}
.icoApprove2015 {background-position: 0px -210px;}
.icoUnapprove2015 {background-position: 0px -231px;}
.icoView2015 {background-position: 0px -252px;}

/* icon card */
.icon {display:inline-block; width: 20px;height: 20px;background: url(../Images/Icons/iconsetbw.png);text-decoration:none!important;}
.iconMissing {background-position: -126px -84px;}
.icoPreview {background-position: 0px 0px;}
.icoEdit {background-position: 0px -21px;}
.icoLog {background-position: 0px -42px;}
.icoCopy {background-position: 0px -63px;}
.icoAddList {background-position: 0px -84px;}
.icoRule {background-position: 0px -105px;}
.icoSurvey {background-position: 0px -126px;}
.icoEmbed {background-position: 0px -147px;}
.icoBuildEmail {background-position: 0px -168px;}
.icoAltView {background-position: 0px -189px;}
.icoDelete {background-position: 0px -210px;}
.icoPrefs {background-position: 0px -231px;}
.icoExecute {background-position: 0px -252px;}
.icoRun {background-position: 0px -273px;}
.icoPDF {background-position: 0px -294px;}
.icoAdd {background-position: -21px 0px;}
.icoResponse {background-position: -21px -21px;}
.icoDefault {background-position: -21px -42px;}
.icoRespNo {background-position: -21px -63px;}
.icoRespYes {background-position: -21px -84px;}
.icoAdvancedQuestion {background-position: -21px -105px;}
.icoResByPage {background-position: -21px -126px;}
.icoResultSets {background-position: -21px -147px;}
.icoClrResults {background-position: -21px -168px;}
.icoDesign {background-position: -21px -189px;}
.icoDesignNew {background-position: -21px -210px;}
.icoClose {background-position: -21px -231px;}
.icoLocked {background-position: -21px -252px;}
.icoUnlock {background-position: -21px -273px;}
.icoExcel {background-position: -21px -294px;}
.icoPrintAS {background-position: -42px 0px;}
.icoPrint {background-position: -42px -21px;}
.icoPrintComments {background-position: -42px -42px;}
.icoPrintCSV {background-position: -42px -63px;}
.icoExport {background-position: -42px -84px;}
.icoExport1 {background-position: -42px -105px;}
.icoSave {background-position: -42px -126px;}
.icoAddEmail {background-position: -42px -147px;}
.icoDeleteEmail {background-position: -42px -168px;}
.icoUser {background-position: -42px -189px;}
.icoGraph {background-position: -42px -210px;}
.icoResByQ {background-position: -42px -231px;}
.icoPie {background-position: -42px -252px;}
.icoBrowser {background-position: -42px -273px;}
.icoLocation {background-position: -42px -294px;}
.icoQuestionByPage {background-position: -63px 0px;}
.icoAssigned {background-position: -63px -21px;}
.icoActive {background-position: -63px -42px;}
.icoExpired {background-position: -63px -63px;}
.icoExpiredPending {background-position: -63px -84px;}
.icoRegister {background-position: -63px -105px;}
.icoBuild {background-position: -63px -126px;}
.icoResize {background-position: -63px -147px;}
.icoView {background-position: -63px -168px;}
.icoDown {background-position: -63px -189px;}
.icoUp {background-position: -63px -210px;}
.icoRight {background-position: -63px -231px;}
.icoLeft {background-position: -63px -252px;}
.icoInfo {background-position: -63px -273px;}
.icoTwitter {background-position: -63px -294px;}
.icoSetDefault {background-position: -84px 0px;}
.icoCloud {background-position: -84px -21px;}
.icoOptOut {background-position: -84px -42px;}
.icoTest {background-position: -84px -63px;}
.icoValid {background-position: -84px -63px;}
.icoLoopDeliveryStatus {background-position: -84px -84px;}
.icoLoopStatus {background-position: -84px -105px;}
.icoShowDetails {background-position: -84px -126px;}
.icoModify {background-position: -84px -147px;}
.icoOpen {background-position: -84px -168px;}
.icoFolderOpen {background-position: -84px -189px;}
.icoFolderClosed {background-position: -84px -210px;}
.icoFolder {background-position: -84px -231px;}
.icoSchedule {background-position: -84px -252px;}
.icoDrill {background-position: -84px -273px;}
.icoFlexi {background-position: -84px -294px;}
.icoFirst {background-position: -105px 0px;}
.icoNext {background-position: -105px -21px;}
.icoPrevious {background-position: -105px -42px;}
.icoLast {background-position: -105px -63px;}
.icoSync {background-position: -105px -84px;}
.icoGreenTick {background-position: -105px -105px;}
.icoPurge {background-position: -105px -126px;}
.icoDocNearlyExpired {background-position: -105px -147px;}
.icoDocExpired {background-position: -105px -168px;}
.icoOpenTemp {background-position: -105px -189px;}
.icoPDFSmall {background-position: -105px -210px;}
.icoRecBcast {background-position: -105px -231px;}
.icoRecBcastActive {background-position: -105px -252px;}
.icoCategories {background-position: -105px -273px;}
.icoRerun {background-position: -105px -294px;}
.icoModify {background-position: -126px 0px;}
.icoResByPage {background-position: -126px -21px;}
.icoShrink {background-position: -126px -42px;}
.icoBlank {background-position: -126px -63px;}
.icoPrintM {background-position: -126px -105px;}
.icoCancel {background-position: -126px -126px;}
.icoResultSet {background-position: -126px -147px;}
.icoTabBuild {background-position: -126px -168px;}
.icoTarget {background-position: -126px -189px;}
.icoNPS {background-position: -126px -210px;}
.icoAverageByQuestion {background-position: -126px -231px;}
.icoAverageBySurvey {background-position: -126px -252px;}
.icoInterface {background-position: -126px -273px;}
.icoAddNote {background-position: -126px -294px;}
.icoEditNote {background-position: -147px 0px;}


.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;}
.icoPayPal {width:63px;height:19px;background-position: -0px -50px;}
.icoCreditCard {width:94px;height:19px;background-position: -63px -50px;}
/* icon card */


/* 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: Geneva,Arial,Helvetica,sans-serif;
	color: #0d4366;
	font-weight: normal;
	text-align:left;
}

/* Quick Nav */


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 -2px;
}

a.qnbutton.qnicon.qnlib span {
	background-position: 0px -34px;
}

a.qnbutton.qnicon.qnform span {
	background-position: 0px -66px;
}

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

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.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 -2px;
}

a.qnbuttonsm.qnicon.qnlib span {
	background-position: 0px -34px;
}

a.qnbuttonsm.qnicon.qnform span {
	background-position: 0px -66px;
}

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

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));
}

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

.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;
}
.clsLegend .heading {
	font-size:18px;font-weight:bold;
}
.clsLegend .bkbutton {width:150px;}
.clsLegend textarea {height:100px;width:80%!important;}

.clsLegend .material-icons {font-size:20px!important;}


/*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;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  color:#555555;
  text-decoration:none;
  transition: all 0.3s ease 0s;
  border:0px solid black;
  text-decoration:none!important;
  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 */
/**/
/*Truncate text with ellipsis*/
/**/
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/**Override boot strap*/
h3, .h3 {
	font-size: 24px;
	/*font-size:1.5em;*/
}

h4, .h4 {
	font-size: 21px;
	/*font-size:1.1em;*/
}

h5, .h5 {
	font-size: 16px;
	/*font-size:.9em;*/
}
/*Boot strap 4 remove these adding for backwaards compatibility*/
.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

/*Faq help buton*/
.helpIcon {
	font-size: 20px;
	color: #343A40;
	vertical-align: middle;
}
/*Hide who link */
.clsWho
{
	display:none;
}