/* --- [ BASIC ] ----------------------------------------*/
	html {
		min-width: 790px;
		/*padding: 0.5em 2em 3em 2em;*/
		margin:0
	}

	body {
		margin:0px;
		font-family: Trebuchet MS, verdana,tahoma,arial,sans-serif;
		color: #000;
		font-size:10pt;
		background:url('../images/main-background.gif') repeat-x #a6b0b6;
	}  
	p { margin:0 0 10px 0; }

	.caption {background:#fff; color:#000; padding:5px 5px 0 5px; }

/* --- [ page layout ] -----------------------------------------*/
	#container-shadow {
		position:relative;
		width: 790px;
		margin:10px auto 0 auto;
		background:url('../images/container-outline.gif') top left;
	}

	html>body #container-shadow {
		min-width: 790px;
		height:auto;
	}

	#container {
		position:relative;
		width: 780px;
		margin:5px auto 0 auto;
		background:#fff;
	}

	html>body #container {
		min-width: 780px;
		height:auto;
	}

	.header { display:block; height:75px; margin:0; }
	.header { display:block; height:75px; margin:0; }
	html>body .header { height:auto; min-height:75px; }
	.header p { display:none; }

	.header-wrap {width:780px; height:150px; }
	.header-first {display:block; width:350px; height:75px; float:left; margin:10px 0 0 10px; background:#fff url(../images/2007/logo.gif) top left no-repeat; }
	.header-first a {display:block; width:200px; height:60px; }
	.header-second {display:block; width:350px; height:75px; float:right; margin:10px 10px 0 0; background:#fff url(../images/2007/ms-gold.gif) top right no-repeat;}
	

	.footer {
		margin:0 auto 0 auto;
		padding:0 10px 10px 0;
		text-align: left;
	}
	.footer a, .footer a:hover, .footer a:visited, .footer a:active { color:#333 }

	.footer-left { text-align:left; float:left; }
	.footer-right { text-align:right; float:right; }


	.footer p {display:none;}
	
/* --- [ heading ] --------------------------------------*/
	h1, h2, h3, h4, h5, h6 { 
		font-family:  Arial,Trebuchet MS,verdana,sans-serif;
	}

	h1 {
		margin:0 0 10px 0;
		font-weight: bold;
		font-size: 16pt;
		color: #e54722;
		padding:0 5px 1px 2px;
		border-bottom:solid 2px #e54722; 
	}
	.h1-border{
		margin:0 0 5px 0;
		padding:0;
	}

	h2 {
		display:block;
		margin: 0 0 10px 0;
		padding:0 0 1px 0;
		font-weight: bold;
		font-size: 10pt;
		color: #000;
		border-bottom:solid 1px #666;
	}

	h3 {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		font-weight: bold;
		font-size: 9pt;
		color: #000;
	} 
	
	h4 {
		margin: 0 0 5px 0;
		padding: 2px 0 2px 5px;
		font-weight: bold;
		font-size: 100%;
		color: #000;
		border-bottom:solid 1px #000;
	}

/* --- [ images ] ----------------------------------------*/
    img { border:0px; }
/* --- [ links ] -----------------------------------------*/
    a { color: #f60; text-decoration:none; }
    a:visited { color: #f60; text-decoration:none; }
    a:hover { color: #f93; text-decoration:underline; }
    a:active { color: #f93; text-decoration:underline; }

    a.black { color: #000; }
    a.black:visited { color: #000; }
    a.black:hover { color: #000; }
    a.black:active { color: #000; }


/* --- [ top navigation tags ] --------------------------*/
    
    #tabs {
        position:absolute;
        display:block;
        top:100px;
        left:0;
        width:779px;
        height:25px;
        padding:0 0 0 1px;
        background:#fff url('../images/2007/tabs-wrap-background.gif') top left repeat-y;
    }
    
    #tabs h2 { display:none }

    #tabs ul { margin:0; padding:0; display:inline; list-style-type:none; }
    #tabs li { margin:1px 0 0 0; padding:0; display:block; width:90px; float:left; text-align:center; }

    #tabs a { display:block; width:84px; padding:3px; font-family:Trebuchet MS; font-weight:bold; font-size:10pt; color:#fff; text-decoration:none; border-right:1px solid #f5af88; border-left:1px solid #f5af88;}
    #tabs a:visited { color:#fff; text-decoration:none; }
    #tabs a:hover, #tabs a:active { color:#fff; text-decoration:none; background:url(../images/2007/topnavrollover.gif) left repeat-x;}
    
    #tabs a.active { display:block; width:84px; padding:3px; font-family:Trebuchet MS; font-size:10pt; color:#fff; text-decoration:none; background:url(../images/2007/topnavrollover.gif) left repeat-x;}
    #tabs a.active:visited { color:#fff; text-decoration:none; }
    #tabs a.active:hover, #tabs a.active:active { color:#fff; text-decoration:none;}

    #tabs a.white { display:block; padding:0 3px; font-family:Trebuchet MS; font-size:10pt; color:#999; text-decoration:none; background:#fff;}
    #tabs a.white:visited { color:#999; text-decoration:none; }
    #tabs a.white:hover, #tabs a.white:active { color:#999; text-decoration:underline; background:#fff; }

 /* -- [ search above main navigation ] ----------*/
   #search-form {
        position:absolute;
        top:70px;
        right:0;
        width:350px;
        margin:0 32px 0 0;
        text-align:right;
        border:solid 0px #f0f;
        z-index:10;
        color:#f60;
    }

   #search-form h2 {
        display:none;
    }

    #search-form label {
        margin:3px 0 0 0;
        font-weight:bold;
        font-size:9pt;
        color:#cc5100;
        float:left;
    }

    #search-form input.search-textbox {
        width:90px;
        margin:0;
        padding:0;
    }
    #search-form input.button {
        width:30px;
        margin:0;
        padding:0;
    }
    #search-form input.search {
        width:30px;
        margin:2px 0 0 0;
        padding:0;
        vertical-align:middle;
    }
    
    #search-form a {color:#f60; font-weight:bold; font-size:100%; margin:0 0 2px 0;}
    #search-form a:visited { color: #f60; text-decoration:none;}
    #search-form a:hover { color: #f93; text-decoration:none; }
    #search-form a:active { color: #f60; text-decoration:none; }
    

/* --- [ sub navigation if under main navigation ] ------*/
    #subtabs {
	    display:none;
	    /*width:750px;
	    height:5px;
	    background: #fff;
	    clear:both;*/
    }

    html>body #subtabs {
	    height:auto;
	    min-height:5px;
    }

/* --- [ sub navigation panel ] -------------------------*/
    #subNavigation {
	    position:absolute;
	    left:5px;
	    top:130px;
	    width:140px;
	    margin:0;
	    padding:0;
 	    background:#f4814e;

    }
    html>body #subNavigation {}

    #subNavigation h2 { display:none }
    
    #subNavigation-top { display:block; width:140px; height:20px; background:#fff url(../images/2007/subNavigationtop.gif) top no-repeat;}
    #subNavigation-bottom {display:block; width:140px; height:20px; background:#fff url(../images/2007/subNavigationbottom.gif) top no-repeat;}

    #subNavigation ul { display:block; margin:0; padding:0; list-style-type:none; text-align:left; border-left:5px solid #e54721; border-right:5px solid #e54721; }
    #subNavigation ul li { display:block; width:130px; margin:0; padding:0; text-align:left; border-bottom:2px solid #e54721;}
    #subNavigation ul ul li { margin:0; padding:0; text-align:left;}

    #subNavigation a, #subNavigation a:visited {
	    display:block;
	    width:125px;
	    color:#fff;
	    font-weight:bold;
	    text-decoration: none;
	    padding:3px 0 3px 5px;
    }

    #subNavigation a:hover, #subNavigation a:active {
	    text-decoration: none;
	    color:#fff;
	    background:#f3a380;
    }

    #subNavigation a.active, #subNavigation a.active:visited, #subNavigation a.active:hover, #subNavigation a.active:active {
	    color:#fff;
	    background:#f3a380;
    }

    #subNavigation img { border-top:solid 10px #fff; margin:0;}
    
/* --- [ sub page content ] ------------------------------*/
    #subSectionCats {
	    position:relative;
	    /*width:750px;
	    height:220px;*/
	    margin:0;
	    border:solid 0px #f00;
    }

    html>body #subSectionCats {
	    height:auto;
	    /*min-width: 750px;
	    min-height:220px;*/
    }
   
    #subSectionContent {
	    padding:0;
    }
    html>body #subSectionContent {
	    height:auto;
	    /*min-width:526px;
	    min-height:250px;*/
    }

    #subSectionContent p,li  {
	    margin:0 0 10px 0;
	    }
	#subSectionContent .subSectionContent {
	    width:580px;
	    clear:both; 
	    }

    .subSection-wrap { margin:0 0 10px 0; clear:both; font-weight:bold; }
    .subSection-left {width:316px; text-align:left; float:left; }
    .subSection-right {width:100px; float:right; }

/* -- [ main columns ] ------------------------------------*/
    .cols-wrap {position:absolute; top:130px; left:-5px; width:790px; margin:0; padding:0; border:solid 0px #0f0; background:#fff url('../images/2007/cols-wrap-background.gif') top left repeat-y; clear:both; }
    .cols-left {width:135px; height:440px; margin:0; float:left; text-align:left; border:solid 0px #f00; }
    .cols-right {width:630px; height:440px; margin:0; float:right; text-align:left; border:solid 0px #00f; }
    .cols-right img { border:solid 0px #000; }
    
    html>body .cols-left { height:auto; min-height:650px }
    html>body .cols-right { height:auto; min-height:650px }

    .download-wrap {width:100%; margin:5px 0; clear:both; }
    .download-left {width:10%; margin:0; float:left; text-align:center; border:solid 0px #f00; }
    .download-right {width:89%; margin:0; float:right; text-align:left; border:solid 0px #00f; }


/* -- [ article listing page styles old ] 
    .article-list-wrap { width:625px; }
    .article-list-left { width:395px; margin:0 5px 0 0; float:left; text-align:left; border:solid 0px #f00; }
    .article-list-right { width:225px; float:right; text-align:left; border:solid 0px #f0f; }
    .list-block-test { background:#000; }

    .article-list-title {font-weight:bold; font-size: 10pt; margin:0 0 5px 0; }
    .article-list-title a {
	    display:block;
	    color: #666;
	    border-bottom:solid 0px #666;
    }
    .article-list-title a:visited { color:#666; }
    .article-list-title a:hover { color:#666; }
    .article-list-title a:active { color:#666; }
    .article-list-intro { font-weight:bold; margin:10px; }
    .article-list-content { margin:10px; }
    
    .article-list-image
    {
		margin:0 5px 5px 0;
		float:left;
	}
    .article-list-image img
    {
		width:75px;
	}

    .article-intro { font-weight:bold; margin:5px; }
    .article-content { margin:5px; }
    
    .wibble { display:block; background:#eee url('../images/2007/grey-fade-background.gif') center left repeat-x; border:solid 1px #ddd; padding:5px 5px 0 5px; margin-bottom:5px; }
    .wibble:hover { display:block; background:#eee; } ---------------------*/

/* -- [ article listing page styles] */
    .article-list-wrap 
    {
		width:620px;
		height:290px;
		border:solid 0px #f00;
	}
    html>body .article-list-wrap 
    {
		height:auto;
		min-height:320px;
	}
	
	.article-list-title 
	{
		font-weight:bold;
		font-size: 100%;
		margin:0;
	}

	.article-list-date 
	{
		font-weight:bold;
		font-size: 80%;
		margin:0;
	}
	
    .article-list-title a 
    {
	    display:block;
	    color: #036;
	    border-bottom:solid 0px #666;
    }
    
    .article-list-title a:visited
    {
		color:#036;
	}
	
    .article-list-title a:hover 
    {
		color:#036;
	}
    
    .article-list-title a:active 
    { 
		color:#036;
	}

    .article-list-image
    {
		margin:0 5px 5px 0;
		float:left;
	}
    .article-list-image img
    {
		width:75px;
	}
    
    .article-intro, .article-list-intro
    {
		margin:0 0 10px 0;
		font-weight:bold;
	}
    
    .wibble 
    {
		display:block;
		width:605px;
		margin-bottom:5px;
	}
	/*edit here*/
    .wibble { display:block; background:#dae7f6; border:solid 1px #eee; padding:5px 5px 0 5px; margin-bottom:5px; }
    .wibble:hover { display:block; background:#dae7f6; border:solid 1px #ccc; }


/* ----- [search results table] ---------------------------- */
	.search-panel { font-size:85%; }

	.results-info { border-bottom:solid 2px #ccc; }
	.results-info p { margin:10px 0 10px 0; }

	table.gridView { border:solid 0px #ccc; }
	table.gridView th { padding:5px 2px; border-bottom:solid 2px #ccc; }
	table.gridView td { padding:4px 2px; border-top:solid 1px #ccc; }
	table.gridView th a, table.gridView th a:hover, table.gridView th a:visited, table.gridView th a:active { color:#666 }
	table.gridView .column-1 { width:5%; text-align:center; }
	table.gridView .column-2 { width:85%; text-align:left; }
	table.gridView .column-3 { width:10%; text-align:center;  }
	table.gridView tr.empty td { border-top:solid 0px #ccc; } 
	table.gridView table { margin:2px 2px 2px -3px; font-weight:bold; }
	table.gridView table td { text-align:center; padding:0px; border:solid 1px #333; }
	table.gridView table td span { padding:4px; color:#666; }
	table.gridView table td a { display:block; width:15px; height:15px; color:#fff; text-decoration:none; background:#666; }
	table.gridView table td a:visited { color:#fff; text-decoration:none; background:#666 }
	table.gridView table td a:hover { color:#fff; text-decoration:underline; background:#666 }
	table.gridView table td a:active { color:#fff; text-decoration:underline; background:#666 }
	.empty { border-top:solid 0px #366; }

/* ----- [sitemap table] ---------------------------- */
	.results-info { border-bottom:solid 2px #ccc; }
	.results-info p { margin:10px 0 10px 0; }

	table.sitemap { border:solid 0px #ccc; }
	table.sitemap td.column1 { font-weight:bold; padding:5px }
	table.sitemap td.column2 { font-weight:normal; padding:5px; }

/*--- [ forms ] -------------------------------------------*/  
    .form{
    margin:0 0 10px 0;
    }

    .form label{
    float: left;
    width: 130px;
    font-weight: bold;
    margin: 5px 0 0 0;
    }

    .form input {
    margin: 0 0 5px 0;
    }

    .form select {
    margin: 0 0 5px 0;
    }
        
    .form textarea{
    font-family: verdana;
    }

    .form br{
    clear: left;
    }  
    
    .submit-wrap {
        width:365px;
        margin-bottom:5px;
        border:solid 0px #000;
        clear:both;
        }  
    .submit-right {
        float:right;
        margin:0;
        border:solid 0px #000;
        text-align:right;
        }
    	 
    .button { font-size:90%; font-weight:bold; }
    .send { width:120px; background:#fff url('../images/buttons/invoice.gif') center no-repeat; font-size:90%; font-weight:bold; color:#fff;}
    .payment{}
    html>body .button { font-size:90%; font-weight:bold; }
    
    /*--- [ knowledge base dropdowns ] -------------------------------------------*/  
  .knowledge-base 
   {
        margin:5px 0 0 0;
        padding:5px 0 0 0;
		font-size:90%;
        color:#036;
        border-top:solid 5px #09c;
        border-bottom:solid 1px #09c;
        background:#f4f4f4;
   }
    .knowledge-base label  {
		float: left;
		width: 130px;
		font-weight: bold;
		margin: 5px 0 0 5px;
    }

    .knowledge-base select 
    {
		margin: 0 0 5px 0;
		font-size:90%;
    }

     .knowledge-base br
    {
		clear: left;
    }  

    .knowledge-base fieldset
    {
		border:solid 0px #fff;
    }
    .knowledge-base fieldset table
    {
		margin:-25px 0 10px 130px;
    }
    .knowledge-base fieldset legend
    {
		margin:5px 0 0 -7px;
		font-weight: bold;
		color:#036;
    }
    .knowledge-base fieldset input 
    {
		margin:10px 5px 0 0;
    }
    .knowledge-base fieldset label
    {
		margin:5px 0 0 0;
		font-weight: normal;
		float:none;
    }


     .knowledge-base .button-holder
    {
		width:96%;
		margin:5px;
		text-align:right;
    }  

    .knowledge-base input.button
    {
        width:70px;
        margin:5px 0 5px 65px;
		font-size:85%;
		font-weight:normal;
    }
    
/* --- [ MISC CLASSES ] ----------------------------------*/

    .newRow,.clear	{clear:both;}
    .requiredField,.requiredfield,.warningTextNoMargin	{color:#f00;}
    .warningText {color: red; margin:0 0 0 5px;}
    .messageText {color: black; margin:0 0 0 5px;}
    .noDisplay { display:none }
    
/* --- [ EcoDirectory Specific Hidden Stylees ] ----------------------------------*/
    #chooseLanguage, #languageButton { display:none; }
    
/* --- [ASP.NET AJAX EXTENDER CONTROLS STYLES ] ----------------------------------*/
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}