

/* colors */
/*
.north_roofing_blue {color: #0033CC;}
.LeakNetGreen {color: #537B35;}
.LeakNetYellow {color: #F4D15A;}
*/

.north_roofing_blue {color: #;}
.LeakNetGreen {color: #;}
.LeakNetYellow {color: #;}
.whitetext {color: #FFFFFF;}
.FireAlarmRed {color: #FF0000;}
.LightGray {color: #D3D3D3;}

/* alignment */
.alignleft    {text-align: left;}
.alignright   {text-align: right;}
.aligncenter  {text-align: center;}
.alignjustify {text-align: justify;}
.valigntop    {vertical-align: top;}
.valignmid    {vertical-align: middle;}
.valignbottom {vertical-align: bottom;}

/* standard tags */
body      {font-family: Verdana, Arial; font-size: 7pt; font-weight: normal; color: #;}
p         {font-family: Verdana, Arial; font-size: 9pt; color: #;}
h3        {font-family: Verdana, Arial; font-size: 16pt; line-height: 10px;}
br.spacer {font-size: 4pt;}
br.kicker {font-size: 50pt;}

/* anchors */
/* must go in this order: link, visited, hover, active */
a				{color: #; font-weight: bold;}
a:link			{}
a:visited		{}
a:hover			{background-color: #; color: #;}
a:active		{background-color: #; color: #;}
a:focus			{}

/* then these */
a.bare			{text-decoration: none;}
a.bare:hover	{background-color: #FFFFFF; color: #;}
a.bare:active	{background-color: #FFFFFF; color: #;}

a.LinkHi		{background-color: White; color: #; font-size: 9pt; font-style: normal; font-weight: bold;}
a.hot_link		{color: red; font-weight: bold;}
a.fake_link		{color: #; font-weight: normal; text-decoration: underline;}

/* texts */
.i {font-style: italic;}
.b {font-weight: bold;}
.u {text-decoration: underline;}
.xsmalllink	 		{font-family: Verdana, Arial; font-size: 7pt; font-style: italic;}
.xsmallnote			{font-family: Verdana, Arial; font-size: 7pt; font-weight: bold;}
.xsmallnotegreen	{font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; font-style: italic; color: #;}
.ssmall				{font-family: Verdana, Arial; font-size: 7pt;}
.error_inobtrusive	{font-family: Verdana, Arial; font-size: 7pt; color: red;}
.smallandblack		{font-family: Verdana, Arial; font-size: 8pt; color: #000000; font-weight: normal;}
.smallblack_b		{font-family: Verdana, Arial; font-size: 8pt; color: #000000; font-weight: bold; font-style: normal;}
.smallblack_i		{font-family: Verdana, Arial; font-size: 8pt; color: #000000; font-weight: normal; font-style: italic;}
.smallblack_bi		{font-family: Verdana, Arial; font-size: 8pt; color: #000000; font-weight: bold; font-style: italic;}
.smallandyellowi	{font-family: Verdana, Arial; font-size: 8pt; color: #; font-weight: bold; font-style: italic;}
.smallandgreyi		{font-family: Verdana, Arial; font-size: 8pt; color: #CCCCCC; font-weight: bold; font-style: italic;}
.smallandgreen		{font-family: Verdana, Arial; font-size: 8pt; color: #; font-weight: bold;}
.smallandgreeni		{font-family: Verdana, Arial; font-size: 8pt; color: #; font-weight: bold; font-style: italic;}
.gray				{font-family: Verdana, Arial; font-size: 9pt; background-color: #CCCCCC; font-weight: bold; color: #;}
.grayLT				{font-family: Verdana, Arial; font-size: 9pt; background-color: #EEEEEE; font-weight: normal}
.grayLTBorder		{font-family: Verdana, Arial; border: 1px solid gray; font-size: 9pt; background-color: #EEEEEE; font-weight: normal}
.gray4				{font-family: Verdana, Arial; font-size: 9pt; background-color: #999999; font-weight: bold; color: #;}
.gray3				{font-family: Verdana, Arial; font-size: 9pt; background-color: #AAAAAA; font-weight: bold; color: #;}
.gray2				{font-family: Verdana, Arial; font-size: 9pt; background-color: #BBBBBB; font-weight: bold; color: #;}
.gray1				{font-family: Verdana, Arial; font-size: 9pt; background-color: #CCCCCC; font-weight: bold; color: #;}
.required			{font-family: Verdana, Arial; font-size: 9pt; background-color: #CCCCCC; font-weight: bold; color: #FF0000;}
.formback			{font-family: Verdana, Arial; font-size: 9pt; background-color: #FFCC00; font-weight: bold}
.error_lessobtrusive {font-family: Verdana, Arial; font-size: 9pt; color: red; font-weight: normal;}
.notice				{font-family: Verdana, Arial; font-size: 9pt; font-weight: bold; font-style: italic; color: #339999;}
.smaller			{font-family: Verdana, Arial; font-weight: bold; font-size: 9pt; color: #;}
.medium				{font-family: Verdana, Arial; font-weight: bold; font-size: 11pt; color: #;}
.larger				{font-family: Verdana, Arial; font-weight: bold; font-size: 13pt; color: #;}
.error				{color: red;}
.error_yellow		{color: #;}
.minicaption		{font-size: 7pt; font-family: Verdana, Arial;}
.mediumcaption		{font-size: 12pt; font-variant: small-caps; font-weight: bold; font-family: Verdana, Arial;}
.largecaption		{font-size: 14pt; font-variant: small-caps; font-weight: bold; font-family: Verdana, Arial;}
.largercaption		{font-size: 26pt; font-variant: small-caps; font-weight: normal; font-family: Verdana, Arial;}

/* menus and headers */
.lhmenu				{font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; font-variant:small-caps; color: #; margin: 10px;}
.header				{font-family: Verdana, Arial; font-size: 10pt; color: #FFFFFF; background-color: #;}
.subheader			{font-family: Verdana, Arial; font-size: 10pt; color: #FFFFFF; background-color: #;}
.PageHeader			{font-family: Verdana, Arial; font-size: 14pt; font-weight: bolder; color: #; text-align: left}
.PageHeaderCenter	{font-family: Verdana, Arial; font-size: 14pt; font-weight: bolder; color: #; text-align: center}

/* table and form elements */
td {font-family: Verdana, Arial; font-size: 8pt;}
th {font-family: Verdana, Arial; font-size: 10pt;}
table.lrblock {color: #;}
.lrblockrowdata {vertical-align: top; color: #; font: 9pt Tahoma, Arial; padding: 2px;}
.lrblockrowheading {border-bottom: 1px solid gray; color: #; font: 8pt Tahoma, Arial; padding: 2px;}
.lrblockheading {border-bottom: 1px solid gray; color: #; font: bold 8pt Tahoma, Arial; padding: 2px;}
.lrbillingheading {border-bottom: 1px solid gray; color: #; font: bold 8pt Tahoma, Arial; padding: 2px;}
.lrblockdata {color: #; font: 9pt Tahoma, Arial;}
.lrheading {text-align: right; color: #; font: 8pt Tahoma, Arial; line-height: 150%;}
.lrcollabel {vertical-align: top; text-align: left; color: #; font: 8pt Tahoma, Arial; line-height: 150%;}
.ldblockheaderborder {border: 1px solid gray; color: #; font: bold 8pt Tahoma, Arial; padding: 2px;}
.ldblockborder {border: 1px solid gray; color: #; font: normal 8pt Tahoma, Arial; padding: 2px;}
.TableHead1 {background-color: White; color: #; font-size: 12pt; font-style: normal; font-weight: bold;}
.yellcell {background: #; border: thin solid lightgrey; height: 7px; font-size: 9pt;}
.combo {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #; background-color: #FFFFFF; font-weight: bold; font-size: 9pt;}
.combo_small {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #339999; background-color: #FFFFFF; font-weight: bold; font-size: 7pt;}
.combo-retro {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #; background-color: #; font-weight: bold; font-size: 9pt;}
.disabledInput {font-weight: bold; font-style: italic; color: blue;}
.lfdata {color: #; font: 9pt Tahoma, Arial;}
.lfdatarequired {font: 9pt Tahoma, Arial; font-weight: normal; color: #FF0000;}
.lfdatarequiredfield_old {color: #; font: 9pt Tahoma, Arial; background: #FFFF99;}
.lfdatarequiredfield {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #; background: #; font-weight: bold; font-size: 9pt;}
.lfblockheading {border-bottom: 1px solid gray; color: #; font: bold 9pt Tahoma, Arial; padding: 2px;}
.blockhead {font-size: 10pt; font-style: italic; text-decoration: underline; font-weight: bold;}
.lfblockhead {font-weight: bold; text-decoration: underline;}
.secthead {font-size: 12pt; font-style: italic; text-decoration: underline; font-weight: bold; font-family: Impact, Arial;}
.sectheadnon {font-size: 12pt; font-style: normal; text-decoration: none; font-weight: bold; font-family: Arial;}
.requiredinput    {background: #;}

/* other */
table.clipboard {border: solid black 1px;}
.clipboard_leftcol {width: 100%;}
.clipboard_rightcol {}
.clipboard_adddesc {width: 170px; font-size: 10pt;}
.clipboard_roweven {background-color: #EEEEEE;}
.clipboard_button {font-size: 7pt;}
.spellingerror_box {width: 375px; border: solid black 2px; padding: 5px; text-align: left;}
.spellingerror_message {font-weight: bold;}
.taskresult_even {background-color: #EEEEEE;}
div.breadcrumbs {margin-bottom: 10px;}

@media print 
{
	a.lrlinkheading {visibility: hidden;}
	span.lrlinkheading {visibility: hidden;}
}

@media screen
{
	a.lrlinkheading {text-align: right; color: #000000; font: bold 8pt Tahoma, Arial; line-height: 150%;}
}

/* you tell me */
.pt {font-size: 36pt; font-style: italic; font-family: Impact, Arial;}
.ph1 {font-size: 24pt; font-style: italic; font-weight: bold; font-family: Impact, Arial;}
.ph2 {font-size: 16pt; font-style: italic; font-weight: bold; font-family: Impact, Arial;}
.ph3 {font-size: 16pt; font-weight: bold; font-family: Arial;}
.sub {font-size: 9pt; font-style: italic; font-family: Impact, Arial;}
.bi {font-size: 12pt; font-style: italic; font-weight: bold;}
.binb {font-size: 10pt; font-style: italic; font-weight: bold;}

/* button properties */
.button-clicktohide {background-color: #; color: #; font-weight: bold; font-style: normal; font-size: 7pt; border: 0px; text-decoration: underline;}
.button-color-font {color: #008800; background-color: #FFFFFF;}
.button-bg {background: url(button_bg.gif) repeat-x; border: 1px solid #bfa277;}
.button-border {border: 1px solid #981234; background-color: #BFD5EE;}
.button-border-2 {border: 3px double #981234; background-color: #BFD5EE;}
.button-hover {border: 1px solid #981234; background-color: #BFD5EE;}
.button-hover:hover {border: 1px solid #BFD5EE; background-color: #981234; color: #FFFFFF;}
.button-image {background: #EBE3CD url(Portal.gif) no-repeat left center; vertical-align: baseline; border: 1px solid #969184;}
.button-hover-image {height: 22px; width: 100px; background: transparent url(button1.gif) no-repeat top left; border: none;}
.button-hover-image:hover {background: transparent url(button2.gif) no-repeat top left; border: none; color: #800000;}

/* IRDE Extras */
.bboxhead_nowidth {font-weight: bold; text-align: center; position: absolute; height: 16px; margin: 0px; border: 1px solid; border-color: #000000; padding: 0px;}
.bboxhead20 {font-weight: bold; text-align: center; position: absolute; height: 16px; width: 20px; margin: 0px; border: 1px solid; border-color: #000000; padding: 0px;}
.bboxhead30 {font-weight: bold; text-align: center; position: absolute; height: 16px; width: 30px; margin: 0px; border: 1px solid; border-color: #000000; padding: 0px;}
.bboxhead60 {font-weight: bold; text-align: center; position: absolute; height: 16px; width: 60px; margin: 0px; border: 1px solid; border-color: #000000; padding: 0px;}
.bboxhead360 {font-weight: bold; text-align: center; position: absolute; height: 16px; width: 360px; margin: 0px; border: 1px solid; border-color: #000000; padding: 0px;}
.irdeformfieldtiny	{font-family: Verdana, Arial; font-weight: normal; font-size: 9pt; color: #;}
.irdeformfieldmed	{font-family: Verdana, Arial; font-weight: normal; font-size: 11pt; color: #;}
.irdeformfieldlarge	{font-family: Verdana, Arial; font-weight: normal; font-size: 13pt; color: #;}

/* Tree View (Inspection Job origin) */
.tv_mainblock		{position: absolute;	top: 20px;		left: 20px;		border: none;		padding: 0px;	width: 740px;}
.tv_header			{position: relative;	height: 100px;	left: 0px;		border: 1px solid;	border-color: #537B35;}
.tv_colhead			{position: relative;	height: 100px;	left: 0px;		border: 1px solid;	border-color: #537B35;}
.tv_customer		{position: relative;	height: 30px;	left: 0px;		border: ;}
.tv_facility		{position: relative;	height: 30px;	left: 10px;		border: ;}
.tv_building		{position: relative;	height: 30px;	left: 20px;		border: ;}

.tv_section			{position: relative;	height: 25px;	left: 0px;		border: ;}

.tv_section_item	{position: absolute;	height: 20px;	left: 30px;		border: ;	padding-right: 0px;		padding-top: 4px;	width: 320px;	text-align: right;}

.tv_section_cb1		{position: absolute;	height: 20px;	left: 380px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 60px;}
.tv_section_cb2		{position: absolute;	height: 20px;	left: 430px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 80px;}
.tv_section_cb3		{position: absolute;	height: 20px;	left: 480px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 65px;}

.tv_section_cb4		{position: absolute;	height: 20px;	left: 545px;	border: ;	padding-right: 0px;		padding-top: 0px;	width: 55px;}

.tv_section_cb4a	{position: absolute;	height: 10px;	left: 625px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4b	{position: absolute;	height: 10px;	left: 640px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4c	{position: absolute;	height: 10px;	left: 655px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4d	{position: absolute;	height: 10px;	left: 670px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4e	{position: absolute;	height: 10px;	left: 690px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4f	{position: absolute;	height: 10px;	left: 705px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4g	{position: absolute;	height: 10px;	left: 720px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}
.tv_section_cb4h	{position: absolute;	height: 10px;	left: 735px;	border: ;	padding-right: 0px;		padding-top: 4px;	width: 8px;}

.tv_section_cb5		{position: absolute;	height: 20px;	left: 762px;	border: ;	padding-right: 5px;		padding-top: 4px;	width: 35px;}
