/*
 * !! Bootstrap override CSS !!
*/
.row {
  margin-left:0;
}
[class*="span"] {
	margin-left:0;
}
.container-block,
.navbar-fixed-top .container-block,
.navbar-fixed-bottom .container-block {
  width: 960px;
  padding: 0 10px;
}
.clearfix { /* required as the Portal has this defined as inline-block */
  display: block; 
}

/*
	breaking .row in to 24 spans (or columns)
  # 960 / 24 = 40 (pixels)
  # 100 / 24 = 4.16667 (precent, also limited to 5 decimal places as any more and some browsers miscalculate)
---------------------------------------- */   
.span1 {
  width: 4.166667%
}
.span2 {
  width: 8.333334%;
}
.span3 {
  width: 12.500001%;
}
.span4 {
  width: 16.666668%;
}
.span5 {
  width: 20.833335%;
}
.span6 {
  width: 25%;
}
.span7 {
  width: 29.166669%;
}
.span8 {
  width: 33.333336%;
}
.span9 {
  width: 37.500003%;
}
.span10 {
  width: 41.66667%;
}
.span11 {
  width: 45.833337%;
}
.span12 {
 	width: 50%; 
}
.span13 {
  width: 44.166667%
}
.span14 {
  width: 58.333334%;
}
.span15 {
  width: 62.500001%;
}
.span16 {
  width: 66.666668%;
}
.span17 {
  width: 70.833335%;
}
.span18 {
  width: 75%;
}
.span19 {
  width: 79.166669%;
}
.span20 {
  width: 83.333336%;
}
.span21 {
  width: 87.500003%;
}
.span22 {
  width: 91.66667%;
}
.span23 {
  width: 95.833337%;
}
.span24 {
  width: 100%;
}
/* pulling out the 980 pixel layout! */
.site-heading,
.site-footer{
  padding: 7px 10px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
/* pulling out the 980 pixel layout! */
.site-heading {
  margin:0 -10px 18px;
  height:100px;  
}
#top-navigation,
.site-footer,
.main-section > #breadcrumbs  {
	margin:0 -10px;
}
.container-block .leftCol {
	margin-left:-10px; 
}
.container-block .rightCol {
	margin-right:-10px; 
}
/*
	breaking .row into spans for the leftCol/rightCol, plus the 10 pixel negative margin to bring the design out to 980 pixels
   960 / 10 = 96
   100 / 96 = 1.04167
   (100 / 24) * 4 = 16.666667 (limited to 5 decimal places)
   
  .span4.leftCol example:
   16.666667 + 1.04167 = 17.70834 (percent)
---------------------------------------- */   
.container-block .span4.leftCol, .container-block .span4.rightCol {
  width: 17.70834%;
}
.container-block .span5.leftCol, .container-block .span5.rightCol {
  width: 21.875%;
}
.container-block .span6.leftCol, .container-block .span6.rightCol {
  width: 26.0417%;
}
.container-block .span7.leftCol, .container-block .span7.rightCol {
  width: 30.20834%;
}

.container-block .rightCol {
  float:right;
}
.container-block .main {
  overflow:hidden;
}

/* taken from OOCSS */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote, ol.unstyled, ul.unstyled{padding:0 10px;}

.h1 {
  font-size: 30px;
  line-height: 36px;
}
.h1 small {
  font-size: 18px;
}
.h2 {
  font-size: 24px;
  line-height: 36px;
}
.h2 small {
  font-size: 18px;
}
.h3 {
  line-height: 27px;
  font-size: 18px;
}
.h3 small {
  font-size: 14px;
}
.h4,
.h5,
.h6 {
  line-height: 18px;
}
.h4 {
  font-size: 14px;
}
.h4 small {
  font-size: 12px;
}
.h5 {
  font-size: 12px;
}
.h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
}
p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
.container-block label {
  color: #333333;
}

blockquote {
  margin: 0 10px 18px;
}

blockquote.pull-right {
	border-left: 5px solid #eeeeee;  
  border-right: none;
}

.input-append .btn {
	margin-bottom:9px; 
}
.form-inline .input-append .btn,
.form-horizontal .input-append .btn,
.form-search .input-append .btn {
	margin-bottom:0; 
}
.pagination a {
  text-decoration: underline;
}
.pagination a:hover,
.pagination .disabled a {
  text-decoration: none;
}
.pagination li.disabled {
  float: left;
}
.pagination span.current {
  font-weight:bold;
}

/* Well style
-------------------------------------------------- */
.well {
  padding: 10px;
}
.rightCol .well {
	padding: 10px 0; 
  margin-left:10px; 
}
.leftCol .well {
  margin-right:10px;
  padding:0;
}

/* Alert style
-------------------------------------------------- */
.alert {
  padding:8px 25px 0 0;
}

/* Search results
-------------------------------------------------- */
.search-results-page .alert {
 	margin:9px 10px 18px; 
}
.search-results-page #site-search {
 	margin: 18px 10px; 
}
.search-results {
  border-bottom: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  list-style: none outside none;
  margin: 0 10px 18px;
  padding: 10px 0;
}
.search-results li {
  list-style:none;
  font-size:12px;
  margin: 0 -10px;
}
.search-results li h3 {
  font-size:14px;
  font-weight:bold;
}
.search-results li p {
  font-size:12px;
}
.search-results .path-links a {
  text-decoration:underline;
}
.search-results .path-links a:hover {
  text-decoration:none;
}

/* Modify icon image paths
-------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  background-image: url("../images/icons/glyphicons-halflings.png");
}
.icon-white {
  background-image: url("../images/icons/glyphicons-halflings-white.png");
}

/* Breadcrumb style
-------------------------------------------------- */
.breadcrumb {
  padding: 7px 10px;
  filter: none;
}

/* Footer links style
-------------------------------------------------- */
.footer-links {
  margin:0;
  padding:0;
}
.footer-links li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.footer-links .divider {
  padding: 0 5px;
  color: #999999;
}

/* Changes to vertical .nav
-------------------------------------------------- */
.nav-list ul.nav-list {
 margin-right:-15px; 
}

/* Horizontal navigation sub items
-------------------------------------------------- */
ul.nav-pills li.dropdown:hover ul.dropdown-menu{
    display: block;    
}
.nav-pills .dropdown-menu {
 margin-top: 0px;
}

.navbar .dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}
.navbar .dropdown-menu li:hover .sub-menu {
  visibility: visible;
}
.navbar .dropdown:hover .dropdown-menu {
  display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
  margin-top: 0;
}
.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}
.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}