@import url("/css/GridContainer.css" );
@import url("/css/DndGridContainer.css" );
@import url("/css/FloatingPane.css" );
@import url("/css/ResizeHandle.css" );
@import url("/css/Toaster.css" );
@import url("/css/image.css" );

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding: 10px;
  margin: 1px;
  color: black;
  background-color: white;
}

td {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin: 0px;
}

input, select {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

H1, H2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 24pt;
  text-align: center;
}

H3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 18pt;
}

H1, H2, H3 {  color: #3300ff; }

H4 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
}

H5 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
}

form {
  font-size: 8pt;
}

input {
  font-size: 7pt;
}

select {
  font-size: 7pt;
}

table {
	margin-left: auto;
	margin-right: auto;
}


.padded {
  padding: 5px;
}

.padright {
  padding-right: 10px;
}

.padleft {
  padding-left: 10px;
}

.centerp { text-align: center; }
.rightp { text-align: right; }
.leftp { text-align: left; }
.justifyp { text-align: justify; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.justify { text-align: justify; }

.drop_menu {
  position: absolute;
  text-align: left;
  width: 200px;
  top: 0;
  left: 0;
  visibility: hidden;
  background-color: #d0d0d0;
  z-index: 10000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  padding-left: 15px;
  padding-right: 10px;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.divided_cell {
  padding-top: 5px;
  border-bottom: 1px solid black;
}

.image_caption {
  padding-top: 5px;
  border-top: 1px solid black;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
  font-size: 7pt;
}

.calendarHeader {
  background-color: #cccccc;
  font-weight: bolder;
  font-size: 7pt;
  border-left: 1px solid #f8f8f8;
  border-top: 1px solid #f8f8f8;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.calendar {
  background-color: #eeeeee;
  text-align: center;
  font-size: 7pt;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.calendarToday  {
  background-color: white;
  text-align: center;
  font-weight: bolder;
  font-size: 7pt;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
}

.tooltip {
  background-color: #f0f0f0;
  text-align: justify;
  border: 1px solid black;
  position: absolute;
  width: 300px;
  padding: 5px;
  visibility: hidden;
}

A.calendarLink:link {
  color: blue;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.calendarLink:active {
  color: blue;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.calendarLink:visited {
  color: blue;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.calendarLink:hover {
  color: blue;
  font-size: 7pt;
  text-decoration: underline;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.boxed {
  border-left: 1px solid #606080;
  border-top: 1px solid #606080;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

.boxed2 {
  border-left: 2px solid #606080;
  border-top: 2px solid #606080;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.boxed_in {
  border-right: 2px solid #606080;
  border-bottom: 2px solid #606080;
  border-left: 2px solid black;
  border-top: 2px solid black;
  font-size: 8pt;
  color: white;
  font-weight: bolder;
}

.cell_title {
  background-color:#595F6D;
  border-left: 2px solid #808090;
  border-top: 2px solid #808090;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  padding-left: 10px;
  font-size: 8pt;
}

.cell_text {
  font-size: 8pt;
  background-color: #eeeeee;
  padding-right: 0px;
}

.table_border {
  border-color: white black black;
}

.cell_text_search {
  background-color: #cccccc;
  font-size: 7pt;
}

.top_bar {
  background-color: #595F6D;
}

.menu_header {
  background-color: #595F6D;
  border-left: 2px solid #808090;
  border-top: 2px solid #808090;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  padding-left: 10px;
}

.lm {
  border-left: 1px solid #eeeeee;
  border-top: 1px solid white;
  border-bottom: 1px solid #808080;
}

.mm {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #808080;
}

.rm {
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}


.mmenu {
  width: 160px;
}

.smenu {
  width: 145px;
}


.text20px {
  font-size: 16pt;
}


.text12pt {
  font-size: 12pt;
}

.text14pt {
  font-size: 14pt;
}

.text18pt {
  font-size: 18pt;
}

.text24pt {
  font-size: 24pt;
}

.red {
  color: red;
}

.green {
  color: green;
}

.blue {
  color: blue;
}

.yellow {
  color: yellow;
}

.cyan {
  color: #00ffff;
}

.magenta {
  color: #ff00ff;
}

.white {
  color: white;
}

.gray {
  color: gray;
}

.gray_lite {
  color: #e0e0e0;
}

.brown {
  color: #700000;
}

.orange {
  color: #a05000;
}

.redo {
  color: #ff6600;
}

.red9 {
  color: red;
  font-size: 8pt;
}

.blul, .blula {
  color: #3300ff;
}

.countdown {
  text-align: right;
}

.smaller_text {
  font-size: 8pt;
}

.tiny_text {
  font-size: 7pt;
}

.text10px {
  font-size: 7pt;
  color: white;
}

.text_bold10px {
  font-size: 8pt;
  color: white;
  font-weight: bolder;
}

.red11 {
  color: red;
  font-size: 8pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.l_menu  {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.r_menu  {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:link {
  color: red;
  font-size: 9pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:active {
  color: #00009f;
  font-size: 9pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:visited {
  color: #00009f;
  font-size: 9pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:hover {
  color: red;
  font-size: 9pt;
  text-decoration: underline;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


A.l_menu:link {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.l_menu:active {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.l_menu:visited {
  color: #800000;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.l_menu:hover {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.r_menu:link {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.r_menu:active {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.r_menu:visited {
  color: #800000;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.r_menu:hover {
  color: black;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text_bold10px:link {
  color: white;
  font-size: 7pt;
  font-weight: bolder;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text_bold10px:active {
  color: white;
  font-size: 7pt;
  font-weight: bolder;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text_bold10px:visited {
  color: white;
  font-size: 7pt;
  font-weight: bolder;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text_bold10px:hover {
  color: white;
  font-size: 7pt;
  font-weight: bolder;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text10px:link {
  color: white;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text10px:active {
  color: white;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text10px:visited {
  color: white;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.text10px:hover {
  color: white;
  font-size: 7pt;
  font-weight: bolder;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.red:link, A.red11:link {
  color: red;
  font-size: 9pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.red:active, A.red11:active {
  color: #00009f;
  font-size: 9pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.red:visited, A.red11:visited {
  color: #9f009f;
  font-size: 9pt;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A.red:hover, A.red11:hover {
  font-size: 9pt;
  text-decoration: underline;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menu_header_text {
  color: white;
  font-size: 7pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.banner_bg {
  width: 100%;
}

.doprint {
  display: none;
}

.noprint {
  display: block;
}

.content_main {
  width: 100%;
}

.content_3col {
  width: 100%;
}

.testdiv {
  position: relative;
  top: 0;
  left: 400px;
  z-index: 1000;
}

#tellem {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#patience {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#logging {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

.popper {
  position: absolute;
  left: 200px;
  top: 200px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#astro {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#balls {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#helio {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#boing {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#funphys {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#sods {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}

#hubble {
  position: absolute;
  left: 120px;
  top: 300px;
  width: 300px;
  height: auto;
  background-color: #f0f0ff;
  border: 1px solid black;
  padding: 10px;
  visibility: hidden;
}
/*
#WMS_left_menu {
	position: absolute;
	z-index: 10000;
}
*/
MENU_divs {
  position: absolute;
  z-index: 10000;
}

MENU_gen {
  position: absolute;
  z-index: 10000;
}

MENU_serv {
  position: absolute;
  z-index: 10000;
}

MENU_rest {
  position: absolute;
  z-index: 10000;
}

MENU_login {
  position: absolute;
  z-index: 10000;
}

MENU_srch {
  position: absolute;
  z-index: 10000;
}

WiKi {
  position: absolute;
  z-index: 1000;
}

WiKi_action_pane {
  position: absolute;
  z-index: 1000;
}

WiKi_title_bar {
  position: absolute;
  z-index: 1000;
}

WiKi_buttons {
  position: absolute;
  z-index: 1000;
}

WiKi_input {
  position: absolute;
  z-index: 1000;
}

WiKi_output {
  position: absolute;
  z-index: 1000;
}

#mainSplit { height: 100%; width: 100%; padding: 0; border: 0; }
#topTabs {border-bottom: 1px solid #a0a0ff; border-right: 1px solid #a0a0ff;}

#header {
  background-color: #D0D0EE;
}

#header-logo {
  float: left;
}

#header-navigation {
  float: right;
}


#banner { height: 35px;}

.halfWidth {width: 50%; border: 1px solid gray;}
.halfheight {height: 50%;  border: 1px solid gray;}
.quarterPage {width: 50%; height: 50%;  border: 1px solid gray;}

.leftSideBar { width: 190px; bottom: 0px;}
.rightSideBar { width: 160px; bottom: 0px; }

.actionPanel { height: 160px; overflow: auto; }

.dijitSplitterV { width: 8px; }
.dijitSplitterH { height: 8px; }

.stdTextPanel { overflow-y: auto; padding: 5px; text-align: justify; }

hr.spacer { border:0px; background-color:#ededed; width:80%; height:1px; }

.perma {height: 15px; width: 100%; overflow: hidden; font-size: 8pt; color: #e0e0e0; 
         background: url("/images/SYS/MYPORTAL/MYPORTAL_Banner_m.jpg") bottom repeat-x;
       }

.permaMenu { cursor: pointer; color: white; }
.permaFoot { cursor: pointer; color: white; }

.inlineButton { border: 0px; background-color: transparent; padding: 0px; }

/* PORTAL STUFF -------- */

.portal_box { padding-bottom: 10px; }

#galleryText {border: 1px solid #d0d0d0;
              padding: 15px; background-color: white;
              -moz-border-radius: 8pt 8pt 8pt 8pt;
              radius: 8pt 8pt 8pt 8pt;}
.rounded {border: 1px solid #d0d0d0;
          padding: 5px; 
          background-color: #f0f0f0;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px 8px 8px 8px;
          radius: 8px 8px 8px 8px;}

.rounded-top {border: 1px solid #d0d0d0; padding: 5px; background-color: #f0f0f0;
              -moz-border-radius: 8px 8px 0px 0px;
			  -webkit-border-top-left-radius: 8px;
			  -webkit-border-top-right-radius: 8px; 
              radius: 8px 8px 0px 0px;
              }

.rounded-bottom {border: 1px solid #d0d0d0; padding: 5px; background-color: #f0f0f0;
              -moz-border-radius: 0px 0px 8px 8px;
			  -webkit-border-bottom-left-radius: 8px;
			  -webkit-border-bottom-right-radius: 8px; 
              radius: 0px 0px 8px 8px;
              }
/* --------------------- */