/* 

This file contains custom CSS tweaks to enhance the WHMCS template. We've added them here instead of in the bootstrap.css and whmcs.css files so it's easier to find/edit.

*/

/* CSS menu - this is our custom menu (no javascript) to replace the WHMCS default menu */
		
#dropdown {
	margin: 0 auto 22px auto;
	padding: 0 20px;
	width: 872px;
	height: 38px;
	background: url(../images/menubg-sub.png) left top repeat-x;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;

}	
#dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}	
#dropdown li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 38px;
}
#dropdown li a {
	display: block;
	padding: 0 20px; /* Spacing between main tabs */
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}
#dropdown li a:hover {
	color: #fff;
}

/* Dropdown level 1 */
	
#dropdown li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 191px;  
	margin: 0;
	padding: 0;
	background: #1b1b1d;
}

#dropdown li li { }
	
#dropdown li li a {
	background: none;
	width: 170px;  
	color: #999999;
	float: none;
	padding: 0 0 0 20px;
	margin: 0;
	border-bottom: 1px solid #50585f;
	border-left: 1px solid #50585f;
	border-right: 1px solid #50585f;
}
#dropdown li li a:hover {
	color: #fff;
}
#dropdown li li.dropmenu {
 /* Adjust the 158px to move the icon that shows on the right of dropdowns */
}
#dropdown li.over, #dropdown li:hover {
	background: url(../images/menuactive.png) left top repeat-x;
	color: #fff !important;
}

#dropdown li:hover li { background: url(../images/texture.png) left top repeat; }



#dropdown li.over a, #dropdown li a:hover { 	color: #fff !important; }
#dropdown li ul a {
}
#dropdown li ul a:hover, #dropdown li ul a:active {
}

/* Dropdown level 2 */

#dropdown li ul ul {
	margin: -41px 0 0 191px;
}
#dropdown li:hover ul ul, #dropdown li:hover ul ul ul, 
#dropdown li.sfhover ul ul, #dropdown li.sfhover ul ul ul {
	left: -999em;
}
#dropdown li:hover ul, #dropdown li li:hover ul, 
#dropdown li li li:hover ul, #dropdown li.sfhover ul, 
#dropdown li li.sfhover ul, #dropdown li li li.sfhover ul {
	left: auto;
}
#dropdown li:hover, #dropdown li.sfhover {
	position: static;
}

/* Generic style overrides */

.margintop20 { margin-top: 20px !important; }
.whmcscontainer .btn { color: #555555; text-shadow: none; padding: 0 10px; height: 30px !important; line-height: 30px !important; }
.whmcscontainer .btn:hover { color: #555555; }
.whmcscontainer .btn-large, .whmcscontainer .btn-large:hover, .whmcscontainer .btn-primary, .whmcscontainer .btn-primary:hover {

  color: #555555 !important;
  background-color: #f5f5f5 !important;
  *background-color: #e6e6e6 !important;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6) !important;
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6) !important;
  background-image: linear-gradient(top, #ffffff, #e6e6e6) !important;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6) !important;
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0) !important;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

} 

.whmcscontainer select {  line-height: 30px !important; height: 30px; }
.whmcscontainer .btn-inverse { color: #fff !important; }
.whmcscontainer table { clear: both; }
.whmcscontainer textarea { height: 100px; }
.whmcscontainer .feildfix { line-height: 27px; margin-right: 20px; }
.whmcscontainer .control-group .internalpadding img { margin-top: 1px !important; }
.whmcscontainer .row img { margin-top: 1px !important; }
.whmcscontainer .alert { padding-top: 0; }
.styled_title h2 { padding-bottom: 10px !important; }
.styled_title h2 a { font-size: 12px; line-height: 12px; }

/* Alert block */

.alert-block h2 { padding-bottom: 10px; }

/* Index */

.whmcscontainer .well { background: none; border: none; box-shadow: none; }

/* Announcements */

.rssicon { line-height: 33px; }
#hook-announcements .whmcscontainer h2 { line-height: 30px; margin-bottom: 0; padding-bottom: 0; } 
#hook-announcements .whmcscontainer h2 a { color: #000; text-decoration: underline; }