HTML
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-SIZE: 10pt;
    PADDING-TOP: 0px
}
BODY
{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-SIZE: 10pt;
    PADDING-TOP: 0px;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	color:#282878;
	BACKGROUND-COLOR: #FFF;
    /*BACKGROUND-COLOR: #F3F3F3;*/
}
H1 {
    MARGIN-TOP: 0px;
	color:#18547C;
}
H2 {
	margin:0;
	font-size:130%;
	color:#18547C;
	/ * margin: 10px; */
}
H3 {
	margin:10px 0;	
	color:#18547C;
}
H4 {
	color:#18547C;
}
P {
    FONT-SIZE: 12px
}
A {
    COLOR: #000000
}
UL {
    MARGIN: 0px
}
IMG {
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    DISPLAY: block;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none
}
.hinttext {
    FONT-SIZE: 11px
}
.inputbutton {
	border:none;
}
DIV.header {
	BACKGROUND: #ffffff
}
DIV.header H1 {
    MARGIN: 0px auto;
    WIDTH: 182px;
    DISPLAY: block;
    BACKGROUND: url(/rate/images/header_logo.jpg) no-repeat;
    HEIGHT: 90px
}
DIV.header SPAN {
    DISPLAY: none
}
.content_wrap {
    MARGIN: auto;
    WIDTH: 720
}
.content {
	padding: 5px 30px 0;
    position:relative;
    /*background: url(/rate/images/bg-content.jpg) #EBF5FF repeat-x; */
	
}
.content-body-side {
	float:right; 
	width:160px; 
	position:relative;
}
.free-program-image {
	float: right; 
	position: relative; 
	width:100px; 
	height:100px;
}
.free-program-image > img {
	position:absolute; 
	top:-50px; 
	right: -5px;
}
.navigation {
    TEXT-ALIGN: center;
    MARGIN: 0px auto;
    WIDTH: 100%;
    BACKGROUND: #373737; 
	/* BACKGROUND: #FFF; */
    HEIGHT: 35px;
    FONT-SIZE: 12px
}
.navigation UL {
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px auto;
    PADDING-LEFT: 0px;
    WIDTH: 720px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
.navigation LI {
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 14.14%;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    HEIGHT: 25px;
    PADDING-TOP: 10px
}
.navigation LI A {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #fff;
    PADDING-TOP: 0px
}
.navigation LI A:hover {
    TEXT-DECORATION: underline
}
.navigation LI.active A:hover {
    TEXT-DECORATION: underline
}
.navigation LI.activeleft {
    /*background-color: #D6E1FF; */
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	background-color:#E4E3E3;
}
.navigation LI.activeright {
    background-color: #D6E1FF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.navigation LI.activemiddle {
    background-color: #D6E1FF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.navigation LI.activeleft A {
    COLOR: #000
}
.navigation LI.activeright A {
    COLOR: #000
}
.navigation LI.activemiddle A {
    COLOR: #000
}
.navigation LI.farleft {
    BACKGROUND: url(/rate/images/bg-inactive-far-left.jpg) no-repeat center top
}
.navigation LI.farright {
    background-color: #373737;
}
.navigation LI.left {
    BACKGROUND: url(/rate/images/bg-inactive-line-left.jpg) no-repeat center top
}
.navigation LI.right {
    background-color: #373737;
	border-right:1px solid #888;
}
.navigation P {
    FONT-SIZE: 10px;
    PADDING-TOP: 4px
}
.navigation IMG {
    DISPLAY: inline
}
.sidebar-feedback-form {
	text-align: center;
}
.top-benefits-container {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
DIV.content IMG.banner2 {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    DISPLAY: inline;
    MARGIN-LEFT: 25px;
    PADDING-TOP: 10px
}
DIV.content IMG.video {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    DISPLAY: inline;
    FLOAT: right;
    PADDING-TOP: 10px
}
DIV.content P.content {
    WIDTH: 280px;
    MARGIN-LEFT: 38px;
}
DIV.content P.content2 {
    WIDTH: 305px;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold
}
DIV.middle_content {
	position:relative;
  	padding:0px 35px;
	z-index:10;
}
DIV.low_content {
	position:relative;
  padding:20px 38px;
}
DIV.low_content P.title {
    MARGIN-TOP: 10px;
    WIDTH: 500px;
    DISPLAY: inline;
    FLOAT: right;
    FONT-WEIGHT: bold
}
DIV.low_content P.sub {
    MARGIN-TOP: 10px;
    WIDTH: 500px;
    DISPLAY: inline;
    FLOAT: right
}
DIV.low_content P.sub2 {
    WIDTH: 450px;
    DISPLAY: inline;
    FLOAT: left;
    MARGIN-LEFT: 30px
}
DIV.low_content IMG.owl {
    DISPLAY: block
}
DIV.low_content IMG.badge {
    DISPLAY: inline;
    FLOAT: right;
    MARGIN-RIGHT: 20px
}
DIV.low_content DIV.top {
    HEIGHT: 200px
}
DIV.low_content UL.sub2 {
    MARGIN-TOP: 20px;
    WIDTH: 450px;
    DISPLAY: inline;
    FONT-SIZE: 12px
}
DIV.low_content UL.sub {
    MARGIN-TOP: 10px;
    WIDTH: 490px;
    FLOAT: right;
    FONT-SIZE: 12px
}
DIV.footer {
    TEXT-ALIGN: center;
    COLOR: #000;
    CLEAR: both
}
DIV.footer P {
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    PADDING-LEFT: 10px;
    WIDTH: 720px;
    PADDING-RIGHT: 10px;
    FONT-SIZE: 15px;
    PADDING-TOP: 5px
}
DIV.footer A {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 12px;
    PADDING-RIGHT: 12px;
    COLOR: #000;
    PADDING-TOP: 0px
}
DIV.footer A:hover {
    TEXT-DECORATION: underline
}
DIV.footer SPAN {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    FONT-SIZE: 12px;
    PADDING-TOP: 0px
}
DIV.footer IMG {
    DISPLAY: inline
}
TEXTAREA.translator {
    POSITION: relative;
    TOP: 0pt;
    LEFT: 0pt;
}
.appstore-images {
	text-align: center;
	padding: 10px 5px;
	display: inline-block;
}
.container {
    margin: 0px auto 0px;
    width: 800px;
    box-shadow: 0 0 17px #878787;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
}
.content-body-main {
	width: 480px;
	position: relative;
	float: left;
}
.content-body-main-header {
	background-color: #E4E3E3;
	border-top-left-radius: 10px;
	border: 1px solid #D6D7D9;
    border-top-right-radius: 10px;
    border-bottom: none;
	width:470px;
	height:25px;
	padding:15px 0 0 10px;
}
.content-body-main-body {
	background-color: #FDFDFA;
	width:460px; 
	min-height:170px; 
	padding:10px; 
	position:relative;
	border: 1px solid #D6D7D9;
}
.content-body-side-body {
	background-color: #FDFDFA;
	position:relative; 
	padding:10px; 
	width:140px;
	border: 1px solid #D6D7D9;
	margin-bottom: 10px;
}
.content-body-side-header {
	background-color: #E4E3E3;
	border-top-left-radius: 10px;
	border: 1px solid #D6D7D9;
    border-top-right-radius: 10px;
    border-bottom: none;
    height:25px; 
    width:150px;
    padding:15px 0 0 10px;
}
#header {
	position: relative;
}
.header-main-banner {
	width: calc(100% - 20px);
    padding: 0 10px;
}
.input-max-250 {
	width: 100%;
    max-width: 250px;
}
.input-max-100 {
	width: 100%;
    max-width: 100px;
}
.input-max-50 {
	width: 100%;
    max-width: 50px;
}
.language-navigation-container {
	padding: 10px 15px;
	background: #373737;
}
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 500px;
	height: 300px;
	left: 600px;
	top: 100px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
	display: none;
}
#layer2 {
	position: absolute;
	visibility: hidden;
	width: 500px;
	height: 300px;
	left: -1000px;
	top: -2000px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}
#close {
	float: right;
}

/* ALL BUTTONS */

/* this is the new class that replaces all the old rounded corner css (cory 2016) */
.roundedButton 
{
	display:inline-block;
	text-decoration: none;
	padding:10px 10px 10px 10px !important;
	background:#00457A;
	color:#fff;
	border-radius:4px;
	margin-bottom: 10px;
	margin-top: 10px;
}


/* CSS Document - this is the old css for rounded corners ect. */

/* a:link, a:visited {
	padding:0;
	font-weight:bold;
	color:#00007D;
	font-size:100%;
} */
 a:link, a:visited {
	
} 

a:hover, a:active {
		
}
.ButtonLeft {
	height:20px;
	width:7px;
	background:url(/rate/Images/AdjustableButtonLeft.png) no-repeat;
	float:left;
	margin:0;
	padding:0;
}
.ButtonRight {
	height:20px;
	width:7px;
	background:url(/rate/Images/AdjustableButtonRight.png) no-repeat;
	float:left;
	margin:0;
	padding:0;
}
.ButtonMiddle {
	height:20px;
	background:url(/rate/Images/AdjustableButtonMiddle.png) repeat-x;
	float:left;
	margin:0;
	padding:0;
	line-height:20px;
}
.ButtonMiddle a:link, .ButtonMiddle a:visited {
	text-decoration:none;
	color:#000;
}
.ButtonMiddle a:hover, .ButtonMiddle a:active {
	text-decoration:none;
	color:#F60;
}
.ButtonFloatLeft {
	float:left;
}
.ButtonMidSizeCenter {
	width:100px;
	margin:0 auto;
}
.ButtonSmallCenter {
	width:80px;
	margin:0 auto;
}
.ButtonLargeCenter {
	width:135px;
	margin:0 auto;
}
.LinkButton {
	float:left;
	background:url(../Images/ButtonBGRep.png);
	line-height:20px;
}
.orange {
	color:#F68B1F !important;
}
/* Specific Buttons */

#registerButton {
	position:absolute;
	
}
.responsive_menu_right {
    position: relative;
    padding-left: 1.25em;
    float: right;
}
.responsive_menu_right:before {
    content: "";
    position: absolute;
    left: 0;
    top: .25em;
    width: 1em;
    height: .25em;
    background: #fff;
    box-shadow: 0 .35em 0 0 #fff,0 .7em 0 0 #fff;
}
.responsive_menu_header {
    display: none;
}
.responsive_menu_left {
    color: #fff;
    font-size: 18px;
    float: left;
}
.responsive-show {
	display: none;
}
.sample-data-image, .sample-data-text {
	width: 49%;
	display: inline-block;
}
#secImage img {
	width: 100%;
	max-width: 220px;
}
.stats-table-headings {
	border: 1px solid #000000;
	border-left: 0px;
}
/* TOP OF PAGE */


#BelowHeader {
	position:relative;
	padding: 5px 0;
	top:0px;
	left:0px;
	width:100%;
}

/* GENERAL */

.ColumnHolder {
	position:relative;
	min-height:40px;
	z-index:50;
}
.FloatLeftSplash {
	float:left;
	width:295px;
	min-height:400px;
	padding:40px 10px 0;
	margin:0;
	background:url(../images/ColumnBackgroundLeft.png) no-repeat;
}
.FloatRightSplash {
	float:right;
	width:295px;
	padding:40px 10px 0;
	margin:0;
	background:url(../images/ColumnRightBackground.png) no-repeat;
}
.FloatLeftBen {
	position:relative;
	z-index:100;
	float:left;
	width:295px;
	padding: 10px;
	margin:0;
	border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    background: #F8CB5B;
    background: -webkit-linear-gradient(#F8CB5B, #FFF);
    background: -o-linear-gradient(#F8CB5B, #FFF);
    background: -moz-linear-gradient(#F8CB5B, #FFF);
    background: linear-gradient(#F8CB5B, #FFF);
}
.FloatRightBen {
	position:relative;
	z-index:100;
	float:right;
	width:295px;
	padding: 10px;
	margin:0;
	border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    background: #00B43C;
    background: -webkit-linear-gradient(#00B43C, #FFF);
    background: -o-linear-gradient(#00B43C, #FFF);
    background: -moz-linear-gradient(#00B43C, #FFF);
    background: linear-gradient(#00B43C, #FFF);

}
.FloatLeft {
	position:relative;
	top:0;
	left:0;
	width:320px;
	padding:0;
	margin:0;
}
.FloatRight {
	position:absolute;
	right:0;
	top:0;
	width:320px;
	padding:0;
	margin:0;
}
.benefitBlock {
	position:relative;
	padding:0 0 0 45px;
	/* width:265px; */
	min-height:45px;
	clear:left;
}
.benefitBlock a {
	text-decoration:none;
	font-size:80%;	
}
#BenImage {
	position:absolute;
	left:0;
	top:-35px;
	z-index:9;
}
.BenText {
	position:relative;
	width:300px;
	padding:45px 5px 5px;
	margin:0 0 0 -45px;
	display:block;
	z-index:20;	
}
.BenSumBlock {
	position:relative;
	padding:2px;
	width:100%;
	clear:left;
}
.BenSummary h3 {
	margin:0;
}
.BenSummary p {
	margin:0;
}
.BenIcon {
	clear:left;
	float:left;
	margin:0 10px 10px 0;
}
.NextBen {
	
}
.StepIcon {
	width:20px;
	height:20px;
	float:left;
	clear:left;
	margin:10px 10px 0 0;
}
.StepDescription {
	width: calc(100% - 40px);
	float:left;
	margin:10px 0;
}
#BusinessTypeList {
	width:200px;
	float:left;
	text-align: center;
}
.BTListItem {
	width:80px;
	height:65px;
	margin:5px auto;
	text-align:center;
	display: inline-block;
}
#BTDescriptions {
	width:260px;
	float:right;
}
.BTExamples {
	overflow:auto;
	height:250px;
	padding:5px;
	background-color:#FFF;
}
.BTExamples p {
	line-height:16px;
	margin-top:0;
}
.end_content {
	text-align: center;
	background:#E4E3E3;
	padding:10px;
	font-size: 11px;
}
.RowBreaker {
	clear:both;	
}

td {
	vertical-align: top;
}
td.middle { 
	vertical-align:middle;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/img/warning/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/img/warning/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/img/warning/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/img/warning/error.png');
}

@media all and (max-width: 740px) {
	#BTDescriptions {
		width: 50%;
		text-align: justify;
	}
	#BusinessTypeList {
		width: 50%;
		text-align: center;
	}
	.container {
    	width: 100%;
    	border: none;
	}
	.content-body-main {
		width: 100%;
	}
	.content-body-main-header {
		height: auto;
		width: calc(100% - 20px);
	    padding: 15px 10px 5px;
	}
	.content-body-main-body {
	    width: calc(100% - 20px);
	    min-height: auto;
	    padding: 10px;
	    position: relative;
	}
	.content-body-side {
		width: 100%;
		padding: 15px 0 5px;
	}
	.content-body-side-body { 
		width: calc(100% - 20px);
    	padding: 10px;
	}
	.content-body-side-header {
		width: calc(100% - 20px);
    	padding: 15px 10px 5px;
	}
	.content_wrap {
		width: 100%
	}
	.middle_content .FloatLeftBen, .middle_content .FloatRightBen {
        width: calc(100% - 20px);
        float: none;
        background-position: center;
        margin: 20px 0;
    }
	.navigation {
		height: auto;
		text-align: start;
	}
	.navigation li {
		text-align: start;
		width: auto;
		padding: 5px 0;
		height: auto;
		float: none;
		font-size: 14px !important;
	    border-bottom: 1px solid #444;
	}
	.navigation li.activeleft, .navigation li.activeright, .navigation li.activemiddle {
		background: none;
		color: #75B0DD;
	}
	.navigation li.farright, .navigation li.farleft {
		background: none;
	}
	.navigation li.right, .navigation li.left {
		background: none;
		border-right: none;
	}
	.navigation ul {
		width: auto;
		padding: 0px 0px 10px 5px;
    	margin: 0px;
	}
	.navigation ul > li:first-of-type {
		padding-top: 15px;
	}
	.responsive-menu {
		padding: 1% 5%;
		background-color: #000;
	}
	.responsive-menu > ul {
		display: none;
	}
	.responsive_menu_header {
		display: block;
		cursor: pointer;
		overflow: auto;
	}
	.responsive-show {
		display: inline-block;
	}
	.responsive-hide {
		display: none;
	}
	.sample-data-image {
		text-align: center;
	}
	.sample-data-image > img {
		display: inline-block;
	}
	.sample-data-image, .sample-data-text {
		width: 100%;
	}
	.sidebar-feedback-images {
		float: right;
		width: 36%;
		max-width: 150px;
	}
	.sidebar-feedback-form {
		width: 64%;
    	min-width: calc(100% - 150px);
	}
}

@media all and (max-width: 500px) {
	#BTDescriptions, #BusinessTypeList {
		width: 100%;
	}
	.content_wrap .content, .content_wrap .middle_content, .content_wrap .low_content {
		padding: 5px 10px;
	}
	.free-program-image {
		display: none;
	}
	.sidebar-feedback-images {
		width: 100%;
	}
	.sidebar-feedback-form {
		width: 100%;
    	float: right;
	}
	.survey-table {
		font-size: 9px;
	}
	.stats-table-headings { 
		font-size: 7px;
	}
	table.sortable {
		font-size: 8px;
	}
}
/* styling for the icons on the home page */
#littleIcon 
{
	font-size: 20px; 
	display: block;
	color: #00457A;

}

/* styling for the forms */
.txtName {
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	 
}

.txtBox {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* styling for the surveys */
.survTitle {
	display: block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
	font-size: 15px;
}

.radioStyle {
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: auto;

}

.radioStyleStandard {
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.standardTextBox {
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.textAreaStyle {
	display: inline-block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: auto;

}
/* for the drag and drop */
.sortable li { 
	padding: 6px;
	list-style: none;
}
.sortable li:hover {
	cursor:default;
}
.sortable li.ui-sortable-helper {
	background:#264C6D;color:#fff;
}

/* this is for the jquery validation */
.required {
	border-style: solid;
    border-color: #FF0055;
}

.customSurv {
	border-style: solid;
	border-color: #000;
	/* padding: 20px; */
	border-width: 1px;
	margin: 0 35px 35px 35px;
}

.view_comm{
	padding-bottom: 20px;
}

.comments{
 margin-bottom: 20px;
}
.comments p {
	margin: 0px;
	padding: 8px 0;
	color: #000;
}

.tigerStripe {
	background-color: #E8E8EE;
	padding: 10px;
}
.customChart{
	margin-bottom: 25px;
}

.oImage {
    margin: 30px;
}

div#dialog-1 {
    padding: 20px;
}

.feedBack {
    padding: 15px;
}

div#personalDetails {
    padding: 15px;
}

.pPolicy {
    padding-left: 20px;
    padding-top: 20px;
}

#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #264c6d;
    color: white;
}

a.roundedButton.customUpgrade {
    background-color: grey;
}

.oldsurv {
    padding: 20px;
}