/*============================================================
 NAVIGATION - main nav
============================================================*/

nav#main {
  float: left;
  clear: right;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 1;
  width:1200px;
}
nav#main ul li {
  float: left;
  display: block;
}
nav#main ul li a,nav#sub ul li ul li a {
  float: left;
  /*padding: 13px 24px 11px 27px; old change*/
  padding: 13px 10px 11px 10px;
  font: normal 14px 'Montserrat', helvetica, arial, sans-serif;
  color: #666;
  border: 1px solid #ddd;
  border-right: none;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.05)), color-stop(.9,rgba(255,255,255,0.05)));
  background-color: #f0f0f0;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(255,255,255,0.9);
}

nav#main ul li a{
  padding: 13px 3px 11px 3px;!important;
}
nav#main ul li:first-child a {
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
nav#main ul li:last-child a {
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-right: 1px solid #ddd;
}
nav#main ul li a:hover {
  color: #444;
  background: #fff;
}
nav#main ul li a.on {
  padding: 10px 12px 11px 15px;
  color: #444;
  background: #fff;
  border-top: 4px solid #353665f7;
  border-bottom: 1px solid #fff;
}

/*============================================================
 NAVIGATION - sub nav
============================================================*/

nav#sub {
  float: left;
  clear: both;
  width: 1200px;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  border-bottom: none;
  background: #fff repeat-x 0 bottom;
  position: relative;
  z-index: 0;
  background-image: url('../images/subNavRepeater.gif');
/*   min-height: 400px; */
/*   background: #FFFFFF; */
}
nav#sub ul li {
  float: left;
  display: block;
}
nav#sub ul li a, .green a {
  float: left;
  padding: 14px 2px 15px 22px;
  font: normal 13px 'Open Sans', helvetica, arial, sans-serif;
  font-weight: 400;
  color: #555;
}
nav#sub ul li a:hover {
  color: #4886ca;
}
nav#sub ul li a.on {
  background : transparent image-url('../images/arrowSub.gif') no-repeat center bottom;
/*   background-image: url('../images/arrowSub.gif'); */

}
nav#sub ul li.search,nav#sub ul li.green {
  float: right;
}
nav#sub ul li.search {
  width: 24px;
  height: 24px;
  margin: 10px 11px 10px 0;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.05)), color-stop(.9,rgba(255,255,255,0.05)));
  background-color: #ececec;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
nav#sub ul li.search a {
  width: 26px;
  height: 24px;
  padding: 0;
  background: transparent image-url("iconSearch.gif") no-repeat 6px 5px;
}
nav#sub ul li.search:hover {
  background-color: #eee;
  border: 1px solid #ccc;
}
nav#sub ul li.green a, .green a {
  padding: 15px 22px 16px 22px;
  font: normal 13px 'Montserrat', helvetica, arial, sans-serif;
  color: #fff;
  background: #a5c332;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353665), to(#353665), color-stop(.9,#353665));
  text-shadow: 0 1px 1px rgba(255,255,255,0.9);
  text-transform: uppercase;
  margin-right: -20px;
}
nav#sub ul li.green a:hover, .green a:hover {
  background: #bed55a;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353665), to(#353665), color-stop(.9,#353665));
}
nav#sub ul li.green a span, .green a span#add {
  float: left;
  width: 11px;
  height: 13px;
  margin: 0 8px 0 0;
  background: transparent no-repeat 0 0;
  position: relative;
  top: 1px;
  background-image: url('../images/iconPlus.gif');
}
nav#sub ul li.green div span, .green div span {
  float: left;
  width: 11px;
  height: 13px;
  margin: 0 8px 0 0;
  background: transparent no-repeat 0 0;
  position: relative;
  top: 1px;
  background-image: url('../images/iconMinus.gif');
}


---------------------------------------------------------------------------------------------------------
--------------------------                                -----------------------------------------------


table#fourCol {
  border-collapse: collapse;
  width: 896px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}
#fourCol tr {
  background-color: #fdfdfd;
}
#fourCol tr:nth-child(odd) {
  background-color: #f9f9f9;
}
#fourCol tr:hover {
  background: transparent image-url("halfDotGreen30.png") repeat 0 0;
}
#fourCol tr:last-child td {
  border-bottom: 1px solid #c5c5c5;
}
#fourCol th {
  padding: 14px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: transparent image-url("tableHeaderRepeater.gif") repeat-x 0 0;
  font: normal 11px 'Montserrat', helvetica, arial, sans-serif;
  color: #777;
  text-transform: uppercase;
}
#fourCol th a {
  background: transparent image-url("arrowTableSort.gif") no-repeat right 3px;
  padding-right: 12px;
  color: #777;
  font: normal 11px 'Montserrat', helvetica, arial, sans-serif;
  text-transform: uppercase;
}
#fourCol th a:hover {
  color: #91a541;
}
#fourCol th a.on {
  color: #222;
}
#fourCol td {
  padding: 12px 20px;
  font: normal 12px 'Open Sans', helvetica, arial, sans-serif;
  color: #555;
  border-bottom: 1px solid #e5e5e5;
  background: transparent image-url("onePXwhite.gif") repeat-x 0 0;
}
#fourCol td a {
  font-weight: 600;
}
#fourCol td img {
  position: relative;
  top: 2px;
  padding-right: 4px;
}
#fourCol td:hover {
  cursor: pointer;
}
.firstCol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.secondCol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.thirdCol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.fourthCol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

#projects_open .firstCol{
  width: 40%;
}
#projects_open .secondCol{
  width: 15%;
}
#projects_open .thirdCol{
  width: 15%;
}
#projects_open .fourthCol{
  width: 12%;
}

#company_users_index .firstCol{
  width: 30%;
}
#company_users_index .secondCol{
  width: 30%;
}
#company_users_index .thirdCol{
  width: 26.5%;
}

#fourCol th.empty {
  border: 1px solid #ddd;
  background: none;
  font: italic 12px 'Open Sans',helvetica,arial,sans-serif;
  color: #777;
  font-weight: 400;
  clear: both;
  margin-botton: 20px;
  text-transform: none;
}
#fourCol th.empty b {
  font-weight: 600;
}
#fourCol tr:hover .empty {
  background: #fdfdfd;
}