/* Generic styles */

/* Sort out various link background-colour problems */
/*
a { 
    background: inherit !important;
}*/
/* dcl6pd */
/* added to handle the new google search layout */
body#home {
	font-family:"Arial",sans-serif;
	line-height:1.3em;
	margin:0;
	padding-bottom:1em;
}
#home #header {
	font-size:100%;
	margin:8px 3%;
	position:relative;
}
#home #header #header_search {
	font-size:90%;
}
#home #header #header_search #durham_logo {
	position:absolute;
	top:0px;
	width: 95px;
	height: 68px;
	left: 1px;
}
#home #header #header_search_form {
	margin:0;
	padding:0;
	text-align:right;
}
#home #header #header_search_form div {
	margin:0;
	padding-right:0.5em;
	padding-top:0.5em;
	vertical-align:middle;
}
#home #header #header_search_form div img#google_logo {
	margin-right:0.5em;
	margin-top:-0.4em;
}
#home #header #header_search_form div #search {
	border:1px solid #AAAAAA;
	margin:-2px 0;
	padding:2px;
}
#home #tabs {
	clear:both;
	float:none;
	margin:1em -3px 0 0;
}

#home #page_wrapper {
	margin:0 3% 1em;
}

#home #gsa_search_container {
	background:#EEEEEE none repeat scroll 0 0;
	padding:10px;
}
#home #gsa_search_container #gs_search #searchbox {
	border:1px solid #A7A7A7;
	font-size:110%;
	padding:2px;
	width:13em;
	background-image: url('//www.dur.ac.uk/images/resourceicons/google_search_background.gif');
	background-repeat: no-repeat;
	background-position: left center;
}
#home #gsa_search_container #gs_search #searchbox:focus {
                                                          background-image: none;
}
#home #gsa_search_container #gs_search #searchbutton {

}
#home #tabs {
	margin-top: 23px; 
}
a img { 
        border: 0;
}

div.contentblock { 
                   padding-left: 0.2em;
                   clear: both;
}

br.cl { 
        clear: both;
}

.dec0 { 
        text-align: center;
        display: block;
        margin: 0 auto;
}

.eventimg,
.dec1 { 
        float: left;
        margin: 0.3em 1.5em 1em 0.3em;
}

.dec2 { 
        float: right;
        margin: 0.3em 0.3em 1em 1.5em;
		
		  
}

p.imagecaption {
font-size:90%;
}

.error { 
         background: #fff;
         color: #900;
}


caption { 
          font-size: 120%;
          padding-bottom: 0.5em;
}

td,th { 
        border: 1px black solid;
        padding: 0.1em 0.5em;
        vertical-align: top;
}

tbody { 
        border-top: 2px black solid;
        border-bottom: 2px black solid;
}

table { 
        border-collapse: collapse;
        border-spacing: 0;
}

table.crosstab td { 
                    text-align: center;
}

table.forms td { 
                 text-align: center;
                 background: #f3f3f3;
                 color: #000;
}

/* Online form content type styles */

fieldset {
padding:10px;
}

fieldset table.forms td, fieldset table.forms th {
text-align:left;
border:solid 1px #a7a7a7;
}

fieldset table.forms tbody {
border:0;
}

/* */


th[scope=row] { 
                text-align: right;
}

.unem { 
        font-size: 90%;
}

div.contentblock h2,
div.contentblock h3,
div.contentblock h4,
div.contentblock h5,
div.contentblock h6 {  
                      margin-bottom: 0;
                      margin-top: 0.5em;
                      }


div.contentblock p,
div.contentblock table,
div.contentblock ol,
div.contentblock ul,
div.contentblock blockquote { 
                              margin-top: 0;
                              margin-bottom: 0.8em;
                              padding-top: 0;
                              padding-bottom: 0;
}

div.contentblock blockquote { 
display:inline-block;
 }

div.contentblock ul li ul { 
margin-bottom:0;
 }

div.contentblock blockquote { 
/*                              padding: 1em 1em 0.2em ;*/
padding:0.5em 0.5em;
}

ul.compact {
      padding: 0;
}
ul.compact li {
      float: left;
      width: 49.5%;
      padding: 0;
      margin: 0;
      list-style-position: inside;
}
ul.compacter {
      padding: 0;
}
ul.compacter li {
      float: left;
      width: 22%;
      padding: 0;
      margin: 0;
      list-style-position: inside;
}

h3.uncompact { 
               clear: left;
}

ul.quiet li { 
              list-style-type: none;
}

/* News Content Type */

div.newsitem { 
               clear: both;
}

div.searchlistitem, div.newslistitem, div.notice {
	 margin-bottom:1em;
padding-bottom:1em;
}

div.newslistitem p {
	 margin:0;
}

div.newslistitem hr {display: block; clear: left; margin:0;
  visibility: hidden;}

.newsdate { 
            font-style: italic;
            font-size:95%;
            color:#000;
            background:transparent;
}

div.byline { 
/*             text-align: right; */
             font-weight: bold;
             margin-bottom: 0.5em;
}

div.newsimg { 
              margin: 0.3em 1em 0 0;
              }


/* Quotation content type */

blockquote { 
             margin: 0;
}

blockquote div { 
                 text-align: right;
}

blockquote cite { 
                  padding-right: 1em;
}

blockquote div.cite { 
                      clear: both;
}

blockquote .openq { 
                    float: left;
}

blockquote .closeq { 
                     vertical-align: top;
}

/* Table styles */

table.loose td, 
table.loose th,
table.loose tbody 
{ 
	 border: 0;
}

td.vtop {
vertical-align:top;
}

td.vmiddle {
vertical-align:middle;
}

td.vbottom {
vertical-align:bottom;
}



/* Direx styles */

span.quals { 
             font-size: 90%;
}

/* Highlighted link */

div.highlightedlink { 
                      padding: 0.2em 0.5em;
                      margin: 0.4em 0;
}

div.hp3 div.mainpart div.highlightedlink { 
                              clear: both;
}

/* Department homepage styles */

h1.homepageheader { 
                    background-repeat: no-repeat;
                    padding: 0;
                    line-height: 1em;
}

div.hp2 div.mainpart,
div.hp1 div.mainpart { 
                       margin-right: 40%;
                       padding: 0.5em;
}

div.hp2 div.secondarypart,
div.hp1 div.secondarypart { 
                            width: 35%;
                            float: right;
                            margin: 0;
                            padding: 0 0.5em;
}

div.hp2 div.mainpart h2 { 
                          margin: 0 0 0.3em;
}

div.hp2 h2 {
font-size:115%;
}

div.hp2 div.secondarypart h2, 
div.hp1 div.secondarypart h2 { 
                       
                               margin: 0 -0.45em;
                               padding: 0.4em;
}

div.hp2 div.secondarypart h2 { 
                               padding-left: 0;
}

div.hp3 div.mainpart div.highlightedlink,
div.hp2 div.highlightedlink,
div.hp1 div.highlightedlink { 
                              margin: 0 -0.5em 0.2em;
}

div.hp1 div.mainpart div.highlightedlink a,
div.hp2 div.mainpart div.highlightedlink a,
div.hp3 div.mainpart div.highlightedlink a,
div.hp4 div.mainpart div.highlightedlink a,
div.hp5 div.mainpart div.highlightedlink a {
background:transparent;
}


div.hp1 div.mainpart div.newsitem{
	 clear:none;
} 

div.hp1 div.mainpart h2 { 
                          margin: 0 0 0.3em;
                          padding: 0;
}

div.hp1 h3 { 
             font-size: 100%;
}

div.hp1 ul {
padding-left:0.5em;
margin-left:0.5em;
}

div.hp2 div.main2 { 
                    padding: 0.5em;
}

div.hp2,
div.hp3 { 
          margin: -0.2em 0 0;
}

div.hp3 div.secondarypart { 
                            margin: 0;
                            padding: 0;
}

div.hp3 div.main1 { 
                    width: 50%;
                    padding:0;
                    float: right;
							
}

div.hp3 div.main2 { 
                    width: 49.9%;
                    padding: 0;
                    margin-right: 50%;
}

div.hp3 div div.pad {
padding:0 0.5em 0 0.5em;
margin:0;
}


div.hp3 div.main1 div.pad h2,
div.hp3 div.main2 div.pad h2 { 
  margin:0 -0.3em 0 -0.4em;

}


div.hp3 div.mainpart { 
                       padding: 0.5em;
}
div.hp3 h2.mainheader { 
                        padding: 0.2em 0.5em;
                        margin: 0;
}


div.hp4 h2,
div.hp3 div.secondarypart h2,
div.hp3 div.mainpart h2 { 
                          font-size: 110%;
                          margin: 0;
                          padding: 0.2em 0.5em;
}                         

div.hp3 div.mainpart h2 { 
                          margin: 0 -0.3em;
} 

div.hp3 div.mainpart div.newsitem img {
display:none;
}


div.hp3 div.mainpart div.dec2 img {
margin-top:2.5em;
}


p.headline { 
             font-size: 110%;
             font-weight: bold;
}
p.link { 
         text-align: right;
}


div.hp3 div.secondarypart div.main2 div.pad div.newsitem {
  clear:none;
}

/* This rule is needed because the column isn't wide enough */ 
div.hp3 div.secondarypart div.main2 div.pad div.newsitem img, 
div.hp2 div.secondarypart div.newslistitem div.newsimg {
display:none;
}


div.hp4 p.headline { 
             padding: 0;
             margin: 0;
}
div.hp2 p.headline { 
             padding: 0.3em 0;
             margin: 0;
}
div.hp4 p.link { 
         padding: 0;
         margin: 0;
}
div.hp4 div.secondarypart { 
                            margin-top: 0.5em;
}
div.hp4 div.secondarypart div.main1 { 
                                      width: 40%;
                                      float: right;
                                      padding: 0.2em 0.5em;
}
div.hp4 div.secondarypart div.main2 { 
                                      margin-right: 40%;
                                      padding: 0.2em 0.2em;
}

div.hp4 div.secondarypart div.main2 p {
margin:1em 2em 0 0;
}

div.hp4 div.secondarypart h2 { 
                               margin: 0 -0.45em;
}

/*div.hp3 div.secondarypart div.main1 div.newsitem { 
                                     padding: 0.2em 0.5em;
}*/

div.hp1 li,
div.hp2 li,
div.hp3 li,
div.hp4 li { 
             margin: 0.3em 0;
}

div.hp5 div.main2 { 
                    padding: 0.5em;
                    margin: 0.5em 0;
}


div.hp5 div.main2 div.eventlist div.eventday h2 { 
font-size:110%;
 }

.eventitem .datevenue {
	font-weight: bold;
}

/* Gallery of images */
.gallerythumbnails .clear {
	clear: both;
}

.gallerythumbnail {
	width: 180px;
        min-height: 14em;
	margin: 0.3em;
	float: left;
	border: thin solid silver;
}

* html .gallerythumbnail { 
                           height: 14em; /* IE treats this as min-height here */
}

.gallerythumbext { 
	margin: 0.3em;
                   padding: 0.2em;
	border: thin solid silver;
}

.gallerythumbnail .image {
	width: 170px;
	height: 160px;
	text-align: center;
}

.gallerythumbext a, 
.gallerythumbnail a {
                      margin: 0.2em;
                      display: block;
                      text-align: center;
font-size:85%;
}

.galleryfull .caption {
	text-align: left;
	margin-bottom: 1em;
}

.galleryfull .imagefull {
	/*float: right; */
	margin: 0.5em;
}

.gallerythumbext a {
                     float: right;
                     width: 150px;
                     margin: 0.5em;
                     margin-right: 1em;
}

.gallerythumbnail .title,
.gallerythumbext .title, 
.galleryfull .title {
	display: block;
	/*text-align: center; */
	font-weight: bold;
}

ul.sitemap ul { 
                margin-top: 0;
                margin-bottom: 0;
}


div.mcontact { 
               border: 1px solid #742e68;
               padding: 0 0 0.2em;
               margin: 0.2em 0 1em;;
}

div.mcontact h3 { 
                  background: #742e68;
                  color: #fff;
                  margin-top: 0;
                  padding: 0.2em;
}

div.mcontact h4 { 
                  color: #742e68;
                  background: #fff;
                  margin-top: 0;
                  border-top: 1px dotted #742e68;
                  padding: 0.2em;
}

div.mcontact p { 
                 margin: 0;
                 padding: 0 0.5em;
}

ul.slgallery { 
               list-style-type: none;
               clear: left;
}



h3.slgallery { 
               clear: left;
}

ul.slgallery li { 
                  list-style-type: none;
                  float: left;
                  padding: 0.5em;
                  border: thin black solid;
                  margin: 0.5em;
}

div.usercomment { 
                  padding-left: 1em;
                  border-left: thin #999 solid;
}
