/*----------------------------------------
   Global
----------------------------------------*/
body
{
   margin: 0 auto;
   background-color: #fff;
}
a { color: #005880; }
a:hover { color: #006B95; }
a:visited { color: #006B95; }
a:hover { color: #2C91B2; }
.dataTable a { color: #005880; }
.dataTable a:link {
	color: #005880;
	font-weight: normal;
	text-decoration: none;
}
.dataTable a:hover {
	color: #006B95;
	font-weight: bold;
	text-decoration: underline;
}
.dataTable a:visited {
	color: #008DC4;
	text-decoration: none;
}
.category a { color: #005880; }
.category a:link {
	text-decoration: none;
}
.category a:hover {
	text-decoration: underline;
}
.category a:visited {
	text-decoration: none;
}
.style1 {font-family: Arial, Helvetica, sans-serif}
.style1 a { color: #005880; }
.style1 a:link {
	text-decoration: none;
}
.style1 a:hover {
	text-decoration: underline;
}
.style1 a:visited {
	text-decoration: none;
}
.style1 {font-family: Arial, Helvetica, sans-serif}
.style2 {
	color: #8b0928;
	font-weight: bold;
	font-size: 16px;
}
.style3 {
	color: #245575;
	font-size: 16px;
	font-weight: bold;
}
.productTable a { color: #005880; }
.productTable a:link {
	color: #005880;
	font-weight: normal;
	text-decoration: none;
}
.productTable a:hover {
	color: #006B95;
	font-weight: bold;
	text-decoration: underline;
}
.productTable a:visited {
	color: #008DC4;
	text-decoration: none;
}
.form 
{
   margin: 0;
   padding: 0;
}
.style1 {font-family: Arial, Helvetica, sans-serif;
     text-align: left;
}
.padCell
	{padding: 10px 0px 0px 30px;
}
.style6 {font-size: 11px; font-weight: bold; color: #000066; }

.style7 {color: #999999}

/*----------------------------------------
   Header area
----------------------------------------*/

/*----------------------------------------
   Navigation Bar / Menus
----------------------------------------*/
.navbar
{
   background:  url("../images/navbg2.jpg") no-repeat;
   background-color: #09268B;
}

.main-menu
{
   margin-bottom: 3px;
}

.main-menu td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
}

.main-menu a:link, .main-menu a:visited
{ 
   color: #fff;
   text-decoration: none;
}

.main-menu a:active, .main-menu a:hover
{ 
   /*color: #ff9;*/
   text-decoration: none;
   color:#BCD2F4;
}

.menu
{
   background-color: #6372AB;
   /* border: solid 1px #fff; */
}

.menu td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   line-height: 12px;
   border-top: 1px solid #cce; 
   color: #fff;
   padding: 3px 10px 3px 10px;
}

.menu .seperator
{
   background-color: #fff;
   padding: 0px;
}

.menu a:link, .menu a:visited
{ 
   color: #fff;
   text-decoration: none;
}

.menu a:active, .menu a:hover
{ 
   color: #fff;
   text-decoration: none;
}


/*----------------------------------------
   JMWilson Branding / Login Area
----------------------------------------*/


.message 
{
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   font-weight: bold;
   line-height: 100%;
   text-align: left;
   margin: 0px 0px 0px 200px;
   color:#333;
}

.login
{
   margin: 5px 0px 0px 0px;
}

.login th
{
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: left;
   padding: 2px 3px 2px 3px;
   color: #666;
}

.login td
{
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: left;
   padding: 2px 3px 2px 3px;
   color: #666;
}

.login input
{
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #666;
}

.mast-left {
   background:  url("../images/jmlogobg2.jpg") no-repeat;
   height: 127px;
}

.mast-left .branding 
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   line-height: 12px;
   text-align: left;
   /*border-right: #999999 solid 1px;*/
   margin: 0px 0px 0px 200px;
   padding: 0px 0px 20px 0px;
   color:#333;
}
.lBorder {
	border:#999999 solid 1px;
}
.mast-right {
   height: 127px;
   border-right:solid #999999 1px;
   border-left:solid #999999 1px;
}
.mast-right h1
{
   background:  url("../images/dividerbg.jpg") repeat-x;
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #09278C;
   margin: 0px;
   padding: 3px 0px 0px 10px;
   text-align: left;
}

.mast-right .login
{
   margin: 0px 0px 0px 0px;
}

.mast-right .login th
{
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: left;
   padding: 2px 3px 2px 3px;
   color: #666;
}

.mast-right .login td
{
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: left;
   padding: 2px 3px 2px 3px;
   color: #666;
}

.mast-right .login input
{
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #666;
}
/*----------------------------------------
   Logged-In Area 
----------------------------------------*/
.accountLeft {
	background:  url('../images/jmlogobg2.jpg') no-repeat;
}
.accountRight {
	top: 0;
	border-right: #999999 solid 1px;
	height: 100%;
}

/*----------------------------------------
   Content Area - Home
----------------------------------------*/
.bigBox {
   height: 100%;
   border-right: solid 1px #999; 
   border-left: solid 1px #999;
}
.content {  
   margin: 0 auto;
   border-right: solid 1px #999; 
   background-color: #fff;
   height: 100%;
   min-height: 520px;
}
.productContent {
   	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	color: #333;
	padding: 20px 0px 0px 0px;
}

.content-left
{
   /*border-left: solid 1px #999;*/
   border-bottom: 0px;
   background-color: #eee;
}

.content-right
{
   /* border-left: solid 1px #999; */
   /*border-right: solid 1px #999;*/ 
   border-bottom: 0px;
}
#accountContent {
	margin-left: 160px;
	border-left: solid 1px #999;
}
h1
{
   background: url(../images/dividerbg.jpg) repeat-x;
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
   color: #09278C;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 0px 10px;
}

h2 
{
   background: url(../images/dividerbg.jpg) repeat-x;
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
   color: #09278C;
   margin: 0px;
   padding: 2px 0px 0px 10px;
}

h3 
{
   background: url(../images/dividerbg.jpg) repeat-x;
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
   color: #09278C;
   margin: 0px 0px 40px 0px;
   padding: 2px 0px 0px 10px;
}

h4
{
   /* background: url(../images/grayback.gif) repeat-x; */
   background: url(../images/dividerbg.jpg) repeat-x;
   font-family: arial narrow, arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   line-height: 17px;
   color: #09278C;
   margin: 0px;
   padding: 3px 0px 0px 10px;
}

.accounts, .news, .tips
{
   height: 160px;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 22px;
   color: #333;
   margin: 0px 23px 0px 23px;
}
.homeCells {   
   background-color: #eee;
   height: 16px;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 22px;
   color: #333;
   margin-top: 0px;
   top: 0;
   padding: 0px 23px 0px 23px;
}
.etools
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 22px;
   color: #333;
   margin: 0px 23px 0px 23px;
}

.accounts ul, .tips ul, .etools ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}

.accounts li, .tips li, .etools li
{
   padding: 0px;
   margin: 0px;
}
.newsHome {
	padding: 0px 15px 0px 15px;
}
.hintsHome {
	padding: 0px 15px 0px 15px;
}


.pblink
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 22px;
   color: #333;
   text-align:right;
   
   
}

.pblink a { color: #005880; margin: 0px 15px 0 23px; }

.pblink a:hover { color: #006B95; }

.pblink a:visited { color: #006B95; }

.pblink a:hover { color: #2C91B2; }

.rule2
{
   width: 280px;
   margin: 20px 0px 0px 0px;
   border-top: 1px solid #999;
}

.flash
{
   width: 278px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
/*----------------------------------------
   Content Area - Everwhere else
----------------------------------------*/
.category {
     text-align: left;
	 font-size: 14px;
	 font-weight: normal;
}
.subContent{
	margin: 0 auto;
   	width: 920px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	color: #333;
	padding: 23px 23px 20px 21px;
	text-align: center;
	min-height: 550px;
}
.ffContent {
	margin: 0 auto;
   	width: 920px; 
	line-height: 150%;
	color: #333;
	padding: 23px 23px 20px 21px;
	text-align: center;
	min-height: 480px;
}
.tableHolder {
	min-height: 550px;
}
#notesFrame {
	min-height: 550px;
}
.rating1 {font-family: Arial, Helvetica, sans-serif}
.rating2 {
	color: #8b0928;
	font-weight: bold;
	font-size: 16px;
}
.rating3 {
	color: #245575;
	font-size: 16px;
	font-weight: bold;
}
.rating7 {font-size: 10}
.rating10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.rating12 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align: left;
}
.rating14 {
	font-size: 14px;
	color: #457418;
}
.rating15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4C1781;
}
.rating16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8C1906;
}
.rating18 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.olRating2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #203DA1;
	font-weight: bold;
}
.olRating3 {color: #40166a}
.olRating4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #498018;
	font-weight: bold;
}
.olRating6 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #71130b; font-weight: bold; }
.olRating8 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #224108;
}
.forms1 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
.forms2 {
	color: #8b0928;
	font-weight: bold;
	font-size: 16px;
}
.forms3 {
	color: #245575;
	font-size: 16px;
	font-weight: bold;
}


/*----------------------------------------
   Submenus for body
----------------------------------------*/
.submenu
{
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: left;
   display: block;
   background-color: #6372AB;
   padding: 3px 0px 3px 17px;
   margin: 0px;
}

.submenu ul 
{
   margin: 0;
   padding: 0;
}

.submenu li
{
   display: inline;
   list-style-type: none;
   padding: 0;
}

.submenu li a:link, .submenu li a:visited, .submenu li a:active
{
   color: #FFF;
   text-decoration: none;
   padding: 2px 4px 2px 4px;
   /* border: 1px solid transparent; */
}

.submenu li a:hover
{
   /* border: 1px solid #0033CC; */
   color: #ff9;
}

h5
{
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
   color: #09278C;
   margin: 0px;
   padding: 2px 0px 0px 21px;
   background-color: #ccc;
}

.text
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 150%;
   color: #333;
   margin: 23px 23px 20px 21px;
}
/*----------------------------------------
  User input for body
----------------------------------------*/
.input-table
{
   padding: 3px;
}

.input-table th
{
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   color: #09278C;
}

.input-table td, .input-table input, .input-table textarea, .input-table select
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: left;
   color: #000;
}
/*---------------------------------------
	Collapsible Menu
----------------------------------------*/
.mC {width:130px;}
.mH {border-top:0px;}
.mL {display: none; margin-bottom:10px;
}
.mS {margin-bottom: 10px;} /* This is for the Team Pages to always display the menu */
.mO {margin-left:10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.mO a { color: #005880; }
.mO a:link {
	text-decoration: none;
}
.mO a:hover {
	text-decoration: underline;
}
.mO a:visited {
	text-decoration: none;
}

/*----------------------------------------
   Popup Window
----------------------------------------*/
.dhtmlwindow{
position: absolute;
padding: 3px;
background-color:#FFFFFF;
border: 1px solid #CCCCCC;
visibility: hidden;
/*background: url(images/hvr_nav2.png);*/
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 80;
opacity: 80;
font-family: Arial, Helvetica, sans-serif; 
color:#999999; font-size:11px;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 12px Arial,helvetica,sans-serif;
background-color:#CCCCCC;
color: #013284;
cursor: move;
overflow: hidden;
width: auto;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=86);
-moz-opacity: 86;
opacity: 86;*/
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.noOpac {
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}	

 
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px #333333;
background-color:#FFFFFF;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 80;
opacity: 80;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px #CCCCCC;
background-color: #F8F8F8;
height: 14px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 46px; /*width of resize image*/
height: 14px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.hiddenTable {
display:none;
z-index:99;
}
.black_overlay{
	display: none;
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
    /*display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);*/
}
 
.white_content {
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    width: 280px;
    height: 120px;
    padding: 0px;
    background-color: white;
    z-index:1002;
    overflow:hidden;
} 
/*----------------------------------------
  Table with data in body
----------------------------------------*/
.dataTable
{
	margin: 0 auto;
	background-color: #FDF5E1;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

.dataTable th
{
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #09278C;
   background-color: #ccc;
}
.dataTable tr
{

}
.dataTable td
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #44605F;
	background-color: #FDF5E1;
	padding: 0px 10px 3px 8px;
}
.productTable
{
	margin-left: 30px;
	background-color: #FDF5E1;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	min-width: 480px;
}

.productTable th
{
   font-family: arial narrow, arial, helvetica, san-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #09278C;
   background-color: #ccc;
}
.productTable tr
{

}
.productTable td
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #44605F;
	background-color: #FDF5E1;
	padding: 0px 10px 3px 8px;
	width: 480px;
}
/*----------------------------------------
   Footer
----------------------------------------*/
.content-footer
{
   border-left: solid 1px #999; 
   border-right: solid 1px #999; 
   /*border-bottom: solid 1px #999;*/
}

.content-footer2
{
   border-top: solid 1px #999;
}

.address
{
   font-family: arial, helvetica, san-serif;
   font-size: 10px;
   font-weight: normal;
   line-height: 12px;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 0px 20px;
}

.phone
{
   font-family: arial, helvetica, san-serif;
   font-size: 10px;
   font-weight: normal;
   line-height: 12px;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 0px 20px;
}
/*----------------------------------------
   Footer
----------------------------------------*/
.footer
{
   border-top: solid 1px #999;
   border-bottom: solid 1px #999;
   border-left: solid 1px #999;
   border-right: solid 1px #999;
}

.footer .address, .footer .phone
{
   font-family: arial, helvetica, san-serif;
   font-size: 10px;
   font-weight: normal;
   line-height: 12px;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 0px 20px;
}