/*
                 _                      
 _ __ ___   __ _(_)_ __     ___ ___ ___ 
| '_ ` _ \ / _` | | '_ \   / __/ __/ __|
| | | | | | (_| | | | | | | (__\__ \__ \
|_| |_| |_|\__,_|_|_| |_|  \___|___/___/
                
Incorporating Ruthsarian layout                        
*/

/*
 _                    _   
| |__ _ _  _ ___ _  _| |_ 
| / _` | || / _ \ || |  _|
|_\__,_|\_, \___/\_,_|\__|
        |__/              
*/

@media screen, projection {
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	font-size: 100%;
	background: #999;  /* was 999 */ 
	color: #000;
}
.wrapper {
	width: 100%;
	background: white;
}
#header {
  height: 75px;
	background: none;
	background-image: url(pics/backgrounds/Main_BG_extended.png);
	padding: 1px .5em; /* avoid margin collapse */
}
.main {
	border-left: 10em solid white;     /* left sidebar  was 10em solid white */
	/*border-right: 10em solid white;*/   /* right sidebar was 10em solid white */
	border-right: 10px solid white;
	background: white;
	color: black;
	position: relative; /* for WinIE */
}
.inner {
	width: 100%;
	float: right;
}
#content {
	width: 100%; /* was 92% */
	float: left;
	padding: 0;  /* was 1px 0 1em 5% */
	background: white;
	color: #000;
}
/* RIGHT SIDEBAR */
#sidebar {
	width: 9.5em;         /* (was 9em; 1em less than .main border width) */
	padding-left: .5em; /* avoid WinIE 'off' positioning */
	padding-top: 1px;   /* avoid margin collapse */
	float: right;
	margin-right: -10em; /* (was -9.5em) overlay right border */
	background: white;
	color: #000;
	position: relative; /* avoid WinIE peekaboo bug */
}
/* LEFT SIDEBAR */
#navbar {
	width: 9.5em;         /* (was 9em; 1em less than .main border width) */
	float: left;
	margin-left: -10em;/* (was -9.5em) overlay left border. -10 = flush left */
	padding-top: 1px;   /* avoid margin collapse */
	background: white;
	color: #000;
	position: relative; /* avoid WinIE peekaboo bug */
	border-bottom: 1px solid black;
}
#footer {
	clear: both;
	background: #ddd;
	color: #eee;
	padding: 1px .5em;  /* avoid margin collapse */
	border-top: 1px solid black;
	margin-top: 5px;
}

/* clear floats to stretch column lengths */
.skiplinks:after,
.main:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* zoom stretches float containers in WinIE. If you're a 
stickler for validation, put this in a conditional comment */
.skiplinks,
.main {
	zoom: 1;
}
/* end float clearing */


/* IE5 targeted hacks. You could put these in a conditional
comment if you want. You could leave them out altogether, but
the result won't be pretty */
/* WinIE 5 */
* html .main {
	width: 100%;
	wid\th: auto;
} /* end */



/* accessibility stuff */
ul.skiplinks,
ul.skiplinks li {
	margin: 0; /* use negative top margin to hide off-screen */
	padding: 0;
	list-style: none;
}
ul.skiplinks li {
	width: 33%;
	float: left;
	text-align: center;
	font-size: 80%;
}


/* unrelated style stuff */
/*h2 {
	margin-top: 1em;
	margin-bottom: .5em;
}
a:link {
	background: transparent;
	color: #009;
}
a:visited {
	background: transparent;
	color: #636;
}
a:hover,
a:focus,
a:active {
	background: transparent;
	color: #900;
}
*/
#navbar ul {
	margin-left: 1em;
	padding-left: 0;
}

} /* end screen media rules */

@media print {
.skiplinks,
#navbar {
	display: none;
}
} /* end print rules */



/*
 _             _       
| |__  __ _ __(_)__ ___
| '_ \/ _` (_-< / _(_-<
|_.__/\__,_/__/_\__/__/
                       
*/
BODY {
   background-color: white;
   margin: 0px;
   padding: 0px;
   min-width: 830px;
   max-width: 1170px;
   /*background-image: url(pics/backgrounds/Main_BG.jpg);
   background-repeat: no-repeat;*/
}

P {
   color: Black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

ul, ol {
   color: Black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

A {
   text-decoration: none;
   color: #003399;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:hover {
   text-decoration: underline;
   color: #AA0000;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


H1 {
   /* size was 2.25em */
   color: Black;
   font: normal 2.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 0;
   /*border-bottom: 1px dashed black;*/
}

H2 {
   color: Black;
   font: normal 2.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: -0.3em;
}

H3 {
   color: Black;
   font: italic 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: -0.4em;
}

H4 {
   color: Black;
   font: italic 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: -0.7em;
}

.footnote {
  display: block;
  width: 50%;
  margin-top: 2em;
  border-top: 1px dashed black;
  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  }


img.screenshot {
   border: 2px silver solid;
}

img.centre {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/* ----------------- */
/* OLD-STYLE HEADERS */
/* ----------------- */
.PageTitle {
   color: #100;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 34px;
}

.Level1 {
   color: #100;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 24px;
}

.Level2 {
   color: #100;
   font: 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Level3 {
   color: #100;
   font: italic 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*
          _     _       __                          
 _ __ _ _(_)_ _| |_    / /  ___ __ _ _ ___ ___ _ _  
| '_ \ '_| | ' \  _|  / /  (_-</ _| '_/ -_) -_) ' \ 
| .__/_| |_|_||_\__| /_/   /__/\__|_| \___\___|_||_|
|_|                                                 
*/

.printonly{ 
   display: none;
}
.screenonly{ 
   display: block;
}



/*
  __             _                         
 / _|_ _ ___ _ _| |_   _ __  __ _ __ _ ___ 
|  _| '_/ _ \ ' \  _| | '_ \/ _` / _` / -_)
|_| |_| \___/_||_\__| | .__/\__,_\__, \___|
                      |_|        |___/     
*/

/* --------------- */
/* LATEST NEWS BOX */
/* --------------- */
#ct_latest{
  float: right;
  height: 56px;
  color: blue;
  background-color: #ffffb5;
  margin-top: 4px;
  margin-left: 4px;
  padding: 4px;
  border: 1px solid black;
}

/*
#ct_latest div{
   padding: 4px;
   background-color: red;
   border: 2px solid #c7c7c7;
}
*/

/*
A.LatestBoxLink:hover{
  text-decoration: none;
  color: blue;
}
*/

#latest_title{
   color: black;
   font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-decoration: underline;
   margin-top: -0.1em;
   margin-bottom: 0.1em;
}
/*
.latest_date{
   color: black;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: -0.1em;
}
*/
#latest_body{
   color: black;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 0;
   margin-bottom: 0;
   height: 50px;
}



/* ---------------- */
/* LIVE STATUS BOX  */
/* ---------------- */
#ct_status{
   float: right;
   /*width: 175px;*/
   height: 56px;
   color: #000000;
   background-color: #FFFFB5;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 4px;
   margin-left: 4px;
   padding: 4px;
   border: 1px solid black;
}
#ct_status div{
   padding: 4px;
   border: 2px solid #c7c7c7;
}

A.StatusBoxLink:hover{
  text-decoration: none;
}

.status_title{
   color: #000;
   font: bold 13px/13px "Courier New", Courier, mono;
   text-decoration: underline;
   margin-top: -0.1em;
   margin-bottom: 0.1em;
}

.bodytext_date{
   color: #000;
   font: 11px "Courier New", Courier, mono;
   margin-top: -0.1em;
}

.status_date{
   color: #000;
   font: 11px "Courier New", Courier, mono;
   margin-top: -0.1em;
}

.status_date_old{
   color: #BB0000;
   font: bold 11px "Courier New", Courier, mono;
   margin-top: -0.1em;
}

.status_body{
   color: #000;
   font: bold 12px "Courier New", Courier, mono;
   margin-top: -0.8em;
   margin-bottom: -0.1em;
}

/* ---------- */
/* SEARCH BOX */
/* ---------- */
#ct_search{
   float: left;
   clear: left;
   color: #000000;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
   background: none;
}

#ct_search_inner{
   padding: 1px;
}

#ct_search_text{
  float: left;
}

#ct_search_button{
  float: left;
  vertical-align: top;
}


/*
div.gsc-control-cse form.gsc-search-box {
      width: 120px;
    }
*/






/* ----------- */
/* NEWS BANNER */
/* ----------- */
#ct_newsbanner{
   background-color: #bbb;
   margin-top: 4px;
   position: relative;
}
#ct_newsbanner div{
   border-top: 2px solid #bbb;
   border-right: 2px solid #bbb;
   border-left: 2px solid #bbb;
   padding: 4px;
}
.newsbanner_text{
   color: #616161;
   font: small-caps bold 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}

/* -------- */
/* NEWS BOX */
/* -------- */
#ct_newsbox{
   background-color: #eee;
   position: relative;
}

#ct_newsbox div{
   border-left: 2px solid #bbb;
   border-bottom: 2px solid #bbb;
   border-right: 2px solid #bbb;
   padding: 4px;
}

.newsbox_title{	
   color: #616161;
   font: 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 2px;
   margin-bottom: 2px;
} 

.newsbox_date{
   color: #414141;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 0;
}

.newsbox_body{
   color: #000;
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.newsbox_sub{
  border-style: none;
  }



#ct_pic_right{
   float: right;
   clear: right;
   width: 350px;
   padding: 4px;
   border: 1px solid black;
   margin-left: 4px;
}

img.floatRight{
   float: right;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
}






/*
 _        _    _        
| |_ __ _| |__| |___ ___
|  _/ _` | '_ \ / -_|_-<
 \__\__,_|_.__/_\___/__/
                        
*/
td, th {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 12px;
}

table.genericbox {
   background-color: #F6F7FF;
   border: 2px solid #005599;
}


/* News Archive List */

table.archivelist {
   border-collapse: separate;
   border-spacing: 0px 4px;
}

tr.archivelist {
   background-color: #E7EBEF;
}


td.archivedate{
   width: 140px;
   text-align: right;
   padding: 0px 3px 0px 10px;
}

td.archivelink {
   padding: 0px 3px 0px 10px;
}










table.timeline{
   background-color: #e7ebef;
   border: 1px solid #c3c6c9;
}
td.timeline{
   background-color: #b9cee0;
   border: 1px solid #9fb1c0;
   text-align: left;
}
.time_num{
   background-color: #ffc140;
   color: #000;
   font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   border-left: 2px solid #1463b3;
   border-right: 2px solid #1463b3;
}



/* Generic black border table with 1px grid */

table.basicgrid {
  border-collapse: collapse;
  border: 1px solid black;
}

th.basicgrid{
  border: 1px solid black;
}
tr.basicgrid{
  border: 1px solid black;
}
td.basicgrid {
  border: 1px solid black;
}


/* Generic black border table with 1px grid & better formatting  */

table.p1 {
  border-collapse: collapse;
  border: 1px solid black;
}

th.p1{
  border: 1px solid black;
}
tr.p1{
  border: 1px solid black;
}
td.p1 {
  border: 1px solid black;
  padding: 0.4em;
}


/* --------------------- */
/* THE QUEEN'S DING DONG */
/* --------------------- */
#dingdong {
   position: absolute;
   top: 0px;
   left: 633px;
}

/* --------- */
/* THES LOGO */
/* --------- */
#theslogo {
   position: absolute;
   top: 0px;
   left: 540px;
}




/*
    _    _     _              
 __(_)__| |___| |__  __ _ _ _ 
(_-< / _` / -_) '_ \/ _` | '_|
/__/_\__,_\___|_.__/\__,_|_|  
                              
*/

#ct-sidebar{
   position: absolute;
   top: 79px;
   left: 4px;
   width: 150px;
   /*
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   */
}status_title



/*                    
 _ __  ___ _ _ _  _ 
| '  \/ -_) ' \ || |
|_|_|_\___|_||_\_,_|
                    
*/

#ct-menu {
   /*width: 148px;*/
}

#ct-menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#ct-menu ul.hz {
   list-style: none;
   padding: 0;
   margin: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: inline;
}


/* ------- */
/* LEVEL 1 */
/* ------- */
#ct-menu li a {
   display: block;
   text-decoration: none;
   font-size: 14px;
   line-height: 100%;
   font-weight: normal;
   /*color: #2a2a28; */
   color: Black;
   padding: 4px 0 4px 2px;
   border-top: 1px solid #000;
}
#ct-menu li a:hover {
   color: #eee;
   background-color: #2a2a28;
}

/* ------- */
/* LEVEL 2 */
/* ------- */
#ct-menu li li a {
   padding: 0.10em 0 0.10em 0;
   font-size: 12px;
   line-height: 100%;
   font-weight: normal;
   font-variant: normal;
   /* color: #25175f; */
   color: Navy;
   padding-left: 10px;
   border-top: none;
   border-bottom: none;
}
#ct-menu li li a:hover {
	background-color: #251754;
	color: #eee;
}


/* ------- */
/* LEVEL 3 */
/* ------- */
#ct-menu li li li a {
   padding: 0.05em 0 0.05em 0;
   font-size: 11px;
   font-weight: normal;
   line-height: 100%;
   /*color: #660522; */
   color: Navy;
   padding-left: 18px;
}
#ct-menu li li li.hz a {
   display: inline;
   text-decoration: none;
   font-size: 11px;
   line-height: 100%;
   font-weight: normal;
   /*color: #660522;*/
   color: Navy;
}
#ct-menu li li li a:hover {
	background-color: #660522;
   color: #eee;
}



/* ------- */
/* LEVEL 4 */
/* ------- */
#ct-menu li li li li a {
   padding: 0.02em 0 0.02em 0;
   font-size: 10px;
   line-height: 100%;
   /*color: #006800;*/
   color: DarkSlateGrey;
   text-decoration: none;
   padding-left: 32px;  /* 34px */
}
#ct-menu li li li li.hz a {
   display: inline;
   text-decoration: none;
   font-size: 10px;
   line-height: 100%;
   font-weight: normal;
   /*color: #006800;*/
   color: DarkSlateGrey;
}
#ct-menu li li li li a:hover {
	background-color: #006800;
   color: #eee;
}


/* ------------------------- */
/* CURRENT PAGE HIGHLIGHTING */
/* ------------------------- */
/* Level 1 */
/* ------- */
body.home a.home,
body.about a.about,
body.news a.news,
body.live a.live,
body.info a.info,
body.dataprod a.dataprod,
body.pubs a.pubs,
body.gal a.gal,
body.ack a.ack,
body.list a.list,
body.cont a.cont
{
  /*background-color: #e8e8dd;*/
  background-color: #dae3bc;
}

/* Level 2 */
/* ------- */
body.current a.current,
body.archive a.archive,
body.reports a.reports,
body.dates a.dates,
body.telinst a.telinst,
body.prop a.prop,
body.galby a.galby,
body.galof a.galof,
body.galmisc a.galmisc
{
  /*background-color: #c7c0e3;*/
    background-color: #dae3bc;
}

/* Level 3 */
/* ------- */
body.y2010 a.y2010,
body.y2009 a.y2009,
body.y2008 a.y2008,
body.y2007 a.y2007,
body.y2006 a.y2006,
body.y2005 a.y2005,
body.y2004 a.y2004,
body.robot a.robot,
body.target a.target,
body.spec a.spec,
body.inst a.inst,
body.calc a.calc,
body.stds a.stds,
body.pipes a.pipes,
body.phase1 a.phase1,
body.phase2 a.phase2,
body.react a.react,
body.opti a.opti,
body.alloc a.alloc
{
  /*background-color: #e7afaf;*/
    background-color: #dae3bc;
}


/* Level 4 */
/* ------- */
body.ratcam a.ratcam,
body.rise a.rise,
body.ringo2 a.ringo2,
body.frodo a.frodo,
body.skycam a.skycam,
body.io a.io,
body.meaburn a.meaburn,
body.ringo a.ringo,
body.supircam a.supircam,
body.ajmu a.ajmu,
body.PATT a.PATT,
body.acat a.acat,
body.acci a.acci,
body.aopti a.aopti,
body.apatag a.apatag
{
  /*background-color: #b0cfb0;*/
    background-color: #dae3bc;
}


/* ---- END OF MENU ---- */













/* LOCATION TEXT */
#ct_location {
   height: 1.5em;
   line-height: 1.5em;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 10px;
   border-bottom: 1px solid black;
}

#ct_location a {
   color: Black;
   font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#ct_location a:hover {
   background-color: #336699;
   color: White;
}

/* ------- */
/* CONTENT */
/* ------- */

#ct_content {
   position: absolute;
   top: 99px;
   left: 160px;
   border: 0px solid Black;
   width: 600px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 12px;
   background-color: #FFFFFF;
}

/* ------------------------ */
/* END OF (CONTENT) FILE    */
/*i.e. not end of page file */
/* ------------------------ */
.eof {
   font: italic 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   border-top: thin solid #aaa;
}





/*------------------------------------------------- */

table.spec {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: #eee;
   border-top: 1px solid Black;
   border-left: 1px solid Black;
   border-bottom: 1px solid Black;
   border-right: 1px solid Black;
   padding: 20px;
   margin-top: 15px;
}



/* ------------------------------------------------------- */



/* =========== */
/* SMALL FONTS */
/* =========== */

/* Standard small font */

.sm {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

/* ============= */
/* NEWS ARTICLES */
/* ============= */

.ArticleHeadline {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 20px;
}

.ArticleDate {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 11px;
   font-weight: bold;
}

.ArticleBody {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 11px;
}

.ArticleCaption {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 10px;
}





.NewsHeadline {
   font: 2.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
   margin-bottom: 0;
}

.NewsDate {
   font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
}

.NewsBody {
   /* Just use default */
   /*font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

.NewsCaption {
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}Thöne et al, Nature, 480, 72-74, 2011Thöne et al, Nature, 480, 72-74, 2011Thöne et al, Nature, 480, 72-74, 2011Thöne et al, Nature, 480, 72-74, 2011Thöne et al, Nature, 480, 72-74, 2011Thöne et al, Nature, 480, 72-74, 2011XmasBurst_single_ps_small.jpg

.NewsH2 {
   font: 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
}

.NewsH3 {
   font: 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
}




/* ============= */
/* MISCELLANEOUS */
/* ============= */

/* Getting-attention "NB" text */

.NBorange {
   color: Red;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   background-color: Yellow;
}

/* Standard bold link font*/

.boldlink {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

/* Night Reports Date Header */

.NReportDate {
   color: Black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   background-color: #ddd;
   display: block;
   border-bottom: 4px solid #ccc;  /* was cc9 */
   margin-top: 2em;
   margin-bottom: 0;
   padding-left: 1em;
}

.NiceBoldHeader {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: black;
   font-size: 12px;
   font-weight: bold;
}

/*========== */
/* LIVE DATA */
/* ========= */

.LiveValueBlack {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #3B3B39;
   font-size: 18px;
   font-weight: normal;
}

.LiveValueRed {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #F91514;
   font-size: 18px;
   font-weight: bold;
}

.LiveValueBlue {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #3B85DF;
   font-size: 18px;
   font-weight: bold;
}

.LiveValueBlackSmall {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #3B3B39;
   font-weight: bold;
   font-size: 12px;
}

.LiveValueBlueSmall {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #3B85DF;
   font-weight: bold;
   font-size: 12px;
}


/* STAFF LIST */

table.staff {
   width: 500px;
   background-color: #fafafa;
   border: 1px #000000 solid;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.contact {
   border-bottom: 1px #6699CC dotted;
   text-align: left;
   font-family: Verdana, sans-serif, Arial;
   font-weight: normal;
   font-size: 16px;
   color: #404040;
   background-color: #fafafa;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}



/*
 _       __     
(_)_ _  / _|___ 
| | ' \|  _/ _ \
|_|_||_|_| \___/
                
*/

/* ------------------- */
/* REACTIVE TIME RULES */
/* ------------------- */
#rt_rules {
  margin-left: 1em;
  padding-left: 1em;
  list-style-image: url(pics/buttons/rulebullet.png);
}

#rt_rules li {
   margin-bottom: 1em;
}

#rt_rules li li {
  margin-left: -1em;
  padding-left: -1em;
  margin-bottom: 0.5em;
  list-style: disc;
}


/* ------------------ */
/* STEP-BY-STEP TABLE */
/* ------------------ */

#boxtable {
  /*width: 600px;*/
  text-align: left;
  background: #98c0dc;
  border: 1px solid black;
}

#boxtable th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#box1, #box2, #box3, #box4, #box5 {
  width: 110px;
  color: black;
  font-size: 12px;
  padding: 5px;
  border: 1px solid black;
}

/* BLUES: eff3ff bdd7e7 6baed6 3182bd 08519c */
/* ORANGES: */

#box1 {
  background: #eff3ff;
}
#box2 {
  background: #bdd7e7;
}
#box3 {
  background: #6baed6;
}
#box4 {
  background: #3182bd;
  color: #eff3ff;
}
#box5 {
  background: #08519c;
  color: #eff3ff;
}

.boxtitle{
  font-weight: bold;
  vertical-align: middle;
  height: 2.75em;
  margin-bottom: 0.5em;
}

.boxtext {
  font-size: 90%;
}

.boxlink {
  font-size: 10px;
  font-weight: bold;
}




/* ----------- */
/* ALLOC TABLE */
/* ----------- */
table.mytable {
  margin-left:auto;
  margin-right:auto;
  width: 600px;
  padding: 10px;
  border: 1px solid #ddd;
  }

table.mytable td{
  width: 95px;
}

table.mytable tr.TAG td {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

table.mytable tr.semesters td {
  font-size: 14px;
  vertical-align: top;
  font-weight: bold;
  text-align: center;
}










/* INFO TABLE */
table.geninfo {
   width: 600px;
   background-color: white;
   border-spacing: 5px;
   border-color: black   ;
}

td.gencell{
   border: none;
}


p.geninfo_title{
   text-decoration: none;
   font-size: 17px;
   margin: 0.4em 0 0.1em 0;
   font-weight: bold;
}

p.geninfo_subtitle{
   text-decoration: none;
   font-weight: bold;
   margin-top: 0.4em;
   margin-bottom: -0.1em;
   font-size: 12px;
   
}

.geninfo_subtitle a {
   color: #3d5076;
}


.geninfo_subtitle a:hover {
   color: #AA0000;
}

p.geninfo_item {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: black;
   font-size: 10px;
   font-weight: regular;
   margin-top: 0.2em;
   margin-bottom: 0.2em;
}



/* -------------------- */
/* DATA PRODUCTS TABLES */
/* -------------------- */

#dataprod_table_1 {
  width: 700px;
  margin-left: 50px;
  border: 1px solid black;
  border-collapse: collapse;
}
#dataprod_table_1 th {
  border: 1px solid black;
  padding: 8px;
}
#dataprod_table_1 td {
  border: 1px solid black;
  padding: 8px;
}



#dataprod_table_2 {
  width: 500px;
  margin-left: 50px;
  border: 1px solid black;
  border-collapse: collapse;
}
#dataprod_table_2 th {
  border: 1px solid black;
  background: silver;
  padding: 4px;
}
#dataprod_table_2 td {
  border: 1px solid black;
  padding: 4px;
}


#dataprod_table_3 {
  width: 550px;
  margin-left: 50px;
  margin-bottom: 30px;
  border: 1px solid black;
  border-collapse: collapse;
}
#dataprod_table_3 th {
  border: 1px solid black;
  background: silver;
  padding: 8px;
}
#dataprod_table_3 td {
  border: 1px solid black;
  padding: 8px;
}







/* ---- ACKNOWLEDGEMENTS ---- */
.ackbox{
  border:1px solid silver;
  background-color: #f0f0f0;
  padding: 5px;
  font: italic 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* publications */
ul.publist{
   list-style-image: url(pics/buttons/arrow.gif);
}

ul.publist li{
   margin-bottom: 2em;
}

.pubtitle{
   font-weight: bold;
}

.pubauthor{
   font-weight: normal;
   font-style: normal;
}
.pubjournal{
   font-style: italic;
}


/* gallery */
.copy{
   display: block;
   font-size: 10px;
   font-weight: regular;
}


/* Current News Page (bullet points) */
ul.newspoints {
   width: 500px;
   margin-left: 50px;
   list-style-type: circle;
   font-size: 1.0em;
}

ul.newspoints li {
   margin-bottom: 0.75em;
}


/* PHASE 2 UI TUTORIALS */
.tut_pic {
  border: 1px solid #aaa;
  padding: 10px;
}