﻿.chris{}

*,body,#contentContainer {
	font-family: arial,helvetica,sans-serif; font-size: 13px;       
}
	#contentContainer
	{
		position:relative;
        width: 100%;
    }

    /* Tab nav */
    div #SectionNav {
        background:#efefef;
    }
    
    #SectionNav {
	    position:relative;
	    float:left;
	    width:100%;
	    padding:0 0 0 1em;
	    margin:0;
	    list-style:none;
	    line-height:1em;
    }

    #SectionNav LI {
	    float:left;
	    margin:0;
	    padding:0;
    }
    #SectionNav A {
	    display:block;
	    color:#ffffff;
	    text-decoration:none;
	    font-weight:bold;
	    background:#a8c16b;
	    margin:0;
	    padding:0.25em 1em;
	    border-left:1px solid #fff;
	    border-top:1px solid #fff;
	    border-right:1px solid #aaa;
    }

    #SectionNav A:hover,
    #SectionNav A:active,
    #SectionNav A.here:link,
    #SectionNav A.here:visited {
	    background:#5b751b;
    }

    #SectionNav A.here:link,
    #SectionNav A.here:visited {
	    position:relative;
	    z-index:102;
    }
    /*subnav*/


    #CategoryNav {
	    float:left;
	    background:#d3e1e7;
	    width:100%;
	    margin:0;
	    padding:0.25em;
	    list-style:none;
	    border-top:1px solid #fff;
		text-indent:0px;
		
    }

    #CategoryNav LI {
		float:left;
	    display:block;
	    margin-top:3px;
	    text-decoration:none;
		width:300px; /* controls "columnnar" effect */
    }

    #CategoryNav A {
	    background:#d3e1e7;
	    color:#1c5172;
	    display:inline;
	    margin:0;
	    padding:3px;
	    text-decoration:none;
	    border:0
    }

    #CategoryNav A:hover,
    #CategoryNav A:active,
    #CategoryNav A.here:link,
    #CategoryNav A.here:visited {
	    color:#ffffff;
		background-color:#1c5172;
    }
    #CategoryNav A.here:link,
    #CategoryNav A.here:visited {
	    background-color:#a8c16b;
	    padding:2px;
    }
    /* Company Name Search */
    
	.companyNameSearchSuggestions{
		background: url(suggestions_background.png) no-repeat top center;
		padding:10px 0 3px 3px;
		width:496px !important;
		list-style:none;
		margin-top:0px;
		overflow:auto;
		height: 60px;
	}
	.companyNameSearchSuggestions LI{
		background-color:transparent !important;
		color:#333 !important;
	}
	.companyNameSearchSuggestions LI:hover{
		background-color:#ddd !important;
		cursor:pointer;
	}
	
	#companyNameSearch {
		font-size:70%;	
		margin-right:.3em !important;
    }

    #companyNameSearch input {
		font-size:130%;
		width:500px;	 
    }
    
    
    /* Company Display */
    #CompanyList{
		display:block;
		border: solid 1px transparent;
		clear:both;
		margin:10px 0 10px 0;
	}
	.company{
		margin:1em 0 1em 0;
		background-color:#eee;
		padding:4px;
		font-size:85%;
	}
	.company .name{
		display:block;
		color:#444;
		text-decoration:none;
		font-weight:bold;
		background:#ddd;
		margin-bottom:6px;
	}
	.company * label, .company .categories{
		font-size:100%;color:#000000;
		margin-right:3px;
	}

	.company .categories{
		font-size:9pt;color:#000000;
		margin:10px 10px 0 10px;
	}

	.company .primary{
		font-weight:bold;
	}
	.company .location 
	{
		line-height:1.5em;
		padding-bottom:3px;
		border-bottom: dotted 1px #ccc;
	}
	.company .contact{
		margin-top:4px;
	}
	.company .maplink{
		position:absolute;
		margin-left:6px;
	}
	
	/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
}

.modalPopupEditor {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
	height:500px;
}

/* form elements */
.smallInputs input{
font-size:9pt;
}
.smallInputs td{
font-size:9pt;
text-align:right;
}

.smallInputs td input{
margin-left:1px;
padding:0px 2px 0px 2px;
}
.button
{
	float:right;
	margin:4px 10px 4px 10px;
	padding:3px;
	border:solid 1px #ccc;
	border-right:solid 1px #666;
	border-bottom:solid 1px $666;
	text-decoration:none;
}
.button:hover{
	background-color:#ff6;
	border:solid 1px #000;
}

.ItemDivider
{
	height:18px;
}
.categories td
{
	text-align:left !important;
}
.categories tr .primary
{
	font-size:.9em;
	font-weight:bold;
}
.categories label{
	font-size:8pt;
}
.categories input{
	height:9px;
	width:9px;
	margin-bottom:4px;
}