/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */


/**************** Body and tag styles ****************/

*{margin:0; padding:0; text-align: justify;}

html{overflow-y: scroll;}

sup {
    line-height: 0;
}
body{
	background-color:#e8eaec;
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
	text-align:justify;
	color:#303030;
}

a:link{
	color:#305080;
}

a:active{
	color:#305080;
}

a:visited{
	color:#213758;
}

a:hover{
	color:#B02500;
}

a img{border:none;}

p{
   padding:0.2em 0 0.7em 0;
}
p form{margin-top:0; margin-bottom:20px;}

/*
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
 */

/**************** Header and navigation styles ****************/

#container{
	width:850px;
	margin:10px auto;
	padding:0 0;
	text-align:justify;
	background-color:#ffffff;
	color:#303030;
	border:0px solid #a0a0a0;
}

#header{
	height:120px;
	width:850px;
	background-color:#345469;
	color:#ffffff;
	margin: 0 auto;
}

#header h1{
	padding:35px 0 0 20px;
	font-size:2.4em;
	background-color:inherit;
	color:#ffffff;
	/*letter-spacing:-2px;*/
	font-weight:normal;
}

#navigation{
        display: table;
	height:2.4em;
	line-height:2.2em;
	width:850px;
	margin:0px 0px 10px 0px;
	background-color:#345469;
	color:#ffffff;
	font-size:11.5px;
	margin: 0 auto;
}

#navigation li{
	float:left;
	list-style-type:none;
	border-top:1px solid #56768B;
	border-left:1px solid #56768B;
	border-right:1px solid #56768B;
	white-space:nowrap;
}

#navigation li a{
	display:block;
	padding:0 8px;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	background-color:inherit;
	color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
	background-color:#56768B;
	color:#000000;
	text-decoration:none;
}

/**************** Content styles ****************/

#content{
	float:left;
	width:730px;
	font-size:1.1em;
	padding:2px 0 0 10px;
}

#content table {
	padding:0 0 0 0;
}

#content h1{
	display:block;
	margin:10px 0 14px 0;
	font-size:1.4em;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	color:#345469;
	background-color:inherit;
}

#content h1 a{font-weight:normal;}
#content h2{
	margin:10px 0 5px 0;
	font-size:1.15em;
	/*letter-spacing:-1px;*/
	font-weight:bold;
	color:#345469;
}
#content h3{
	margin:0 0 0px 0;
	font-size:1em;
	/*letter-spacing:-0.5px;*/
	  padding-top: 0.45em;
	font-weight:bold;
	color:#345469;
}

#content form{
	font-size:1em;
}


#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin-left:16px; margin-top:0px; margin-bottom:0.45em;}
#content dl{margin:0 5px 0px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 5px;}

/**************** Sidebar styles ****************/

#subcontent{
	float: right;
	width:100px;
	padding: 10px 0px 0px 0px;
	margin:2px 2px 2px 0;
	line-height:1.4em;
}


#subcontent p{margin:0 0 16px 0; font-size:1.9em;}

/**************** Menublock styles ****************/
/*.menu-current { font-style: italic; } */
.menublock{font-style: normal; line-height: 1.4em; padding: 0px 0px 0px 5px; margin:4px 0px 4px 0px; font-size:0.95em;}
.menublock li{list-style:none; padding:0px; margin-top:4px; margin-bottom:4px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:0px 0 0px 0px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0px;}
.menublock li ul a{font-weight:normal;}

/**************** Footer styles ****************/

#footer{
	clear:both;
	width:850px;
	padding:5px 0;
	margin:0 auto;
	font-size:0.9em;
	color:#f0f0f0;
	background-color:#345469;
}

#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: none;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#FF3333; background-color:inherit; font-weight:bold;}

.box{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#006600;
	line-height:1.5em;
}



/***** JG STUFF *****/
hr.bar {
	/* width:750px; */
	border-width:  2px 0 0 0;
	border-style: solid;
	color: #345469;
	background-color:transparent;
}

hr.bar4 {
	/* width:750px; */
        width: 45%;
	border-width:  1px 0 0 0;
	border-style: solid;
	color: #345469;
	background-color:transparent;
}



font.dsw {
	color: #345469;
	background-color:white;
	text-align:left;
	font-size:0.9em;
}

font.rth {
	color: #345469;
	background-color:white;
}

font.rthnew {
	background-color:white;
	color: #BE9856;
	font-weight:bold;
}

font.serversep {
	background-color:white;
	color: #67878b;
}


.publications_header {
	font-weight:bold;
	font-size:12px;
}

hr.bar3c {
	/* width:750px; */
	border-width:  2px 0 0 0;
	border-style: solid;
	color: #345469;
	background-color:transparent;
}
a.rheader{text-decoration:none;}

p.rlist{padding:0.25em 0 0.00em 0;}

p.rbody{padding:0.25em 0 0.20em 0;}

ul.rli {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

li.rli {
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

.resource{
	margin:0px 0px 8px 0px;
}

.search {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.eventsdate{
	text-decoration: underline;
	background-color: rgb(255, 204, 0);
}	

div.anynews p {
  padding-top: 0.35em;
  padding-right: 0.45em;
  padding-bottom: 0.35em;
  padding-left: 0.45em;
  margin-left: 0.2em;
}

.column2 p {
	padding-left:0.5em;
	text-align: left;
}

.column2r p {
	padding-right:0.5em;
	text-align: right;
}

.column2 {
	float: left;
	width: 47%;
	padding-left: 0.0%;
	padding-right: 3.0%;
}
.column2r {
	float: right;
	width: 50%;
}

.column3r {
	float: right;
	width: 30.00%;
}

.column3c p {
	text-align: center;
}

.column3r p {
	padding-right:0.5em;
	text-align: right;
}

.column3c {
	float: left;
	width: 30.00%;
}

.column3 {
	float: left;
	width: 30.00%;
	padding-left: 0.0%;
	padding-right: 3.0%;
}

.column3 h4 {
	padding-left:0.2em;
	padding-right:0.0em;
	text-align: left;
}

.column3 p {
	padding-left:0.2em;
	padding-right:0.0em;
	text-align: justify;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

tr.atrth {
	background-color:#e4e8ee;
}

tr.notrth {
	background-color:#f2f4ff;
}

table.people {
	width: 100%;
}

.people td:nth-child(3) {text-align: right}

col.tperson { width: 50%; color:#ff0000; }
col.tinfo { width: 30%; }
col.tphone { width: 20%; text-align: right }

.pub_container {
	clear: both;
	width: 100%;
}
.pub_article {
	width:60%;
	float: right;
}
.pub_gabstract {
	width:40%;
	float: left;
}

.pub_gabstract img {
    width: 100%;
}


/********** wide layout for resources *********/

#containerw{
	min-width: 850px;
	width:95%;
	margin:10px auto;
	padding:0 0;
	text-align:justify;
	background-color:#e8eaec;
	color:#303030;
	border:0px solid #a0a0a0;
}
ul#tabs {
	list-style-type: none;
	margin: 0;
	padding-top: 5px;
}

ul#tabs li {
	display: inline;
}

ul#tabs li a {
	color: #42454a;
	background-color: #dedbde;
	border: 1px solid #c9c3ba;
	border-bottom: none;
	padding: 0.3em;
	text-decoration: none;
}

ul#tabs li a:hover {
	background-color: #f1f0ee;
}

ul#tabs li a.selected {
	color: #000;
	background-color: #f1f0ee;
	font-weight: bold;
	padding: 0.7em 0.3em 0.38em 0.3em;
}

div.tabContent {
	border: 1px solid #c9c3ba;
    margin: 0;
	padding: 0.5em;
}

div.tabContent.hide {
	display: none;
}
.scrollable {
	position: relative;
	overflow:auto;
	height:200px;
	width: 830px;
	margin: 0 auto;
	resize: vertical;
	overflow: auto;
	border: 2px solid black;
}

.content_wrapper{
	clear: both;
	width:850px;
	margin: 0 auto;
	background: white;
	overflow:hidden;
}

.content{
	width:720px;
	float: left;
	font-size:1.1em;
	margin: 0px 10px auto;
	padding:2px 0 0 0px;

}

.contentw {
	width:100%;
	clear:both;
	/*font-size:1.2em;*/
	padding:0;
	background:white;
}


.contentw h1 a{font-weight:normal;}
.contentw h2{
	margin:10px 10px 10px 10%;
	font-size:1.15em;
	font-weight:bold;
	color:#345469;
}
.contentw h3{
	margin:0 0 0px 0;
	font-size:1.1em;
	/*letter-spacing:-0.5px;*/
	  padding-top: 0.45em;
	font-weight:bold;
	color:#345469;
}

.content h1 a{font-weight:normal;}
.content h2{
	margin:10px 0 5px 0;
	font-size:1.15em;
	font-weight:bold;
	color:#345469;
}
.content h3{
	margin:0 0 0px 0;
	font-size:1em;
	/*letter-spacing:-0.5px;*/
	  padding-top: 0.45em;
	font-weight:bold;
	color:#345469;
}



label.rthform {
	display: block;
	text-align: left;
}
input.rthform {
	width: 60%;
	border:1px solid lightgrey;
}

textarea.rthform {
	width: 60%;
	border: solid lightgrey 1px;
}

.ui-autocomplete {
	    background-color: white;
	border: solid lightgrey 1px;
}

.tablesorter-metro-dark caption, .tablesorter-metro-dark th, .tablesorter-metro-dark thead td, .tablesorter-metro-dark tfoot th, .tablesorter-metro-dark tfoot td {
	    font-size: 11px;
	      color: #ddd;
      }
      
.tablesorter-metro-dark td {
	  background-color: #fff;
	    padding: 4px;
	      vertical-align: middle;
      }

.tablesorter-blue {
	font-size: 11px;
	line-height: 14px;
}

.tablesorter-blue {
	font-size: 11px;
	line-height: 14px;
}

table.tablesorter-blue th, table.tablesorter-blue thead td {
	font-size: 11px;
	line-height: 14px;
}

table.tablesorter-header{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
.tablesorter-filter {
	font-size:11px;
}
pre.example_box {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 0em 0em 0em 1em;
	background-color:#f0f0f0;
}

/* REQUIRED CSS: change your reflow breakpoint here (35em below) */
@media ( max-width: 35em ) {

  /* uncomment out the line below if you don't want the sortable headers to show */
  /* table.ui-table-reflow thead { display: none; } */

  /* css for reflow & reflow2 widgets */
  .ui-table-reflow td,
  .ui-table-reflow th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    /* if not using the stickyHeaders widget (not the css3 version)
     * the "!important" flag, and "height: auto" can be removed */
    width: 100% !important;
    height: auto !important;
  }

  /* reflow widget only */
  .ui-table-reflow tbody td[data-title]:before {
    color: #469;
    font-size: .9em;
    content: attr(data-title);
    float: left;
    width: 50%;
    white-space: pre-wrap;
    display: inline-block;
  }

} /* end media query */