/*
 * file: rstyles.css
 * date: 2008/08/02
 * desc: Stylesheet rockshirtplaza
 */

/*
body.marginal {margin-bottom:0px;margin-top:0px;margin-left:20px;margin-right:250px;}
*/

body.marginal {
		font-size:	13px;
				color:	#000000; /* #4A4A25;*/
	font-family:	"Century Gothic",Verdana,sans-serif;
	background-image: url(/images/layout/metal003a.gif);
}



/* used for the banner rotation at top of page */
/*--[rotate!!!! of DEFAULTS ]-------------------------------------------*/
.rotate a:link    {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: none;}
.rotate a:active  {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #00ff3c; text-decoration: none;}
.rotate a:visited {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: none;}
.rotate a:hover   {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #00ff3c; text-decoration: underline;     }

.rotate1    			{font: bold 8px "Century Gothic",Verdana,sans-serif; color: #4a4a25; text-decoration:  none;     }



.side a:link    {color: #000000;   text-decoration: none;   	font-weight: bold; font-size: 10pt; font-family: Arial, Times New Roman; }
.side a:visited {color: #000000;   text-decoration: none;   	font-weight: bold; font-size: 10pt; font-family: Arial,Times New Roman; }  
.side a:hover   {color: green;     text-decoration: underline;	font-weight: bold; font-size: 10pt; font-family: Arial,Times New Roman; }
.side a:active  {color: #000;      text-decoration: none; 	font-weight: bold; font-size: 10pt; font-family: Arial,Times New Roman; }  
.side a:focus   {color: #fff;      text-decoration: none; 	font-weight: bold; font-size: 10pt; font-family: Arial,Times New Roman; }  


.char a:link    {font: bold 18.0000px "Century Gothic",Verdana,sans-serif;; color: #000000; text-decoration: none;}
.char a:active  {font: bold 18.0000px "Century Gothic",Verdana,sans-serif;; color: #000000; text-decoration: none;}
.char a:visited {font: bold 18.0000px "Century Gothic",Verdana,sans-serif;; color: #000000; text-decoration: none;}
.char a:hover   {font: bold 18.0000px "Century Gothic",Verdana,sans-serif;; color: #00ff3c; text-decoration: underline;}


/*--[ DEFAULTS ]-------------------------------------------*/
.tiny a:link    {color: #000000;   text-decoration: none;   	font-weight: normal; font-size: 8px; font-family: "Century Gothic",Verdana,sans-serif; }
.tiny a:visited {color: #000000;   text-decoration: none;   	font-weight: normal; font-size: 8px; font-family: "Century Gothic",Verdana,sans-serif; }  
.tiny a:hover   {color: #00ff3c;     text-decoration: underline;	font-weight: normal; font-size: 8px; font-family: "Century Gothic",Verdana,sans-serif; }
.tiny a:active  {color: #000000;      text-decoration: none; 	font-weight: normal; font-size: 8px; font-family: "Century Gothic",Verdana,sans-serif; }  
.tiny a:focus   {color: #00ff3c;      text-decoration: none; 	font-weight: normal; font-size: 8px; font-family:"Century Gothic",Verdana,sans-serif; }  


/*--[ no underline ]-------------------------------------------*/
.buttons a:link    {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: none;}
.buttons a:active  {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #00ff3c; text-decoration: none;}
.buttons a:visited {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: none;}
.buttons a:hover   {font: bold 8px "Century Gothic",Verdana,sans-serif; color: #00ff3c; text-decoration: none;     }


/*--[ DEFAULTS ]-------------------------------------------*/
     a:link    {font: bold 13px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: underline;}
		 a:active  {font: bold 13px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: underline;}
	   a:visited {font: bold 13px "Century Gothic",Verdana,sans-serif; color: #000000; text-decoration: underline;}
     a:hover   {font: bold 13px "Century Gothic",Verdana,sans-serif; color: #00ff3c; text-decoration: none;     }

/*--[ REVERSE!!!! of DEFAULTS ]-------------------------------------------*/
.rev a:link    {font: bold 14.0000px "Century Gothic",Verdana,sans-serif;; color: #00ff3c; text-decoration: none;}
.rev a:active  {font: bold 14.0000px "Century Gothic",Verdana,sans-serif;; color: #00ff3c; text-decoration: none;}
.rev a:visited {font: bold 14.0000px "Century Gothic",Verdana,sans-serif;; color: #00ff3c; text-decoration: none;}
.rev a:hover   {font: bold 14.0000px "Century Gothic",Verdana,sans-serif;; color: #000000; text-decoration: underline;     }




/* nice for visited 008000 */





/*--[ calc  NEW!!!]-------------------------------------------*/

/* used for the calc */
.calc a:link   {color: #801c0c;  text-decoration: none;       font-weight: bolder;   	font-size: 90%;}
.calc a:visited{color: #801c0c;  text-decoration: none;       font-weight: bolder;   	font-size: 90%;}
.calc a:hover  {color: #808000;  text-decoration: underline;	font-weight: bolder;   	font-size: 90%;} 


/*--[ search widget (Calculator) STARTS ]-------------------------------------------*/

table#alpha {    
   /* background-image:  url(/images/themes/proto1/back5.gif); */
   border:            solid #331701 3px;
   width:             13%;    /* size of box around each symbol */
   /* align:             top;   */
}

table#alpha td { 
   width:             130px;   
   padding:           5px;    
   border:            solid #ad2320 1px;
   text-align:        center;
   color:             #ad2320;
   font-weight:       bolder;
   text-decoration:   none;	 
}

table#alpha td:hover{
	background-color: 	#bdb76b;  /* #ffcc99;#d2b48c */
}

.a1 a:hover {
   color:             #801c0c;
   font-weight:       bold;
   text-decoration:   none;	 
   font-size: 20px;
}


/*--[ search widget (Calculator) ENDS ]-------------------------------------------*/







h1 {font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:150%; font-weight:bold;   color:#000000; background:transparent; text-decoration:none}
h2 {font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:110%; font-weight:bold;   color:#000000; background:transparent; text-decoration:none;}
h3 {font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:100%; font-weight:normal; color:#000000; background:transparent; text-decoration:underline;}
h4 {font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:85%; font-weight:normal;  color:#000000; background:transparent; text-decoration:underline;}





/*--[ size chart  STARTS]---------------------------*/

table#chart {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #92C428;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #000000;
  text-transform: uppercase;
  }
table#chart td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

table#chart thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;
  text-align: left;
  background: #363636; /* header*/
  color: #FFFFFF;
  padding-top:3px;
  }
table#chart tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
table#chart tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
table#chart tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
table#chart tbody th a:hover {
  background: transparent;
  color: #363636;
  }

/*--[ TRICKY AREA WATCH OUT without this, row applys to all */  
table#chart tbody th, table#charttbody td {
  vertical-align: top;
  text-align: left;
  }
table#chart tfoot td {
  border: 1px solid #03476F;
  background: #4591ad;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
table#chart tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
table#chart tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
/*--[ size chart  ENDS]---------------------------*/


h1#top { color: #000000;
font-size: 70%; }
 






p { 
  width: 90%; 
}


input {
 background-color: #ffffff;
   border: 1px dotted #03476F;
}


select {
/* styling the dropdown button */
  border: 1px dotted #03476F;
  padding: 0;
 background-color: #AEE239; /* #cc0033; 00ff3c */
 color: #000000;

 overflow-x:scroll; width:150px;
overflow: -moz-scrollbars-horizontal;


}

/*
replaces:
<span style='font-weight: normal;FONT-SIZE:14px;COLOR:#4A4A25;FONT-FAMILY:"Century Gothic",Verdana,sans-serif;'>
*/



.txt
{
		font-size:	13px;
				color:	#000000; /* 4a4a25; */
	font-family:	"Century Gothic",Verdana,sans-serif;
}

.txtsm
{
		font-size:	8px;
}




/*-----------------------------------------------------------------------------
// end of styles.css  
//---------------------------------------------------------------------------*/