/* --- [ BASIC ] ----------------------------------------*/
	html
	{
		min-width: 760px;
		margin:0
	}

	body
	{
		margin:0px;
		font-family: Arial, verdana, tahoma, trebuchet MS,sans-serif;
		color: #000;
		font-size:80%;
		background:#fff;
	}
  
	p {	margin:0 0 10px 0; }
	p small { font-size:80%; }
	p.click-here-info {	width:450px; font-size:80%; }

	
	img { border:solid 0px #000 }

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

/* --- [ PAGE LAYOUT ] -----------------------------------------*/
	
	#container 
	{
		position:relative;
		width: 760px;
		margin:5px auto 0 auto;
		background:#fff;
	}

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

	.header 
	{
		display:block;
		/*height:103px;
		margin:0;*/
		border-bottom:solid 5px #09c;
		/*background:#036 url(../images/dewpoint-header.jpg) center center no-repeat;*/
	}

	.header 
	{
		display:block;
		height:100px;
		margin:0;
	}

	html>body .header 
	{
		height:auto;
		min-height:100px;
	}

	.header p 
	{
		display:none;
	}

	.header-wrap 
	{
		width:760px;
		height:100px;
	}

	.footer
	{
		width: 760px;
		margin:0 auto 10px auto;
		font-size:90%;
		text-align: left;
		border-top: solid 3px #09c;
	}

	.footer-left
	{
		width: 380px;
		margin:0 auto 10px auto;
		text-align: left;
		float:left;
	}

	.footer-right
	{
		width: 380px;
	   margin:0 auto 10px auto;
		text-align: right;
		float:right;
	}

	.footer p
	{
		padding:2px 5px;
		margin:0;
		color:#666;
		font-size:90%;
		font-weight:bold;
	}

/* --- [ heading ] --------------------------------------*/
	h1, h2, h3, h4, h5, h6 
	{ 
		display:block;
		margin: 10px 0;
		font-family: Arial,Trebuchet MS,verdana,sans-serif;
		font-weight:bold;
		padding:0 0 5px 0;
	}

	h1 
	{
		margin:0 0 10px 0;
		font-size: 140%;
		color: #036;
		padding:5px 0;
		border-bottom: 2px solid #036;
	}
	
	h2 
	{
		font-size: 120%;
		color: #369;
		border-bottom:solid 1px #369;
	}

	h3 
	{
		font-size: 110%;
		color: #69c;
		border-bottom:solid 1px #69c;
	} 

/* --- [ images ] ----------------------------------------*/


/* --- [ links ] -----------------------------------------*/
    a, a:visited
    {
		color: #036;
		text-decoration:none;
	}

    a:hover,a:active 
    {
		color: #036;
		text-decoration:underline;
	}

/* --- [ top navigation tags ] --------------------------*/
    
     #tabs-holder 
     {
        width:760px;
        padding: 5px 0;
		text-align:center;
        background-color:#036;
        
    }
    
    #tabs 
    {
        width:480px;
        margin:0 auto;
        background:#036;
    }

    #tabs h2 
    {
		display:none;
	}

    #tabs ul 
    {
		display:inline;
		list-style-type:none;
	}
	
    #tabs li 
    {
		display:block;
		margin:0 0 0 0;
		float:left;
	}

    #tabs a 
    {
		display:block;
		padding:0 10px 0 3px;
		font-family: Arial;
		font-weight:bold;
		font-size:90%;
		color:#fff;
		text-decoration:none;
	}
	
    #tabs a:visited 
    {
		color:#fff;
		text-decoration:none;
	}
	
    #tabs a:hover, #tabs a:active 
    {
		color:#fff;
		text-decoration:underline;
	}


/* --- [ 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 * {margin: 0; padding: 0;}
    
    #subNavigation {width:150px; font-size:112%; background:#cce5ff url('../images/left-col-background.gif') bottom right no-repeat;/*9cf*/ font-family: Arial,verdana,Trebuchet MS,sans-serif;}
    
    #subNavigation ul {margin:5px 0; list-style-type:none; text-align:left; font-size:80%;}
	
    #subNavigation ul li {margin:0 0 0 10px;}
	
    #subNavigation ul ul li {margin:0;}
	
    #subNavigation a, #subNavigation a:visited {color:#036; font-weight:normal; text-decoration:none;}

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

    #subNavigation a.active {color:#036;}
    #subNavigation a.active:visited {color:#036;}
    #subNavigation a.active:hover {color:#036;}
    #subNavigation a.active:active {color:#036;}
    
    #subNavigation .navigation-panel 
    {
        width:150px;
		font-size:80%;
		font-weight:bold;
        color:#036;
        border-top: 1px solid #09c;
        border-bottom: 1px solid #09c;
        background:#9cf;
    }
    
    #subNavigation .navigation-panel h2
    {
        margin:2px 5px;
        color:#036;
        background:#9cf;
        border-bottom:solid 0px #09c;
    }
/* --- [ sub page content ] ------------------------------*/
    #subSectionCats 
    {
	    position:relative;
	    margin:0;
	    border:solid 1px #fff;
    }

    #subSectionContent, #nonArticleBody
    {
	    width:440px;
	    height:290px;
	    margin:0;
	    padding:0;
    } 
    html>body #subSectionContent, html>body #nonArticleBody
    {
	    height:auto;
		min-height:20px; /* changed from 200px JSC 6/7/07*/
    }
	
	#subSectionContent table,#nonArticleBody table { margin:0; padding:0; }

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

    .subSection-wrap 
    { 
		margin:0 0 10px 0;
		clear:both;
		font-weight:bold;
	}
	
/* -- [ main columns ] ------------------------------------*/
    .cols-wrap 
    {
		position:relative;
		width:760px;
		height:300px;
		margin:0;
		background:#fff url('../images/cols-background.gif') top left repeat-y;
		clear:both;
		border:solid 0px #f00;
	}
    html>body .cols-wrap 
    {
	height:auto;
	min-height:300px;
    }	
    .cols-left 
    {
		width:150px;
		margin:0;
		float:left;
		text-align:left;
		border:solid 0px #f00;
	}
    .cols-left img 
    {
		width:150px;
		height:130px;
	}	
    .cols-content 
    {
		width:590px;
		margin:0;
		padding:5px 10px;
		float:left;
		text-align:left;
		border:solid 0px #0ff;
	}
    
	.cols-right
	{
	    width:150px;
	    margin:0;
	    float:right; 
		text-align:left;
		border:solid 0px #f00;
	}

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

/* -- [ article listing page styles ] ---------------------*/
    .article-list-wrap 
    {
		width:440px;
		height:290px;
		border:solid 0px #f00;
	}
    html>body .article-list-wrap 
    {
		height:auto;
		min-height:290px;
	}
	
	.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:440px;
		margin-bottom:5px;
	}

 /* -- [ panels overider ] ----------*/

	#panels 
	{
		position:absolute;
		z-index:5;
		top:0;
		right:0;
		width:150px;
		height:300px;
	}

 /* -- [ search form next to main navigation ] ----------*/

  .search-panel 
   {
        width:150px;
        margin:5px 0 0 0;
		font-size:85%;
        color:#036;
        border-top:solid 5px #09c;
        border-bottom:solid 1px #09c;
		background:#cce5ff url('../images/2007/grey-fade-background.gif') center left repeat-x;
   }
   .search-panel h2
   {
        margin:0;
        padding:2px;
        color:#036;
		background:#9cf;
        border-bottom:solid 1px #09c;
   }

    .search-panel input.text-box
    {
        width:130px;
        margin:3px 2px;
        padding:0;
    }
    
    .search-panel input.button
    {
        width:70px;
        margin:5px 0 5px 65px;
    }

 /* -- [ login form next to main navigation ] ----------*/
   .login-panel 
   {
        width:150px;
        margin:10px 0 0 0;
 		font-size:85%;
        color:#036;
        border-top:solid 5px #09c;
        border-bottom:solid 1px #09c;
		background:#cce5ff url('../images/2007/grey-fade-background.gif') center left repeat-x;

   }
   .login-panel h2
   {
        margin:0;
        padding:2px;
        color:#036;
        background:#9cf;
        border-bottom:solid 1px #09c;
   }

    .login-panel label
    {
        display:block;
        width:60px;
        margin:7px 0 0 2px;
        border:solid 0px #ff0;
        float:left;
    }
    .login-panel input.text-box
    {
        width:65px;
        margin:3px 2px;
        padding:1px 0;
        font-size:90%;
    }
    
    .login-panel input.button
    {
        width:70px;
        margin:5px 0;
    }
    .login-panel p
    {
        padding:0 5px;
        margin:3px 0;
    }
    .login-panel br
    {
        clear:left;
    }

	#divInternetSearch { width:460px }

/* ----- [search results table] ---------------------------- */
	.results-info { margin:0 0 10px 0; border-bottom:solid 0px #ccc; }
	.results-info p { margin:0 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 td img { width:75px; padding:3px 5px 5px 0; float:left; }
	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:18px; 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; }

/* ----- [event details] ---------------------------- */
	table.EventDetail { border:solid 5px #f00; }
	table.EventDetail td { text-align:left; vertical-align:top; border-bottom:solid 1px #ccc; }
	table.EventDetail td.leader { font-weight:bold; }
	table.EventDetail td h2 { margin:2px 0 0 0; font-size:100%; color:#000; border-bottom:solid 1px #eee; }

	
/*--- [ forms ] -------------------------------------------*/  
    fieldset
    {
		border:solid 0px #fff;
    }
    .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: arial;
		font-size:110%;
    }

    .form br
    {
		clear: left;
    }  

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

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

    .formOnline select 
    {
		margin: 0 0 5px 0;
    }
        
    .formOnline textarea
    {
		font-family: arial;
		font-size:110%;
    }

    .formOnline br
    {
		clear: left;
    }  

 
   
    .submit-wrap 
    {
        width:365px;
        margin-bottom:5px;
        border:solid 0px #000;
        clear:both;
    }
      
    .submit-right 
    {
        float:right;
        width:180px;
        margin:0;
        border:solid 0px #000;
        text-align:right;
    }
    	 
    .button 
    {
		font-size:90%;
		font-weight:bold;
	}
	
    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:#cce5ff;
   }
    .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;
	}
	
	.warningTextNoMargin
    {
    color: #f00;
    }    
    
    .requiredField, .requiredfield
    {
    color: #f00;
    vertical-align: top;
    }
	
    .warningText
    {
		color: red;
		margin:0 0 0 5px;
	}
	
    .messageText
    {
		color: black;
		margin:0 0 0 5px;
	}
    .noDisplay 
    {
		display:none;
	}
    .align-text-right 
    {
		text-align:right;
	}
	.align-text-center 
    {
		text-align:center;
	}

/*---[ SITEMAP CLASSES  ]----------------------------------*/


	.sitemap
	{
		margin:0px;
		font-family: arial,verdana,tahoma,Trebuchet MS,sans-serif;
		font-size:8pt;
	}

    
/* --- [ Dewpoint Specific Hidden Styles ] ----------------------------------*/
    #chooseLanguage, #languageButton
    {
		display:none;
	}
	
/* organisation */	
    .organisation-wrap {width:445px; margin:0 0 5px 0; clear:both; font-size:100%; border:solid 0px #000; }
    .organisation-left {width:100px; margin:4px 0 0 0; float:left; font-size:100%; font-weight:bold; text-align:left; border:solid 0px #000}
    .organisation-right {width:345px; margin:4px 0 0 0; float:right; font-size:100%; text-align:left; border:solid 0px #000}
	
	
	
	
/* misc */
    .alignRight { text-align:right }
	div.addNew { width:99%; margin:10px 0 10px 0; padding:0 0 10px 0; font-weight:bold; }
	.blueBackground { background-color:#dbe7f5;}
    .uploadPanel
{
    margin: 5px;
    padding: 5px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.loginText 
    {   font-weight:bold;
        border-top: solid 1px #0099cc;
        text-align:center;
        padding:3px 0 3px 0;
        background-color:Transparent;
    }

table.articleList td, table.articleList th, table.articleList

{border:solid 0px #006;}

.eventTypeFilter 
{
    background:#cce5ff;
    padding: 5px;
    margin: 0 0 5px 0;
    border:solid 1px #99ccff;
}

a:link.notLink, a:visited.notLink, a:hover.notLink, a:active.notLink
{
    cursor:text;
    text-decoration:none;
}