/*---------- CSS Master Elements ----------*/

body{
     font-family: Helvetica, Arial, sans-serif;
     font-size:14px;
     color:#000;
     background-color: #f1f0e9;
     line-height: 1.5em;
     margin:0;
     padding:0;
     border:0;
     vertical-align: baseline;
     font-style: inherit;
     font-weight: inherit;
}

.sitebanner{
     background-color: #003046;
     color: white;
     padding: 20px;
}

.sitebanner h1{
     padding-left: 60px;
     color: white;
}
.sitebanner h5{
     padding-left: 60px;
     color: white;
}
/*a{
     color:#4b8c7c;
}

a:hover{
     color:#4b8c7c;
     text-decoration: none;
}    */

.bold{
     font-weight:bold;
}

.centerMe {
     margin: 0 auto;
     padding: 0 10px;
     position: relative;
}

input{
     border:#ccc 1px solid;
     padding:2px;
     background-color:#fff;
     font-size:12px;
}

select{
     border:#ccc 1px solid;
     padding:2px;
     background-color:#fff;
     font-size:12px;
}

#overlay {
     position:absolute;
     top:0px;
     left:0px;
     z-index:99;
     width:100%;
     height:100%;
     background-color:#000;
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}

#msg_error {
     position:absolute;
     top:250px;
     left:250px;
     z-index:100;
     padding:15px 15px 15px 25px;
     border:2px solid #666;
     background-color:#fbb;
     color:#333;
}

#msg_error span{
     float:right;
     cursor:pointer;
     border:#ccc 1px solid;
     background-color:#fff;
     padding:2px;
}

#msg_success {
     position:absolute;
     top:250px;
     left:250px;
     z-index:100;
     padding:15px 15px 15px 25px;
     border:2px solid #666;
     background-color:#bfb;
     color:#333;
}

#msg_success span{
     float:right;
     cursor:pointer;
     border:#ccc 1px solid;
     background-color:#fff;
     padding:2px;
     color:#333;
}

#msg {
     position:absolute;
     top:250px;
     left:250px;
     z-index:100;
     padding:15px 15px 15px 25px;
     border:2px solid #666;
     background-color:#eee;
     color:#333;
}

#msg span{
     float:right;
     cursor:pointer;
     border:#ccc 1px solid;
     background-color:#fff;
     padding:2px;
     color:#333;
}

.error_text{
     font-size:14px;
     color:#ff3333;
}

/*---------- Nav Bar Elements ----------*/

#navContainer{
     height: 50px;
     background-color: #508aa8;
     font-size: 16px;
     color: white;
}

#nav{
     margin:0;
     padding:0;
     display: block;
     list-style-type:none;
     z-index: 20;
     position: relative;
}

#nav li {
     display: block;
     float: left;
     height: 50px;
     border-right: 1px solid #609ab8;
     position: relative;
}

#nav li:first-child {
     border-left: 1px solid #609ab8;
}

#nav li a {
     display: block;
     height: 50px;
     line-height: 50px;
     color: white;
     text-decoration: none;
     padding: 0 15px;
}

#nav li a:hover {
     background-image: url(../img/navBg.gif);
     background-repeat: repeat-x;
     background-color: #1a4464;
}

#nav li ul {
     display: block;
     background-color: #609ab8;
     position: absolute;
     text-align: left;
     z-index: 5;
     width: 175px;
     z-index: 98;
     font-size: 14px;
     padding:0px;
}

#nav li ul li {
     display: block;
     float: none;
     border: none;
     height: 30px;
}

#nav li ul li:first-child {
     border: none;
}

#nav li ul li a {
     padding: 0;
     padding-left: 15px;
     height: 30px;
     line-height: 30px;
}

/*---------- Header Elements ----------*/

#header{
     position: relative;
     height: 237px;
     background-image: url(../img/headerBg.jpg);
     background-repeat: no-repeat;
     background-position: top center;
     background-color: #ffffff;
}

.logo{
     top: 75px;
     left: 30px;
     position: absolute;
}

.theLogin {
     position: absolute;
     top: 165px;
     left: 30px;
}

/*---------- Main Content ----------*/
#mainContainer{
     background-color:#FFFFFF;
	 margin-top: 50px;
}

#mainContent{
     padding-top: 30px;
     padding-bottom: 50px;
     min-height:250px;
}


#mainContent h1{
     font-size: 38px;
     color: #003046;
}

#mainContent h2{
     font-size: 24px;
     color: #003046;
     font-weight: normal;
}

#mainContent h3{
     font-size: 18px;
     font-weight: bold;
}

/*---------- Footer ----------*/
#footer{
     color: #887f70;
     font-size: 10px;
     padding: 20px 0;
}
#footer ul{
     list-style:none;
     margin: 0;
     padding: 0;
}
#footer ul li{
     padding-right: 20px;
     display:inline;
}
#footer a{
     text-decoration:none;
     color:#887f70;
}
#footer a:hover{
     text-decoration:underline;
     color:#887f70;
}
.copyright{
}

.enrollment_section_header{
     color:#ffffff;
     font-size:18px;
     font-weight:bold;
     background-color:#508AA8;
     padding:5px;
     margin-bottom:10px;
     margin-top:10px;
     cursor:pointer;
     width:790px;
}
.enrollment_section_header:hover{
     background-color:#555555;
}

.enrollment_section_header a{
     color:#ffffff;
}

.enrollment_section_table{
     width:800px;
     border:#ccc 1px solid;
     padding:5px;
     background-color:#eee;
}

.enrollment_dep_section{
     width:600px;
     max-height:250px;
     overflow:auto;
     border:#ccc 1px solid;
     background-color:#fff;
     text-align:center;
}

.patient_table {
     border:#ccc 1px solid;
}

.patient_table td{
     border: 1px dotted #999999;
}

.patient_table th{
     background-color:#508AA8;
     color:#fff;
     font-size:14px;
     font-weight:bold;
     text-align:center;
}

.patient_record {
     cursor:pointer;
     background-color:#EEEEEE;
}

.patient_record_alt{
     cursor:pointer;
     background-color:#FFFFFF;
}


.patient_record:hover{
     background-color:#DDF0FE;
}
.patient_record_alt:hover{
     background-color:#DDF0FE;
}

.patient_details_table {
     border:#ccc 1px solid;
     background-color:#ffffff;
     margin:5px 0px 25px 0px;
}

.patient_details_table p{
     background-color:#508AA8;
     color:#fff;
     font-size:14px;
     font-weight:bold;
     text-align:center;
     margin:0px;
}

.patient_details_table th{
     background-color:#ffffff;
     color:#508AA8;
     font-size:12px;
     font-weight:bold;
     text-align:center;
}

.patient_details_table td{
     font-size:12px;
}


.claim_table {
     border:#ccc 1px solid;
}

.claim_table td{
     border: 1px dotted #999999;
}

.claim_table th{
     background-color:#508AA8;
     color:#fff;
     font-size:14px;
     font-weight:bold;
     text-align:center;
}

.claim_record {
     cursor:pointer;
     background-color:#EEEEEE;
}

.claim_record_alt{
     cursor:pointer;
     background-color:#FFFFFF;
}


.claim_record:hover{
     background-color:#DDF0FE;
}
.claim_record_alt:hover{
     background-color:#DDF0FE;
}

.claim_details_table {
     border:#ccc 1px solid;
     background-color:#ffffff;
     margin:5px 0px 25px 0px;
}

.claim_details_table p{
     background-color:#508AA8;
     color:#fff;
     font-size:14px;
     font-weight:bold;
     text-align:center;
     margin:0px;
}

.claim_details_table th{
     background-color:#ffffff;
     color:#508AA8;
     font-size:12px;
     font-weight:bold;
     text-align:center;
}

.claim_details_table td{
     font-size:12px;
}

#agentdetail {
     border:#cccccc 1px solid;
     background-color:#ffffff;
     border-collapse: collapse;
}

#agentdetail td, #agentdetail th {
  border: 1px solid #ddd;
}

#agentdetail tr:nth-child(even){background-color: #f2f2f2;}

#agentdetail tr:hover {background-color: #ddd;}

.rgm_data_table{
     border:#cccccc 1px solid;
     background-color:#f2f2f2;
     padding:5px;
     margin-top:10px;
     margin-bottom:10px;
}

.rgm_data_title {
     border-bottom: 1px dotted #508aa8;
     color:#000000;
     padding: 4px 2px;
     margin:0px;
     font-size:14px;
}

.rgm_data_title span {
     padding-left:25px;
     color:#000000;
     margin:0px;
     font-size:12px;
     cursor:pointer;
}

.rgm_data_title span:hover{
     text-decoration:underline;
}

.rgm_data_table td{
     padding: 4px 2px;
     margin:0px;
}

.rgm_data_table th{
     color:#000000;
     border-bottom: 1px dotted #508aa8;
}

.rgm_data_table .field_title{
     color:#000000;
     font-weight:bold;
}

.rgm_data_table .field_data{
     font-size:14px;
     padding-left:5px;
     color:#333;
}

.rgm_data_table .record{
     cursor:pointer;
}

.rgm_data_table .record:hover{
     background-color:#ABB1C3;
}

.enrollment_tab {
	background-color:#eee;
	padding:5px 10px;
	/*border:#ccc 1px solid;*/
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;
}

.enrollment_tab_selected{
	background-color:#508eab;
	padding:5px 10px;
	/*border:#ccc 1px solid;*/
	border-bottom:none;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;
     color:#fff;
}

.enrollment_tab_disabled{
     background-color:#555;
     padding:5px 10px;
     /*border:#ccc 1px solid;*/
     border-bottom:none;
     border-top-left-radius:15px;
     border-top-right-radius:15px;
     text-align:center;
     font-size:14px;
     font-weight:bold;
     cursor: pointer;
     color:#fff;
}

.enrollment_page {
	border:#ccc 1px solid;
	border-top:none;
	background-color: #fff;
}


/* Custom table styling */
#agent-data-table {
	background-color: #f2f2f2;
	padding: 5px;
	margin: 10px 0;
	border: 3px solid #ddd;
	width: 100%;
}

#agent-data-table td{
     padding: 4px 2px;
     margin:0px;
}

#agent-data-table th{
     color:#000000;
}

#agent-data-table tr{
     border: 2px solid #ddd;
}

@media only screen and (max-width: 991px) {
	#agent-data-table .agent-table-filter {
		display: none;
	}
}

/* This will transform the tables on smaller devices */
@media only screen and (max-width: 991px) {

  .mobileStackTable,
  .mobileStackTable thead,
  .mobileStackTable tbody,
  .mobileStackTable th,
  .mobileStackTable td,
  .mobileStackTable tr {
    display: block;
  }
  
  .mobileStackTable thead tr {
    position: absolute;
    top: -50000em;
    left: -50000em;
  }
  
  #agent-data-table.mobileStackTable tr {
    border: 2px solid #000;
    padding-bottom: .5em;
    margin: .7em 0;
  }
  
  .mobileStackTable tr th,
  .mobileStackTable td {
    margin-bottom: .2em;
  }
  
   .mobileStackTable td:before {
    content: attr(data-header) ": ";
  }
  
  .mobileStackTable td:before {
    font-weight: bold;
  }
  
  .mobileStackTable tr th {
    background-color: #eee;
    padding: .6em .5em;
  }
  
  .mobileStackTable td {
    padding: .2em .5em;
  }

}

/* This formats the member Personal Info table */

.member-info-table {
	width: 50%;
}

@media only screen and (max-width: 767px) {
	.member-info-table {
		width: 100%;
	}
}

/* This formats the change info tables */

.change-info-table {
	width: 30%;
}

@media only screen and (max-width: 767px) {
	.change-info-table {
		width: 100%;
	}
}

/* This formats the member Coverage and Dependent Info tables */

#employeeCoverageTable {
	width: 75%;
}

@media only screen and (max-width: 767px) {
	#employeeCoverageTable {
		width: 100%;
	}
}

#employeeDependentTable {
	width: 75%;
}

@media only screen and (max-width: 767px) {
	#employeeDependentTable {
		width: 100%;
	}
}