/***********************************/
/*     OBSERVATION INDEX           */
/***********************************/





/***********************************/
/*           MASTERS               */
/***********************************/

#masters_view .masters_filter table {
width: 630px;
}

#masters_view .masters_filter tr {
background: #FFFFFF;
}

.masters_filter {
padding: 10px;
}

#master_view .master_filter tr {
background: #FFFFFF;
}

#masters_view .my_observatory_table {
margin-top: -35px;
margin-bottom: 10px;
}

#masters_view table {
font-family: "arial", sans-serif;
border-collapse: collapse;
}

#masters_view td {
font-size: 10pt;
padding: 4px;
}

#masters_view div.pager_top {
padding: 10px 0px;
width: 630px;
}

#masters_view div.pager_bottom {
padding-top: 10px;
width: 630px;
}

/***********************************/
/*       ADD OBSERVATION           */
/***********************************/






/***********************************/
/*     ADD RADIO OBSERVATION       */
/***********************************/



/***********************************/
/*      RADIO OBS VIEW             */
/***********************************/





#grb_index th {
background: #4C607F;
text-align: center;
padding: 5px;
}

#grb_index th h6{
color: #FFFFFF;
}

#grb_index .nowrap {
white-space: nowrap;
}

#grb_index .expanding {
width: 100%;
}

#grb_index table {
border-collapse: collapse;
}

#grb_index .dark_row {
background: #E9E9E9;
}

#grb_index td {
font-size: 1.2em;
padding: 5px;
}


#grb_index .tooltip {
color: #000000; outline: none;
cursor: help; text-decoration: none;
position: relative;
}

#grb_index .tooltip span {
margin-left: -999em;
position: absolute;
}

#grb_index .tooltip:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 250px;
}

#grb_index .tooltip:hover img {
border: 0; margin: -10px 0 0 -55px;
float: left; position: absolute;
}

#grb_index .tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
display: block; padding: 0.2em 0 0.6em 0;
}

#grb_index .classic { padding: 0.8em 1em; }
#grb_index .custom { padding: 0.5em 0.8em 0.8em 2em; }
#grb_index * html a:hover { background: transparent; }
#grb_index .classic {background: #FFFFAA; border: 1px solid #FFAD33; }
#grb_index .critical { background: #FFCCAA; border: 1px solid #FF3334;	}
#grb_index .help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
#grb_index .info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
#grb_index .warning { background: #FFFFAA; border: 1px solid #FFAD33; }
    
#grb_index .active {
background: #CFC;
}

#grb_index .lowgalactic {
background: #FCC;
}

/***********************************/
/*       VIEW GRB                  */
/***********************************/

#grb_view #coords {
padding-top: 20px;
}

#grb_view #coords td{
padding: 3px;
}

#grb_view #coords input[type="submit"]{
padding: 10px;
}

#grb_view #coords .label {
width: 35px;
}

#grb_view .label {
font-size: 1.55em;
}

#grb_view .value {
font-size: 1.5em;
}

#grb_view #info {
padding-top: 20px;
}

#grb_view #notes {
padding-top: 10px;
}

#grb_view #notes textarea {
width: 500px;
height: 200px;
}

#grb_view #notes input[type="submit"]{
padding: 10px 20px;
}


/***********************************/
/*       SYSMON                    */
/***********************************/


/*the following matches obs_index*/

#sysmon #status_table_title {
padding: 10px 0px;
}

#sysmon .data_table table {
width: 675px;
font-family: "arial", sans-serif;
border-collapse: collapse;
}

#sysmon a {
color:#424242;
}

#sysmon .data_table tr {
background: #F5F5F5;
}

#sysmon .data_table .dark_row {
background: #E9E9E9;
}

#sysmon .data_table tr.warn {
background: #F5C9C9;
}

#sysmon .data_table .dark_row.warn {
background: #E9B2B2;
}

#sysmon .data_table th {
font-size: 11pt;
color: #FFFFFF;
/*background: #F18A23;*/
background: #4C607F;
padding: 4px;
}

#sysmon .data_table td {
font-size: 10pt;
padding: 4px;
}

#sysmon .data_table td.ready {
color: #CB3737;
}

#sysmon .data_table td.canceled {
color: #C18447;
}

#sysmon .data_table td.completed {
color: #3FAA2D;
}

#sysmon .data_table td.archived {
color: #3FAA2D;
}

#sysmon .data_table td.active {
color: #6464AE;
}

#sysmon .data_table table {
margin-bottom: 20px;
}

#sysmon .my_observatory_table {
margin-top: -35px;
margin-bottom: 10px;
}

#sysmon .fixedwidth {
width: 53px;
}

#sysmon .fixedwidth2 {
width: 100px;
}

#sysmon table .jqplot-table-legend {
font-size: 1.4em;
}

#sysmon table .jqplot-table-legend-swatch {
padding: 3px;
}

#sysmon .data_group {
padding: 15px 0px;
}

#sysmon .table_title {
padding: 5px 0px;
}

#sysmon .data_group .img {
padding: 20px;
}

#sysmon .data_group .info {
padding: 20px;
font-size: 1.35em;
}

#sysmon .data_group .info .field_name {
font-weight: bold;
}







/*Accounts*/






#allow_access {
padding: 20px;
}

#allow_access p {
font-size: 13pt;
font-family: "arial", sans-serif;
}

#allow_access input {
padding: 10px;
}

#allow_access .nav_bar {
padding-top: 30px;
}





/* LOGIN AND REGISTER */

#login_title, #register_title{
padding: 10px 25px 0px;
}



/*LOGIN CONTENT*/



/*REGISTER CONTENT*/

.register #user .form_error_message{
min-height: 20px;
<!--[if IE 6]>
height: 20px;
<![endif]-->
}

.register .form_label{
margin: 6px 0;
float: left;
padding-right: 15px;
padding-top: 3px;
text-align: right;
width: 120px;
font-weight: bold;
font-size: 14px;
color: #2C2C2C;
}

.register #user .form_section {
}

.register  #user .right_side{
margin: 10px 10px;
width: 275px;
}

.register  #user .right_side h1{
margin: 10px 10px;
width: 275px;
}

.register #user  input[type="text"], .register #user  input[type="password"] {
width: 175px;
}

.register #user .form_error_message {
padding-left: 135px;
}

.register #user .form_submit{
margin: 0px 0px 20px 60px;
}

.register #user .right_side h4{
color: #569D56;
}

.register #user .right_side .info{
font-size: 14px;
font-family: "arial", sans-serif;
padding: 3px 3px;
line-height: 18px;
}

.register #user ol {
margin-left: 30px;
}

.register #user li {
list-style-type: disc;
text-indent: -1em;
}

.register #user .form_content {
margin-left: 10px;
margin-top: 20px;
}

/*REGISTER SUCCESS*/

.register_success  #user .right_side{
margin: -40px 0px 0px;
width: 260px;
}

.register_success  #user .right_side h1{
margin: 10px 10px;
width: 275px;
}

.register_success #user .right_side h4{
color: black;
}

.register_success #user .right_side .info{
font-size: 14px;
font-family: "arial", sans-serif;
padding: 3px 3px;
line-height: 18px;
}

.register_success #user ol {
margin-left: 30px;
}

.register_success #user li {
list-style-type: disc;
text-indent: -1em;
}

.register_success #user .form_content {
margin-left: 10px;
margin-top: 20px;
}

.register_success #message {
width: 330px;
margin-left: 30px;
}

/*REQUEST RESET CONTENT*/

.request_reset_password  #user .right_side{
margin: -20px 30px 20px;
width: 265px;
line-height: 17px;
}

.request_reset_password #user .form_error_message{
min-height: 15px;
}

.request_reset_password  .right_side{
margin: 10px 60px;
}

.request_reset_password #user  input[type="text"], .request_reset_password #user  input[type="password"] {
width: 250px;
}

.request_reset_password #user .checkbox *{
float:left;
}

.request_reset_password #user .checkbox_label{
font-size: 11px;
padding-left: 10px;
font-weight: normal;
}

.request_reset_password #user .form_submit{
margin: 30px 30px;
}

.request_reset_password #user .form_content {
margin-left: 35px;
margin-top: 20px;
}

.request_reset_password #user .right_side{
margin-top: -35px;
}

.request_reset_password #user .right_side h4{
color: #569D56;
padding: 10px;
}

.request_reset_password #user .right_side .info{
font-size: 14px;
font-family: "arial", sans-serif;
padding: 3px 3px;
line-height: 18px;
}

.request_reset_password #user ol {
margin-left: 30px;
}

.request_reset_password #user li {
list-style-type: disc;
}

.request_reset_password #account_tabs {
display: none;
}

/*RESET PASSWORD*/

.reset_password #user .form_error_message{
min-height: 15px;
}

.reset_password  #user .right_side{
margin: -20px 30px 20px;
width: 265px;
line-height: 17px;
}

.reset_password #user  input[type="text"], .reset_password #user  input[type="password"] {
width: 250px;
}

.reset_password #user .checkbox *{
float:left;
}

.reset_password #user .checkbox_label{
font-size: 11px;
padding-left: 10px;
font-weight: normal;
}

.reset_password #user .form_submit{
margin: 30px 30px;
}

.reset_password #user .form_content {
margin-left: 35px;
margin-top: 20px;
}

.reset_password #account_tabs {
display: none;
}

.reset_password #message{
padding: 10px;
}

.reset_password #return_link{
padding: 10px;
}

.reset_password #return_link a{
font-size: 12px;
}

/*REQUEST USERNAME */

.request_username #user .form_error_message{
min-height: 15px;
}

.request_username  #user .right_side{
margin: -20px 30px 20px;
width: 265px;
line-height: 17px;
}

.request_username #user  input[type="text"], .request_username #user  input[type="password"] {
width: 250px;
}

.request_username #user .checkbox *{
float:left;
}

.request_username #user .checkbox_label{
font-size: 11px;
padding-left: 10px;
font-weight: normal;
}

.request_username #user .form_submit{
margin: 30px 30px;
}

.request_username #user .form_content {
margin-left: 35px;
margin-top: 20px;
}

.request_username #account_tabs {
display: none;
}

.request_username #message{
padding: 10px;
}

.request_username #return_link{
padding: 10px;
}

.request_username #return_link a{
font-size: 12px;
}

/*RESEND ACTIVATION EMAIL */

.resend_activation_email #user .form_error_message{
min-height: 15px;
}

.resend_activation_email  #user .right_side{
margin: 0px 30px 20px;
width: 265px;
line-height: 17px;
}

.resend_activation_email #user  input[type="text"], .resend_activation_email #user  input[type="password"] {
width: 250px;
}

.resend_activation_email #user .checkbox *{
float:left;
}

.resend_activation_email #user .checkbox_label{
font-size: 11px;
padding-left: 10px;
font-weight: normal;
}

.resend_activation_email #user .form_submit{
margin: 30px 30px;
}

.resend_activation_email #user .form_content {
margin-left: 35px;
margin-top: 20px;
}


.resend_activation_email #message{
padding: 10px;
}

.resend_activation_email #return_link{
padding: 10px;
}

.resend_activation_email #return_link a{
font-size: 12px;
}

/*YOUR ACCOUNT*/
.my_account .info {
padding: 10px;
}

.my_account .item {
padding: 7px;
font-size: 14px;
font-family: arial;
}

.my_account .label {
float: left;
text-align: right;
font-weight: bold;
}

.my_account .val {
color: #787878;
}

.my_account .val a {
color: #FF8628;
}

.my_account .avatar{
float: right;
margin: -20px 40px 0px 0px;
}

.my_account .profile {
margin: 20px 30px;
width: 550px;
}

.my_account #edit_profile_pic_link {
width: 100%;
margin-top: 10px;
text-align: right;
font-size: 14px;
}

.my_account #edit_profile_link {
margin-top: 10px;
width: 100%;
text-align: left;
font-size: 14px;
}

.my_account .column {
float: left;
}

.my_account .right_column .label {
width: 110px;
}

.my_account .right_column .val {
margin-left: 130px;
}

.my_account .left_column .label {
width: 70px;
}

.my_account .left_column .val {
margin-left: 90px;
}

/* EDIT PROFILE  */
.profile .form_label {
float: left;
padding-right: 20px;
}

.profile .form_section {
margin: 20px 10px;
}

.profile .right_side {
width: 400px;
float: right;
}








/*My Observatory*/





.info_table_box {
border: 2px solid #D7D7D7;
}

#alerts_news table {
padding: 10px;
border-collapse: separate;
}

#alerts_news h4 {
color: #424242;
}

#alerts_news tr.sticky {
background: #FFFFBB;
}

#alerts_news tr {
margin: 10px;
}

.empty_table {
padding: 15px;
font-size: 14pt;
font-family: "arial", sans-serif;
}


.news_summary {
font-size: 12pt;
padding: 5px 0px 0px 20px;
font-family: "arial", sans-serif;
}

.news_text, .news_text p {
font-size: 11pt;
padding: 10px 20px;
}

.news_text p {
padding: 0px;
}            
     



/* Tab CSS from http://css-tricks.com/better-tabs-with-round-out-borders/ */

.tabrow {
text-align: left;
list-style: none;
margin: 0px 0 00px;
padding-left: 6px;
line-height: 34px;
height: 35px;
overflow: hidden;
font-size: 18px;
font-family: "arial", sans-serif;
position: relative;
color: #8D8D8D;
}
.tabrow li {
border: 1px solid #AAA;
background: #F9F9F9;
background: -o-linear-gradient(top, #F9F9F9 50%, #F9F9F9 100%);
background: -ms-linear-gradient(top, #F9F9F9 50%, #F9F9F9 100%);
background: -moz-linear-gradient(top, #F9F9F9 50%, #F9F9F9 100%);
background: -webkit-linear-gradient(top, #F9F9F9 50%, #F9F9F9 100%);
background: linear-gradient(top, #F9F9F9 50%, #F9F9F9 100%);
display: inline-block;
position: relative;
z-index: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
text-shadow: 0 1px #FFF;
margin: 0 -5px;
padding: 0 20px;
}
.tabrow a {
  color: #555;
  text-decoration: none;
}
.tabrow li.selected {
background: #FFF;
color: #333;
z-index: 2;
border-bottom-color: #FFF;
}
.tabrow:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 0px solid #AAA;
z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
border: 0px solid #AAA;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
}
.tabrow li:before {
left: -6px;
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
right: -6px;
border-bottom-left-radius: 6px;
border-width: 0 0 0px 0px;
box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
box-shadow: -2px 2px 0 #FFF;
}





/* progress bars css-tricks.com/css3-progress-bars
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

.meter { 
    height: 10px;  /* Can be anything */
    position: relative;
    margin: 3px; /* Just for demo spacing */
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 3px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(43,194,83)),
      color-stop(1, rgb(84,240,84))
     );
    background-image: -moz-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
     );
    -webkit-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: 
       -webkit-gradient(linear, 0 0, 100% 100%, 
          color-stop(.25, rgba(255, 255, 255, .2)), 
          color-stop(.25, transparent), color-stop(.5, transparent), 
          color-stop(.5, rgba(255, 255, 255, .2)), 
          color-stop(.75, rgba(255, 255, 255, .2)), 
          color-stop(.75, transparent), to(transparent)
       );
    background-image: 
        -moz-linear-gradient(
          -45deg, 
          rgba(255, 255, 255, .2) 25%, 
          transparent 25%, 
          transparent 50%, 
          rgba(255, 255, 255, .2) 50%, 
          rgba(255, 255, 255, .2) 75%, 
          transparent 75%, 
          transparent
       );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

.ui-widget {
font-size: 10pt;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }