@import "install_photos.css";
/* ----------------------------------------------------------------------------

	Basic styles

---------------------------------------------------------------------------- */

body, p, td, th, li, ul, ol {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	font-size: 12px;
	text-align: left;
}

p {
	text-align: justify;
}

em {
	font-style: italic;
	color:#003399;
}

hr {
	border: none;
	border-top: 1px solid #0066CC;
	height: 1px;
	color:  #0066CC;
}

.hr {
	border: none;
	border-top: 1px solid #e0e0e0;
	height: 1px;
	color:  #e0e0e0;
}


h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:5pt;
	font-size: 20px; 
	color: #FF6600;
}


h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 16px; 
	color: #FF6600;
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 14px; 
	color: #FF6600;
}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 12px; 
	color: #FF6600;
}

h5 {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 10px; 
	color: #FF6600;
}

h6 {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 10px; 
	color: #FF6600;
}


a:link, a:active, a:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; 
	color: #CC0000;
}

a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline; 
	color: #CC0000;
}

a.strong:link, a.strong:active, a.strong:visited, a.strong:hover {
	font-weight: bold;
}

a.grey:link, a.grey:active, a.grey:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	color: #666666;
}

a.grey:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline; 
	color: #666666;
}

a.invert:link, a.invert:active, a.invert:visited, a.invert:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none; 
	color: #CC0000;
}

small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none; 
	color: #666666;
}

/* ----------------------------------------------------------------------------

	Form elements

---------------------------------------------------------------------------- */

form {
	display: inline;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

input.invert, select.invert, textarea.invert, option.invert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CC0000;
}

input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF6600;
	color:white;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
}

.es-color {
	color:#0066CC;
}

.cp-color {
	color:#00CC00;
}

/* ----------------------------------------------------------------------------

	Misc styles

---------------------------------------------------------------------------- */

li.plain
{
	list-style:none;
}

a.featureTitle:link, a.featureTitle:active, a.featureTitle:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339933;
	text-decoration: none; 
}

a.featureTitle:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339933;
	text-decoration: underline; 
}

 .featureLine {
	background-color: #339933;
	color: #339933;
 }

.featureTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339933;
}

.productSearch {
	color: #FF6600;
}



/* ----------------------------------------------------------------------------

	Side menu styles 

---------------------------------------------------------------------------- */

a.sideMenuHref:link, a.sideMenuHref:active, a.sideMenuHref:hover, a.sideMenuHref:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; 
	color:#333333;
}

a.sideMenuHrefSelectedL1:link, a.sideMenuHrefSelectedL1:active, a.sideMenuHrefSelectedL1:hover, a.sideMenuHrefSelectedL1:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	color:#FFFFFF;
}

a.sideMenuHrefSelectedL2:link, a.sideMenuHrefSelectedL2:active, a.sideMenuHrefSelectedL2:hover, a.sideMenuHrefSelectedL2:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	color:#00CC00;
}

td.sideMenuL1 {
	background-color: #ffcc99;
}

td.sideMenuL1Selected {
	background-color: #ffcc99;
}


td.sideMenuL1Heading {
	background-color: #ff6600;
	font-weight: bold;
	color:#ffffff;
}

td.sideMenuLogout {
	background-color: #bbbbbb;
	font-weight: bold;
	color:#ffffff;
}

a.sideMenulogout:link, a.sideMenulogout:active, a.sideMenulogout:hover, a.sideMenulogout:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	color:#ffffff;
}

td.sideMenuL2 {
	background-color: #DBFFDB;
}


td.sideMenuL2Selected {
	background-color: #DBFFDB;
}

.sideBayerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

a.sideBayerLinksHref:link, a.sideBayerLinksHref:active, a.sideBayerLinksHref:hover, a.sideBayerLinksHref:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none; 
	color:#666666;
}

.sideIndustryLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

a.sideIndustryLinksHref:link, a.sideIndustryLinksHref:active, a.sideIndustryLinksHref:hover, a.sideIndustryLinksHref:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none; 
	color:#617a4a;
}
/* ----------------------------------------------------------------------------

	Top Menu styles

---------------------------------------------------------------------------- */

.topMenuTable {
	visibility:hidden;
}

div.topMenuCommon 
{
	position:absolute;
	text-align:center;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	height: 18px; 
	top: 70px;
	padding-top:1px;
	padding-bottom:1px;
	border-bottom:solid 1px #ffffff;
	display:block;
}

/* ----- Top Menu Link ----- */
a.topMenuHref:link, a.topMenuHref:active, a.topMenuHref:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none; 
}

a.topMenuHref:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none; 
}

a.topMenuSelected:link, a.topMenuSelected:active, a.topMenuSelected:visited, a.topMenuSelected:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none; 
}

/* ------------------------- */

/* ----- Top Menu "Small" Link ----- */
a.topMenuHrefSmall:link, a.topMenuHrefSmall:active, a.topMenuHrefSmall:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #999999;
	text-decoration: none; 
}

a.topMenuHrefSmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #00CC00;
	text-decoration: none; 
}

a.topMenuHrefSmallSelected:link, a.topMenuHrefSmallSelected:active, a.topMenuHrefSmallSelected:visited, a.topMenuHrefSmallSelected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #00CC00;
	text-decoration: none; 
}

.RowSoft	{
	background-color: #EEEEEE;	
	font-size: 10px;
}

.RowHard	{
	background-color: #FFF;	
	font-size: 10px;
}

.RowSoftNormalFont	{
	background-color: #EEEEEE;	
	font-size: 12px;
}

.RowHardNormalFont	{
	background-color: #FFF;	
	font-size: 12px;
}

.ErrorMessage
{	color: #bb3333;	
	font-weight: bold;
}

.InfoMessage
{	color: #000000;
	font-weight: bold;
}
.Prompt
{	color: #000000;
	font-weight: bold;
}

div.Feedback
{
	text-align:center;
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	font-weight: bold;
	height: 18px; 
	padding-top:1px;
	border-style:solid;
	visibility:hidden;
	border-color: #333333;
	padding:3px;
	background-color:#ffcc99;
	border-width:1px;
	
}

th.groupHeading {
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
	text-align: left;
	font-size: 14px; 
	color: #0066CC;
	border-bottom: 1px solid #0066CC;
	border-top: 1px solid #0066CC;
	background-color:#F9F9F9;
}

span.asterisk {
	font-weight: bold;
	color: #CC0000;
}

.rhsTitle {
	margin-bottom: 2px;
	padding: 1px;
	padding-left: 2px;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}

/* ---------------------------------- */

/*	------------------------------------------------------------------
		COLLAPSABLE
	------------------------------------------------------------------ */
	.collapsable, .collapsableWhiteInline {
		behavior:url("/global/js/collapsable.htc");
		font-weight:bold;
		display:block;
		background-color: #F5F5F5;
		padding:2px;
		padding-left: 7px;
		cursor:hand;
		margin:0px;
		COLOR: #393;
	}

	.collapsableWhiteInline {
		behavior:url("/global/js/collapsable.htc");
		background-color: white;
		display:inline;
	}

	h2.collapsable
	{
		height:20px;
	}

	.collapsed {
		display:none;
	}
	
	div.collapsed {
		display:none;
	}

/*	------------------------------------------------------------------
		Document Order page
	------------------------------------------------------------------ */
	
.tablerowNestParent{
	border-right: #FFFFFF thin solid; 
	padding:3px; 
	border-bottom: #FFFFFF thin solid; 
	background-color: #FFFFFF;
	border-top:solid #CCC 1px; 	 
}

.tablerowNestChild{
	border-right: #FFFFFF thin solid; 
	padding: 3px; 
	border-bottom: #FFFFFF thin solid; 
	background-color: #EEEEEE; 
}

th.tablerowNestChild{
	border-right: #FFFFFF thin solid; 
	padding: 3px; 
	border-bottom: #FFFFFF thin solid; 
	background-color: #EEEEEE; 
	color: #333333;
	font-weight: bold;
}

.error { 
	color: #bb3333;	
	font-weight: bold; 
}

table.standardResults th
{
	vertical-align:top;
	text-align:left;
	background-color:#FCEDE0;
	border-right:1px dotted #ccc;
	padding-left:2px;
	padding-right:2px;
}

table.standardResults td
{
	vertical-align:top;
	text-align:left;	
	border-right:1px dotted #ccc;
	padding-left:2px;
	padding-right:2px;
}


table.standardResults td.noborder
{
	border:0px;
}

table.documentResults
{
	margin-top:10px;
}

table.documentResults td
{
	vertical-align:top;
	text-align:left;	
	border-right:1px dotted #ccc;
}

table.documentResults th
{
	vertical-align:top;
	text-align:left;
	background-color:#FCEDE0;
	border-right:1px dotted #ccc;
}


table.orderDocuments tr.heading, tr.orderHeadingRow
{
	background-color:#ff6600;
}

table.orderDocuments tr.heading td, 
{
	border:0px;
	vertical-align:center;
	text-align:left;
	padding:5px 5px 5px 5px;
}

table.orderDocuments tr.heading h2, tr.orderHeadingRow h2
{
	color:#ffffff;
}

table.orderDocuments td b
{
	color:#434342;
}


table.orderDocuments td img.thumbnail
{
	margin: 2px;
}

table.orderDocuments td
{
	vertical-align:top;
	text-align:left;	
	border:0px;
	padding-left:2px;
}

table.orderDocuments th
{
	vertical-align:top;
	text-align:left;
	background-color:#ff9966; 
	border: 0px;
	font-weight:bold;
	color:#434342;
}

table.orderDocuments td.RowSoftNormalFont{
	background-color:#fdede0;	
	font-size: 12px;
}

#maincontent{
	padding-right:10px;
}




/*	------------------------------------------------------------------
		Report Pages
	------------------------------------------------------------------ */
	table.rollingMonths th, table.rollingMonths_Penetrations th
	{
		background-color:#FCEDE0;
		padding: 4px 0px 4px 4px;
		border:0px;
		width:65px;
		text-align:center;		
		font-weight:bold;	
	}
	
	table.rollingMonths_PenetrationsDateRange th
	{
		background-color:#FCEDE0;
		padding: 4px 0px 4px 4px;
		border:0px;
		width:70px;
		text-align:left;
		vertical-align:top;		
		font-weight:bold;	
	}
				
	table.rollingMonths td
	{
		width:65px;
		height:30px;
		padding-left:2px;
		text-align:right;		
	}
	
	table.rollingMonths_PenetrationsDateRange td
	{
		width:90px;
		height:30px;
		padding-left:2px;
		text-align:right;
		padding-right:5px;
	}
	
	table.rollingMonths_Penetrations td
	{
		width:65px;
		height:70px;
		padding-left:2px;
		text-align:right;
	}
	
	table.rollingMonths_PenetrationsDateRange td
	{	
		width:90px;
	}
	
	table.rollingMonths_States td
	{
		width:70px;
		height:30px;
		font-weight:bold;
		padding-left:2px;
		padding-right:2px;
		text-align:left;
								
	}
	
	table.rollingMonths_PenetrationsDateRange td.stateColumn
	{
		width:70px;
		height:30px;
		font-weight:bold;
		padding-left:2px;
		padding-right:2px;
		text-align:left;
	}
	
	table.rollingMonths_Penetrations table.rollingMonths_States td
	{
		height:70px
	}
	
	table.totalinstaller_daterange th
	{
		background-color:#FCEDE0;
		padding: 4px 0px 4px 4px;
		text-align:center;
		vertical-align:top;		
		font-weight:bold;	
	}
		
	table.totalinstaller_daterange td
	{
		width:120px;
		height:30px;
		padding-left:2px;
		text-align:right;
		vertical-align:middle;	
	}
	
	table.totalinstaller_daterange td.InstallerColumn
	{
		width:80px;
		height:30px;		
		padding-left:2px;
		padding-right:2px;
		text-align:left;
		vertical-align:middle;	
	}
	
	table.totalinstaller_daterange td.BuilderColumn
	{
		width:200px;
		height:30px;		
		padding-left:2px;
		padding-right:2px;
		text-align:left;
		vertical-align:middle;	
	}
	
	table.totalinstaller_daterange td.CouncilColumn
	{
		width:200px;
		height:30px;		
		padding-left:2px;
		padding-right:2px;
		text-align:left;
		vertical-align:middle;	
	}
			
	table.rollingMonths tr, table.rollingMonths_Penetrations, table.rollingMonths_PenetrationsDateRange tr, table.totalinstaller_daterange tr
	{
		background-color:#ffffff;		
	}
		
		
	table.rollingMonths tr.alternate, table.rollingMonths_Penetrations tr.alternate, table.rollingMonths_PenetrationsDateRange tr.alternate, table.totalinstaller_daterange tr.alternate, tr.alternate
	{
		background-color:#eeeeee;		
	}

	.totalCell
	{
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		font-weight:bold;
	}
	 

	.manualpenetrations { color:#00529f; }
	.kordonkollarspenetrations { color:#339933; }
	.totalpenetrations { color: #ff6600; }
	.totaljobs { color: #ff9900; }
	
	hr.reports {
		border: none;
		border-top: 1px solid #ff6600;
		height: 1px;
		color:  #ff6600;
		width:100%;
	}
	
	/*	------------------------------------------------------------------
		End Report Pages
	------------------------------------------------------------------ */
	
	.topBorder{
		border-top:1px solid #cccccc;		
		padding-top:5px;
	}
	
	.dottedRightBorder{
		border-right:1px dotted #ccc;
	}



/*	------------------------------------------------------------------
	Readonly
------------------------------------------------------------------ */
.readOnly
{
	border: none;
}

/*	------------------------------------------------------------------
	Information block styles
------------------------------------------------------------------ */
.informationBlockStandard
{
	background-color: #FFFFCC;
	padding:0px;
	margin:0px;
	margin-top:5px;	
	margin-bottom:5px;
	border: solid 1px #FFCC00;	
}

.informationBlockStandard p
{
	margin:0px;
	padding: 5px;
	font-size: 11px;	
}

.informationBlockStandard p.innerInfo
{
	padding:0px;
	margin:0px;	
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0px;
	padding-bottom: 5px;
	font-size: 11px;	
}

.informationBlockStandard ul.innerInfo
{	
	padding:0px;	
	padding-left: 5px;
	padding-right: 5px;	
	font-size: 11px;	
}


.informationBlockStandard img
{
	margin-right: 4px;
}

/*information block */
.informationBlockTop
{
	background-image: url(../images/bg_formtip.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	margin:0px;	
	padding:0px;
	margin-top:2px;
	height:9px;
	font-size:8px;	
	overflow: hidden;	
}

.informationBlockBottom
{
	background-color: #FFFFCC;
	padding:0px;
	margin:0px;	
	margin-bottom:6px;
	border-bottom: solid 1px #FFCC00;
	border-left:  solid 1px #FFCC00;
	border-right:  solid 1px #FFCC00;
			
}

.informationBlockText
{	
	font-size:11px;
	padding:3px; /* do not use margin in this block as it will throw out mozilla/etc */	
}

.informationShortTopImage
{
	width: 70px; 
	
}

.informationShort
{		
	width: 70px;  /* set this here for mac IE. Then, we repeat (and hide from mac IE) the class next below */
			
}

/* commented backslash hack - this is read by all browsers except mac on IE \*/
.informationShort
{
	width: 68px; /* all non-IE browsers + IE on mac*/
	_width: 70px;  /* all IE browsers*/
}
/* end hide from mac on ie */

.informationStdTopImage
{
	width: 260px; 
}

.informationStd
{
	width: 260px;  /* set this here for mac IE. Then, we repeat (and hide from mac IE) the class next below */
}

/* commented backslash hack - this is read by all browsers except mac on IE \*/
.informationStd
{
	width: 258px; /* all non-IE browsers + IE on mac*/
	_width: 260px;  /* all IE browsers*/
}
/* end hide from mac on ie */

.informationWideTopImage
{
	width: 340px; 
}

.informationWide
{		
	width: 340px;	 /* set this here for mac IE. Then, we repeat (and hide from mac IE) the class next below */	
}	

/* commented backslash hack - this is read by all browsers except mac on IE \*/
.informationWide
{
	width: 338px; /* all non-IE browsers + IE on mac*/
	_width: 340px;  /* all IE browsers*/
}
/* end hide from mac on ie */



/*	------------------------------------------------------------------
	End Information block styles
------------------------------------------------------------------ */

	.displayOnlyInPrint{
		display:none;
	}
	
@media print {

	body { 
		padding: 0px; margin: 0px;
		margin-top: 0px; margin-bottom: 0px;
		background-color: red; width: 759px;
	}

	H1, H2, H3, H4, H5, H6	{ page-break-after: avoid; page-break-inside: avoid; }
	BLOCKQUOTE, PRE			{ page-break-inside: avoid; }
	UL, OL, DL				{ page-break-before: avoid; } 

	.hidePrint {
		display:none;
	}
	
	.displayOnlyInPrint{
		display:block;
	}
	
	#mainContentTable{
		width:605px;
		position:relative;
		top:0px;
		margin:0px;
	}
	
	#primaryMenu {
		display:none;
	}
	
	input.button {
		display:none;
	}
	
	.topMenuCommon {
		display:none;
	}
	
	.topMenuTable {
		display:none;
	}
	
	.printFixWidthAusImgs {
		width:321px;
	}
	
	.printFixWidthTopTable {
		width:605px;
	}
	
	
	
	table.standardResults th
	{
		border-top:thin 1px #000000;
		border-bottom:solid 1px #000000;
		border-right:0px;
		border-left:0px;
	}

	table.standardResults td
	{
		border-top:thin 1px #000000;
		border-bottom:solid 1px #000000;
		border-right:0px;
		border-left:0px;
	}
	
	
	
}