/* ==============================================================

Template name : Voxtheme
Author : Minoreight
Version : 1.0
Created : April 24, 2013
Last update : April 24, 2013

Voxtheme color scheme :
Default : #ff8d1d
Blue : #30a2cc
Green : #96c031
Purple : #cc3072
Red : #cc3030

CSS structure :
01. Color
02. Border color
03. Background color
04. Background image
05. Custom responsive color

================================================================= */

/* === Color === */

a, a:hover, .navbar .nav > li > a:hover, footer ul.link-list li a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus ,
.navbar .nav > .dropdown.active a,
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open > .dropdown-menu a:hover,
.navbar-inverse .nav li.dropdown.active > .dropdown-menu a:hover,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-menu a:hover,
.detail-person h6, .work-caption h5 a, #dropdown-contact label,
ul.meta-post li a:hover, ul.tag-widget li a.tag:hover,
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
span.prev a:hover, span.next a:hover,
ul.cat li a:hover, .media h4.media-heading a:hover,
.accordion-heading .accordion-toggle:hover, .tp-caption.color_text{
    color:#56a3d1;
}

/* === Border color === */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
a.thumbnail:hover,
ul.tag-widget li a.tag:hover{
    border-color:#30a2cc;
}

.team-emal{
    background-color:#30a2cc;
    border:4px solid #2388ad;
}

/* === Background color === */

#page-headline, a.zoom, a.link, ul.portfolio-categ li.active, ul.portfolio-categ li.active:hover, ul.portfolio-categ li:hover,
a.contact-close:hover, #bottom-color, .flex-control-nav li a:hover, .flex-control-nav li a.active{
    background-color:#5489bb;
}

/* === Background image === */

.color-bg{
    background-image: url(http://careerguide.shalenet.org/Content/css/img/blue/color-bg.png);
}

a.text-link{
    background: url(http://careerguide.shalenet.org/Content/css/img/blue/text-link.png) no-repeat 100% 6px;
}

.accordion-heading .accordion-toggle {
    background: url(http://careerguide.shalenet.org/Content/css/img/blue/text-link.png) no-repeat 0 10px;
}

.dropdown-menu li  a{
    /*	background: url(http://careerguide.shalenet.org/Content/css/img/blue/arrow.png) no-repeat 15px 15px;*/
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    /*	background-image: url(http://careerguide.shalenet.org/Content/css/img/blue/arrow.png); */
    background-color: #454648;
    background-repeat: no-repeat;
    background-position: 15px 15px;
}

span.date, span.author, span.tags, span.comments{
    background-image: url(http://careerguide.shalenet.org/Content/css/img/blue/meta-post.png);
}
ul.tag-widget li a.tag{
    background:url(http://careerguide.shalenet.org/Content/css/img/blue/tag-bg.png);
}

ul.tag-widget li a.tag span{
    background-image:url(http://careerguide.shalenet.org/Content/css/img/blue/tag.png);
}

ul.cat li:hover{
    background:url(http://careerguide.shalenet.org/Content/css/img/blue/cat.png) no-repeat 0 10px;
}

.volk-icons-color{
    background-image: url(http://careerguide.shalenet.org/Content/css/img/blue/icons-color.png);
}

/* === Custom responsive color === */

@media (min-width: 768px) and (max-width: 979px) {
    .color-bg{
        background-color:#30a2cc;
    }
}

@media (max-width: 767px) {
    .color-bg,
    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover{
        background-color:#30a2cc;
    }
}

/* === Volk button=== */

.vbtn{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 12px;
    line-height: 20px;
    color: #a2a2a2;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    font-family: 'open_sansregular';
    font-weight:bold;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.vbtn1{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 12px;
    line-height: 20px;
    color: #a2a2a2;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    font-family: 'open_sansregular';
    font-weight:bold;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #f5f5f5, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #e6e6e6);
    background-image: -o-linear-gradient(top, #f5f5f5, #e6e6e6);
    background-image: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
    background-repeat: repeat-x;
    border:1px solid #e6e6e6;
    border-top:1px solid #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.vbtn2, .k-button{
    display: inline-block;
    *display: inline;
    padding: 6px 25px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    font-family: 'open_sansregular';
    text-transform:uppercase;
    vertical-align: middle;
    cursor: pointer;
    background: #e6e6e6;
    border:1px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.vbtn2:hover,
.vbtn2:active,
.vbtn2.active,
.vbtn2.disabled,
.vbtn2[disabled],
.vbtn2:active,
.vbtn2.active,
.k-button:hover,
.k-button:active,
.k-button.active,
.k-button.disabled,
.k-button[disabled],
.k-button:active,
.k-button.active{
    background:#d9d9d9;
    text-decoration:none;
    color: #333333;
    text-decoration:none;
}

.vbtn:hover,
.vbtn:active,
.vbtn.active,
.vbtn.disabled,
.vbtn[disabled],
.vbtn1:hover,
.vbtn1:active,
.vbtn1.active,
.vbtn1.disabled,
.vbtn1[disabled] {
    text-shadow: 0 1px 1px #fff;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    text-decoration:none;
}

.vbtn:active,
.vbtn.active,
.vbtn1:active,
.vbtn1.active  {
    background-color: #cccccc \9;
}

.vbtn:first-child,
.vbtn1:first-child {
    *margin-left: 0;
}

.vbtn:hover,
.vbtn1:hover {
    color: #a2a2a2;
    text-shadow: 0 1px 1px #fff;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    text-decoration:none;
}

.vbtn:focus,
.vbtn1:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.vbtn.active,
.vbtn:active,
.vbtn1.active,
.vbtn1:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.vbtn.disabled,
.vbtn[disabled],
.vbtn1.disabled,
.vbtn1[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.vbtn-large,
.vbtn1-large{
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vbtn2-large {
    padding: 13px 40px;
    font-size: 17.5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vbtn-large [class^="icon-"],
.vbtn-large [class*=" icon-"],
.vbtn1-large [class^="icon-"],
.vbtn1-large [class*=" icon-"] {
    margin-top: 4px;
}

.vbtn2-large [class^="icon-"],
.vbtn2-large [class*=" icon-"]{
    margin-top: 6px;
}

.vbtn-medium,
.vbtn1-medium{
    padding: 7px 14px;
    font-size: 13.5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vbtn2-medium {
    padding: 10px 35px;
    font-size: 13.5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vbtn-medium [class^="icon-"],
.vbtn-medium [class*=" icon-"],
.vbtn1-medium [class^="icon-"],
.vbtn1-medium [class*=" icon-"],
.vbtn2-medium [class^="icon-"],
.vbtn2-medium [class*=" icon-"] {
    margin-top: 3px;
}

.vbtn-small,
.vbtn1-small{
    padding: 2px 10px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.vbtn2-small {
    padding: 4px 20px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.vbtn-small [class^="icon-"],
.vbtn-small [class*=" icon-"],
.vbtn1-small [class^="icon-"],
.vbtn1-small [class*=" icon-"],
.vbtn2-small [class^="icon-"],
.vbtn2-small [class*=" icon-"] {
    margin-top: 0;
}

.vbtn-secondly{
    color: #4c94ae;
    text-shadow: 0 1px 1px #d0eef6;
    background-color: #a1dff1;
    *background-color: #89cde5;
    background-image: -moz-linear-gradient(top, #bee1eb, #89cde5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bee1eb), to(#89cde5));
    background-image: -webkit-linear-gradient(top, #bee1eb, #89cde5);
    background-image: -o-linear-gradient(top, #bee1eb, #89cde5);
    background-image: linear-gradient(to bottom, #bee1eb, #89cde5);
    background-repeat: repeat-x;
    border-color: #89cde5 #89cde5 #72bed9;
    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='#ffbee1eb', endColorstr='#ff89cde5', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.vbtn-secondly:hover,
.vbtn-secondly:active,
.vbtn-secondly.active,
.vbtn-secondly.disabled,
.vbtn-secondly[disabled] {
    color: #4c94ae;
    text-shadow: 0 1px 1px #d0eef6;
    background-color: #89cde5;
    *background-color: #5bacc8;
    text-decoration:none;
}

.vbtn-secondly:active,
.vbtn-secondly.active {
    background-color: #4392ae \9;
}

.vbtn1-secondly{
    color: #4c94ae;
    text-shadow: 0 1px 1px #d0eef6;
    background-color: #bee1eb;
    *background-color: #89cde5;
    background-image: -moz-linear-gradient(top, #bee1eb, #89cde5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bee1eb), to(#89cde5));
    background-image: -webkit-linear-gradient(top, #bee1eb, #89cde5);
    background-image: -o-linear-gradient(top, #bee1eb, #89cde5);
    background-image: linear-gradient(to bottom, #bee1eb, #89cde5);
    background-repeat: repeat-x;
    border:none;
    border-bottom:1px solid #89cde5;
    border-top:1px solid #bee1eb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbee1eb', endColorstr='#ff89cde5', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.vbtn1-secondly:hover,
.vbtn1-secondly:active,
.vbtn1-secondly.active,
.vbtn1-secondly.disabled,
.vbtn1-secondly[disabled] {
    color: #4c94ae;
    text-shadow: 0 1px 1px #d0eef6;
    background-color: #89cde5;
    *background-color: #5bacc8;
    text-decoration:none;
}

.vbtn1-secondly:active,
.vbtn1-secondly.active {
    background-color: #cf9626 \9;
}

.vbtn2-secondly{
    color: #fff;
    background:#89cde5;
    border:1px solid #89cde5;
}

.vbtn2-secondly:hover,
.vbtn2-secondly:active,
.vbtn2-secondly.active,
.vbtn2-secondly.disabled,
.vbtn12-secondly[disabled] {
    color:#fff;
    background:#6db2ca;
    border:1px solid #6db2ca;
    text-decoration:none;
}

.vbtn-color{
    color: #15556d;
    text-shadow: 0 1px 1px #95d2ee;
    background-color: #5eb6de;
    *background-color: #30a2cc;
    background-image: -moz-linear-gradient(top, #7cbcda, #30a2cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7cbcda), to(#30a2cc));
    background-image: -webkit-linear-gradient(top, #7cbcda, #30a2cc);
    background-image: -o-linear-gradient(top, #7cbcda, #30a2cc);
    background-image: linear-gradient(to bottom, #7cbcda, #30a2cc);
    background-repeat: repeat-x;
    border-color: #30a2cc #30a2cc #0e99cc;
    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='#ff7cbcda', endColorstr='#ff30a2cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.vbtn-color:hover,
.vbtn-color:active,
.vbtn-color.active,
.vbtn-color.disabled,
.vbtn-color[disabled] {
    color: #15556d;
    text-shadow: 0 1px 1px #95d2ee;
    background-color: #30a2cc;
    *background-color: #2590b7;
    text-decoration:none;
}

.vbtn-color:active,
.vbtn-color.active {
    background-color: #1d81a6 \9;
}

.vbtn1-color{
    color: #15556d;
    text-shadow: 0 1px 1px #95d2ee;
    background-color: #7cbcda;
    *background-color: #30a2cc;
    background-image: -moz-linear-gradient(top, #7cbcda, #30a2cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7cbcda), to(#30a2cc));
    background-image: -webkit-linear-gradient(top, #7cbcda, #30a2cc);
    background-image: -o-linear-gradient(top, #7cbcda, #30a2cc);
    background-image: linear-gradient(to bottom, #7cbcda, #30a2cc);
    background-repeat: repeat-x;
    border:none;
    border-bottom:1px solid #30a2cc;
    border-top:1px solid #7cbcda;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7cbcda', endColorstr='#ff30a2cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.vbtn1-color:hover,
.vbtn1-color:active,
.vbtn1-color.active,
.vbtn1-color.disabled,
.vbtn1-color[disabled] {
    color: #15556d;
    text-shadow: 0 1px 1px #95d2ee;
    background-color: #30a2cc;
    *background-color: #2590b7;
    text-decoration:none;
}

.vbtn1-color:active,
.vbtn1-color.active {
    background-color: #1d81a6 \9;
}

.vbtn2-color{
    color: #fff;
    background:#5489bb;
    border:1px solid #5489bb;
}

.vbtn2-color:hover,
.vbtn2-color:active,
.vbtn2-color.active,
.vbtn2-color.disabled,
.vbtn12-color[disabled] {
    color: #fff;
    background:#56a3d1;
    border:1px solid #56a3d1;
    text-decoration:none;
}

.vbtn-linkedin{
    color: #fff;
    text-shadow: none;
    background-color: #8ec8e5;
    *background-color: #278ab9;
    background-image: -moz-linear-gradient(top, #41a3d3, #278ab9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#41a3d3), to(#278ab9));
    background-image: -webkit-linear-gradient(top, #41a3d3, #278ab9);
    background-image: -o-linear-gradient(top, #41a3d3, #278ab9);
    background-image: linear-gradient(to bottom, #41a3d3, #278ab9);
    background-repeat: repeat-x;
    border-color: #278ab9 #278ab9 #09587e;
    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='#ff41a3d3', endColorstr='#ff278ab9', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.vbtn-linkedin:hover,
.vbtn-linkedin:active,
.vbtn-linkedin.active,
.vbtn-linkedin.disabled,
.vbtn-linkedin[disabled] {
    color: #fff;
    text-shadow: none;
    background-color: #278ab9;
    *background-color: #1874a0;
    text-decoration:none;
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus ,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle{
        background-color:#30a2cc;
        color:#fff;
    }
    .navbar-inverse .nav-collapse .dropdown-menu a:hover{
        color:#30a2cc;
    }
}

@media (max-width: 767px) {
    .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus ,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle{
        background-color:#30a2cc;
        color:#fff;
    }
    .navbar-inverse .nav-collapse .dropdown-menu a:hover{
        color:#30a2cc;
    }
}