/**
 * Copyright (c) 2005-2015 RevX Systems, Inc. All Rights Reserved.
 *
 * All Rights Reserved.  Unpublished rights reserved under
 * the copyright laws of the United States.
 *
 * The software contained on this media is proprietary to
 * and embodies the confidential technology of RevX Systems, Inc.
 *
 * Possession, use, duplication or dissemination of
 * the software and media is authorized only pursuant to
 * a valid written license from RevX Systems, Inc.
 *
 * RESTRICTED RIGHTS LEGEND  Use, duplication, or disclosure
 * by the U.S. Government is subject to restrictions as set
 * forth in Sub paragraph (c)(1)(ii) of DFARS 252.227-7013,
 * or in FAR 52.227-19, as applicable.
 *
 * Standard Site Styling.
 *
 */

 /*
 ** Scroll to the bottom of this style sheet for customized styles.
 */

  /*
  ** Style for links.
  */
  a:link    {color: #006633;}  /* unvisited link  */
  a:visited {color: #999900;}  /* visited link    */
  a:hover   {color: #33CC00;}  /* mouse over link */
  a:active  {color: #33CC00;}  /* selected link   */

  /*
  ** Body tag styling.
  */

  body
  {
      margin: 0px; font-family: 'Pontano Sans', sans-serif;

/*
      background-position: left top;
      background-repeat: no-repeat;
      background-image: url("/images/Covert-Background.jpg");

      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

*/

      background: #efefef;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(-45deg,  #efefef 0%, #ffffff 100%);
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff));
      background: -webkit-linear-gradient(-45deg,  #efefef 0%,#ffffff 100%);
      background: -o-linear-gradient(-45deg,  #efefef 0%,#ffffff 100%);
      background: -ms-linear-gradient(-45deg,  #efefef 0%,#ffffff 100%);
      background: linear-gradient(135deg,  #efefef 0%,#ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );

      font-family: 'Montserrat', sans-serif;
      font-size: 14px;
  }

  select
  {
    width: 300px; height: 40px; border-radius: 5px;
    font-size: 14px; text-align: left; padding-left: 20px;
  }

  input
  {
    width: 300px; height: 40px; border-radius: 5px; padding-left: 10px;
    font-size: 14px;
  }

  table, td
  {
    margin-bottom: 25px;
  }

  /*
  ** Generic Classes to be used in conjunction with others to achieve layout.
  */

  .lCell   { width: 50%; text-align: left;  vertical-align: top; padding-bottom: 40px; margin: 0px; }
  .rCell   { width: 50%; text-align: right; vertical-align: top; padding-bottom: 40px; margin: 0px; }

  .caption { font-size: 18px; font-weight: bold; height: 10px; }
  .regular { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 100; }
  .small   { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; }
  .italic  { font-style: italic; }
  .bold    { font-weight: bold; }



  .right       { text-align: right; }
  .left        { text-align: left; }
  .top         { vertical-align: text-top; }
  .bottom      { vertical-align: text-bottom; }
  .red         { color: #FF0000; }

  /*
  ** Style for declaring the jiggler.  Although this class does nothing, it serves
  ** as the selector for the jQuery jiggler.
  */
  .jiggle
  {

  }

  img.withLeftMargin
  {
    margin-left: 5px;
    opacity: .5;
  }

  img.withLeftMargin:hover
  {
    opacity: 1;
  }


/*
** Selector based styling
*/

  #canvas  {  width: 950px; height: auto;
              margin-left: auto; margin-right: auto; margin-top: 50px;
              padding: 15px;
              border: solid #bfbfbf 1px;
              border-radius: 10px;
              background-color: white;
              box-shadow: 0px 0px 0px #d9d9d9;
           }

  #header  {  width: 100%; height: 150px;
              border: solid black 0px;
           }

  #logo    {  width: 300px; height: 100px; float: left; border: solid black 0px; }
  #social  {  width: 400px; height: 50px; float: right; border: solid black 0px; text-align: right; padding-right: 50px; }

  #title   {  width: 400px; height: 50px; float: right; border: solid black 0px; text-align: right;
              font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 400; color: #bfbfbf;
              padding-right: 50px;
           }

  #form    {  width: 100%; height: auto;
              border: solid black 0px;
           }

  #footer  {  width: 100%; height: auto;
              border: solid black 0px;
           }

  /*
  ** Styles for the Descriptive list entry fields.
  */
  dl.register
  {
    font:normal 12px/15px Arial;
    position: relative;
    width: 500px;
    margin-left: 25px;
    display: block; text-align: right;
  }

  dt.register
  {
    font: "Times New Roman", Times, serif;
    font-size: 14px;
    clear: both;
    float:left;
    width: 275px;
    padding: 4px 0 2px 0;
    text-align: left;
    color: #000000;
  }

  dd.register
  {
    float: right;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
  }

  /*
  ** Styling for the tooltips.
  */
  .hint
  {
    display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -3px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /*	to fix IE6, I can't just declare a background-color,
        I must do a bg image, too!  So I'm duplicating the pointer.gif
        image, and positioning it so that it doesn't show up
        within the box */
    background: #ffc url(../images/tooltip/pointer.gif) no-repeat -10px 5px;
    color: #000000;
    text-align: left;
  }

  .hint .hint-pointer
  {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/tooltip/pointer.gif) left top no-repeat;
  }


/*
** Style for a field when its considered to be "Valid".
*/
input.Valid
{
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border:1px solid rgba(0,0,0,    0.2);
    color: #000000;
    font-weight:500;

    box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -webkit-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -moz-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    border:1px solid rgba(121, 191, 66, 0.8);

}

/*
** Style for an input field when its considered to be Valid and IN FOCUS.
*/
input.Valid:focus
{
    box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -webkit-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -moz-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    border:1px solid rgba(121, 191, 66, 0.8);
}

/*
** Style for an input field when its considered to be Invalid.
*/
input.Invalid
{
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:0px;
    border:1px solid rgba(0,0,0, 0.2);
    color: #999999;
    /* background-color: #FFCACA; */
    /* background-color: #ffe6e6; */
    background-color: #fbfce5;

}

/*
** Style for an input field when its considered to be Invalid and IN FOCUS.
*/
input.Invalid:focus
{
    box-shadow: 0 0 5px rgba(191, 66, 78, 1);
    -webkit-box-shadow: 0 0 5px rgba(191, 66, 78, 1);
    -moz-box-shadow: 0 0 5px rgba(191, 66, 78, 1);
    border:1px solid rgba(191, 66, 78, 0.8);
    background-color: #ffffe5;
}

/*
** Style for a field when its considered to be "Valid".
*/
select.Valid
{
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:6px;
    -webkit-border-radius:8px;
    -moz-border-radius:6px;
    border:1px solid rgba(0,0,0, 0.2);
    color: #000000;
    font-weight:500;

    box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -webkit-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -moz-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    border:1px solid rgba(121, 191, 66, 0.8);

}

/*
** Style for an input field when its considered to be Valid and IN FOCUS.
*/
select.Valid:focus
{
    box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -webkit-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    -moz-box-shadow: 0 0 5px rgba(121, 191, 66, 1);
    border:1px solid rgba(121, 191, 66, 0.8);
}

/*
** Style for an input field when its considered to be Invalid.
*/
select.Invalid
{
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:0px;
    border:1px solid rgba(0,0,0, 0.2);
    color:#999999;
    background-color: #ffffe5;
}

/*
** Style for an input field when its considered to be Invalid and IN FOCUS.
*/
select.Invalid:focus
{
    box-shadow: 0 0 5px rgba(191, 66, 78, 1);
    -webkit-box-shadow: 0 0 5px rgba(191, 66, 78, 1);
    -moz-box-shadow: 0 0 5px rgba(191, 66, 78, 1);
    border:1px solid rgba(191, 66, 78, 0.8);
}


/*
** Modal Style Definitions.
*/

.modal
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .1 )
    url('../images/modal/busy-loader.gif')
    50% 50%
    no-repeat;
    color: #000000;
}

/*
** Define the class that creates a model SUCCESS user experience.
*/
.modalSuccess
{
    display:none;
    position:fixed;
    z-index:9998;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba( 0, 0, 0, .1 ) url('../images/modal/success.jpg') 50% 50% no-repeat;
    color: #000000;
}

/*
** Define the class that creates a model FAIL user experience.
*/
.modalFail
{
    display:none;
    position:fixed;
    z-index:9998;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba( 0, 0, 0, .1 ) url('../images/modal/fail.jpg') 50% 50% no-repeat;
    color: #000000;
}

/*
** Define the class that creates a model Activated user experience.
*/
.modalActivated
{
    display:none;
    position:fixed;
    z-index:9998;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba( 0, 0, 0, .1 ) url('../images/modal/success.jpg') 50% 50% no-repeat;
    color: #000000;
}

/*
** My Account Styles.
*/

img.myaccount
{
  float: left;
  margin-right: 10px;
}

table.myaccount_container
{
  width: 98%;
  padding-left: 0px;
  padding-right: 45px;
  padding-bottom: 5px;
  padding-top: 10px;
  opacity: .7;
  margin-left: 20px;
}

table.myaccount_container tr
{
  height: auto;
}

table.myaccount_container td
{
    padding: 10px;
}

table.myaccount_container tr:hover
{
  background-color: #efefef;
}

table.myaccount
{
  width: 800px;
  padding-right: 5px;
  padding-left: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 10px;
}

table.myaccount tr
{
    height: auto;
}

table.myaccount td
{
    vertical-align: top;
}

hr.myaccount
{
  border-top: dotted 2px;
  color: #b3b3b3;
  margin-left: 48px;
}

input.myaccount
{
    width: 100%;
    height: 30px;
    margin-right: 10px;

    box-shadow: 0 0 0px rgba(121, 191, 66, 1);
    -webkit-box-shadow: 0 0 0px rgba(121, 191, 66, 1);
    -moz-box-shadow: 0 0 0px rgba(121, 191, 66, 1);
    border:1px solid rgba(121, 191, 66, 0.8);
}

input.send
{
    background-color: #efefef;
    color: #000000;
}

input.send:hover
{
  background-color: #bfbfbf;
  color: #000000;
  cursor: pointer;
}

select.myaccount
{
    width: 195px;
    height: 30px;
    margin-right: 0px;
}


/*
** Table Styling for the Transactions History View
*/

/*
** The payment class is used when rendering the Account Transactions table to
** bring attention to posted payments on the account.
*/

.payment
{
  color: #61b832;
}

.tb_transhist
{
    width: 94%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    margin-left: 45px;
}

.tb_transhist tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.tb_transhist td, .tb_transhist th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.tb_transhist th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.tb_transhist td:first-child, .tb_transhist th:first-child {
    border-left: none;
}

.tb_transhist th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.tb_transhist th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.tb_transhist th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.tb_transhist tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.tb_transhist tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/*
** Table Styling for the Active Subscriptions Table
*/

.tb_subscriptions
{
    width: 94%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    margin-left: 45px;
}

.tb_subscriptions tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.tb_subscriptions td, .tb_subscriptions th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.tb_subscriptions th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.tb_subscriptions td:first-child, .tb_subscriptions th:first-child {
    border-left: none;
}

.tb_subscriptions th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.tb_subscriptions th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.tb_subscriptions th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.tb_subscriptions tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.tb_subscriptions tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/*
** Styling for Checkboxes throughout.
*/
.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    top: 7px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular-checkbox:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

/*
**********************************************************************
** Customized Look and Feel.
**********************************************************************
*/

body
{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,932c24+61,932c24+61,932c24+63,000000+90,000000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(147,44,36,1) 61%, rgba(147,44,36,1) 61%, rgba(147,44,36,1) 63%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(147,44,36,1) 61%,rgba(147,44,36,1) 61%,rgba(147,44,36,1) 63%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(147,44,36,1) 61%,rgba(147,44,36,1) 61%,rgba(147,44,36,1) 63%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


}

#canvas
{  
  /* box-shadow: 0px 0px 6px #d9d9d9; */
  border-radius: 4px;

  -webkit-box-shadow:0 0 0px #e5e5e5; 
  -moz-box-shadow: 0 0 0px #e5e5e5; 
  box-shadow:0 0 0px #e5e5e5;

}

#title
{
  margin-bottom: 50px;
}

.caption, .medium
{
  color: #ba0000;
}

.logo
{
  margin-top: 30px;
  margin-left: 50px;
}

.buttonStyle
{
  background: #565755;
  border: 1px solid #bbb;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  /* color: #333; */
  color: #ebebeb;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 8px 0 9px;
  text-align: center;
  /* text-shadow: 0 1px 0 #fff; */
  width: 150px;
  text-transform: uppercase;
}

.buttonStyle:hover
{
  background: #d9d9d9;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
  cursor: pointer;
}

.buttonStyle:active
{
  background: #d0d0d0;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}

.buttonStyle:disabled
{
  opacity: 0.4;
  cursor: no-drop;
}

.regular
{
  line-height: 1.5;
}

.cssLink:hover
{
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}


/* Styling for Carrier Dump - Move to revx.css  */
.outboxResultWrapper
{
  width: 100%;
  background-color: #ededed;
}

.cDumpTableInstance
{
  width: 100%;
  border: 1px solid black;
}

.cDumpTableInstance td
{
  
  padding-left: 3px;
}

.cDumpTableInstance tr
{
  height: 23px;
}

.cDumpTableWrapper
{
  height: 500px;
  overflow: auto;
}


/* Used to draw attention to EXPIRED services in the My Account Portal. */
#expand-title-33-39,#expand-title-34-26,#expand-title-35-27,#expand-title-36-28,#expand-title-37-29,#expand-title-38-30,#expand-title-39-31,#expand-title-54-43,#expand-title-55-44,#expand-title-40-38,#expand-title-41-32,#expand-title-42-33,#expand-title-43-34,#expand-title-44-35,#expand-title-45-36,#expand-title-46-37,#device_33_39_iccid,#device_34_26_iccid,#device_35_27_iccid,#device_36_28_iccid,#device_37_29_iccid,#device_38_30_iccid,#device_39_31_iccid,#device_54_43_iccid,#device_55_44_iccid,#device_40_38_iccid,#device_41_32_iccid,#device_42_33_iccid,#device_43_34_iccid,#device_44_35_iccid,#device_45_36_iccid,#device_46_37_iccid {
  color: gray;
  font-weight: bold;
  /* animation:blinkingText 1.2s infinite; */
  opacity: .5;
}



@keyframes blinkingText {
    0%{     color: #870000;    }
    49%{    color: #870000; }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: #000;    }
}