/* 
	Mutual Assurance Society of Virginia
   Public site CSS
	Cathleen Feduke
	06/19/04
*/

/* The default settings for body and all table tags */
body, table, tr, td {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:10pt;
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}
/* This is used in the header line of reports (agent_policies.asp) */
th
{
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:9pt;
  color: #ffffff;
  background-color: #660000;
  border: #ffffff solid 2px;
  margin: 0px;	   
  padding: 0px;
}
.th2
{
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:9pt;
  color: #660000;
  background-color: #ffffff;
  text-decoration: underline;
  border: #ffffff solid 2px;
  margin: 0px;	   
  padding: 0px;
}  

/* These change the color of links depending on whether they are not yet visited, visited or active respectively. */
A:link, A:active { 
	color: #000000; 
	text-decoration: none;
}
A:visited { 
	color: #990033; 
	text-decoration: none;
	}
A:hover {
	color: #FF0000; 
	text-decoration: underline; 
	}

img
{
	border: none;
}
hr {
	color: #b8b8b8;
   height: 1px;
}


/************ special tags ***********************/

/* .title is used for the deep maroon MAS logo at the top of the pages. Monotype Corsiva may not work on Macs 
   I went back to using the images but the background color is still used. */
.title
{
   color: #ffffff;
   background-color: #660000; 
   font-family: Monotype Corsiva, Verdana, Arial,Helvetica,Univers,Zurich BT,sans-serif;
   font-size: 15pt;
}

/* .subtitle is used wherever there is maroon lettering at the top of a section. */
.subtitle {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #660000;
  background-color: #ffffff;
}

/* .supertitle is used on agent_policies.  It's huge red lettering. */
.supertitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
  font-style: italic;
  font-weight: bold;
  text-decoration: underline;
  color: #660000;
  background-color: #ffffff;
}

/* .error is used to display errors. */
.error {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #660000;
  background-color: #ffffff;
}

/* These change the color of links depending on whether they are not yet visited, visited or 
	active respectively.  These are slightly bigger than normal links and are used in the body of pages. */ 
A.big:link, A.big:active { 
	color: #000000; 
	text-decorataion: none;
	font-size: 12pt;
	font-weight: bold;
}
A.big:visited { 
	color: #990033; 
	text-decorataion: none;
	font-size: 12pt;
	font-weight: bold;
}

/* .gray is used to create the gray background on some of the agent pages */
.gray {
	background-color: #b8b8b8;
}

/* .nav is used in navigation buttons. */
.nav
{
   color: #ffffff;
   background-color: #000000;
   font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
   font-size: 8pt;
   text-decoration: none;
   text-align: center;
	border: none;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 5px;
   padding-bottom: 5px;
}
.navtr
{
   color: #ffffff;
   background-color: #000000;
   font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
   font-size: 8pt;
   text-decoration: none;
   text-align: center;
	border-top: 1px solid #000000;
	border-left: none;
	border-right: none;
	border-bottom: 0px solid #000000;
   padding: 0px;
}
A.nav:link, A.nav:active, A.nav:visited, A.nav
{
   color: #ffffff;
   background-color: #000000; 
   font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
   font-size: 8pt;
   text-decoration: none;
   text-align: center;
	border: none;
}
A.nav:hover, A.nav
{
  	color: #660000;
  	background-color: #b8b8b8; 
	border: none;
	border-bottom-color:#b8b8b8;
}
.subNav, A.subNav:link, A.subNav:active, A.subNav:visited {
	background-color: #b8b8b8;
	color: #660000;
	text-decoration: none;
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-size:9pt;
	cursor: hand;
   padding: 2px;
   white-space: nowrap;
}
.subNav, A.subNav:hover {
	color: #ffffff;
	background-color: #000000;
}

.navRedLine
{
   background-color: #660000;
   font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
   font-size: 2pt;
   text-decoration: none;
   text-align: center;
	border-right: #660000 1px solid;
}   
/* Rounded corners */
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

/* .small_filter_black is used in the filtered text description.
	It's slightly smaller than normal text. */
.small_filter_black {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:9pt;
  font-style:italic;
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}

/* .small_black is used mainly for the text describing data entry fields.
	It's slightly smaller than normal text. */
.small_black {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:9pt;
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}

/* .small_black is used mainly for the text describing data entry fields.
	It's slightly smaller than normal text.  Added an alignment factor*/
.small_black_aligned {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  vertical-align:top;
  font-size:9pt;
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}

/* .small_red is like .small_black but the color is red.  It's used in agent_policies.asp. */
.small_red {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:9pt;
  color: #660000;
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}

/* .quote is used for quotes on the public site. */ 
.quote
{
  font-family: Monotype Corsiva,Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:11pt;
  color: #333333;
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}

/* .alternate_row is used on every other row within reports (agent_policies) to clearly differentiate between records. */
.alternate_row {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:9pt;
  color: #000000;
  background-color: #b8b8b8;
  border: none;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 0px;
}

/* .summary and .thsummary are used on quote_premiumSummary.asp */
.thsummary
{
   border: 2px inset #b8b8b8; 
   background-color: #ffffff;
   color: #660000; 
   padding: 5px;
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-size:9pt;
   font-weight: bold;
   text-align: left;
}
.summary
{
   border: 2px inset #b8b8b8; 
   background-color: #ffffff; 
   padding: 5px;
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-size:9pt;
   text-align: right;
}
.sideNavHeader {
	background-color: #b8b8b8;
	color: #333333;
	text-decoration: none;
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-size:9pt;
   	font-weight: bold;
	padding: 2px;
   white-space: nowrap;
}

/* .sideNav and .sideNavHighlight are used on the side navigation panel */
.sideNav, A.sideNav:link, A.sideNav:active, A.sideNav:visited {
	background-color: #b8b8b8;
	color: #660000;
	text-decoration: none;
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-size:9pt;
	cursor: hand;
   padding: 2px;
   white-space: nowrap;
}
.sideNav, A.sideNav:hover {
	color: #000000;
}
.sideNavHighlight,A.sideNavHighlight:link, A.sideNavHighlight:active, A.sideNavHighlight:visited {
	background-color: #b8b8b8;
   color: #660000; 
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size:9pt;
   padding: 2px;
   white-space: nowrap;
}
.sideNavDisabled {
	background-color: #b8b8b8;
   color: #333333; 
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	text-decoration: none;
	font-size:9pt;
   padding: 2px;
   white-space: nowrap;
}

/*.buttonwizard {
	border-top: #660000 1px solid;
	border-left: #660000 1px solid;
  	border-bottom: #660000 2px solid;
	border-right: #660000 2px solid;
	font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-size:9pt;
	color: #000000;
   background-color: #dfdfdf;
	text-align: center;
   padding-left: 4px;
   padding-right: 3px;
   padding-top: 0px;
   padding-bottom: 0px;
} */

.buttonwizard {
    margin-left: 50px;
}
.buttonwizard ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
}
.buttonwizard li {
    list-style-type: none;
    height: 30px;
    width: 125px;
    margin: 10px;
    text-align:center;
}
.buttonwizard li a:link {
    color: #000000;
    font-weight: bold;
    background-color: #999999;
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
.buttonwizard li a:visited {
    color: #000000;
    font-weight: normal;
    background-color: #999999;
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
.buttonwizard li a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #777777; 
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
.buttonwizard li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: solid;
    border-top-color: #333333;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-bottom-color: #DDDDDD;
}
.short_spacer {
	font-size:4pt;
}

A.marquee, A.marquee:link, A.marquee:active, A.marquee:visited {
	text-decoration: none;
}

/* .bigLinks is used on the public site's home page. */
.bigLinks, A.bigLinks, A.bigLinks:link, A.bigLinks:active, A.bigLinks:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
/*  font-weight: bold; */
  text-decoration: none;
  color: #000000;
  background-color: #ffffff;
}
/* this is used on the member registration page. */
.box {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:10pt;
  color: #000000;
  background-color: #ffffff;
  border: 3px outset #cccccc;
  border-collapse: collapse;
  margin: 5px;	   
  padding: 10px;
}
/* .bigRed and .bigGray are used on the member registration page. */
.bigRed {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  color: #660000;
  background-color: #ffffff;
}

.bigGray {
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 18pt;
  color: #777777;
  background-color: #ffffff;
}
.border {
  font-family: Arial,Helvetica,Univers,Zurich BT,sans-serif;
  font-size:12pt;
  color: #000000;
  background-color: #ffffff;
  border: 2px solid #cccccc;
  border-collapse: collapse;
  margin: 0px;	   
  padding: 5px;
}
.titleWarning
{
   color: #ffffff;
   background-color: #660000; 
   font-family:Arial,Helvetica,Univers,Zurich BT,sans-serif;
	font-weight: bold;
   font-size: 12pt;
}
.displaySection
{
margin: 0px 0px 0px 0px;
display:block;
}
.hiddenSection
{
margin: 0px 0px 0px 0px;
display: none;
}
.rollover a { 
display:block; background-color: #FFFFFF
}
.rollover a:hover { 
background-color: #990000
}