/* General Styles for ProLease SQL Web */

/*
Colors:
Red: #ea0404
Green: #44691b
Blue: #0d3d91
Borders (on Main fieldset): #4c4c4c
Borders (on interior fieldsets): #acacac
Borders on controls: #829BB9
Text color: #4e4e4e
.orange{color:#FF6500;}

*/


/*
Change History:

9/30/2010: Modified for v2010.1 ID#2130 (New Feature: Retail Screens)
*/

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

body
{    
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table
{
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
}

	div.mod table
	{
		border-spacing: 2px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
		
	body.subform div.mod div#noScrollDiv, body.subform div.mod div#scrollDiv, body.subform div.mod div#fixedHeightDiv, body.subform div.mod div#footDiv
	{
		position: relative;
	}
	
		body.subform div.mod table#table_1
		{
			border-bottom: 1px solid #4c4c4c;
		}
		
		body.subform div.mod table#table_2
		{
			position: relative;
			/*top: -2px;*/
			left: 0px;
		}
		
			body.subform div.mod table#table_2 tr.yr
			{
				background-color: #868585;
				height: 2px;
			}
				
				body.sfrmLeased div.mod table#table_2 tr.yr
				{
					background-color: #ea0404;
				}
				
				body.sfrmSubtenant div.mod table#table_2 tr.yr
				{
					background-color: #44691b;
				}
				
				body.sfrmOwned div.mod table#table_2 tr.yr
				{
					background-color: #0d3d91;
				}
				
			body.subform div.mod table#table_2 tr.yr td
			{
				height: 2px;
			}

div.column
{
    float: left;
    /*height: 100%;*/
}

div.spacer
{
    overflow: hidden;
    height: 15px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

td.left, td.right
{
	float: none;
}

.clearBoth
{
    clear:both;
    display:block;
}

.clear
{
    clear:both;
}

.hidden, span.hidden
{
	display: none;
	visibility: hidden;
}

	span.hidden span.ctl
	{
		display: none;
		visibility: hidden;
	}

.invisible
{
	visibility: hidden;
}

.warn
{
    color: #ea0404;
    font-weight: bold;
    
}

.blue
{
    color: Blue;
}

input.warn, .calculated input.warn, textarea.warn, .calculated textarea.warn
{
    background-color: Transparent;
    border: none;
}

	textarea.warn
	{
		overflow:hidden;
		text-align: center;
	}

.center
{
    width: 100%;
    text-align: center;
}

    td.center
    {
        width: auto;
    }

	.center span.ctl
	{
		text-align: left;
	}
	
/*Code modified for New Feature: ID#2130 for v2010.1 on 10/22/2010 by Robert Schaller*/
.middle{
	text-align: center;
	vertical-align: middle;
}
/*End 2130*/

    table.frmLayout_pop tr.form td.middle
    {
        vertical-align: top;
    }

body.subform td .number input, body.subform td .dateTime input
{
    text-align: right;
}

.number input, .dateTime input
{
    text-align: right;
}

.textAlignRight, .textAlignRight INPUT
{
    text-align: right;
}

.textAlignCenter
{
    text-align:center;
}



/*
**************************************************************************************
Special Behaviors
**************************************************************************************
*/

div.lockState
{
    height: 0px;
    display: none;
}

.fyi
{
    font-style: italic;
    color: #3e3e3e;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}
	body.subform td div.fyi
	{
		margin: 0px;
	}
	
	textarea.fyi, div#innerBG textarea.fyi
	{
		background-color: Transparent;
		border: none;
		overflow: hidden;
	}


.fyiOrange
{
    font-style: italic;
    color: #FF6500;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;   
}


.sfWarn
{
    font-style: italic;
    color: #3e3e3e;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}

.btnWarn button, .btnWarn span.ctlBtn label
{
	color: #ea0404;
	font-weight: bold;
}

input.fyi, fieldset.main input.fyi
{
    font-style: italic;
    width: 100%;
    font-size: 11px;
    border: none;
    background-color: Transparent;
    color: #3e3e3e;
}

div.legend
{
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 23px;
}
    div.legend img
    {
        margin-bottom: 2px;
        vertical-align: middle;
    }

input.msg, textarea.msg
{
    border: none;
    background-color: Transparent;
    overflow: hidden;
}

input.noMsg, textarea.noMsg
{
    visibility: hidden;
}

.infoLabel, .calculated .infoLabel{
	background: transparent;
	border: none;
	overflow: hidden;
	color: #3e3e3e;
}

body.subform th label.sortable
{
    cursor: hand;
}

span.hasComments button div.btn, span.hasComments span.ctlBtn label
{
    color: #ea0404;
    font-weight: bold;
}

/*
**************************************************************************************
Generic Field Behaviors
**************************************************************************************
*/

body.dataEntry span.ctl, body.dataEntry_pop span.ctl, body.popup span.ctl
{
    height: 23px;
    vertical-align: bottom;
}

    body.dataEntry_pop fieldset.footerButtons span.ctl
    {
        height: 21px;
        padding: 0px;
        margin-bottom: 0px;
    }
	
	body.dataEntry span.ctl.ta, body.dataEntry_pop span.ctl.ta, body.popup span.ctl.ta
	{
		height: auto;
	}

input, select, textarea
{
    border: 1px solid #acacac;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    /*-webkit-appearance: caret;*/
    -webkit-border-radius: 0px;
}
	input
	{
		padding-left: 2px;
		padding-right: 2px;
	}

    .calculated input, input.calculated, input.submitNoEdit, span.combo input.submitNoEdit
    {
        background: transparent;
        border: 1px solid #acacac;
        -webkit-appearance: caret;
    }
    		    
    .calculated textarea, .calculated span.combo input
    {
    	border: 1px solid #acacac;
    }
       
    span.combo input.calculated
    {
    	border: 1px solid #acacac;
    	background: transparent;
    }
    
    textarea
    {
    	overflow: auto;
    }
    
		textarea.sngHeight
		{
    		height: 16px;
		}
    
    /*Code modified for New Feature: ID#2130 for v2010.1 on 1/17/2011 by Aaron Brockett*/
    td.blue input{
	    color: #0000cc;
    }
    /*End 2130*/
    
label
{
    font-size: 11px;
    position: relative;
 }

	span.ctl label
	{
		padding-top: 4px;
		height: 18px;
		vertical-align: top;
	}
	
	label span.labeltext 
	{
	    width: auto;
	}
	
	label span.ltvalign
	{
	    position: absolute;
	    right: 1px;
	    bottom: 0px;
	    width: 100%;
	}
	
	/*Code modified for New Feature: ID#2130 for v2010.1 on 12/22/2010 by Robert Schaller*/
    label button.mod, button.mod{
	    font-size: 8pt;
	    font-weight: normal;
	    width: 14px;
	    height: 14px;
	    padding: 0px;
	    background-image: url(../images/btnMod.gif);	
	    background-position: -1px -1px;
    }
    /*End 2130*/

fieldset.main span.checkbox input, fieldset.main fieldset span.checkbox input
{
    width: 25px;
    background: transparent;
    border: none;
    height: 13px;
    padding: 0px;
    margin-top: 3px;
}

	fieldset.main span.checkbox img
	{
		margin-top: 4px;
		margin-right: 5px;
	}
	
		fieldset.main span.checkbox img.imgBtnImg
		{
			margin-top: 0px;
			margin-right: 0px;
		}

fieldset.main label.widthAuto
{
    width: auto;
}

fieldset.main label.lblYes, form fieldset.main fieldset label.lblYes
{
    width: auto;
}

.radioGroup
{
    /*border: 1px solid #acacac;
    overflow: hidden;
    background-color:#b7b6b6;*/
    border: 1px solid #acacac;
    margin-bottom: 3px;
    margin-top:0px;
    padding-top:0px;
    padding-bottom: 0px;
    height: 19px;
    width:100%;
}
    span.radionoback DIV.radioGroup
    {
        background-color:transparent;
    }

    .radioGroup input, fieldset.main .radioGroup input, body.dataEntry_pop fieldset.main .radioGroup input
    {
        height: 16px;
        width: 25px;
        background: transparent;
        border: none;
    }
    
    .radioGroup span.radioButtons:not(:first-child)
    {
    	display: inline-block;
    	padding-top: 3px;
    }
    
		.radioGroup span.radioButtons label
		{
    		padding-top: 1px;
			padding-bottom: 0px;
			padding-left: 0px;
			height: 16px;
			vertical-align: bottom;
		}


span.ctlBtn label
{
	vertical-align: baseline;
	width: auto;
}

button
{
    height: 18px;
    font-size: 11px;
    cursor: pointer;
	padding:0px;
}
	span.ctlBtn button.txtButton, body.subform table.data td button.txtButton, span.ctl span.filebtnwrap button.txtButton.filebtnoverlay
	{
		border-top: 1px solid #acacac;
		border-left: 1px solid #acacac;
		border-right: 1px solid #777777;
		border-bottom: 1px solid #777777;
		background-color: #f2f2f2;
		background-image: url(../images/grey_btn_bg.gif);
		background-repeat: repeat-x;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	    body.subform table.data td button.smallC
	    {
	        padding-left: 3px;
	        padding-right: 3px;
	    }
	    
	    body.subform table.data td button
	    {
	        height: 15px;
	        font-size: 10px;
	    }

    button.dblHeight
    {
        /*height: 34px;
        background-color: #f2f2f2;
        background-image: url(../images/grey_btn_bg_tall.gif);*/
    }
        
        button.dblHeight div.btn
        {
            /*height: 20px;*/
        }

button.imgButton
{
    position: relative;
    text-align: center;
    height: 21px;
    width: 21px;
}

    button.leftLabel div.lbl
	{
    	margin-left: 5px;
    }
	
	button.leftLabel img.imgBtnLbl
	{
		vertical-align: middle;
		margin-left: 3px;
		position: relative;
		top:-1px;
	}
	
	body.dataEntry span.ctlBtn label.imgBtnLabel
	{
		width: auto;
	}
	
	/* Button overlay for custom file upload browse button */
	span.ctl span.filebtnwrap
	{
		position:relative;
	}
	
	span.ctl span.filebtnwrap button.txtButton.filebtnoverlay
	{
		position:absolute;
		top:-14px;
		right:0px;
		height:20px;
		width:66px;
	}
	
	/* End file upload browse button overlay button */
	
/* Subforms */
body.subform table.sfrm td span.calculated
{
	width: 100%;
}

body.subform table.sfrm td span.checkbox
{
	display: inline-block;
	text-align: center;
	width: 100%;
}
	
	body.subform table.sfrm td span.checkbox input
	{
		width: 100%;
		text-align: center;
		/*margin-top: -1px;
		margin-bottom: -1px;*/
	}

body.subform table.sfrm td span.select
{
    width: 100%;
   /* margin-top: -1px;
    margin-bottom: -1px;
    border: none; */
}

table.sfrm input, table.sfrm textarea, table.sfrm span.combo
{
    width: 100%;
    /*margin-top: -1px;
    margin-bottom: -1px;*/
   /* border: none; */
}

	body.subform table.sfrm td select.calculated, table.sfrm input.calculated, table.sfrm textarea.calculated
	{
		border: none;
		margin: 0px;
		padding-top: 2px;
	}
	
	body.subform table.sfrm td .calculated select, table.sfrm .calculated input, table.sfrm .calculated textarea
	{
		border: none;
		margin: 0px;
		padding-top: 2px;
	}
	
	body.subform table.sfrm td .checkbox input
	{
		border: none;
		margin: 0px;
	}

/* Fancy Combos */
span.combo{
	position: relative;
	margin-right: 0px;
}

span.combo div.fcDispDiv
{
	padding-right: 22px;
	position: absolute;
	/*top: 1px;
	left: 2px;*/
	top: 0px;
	left: 0px;
	width:100%;
	z-index:1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	resize: none;	
}

    span.combo input
    {
        width: 100%;
        overflow: hidden;
        height: 20px;
        background: #ffffff;
        padding-top: 3px;    
        background: transparent;
        border: none;
        cursor: default;
        width: 100%;
        overflow: visible;
    }
		span.combo input.fcDisp
		{
			width: 100%;
			z-index:3;
		}
			
			span.calculated span.combo input.fcDisp
			{
				width: 100%;
			}
				
		span.calculated span.combo input
		{
			position: relative;
			left: 0px;
			padding-top: 2px;
		}
    
    span.ctl span.combo span.select
    {
    	width: 100%;
    }
    
		span.combo span.select select.cmbBG
		{
    		width: 100%;
    		top: 0px;
    		right: 0px;
    		/*width: expression(this.parentNode.clientWidth + 2 + "px");*/
		}

fieldset.main td span.combo, body.subform td span.combo
{
	width: 100%;
	height: 20px;
}

	fieldset.main td span.combo input, body.subform td span.combo input
	{
		/* border: none; */
	}

/*
**************************************************************************************
Multi Select Controls
**************************************************************************************
*/
span.multi
{
	width: 65%;
	padding-right: 20px;
	position: relative;
	height: 20px;
	overflow: hidden;
}

span.multi span.select, span.multi span.combo
{
	width: 100%;
}

button.multiSelect
{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	right: 0px;
	overflow: hidden;
	padding: 0px;
}
input.multiLabel{
	background-color: transparent;
	border: none;
	height: 18px;
}
span.mH input.multiLabel{
	display: none;
}
span.mV span.combo{
	display: none;
}
span.mV span.select{
	display: none;
}

DIV.fullborder 
{
    border:1px solid #ACACAC
}

/*
**************************************************************************************
Report Category Color Coding
**************************************************************************************
*/

body.subform div.info table.sfrm tr td span input.rptCat
{
	margin-left: 15px;
}

	table.sfrm td.rptCatCell
	{
		background-position: 0px center;
		background-repeat: no-repeat;
	}

		table.sfrm td.cat_Abstract
		{
			background-image: url(../images/cat_Abs.gif);
		}
		
		table.sfrm td.cat_Critical
		{
			background-image: url(../images/cat_Critical.gif);
		}

		table.sfrm td.cat_Miscellaneous
		{
			background-image: url(../images/cat_Misc.gif);
		}
		
		table.sfrm td.cat_Expenses
		{
			background-image: url(../images/cat_Exp.gif);
		}

		table.sfrm td.cat_Maintenance
		{
			background-image: url(../images/cat_Maint.gif);
		}

		table.sfrm td.cat_Retail
		{
			background-image: url(../images/cat_Retail.gif);
		}
		
		table.sfrm td.cat_Project
		{
			background-image: url(../images/cat_Project.gif);
		}

/*
**************************************************************************************
Colors
**************************************************************************************
*/

/*Code modified for New Feature: ID#2130 for v2010.1 on 10/5/2010 by Robert Schaller*/
.red{
	color: #ff0000;
}
/*End 2130*/

* {box-sizing: border-box; -webkit-box-sizing: border-box;}