
   /*
    * Few simple style changes
    */
     
    /* remove the watermark image top right */
   #watermark {background:none !important;}
   
   /* clear the background to white */
   body {background: #fff url(/topsight/website/assets/images/new-design-2010/background-white-gradient.jpg) 0 0 repeat-x;}
   /* add the 'template' design style as the background */
   #outer-wrapper {background: transparent url(/topsight/website/assets/images/new-design-2010/background-white.jpg) 50% 0 no-repeat;}

      /* Make the homepage use the grey background */
      body#home {background-color: #f5f5f5; background-image:url(/topsight/website/assets/images/new-design-2010/background-grey-gradient.jpg);}
      body#home #outer-wrapper {background-image:url(/topsight/website/assets/images/new-design-2010/background-grey.jpg) !important;}
 	

      .thumbnail-item { min-height:90px; width:47%; }
     
    #header {height:173px;}  
    
   #wrapper {
      width: 950px;
   }
   #content {
      background2: #fff;
      min-height2: 500px;
      background-image2: url("/topsight/website/assets/images/conference/2010/conference-2010-header.gif") !important;
   }

   #content li {
      list-style-background: #f00;
   }

   /*
    * Titles
    */
    .title h1 {
      color2:#555 !important;
    }
    h3,
    h3.bluebold {
      font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
      font-weight:normal;
      font-size:200%;
    }
    .bluebold {color: #316D8F !important;}

   h1, h2, h3, h4, h5, h6 {font-family:Georgia, serif;}

   #content h4 {
      font-family:Georgia, "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
      font-size:140%;
      font-weight:normal !important;
      color: #333;
   }
   	#content h4 strong { font-weight:normal;}


    #content ul,
    #content ol {
      margin-top: 0px;
      padding-top: 0px;
    }
    
      #content ul ul,
      #content ol ol {
         margin-top: 10px;
         margin-bottom:0px;
      }
    
    #content ul {
      padding-left:24px;
      line-height: 16px;
    }
    #content li {
      line-height: 18px;
      margin-bottom: 8px;
      list-style-type2:none;
      padding-left:2px;
      background2: url("/topsight/website/assets/images/new-design-2010/bullet.gif") no-repeat 2px 1px;
    }
    #content li:hover {
      background-position: -978px 1px;
    }
    
    /* fix the jquery ui li's */
    .ui-tabs li {
      background:none !important;
      margin:0px !important;
      padding:0px !important;
    }
    
    /*
     * Fancy li background icons for homepage sidebars etc
     

   .sidebar-menu-tabs-content ul,
   .column-sidebar ul {
      padding-left:0px !important;
   }
   .sidebar-menu-tabs-content ul li,
   .column-sidebar ul li {
      padding-left:20px;
      line-height:16px;
      margin-bottom:8px;
      list-style-type:none;
      background: url("/topsight/website/assets/images/new-design-2010/bullet.gif") no-repeat 2px 0px;
      background2: url("/topsight/website/assets/images/breadcrumbs-divider.gif") no-repeat 2px 0px;
      list-style2: disc outside; color2:#666666;
   }
   .sidebar-menu-tabs-content ul li:hover,
   .column-sidebar ul li:hover {
      background-position2: -978px 0px;
   }
*/
   .symbol {
      font-size:90%;
   }

   /*
    * General primary interface
    */
    
    /* Make the very top links a little longer */
    ul#headerLinks {
      width: 800px;
      margin-top: 4px;
    }
    
    #content .contentPadding {
   	padding: 0px 10px 10px 10px;
   }

      /* Show when the shopping list has items in it */
      ul#headerLinks a {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
         background: #80B1D8;
         background: #9AC5E8;
         background: #90BCDF;
         background: #80B1D8;
         background: #9EC6E5;
         margin-left: 2px;
         
       }
      ul#headerLinks a:hover {
         background: #6E98B9;
         background: #80B1D8;
       }
       
       /* Show when the shopping list has items in it */
       a.shoppingListLinkHasItems {
         background: #6E98B9 !important;
         font-weight:bold;
       }
    
    
       /* Make the shopping list label inline with the shopping list text */
       #shoppingListCountLabel {
          display:inline !important;
          float2:right;
       }

       #menuh {
         margin-bottom: 0px;
       }

       #content {
         margin-top: 20px;
         margin-bottom: 20px;
       }



		#menuh .h_submenu a:hover {

		   background2:transparent url(/topsight/website/assets/images/new-design-2010/menuh-rollover.gif) 0px -29px no-repeat !important;
	}
		   
/*
 * ALL LINKS
 */ 
 a {
   color: #316D8F;
    }
    

   a:hover {color:#5EA53A; background-color: #F6FFD8; background-color:#FAFFED;}
#breadcrumbs a:hover,
#titleLinks a:hover,
#footer-links a:hover,
#footer-links a.selected,
p.alphabet a:hover,
.back-to-top a:hover {
color:#5EA53A !important; background2: #F6FFD8; background-color:#F6FFD8 !important;
}

   /*
    * Footer
    */
    
    #footer {
      background: #efefef !important;
      clear:left;
      margin-top: 0px; margin-bottom: 0px;  padding: 0px 0 0px 0;
      border-top: solid 1px #eee;
      }
    #footerWatermark {background: none !important;}
   
    #footer p.left {padding-left:4px;}
    
    
    #footer-links  {
       border-top: solid 1px #fff;
       border-bottom: solid 1px #ddd;
        background2: #F1F8FF;
        background2: #F5FCFF;
         background: #fff url(/topsight/website/assets/images/new-design-2010/gradient_bg.gif) 0px -840px repeat-x !important;
        padding: 30px 0 20px 0;
    }
    
    #footer-links-menu {
        
    }
    
    .wrapper {
        width: 940px;
        padding-left: 10px;
        text-align: left;
        margin: auto;

        padding-bottom: 30px;
    }
    
      #footer .span-4 {background: transparent;}
      #footer-links h2 {
         font-size:14px; color: #777; font-weight:normal;
         margin-bottom:0px;
         padding-bottom: 0px;
      }
      #footer-links h3 { background: transparent; display:block; clear:left; font-family:arial; line-height:11px;
         font-size: 11px; color: #333; font-weight:bold; margin:0;padding: 10px 0 2px 0; cursor:default; word-spacing:-2px;}
      #footer-links p {
         display:block;
         padding:1px 0 2px 0 !important;
      }
      #footer-links a {  backgroun2d: transparent; padding:0 0 0 0;   font-size: 11px; text-decoration: none;
         color: #777; display2:block;  clear2:left; line-height:13px;}
      #footer-links a:hover {text-decoration:underline;}


      #footer-links .span-4:hover {
         
      }


   #footer-bottom {
      padding-top: 20px;
      padding-bottom: 50px;
      border-top:solid 1px #fff;
      color:#777;
      background: #e4e4e4;
      

   }
   #footer-bottom .wrapper {
      background2: #ddd url(/topsight/website/assets/images/new-design-2010/footer-bg.gif) 50px 200px no-repeat;
   }
   
   #footer #footer-bottom p {color:#555 !important; font-size: 11px;}
   
    
   p.back-to-top { padding:0; margin: 0 0 20px -6px;}
   .back-to-top a { font-size:12px !important; padding:6px 8px; text-decoration:underline; -moz-border-radius:4px; -webkit-border-radius:4px;}
   .back-to-top a:link,
   .back-to-top a:visited { color:#316D8F; color: #999;}
   
   #footer-bottom a {display:inline !important;}
   #footer .left { float:left; clear:left;}
   #footer .right {float:right; clear:right;}
   #footer-bottom p {
      padding:10px 0 0 0 !important;
      margin:0 !important;
   }
   
   /*
    * ...
    */
    
	.box {
	   background: #EBF1FD;
	   background:#F8F8F8 none repeat scroll 0% 0%;
		border:1px solid #EEEEEE;
		margin: 12px 0 12px 0;
		padding: .4em 1em .4em 1em;
		-moz-border-radius-bottomleft:8px;
		-moz-border-radius-bottomright:8px;
		-moz-border-radius-topleft:8px;
		-moz-border-radius-topright:8px;
		}

	.yellow {
	   background: #FFFFE0 !important;
	   border:solid 1px #ECECD5;
	}

	.red {
	   background: #FFE2E9;
		border:solid 1px #F1C5CC;
	}

  .darkRed {
     background: #ec2d2d;
    border:solid 1px #dc0000;
    color: white;
    font-weight:bold;
  }

	.green {
	   background: #F1FFDB;
	}
	.white {
      background: #FFF;
      border:none;
	}
   /*
    * HOMEPAGE SIDEBAR LINKS
    */
    .column-sidebar ul {
      padding-left:22px;
    }
   .column-sidebar li {
      line-height: 16px;
      margin-bottom: 8px;
      list-style-type2:none;
      padding:0;
   }
   
	.column-sidebar li a {
      padding: 1px 0;
	}
	
	/*
    * Column sidebar links
    */
    
    .sidebarLinks ul {
      padding-top: 12px !important;
    }
    
    
   /*
    * HEADER NEWS BLOG ENTRIES
    */
    
    .newsLinks {
      margin:0px 0 0 -10px !important;
      padding:0 !important;
    }
    .newsLinks li {
      list-style-type:none;
      margin:0 0 12px 0 !important;
      border2:solid 1px red;
      display:block;
      clear:left;
      padding: 6px 0 !important;
    }
    .newsLinks li h4 {
      margin:0px;
      float2:left;
      font-weight:normal !important;
    }
    .newsLinks li h4 a {
      font-size:15px;
      font-weight2:bold;
      text-decoration2:none;
      padding: 4px;
      margin-left:-4px;
      color: #316D8F;
      color2:#5EA53A !important;
    }
      .newsLinks li h4 a:hover {color:#5EA53A; background: #F6FFD8;}

      .newsLinks li div.content {
         
         clear2:left;
         float:left;
         width: 560px;
       }

/*
 * Breadvcrumbs
 */ 

p#breadcrumbs {margin: 4px 0 0px -6px !important; top:-14px;}
p#breadcrumbs a { padding:6px 20px 6px 6px}


#content div.title {
margin-top:4px;
}



/*
* MISC
*/

#titleLinks li {background: none;}

/* Homepage consultancy panel */
#homepage-consultancy {
   background:url(/topsight/website/assets/images/new-design-2010/content-panel-images/consulatants-panel.jpg) no-repeat scroll 0 0 #fff !important;
   padding-top:60px;
}
   #homepage-consultancy h3 {display:none;}



#exchange-sidebar-item {
   background: transparent url(/topsight/website/assets/images/new-design-2010/featured-sprites.jpg) -85px -180px no-repeat !important;
}  #exchange-sidebar-item .contentPadding { padding-right: 140px; }

#something-to-tell-us {
   background: #fff url(/topsight/website/assets/images/new-design-2010/contact-us-panel-image.jpg) 180px 60px no-repeat !important;
} #something-to-tell-us .contentPadding { padding-right: 62px !important; }

.fake-image {
   border:solid 2px #efefef;
   margin-bottom: 10px;
   background: #eee url(/topsight/website/assets/images/new-design-2010/fake-image.gif) 50% 50% no-repeat !important;
}


   /* The content of the toggle bar */
   div.toggle-content {
   	border:solid 1px #eee;
   	margin-top: -12px;
   	background: #fff url(/topsight/website/assets/images/new-design-2010/gradient_bg.gif) 0 -880px repeat-x !important;
   	padding: 4px 12px;
   }
   
   
.clearfix {clear:both;}


/*
 * Blog calendar
 */     
#content .calendar {
	background: url(/blog/wp-content/themes/spectronics-new/images/calendar.jpg) no-repeat;
	text-align: center;
	float:left;
	width: 32px;
	height: 38px;
	position: relative;
	left: -8px;
	top:2px;
	clear: both;
}
	#content .calendar .month {
	   color: #FFF;
	   text-transform: uppercase;
	   font-size: 9px;
		font-weight: bold;
		position: relative;
	   top: 0px;
	}
   #content .calendar .day {
	   color: #000;
	   font-size: 16px;
	   position: relative;
	   top: 0px;
	   color: #666666;
	}
	
	
	/*
	 * social links
	 */	 
	 .socialLinks {
	  margin: 2px 0 2px 0 !important;
	 }
	 
      .socialLinks p {
         margin: 0;
      }
	 
	.socialLinks a {
      float2:left;
      display:block;
      border2:solid 1px red;
      text-decoration:none;
      line-height: 16px;
      padding: 8px 10px 8px 56px;
      color: #000;
      margin: 0 4px 0 4px;
      border:solid 1px #fff;
      
      background: url(/topsight/website/assets/images/new-design-2010/social/sprites.gif) 4px 0px no-repeat;
	}
	
      .socialLinks a span {
         width: 32px;
         height:32px;
         float:left;
      }
	
	   .socialLinks a strong {
	     display:block;
	     font-weight:bold;
	      color: #316D8F;
	      text-decoration:underline;
	      font-size2:12px;
	   }
	
		.socialLinks a:hover {
		 border-color: #DFE7D8;
		 background-color: #F6FFD8;
   	}
	     .socialLinks a:hover strong {
	      color:#5EA53A;
	     }  
	  
        .socialLinks a:hover { background-position: -336px 0px; }
	     .socialLinks .blog { background-position: 4px -122px; }
	     .socialLinks .blog:hover { background-position: -336px -122px; }
	     .socialLinks .youtube { background-position: 4px -244px; }
	     .socialLinks .youtube:hover { background-position: -336px -244px; }
	     .socialLinks .nz-site { background-position: 4px -365px; }
	     .socialLinks .nz-site:hover { background-position: -336px -365px; }
        .socialLinks .au-site { background-position: 4px -485px; }
	     .socialLinks .au-site:hover { background-position: -336px -485px; }
        .socialLinks .browsealoud-link { background-position: 4px -618px; }
	     .socialLinks .browsealoud-link:hover { background-position: -336px -618px; }
	     .socialLinks .point-link { background-position: 4px -736px; }
	     .socialLinks .point-link:hover { background-position: -336px -736px; }
	     .socialLinks .ginger-link { background-position: 4px -866px; }
	     .socialLinks .ginger-link:hover { background-position: -336px -866px; }
	     .socialLinks .twitter { background-position: 4px -1003px; }
	     .socialLinks .twitter:hover { background-position: -336px -1003px; }
	     .socialLinks .slideshare { background-position: 4px -1104px; }
	     .socialLinks .slideshare:hover { background-position: -336px -1104px; }

/*
  * Conference
  */
  
  body#conference #content {
   margin-top2: 0px;
   background:url(/topsight/website/assets/images/new-design-2010/banners/conference-banner-in-page.jpg) repeat-x !important;
   padding-top: 220px;
  }


/*
 * Homepage subscribe form
 */
 
 #subscribe {
   background: transparent;
   width: auto;
 }
 
  #subscribe fieldset {
   margin: 0 !important;
   padding: 6px 6px 12px 6px !important;
   background: transparent !important;
 }
 
     #subscribe p {
   display:none;
 }
 
   #subscribe .textbox {
      width: 200px;
      font-size:13px;
      padding:5px;
   }

 body#home #subscribe .button {
   width:120px;
   margin-top:10px;
}

/*
  * Conference 2012
  */

#colorbox .ui-corner-all { -moz-border-radius: 0px /*{cornerRadius}*/; -webkit-border-radius: 0px /*{cornerRadius}*/; border-radius: 0px /*{cornerRadius}*/; }

#colorbox .ui-state-active, #colorbox .ui-widget-content .ui-state-active, #colorbox .ui-widget-header .ui-state-active { border-bottom:1px solid #aaa; border: 1px solid #aaaaaa/*{borderColorActive}*/;  background: #ffffff/*{bgColorActive}*/ url(http://jqueryui.com/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }

#colorbox .ui-widget-content { border: 1px solid #fff/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ ; color: #222222/*{fcContent}*/; }

#colorbox .ui-widget-header { border: 1px solid #fff/*{borderColorHeader}*/ ; border-bottom: 1px solid #aaa /*{borderColorHeader}*/ ;  background: #fff/*{bgColorHeader}*/ ; color: #222222/*{fcHeader}*/; font-weight: bold; }

#colorbox .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0 !important; border-bottom: 0; padding: 0; white-space: nowrap; }

#colorbox .ui-state-default, #colorbox .ui-widget-content .ui-state-default, #colorbox .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(http://jqueryui.com/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/ !important; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }

#colorbox .ui-state-active, #colorbox .ui-widget-content .ui-state-active, #colorbox .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(http://jqueryui.com/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/ !important; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }

#colorbox .ui-state-default a:hover { background:#dadada !important;}
#colorbox .ui-tabs-selected a:hover { background:#FFF !important; }

#colorbox .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0 !important;  padding-bottom: 1px !important; }



/*
 * Hack for content panels until we have a better systme with this
 */ 
 #content #column-33567 .column, 
 #content #column-33569 .column,
 #content #column-33568 .column {
   height:200px !important; 
 }
 #content #column-33567 .column {background-position: 0 80px !important}
 #content #column-33569 .column {background-position: 0 0px !important}
 #content #column-33568 .column {background-position: 40px 50px !important}
 
 #content #column-33575 .column,
 #content #column-33576 .column,
 #content #column-33577 .column {height:164px;}