@charset "UTF-8";
/* CSS Document */

 body {
	 background-color:rgba(138,161,123,1.00) !important;
 }
 
 .bluetoppci {
	 background-color:rgba(192,222,235,1.00); 
 }
 
 .bluepci { 
	 color:rgba(192,222,235,1.00)
 }
 
 
 .greenpci {
	 color:rgba(77,180,109,1.00)
 }
  .whitepci {
	 color:#fff;
  }
 
 .blackpci {
	 color:#000;
 }
 
 .graytoppci {
	 background-color:rgba(0,0,0,.7);
	 color:#fff;
 }
 
 .ltgraytoppci {
	 background-color:rgba(0,0,0,.3);
	 color:#fff;
 }
 
 .ltgraytoppci a{ 
	 color:#000;
 }
 
 .graypci {
	  
 background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 94%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(94%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 94%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 94%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 94%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 94%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );}
 
.logo {
	padding-left:40px;
}
 
 
 .indent {
	 margin-left:20px !important;
	 margin-bottom:10px !important;
 }
 
 
 
.container {
	background-color:#ffffff;
}
 
 .contop {
	 background: rgba(212,228,239,1);
background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=0 );
	  
	padding-bottom:30px; 
 }
 
 .padright {
	 padding-right:10px;
	 margin-right:40px
 }
 
 .text-sm {
	 font-size:11px;
 }
 
 
 
 .myside {
	 height:inherit !important; 
 }
 
 .userinfo {
	 margin-top:5px !important;
	text-shadow:1px 1px 1px #000;
	background-color:rgba(0,0,0,0.4);
	padding:10px;
	
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 0px solid #000000; 
 }
 
 
 .demo{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#efefef;
}

#equalheight {
    overflow: hidden; 
}


 @media screen and (max-width:768px) {
	  
.stackme td {
	display:block;
}



td.right {
	border-left:0px !important;
	width:100% !important;
}

 }
 
 td {padding:5px}

tr:nth-child(odd) {background: #efefef}
tr:nth-child(even) {background: #FFF}

.tablish  {
	border:1px solid #444444;
}
 
td.right {
	border-left:1px solid #999999;
	width:40%;
}
 
 
 
 
 
 
 
 
 
 
 
 
 /*sidehamburger*/
  
  .hideme {
	  display: none;
	  visibility:hidden;
	  height:0px !important;
  }
  
  @media screen and (max-width:768px) {
	  
  .hideme {
	  display: block;
	  visibility:visible;
	  height:30px !important;
  }
  
  }
  
  
  
  
  .dblock {
	  display:block !important;
	  width:100% !important;
	  margin-left:0px !important;
	  margin-right:0px !important;
	  
  }

  a:link.leftnav { 
	  display:block;
	  padding-top:10px !important;
	  padding-bottom:10px !important;
	  padding-left:20px;
	  background-color:rgba(192,222,235,1.00);
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

	  border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
margin-bottom:5px !important;
  }
  
  a:link.leftnavON { 
      color:#fff !important;
	  display:block;
	  padding-top:10px !important;
	  padding-bottom:10px !important;
	  padding-left:20px;
	  background-color:rgba(77,180,109,1.00);
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      border-radius: 10px 10px 10px 10px;
      border: 0px solid #000000;
      margin-bottom:5px !important;
      text-decoration:none !important;
  } 
   
  a:hover.leftnav {
	  display:block;
	  padding-top:10px !important;
	  padding-bottom:10px !important;
	  background-color:rgba(77,180,109,1.00);
	  text-decoration:none !important;
	  color:#fff;
  }

  /*added on 12/8/16*/
td.rightend {
	border-left:1px solid #999999;
	width:10%;
}
td.rightmsg {
	border-left:1px solid #999999;
	width:20%;
}
 td.left {
	border-left:1px solid #999999;
	width:10%;
}

.msgfrom {
	font-style:italic;
	color:rgba(167,5,7,1.00);
}

.msgto {
	font-style:italic;
	color:rgba(4,112,6,1.00)
}


 @media screen and (max-width:768px) {
.hidemobi {
	  display: none;
	  visibility:hidden;
	  height:0px !important;
  }
  .mylabel {
	width:100%;
	float:none !important;
}
.myinput {
	display: block !important;
	width:100%;
}
 }
 
 .compose {
	 padding-top:20px
 }

.mylabel {
	width:20%;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}
.myinput {
	display: inline-block;
	width:80%;
	padding-top:5px;
	padding-bottom:5px;
}
 
/*	MODAL TIMEOUT WARNING MESSAGES */
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup
{
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid #8AB1CE;
    border-radius: 12px;
    padding: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.modalPopup .header
{
    background-color: #4DB46D;
    height: 20px;
    color: White;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.modalPopup .body
{
    padding:15px;
    min-height: 50px;
    text-align: center;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.modalPopup .footer
{
    padding: 6px;
}
.modalPopup .yes, .modalPopup .no
{
    height: 20px;
    color: White;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
.modalPopup .yes
{
    background-color: #4DB46D;
    border: 1px solid #5C5C5C;
}
.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}