@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Architects+Daughter|Concert+One');
@import url('https://fonts.googleapis.com/css?family=Fredoka+One|Audiowide|Fredericka+the+Great');
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|Coda|Overlock|Voces|Fira+Mono|Exo');
/*
                 _                      
 _ __ ___   __ _(_)_ __     ___ ___ ___ 
| '_ ` _ \ / _` | | '_ \   / __/ __/ __|
| | | | | | (_| | | | | | | (__\__ \__ \
|_| |_| |_|\__,_|_|_| |_|  \___|___/___/
                
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 */
}

#header_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 75px;
}

#header_left a {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 75px;
}

#header_left a h4 {
  display: none;
}

.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 */
#footer {
	clear: both;
	background: #ddd;
	color: #eee;
	padding: 1px .5em;  /* avoid margin collapse */
	border-top: 1px solid black;
	margin-top: 5px;
/*	
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	*/
}

/* 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%;
} /* 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: 870px;
   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;
}


/* ------------ */
/* ARI LOGO BOX */
/* ------------ */
#arilogo{
  float: right;
  height: 65px;
  margin-top: 4px;
  /*border: 1px solid black;*/
}
#arilogo div{
   border: 2px solid #c7c7c7;
}


/* ----------------- */
/* FACEBOOK LOGO BOX */
/* ----------------- */
#facebooklogo{
  float: right;
  height: 65px;
  margin-top: 4px;
  margin-right: 4px;
}
#facebooklogo div{
   border: 2px solid #c7c7c7;
}





/* ---------------- */
/* LIVE STATUS BOX  */
/* ---------------- */
#ct_status{
   float: right;
   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;
  }

.newsbox_articlebox {
	border: none;
	border-bottom: 1px #aaa solid;
	overflow: auto;
}

.newsbox_articlebox_picleft {
	float: left;
	clear: left;
	padding: 1px;
	border: 1px solid black;
	background-color:#f1f1f1;
	margin-right: 10px;
	margin-bottom: 5px;
}

.newsbox_articlebox_picright {
	float: right;
	clear: right;
	padding: 1px;
	border: 1px solid black;
	background-color:#f1f1f1;
	margin-left: 10px;
	margin-bottom: 5px;
}


#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;
}
/* Normally menu items highlight and invert when pointed at. This prevents that for any li flagged with class="noHoverHighlight"
 *  * It is mainly for use with class="imgButton" */
#ct-menu li a.noHoverHighlight:hover{
   color:inherit;
   background-color: inherit;
}


/* ------- */
/* 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;
}
#ct-menu .imgButton {
        text-align:right;
        padding: 0px 3px;
        /*Set the 40px high image for each button with style="" when this class is invoked.
         *background-image:url('/pics/menu_nrt2.png');  */
        color:#FFFFFF;
        display:inline-block;
        width:95%;
        height:40px;
        border-style:solid;
        border-width:1px;
        border-color:#333333;
        border-radius:7px;      /* Match the phase2ui button */
        box-shadow: 2px 2px 3px #999999;
}
#ct-menu .imgButton:active {
        box-shadow: 1px 1px 1px #999999;
}






/* ------------------------- */
/* CURRENT PAGE HIGHLIGHTING */
/* ------------------------- */

/* Level 1 */
/* ------- */
body.home a.home,
body.about a.about,
body.ack a.ack,
body.cont a.cont,
body.dataprod a.dataprod,
body.gal a.gal,
body.list a.list,
body.live a.live,
body.news a.news,
body.ovst a.ovst,
body.priv a.priv,
body.prop a.prop,
body.pubs a.pubs,
body.reports a.reports,
body.telinst a.telinst
{
  background-color: #e8e8dd;
  background-color: #AAD3FA;
  background-color: #B1D2F2;
}

/* Level 2 */
/* ------- */
body.alloc a.alloc,
body.archive a.archive,
body.calc a.calc,
body.call a.call,
body.galby a.galby,
body.galmisc a.galmisc,
body.galof a.galof,
body.inst a.inst,
body.opti a.opti,
body.phase1 a.phase1,
body.phase2 a.phase2,
body.pipes a.pipes,
body.react a.react,
body.prtz a.prtz,
body.rtml a.rtml,
body.robot a.robot,
body.spec a.spec,
body.stds a.stds,
body.target a.target,
body.y2004 a.y2004,
body.y2005 a.y2005,
body.y2006 a.y2006,
body.y2007 a.y2007,
body.y2008 a.y2008,
body.y2009 a.y2009,
body.y2010 a.y2010,
body.y2011 a.y2011,
body.y2012 a.y2012,
body.y2013 a.y2013
{
    background-color: #dae3bc;
    background-color: #EBE0B5;
}

/* Level 3 */
/* ------- */
/* body.acat a.acat,
body.acci a.acci,
body.ajmu a.ajmu,
body.aopti a.aopti,
body.apatag a.apatag,
body.apatt a.apatt,
body.calc a.calc,
body.frodo a.frodo,
body.ioi a.ioi,
body.ioo a.ioo,
body.Meaburn a.Meaburn,
body.ratcam a.ratcam,
body.ringo2 a.ringo2,
body.ringo a.ringo,
body.ringo3 a.ringo3,
body.rise a.rise,
body.skycam a.skycam,
body.supircam a.supircam,
body.thor a.thor
{
    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-family: inherit;
   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;
}

.NewsInfoBoxCaption {
  font: 0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

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

.DraftComment {
  color: red;
  font-style: italic;
}


/* ============= */
/* 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 */
/* ========= */
table.LiveTableFullWidth {
  /* background-image:url("../../pics/webcamframe2b.jpg"); */
  border-collapse:collapse;
  width:590;
  border:8 solid #AAAA00;
  cellpadding:0;
  cellspacing:0;
}

/* 
 * I set a <span> around the entire live feed web page with
 * font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 * Actually it has dubious utility since <table> and other classes specified further down the css likely override.
 */
.LiveStateFont {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: normal;
}
.LiveFrame {		/* The blue-ish grey frame that repalces Jon's original table background image */
  position:relative;
  background-color:#CFCFC7;
  border:10px solid #B3BCCD;
  border-radius:5px;
  box-shadow: 2px 2px 5px #333333 inset;
}
.LiveFrameThinBlack {
  border:1px solid #000000;
  border-radius:5px;
}
.LiveCamImage {
  border: 0;
  box-shadow: 2px 2px 3px #333333;
}
.LiveCamImagePressed {
  border: 0;
  box-shadow: 1px 1px 1px #333333;
}
/* Put LiveStateBox first as it contains the defaults. The font modifiers then all
 * go afterwards so that they can override it. */
.LiveStateBox {
  font-size:18px;
  color:#3B3B39; 
  font-weight: normal;
  text-align: center;
  background-color:#BBBBBB; 
  display:inline-block; 
  width:80%; 
  border-style:solid; 
  border-width:2px; 
  border-color:#333333;
  border-radius:5px; 
  box-shadow: 2px 2px 3px #999999;
}
.LiveBorderless{
  border-style:none;
}
.LivePanelTitle{
  width:100%;
  height:15%; 
  line-height:44px; 
  display:inline-block; 
  font-size:16px; 
  font-weight:bold; 
  color:#555555; 
  text-align:center
}
.LiveDataCell{
  width:100%; 
  /* height:56px;  */
  height:20%;
  text-align:center;
  /* For debug, box-sizing boder is useful to see how the divs stack */
  /* box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px dotted magenta  */
}
/* The following fonts have two uses.
 * They are the fonts used to render values
 * They are modifiers to override the font in LiveStateBox and create different sizes of LiveStateBox */ 
.LiveValueBlack {   /* Since this is the default defined in LiveStateBox, specifying it in the HTML is optional. */
   color: #3B3B39;
   font-size: 18px;
   font-weight: normal;
   border-radius:5px; 
}
.LiveValueRed {
   color: #F91514;
   font-size: 18px;
   font-weight: bold;
   border-radius:5px; 
}
.LiveValueOrange {
   color: #FF8C00;
   font-size: 18px;
   font-weight: bold;
   border-radius:5px; 
}
.LiveValueBlue {
   color: #3B85DF;
   font-size: 18px;
   font-weight: bold;
   border-radius:5px; 
}
.LiveValueBlackSmall {
   color: #3B3B39;
   font-weight: bold;
   font-size: 12px;
   border-radius:3px; 
}
.LiveValueBlueSmall {
   color: #3B85DF;
   font-weight: bold;
   font-size: 12px;
   border-radius:3px; 
}
/* Hide the shadows in Firefox because they do not work properly. 
 * Firefox appers to apply filter before transform meaning the shadow appears under
 * the untranformed object. All the others transform and then create the shadow.   */
@-moz-document url-prefix() { 
  .LiveDropShadow { 
    opacity: 0.0; 
  } 
}




/* 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;
   margin-left: -15px;
}

li.sci {
  margin-left: -50px;
  list-style-type: none;
  list-style-image: none;
  background-image: url(../pics/buttons/pub_icon_sci_2.png);
  background-repeat: no-repeat;
  padding-left: 50px;
}

li.tech {
  margin-left: -50px;
  list-style-type: none;
  list-style-image: none;
  background-image: url(../pics/buttons/pub_icon_tech_2.png);
  background-repeat: no-repeat;
  padding-left: 50px;
}

.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;
}



/* CONFERENCES NEWS ITEM  */

  table.confbox{
    width: 90%;
    margin-left: 1em;
    margin-bottom: 1.5em;
    border: 1px solid silver;
    border-collapse: collapse;
  }
  
  table.confbox td.conflogo{
    width: 15%;
    padding: 10px;
  }
  
  table.confbox td.conflabel{
    height: 4em;
    background: #f3f3f4;
    border-bottom: 4px solid silver;
    padding-left: 0.5em;
    vertical-align: middle;
  }

  table.confbox td.confdetails{
    padding: 0.5em;
  }
  
  table.confbox ul{
    padding-left: 1em;
  }
 
  table.confbox ul ul{
    list-style-type: none;
  }
  
  span.conftitle{
    font-size: 2em;
    margin-right: 1em;
  }
  
  span.confdatesetc{
    color: #444;
    font-weight: bold;
  }

  
/* Priority Z Form */

.pzti1 {
   width: 100%;
}

.pzti10 {
   width: 100%;
   height: 10em;
}

.pzblock100 {
   display: inline-block;
   width: 100px;
   text-align: left;

}
  
  .pzblock200 {
    display: inline-block;
    width: 200px;
    text-align: left;
  }

.pzyellowbox {
   background: #FFFFAA;
}
 
    
.vktest {
  display: none;
}

.nrtButton {