/*
my custom stylesheet
*/

@import url(css/bootstrap.css);
@import url(contentbox.css);
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
a:link {color:black;}      /* unvisited link */
a:visited {color:black;}  /* visited link */
a:hover {color:black;}  /* mouse over link */
a:active {color:black;}  /* selected link */

.hero-unit.black{
    background-color: #1F2949; 
	color: white;
}

div.blue{
    background-color: #1F2949; 
	color: white;
}

#bodyTopBorder {
   border:solid 19px  #054279;
}
.btn-blue {
		color: #F7EDED;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5D6EA4;
	*background-color: #5D6EA4;
	background-image: -moz-linear-gradient(top, #707ca4, #5D6EA4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#707ca4), to(#5D6EA4));
	background-image: -webkit-linear-gradient(top, #707ca4, #5D6EA4);
	background-image: -o-linear-gradient(top, #707ca4, #5D6EA4);
	background-image: linear-gradient(to bottom, #707ca4, #5D6EA4);
	background-repeat: repeat-x;
	border-color: #5D6EA4;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707ca4', endColorstr='#5D6EA4', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
	color: #FFFFFF;
	background-color: #5D6EA4;
	*background-color: #003bb3;
}

a.blue:link {color: #131D41; background: #ffffff; font-weight: bold;}
a.blue:active {color: #131D41; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #551a8b; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #06e; background: #ffffff; font-weight: bolder;}

.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

.nomargin
{
margin-left: 0px;
}
.photoBoxes
{
margin: 10px; 
}
.textureBackground
{
background-image:url('inflicted.png');
} 
.pad15{
padding-top:15px
}
.pad15right{
padding-right:15px
}
.pad15left{
padding-left:15px
}
.pad25{
padding-top:25px
}
.pad25left{
padding-left:25px
}
.pad5{
padding-top:5px
}
.pad5bottom{
padding-bottom:5px
}
.white{
background-color:white;
padding-top:20px;
padding-left:20px;
padding-right:20px;
border-left:solid  #black;
border-right:solid  #black;
}

.divide{

	border-top:solid 1px  #A9A9A9;
}
.li-divide{

	border-bottom:solid 1px #A9A9A9;
}
.fuzzyBackground {
	background-image:url(img/liftsDiamond.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
	border-left:none;
	border-right:none;
	/*border-top:solid  #A9A9A9;
	border-bottom:solid  #A9A9A9;*/
	padding: 20px 0;
	}
	.fuzzyBackgroundBanner {
	background-image:url(img/AnnexLiftsLongBanner.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height: 170px;
	border-left:none;
	border-right:none;
	/*border-top:solid  #A9A9A9;
	border-bottom:solid  #A9A9A9;*/
	padding: 20px 0;
	}
.fuzzyBackground2 {
	background-image:url(liftsDiamond.jpg);
	background-position:center;
	background-repeat:no-repeat;	
	border-left:solid  #A9A9A9;
	border-right:solid  #A9A9A9;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	}
.bluebackground{
	/*background-image:url(img/bluebackground.jpg);*/
	background-color:#0C0D83;
	background-position:center;
	border-left:none;
	border-right:none;
	color:#FFFFFF;
	/*border-top:solid  #A9A9A9;
	border-bottom:solid  #A9A9A9;*/
	padding-bottom: 20px;
}	
.row-margin {
margin-bottom: 33px;
}

.rowpadding {
padding-bottom:50px;
}
.h1right {
  text-align: right;
  vertical-align:middle;
}


#parentAlignDiv
{
  position:relative;
}
#parentAlignDiv .childAlignDiv
{
  position: absolute;
right:    0;
bottom:   0;
}

.navbar {
  .navbar-inner {
    background-color: $darkblue;
    @include background-image($blue-gradient);
  }
  div > ul a, .nav a {
   font-size: 14px;
   font-weight: bold;
   color: $white;
   &:hover {
      background-color: $darkblue;
   }
  }
  div > ul .active a, .nav .active a {
    background-color: white;
    color: $darkblue;
  }
  .dropdown-menu {
    &:before {
      border-bottom-color: #ccc;
    }
    &:after {
      border-bottom-color: $darkblue;
    }
  }
  div > ul .menu-dropdown, .nav .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .dropdown-menu {
    background-color: $darkblue;
    li {
      a {
        background: $darkblue !important;
        color: white;
        &:hover {
          background-color: $darkblue;
        }
      }
    }
  }
}

.lineShadow{
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.lineShadow2{
-moz-box-shadow: inset 12px 12px 12px 12px #FFF;
-webkit-box-shadow: inset 12px 12px 12px 12px #FFF;
box-shadow:  inset 12px 12px 12px 12px #FFF;
}


.lineShadow3{
background:white;
padding:4px;
border:1px solid white;
margin-bottom: 0;
}
.lineShadow4{
background:white;

border-left:1px solid black;
border-right:1px solid black;
margin-bottom: 0;
}
.boxPadding
{
padding-right:0px;
}

/*
.btn{
  background-color: hsl(201, 100%, 30%) ;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5ff", endColorstr="#006399");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00a5ff), to(#006399));
  background-image: -moz-linear-gradient(top, #00a5ff, #006399);
  background-image: -ms-linear-gradient(top, #00a5ff, #006399);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5ff), color-stop(100%, #006399));
  background-image: -webkit-linear-gradient(top, #00a5ff, #006399);
  background-image: -o-linear-gradient(top, #00a5ff, #006399);
  background-image: linear-gradient(#00a5ff, #006399);
  border-color: #006399 #006399 hsl(201, 100%, 25%);
  color: #fff ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
*/
.titlecaptions{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
 }
 
 
.middle-text{
  bottom: 500;
	left: 500;
    
}

.gray{
padding: 60px;
  margin-bottom: 30px;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.darkgray{
padding: 60px;
  margin-bottom: 30px;
  background-color: #d5d5d5;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



.contentShadowBox
{

width: 250px;
height: 290px;
border: 1px solid #fff;
border-radius: 10px; /*Fallback for if/when IE supports it*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

background:#f1f1f1;

box-shadow: 5px 5px 5px #999;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

	.contentShadowBox  h3{
				
background: rgb(99,96,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(99,96,193,1) 13%, rgba(65,60,193,1) 84%, rgba(33,31,98,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(13%,rgba(99,96,193,1)), color-stop(84%,rgba(65,60,193,1)), color-stop(98%,rgba(33,31,98,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(99,96,193,1) 13%,rgba(65,60,193,1) 84%,rgba(33,31,98,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(99,96,193,1) 13%,rgba(65,60,193,1) 84%,rgba(33,31,98,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(99,96,193,1) 13%,rgba(65,60,193,1) 84%,rgba(33,31,98,1) 98%); /* IE10+ */
background: linear-gradient(to right, rgba(99,96,193,1) 13%,rgba(65,60,193,1) 84%,rgba(33,31,98,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6360c1', endColorstr='#211f62',GradientType=1 ); /* IE6-9 */
    border-image: none;
    border-radius: 10px 10px 0 0;   
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 8px 18px;
    
	text-align:left;
	padding-top:10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#f7f7f7;
	

				}
				
.boxlong{
height: 420px;
}
.boxwide{
width: 370px;
height: 240px;
}

/*arrow content box*/
.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #88b7d5;
	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}


.cbm_wrap {
    display: block;
    min-height: 210px !important;    
    padding: 12px;
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,.8);
    box-shadow: 0px 0px 1px rgba(0,0,0,.8);
    position: relative;
    background-color:#fff; 
    text-align: left;
}
.cbm_wrap img {
    width: 100%;
    margin-top: 15px;
    margin-botom: 15px;
}
.cbm_wrap p{
    margin-top: 15px !important;
    text-align: justify !important;
}

.cbm_wrap a{
    text-decoration: none;
    color: #4A4A4A !important;
}
.cbm_wrap a:hover{
    text-decoration: underline;
    color: #6B6B6B !important ;
}
label.valid {
		  width: 24px;
		  height: 24px;
		  background: url(assets/img/valid.png) center center no-repeat;
		  display: inline-block;
		  text-indent: -9999px;
		}
		label.error {
			font-weight: bold;
			color: red;
			padding: 2px 8px;
			margin-top: 2px;
		}