/* **********************************************************************
** Style Sheet for CUA 'Cardinal Card Account Management online service'
** for the jsa website
** Modification of original source code 
** Date: 10/16/2009
** Author: Laura Martinez
** ***********************************************************************/

body { /* added background image and color 
	background-image:url(bg3.jpg);
	background-repeat:repeat-x;*/
	background-color: #f2e9d8; 
       margin-right: 10; 
       margin-left: 10;
       margin-top: 11;
       margin-bottom: 10;
       font-family: Arial, Verdana, Helvetica, sans-serif; 
       font-size: 12px; 
       }
A:link, A:visited, A:active { 
       color: #b34a15; /*#000000;  */
	   text-decoration:none;
	   font-weight:bold;
       }
A:hover { 
       color: #b34a15; /*#000000;  */
	   text-decoration:underline;
       }
td {   
       font-family: Arial, Verdana, Helvetica, sans-serif; 
       font-size: 12px; 
       }
h1 {
       color: #cc0000;
       font-weight:bold;
       font-size: 16px; 
       }
h2 {
       color: #471d7f;
       font-weight:bold;
       font-size: 16px; 
       }
h3 {
       color: #7d1611;
       font-weight:bold,italic;
       font-size: 14px; 
       }
h4 {
       color: black;
       font-size: 10px; 
       }

.quicklogin {
       display: inline;
       }

.hotbutton {
       text-align: left;
       }

.mainlink {
       cursor: hand;
       text-decoration: none;
       color: black;
       font-size: 11px;
       }

.tabletitlebar {
       background: #E2E4F6;/*#f2e9d8;  #ccdded;  */
       vertical-align: top;
	   color: #00009c;
       }
.tabletitlebarnum {
       background: #E2E4F6; /* #ccdded; f2e9d8 */
	   color: #00009c;
       vertical-align: top;
       text-align: right;
       }
.tablefirstcol {
       background: white;  
       vertical-align: top;
       }
.tablecol {
       background: white;  
       text-align: left;
       }
.tablecolnum {
       background: white;  
       text-align: right;
       }
.lowerbar {
       background: #ffeab8; /* #cccccc; background-color: #FFEAB8; ;*/  
       vertical-align: top;
       }

.sidebar1 {
       background: #A47700; /*black; */
	   margin-bottom:2px;
}

.logInBox {
	   border: #a47700 1px solid;
       }
.sidebar1title {
       font-size: 13px; 
       font-weight: bold;
       color: white; /*; #a87700*/
       background: #000099;/*white; #87a7c8000683  f1ead7 #CE0000; height:24px;
	    */
 	   background-image:url(barBgBlue.jpg);
	    background-repeat:repeat-x;
      text-align: left;
	  
       } 
.sidebar1body {
       font-size: 10px; 
       font-weight:normal;
       color: black;
       background: white;
       text-align: left;
       } 
.sidebar1effect {
			 background: white; /* #D9D7D2 00009C; */
			 }


.sidebar2 {
       background: #A47700; /*#A47700; #999999; #87a7c8*/
	   border-left: 1px #a47700 solid; /* added */
       }
.sidebar2effect {
       background: white;
       }
.sidebar2title {
       font-size: 13px; 
       font-weight: bold;
       color: white; /*; #a87700*/
       background: #000099;/*#87a7c8; 000683  f1ead7 #CE0000; */
 	   background-image:url(barBgBlue.jpg);
	   background-repeat:repeat-x;
      text-align: left;
       } 
.sidebar2body {
       font-size: 12px; 
       background: #ffeab8; /* #cccccc; */;
       }
	   
.sidebar2link {
       font-size: 12px; 
       background: #ffeab8; /* #cccccc; */;
       color: #b34a15;  /*#000000; */
	   text-decoration:none;
	   font-weight:bold;
       }
a.sidebar2link:hover {
       font-size: 12px; 
       background: #ffeab8; /* #cccccc; */;
       color: #b34a15;  /*#000000; */
	   text-decoration:underline;
	   font-weight:normal;
       }	
	   
.sidebar2copy {
       font-size: 12px; 
       background: #ffeab8; /* #cccccc; */;
       }


.sidebar3 {
       background:#A47700 ; /* white #999999; */
       }
.sidebar3effect {
       background: white;
       }
.sidebar3title {
       font-size: 13px; 
       font-weight: bold;
       color: white; /*; #a87700*/
       background: #000099;/*#87a7c8; 000683  f1ead7 #CE0000; height:24px;*/
 	   background-image:url(barBgBlue.jpg);
	   background-repeat:repeat-x;
      text-align: left;
		} 
.sidebar3body {
       font-size: 12px; 
       font-weight:normal;
       color: black;
       background:  #ffeab8; /* #cccccc; ;*/
       text-align: left;
       } 
.sidebar3 img.showme { display: inline; }
.sidebar3 img { display: none }

.title1 {
       color: #00009c;
       font-weight:bold;
       font-size: 14px; 
       }
.subtitle1 {
       color: #00009c;
       font-weight:bold;
       font-size: 12px; 
       }

.mainbody {
       background:white; /*#F8F3E9 #EEEECC; ;#FDF5E6;*/
       vertical-align: top;
       font-size: 12px;
	   width:600px;
	   text-align:inherit;
	   margin-top:0px;
	   border:blue;
	   vertical-align:top;
	   margin-left:20px;
       }
.mainbody table {
     /*  background: # EEEECC; white;;*/
	/*text-align:center;*/
}
.mainbody td {
     /*  background: # EEEECC; white;;*/
	   border:blue;
	   padding:0px;
	   padding:3px;
       }
.fullscreen {
       background: white;
       vertical-align: top;
       }

.form {
       background:#F8F3E9; /* #EEEECC;  #FDF5E6 ;*/
       vertical-align: top;
       }
.form td{
	  
       }
/*	   added formbody class padding:2px;*/
.formbody {
       background: #FDF5E6 ; /*#F8F3E9# EEEECC; ;*/
}
.formtitle {
       color: #00009C;
       font-weight:bold;
       font-size: 14px; 
       }
.formsubtitle {
       color: black;
       font-weight:bold;
       font-size: 12px; 
       }
.forminstructions {
       font-size: 12px; 
       }

.instructions {
}


.question {
       color: red;
       }
.answer {
       color: black;
       }

.about {
       cursor: hand;
       vertical-align: bottom;
       }
.input   { 
       font-size:11px; 
       color:#333333
       vertical-align: middle;
       font-family: Arial, Verdana, Helvetica, sans-serif; 
       }
.caption {
       font-size:11px; 
       color: #333333;
       font-weight:bold;
       text-align: left; 
       white-space: nowrap;
       }
.error {
       color: #af0000;
       font-weight:bold;
       font-size: 12px; 
       }


.receipttitleout {
       background: #cccc99;
       }
.receipttitlein {
       font-size: 12px; 
       font-weight:normal;
       color: black;
       background: #F8F3E9; /* #EEEECC; */;
       text-align: left;
       } 

.tableheader {
       background: #F8F3E9; /* #EEEECC; */;
       font-family: Arial, Verdana, Helvetica, sans-serif; 
       font-size: 11px; 
       }


.listouterbox {
       background: black;
       }

.listinnerbox {
       background: #dfdfdf;
       font-family: Arial, Verdana, Helvetica, sans-serif; 
       font-weight:bold;
       font-size: 12px;
       }

.viewlink { 
       color: #cc0000; 
       }

.aboutbox {
       background: white;
       font-family: Arial, Verdana, Helvetica, sans-serif; 
       }