/* AICIP Admin CSS Document 	9-aug-05 */

/*	Here goes styles for text for specific purposes
*	use <psan class="message"></span>
 */
 /* default for all */
body
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-size: 12px;
	font-weight:500;
	/* color: #3B292D; */
    background-color: #FBEDEE;
    font-size: 10px;
    margin: 0;	
}

table
{
	font-size: 11px;
}
/* links */
a:visited { color: #C24760; font-style: normal ; font-weight:bold; text-decoration:none; }
a:link    { color:#C24760;  font-style: normal ; font-weight:bold; text-decoration:none;}
a:active { color: #C24760;  font-style: normal ; font-weight:bold; text-decoration:none;}
a:hover   { color:blue; font-style: bold; font-weight:bold; text-decoration:none; }

/* buttons and text fields  - buttons need class assigned - see below */
input
{
     font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
     font-size: 11px;
     border:1px solid #A5ACB2;
     margin: 2px 0px;
}
textarea
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
}
select
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 11px;
}

/* This bit is for css2 complaint browsers (ie. not IE) 
*  It handles background colour and nouse overs and focus.
**/
input {background: white;}		/* this bit does work with IE  */
input:hover {background: #F2F8E7;}
input:focus {background: #F2F8E7;}
input:focus:hover {background: #F2F8E7;}

textarea {background: white;}		/* this bit does work with IE  */
textarea:hover {background: #F2F8E7;}
textarea:focus {background: #F2F8E7;}
textarea:focus:hover {background: #F2F8E7;}

select {background: #E9F4D3;}		/* this bit does work with IE  */
select:hover {background: #F2F8E7;}
select:focus {background: #F2F8E7;}
select:focus:hover {background: #F2F8E7;}
/* to here */

/* error or warning messages */
span.message
{
	color: #866063;
	font-weight:900;
}
span.heavy
{
	font-weight:600;
	color: #866063;
}
span.title
{
	font-size: 18px;
	font-family: Verdana, Arial, sans-serif;
	  color: #866063;
}
/* these represent specific divs in the page 
*/

#header
{
	position:absolute; 
  	top: 7px;  left: 9px; 
 	width:965px; height:40px; 
  	z-index: 2;
  	font:  30px Geneva, Arial, Helvetica, sans-serif;
 	background: #B9E06E;
	background-image:url(../images/roadthroughgreen.jpg);
	text-align: left;
}
/****************  contents here ***********************/
#contents
{
	position:absolute; 
	width:956px; height:446px; z-index:1; left: 29px; top: 129px;  
	border: 1px none #000000; 
	background-color:white;
    font:  12px Geneva, Arial, Helvetica, sans-serif;
 	/* color: #3B292D; */
    font-weight:500;
    overflow: auto;
}

#contents input 
{ 
  border: 1px inset; 
  font:  13px Geneva, Arial, Helvetica, sans-serif;
  font-weight:400;
  color: #000;
}
#contents textarea
{ 
  border: #B3F434 1px inset; 
  font:  13px Geneva, Arial, Helvetica, sans-serif;
  font-weight:400;
  color: #000;
}
#contents select
{ 
  border: #B3F434 1px  inset; 
  font:  13px Geneva, Arial, Helvetica, sans-serif;
  font-weight:400;
  color: #000;
}



#contents td   
{ 
  font-size: 13px; font-family: Tahoma, Verdana, Arial;
  font-weight:400;
}
/* the following define styles for the template */
#topLine
{
	position:absolute; 
	width:960px; height:3px; z-index:1; left: 26px; top: 18px; 
	background-color: #8C646C; layer-background-color: #8C646C; border: 1px none #000000;
}
#leftLine
{
	position:absolute; 
	width:3px; height:570px; z-index:1; left: 25px; top: 20px; 
	background-color: #8C646C; layer-background-color: #8C646C; border: 1px none #000000;
}
#rightLine
{	position:absolute; 
	width:3px; height:570px; z-index:1; left: 984px; top: 20px; 
	background-color: #8C646C; layer-background-color: #8C646C; border: 1px none #000000;
}

#leftImage
{
	position:absolute; 
	width:335px; height:106px; z-index:1; left: 27px; top: 21px; 
	background-image:url(../images/leftImage.jpg);
}
#rightImage
{
	position:absolute; 
	width:316px; height:88px; z-index:1; left: 669px; top: 21px; 
	background-image:url(../images/rightImage.jpg);
}
#logo
{
	position:absolute; 
	width:307px; height:100px; z-index:1; left: 362px; top: 21px; 
	background-image:url(../images/logo.gif);
}
#menuBackground
{
	position:absolute; 
	width:957px; height:19px; z-index:2; left: 28px; top: 109px; 
	background-color: #8C646C; layer-background-color: #8C646C; border: 1px none #000000;
}
/***********************  Our classes here *************************/

/* various texts used */
.smallLight {font-size: 10px}
.smallBold {font-size: 10px; font-weight:bold; }
.mediumLight {font-size: 12px}
.mediumBold {font-size: 13px; font-weight:bold;}
.largeLight {font-size: 18px}
.largeBold {font-size: 18px; font-weight:bold; }
.veryLargeBold {font-size: 26px; font-weight:bold;}

 /*****************  end of admin specific stuff ****/
/* if on buttons we set class="buttonClass" these will take effect */
.buttonClass
{ 
  background: #D5E1EA;
  border: solid black; 
  border-style: outset; 
  border-width: thick;
}
.buttonClass:hover
{ 
  background: #5583B0;
}

/* if on buttons we set class="buttonClass" these will take effect */
.footerClass
{ 
  color:white;
  font-size: 10px;
  background: #D5E1EA;
  border: solid black; 
  border-style: outset; 
  border-width: thick;
  position:absolute; 
  width:960px; height:16px; z-index:1; left: 25px; top: 575px; 
  background-color: #8C646C; layer-background-color: #8C646C; border: 1px none #000000;
}
.footerClass a:link
{ 
  color:white;
}
.footerClass a:visited
{ 
   color:white;
}
.footerClass a:active
{ 
   color:white;
}
.footerClass a:hover
{ 
  color:#F0B1AE;
}
#messageLayer
{
	position:absolute; 
	text-align:center;
	left:124px; top:130px; height:20px; width:750px; z-index:99;  
	color:red;
	font-weight:bold;
}

/********** some links need black as normal colour - these are defined here ***/
.blackLink
{
  font:  13px Geneva, Arial, Helvetica, sans-serif;
 }
a.blackLink  { color: black; font-style: normal ; font-weight:bold; text-decoration:none;}
a.blackLink:visited  {color: black; font-style: normal ; font-weight:bold; text-decoration:none; }
a.blackLink:link  { color: black;  font-style: normal ; font-weight:bold; text-decoration:none;}
a.blackLink:active { color: black;  font-style: normal ; font-weight:bold; text-decoration:none;}
a.blackLink:hover  {color:  blue; #f333f; font-style: bold; font-weight:bold; text-decoration:none; }


/********** used to define link to catalina ***/
.catalinaLink
{
 	position:absolute; 
	width:100px; height:3px; z-index:1; left: 15px; top: 293px; 
    font: 1px Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-color:	color: black;
 }
a.catalinaLink  { color: black; font-style: normal ; font-weight:bold; text-decoration:none;}
a.catalinaLink:visited  {color: black; font-style: normal ; font-weight:bold; text-decoration:none; }
a.catalinaLink:link  { color: black;  font-style: normal ; font-weight:bold; text-decoration:none;}
a.catalinaLink:active { color: black;  font-style: normal ; font-weight:bold; text-decoration:none;}
a.catalinaLink:hover  {color:  blue; #f333f; font-style: bold; font-weight:bold; text-decoration:none; }

/***************** end of our classes ********************************/