/* ==================================================
   Accordion & Toggle
================================================== */

.accordion  { margin-bottom: 20px }

.accordion-group {
  	margin-bottom: 4px;
  	border: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
}

.accordion-heading {
  	border-bottom: 0 none;
}

.accordion-heading .accordion-toggle   { color: #000; font-size: 22px; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 8px 15px; position: relative; border-bottom: thin solid #3ff; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s  }

.accordion-toggle {
  	cursor: pointer;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive   { color: #6ff; background: #f6f6f6 }

.accordion-heading .accordion-toggle.active  { color: #6ff; background: #f6f6f6 }
.accordion-heading .accordion-toggle.inactive  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -8px 0 0 0;
    color: #23262C;
    font-size: 18px;
	
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-heading:hover .accordion-toggle span {
	color: #FFFFFF;
}

.accordion-heading .accordion-toggle.active span,
.accordion-heading:hover .accordion-toggle.inactive span {
	color: #FFFFFF;	
}

.accordion-heading.accordionize .accordion-toggle.active span,
.accordion-heading.togglize .accordion-toggle.active span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle span {
	margin: -8px 0 0 0;
	font-size: 18px;
}

.accordion-heading.togglize .accordion-toggle.active span {
	opacity:0;
	filter: alpha(opacity=0);
}

.accordion-heading.togglize .accordion-toggle.active span + span {
	opacity:1;
	filter: alpha(opacity=100);
}

.accordion-inner    { color: #966; font-size: 22px; background: #fffff7; padding: 16px 20px; border: none }
/* ==================================================
   Tabs
================================================== */

.nav {
 	margin-bottom: 0px;
  	margin-left: 0;
  	list-style: none;
}

.nav > li > a  { color: #23262c; font-size: 18px; font-weight: 600; display: block; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }

.nav > li > a:hover,
.nav > li > a:focus    { color: #ffffff; text-decoration: none; background-color: #9c9; display: block }

.nav > li > img    { margin-top: 12%; margin-bottom: 12%; max-width: 160px }

.nav > .pull-right {
  	float: right;
}
.nav-tabs { *zoom: 1 }
.nav-tabs:before, .nav-tabs:after { line-height: 0; display: table; content: "" }
.nav-tabs:after { clear: both }
.nav-tabs { border-bottom: medium none }
.nav-tabs > li { margin: 0 4px 0 0; float: left }
.nav-tabs > li > a { color: #ff6; line-height: 20px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 15px }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #ffffff; cursor: default; border: none }
.tabbable { margin-bottom: 15px; *zoom: 1   }
.tabbable:before, .tabbable:after { line-height: 0; display: table; content: "" }
.tabbable:after { clear: both }
.tab-content { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; overflow: auto }
.tab-content > .tab-pane { display: none }
.tab-content > .active { display: block }
.enter   { color: #000; font-size: 16px; display: block; padding: 1% }
/* ==================================================
   Blockquotes
================================================== */

blockquote  { padding: 0 20px; border-left: 2px solid #de5e60 }

blockquote p  { font-size: 16px; line-height: 24px; margin-bottom: 0 }

blockquote small  { color: #65676c; font-size: 13px; font-weight: 400; line-height: 20px; display: block; margin-top: 10px }
blockquote small:before {
  	content: '';
}

/* ==================================================
   Tooltip
================================================== */

.tooltip  { font-size: 14px; font-weight: 400; visibility: visible; display: block; padding: 5px; position: absolute; z-index: 999; border-width: thin; border-color: #ccc; filter: alpha(opacity=0); opacity: 0 }

.tooltip.in {
  	opacity: 1;
  	filter: alpha(opacity=100);
}

.tooltip.top {
  	margin-top: -3px;
}

.tooltip.right {
  	margin-left: 3px;
}

.tooltip.bottom {
  	margin-top: 3px;
}

.tooltip.left {
  	margin-left: -3px;
}

.tooltip-inner {
  	padding: 16px;
  	max-width: 300px;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
  	background-color: #FFFFFF;
  	color: #26292E;
  	text-align: center;
  	text-decoration: none;
}

.tooltip-arrow {
  	position: absolute;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-color: transparent;
}

.tooltip.top .tooltip-arrow {
  	bottom: 0;
  	left: 50%;
  	margin-left: -15px;
  	border-width: 10px 10px 0;
  	border-top-color: #FFFFFF;
}

.tooltip.right .tooltip-arrow {
  	top: 50%;
  	left: 0;
  	margin-top: -15px;
  	border-width: 10px 10px 10px 0;
  	border-right-color: #FFFFFF;
}

.tooltip.left .tooltip-arrow {
  	top: 50%;
  	right: 0;
  	margin-top: -15px;
  	border-width: 10px 0 10px 10px;
  	border-left-color: #FFFFFF;
}

.tooltip.bottom .tooltip-arrow {
  	top: 0;
  	left: 50%;
  	margin-left: -15px;
  	border-width: 0 10px 10px;
  	border-bottom-color: #FFFFFF;
}
/* ==================================================
   Info Block
================================================== */

.info-block  { padding: 0 20px; position: relative; overflow: hidden; border-left: 2px solid #6ff }

.info-text {
    padding-right: 20%;
    position: relative;
}

.info-block h3  { font-size: 24px; line-height: 1em }

.info-block p {
	margin-bottom: 0;	
}

.info-block a.button {
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 50%;
}
/* ==================================================
   Buttons
================================================== */

.button {
  	display: inline-block;
  	margin-bottom: 0;
  	padding: 13px 26px;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  	background-color: #3C3F45;
  	color: #23262C;
  	vertical-align: middle;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight:500;
  	font-size: 16px;
  	cursor: pointer;
	border:none;
  
	-webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
  	*border: 0;
  	*zoom: 1;
}

/*--- Hover/Active/Focus State ---*/

.button:hover,
.button:active,
.button:focus {
	background-color: #DE5E60;
	color:#FFFFFF;
}

/* --- Button Sizes --- */

.button.button-large {
  	padding: 16px 30px;
  	font-size: 18px;
}

.button.button-small {
  	padding: 8px 18px;
  	font-size: 14px;
}

.button.button-mini {
  	padding: 4px 12px;
  	font-size: 12px;
}

.button.button-block {
	padding-right: 0;
	padding-left: 0;
	width: 100%;	
}

.button + .button {
	margin-left: 10px;	
}