/*
 +--------------------------------------------------------------------+
 | Cascading Style Sheet (CSS)                                        |
 | Media Type: Screen                                                 |
 +--------------------------------------------------------------------+
 | Copyright (c) 2008 Car Stereo City                                 |
 | <http://www.carstereocity.com.au>                                  |
 +--------------------------------------------------------------------+
 | Authors: Jonathan Steingiesser <jon@stemaco.com.au>                |
 +--------------------------------------------------------------------+

	$Id: screen.css, v 1.00 2008/09/20
*/





/* ---------- ---------- ---------- ---------- ---------- ----------

			BASE RULES

---------- ---------- ---------- ---------- ---------- ---------- */

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF url(images/bg-body.jpg) repeat-x left top;
	color: #333;
	font: 70%/1.5em verdana, arial, sans-serif;
}

h4 {
	font: 70%/1.5em verdana, arial, sans-serif;
	font-size:14px;
	color: #333;
}

.MenuTd A:link {
	color: #FFFFFF;
	text-decoration: none;
} 
.MenuTd A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.MenuTd A:active {
	color: #FFFFFF;
	text-decoration: none;
}
.MenuTd A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.FrontTable A:link {
	color: #213C67;
	text-decoration: underline;
} 
.FrontTable A:visited {
	color: #213C67;
	text-decoration: underline;
}
.FrontTable A:active {
	color: #213C67;
	text-decoration: underline;
}
.FrontTable A:hover {
	color: #213C67;
	text-decoration: none;
}

.CopyrightTable A:link {
	color: #000000;
	text-decoration: none;
} 
.CopyrightTable A:visited {
	color: #000000;
	text-decoration: none;
}
.CopyrightTable A:active {
	color: #000000;
	text-decoration: none;
}
.CopyrightTable A:hover {
	color: #000000;
	text-decoration: underline;
}

}

fieldset { border:1px solid black; padding: 10px; }

legend {
  padding: 5px;
  border:1px solid black;
  color:black;
  font-family: verdana;
  font-size:8pt;
  text-align:right;
  font-weight: bold;

}

caption {
	padding: 0.2em 0.4em;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	text-align: left;
}


/* ---------- ---------- ---------- ---------- ---------- ----------

			TYPOGRAPHY RULES

---------- ---------- ---------- ---------- ---------- ---------- */



.MenuTable {
	border-style: solid;
	border-collapse: seperate;
	border-width: 1px;
	border-color: #000000 #7CDDDD #7CDDDD #000000;
	border-right-width: 0;
	border-bottom-width: 0;
	width: 156px;
	align: center;
	font-family: verdana; 
  	font-size: 9pt;
  	cursor:hand;

}

.NetoYellowTd2{
	border-style: solid;
	border-collapse: seperate;
	border-width: 1px;
	border-color : #FFE188 #000000 #000000 #FFE188;
	background: #FFCC33;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;
	
}

.MenuHeading{
	border-style: solid;
	border-collapse: seperate;
	border-width: 1px;
	border-color : #1E54BE #000000 #000000 #1E54BE;
	background: #1218EB;
	font-family: verdana;
	font-size: 9pt;
	color: #ffffff;
	padding: 2px;
	
}

.MenuOver{
	border-style: solid;
	border-collapse: seperate;
	border-width: 2px;
	border-color : #092560 #092560 #092560 #092560;
	background: #ffffff;
	font-family: verdana; 
  	font-size: 9pt;
  	color: #ffffff;
  	padding: 0px;

}

.BannerTable {
	border: 0;
	width: 944px;
	font-family: verdana;
	font-size: 9pt;
	color: #000000;
	padding: 0;

}

.BannerTd {
	border: 0;
	height:154px;
	font-family: verdana;
	font-size: 9pt;
	color: #000000;
	padding: 0;

}

.MenuBarTable {
	width: 944px;
	padding: 0;

}

.MenuTd {
	width: 944px;
	height: 31px;
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	padding: 0;
	vertical-align:middle;
	text-align:center;

}

.FrontTable {
	border: 0;
	width: 944px;
	font-family: verdana;
	font-size: 9pt;
	color: #000000;
	padding: 0;
}

.CopyrightTable {
	width: 944px;
	height: 31px;
	font-family: verdana;
	font-size: 8pt;
	color: #213C67;
	padding: 0;
	background: #ffffff url(../images/headerbg.jpg);
	vertical-align:middle;
	text-align:right;
	border-color: #000000;
	border: 1px;
	border-style: solid;
}

/*.CopyrightLeftShadow {
	width: 12px;
	background: #ffffff url(../images/shadowlefttop.gif);
	vertical-align: top;
}*/

.TableText{
	align: center;
	font-family: verdana;
	font-size: 8pt;

}

.TableTd{
	font-family: Verdana;
	color: #000000;
	font-size: 8pt;
	empty-cells: show;
	border-style: solid;
	border-bottom-color:#006633;
	border-bottom-width: 1;
	border-right-color:#006633;
	border-right-width: 1;
	border-left-color:#006633;
	border-left-width: 1;
	border-top-width: 1px;
	border-top-color: #006633;
	

}

.ResidentialTd{
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
}

.InvestmentTd{
	font-family: Verdana;
	color: #000000;
	font-size: 7pt;
	empty-cells: show;
	border-style: solid;
	border-bottom-color:#006633;
	border-bottom-width: 1;
	border-right-color:#006633;
	border-right-width: 1;
	border-left-color:#006633;
	border-left-width: 1;
	border-top-width: 1px;
	border-top-color: #006633;
}

.DebtTd{
	font-family: Verdana;
	color: #000000;
	font-size: 7pt;
	empty-cells: show;
	border-style: solid;
	border-bottom-color:#996600;
	border-bottom-width: 1;
	border-right-color:#996600;
	border-right-width: 1;
	border-left-color:#996600;
	border-left-width: 1;
	border-top-width: 1px;
	border-top-color: #996600;
}

.CommercialTd{
	font-family: Verdana;
	color: #000000;
	font-size: 7pt;
	empty-cells: show;
	border-style: solid;
	border-bottom-color:#990000;
	border-bottom-width: 1;
	border-right-color:#990000;
	border-right-width: 1;
	border-left-color:#990000;
	border-left-width: 1;
	border-top-width: 1px;
	border-top-color: #990000;
}

.CalculatorsTd{
	font-family: Verdana;
	color: #000000;
	font-size: 7pt;
	empty-cells: show;
	border-style: solid;
	border-bottom-color:#990099;
	border-bottom-width: 1;
	border-right-color:#990099;
	border-right-width: 1;
	border-left-color:#990099;
	border-left-width: 1;
	border-top-width: 1px;
	border-top-color: #990099;
}

.TableTextTdTop{
	border-style: solid;
	border-collapse: seperate;
	border-width: 1px 0 0 0;
	border-color: #000000 #000000 #000000 #000000;
	width: 96%;
	align: center;
	background: #ffffff;
	
}

.TableTextTdBottom{
	border-style: solid;
	border-collapse: seperate;
	border-width: 0 0 1px 0;
	border-color: #000000 #000000 #000000 #000000;
	width: 96%;
	align: center;
	background: #ffffff;

}

.TableTextLeft{
	border-style: solid;
	border-collapse: seperate;
	border-width: 0 0 0 1px;
	border-color: #000000 #000000 #000000 #000000;
	background: #ffffff;

}

.TableTextRight{
	border-style: solid;
	border-collapse: seperate;
	border-width: 0 1px 0 0;
	border-color: #000000 #000000 #000000 #000000;
	background: #ffffff;

}

.MainText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 12pt;
	color: #000000;
	background-color: #ffffff;
	
}

.NormalTable A:link {
	color: #213C67;
	text-decoration: underline;
	font-family: verdana; 
  	font-size: 8pt;
} 
.NormalTable A:visited {
	color: #213C67;
	text-decoration: underline;
	font-family: verdana; 
  	font-size: 8pt;
}
.NormalTable A:active {
	color: #213C67;
	text-decoration: underline;
	font-family: verdana; 
  	font-size: 8pt;
}
.NormalTable A:hover {
	color: #213C67;
	text-decoration: none;
	font-family: verdana; 
  	font-size: 8pt;
}

.NormalTable{
	font-family: verdana; 
  	font-size: 8pt;

}



.Note{
	background-color: #ffffff;
	padding:5px;
	border-width: 1px;
	border-style: solid;
	border-color: #BCBDC1;
	vertical-align: middle;
	height: 19px;
	width: 100%;
	color: #D2C342;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;

}

.bgstatus{
	background-color: #ffffff;
	padding:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	vertical-align: middle;
	height: 19px;
	width: 120px;
	
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			Item List Styles

---------- ---------- ---------- ---------- ---------- ---------- */


.CatListTd{
	border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #6128A9;
	font-family: verdana; 
  	font-size: 8pt;
  	color: #ffffff;
	font-weight: bold;
  	padding: 3px;
	
}

.CatListMiddle{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #ffffff #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	font-family: verdana; 
  	font-size: 8pt;
  	color: #000000;
	empty-cells: show;
	
}

.CatListMiddleRight{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #ffffff #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	border-left-width: 0;
	font-family: verdana; 
  	font-size: 8pt;
  	color: #000000;
	empty-cells: show;
	
}

.CatListBottom{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #ffffff #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	font-family: verdana; 
  	font-size: 8pt;
  	color: #000000;
	empty-cells: show;
	
}

.CatListBottomMiddle{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #ffffff #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	border-left-width: 0;
	font-family: verdana; 
  	font-size: 8pt;
  	color: #000000;
	empty-cells: show;
	
}

.ItemListTop{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;

}

.ItemListTopRight{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-left-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;

}

.ItemListMiddle{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	border-left-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;

}

.ItemListMiddleLeft{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;

}

.ItemListBottom{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;

}

.ItemListBottomMiddle{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	border-left-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;

}

.NewResourcesTop{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;
	padding: 5px;

}

.NewResourcesTopRight{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-left-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;
	padding: 5px;

}

.NewResourcesMiddle{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	border-top-width: 0;
	background: #ffffff;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;
	padding: 5px;

}

.NewResourcesBottom{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-top-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;
	padding: 5px;

}

.NewResourcesBottomRight{
border-style: solid;
	border-collapse: seperate;
	border-width: 1;
	border-color : #000000 #000000 #000000 #000000;
	background: #ffffff;
	border-left-width: 0;
	border-top-width: 0;
	font-family: Verdana; color: #000000;
	font-size: 8pt;
	empty-cells: show;
	padding: 5px;

}


/* ---------- ---------- ---------- ---------- ---------- ----------

			New Item List Styles

---------- ---------- ---------- ---------- ---------- ---------- */


.ItemListTable {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 1.5em;
	font-size: 100%;
	width: 100%;
}

.ItemListTd {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	vertical-align: top;
	background-color: #ffffff;
}

.ItemListTdSub {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	vertical-align: top;
	background-color: #F9F9F9;
}

.MarcDataTable {
	font-family: Verdana; color: #000000;
	font-size: 8pt;

}

.ButtonTable{
	padding: 0;
	margin: 0;
	Border: 0;
	border-width: 0;

}

.ButtonTD{
	padding: 0;
	margin: 0;
	Border: 0;
	border-width: 0;

}
	
