﻿body {
    margin: 0 auto;
    text-align: left;
    background:#f3f3f4;
    color:#525252;
    font-family:Times New Roman,"Veranda","Trebuchet MS",sans-serif;
    font-size: 12px;
    }

a {
    color:#757575;
    text-decoration: underline;
    }

a:hover {
    color:#0075bf;
    }

img {
    border: 0;
}

.border {border: 1px solid #000;}

.center {text-align: center;}
.textleft {text-align: left;}

.middle {vertical-align: middle;}

.floatleft {float: left;}
.floatright {float: right;}

.marginB10 {margin-bottom: 10px;}

.font14 {font-size: 14px;}

.strong {font-weight: bold;}

.underline {text-decoration: underline;}

.clear {clear:both;}

.font24 {font-size: 24px;}
.font16 {font-size: 16px;}

.blue {color: #0075bf;}
.orange {color: #e8ae10;}
.green {color: #009445;}
.red {color: #bf1e2d;}

.bump {margin-top: 10px;}
.bump2 {margin: 10px 0 10px 10px;}
.bump3 {padding-bottom: 5px;}
.bump4 {padding-left: 80px;}

h1 {font-size: 12px;}

h2 {font-size: 12px; font-weight: normal;}

h3 {font-size: 12px;}

ul {padding: 0; margin: 0;}

/*-----------------------------------------------Header-------*/

#header {
    margin: 0 auto;
    width: 983px;
    height: 152px;
    background: url(../image/header.jpg) no-repeat;
    }
    
#body2 {
    margin: 0 auto;
    margin-top: 10px;
    width: 700px;
    background-color: #fff;
    border: solid 1px #9b9c9e;
    }
 
#hLogo {
    width: 650px;
    height: 90px;
    margin:15px 25px 35px 300px;
    background: url(../image/RouteMatch_Software_CA_v_2Logo.gif) no-repeat;
    }

.hEmail {float: right; padding: 20px 100px 0 0; font-size: 16px; font-weight: bold;}
.hEmail a, .hEmail a:visited {color: #0075be; text-decoration: underline;}
.hEmail a:hover {color: #0095f2;}
    
.body {
    margin: 0 auto;
    width: 800px;
    padding: 0 92px 5px 91px;
    background: url(../image/bkg_body.jpg) repeat-y;
    }
    
.line_break
{
	width: 650px;
	height:6px;
	margin:0 25px 25px 25px;
	background-color: #e9af10;
}
.internal {
    background: #ffffff url(../image/bkg_body2.jpg) no-repeat;
    }

.cellLeft {
    width: 340px;
    margin-right: 20px;
    float: left;
    }
    
.cellLeft2 {
    width: 360px;
    margin-right: 20px;
    float: left;
    }


.cellRight {
    width: 265px;
    float: left;
    background: #fff;
    }
/*-------------------------------------------------------------*/
.introCAtext {font-size: 20px; font-weight: bold; padding-bottom: 20px; font-style: italic;}
.introCAtext2 {font-size: 23px; padding-bottom: 20px; margin: 0 75px 0 75px; color:#e9af10}

.blue_header {font-size: 18px; padding-bottom: 20px;text-transform:uppercase; font-weight:bold; margin: 20px 75px 0 175px; color:#0077c0}



.featureListLeft
{
	margin-left: 120px;
}
.featureListLeft li
{
	list-style-image: url(../image/bullet.jpg);
	font-weight: bold;
	font-size:14px; margin-bottom:20px
}

.featureListRight
{
	margin-left: 40px;
}
.featureListRight li
{
	list-style-image: url(../image/bullet.jpg);
	font-weight: bold;
	font-size:14px; margin-bottom:20px
}


.featureTitle
{
	color: #780001;
	font-size: 14px;
	font-weight: bold;
	margin-left:120px;
	margin-bottom:10px;
}
.featureTitle2
{
	color: #780001;
	font-size: 14px;
	font-weight: bold;
	margin-left:40px;
	margin-bottom:10px;
}

.keyFeatureList
{
	margin-left: 120px;
}
.keyFeatureList li
{
	list-style-type:none;
	 margin-bottom:8px;
}

.keyFeatureList li a
{
	color:#315393;
	text-decoration:underline;
}
.keyFeatureList li a:hover
{
	color:#315393;
	text-decoration:none;
}
.peripheralList
{
	margin-left: 40px;
}
.peripheralList li
{
	list-style-type:none;
	 margin-bottom:8px;

}
.cellButton {
    text-align:center;
    width: 100%;
    margin-bottom:10px;
    }


.cellTitle {
    padding:5px 0 5px 5px;
    width: 372px;
    border-bottom: 1px solid #c9c9c9;
    font-weight: bold;
    font-size: 14px;
    }

.cellTitle2 {
    padding:5px 0 5px 5px;
    width: 360px;
    border-bottom: 1px solid #c9c9c9;
    font-weight: bold;
    font-size: 18px;
    }

.cellAnswer {
    padding: 5px 0px 0px 5px;
    width: 370px;
    }

.cellAnswer2 {
    padding: 10px 0px 0px 25px;
    width: 300px;
    float: left;
    }

.cellFoot{
    width: 390px;
    height: 16px;
    background: #ffffff url(../image/cell_foot.gif) no-repeat;
    margin-bottom: 15px;
    }

.cellBlue {
    width: 390px;
    height: 250px;
    background: #ffffff url(../image/cell_body_blue.jpg) no-repeat;
    }
.cellBlue2 {
    width: 390px;
    height: 130px;
    background: #ffffff url(../image/cell_body_blue.jpg) no-repeat;
    }
.cellBlue3 {
    width: 390px;
    height: 250px;
    background: #ffffff url(../image/cell_body_blue.jpg) no-repeat;
    }
.cellOrange {
    width: 390px;
    height: 130px;
    background: #ffffff url(../image/cell_body_orange.jpg) no-repeat;
    }
.cellOrange2 {
    width: 390px;
    height: 250px;
    background: #ffffff url(../image/cell_body_orange.jpg) no-repeat;
    }
.cellGreen {
    width: 390px;
    height: 210px;
    background: #ffffff url(../image/cell_body_green.jpg) no-repeat;
    }

.greenLink {padding-left: 10px;}
.greenLink a, .greenLink a:visited {color: #009445; text-decoration: underline;}
.greenLink a:hover {color: #00491f;}

.cellRed {
    width: 390px;
    height: 208px;
    background: url(../image/cell_body_pink.jpg) no-repeat;
    }

.cellRed2 {
    width: 390px;
    height: 110px;
    background: url(../image/cell_body_pink.jpg) no-repeat;
    }

.celltop {width: 390px; height: 3px;
    background: url(../image/cell_top.jpg) no-repeat;
    }

.cellmid {
    width: 370px;
    padding: 15px 15px 0 15px;
    background: url(../image/cell_body.jpg) repeat-y;
    }

.formTitle {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px;
    }

.checkbox {margin: 5px 10px 10px 10px; float: left;}
.checkbox2 {margin: 5px 0px 0px 10px;}

.box1 {margin: 5px 0 10px 0px; width: 354px; height: 14px; padding: 3px;}
.box2 {margin: 5px 0 10px 0px; width: 354px; height: 40px; padding: 3px;}

.info1 {
    float: left;
    text-align: right;
    padding-top: 6px;
    width: 78px;
    height: 14px;
    }

.info2 {margin: 5px 0 0 15px; width: 199px; height: 12px; padding: 3px; float: left;}

.info3 {margin: 5px 0 0 15px; width: 208px; height: 20px; padding: 3px; float: left;}

.requiredText, .requiredWarning,.requiredWarningRight {
    font-size: 11px;    
    color: #dd0000;        
    }
.requiredWarning, .requiredWarningRight
{
	margin: 5px 0px 0px 10px;	
	float: left;	
}
.requiredWarningRight
{
	float: right;
	margin: 0px 10px 0px 0px;
}

.formbutton {float: left; margin: 10px 0 0 25px;}

/*-----------------------------------------------------*/
.footer {
    width: 700px;
    height: 25px;
    text-align: center;
    margin: 0 auto;
    padding-top:5px;
    }
    
.popup-header
{
	font-size:14px;
	color:#d77603;
	font-weight:bold;
}
/************************** LightBox Styles *********************************/

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 1200px;
    background-color: #a8a8a8;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}


.popup_content
{
    display: none;
    position: absolute;
    width: 620px;    
    height: auto;
    overflow: auto;
    padding: 16px;
    border: 2px solid #000000;
    background-color: #fff;
    z-index:1002;    
    left: 38%; 
    top: 60%;
} 


.CloseWindow
{
	float: right;
	width: 300px;
	font-weight: bold;
	text-align:right;		
}
.CloseWindowHref, .CloseWindowHref:hover
{
	color: #04373F;
	text-decoration: none;
}	
.CloseWindowHref:hover
{
	color: #BC7575;	
}	

/************************** LightBox Styles *********************************/