*{
	margin:0;
	padding:0;
        border:0;
	outline:0;
}
body{
	font-family: verdana, arial, geneva, sans-serif;
	font-size:100%;
	color:#333;
	background:#eee;
}
#wrapper{
	width:960px;
	padding:10px;
	background:#fff;
	border:1px solid #dc9595;
	margin:5px auto;
}

/* HEADER SYLES */

#header{margin-bottom:5px;}
#logo a{
	display:block;
	height:90px;
	width:212px;
	text-indent:-3000px;
	float:left;
	background:url(http://www.cleanroom-technology.co.uk/images/cleanroom-technology-logo.gif) 0 20px no-repeat;
}
#banner{float:right;}
#header h2{
	color:#333;
	font-size:80%;
	font-weight: bold;
	padding-top:10px;
	clear:left;
}
#side-nav{
	font-size:70%;
	float:right;
	clear:right;
	padding-top:10px;
	white-space: nowrap;
}
#side-nav a{color:#52357d;}
#side-nav img{
       float: none;
       margin-bottom: -3px;
}

/* NAVIGATION STYLES */

#nav{
	border:1px solid #dc9595;
	background:#ccc;
	margin-bottom:13px;
}
#nav ul{float:left;}
#nav ul li{
	display:block;
	border-right:1px solid ##DA9695;
	float:left;
}
#nav ul li a{
	display:block;
	font-family: Verdana, arial, sans-serif;
	font-size:93%;
	padding:10px 10px 10px 10px;
	border-right:1px solid #DC9595;
	color:#cf3438;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a.current{color:#333;}
#search{
        float:left;
        position:relative;
}
#query, #facetedquery, .autoInput {
	border-top:1px solid #BB7F7F;
 	border-left:1px solid #BB7F7F;
	border-right:1px solid #F1D3D3;
	border-bottom:1px solid #F1D3D3;
	padding:2px 5px;
	margin:0 10px;
}
#searchwithin{margin-bottom:20px;}
#facetedquery{
	padding:3px 5px;
        margin: 0 0 10px 0;
}
#go{
	position:relative;
	top:8px;
}
#button{
        font-family: tahoma, verdana, arial sans-serif;
        font-size: 70%;
        background: #ccc;
        padding: 3px 2px;
        border:1px solid;
        border-color:#bbb #CF3438 #CF3438 #bbb;
        color:#CF3438;
        letter-spacing:0.02em;
        margin-left: 10px;
}
#button:hover{
        border:1px solid;
        border-color:#CF3438 #bbb  #bbb #CF3438;
}

/* SIDEBAR 1 STYLES */

#sidebar-1{
    float:left;
    width:130px;
    margin-right:20px;
    margin-bottom:20px
}
#sidebar-1 p{
    font-size:80%;
    margin-bottom:1em;
}
#sidebar-1 #sign-up{
    width:100px;
    height:25px;
    display:block;
    text-indent:-3000px;
    background:#fff url(http://www.cleanroom-technology.co.uk/images/sign-up-button.jpg) repeat-x 0 0;
    margin-bottom:20px;
}
#topics-panel{
    background: #ccc;
    margin-bottom:15px;
}
#topics-panel h2{
    font-family:Verdana, arial, sans-serif;
    font-size:85%;
    color:#cf3438;
    font-weight:normal;
    padding:5px;
    border-bottom:2px solid #fff;
}
#topics-panel ul{
    list-style: none;    
}
#topics-panel li{
    padding:5px;
    font-size:75%;
    border-bottom:2px solid #fff;
}
#topics-panel ul li:hover,
#topics-panel ul li:hover a,
#topics-panel ul li a:hover{
    color:#fff;
    background:#cf3438;
    text-decoration:underline;
}
#topics-panel ul li a{
    color:#cf3438;
    font-size:93%;
    text-decoration:none;
    display:block;
}
#topics-panel ul li.th_sel{background:#cf3438;}
#topics-panel ul li.th_sel a{
    color:#fff;
    background:#cf3438;
}
/* CONTENT STYLES */

#content{
	float: left;
}
.with-right-col{
	width: 490px;
	margin-right:20px;
}
.no-right-col{
       width: 810px;
}
#content a{color:#52357d;}
#content h3 a{
       text-decoration:none;
       font-size:90%;
       font-weight:bold;
}
#content h3 a:hover{text-decoration:underline;}
#content table{
      clear:both;
      margin:20px auto;
      padding:5px;
      background: #F7F7F7;
      border: 1px solid black;
      font-size:65%;
}
#content tr.tableheader, #content tr.colheader, #content tr.tablefootnote {font-weight:bold;}

#breadcrumb{
      color:#999;
      font-size:70%;
      margin-bottom:5px;
}
#breadcrumb a{color:#999;}
#featured-outer{
	background: #fff;
	border:1px solid #dc9595;
	margin-bottom:10px;
        clear:both;
}
#content #featured-outer h2, 
#content #featured-outer h1{
	color:#cf3438;
	font-size:100%;
	padding:5px 10px;
	border-bottom: 1px solid #dc9595;
	font-weight: normal;
	background:#ccc;
	margin:0;
}
#featured-outer a{color:#333;}
#featured-inner{padding:10px;}
#featured-inner img{
	background: #ddd;
	border:1px solid #dc9595;
	padding:1px;
	float:right;
	margin:0 0 0 10px;
}
#featured-inner p{
	font-size:70%;
	margin-bottom:1em;
}
#featured-inner a{color:#52357d;}
.date{
        color:#999;
        float:right;
}
.halfWidth1 {
	float:left;
	margin-right:20px;
	width:230px;
        min-height:1px;
}
.halfWidth2 {
	float:left;
	width:228px;
        min-height:1px;
}
.fullWidth {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	clear:both;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
}
#content h1{
	font-weight:normal;
	font-size: 20px;
	color:#333;
	font-family:Verdana, arial, sans-serif;
	margin-bottom:5px;
}
#creationdate{
        float:right;
	font-size:90%;
	color:#999;
}
#content h2{
	font-weight:normal;
	font-size: 20px;
	color:#333;
	font-family:Verdana, arial, sans-serif;
	margin:20px 0 5px 0;
}
#content .halfWidth1 h2,
#content .halfWidth2 h2,
#content fullWidth h2{margin-top:0;}
#content h2 span{
	font-weight:bold;
	color:#cf3438;
}
#ThesRelations h2{
	font-weight:bold;
	color:#cf3438;
      margin-top:15px;
}
#content h3{
	font-family:Verdana, arial, sans-serif;
	font-size:85%;
	color:#333;
	font-weight:normal;
}
#content h3 span{
	font-size:90%;
	color:#999;
        white-space:nowrap;
}
#content p{
	font-size:70%;
	margin-bottom:0.5em;
}
#content img.cover{
        float:right;
        margin:0 0 0 5px;
}
#content p.alphabet{
	border:1px solid #dc9595;
	margin:-3px 0 10px 0;
	color:#CF3438;
	font-size:100%;
	padding:5px 10px;
	background:#ccc;
        text-align:center;
}
#content p.emailstory {background:url(http://www.cleanroom-technology.co.uk/images/email-story.jpg) no-repeat 0 0 transparent;
       font-size:80%;
       margin-top:1.5em;
       padding:4px 0 5px 28px;
}
#content a.month{margin-right:5px;}
#content ul{
	font-size:70%;
	margin-bottom:1em;
	margin-left:15px;
}
#content li{margin-bottom:0.5em;}
#content .featured_list ul {
       list-style-image: url(http://www.cleanroom-technology.co.uk/images/bullet.gif);
       margin-left:20px;
}
#content .featured_list li a {text-decoration:none;}
#content .featured_list li a:hover {text-decoration:underline;}
.standfirst{
	font-size:70%;
	margin-bottom:0.5em;
}
#content .standfirst p{
	font-size:100%;
	margin-bottom:0;
}
#reasons{
	font-size:70%;
	margin-bottom:0.5em;
}
#reasons p{
	font-size:100%;
	margin-bottom:0;
}
#content p.last{
	margin-bottom:15px;
        font-size:70%;
}
#content p.last a{color:#999;}
#content select{
        border: 1px solid #dc9595;
        margin:0;
        width:185px;
}
#category_header{
        float:left;
        margin-bottom:10px;
        width:480px;
}
#category_header h1{margin-top:15px;}
#refine_list{
       float:right;
       margin-top:3px;
       border: 1px solid #dc9595;
       background:#ccc;
       padding:3px 5px 5px 5px;
       color:#5D8187;
}
#refine_list option{padding-left:3px;}
/******************
*
*  Image Display Tags
*******************
*/
.picOnly p.picTitle, .picOnly p.picDesc, .picDescOnly p.picTitle, .picTitleOnly p.picDesc
{display:none;}

.picTitleOnly p.picTitle, .picDescOnly p.picDesc, .picBoth p.picTitle, .picBoth p.picDesc
{display:block;}
p.picTitle
{font-weight:bold;}
p.picDesc{font-style:italic;}

.imageleft {
       float:left;
       margin: 10px;
       text-align:center;
       width: 180px;
}
.imageright {
       float:right;
       margin: 10px;
       text-align:center;
       width: 180px;
}


#content .articleMainPic, #content .picOnly, #content .picDescOnly, #content .picTitleOnly, #content .picBoth
{
      padding-top:4px;
      margin:4px 0 20px 0;
      text-align:center;
}
#featured-inner .articleMainPic, #featured-inner .picOnly, #featured-inner .picDescOnly, #featured-inner .picTitleOnly, #featured-inner .picBoth
{
      padding-top:5px;
      margin:0;
      text-align:center;
}
#content .articleMainPic img, #content .picOnly img, #content .picTitleOnly img, #content .picDescOnly img, #content .picBoth img
{margin-bottom:10px;}
#content .articleMainPic p, #content .picOnly p, #content .picTitle p, #content .picDesc p, #content .picBoth p
{font-size:70%;}
#content .articleMainPic h4{
      float:left;
      margin:10px 0;
      font-size:80%;
      color:#5D8187;
}
#searchlist{
        margin:10px 0 0 32px;
        font-size:85%;
}
#searchlist h3{
        font-size:100%;
        margin-bottom:3px;
}
#searchlist p{font-size:100%;}
#searchlist h3 span{
        font-size:80%;
        display:block;
        float:right;
        margin:3px 0 0 5px;
}
#content #more{
       float:right;
       font-size:70%;
       font-weight:bold;
       margin:10px 0 20px 0;
}
#content #previous{
       float:left;
       font-size:70%;
       font-weight:bold;
       margin:10px 0 20px 30px;
}
#content #promo{
      background:#fff none repeat scroll 0 0;
      border:1px solid #dc9595;
      float:left;
      width: 480px;
      padding:5px;
      margin:40px 0 20px 0;
}
#content #promo img{
     float:right;
     margin-left:5px;
}
#content #promo h3{
     font-weight:bold;
     margin-bottom: 5px;
}
#content #promo p{font-size:70%;}
#content #promo a.subscribe{
    width:100px;
    height:25px;
    display:block;
    text-indent:-3000px;
    background:#fff url(http://www.cleanroom-technology.co.uk/images/sign-up-button.jpg) repeat-x 0 0;
    margin-bottom:0px;
}
#content #promo p.right{
    float:right;
    margin: -10px 15px 0 0;
}
#content #promo p.left{
    margin-top: 20px;
}

#content #contact,
#content #emailform {
	background-color:#fff;
	margin:20px 0;
	padding:20px 30px 10px 0px;
	width:420px;
}
#contact label,
#emailform label{
	float:left;
	text-align:right;
	width:140px;
        font-weight:bold;
}
#contact textarea,
#emailform textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contact textarea,
#emailform textarea,
.formfield{
	background-color:#ccc;
      border-top:1px solid #BB7F7F;
	border-left:1px solid #BB7F7F;
	border-right:1px solid #F1D3D3;
	border-bottom:1px solid #F1D3D3;
	width:250px;
	margin:0 0 0 10px;
      padding:2px 5px;
}
#contact #submit,
#emailform #submit{margin-left:150px;}
#content table.reader-profile{
        font-size: 70%;
        text-align: center;
        margin-bottom: 10px;
}
#content td.row-head{
       text-align:right;
       font-weight:bold;
}
#content h3.about{
       margin:15px 0 5px 0;
}
#content h3.about span{
      font-size:100%;
      color:#cf3438;
      white-space:normal;
}

/*CATEGORY BROWSER STYLES*/
#content #category-browser{
	font-size:75%;
	margin:0 0 10px 0;
	padding:5px 0 5px 5px;
	width:160px;
}
#content #category-browser li{
	display:block;
	padding:12px 0 15px 5px;
	margin-bottom:0;
}
#content #category-browser li:hover{
	background:#ccc;
	position:relative;
	padding:12px 0 15px 5px;
}
#content #category-browser li a{
	margin:0 5px 0 0;
        color:#333;
	font-weight:bold;
	font-size:95%;
}
#content #category-browser li ul{display:none;}
#content #category-browser li:hover ul{
	display:block;
	background:#ccc;
	margin:0 0 0 -5px;
	padding:10px 0 0 10px;
	position:absolute;
	left:165px;
	top:0px;
	height:335px;
	overflow-y:auto;
	overflow-x:hidden;
}
#content #category-browser li:hover ul li{
	display:block;
	background:#ccc;
	padding:1px 0 5px 10px;
	margin:0 0 0 -10px;
	width:180px;
}
#content #category-browser li:hover ul li a{
	border:none;
	padding:0;
        color:#CF3438;
	font-weight:normal;
	font-size:130%;
}
#content #category-browser li:hover ul li:hover a{color:#333;}
#content #category-browser li:hover ul li ul{
	display:block;
	position:static;
	height:auto;
	margin:0 0 -2px 5px;
	padding-top:2px;
        background:#ccc;
}
#content #category-browser li:hover ul li ul li{
	width:160px;
	padding:2px 5px 4px 5px;
	font-size:120%;
}
#content #category-browser li:hover ul li ul li a{color:#52357d;}
#content #category-browser li:hover ul li:hover ul li a{color:#52357d;}
#content #category-browser li:hover li.more:hover {background:#ccc;}
#content #category-browser li:hover ul li.more ul li:hover{background:#fff;}


/* SIDEBAR 2 STYLES */

#sidebar-2{
	width:300px;
	float:left;
}
#sidebar-2 h2{
	color:#cf3438;
	font-size:85%;
	border:1px solid #dc9595;
	background:#ccc;
	font-weight:normal;
	margin-bottom:20px;
	padding:5px 5px;
	font-family:Verdana, arial, sans-serif;
}
#sidebar-2 ul{
	font-size:70%;
	margin-bottom:20px;
	margin-left:15px;
}
#sidebar-2 li{margin-bottom:0.5em;}
#sidebar-2 a{
	color:#52357d;
        text-decoration:none;
}
#sidebar-2 a:hover{text-decoration:underline;}
#sidebar-2 .banner{margin-bottom:20px;}

/* FOOTER STYLES */

#footer{
	text-align: center;
	clear:both;
	font-size:70%;
	padding:30px 0 15px;
	margin-top:40px;
	border-top:1px solid #ccc;
}
#footer li{display:inline;}
#footer a{
	color:#52357d;
	padding:0 5px;
}

/**************************
* Thesaurus tag display classes
*
***************************/

#content a.ThLevel1, #sidebar-2 a.ThLevel1
{
color:#333;
font-size:95%;
font-weight:bold;
text-decoration:underline;
}
#content a.ThLevel2, #sidebar-2 a.ThLevel2
{
font-size:95%;
color:#cf3438;
text-decoration:underline;
}
#content a.ThLevel3, #sidebar-2 a.ThLevel3
{
font-size:80%;
text-decoration:underline;
}

.StoryTags
{
padding:0 0 10px 0;
}
#sidebar-2  p.StoryTags
{font-size:80%;}

/******
ajax styles
******/
#content .searchList, #nav .searchList {
	margin: 2px;
	padding: 0px;
	background-color:white;
	border:1px solid #dc9595;
	list-style-type: none;
	position: absolute;
	width: 330px;
	height: 200px;
	overflow-y:auto;
	overflow:-moz-auto-vertical;
        z-index:10;
        left:-2px;
}
#nav ul.searchList{
       float:none;
       width:290px;
       top:29px;
       left:8px;
       height:auto;
       font-size:75%;
}
#searchwithin ul.searchList{
       top:31px;
       height: auto;
}
#searchList1 {top:68px;}
#searchList2 {top:158px;}
.wrapSearch,
.ajaxsearch {position:relative;}
.faceted {margin-top:50px;}
.autoInput {
	width: 320px;
        margin-left:0;
}
#content ul.searchList li, #nav ul.searchList li {
	display: block;
        float:none;
        border:none;
        padding:5px;
}
#nav ul.searchList li.ac-search, 
#searchwithin ul.searchList li.ac-search{
        background: url(/images/ac-icon.jpg) no-repeat 5px 4px;
        padding-left:25px;
}
#nav ul.searchList li.ac-search:hover,
#searchwithin ul.searchList li.ac-search:hover{
        background:#ccc url(/images/ac-icon-red.jpg) no-repeat 5px 4px;
        padding-left:25px;
}
#nav ul.searchList li.co-search,
#searchwithin ul.searchList li.co-search{
        background: url(/images/co-icon.jpg) no-repeat 5px 4px;
        padding-left:25px;
}
#nav ul.searchList li.co-search:hover,
#searchwithin ul.searchList li.co-search:hover{
        background:#ccc url(/images/co-icon-red.jpg) no-repeat 5px 4px;
        padding-left:25px;
}
#nav ul.searchList li.tx-search,
#searchwithin ul.searchList li.tx-search{
        background: url(/images/tx-icon.jpg) no-repeat 5px 3px;
        padding-left:25px;
}
#nav ul.searchList li.tx-search:hover,
#searchwithin ul.searchList li.tx-search:hover{
        background:#ccc url(/images/tx-icon-red.jpg) no-repeat 5px 3px;
        padding-left:25px;
}
#content ul.searchList li a, #nav ul.searchList li a{
	display: block;
	color: #006;
	text-decoration: none;
	padding: 0 0 0 5px;
        border:none;
}
#nav ul.searchList li a img{
	margin:0 5px -4px 0;
}
#content ul.searchList li:hover, #nav ul.searchList li:hover{
	background: #ccc;
}
.listWrap {
	visibility: hidden;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */