@charset "UTF-8";
/* CSS Document */
body{
	font-size:13px;
}
.navbar-inverse {
    /*BLUE
	background: #005581 !important;
background: -moz-linear-gradient(top,  #4684a4 0%, #005581 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4684a4), color-stop(100%,#005581)) !important;
background: -webkit-linear-gradient(top,  #4684a4 0%,#005581 100%) !important; 
background: -o-linear-gradient(top,  #4684a4 0%,#005581 100%) !important;
background: -ms-linear-gradient(top,  #4684a4 0%,#005581 100%) !important;
background: linear-gradient(to bottom,  #4684a4 0%,#005581 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4684a4', endColorstr='#ff005581',GradientType=0 ) !important;*/
background: #999999; /* Old browsers */
background: -moz-linear-gradient(top,  #999999 0%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #999999 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #999999 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
    background-repeat: repeat-x;
	padding-top:10px;
	padding-bottom:20px;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow:none !important;
	color:#fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #991B1E !important
  }
.main-content{
	padding-bottom:20px;
	border-radius:10px 10px 10px 10px;
	background-color:#fff !important;
	overflow:hidden;
	box-shadow: 0px 0px 10px #888;
	background:#fff;
	/*background-color: rgba(255,255,255, 0.7) !important;*/
}

.nav li:hover .dropdown-menu {
    display: block;
  }
  .navbar-nav > li > .dropdown-menu {
    width: 100%;
  }
  .dropdown-menu > li > a {
    white-space:normal;
  }
  .nav li:hover .dropdown-menu {
    display:none !important;
  }
  .dropdown.active .dropdown-menu, .nav li.active:hover .dropdown-menu{
	display:block !important;
	position:relative !important; 
  }
  .dropdown.active{
	margin-top:5px;
	margin-bottom:10px;  
  }
  .navbar {
    margin-bottom: 0px;
	box-shadow:none !important;
  }
  .navbar-nav > li > .dropdown-menu {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	box-shadow:none !important;
	border: 0 !important;
	background-color: #dedede;
	padding:0;
	padding-bottom:15px;
  }

.caret{
	  display:none;
  }
  .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: #000;
  } 
.navbar-inverse .navbar-nav > .active > a{
	padding-top:8px;
	padding-bottom:8px;  
  }  

.alert.pull-right{
	margin-left:15px;	
}
p{
	font-size:13px;
	line-height:18px;
}
h3{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
}
h4{
	font-size:13px;
	line-height:18px;
	font-weight:bold;
}
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar{
	  margin-left:-15px;
  }
  .sidebar-nav{
	  height:100%;
  }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  
  body{
	  padding-top:20px;
	  padding-bottom:20px;
  }
  
  
  
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-image: linear-gradient(to bottom, #aaa 0px, #aaa 100%) !important;
    background-repeat: repeat-x !important;
    background-color: #aaa !important;
	color:#fff !important;
  }
  .navbar-static-top {
    border-width: 0px;
  }
  .main-content{
		background:url(../../images/theme/container-back-222.jpg) repeat-y -43px top;	
	}
}
@media (min-width:992px){
	.main-content{
		background:url(../../images/theme/container-back-992-222.jpg) repeat-y left top;	
	}
}
@media (min-width:1200px){
	.main-content{
		background:url(../../images/theme/container-back-222.jpg) repeat-y -1px top;	
	}
}
@media (max-width:767px){
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:transparent !important;
    border-width: 0 !important;
	box-shadow:none !important;
  }	
  .navbar-inverse {
    padding-top: 10px;
    padding-bottom: 10px;
	margin-left:-15px;
	margin-right:-15px;
  }
  .navbar-form {
    padding: 10px 15px 5px 15px;
    margin: 8px -15px 0px -15px;
    background:#003362;
	color:#fff;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #003362;
  }
  .navbar-inverse .navbar-toggle:hover {
	background-color:#003362;
  }
  .table{
	  width:800px;
  }
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
	white-space: normal;
  }
  .main-content{
	padding-bottom:20px;
	border-radius:0;
	box-shadow:none;
	overflow:visible;
  }
}
.pageTitle{
	color:#912342;
	font-size:22px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td {
    background-color: #FFF3DC;
}

@media only print{
	[class*=' col-'] {width:95%; float:none !important; margin:0; padding:0;}
	.alert{display:none;}
}
.alert {
	clear:right;	
}
th.text-center{
	text-align:center;
}
.table th, .table td {
    padding: 0px !important;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
	background:#fff;
}
.table-striped th, .table-striped td {
    padding: 8px !important;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd !important;
}
.table .table{
	margin-bottom:0;
}
#your2016totalcompensation .table-striped th{
	background:#eee;	
}
th.text-center{
	text-align:center !important;
}
.well.login{
	background:#fff;
}
#otherbenefits .content ul{
	margin-top:15px;
}
#otherbenefits .content ul li{
	margin-bottom:10px;	
}
.sidebar .img-responsive{
	margin-right:auto;
	margin-left:auto;
}
.chartbox h3{
	padding-top:0;
	margin-top:0;
	text-transform:uppercase;
	text-align:center;
}
#chartlegend{
	margin-top:15px;
	padding:10px;
	background:#eee;
	border:1px solid #ddd;
	border-radius:10px;
}
#chartlegend ul{
	padding-bottom:0;
	margin-bottom:0;
}
#chartlegend li{
	list-style-type:none;
	margin-right:auto;
	margin-left:auto;	
}
#chartlegend li span{
	display:block;
	height:15px;
	width:15px;
	float:left;
	margin-right:3px;
}
@media (max-width:1199px){
	#chartlegend ul{
		margin-left:0px;
		padding-left:0px;
	}
}
@media(min-width:768px){
	.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
    	border-bottom-right-radius: 15px !important;
	}
}