/* CSS Document 
--------------------------------------------------------------------
						Steven Johnston
						for
						RMNJ DIRECT
						25/11/09
						
						Version 1.0
						
						Project: RMNJ Direct
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments												
						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
Blue: #2D4892
Light blue: #718CB4
Pale Blue: #DCE6F5	

NEW COLORS
----------
DARK GREY: #666
BLUE : #009dd9
BLACK: #333
LIGHT GREY : e4e4e4 

ORANGE : ff8400

--------------------------------------------------------------------
*/
/*---------------------------
		Globals
-----------------------------*/
*{
	padding:0;
	margin:0;
}
html{
	min-height:101%;
}
img{
	border:none;
}

body{
	    background-color: #666;
}

/*---------------------------
		Structure
-----------------------------*/
#wrapper{
	width:1002px;
	margin:30px auto 0 auto;
	position:relative;
}

#header{
	width:1002px;
	height:168px;
	background:url(../images/header.jpg) no-repeat;
}
#headerText{
	float:right;
	text-align:right;
	margin:38px 84px 0 0;
}
#content{
	width:980px;
	padding:0 11px 50px 11px;
	/* background:url("../images/bg_content.gif"); */
	background-color: #FFFFFF;
}
#mainMenu{
	width:980px;
	height:36px;
	/* background:url("../images/bg_menubar.gif"); */
}
#contentBody{
	padding:22px 0 0 20px;
}
.rightCol{
	float:left;
	width:739px;
	padding:0 0 0 15px;
}
.leftCol{
	float:left;
	width:187px;
}
.rightColText{
	float:right;
	width:252px;
}


#login{
	width:187px;
	height:113px;
	margin:0 0 20px 0;
	background:url("../images/bg_login.gif");
}
#whyPanel{
	float:left;
	width:187px;
	height:291px;
	margin:0 0 10px 0;
	background:url("../images/bg_why_panel.gif");
}
#whyPanel .titleHolder{
	padding:16px 0 0 0;
	height:48px;
}
#whyPanel h1{
	text-align:center;
}
#whyPanel ul{
	list-style:none;
	padding:0 0 0 30px
}
#whyPanel ul li{
	padding:0 0 20px 0;
}

.addressPanel{ width:167px; height:43px; margin:20px 0 0 0; padding:10px; background:url(../images/bg_address.jpg) no-repeat; font-size:12px; float:left;}

#howPanel{
	width:739px;
	height:170px;
	margin:0 0 24px 0;
	background:url("../images/bg_how_panel.jpg");
}
#howPanel .titleHolder{
	padding:10px 0 0 0;
	height:33px;
}
.homePanel .titleHolder{ /*MC*/
	padding:10px 0 0 0; height:33px; float:left; width:250px; display:inline;
}
.homePanel h1{
	padding:0;
	font-size:20px;
	color:#222;
}
.homePanel h2{
	padding:0;
}

#login .titleHolder{
	padding:4px 0 0 10px;
	height:39px;
}
#howPanel h1{
	padding:0 0 0 15px;
}
#howPanel table{
	width:100%;
}
#howPanel td{
	text-align:center;
	vertical-align:top;
	padding:85px 0 0 0;
}
#howPanel td.col1{
	width:240px;
}
#howPanel td.col2{
	width:280px;
}
#panelHolder{
	width:739px;
}

.homePanel{float:left; width:315px; height:162px; padding:10px; margin:15px 0 20px 15px;; color:#222; background: linear-gradient(135deg, #fff 0%, #e4e4e4 100%);     border-top: 18px solid #009dd9;}/*MC*/

.docsPanel{float:left; width:315px; height:162px; padding:10px; margin:15px 0 20px 15px;; color:#222; background: linear-gradient(135deg, #fff 0%, #e4e4e4 100%);     border-top: 18px solid #009dd9;}/*MC*/

.otherPanel{float:left; width:315px; height:162px; padding:10px; margin:15px 0 20px 15px;; color:#222;background: linear-gradient(135deg, #fff 0%, #e4e4e4 100%);     border-top: 18px solid #009dd9;}



.homePanel .titleHolder, .docsPanel .titleHolder, .otherPanel .titleHolder{/*MC*/
	padding:10px 0 0 0;
	height:35px;
}

.homePanel.help, .homePanel.offers, .homePanel.docs{
	border-color: #ff8400;
}

/* .accept{background:url(../images/bg_acceptquote.jpg) no-repeat;}MC
.help{background:url(../images/bg_help.jpg) no-repeat;}MC
.offers{background:url(../images/bg_homepanel_offers.jpg) no-repeat;}MC
.trackcase{background:url(../images/bg_trackcase.jpg) no-repeat;}MC
.propartners{background:url(../images/bg_propartners.jpg) no-repeat;}MC
.blue{background:url(../images/bg_homepanel_blue.jpg) no-repeat;}MC
.docs{ background:url(../images/bg_docs.jpg) no-repeat;}MC
 */
#stepPanel h3 a{font-size:20px; font-weight:normal; text-decoration:underline; color:#2D4892; }
#stepPanel h3{margin:10px 0 0 0;}

.trackLogin{float:left; margin:3px 0 0 60px;}

#enterClientArea{
	float:left;
	width:478px;
	height:220px;
	padding:0 10px 10px 10px;
	margin:0 11px 0 0;
}
#getInTouch{
	float:left;
	width:200px;
	height:220px;
	padding:0 10px 10px 10px;
}

.hometext{
	float:left;
	width:200px;
	padding:10px 0 0 0;
	line-height:1.4;
	overflow:hidden;
}
.acceptGo{
	float:left; margin:40px 0 0 0;
}
#enterClientArea{
	background:url("../images/bg_panel_enter_client_area_wide.gif");
}

#enterClientArea .titleHolder, #getInTouch .titleHolder{
	padding:8px 0 0 0;
	height:26px;
}
.homePanel ul{
	padding:10px 0 0 0;
	width:150px;
	float:left;
	list-style:none;
}
.homePanel ul li{
	padding:3px 0 3px 20px;
	list-style:none;
	background:url(../images/tick.gif) no-repeat left;
}

#getInTouch{
	margin:0 0 0 1px;
	padding:0 12px 10px 12px;
	width:203px;
	background:url("../images/bg_panel_get_in_touch.gif");
}
#getInTouch p{
	padding:10px 0 0 0;
	height:65px;
	line-height:1.5;
}
#getInTouch a{
	display:block;
	width:164px;
	height:43px;	
	padding:5px 0 0 8px;
}
#getInTouch a .tel{
	text-align:center;
}
#getInTouch a .email{
	text-align:left;
}
#getInTouch .btnspacer{
	width:152px;
	height:9px;
}
/* #footer{
	width:932px;
	height:34px;
	padding:8px 35px 0 35px;
	background:url("../images/bg_footer.gif");
} */
#cocreate{
	width:300px;
	float:right;
	text-align:right;
}
#copyright{
	width:300px;
	float:left;
}
.divbtm{
	clear:both;
	width:1px;
	height:1px;
}
#loginFormPP{
	width:156px;	
}

#loginFormCA{
	width:160px;
	float:left;
	margin:10px 0 0 0;
}
#loginFormPP{
	padding:10px;
}
#loginFormPP table, #loginFormCA table{
	width:100%;
}
#loginFormPP td.loginInput{
	width:125px;
	padding:0 10px 2px 0;
}
#loginFormCA td.loginInput{
	width:150px;
	padding:5px 10px 5px 0;
}

#loginFormPP td.loginInput input{
	width:120px;
	padding:2px 0 2px 5px;
}
#loginFormCA td.loginInput input{
	width:145px;
	padding:5px 0 5px 5px;
}

td.loginSubmit{
	padding:0 0 2px 0;
	text-align:right;
}
.titlebarBlue, .titlebarOrange, .titlebarYellow{
	height:32px;
	padding:11px 0 0 15px;
	margin:0 0 20px 0;	
}
.titlebarBlue{
	/* background:url("../images/bg_titlebar_blue.gif"); */
	background:linear-gradient(135deg, #666 0%, #333 100%);
}
.titlebarOrange{
	/* background:url("../images/bg_titlebar_orange.gif"); */
	background:linear-gradient(135deg, #666 0%, #333 100%);
}
.titlebarYellow{ 
	/* background-color:#FFD400;  */
	background:-webkit-linear-gradient(top left, #666 0%, #333 100%);
	background:-o-linear-gradient(top left, #666 0%, #333 100%);
	background:linear-gradient(to bottom right, #666 0%, #333 100%);
}

.contentImg{
	float:right;
}
.contentText{
	float:left;
	width:450px;
	padding:0 0 0 10px;
	line-height:1.5;
}
.leftColContent{
	padding:0 10px 0 10px;
}
.leftColContent .titleHolder{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #758EB7
}
.showForm .titleHolder, .hideForm .titleHolder{
	padding:8px 0 8px 0;
}
#stepTable{
	width:100%;
	margin:0 0 30px 0;
}
#stepTable td{
	text-align:center;
}
td.stepBox{
	width:130px;
	vertical-align:top;
}
.selectedBoxOrange, .selectedBoxYellow, .selectedBoxRed, .selectedBoxGreen, .unselectedBox{
	width:130px;
	height:103px;	
}
.selectedBoxOrange{
	background:url("../images/bg_step_box_orange.gif");
}
.selectedBoxYellow{
	background:url("../images/bg_step_box_yellow.gif");
}
.selectedBoxRed{
	background:url("../images/bg_step_box_red.gif");
}
.selectedBoxGreen{
	background:url("../images/bg_step_box_green.gif");
}
.unselectedBox{
	background:url("../images/bg_step_box_grey.gif");
}
.titleBox{
	padding:15px 0 0 0;
	height:35px;	
}
.btnHolder{
	width:197px;
	margin:20px 0 0 0;
}
.btnHolder img{
	margin: 7px 0 0 0;
}
/*---------------------------
		   Forms 
-----------------------------*/

.formHeader{
	width:670px;
	height:26px;
	padding:7px 0 0 10px;
	margin:20px 0 20px 0;
	/* background:url("../images/bg_form_header.gif"); */
	background-color: #009dd9;
}
.formTable{
	width:520px;
}
.formTable td{
	padding:7px 0 7px 0;
}
.formTable td.formLabel{
	width:200px;
	padding:0 10px 0 0;
}
.formTable td.formInput input:not([type='checkbox']), .formTable td.formInput select, .formTable td.formInput textarea{
	width:90%;
	background:#DCE6F5;
	border:solid #FFFFFF 2px;
	font-size:14px;
	padding:4px 0 4px 3px;
}

.formTable td.formInput input[type='button']{
	transition: background 0.2s linear;
	background-color:#666;
	color:#ffffff;
}

.formTable td.formInput input[type='button']:hover{
	background-color: #009dd9; transition: background 0.2s linear;
	color:#ffffff;
}


.formTable td.formInput input.button{
	border:solid 1px #2D4892; cursor:pointer;
}

.formTable td.formRadio input{
	border:none;
	font-size:14px;
	padding:4px 0 4px 3px;
	width:40px;
	cursor:pointer;
}
.formTable td.formRadio label{
	cursor:pointer;
}

.formTable td.formInput textarea{
	height:100px;
}
td.tdRadio{
	width:20px;
}
.formTable td.formInput table tr td input{
	background-color:#FFFFFF;
}
input.radio{
	
}	
.formTable td.formInput input.short{
	width:40%;
}
.formTable td.formInput input.medium{
	width:60%;
}
#navBtns{
	padding:30px 0 30px 0;
	width:670px;
}
#navBtns img{
	margin: 0 30px 0 0;
}
#navBtns img:hover{
	cursor:pointer;
}
.hideForm{
	display:none;
}

/*---------------------------
		Menu Static
-----------------------------*/
#menuStatic{
	float:left;
	width:300px;
}
#menuStatic ul{
	list-style:none;
}
#menuStatic ul li{
	float:left;
	text-align:center;
}
#menuStatic ul li a{
	display:block;
	padding:8px 0 0 0;
	width:131px;
	height:28px;
}
#menuStatic ul li a:hover{
	background:url("../images/bg_menu_static.gif");
}
/*---------------------------
		Typography
-----------------------------*/
body, textarea{
	font-family:Arial,Verdana, Helvetica, sans-serif;
}
#howPanel h1, #getInTouch a, .titlebarBlue h1, .titlebarOrange h1, .titlebarYellow h1{
	font-size:22px;
}
#enterClientArea h1, #getInTouch h1, #whyPanel h1, .leftColContent h2, td.stepBox h1, .formHeader h1{
	font-size:18px;
}
.homePanel h1, .showForm .titleHolder h2, .hideForm .titleHolder h2{
	font-size:20px;
}
#login h1, #getInTouch a .email{
	font-size:18px;
}
#header, #mainMenu, input.loginInput, #howPanel td{
	font-size:13px;
}
.homePanel ul, #whyPanel ul{
	font-size:12px;
}
.contentText p, td.stepBox p, .formTable, .showForm p{
	font-size:12px;
}
#panelHolder p, .copy{
	font-size:12px;
}
#getInTouch a .hours, #footer{
	font-size:10px;
}

input.loginInput{
	color:#333;
}
#header{
	color:#599558;
}
#mainMenu a, .blue, .contentText p, td.stepBox .unselectedBox, .showForm .titleHolder h2, .hideForm .titleHolder h2, .formTable, .copy a{
	color:#2D4892;
}
.red{
	color:#F50000
}
#menuStatic ul li a:hover, .white, .titlebarBlue h1, .titlebarOrange h1, td.stepBox .selectedBoxOrange, td.stepBox .selectedBoxYellow, td.stepBox .selectedBoxRed, td.stepBox .selectedBoxGreen, .formHeader{
	color:#FFFFFF;
}
a{
	text-decoration:none;
}
#cocreate a:hover, .underline, .copy a{
	text-decoration:underline;
}
h1, h2{
	font-weight:100;
}

.quote{padding:30px; background:url(../images/quote_bg.gif) no-repeat;}
.quote p{font-size:10px; color:#718CB4; line-height:14px; }

.annotation{font-size:10px; padding:0 0 0 20px;}

.folderPage{border-left:solid 1px #718CB4; border-right:solid 1px #718CB4; border-bottom:solid 1px #718CB4; float:left; width:735px; padding:40px 0 40px 0; background:url(../images/folder_bg.gif) repeat-x top;}


/* -------------- Menu Bar --------------- */
.tabsholder{float:left;width:739px; font-size:12px; border-left:solid 1px #718CB4;z-index:99;}
.tabsholder ul{list-style-type:none;}
.tabsholder li{position: relative; left:0; right:0px; float:left; z-index:999;}
.tabsholder .tab{border-right:solid 1px #718CB4; border-top:solid 1px #718CB4; border-bottom:solid 1px #718CB4; display:block; padding:10px 20px 10px 20px; text-align:center; color:#2D4892;}
.tabsholder .tabdown{border-right:solid 1px #718CB4; border-top:solid 1px #718CB4; border-bottom:solid 1px #ADB9D4; display:block; padding:10px 20px 10px 20px; text-align:center; background:url(../images/tab_bg.gif) repeat-x; color:#FFFFFF; }
.tabsholder .tab a{border:none; margin:0; padding:0;}
.tabsholder a:hover{background:url(../images/tab_bg.gif) repeat-x; color:#FFFFFF;}
.tabsholder li ul{width:190px;}
.tabsholder li ul a {color:#FFFFFF; background-color: #ADB9D4; text-align:left; text-decoration:none; width:auto; margin:0;}
html>body .tabsholder li ul a {height: 20px; background-color: #ADB9D4; color: inherit;}
.tabsholder li ul {left: -999em;position: absolute;float: none;top: auto;width: auto;list-style-type: none;z-index: 99;margin: 0px 3px 0px 10px;padding: 0px;}
html>body .tabsholder li ul {width: auto;}
.tabsholder li:hover ul{left:-10px;}
.tabsholder li ul li {display: block;float: none;height: auto;width: auto;font-size: 12px;line-height: normal;background-image: none;position: relative;margin: 0;padding: 0;}
html>body .tabsholder li ul li {width:190px;}
.tabsholder li li a {font-weight: normal;display: block;border :none;float: none;height: auto;width: 190px;text-transform: none;padding: 3px 4px 3px 8px;}
html>body #menu li li a {width: auto;}




.corner{float:left;border-bottom:solid 1px #718CB4; padding:11px 17px 10px 20px;}

.people{float:left;padding:0 0 0 10px;line-height:1.5; width:725px;}

.team{padding:10px 20px 0 20px; float:left; width:650px;}
.leader{float:left; padding:10px 30px 10px 10px; height:150px; border:1px;}
.team .member{height:120px;float:left; font-size:10px;}
.team .member img{margin:40px 30px 0 30px;}
.team .member p{padding:5px; text-align:center;}

.quoteWide{padding:30px 40px 0 40px; background:url(../images/quote_start.gif) no-repeat top left; width:630px; float:left;}
.quoteWide p{font-size: 10px; color:#718CB4; line-height:14px;}
.quoteEnd{background:url(../images/quote_end.gif) no-repeat bottom right; width:710px; float:left; height:30px;}

.copyWide{padding:0 40px 0 40px; width:630px; float:left;}
.copyWide p{font-size: 10px;line-height:14px;}

#quoteTable td{padding:5px;}


#formStep1 input, #formStep2 input, #formStep3 input, #formStep1 textarea, #formStep2 textarea, #formStep3 textarea{border:2px solid #FFFFFF;}

.submitBtn{padding:5px; margin:5px; width:200px; color:F57E1F; border:dashed 4px #F57E1F; display:block; text-align:center; background-color:#FFFFFF; cursor:pointer;}

.enterRef{
	width:90%;
	background:#DCE6F5;
	border:dashed #718CB4 4px;
	font-size:14px;
	padding:10px;
	}
	
#forgotPass{width:300px; height:200px; padding:10px; display:none; background: url(../images/bg_dialog.jpg) no-repeat; font-size:11px; color:#000000;}

.login-dialog p{font-size:11px;}
.login-dialog input{margin:5px 0 5px 0; padding:3px; border:solid 1px #2D4892; font-size:10px;}
#requestLogin{cursor:pointer;}


/* -------------- sideMenu --------------- */
ul#sideMenu{
	margin:10px 0 0 0;
	float:left;
}
ul#sideMenu li{
	height:33px;
	float:left;
	list-style:none;
	margin:0 0 3px 0;
	/* background:url(../images/btn_bg.gif) no-repeat; */
	background-color: #009dd9;
	color:#FFFFFF;
	transition: background 0.2s linear;
}
ul#sideMenu li:hover{
	background-color: #333;
	text-decoration: underline;
}

ul#sideMenu a{
	display:block;
	width:170px;
	padding:7px 0 5px 10px;
	color:#FFFFFF;
	font-size:13px;
}

ul#sideMenu ul, ul#sideMenu li{width:180px;}
ul#sideMenu li ul{
	left:-2000em;
	position:absolute;
	z-index:100;
}

ul#sideMenu li:hover ul{
	left:210px;
	display:inline;
	margin-top:-28px;
}
ul#sideMenu li ul li{
	transition: background 0.2s linear;
	margin:0;
	background-image:none;
	/* background-color:#DCE6F5; */
	background-color: #333;
	text-decoration:none;
	color: #FFFFFF;
	/* border-top:dashed 1px #FFFFFF; */
}
ul#sideMenu li ul li:hover{

	/* background-color:#c9c9c9; */
	text-decoration: underline;
}

ul#sideMenu li ul li:hover{

	/* background-color:#c9c9c9; */
	
}

ul#sideMenu li ul li a{
	text-decoration:none;
	/* color:#2D4892; */
	color:#FFFFFF;
}
ul#sideMenu li ul li:hover a{
	text-decoration: underline;
	/* color:#2D4892; */
	color:#FFFFFF;
}
ul#sideMenu li ul li:hover:after{
	content: " >";
}

.viewFees{cursor:pointer; text-decoration:underline;}

table.fees{margin:10px 0 10px 0;}
table.fees td{font-size:12px;}
table.fees td{padding:5px;}
table.fees .tTitle{color:#FFFFFF;}

table.fees a{text-decoration:underline; cursor:pointer; color:#0000FF;}
table.fees a:hover{color:#FFFFFF;}

.green{color:#00CC00;}
#accordion .content{height:440px;}
#accordion h3 a{color:#0000ee; cursor:pointer;}
#accordion h3 a:hover{text-decoration:underline;}

.fileDownload{ display:block; width:312px; height:159px; background-image:url(../images/document_download.png); margin:20px;}

.welcomePanel{
	margin:0 0 10px 0;
	width:185px;
	background:url(../images/details_panel.gif) no-repeat;
	float:left;
	font-size:12px;
}
#welcome{
	padding:5px 5px 5px 5px;
	width:170px;
	height:60px;
	/* background:url(../images/details_panel.gif) no-repeat; */
	color:#FFFFFF;
	background: -webkit-linear-gradient(top left, #666 0%, #333 100%);
	background: -o-linear-gradient(top left, #666 0%, #333 100%);
	background: linear-gradient(to bottom right, #666 0%, #333 100%);
	float:left;
	font-size:12px;
}
#welcome a{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #009dd9;
	padding: 3px;
	display: inline-block;
	transition: background 0.2s linear;
}

#welcome a:hover
{
	background-color: #ff8400;
}

.welcomeLogo{
	margin:0 0 10px 0;
	width:175px;
	height:115px;
	float:left;
	font-size:12px;
}

#clientLogo{width:185px; float:left;}

.clientInfo{cursor:pointer;}

.balloonstyle{display:none; width:300px; padding:10px; color:#2D4892; background-color:#DCE6F5;}

.formBtn{padding:10px; width:65px; display:block; background-color:#DCE6F5; color:#2D4892; border:solid 1px #2D4892; cursor:pointer;}

.caption{padding:10px; margin:0 0 10px 0; background-color:#ffffcc;}

.padLeft{}

.left{float:left;}
.right{float:right;}
.mBottom10{margin-bottom:10px;}
.mTop10{margin-top:10px;}

.download{padding:3px 0 3px 30px; background:url(../images/icon_pdf.png) left no-repeat;}
.download:hover{text-decoration:underline;}

#navBtns input{
	cursor:pointer;
	/* background-color:#FA7705;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.45, #FA7705),
		color-stop(1, #B50D0D)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#FA7705 45%,
		#B50D0D 100%
	);
	border:0px solid #FA7705;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; */

	background-color: #666;
	color:#FFFFFF;
	width:120px;
	height:35px;
	border: none;
	transition: background 0.2s linear;
	
}

#navBtns input:nth-child(2){
	float: right;
}

#navBtns input:hover{
	background-color: #009dd9;
	color:#FFFFFF;
}

.secured{
	text-align:center;
	width:187px;
	margin-top:20px;
	float:left;
}

nav{
	background-color: #333;
    min-height: 20px;

    width: 1002px;
    margin-left: 0px;
}

nav .logo a {
    width: 80px;
}
nav a {
    padding: 0.5em;
}
nav a {
    display: block;
    text-decoration: none;
    color: #fff;
    line-height: 100%;
}

nav .phone {
        position: absolute;
    top: -10px;
    right: 10px;
    margin-top: 10px;
}

#footer{
	 width: 982px;
	 background-color: #333;
	 min-height: 20px;
	 padding: 10px;
}

.loginButton{
	color:#FFFFFF;
	background-color: #666;
	margin: 10px 0 10px 0;
	display: inline-block;
	float: right;
	transition: background 0.2s linear;
}

.loginButton:hover{
	background-color: #009dd9;
}

.quoteButton{
	clear: both;
	background-color: #666;
	color: #FFFFFF;
	margin: 10px 0 10px 0;
	display: inline-block;
	float: right;
	transition: background 0.2s linear;
}

.quoteButton:hover{
	background-color: #009dd9;
}

.feesButton{
	clear: both;
	color:#ff8400;
	background-color: #666;
	margin: 10px 0 10px 0;
	display: inline-block;
	float: right;
	transition: background 0.2s linear;
}

.feesButton:hover{
	background-color: #009dd9;
}

#logout{
	float: right;
}


.the-debug-message {
	display: block;
	height: 400px;
	/*position: fixed;*/
	bottom: 0px;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	            box-sizing: border-box; 
	overflow: scroll;
	background: #fff;
	z-index: 10;
	margin-top: 40px;
	font-size: 12px;
}
.the-debug-message:hover {
	/*opacity: 0.8;*/
}

.web-cell-padding {padding:10px;}

.table-overflow {
    overflow-x: auto;
}
.toggleleftcol {display: none;}
/*@media (max-width: 575.98px) {*/
@media (max-width: 800px) {
	.toggleleftcol {
		display: block;
		width: 100%;
		padding: 10px 10px;
		text-align: center;
		border-radius:0px;
		background: #000;
		color: #fff;
		border:1px solid #000;
		border-top-color:#606060;
		border-bottom-color:#606060;
		font-size: 14px;
		line-height: 20px;
		font-family: 'UbuntuLight';
		font-weight: 100;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.leftCol {display: none;}
	* {
		box-sizing: border-box;
	}
	#wrapper {
		width: 100%;
	}
	nav {
	    width: 100%;
	}
	#content {
		width: 100%;
		padding: 0 0 50px 0;
	}
	#contentBody {
	    padding: 22px 20px 0 20px;
	}
	.leftCol {
	    width: 100%;
	    float: none;
	    border-bottom:6px solid #000;
	    margin-bottom: 30px;
	}
	.welcomePanel {
		width: 100%;
	    float: none;
	    display: block;
	}
	#welcome {
		width: 100%;
    	height: auto;
    	float: none;
	}
	#logout {
		float: none;
		text-align: right;
	}
	ul#sideMenu {
		float: none;
	}
	ul#sideMenu ul, ul#sideMenu li {
	    width: 100%;
	}
	ul#sideMenu li {
	    height: auto;
	    float: none;
	}
	.left {
	    float: none;
	}
	.addressPanel {
	    width: 100%;
	    height: auto;
	    margin: 0px 0 10px 0;
	    padding: 10px;
	    border:1px solid #ddd;
	    background: #eee;
	    font-size: 12px;
	    float: none;
	}
	.rightCol {
	    float: none;
	    width: 100%;
	    padding: 0 0 0 0;
	}
	.titlebarBlue, .titlebarOrange, .titlebarYellow {
	    height: auto;
	    padding: 10px 15px;
	    margin: 0 0 20px 0;
	}
	.formHeader {
	    width: 100%;
	    height: auto;
	    padding: 7px 10px;
	    margin: 10px 0 20px 0;
	}
	.formTable {
		width: 100%;
	}
	.formTable td.formLabel {
	    width: 100%;
	    padding: 0 10px 0 0;
	    display: block;
	}
	.formTable td.formInput {
	    width: 100%;
	    padding: 6px 0 20px 0;
	    display: block;
	}
	.formTable td.formRadio {
	    width: 100%;
	    padding: 10px 0 20px 0;
	    display: block;
	}
	.formTable td.formCheckbox {
	    width: 100%;
	    padding: 10px 0 20px 0;
	    display: block;
	}
	.formTable td.formInput input:not([type='checkbox']), .formTable td.formInput select, .formTable td.formInput textarea {
	    font-size: 16px;
	    line-height: 1;
	    padding: 6px 12px;
	    width:100%;
	}
	.formTable td.formInput input.short {
	    width: 60%;
	}
	#navBtns {
	    padding: 30px 0 30px 0;
	    width: 100%;
	}
	#footer {
	    width: 100%;
	    min-height: 20px;
	    padding: 10px;
	    text-align: center;
	}
	#cocreate {
	    width: 100%;
	    float: none;
	    text-align: center;
	    margin-bottom: 5px;
	}
	#copyright {
	    width: 100%;
	    float: none;
	    margin-bottom: 5px;
	}
	.homePanel {
	    float: none;
	    width: 100%;
	    height: auto;
	    padding: 10px;
	    margin: 0 0 20px 0;
	}
	.homePanel .titleHolder, .docsPanel .titleHolder, .otherPanel .titleHolder {
	    padding: 10px;
	    height: auto;
	    float: none;
	    width: 100%;
	}
	.hometext {
	    float: none;
	    width: 100%;
	    padding: 10px 0;
	}
	.quoteButton {
	    margin: 10px 0 10px 0;
	    float: none;
	}
	#loginFormCA {
	    width: 100%;
	    float: none;
	    margin: 10px 0 0 0;
	}
	#loginFormCA td.loginInput {
	    width: 100%;
	    padding: 0;
	    background-color: #fff;
	    margin-bottom: 10px;
	    display: block;
	}
	#loginFormCA td.loginInput input {
	    width: 100%;
	    padding: 5px 5px 5px 5px;
	}
	.homePanel ul {
	    width: 100%;
	    float: none;
	    margin: 10px 0;
	}
	.loginButton {
	    margin: 10px 0 10px 0;
	    float: none;
	}
	#stepTable, #stepTable tbody, #stepTable tr{
		display: block;
		width: 100%;
	}
	#stepTable td {
		display: block;
		width: 100%;
	}
	#stepTable td.nextArrows {
		display: none;
	}
	td.stepBox {
	    width: 100%;
	    display: block;
	}
	.selectedBoxOrange, .selectedBoxYellow, .selectedBoxRed, .selectedBoxGreen, .unselectedBox {
	    width: 100%;
	    height: auto;
	    padding: 10px;
	    border-radius: 3px;
	    margin-bottom: 5px;
	}
	.unselectedBox {
		background: linear-gradient(180deg, #f0f0f0 0%, #fbfbfb 100%);
	}
	.selectedBoxOrange {background: linear-gradient(180deg, #D22525 0%, #f47e20 100%);}
	.selectedBoxOrange .titleBox h1 {color: #fff;}
	.titleBox {
	    padding: 0px;
	    height: auto;
	    margin-bottom: 2px;
	}
	td.stepBox p {

	}
	td.stepBox p br {
		display: none;
	}
	.contentText {
		float: none;
		display: block;
		width:100%;
		padding: 0;
	}
	#panelHolder {
		width:100%;
	}
	.feesButton {
		float: none;
	}
}