/* ============================================================= */
/* Buttons
================================================================ */
.button {
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius: 6px;
	margin: 0 5px 5px 0;
	-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
	margin-bottom: 10px;
}

.button:active {
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.button.medium  {
	padding: 7px 14px;
	font-size: 14px;
}

.button.small {
	padding: 6px 12px;
	font-size: 12px;
	line-height: 16px;
}


/* Orange Button
==========================*/
.button.orange {
	border: 1px solid #ca4d0b;
	background-image:         linear-gradient(bottom, #dc5e1c 0%, #e37c45 100%);
	background-image:      -o-linear-gradient(bottom, #dc5e1c 0%, #e37c45 100%);
	background-image:     -ms-linear-gradient(bottom, #dc5e1c 0%, #e37c45 100%);
	background-image:    -moz-linear-gradient(bottom, #dc5e1c 0%, #e37c45 100%);
	background-image: -webkit-linear-gradient(bottom, #dc5e1c 0%, #e37c45 100%);
	background-color: #dc5e1c;
	color:#fff;
	text-shadow: 1px 1px 0px #bf531a;
	filter: dropshadow(color=#bf531a, offx=1, offy=1);
}

.button.orange:hover {background: #dc5e1c;}


/* Purple Button
==========================*/
.button.purple {
	border: 1px solid #9c08a5;
	background-image:         linear-gradient(bottom, #ab2bc7 0%, #bf27c8 100%);
	background-image:      -o-linear-gradient(bottom, #ab2bc7 0%, #bf27c8 100%);
	background-image:     -ms-linear-gradient(bottom, #ab2bc7 0%, #bf27c8 100%);
	background-image:    -moz-linear-gradient(bottom, #ab2bc7 0%, #bf27c8 100%);
	background-image: -webkit-linear-gradient(bottom, #ab2bc7 0%, #bf27c8 100%);
	background-color: #ab2bc7;
	color:#fff;
	text-shadow: 1px 1px 0px #9c08a5;
	filter: dropshadow(color=#9c08a5, offx=1, offy=1);
}

.button.purple:hover {background: #ab2bc7;}


/* Yellow Button
==========================*/
.button.yellow {
	border: 1px solid #f0cb53;
	background-image:         linear-gradient(bottom, #ffde71 0%, #ffef92 100%);
	background-image:      -o-linear-gradient(bottom, #ffde71 0%, #ffef92 100%);
	background-image:     -ms-linear-gradient(bottom, #ffde71 0%, #ffef92 100%);
	background-image:    -moz-linear-gradient(bottom, #ffde71 0%, #ffef92 100%);
	background-image: -webkit-linear-gradient(bottom, #ffde71 0%, #ffef92 100%);
	background-color: #ffde71;
	color:#754c00;
	text-shadow: 1px 1px 0px #f0cb53;
	filter: dropshadow(color=#f0cb53, offx=1, offy=1);
}

.button.yellow:hover {background: #ffde71;}


/* Red Button
==========================*/
.button.red {
	border: 1px solid #b23730;
	background-image:         linear-gradient(bottom, #c74039 0%, #e35752 100%);
	background-image:      -o-linear-gradient(bottom, #c74039 0%, #e35752 100%);
	background-image:     -ms-linear-gradient(bottom, #c74039 0%, #e35752 100%);
	background-image:    -moz-linear-gradient(bottom, #c74039 0%, #e35752 100%);
	background-image: -webkit-linear-gradient(bottom, #c74039 0%, #e35752 100%);
	background-color: #C74039;
	color:#fff;
	text-shadow: 1px -1px 0px #a43b37;
	filter: dropshadow(color=#a43b37, offx=1, offy=1);
}

.button.red:hover {background: #ce4640;}


/* Green Button
==========================*/
.button.green {
	border: 1px solid #819633;
	background-image:         linear-gradient(bottom, #8aa038 0%, #a0b943 100%);
	background-image:      -o-linear-gradient(bottom, #8aa038 0%, #a0b943 100%);
	background-image:     -ms-linear-gradient(bottom, #8aa038 0%, #a0b943 100%);
	background-image:    -moz-linear-gradient(bottom, #8aa038 0%, #a0b943 100%);
	background-image: -webkit-linear-gradient(bottom, #8aa038 0%, #a0b943 100%);
	background-color: #8DA046;
	color:#fff;
	text-shadow: 1px -1px 0px #77873b;
	filter: dropshadow(color=#77873b, offx=1, offy=1);
}

.button.green:hover {background: #93a749;}


/* Blue Button
==========================*/
.button.blue {
	border: 1px solid #175daa;
	background-image:         linear-gradient(bottom, #2873c6 0%, #409ada 100%);
	background-image:      -o-linear-gradient(bottom, #2873c6 0%, #409ada 100%);
	background-image:     -ms-linear-gradient(bottom, #2873c6 0%, #409ada 100%);
	background-image:    -moz-linear-gradient(bottom, #2873c6 0%, #409ada 100%);
	background-image: -webkit-linear-gradient(bottom, #2873c6 0%, #409ada 100%);
	background-color: #2873c6;
	color:#fff;
	text-shadow: 1px -1px 0px #175daa;
	filter: dropshadow(color=#175daa, offx=1, offy=1);
}

.button.blue:hover {background: #287fc8;}


/* White Button
==========================*/
.button.white {
	border: 1px solid #dddddd;
	background-image:         linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
	background-image:      -o-linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
	background-image:     -ms-linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
	background-image:    -moz-linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
	background-color: #eeeeee;
	color:#444;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

.button.white:hover {background: #fbfbfb;}


/* Black Button
==========================*/
.button.black {
	border: 1px solid #464646;
	background-image:         linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image:      -o-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image:     -ms-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image:    -moz-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%);
	background-color: #464646;
	color:#fff;
	text-shadow: 1px -1px 0px #444;
	filter: dropshadow(color=#4444444, offx=1, offy=1);
}

.button.black:hover {background: #535353;}




/* ============================================================= */
/* Popover
================================================================ */

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 2px;
}

.popover.top {
  margin-top: -5px;
}

.popover.right {
  margin-left: 5px;
}

.popover.bottom {
  margin-top: 5px;
}

.popover.left {
  margin-left: -5px;
}
.popover-inner {
	width: 280px;
	overflow: hidden;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	 border-radius: 6px;
}
.popover-title {
	padding: 11px 15px;
	line-height: 1;
	background-image:         linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image:      -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image:     -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image:    -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #F7F7F7;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}
.popover-content {
  padding: 14px;
  background-color: #ffffff;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
  color: #222;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
      -ms-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}



/* ============================================================= */
/* Breadcrumbs
================================================================ */
#breadcrumbs {
	border: 1px solid #444;
	padding: 11px 18px;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius: 6px;
	color: #888;
	margin: -1px 0 0 0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
#breadcrumbs li {
	display: inline;
	text-transform: uppercase;
}
#breadcrumbs li span {margin: 0 5px;}
#breadcrumbs li i {opacity: 0.3; margin: 0 3px 0 0;}


/* ============================================================= */
/* Accordion
================================================================ */
.accTrigger {
	border: 1px solid #444;
	cursor: pointer;
	display: block;
	margin: 10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
.accTrigger a {
	background: url(../images/icons/accordion-open.png) right no-repeat;
	border-left: #ddd;
	display: block;
	color: #888;
	outline: none;
	padding: 11px 15px;
	text-decoration: none;
	font-weight: bold;
}
.accTrigger.active a {cursor: default; background: url(../images/icons/accordion-close.png) right no-repeat;}
.accTrigger.active a:hover { background: url(../images/icons/accordion-close.png) right no-repeat;}
.accTrigger a:hover {color: #dc5f1d; background: url(../images/icons/accordion-open-hover.png) right no-repeat;}
.accTrigger.active a{color: #fff;}
.accTrigger a h3 {font-weight: bold; font-size: 14px; letter-spacing: -0.5px; line-height: 28px; color: #777;}
.accContainer .content{ padding: 2px 15px 5px 15px; 	line-height: 19px;}
.accContent p {margin-bottom: 10px;}



/* ============================================================= */
/* Table
================================================================ */
table.tableGeneric{
	width:100%;
	border-radius:6px;
	border-collapse:separate;
	border-spacing:0;
	border:none;
	margin-bottom:15px;
	background: none;
}
table.tableGeneric th{
	border: 1px solid #444;
	border-right: none;
	text-align:left;
	padding:10px 15px;
	color:#888;
	vertical-align:top;
	font-size: 14px;
	font-weight: bold;
}

table.tableGeneric th:first-child{
	border-radius: 6px 0 0 0;
}
table.tableGeneric td:last-child {
	border-right: 1px solid #444;
}
table.tableGeneric th:last-child {
	border-radius: 0 6px 0 0;
	border-right: 1px solid #444;
}
table.tableGeneric td{
	padding:10px 15px;
	border: 1px solid #444;
	border-top: none;
	border-right: none;
}	
table.tableGeneric tr:hover td{
	background-color:#dc5f1d; 
	color: #fff;
}


/* ============================================================= */
/* Alert Boxes
================================================================ */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 10px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.alert h4 {
  margin: 0;
}
.alert p {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}


/* ============================================================= */
/* Tooltip
================================================================ */
.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
  max-width: 200px;
  padding: 4px 10px;
  color: #222;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
   border-radius: 6px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}


/*================================================
Tabs (activate in tabs.js)
==================================================*/

ul.tabs {
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
	zoom: 1;
}
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: -1px; 
}
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px #555;
	border-width: 1px 1px 0 1px;
	border-radius: 6px 6px 0 0;
	margin: 0 2px;
	background: #666;
	font-size: 13px; 
	color: #fff;
	font-weight: bold;
}
ul.tabs li a:hover {
	color: #dc5f1d;
}
ul.tabs li a.active {
	background: none;
	position: relative;
	border-bottom: none;
	color: #fff;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
ul.tabs li:first-child {
	margin-left: 0 0 0 -1px;
	border-left-width: 1px; 
}
ul.tabs li:first-child a.active {
	margin-left: 0 0 0 -1px;
	border-left-width: 1px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); 
}
ul.tabs-content { 
	margin: 0; 
	display: block;
	border:1px solid #444;
	padding:1em;
	margin-bottom:2em;
	border-radius: 6px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
ul.tabs-content > li { display:none; list-style: none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}
ul.tabs:after {
	clear: both; 
}


/*================================================
Pricing Tables 
==================================================*/

.pricingInner  {
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 6px;
	position: relative;
	margin-top: 20px;
}
.pricingInner ul {
    margin: 0;
    padding: 0;
	list-style: none;
}
.pricingInner ul li {
    background-image: none;
    margin: 0;
    padding: 0;
	list-style: none;
}
.plan-head {
    color: #FFFFFF;
    height: 178px;
    text-align: center;
	position: relative;
	margin-bottom: 30px;
	border-radius: 6px;
}
.pricingInner .plan-green {
	background: #b6e07f;
}
.pricingInner .plan-orange {
	background: #e49d7f;
}
.pricingInner .plan-red {
	background: #c56375;
}
.pricingInner .plan-grey {
	background: #8d8d8d;
}
.pricingInner .arrow, .pricingInner .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: inline-block;
    height: 0;
    position: absolute;
    width: 0;
}
.pricingInner .arrow {
    border-top-color: #70A13C;
    border-width: 20px 20px 0;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
}
.pricingInner .plan-green .arrow {
    border-top-color: #b6e07f;
}
.pricingInner .plan-orange .arrow {
    border-top-color: #e49d7f;
}
.pricingInner .plan-red .arrow {
    border-top-color: #c56375;
}
.pricingInner .plan-grey .arrow {
    border-top-color: #8d8d8d;
}

.pricingInner .button {
	text-align: center;
	margin: 10px 20px;
	display: block;
}

.pricingInner .plan-name {
    font-size: 16px;
    height: 44px;
    line-height: 46px;
    text-align: center;
	border-radius: 6px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.pricingInner .plan-price {
    font-size: 80px;
    letter-spacing: -5px;
    line-height: 52px;
    margin-top: 7px !important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.pricingInner .dollar-sign {
    font-size: 18px;
    vertical-align: text-top;
}
.pricingInner .per-month {
    font-size: 13px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}
.pricingInner .plan-price span {
    letter-spacing: 0 !important;
}
.pricingInner .features {
    color: #555555;
}
.pricingInner .features li:first-child {
    border-top: medium none;
}
.pricingInner .features > li {
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #FFFFFF;
    font-size: 14px;
    line-height: 42px;
    padding-left: 20px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
.pricingInner .features > li.alt {
    background: none repeat scroll 0 0 #F6F6F6;
}
.pricingInner .features > li:last-child {
    border-bottom: medium none;
}
.pricingInner .features > li.last {
    height: 140px;
	border-radius: 0 0 6px 6px;
}