/* 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	
--------------------------------------------------------------------
*/
/*---------------------------
		Globals
-----------------------------*/
*{
	padding:0;
	margin:0;
}
html{
	min-height:101%;
}
img{
	border:none;
}
body{
	background:url(images/bg.gif) no-repeat #FFFFFF;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
	width:1002px;
	margin:30px auto 0 auto;
	position:relative;
}

#header{
	width:1002px;
	height:168px;
	background:url(../images/header.jpg) no-repeat;
	display:none;  
}
#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");
}
#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;
	display:none;
}
.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:10px 0 0 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:0.75em; 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:1.15em;
}
.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:152px; padding:10px; margin:15px 0 20px 15px;; color:#FFFFFF;}/*MC*/

.docsPanel{float:left; width:315px; height:152px; padding:10px; margin:15px 0 20px 15px;; color:#FFFFFF; background:url(../images/bg_docs.jpg) no-repeat;}/*MC*/

.otherPanel{float:left; width:315px; height:152px; padding:10px; margin:15px 0 20px 15px;; color:#FFFFFF;background:url(../images/bg_help.jpg) no-repeat;}



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

.accept{background:url(../images/bg_acceptquote.jpg) no-repeat;}/*MC*/
.help{background:url(../images/bg_help.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:5px 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");
}
.titlebarOrange{
	background:url("../images/bg_titlebar_orange.gif");
}
.titlebarYellow{ background-color:#FFD400;}

.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 
-----------------------------*/
input.radio{
	margin:10px 0 0 0;
}
.formHeader{
	width:670px;
	height:29px;
	padding:4px 0 0 10px;
	margin:20px 0 20px 0;
	background:url("../images/bg_form_header.gif");
}
.formTable{
	width:520px;
}
.formTable td{
	padding:7px 0 7px 0;
}
.formTable td.formLabel{
	width:200px;
	padding:0 10px 0 0;
}
.formTable td.formInput input, .formTable td.formInput select, .formTable td.formInput textarea{
	width:90%;
	background:#DCE6F5;
	border:solid #FFFFFF 2px;
	font-size:1.15em;
	padding:4px 0 4px 3px;
}
.formTable td.formInput input.button{
	border:solid 1px #2D4892; cursor:pointer;
}

.formTable td.formRadio input{
	border:none;
	font-size:1.15em;
	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;
}
#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:1.15em;
}
#enterClientArea h1, #getInTouch h1, #whyPanel h1, .leftColContent h2, td.stepBox h1, .formHeader h1{
	font-size:1em;
}
.homePanel h1, .showForm .titleHolder h2, .hideForm .titleHolder h2{
	font-size:0.9em;
}
#login h1, #getInTouch a .email{
	font-size:0.85em;
}
#header, #mainMenu, input.loginInput, #howPanel td{
	font-size:0.8em;
}
.homePanel ul, #whyPanel ul{
	font-size:0.75em;
}
.contentText p, td.stepBox p, .formTable, .showForm p{
	font-size:0.75em;
}
#panelHolder p{
	font-size:0.75em;
}
#getInTouch a .hours, #footer{
	font-size:0.6em;
}

input.loginInput{
	color:#999999;
}
#header{
	color:#599558;
}
#mainMenu a, .blue, .contentText p, td.stepBox .unselectedBox, .showForm .titleHolder h2, .hideForm .titleHolder h2, .formTable{
	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{
	text-decoration:underline;
}
h1, h2{
	font-weight:100;
}

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

.annotation{font-size:0.7em; 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:0.8em; 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:0.7em;}
.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: 0.7em; color:#718CB4; line-height:1.8em;}
.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: 0.7em;line-height:1.8em;}

#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:1.15em;
	padding:10px;
	}
	
#forgotPass{width:300px; height:200px; padding:10px; display:none; background: url(../images/bg_dialog.jpg) no-repeat; font-size:0.75em; color:#000000;}

.login-dialog p{font-size:0.75em;}
.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;
	color:#FFFFFF;
}
ul#sideMenu li:hover{
	text-decoration:underline;
}
ul#sideMenu li:hover li{
	text-decoration:none;
}
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:180px;
	display:inline;
	margin-top:-20px;
}
ul#sideMenu li ul li{
	margin:0;
	background-image:none;
	background-color:#DCE6F5;
	text-decoration:none;
	border-top:dashed 1px #FFFFFF;
	border-bottom:dashed 1px #FFFFFF;
}
ul#sideMenu li ul li:hover{
	background-color:#c1d6f5;
}
ul#sideMenu li ul li a{
	text-decoration:none;
	color:#2D4892;
}

.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 a{color:#0066CC; text-decoration:underline; cursor:pointer;}

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

#welcome{
	margin:0 0 10px 0;
	padding:5px 5px 5px 5px;
	width:175px;
	height:60px;
	background:url(../images/details_panel.gif) no-repeat;
	float:left;
	font-size:12px;
}
.welcome{
	margin:0 0 10px 0;
	width:175px;
	height:100px;
	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;}