/* Atom-X2 - Sprocket */

body {
    font: 13px/1.5 'Lucida Grande', sans-serif !important; /* 'Helvetica Neue',Helvetica,Arial, */
    color: #333;
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,0.24) 39%, rgba(255,255,255,0) 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(39%,rgba(255,255,255,0.24)), color-stop(51%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,0.24) 39%,rgba(255,255,255,0) 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,0.24) 39%,rgba(255,255,255,0) 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(255,255,255,0.24) 39%,rgba(255,255,255,0) 51%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(255,255,255,0.24) 39%,rgba(255,255,255,0) 51%); /* W3C */
}
#topnav {
    background: url('assets/bg/top/topbg.png') #f6f6f6 center top no-repeat;
    display: block;
    min-height: 70px;
}

ol, ul {
    list-style: none outside none;
}

.atom-x-nav {
    background: rgb(94,94,94); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(94,94,94,1) 2%, rgba(9,17,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(94,94,94,1)), color-stop(100%,rgba(9,17,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(94,94,94,1) 2%,rgba(9,17,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(94,94,94,1) 2%,rgba(9,17,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(94,94,94,1) 2%,rgba(9,17,27,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(94,94,94,1) 2%,rgba(9,17,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#09111b',GradientType=0 ); /* IE6-9 */
    min-height:54px;
    margin-top:10px;
    /*    box-shadow: 0px 10px 10px rgba(0,0,0,0.15); */
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid transparent;
}
.logo > a > img {
    margin-top: -22px;
    margin-bottom: -50px;
    margin-left: 20px;
}
.atom-x-subnav {
    /* background-color: #e9eaed; */
    background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(237,237,237,0) 1%, rgba(228,228,228,1) 69%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,0)), color-stop(1%,rgba(237,237,237,0)), color-stop(69%,rgba(228,228,228,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.35);
    position: relative;
    z-index: 999;
    clear: both;
}


/* Navigation Bar */
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF !important;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #1585D4 !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu .divider {
        background: rgba(255, 255, 255, 0.05);
    }
}
.navbar-atom, .navbar-default {
    border: none !important;
    background: transparent !important;
    margin-bottom: 10px !Important;
}
.navbar-atom .nav > li > a {
    text-shadow: none !important;
    color: #333;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid transparent;
    padding: 4px 10px !important;
    background: none !important;
    /*    transition: background 0.5s ease-out, color 0.5s ease-out; */
    margin-right: 10px;
}
.navbar-atom .nav > li > a:hover, .navbar-atom .nav > li > a:focus, .navbar-atom .nav > li > a:active {
    color: #FFF !important;
    background: none repeat scroll 0 0 #036ca5 !important;
}
.navbar-atom .nav > li > a > .caret {
    border-top-color: #CCC !important;
    border-bottom-color: #CCC !important;
    transition: border-color 0.5s ease-out;
}
.navbar-atom .nav > li > a:hover > .caret {
    border-top-color: #FFF !important;
    border-bottom-color: #FFF !important;
}
.navbar-toggle {
    border-color: #1D2935 !important;
}
.navbar-collapse {
    border-top: none !important;
    max-height: 520px !important;
}

/* Typography Dark BG*/
#content h1, #ad h1, #feature h1, #banner h1, #footer h1 {
    color: #FFF !important;
    font: normal normal 300 48px / 52px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

#content h1 > span, #ad h1 > span, #banner h1 > span, #footer h1 > span {
    color: #1585D4 !important;
}

#content h2, #ad h2, #banner h2, #footer h2 {
    color: #FFF !important;
    font: normal normal 300 34px / 38px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

#content h2 > span, #ad h2 > span, #banner h2 > span, #footer h2 > span {
    color: #1585D4 !important;
}

#content h3, #ad h3, #banner h3, #footer h3 {
    color: #FFF !important;
    font: normal normal normal 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

#content h3 > span, #ad h3 > span, #banner h3 > span, #footer h3 > span {
    color: #1585D4 !important;
}

#content h3 > a, #ad h3 > a, #banner h3 > a, #footer h3 > a {
    font: normal normal 300 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.5s ease-out;
}

#content h3 a:hover, #ad h3 a:hover, #banner h3 a:hover, #footer h3 a:hover {
    color: rgba(255, 255, 255, 1);
}

#content h4, #ad h4, #banner h4, #footer h4 {
    color: #FFF !important;
    font: normal normal normal 16px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

#content h4 > span, #ad h4 > span, #banner h4 > span, #footer h4 > span {
    color: #1585D4 !important;
}

/* Typography BG*/
#mainbody h1 {
    color: #444;
    font: normal normal 300 48px / 52px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}
#mainbody h1 > span {
    color: #1585D4 !important;
}
#mainbody h2 {
    color: #444;
    font: normal normal 300 34px / 38px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}
#mainbody h2 > span {
    color: #1585D4 !important;
}
#mainbody h3, #greybody h3 {
    color: #646668;
    font: normal normal normal 22px / 26px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif !important;
}
#mainbody h3 > span {
    color: #000 !important;
}
#mainbody h4 {
    color: #646668;
    font: normal normal normal 16px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}
#mainbody h4 > span {
    color: #1585D4 !important;
}
#greybody h5 {
    color: #222;
    font-weight: bold;
}
#feature a {
    color: #fff;
}
#feature .entypo {
    font-size:2em;
    margin-top: 0px;
}


/* Typography Dark BG*/
#content h1, #ad h1, #feature h1, #banner h1, #footer h1 {
    color: #FFF;
    font: normal normal 300 48px / 52px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

#content h1 > span, #ad h1 > span, #banner h1 > span, #footer h1 > span {
    color: #1585D4 !important;
}

#content h2, #ad h2, #banner h2, #footer h2 {
    color: #FFF !important;
    font: normal normal 300 34px / 38px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

#content h2 > span, #ad h2 > span, #banner h2 > span, #footer h2 > span {
    color: #1585D4 !important;
}

#content h3, #ad h3, #banner h3, #footer h3 {
    color: #FFF;
    font: normal normal normal 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

#content h3 > span, #ad h3 > span, #banner h3 > span, #footer h3 > span {
    color: #1585D4 !important;
}

#content h3 > a, #ad h3 > a, #banner h3 > a, #footer h3 > a {
    font: normal normal 300 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.5s ease-out;
}

#content h3 a:hover, #ad h3 a:hover, #banner h3 a:hover, #footer h3 a:hover {
    color: rgba(255, 255, 255, 1);
}

#content h4, #ad h4, #banner h4, #footer h4 {
    color: #FFF;
    font: normal normal normal 16px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

#content h4 > span, #ad h4 > span, #banner h4 > span, #footer h4 > span {
    color: #1585D4 !important;
}

/* Slideshow */
.transition-timer-carousel .carousel-caption {
    color: #fefefe;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left: 34%;
    padding-right: 15%;
    display: none;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
    margin-top: 10px;
    font-size: 24px;
}
@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
    .transition-timer-carousel .carousel-caption .carousel-caption-header {
        font-size: 36px;
    }
}
.transition-timer-carousel .carousel-indicators {
    bottom: 0px;
    margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
    z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 15s linear;
    -moz-transition: width 15s linear;
    -o-transition: width 15s linear;
    transition: width 15s linear;
}
/* Standard CSS shortag */
/* positioning */
.top-0 { top: 0px !important; }
.top-10 { top: 10px !important; }
.top-20 { top: 20px !important; }
.va {vertical-align: middle;}

/*spacers family*/
.m-0 {margin: 0px !important;}
.m-b-0 {margin-bottom: 0px;}
.m-t-20 {margin-top: 20px;}
.m-t-30 {margin-top: 30px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-50 {margin-bottom: 50px;}
.m-l-10 {margin-left: 10px;}
.m-l-20 {margin-left: 20px;}
.m-r-10 {margin-right: 10px;}
.m-r-20 {margin-right: 20px;}
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-t-0 { padding-top : 0px !important; }
.p-t-10 { padding-top : 10px !important; }
.p-t-20 { padding-top : 20px !important; }
.p-l-0 { padding-left : 0px !important; }
.p-l-10 { padding-left : 10px !important; }
.p-l-20 { padding-left : 20px !important; }
.p-r-0 { padding-right : 0px !important; }
.p-r-10 { padding-right : 10px !important; }
.p-r-20 { padding-right : 20px !important; }
hr.img {
    border: 0px !important;
    min-height: 15px;
    background: transparent url('assets/bg/imghdiv.png') no-repeat;
}
/* display family */
.overflow-hide { overflow: hidden !important; }
.display-none { display: none; }
.display-block { display: block; }
.display-inline { display:inline; }
.display-inline-block{ display:inline-block; }
/* text family */
.text-white { color:#fff !important;}
.text-dark { color: #333 !important; }
.text-black { color: #444 !important;}
.text-lighter { opacity: 0.8;}
.text-darker { opacity: 1; }
.text-bigger { font-size: 110% !important; }
.text-smaller { font-size: 90% !important; }
.text-bold { font-weight: bold !important; }
.text-serif { font-family: 'Times New Roman', Courier, "Courier New" }
.uppercase { text-transform: uppercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-underline { text-decoration: underline; }


/* Typography Dark BG*/
#maincontent h1, #ad h1, #feature h1, #banner h1, #footer h1, #admin h1 {
    color: #FFF;
    font: normal normal 300 48px / 52px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
#maincontent h1 > span, #ad h1 > span, #banner h1 > span, #footer h1 > span {
    color: #1585D4 !important;
}
#maincontent h2, #ad h2, #banner h2, #footer h2, #admin h2 {
    color: #333;
    font: normal normal 300 34px / 38px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}
#maincontent h2 > span, #ad h2 > span, #banner h2 > span, #footer h2 > span, #admin h2 > span {
    color: #1585D4 !important;
}
#maincontent h3, #ad h3, #banner h3, #footer h3, #admin h3 {
    color: #646668;
    font: bold 20px / 26px 'Helvetica Neue', Verdana, sans-serif;
}
#maincontent h3 > span, #ad h3 > span, #banner h3 > span, #footer h3 > span {
    color: #1585D4 !important;
}
#maincontent h3 > a, #ad h3 > a, #banner h3 > a, #footer h3 > a {
    font: normal normal 300 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.5s ease-out;
}
#maincontent h3 a:hover, #ad h3 a:hover, #banner h3 a:hover, #footer h3 a:hover {
    color: rgba(255, 255, 255, 1);
}
#maincontent h4, #ad h4, #banner h4, #footer h4, #admin h4 {
    color: #494949;
    font: normal normal normal 16px / 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
#maincontent h4 > span, #ad h4 > span, #banner h4 > span, #footer h4 > span {
    color: #1585D4 !important;
}


/* Image Effects to add a rollover */
.img-responsive {
    margin: 0 auto !important;
}
.image-wrap {
    position: relative;
    overflow: hidden;
}
a .rollover.static, div .rollover.static {
    opacity: 1 !Important;
}
.slideup > img {
    z-index:-1;
}

a .rollover i.bordered {
    border-radius: 50%;
    border: 3px solid #fff;
    padding: 10px;
    font-size:2em !important;
}

a .rollover, div .rollover {
    position: absolute;
    display: inline-block;
    width: 100%;
    z-index: 1;
    vertical-align: middle;
    height: inherit;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    left: 0;
}

.blur:hover > .rollover, a:hover > .rollover {
    opacity: 1 !important;
}
.wrap .rollover .entypo {
    opacity: 1 !important;
}
.blur {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-backface-visibility: hidden !important;
}
.blur img {
    max-width: 105%;
    margin-left: -7px;
    margin-top: -7px;
    margin-bottom: -4px;
}
.blur:hover img {
    -webkit-filter: blur(5px) brightness(50%);
}
.rollover > .centered {
    margin: 25% auto;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 100%;
}


/* Circled Image */
.circle-img-container {
    display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0px 20px 0px 0px;
}
.circle-img-container > img {
    min-width: 330px !important;
    min-height: 160px !important;
    margin-top: -60%;
    margin-left: -50%;
}
.saturate img, .saturate > img {
    -webkit-filter: saturate(0.7) brightness(60%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.saturate:hover, .saturate:hover > img {
    -webkit-filter: saturate(1) brightness(100%);
}
.pointer { cursor: pointer; }
/* Low Opacity */
.low-opacity {
    opacity: 0.2;
}

/* Circled Image */
.circle-img-container {
    display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0px 20px 0px 0px;
}
.circle-img-container > img {
    min-width: 330px !important;
    min-height: 160px !important;
    margin-top: -60%;
    margin-left: -50%;
}
.saturate img, .saturate > img {
    -webkit-filter: saturate(0.7) brightness(60%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.saturate:hover, .saturate:hover > img {
    -webkit-filter: saturate(1) brightness(100%);
}
.pointer { cursor: pointer; }
/* Low Opacity */
.low-opacity {
    opacity: 0.2;
}
/*Animation */
.slideup.static img {
    background: rgba(29,24,44,0.75);
    -webkit-filter: brightness(35%);
}
.slideup:hover img, a:hover .no_image {
    -webkit-filter: brightness(80%);

}
.cap {
    background: rgba(0, 0, 0, 0.8) !important;
    padding-bottom: 50px !important;
    width: 100%;
    margin-bottom: -250px;
    left: 0% !important;
    transition: all 0.5s ease-in-out;
}
a:hover .cap {
    margin-bottom: 0px;
    bottom: 0% !Important;
}
.no_image {
    background: #C1C1C1;
    color: #FFF;
    text-align: center;
    padding: 15px 10px;
    border-radius: 4px;
    line-height: 1em;
    min-height: 60px;
}

/* Sectional CSS */
#topcontent {
    line-height: 40px;
    background: #09111B none repeat center center;
    color: #6D7C8D;
    font-size: 12px;
    border-radius: 10px 10px 0px 0px;
}
#header {
    background: #09111B none repeat center top;
    border-bottom: 1px solid #000;
    border-top: 1px solid #1D2935;
}
#header.affix {
    max-width: 1320px !important;
    width: inherit;
    z-index: 999;
    top: 0px;
    display: inline-block;
    position: fixed;
}
#maincontent {
    /* background: #09111B none repeat center center; */
    /* missing moz gradient */
    
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e1e1e1),color-stop(60%,#f2f2f2),color-stop(91%,#fefefe),color-stop(100%,#fff));
    background: linear-gradient(to bottom, #e1e1e1 0%, #f2f2f2 60%, #fefefe 91%, #fff 100%);
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,0.15);
    color: #6D7C8D;
    padding: 30px 40px;
    width:100%;
}

#admin {
    background: none repeat scroll 0% 0% rgb(241, 241, 241);
    padding: 10px;
}

#greycontent {
    background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(237,237,237,0) 1%, rgba(228,228,228,1) 69%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,0)), color-stop(1%,rgba(237,237,237,0)), color-stop(69%,rgba(228,228,228,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(237,237,237,0) 0%,rgba(237,237,237,0) 1%,rgba(228,228,228,1) 69%,rgba(224,224,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    padding:30px 40px;
    width:100%;
}

#mainbody {
    background: #FFF none repeat center center;
    color: #4D4D4D !important;
    padding: 30px 40px;
    width: 100%;
}

#greybody {
    background: #F1F1F1 none repeat center center;
    border-top: 1px solid #CCC;
    color: #4D4D4D !important;
    padding: 30px 40px;
    box-shadow: 0px 14px 50px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0px 14px 50px rgba(0, 0, 0, 0.1) inset;
    width: 100%;
}
#ad {
    background: #121A23 none repeat center center;
    border-bottom: 1px solid #1D2935;
    color: #6D7C8D;
    padding: 30px 40px;
    width: 100%;
}
#promobuttons {
    background-color: rgb(47, 25, 61);
    background-image: url('assets/bg/io2.jpg');
    background-position: 50% -305px;
    background-attachment: fixed;
    background-size: cover;
    min-height: 0px;
    background-repeat: no-repeat repeat;
    color: #FFF !important;
    font-weight: 300;
    padding: 10px 10px;
    box-shadow: -20px 40px 130px rgba(0, 0, 0, 0.55) inset;
    border-top: 1px solid rgba(255, 255, 255, 0.0);
}
#banner {
    background-color: rgb(47, 25, 61);
    background-position: 50% -381px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat repeat;
    box-shadow: -20px 40px 130px rgba(0, 0, 0, 0.55) inset;
    background-image: url('assets/bg/io2.jpg');
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 0px;
    max-height: 300px !important;
    overflow: hidden;
    color: #FFF !important;
    font-weight: 300;
    padding: 45px 40px;
    width: 100%;
}
/* Custom Headers */
.atom-banner-section {
    position:absolute;
    display: inline-block;
    top:190px;
    z-index: 99;
    padding: 30px;
    margin-left: 1.33%;
}
.atom-banner-img {
    position: relative;
    top: 0px;
    display: inline-block;
}
/* Luminance based */
.light > .atom-banner-section {
    background: rgba(255,255,255,0.5);
    border-radius: 20px;
}
.light h1 {
    color:#4f5051 !important;
    font-size: 38px !important;
    line-height: 38px !important;
}
.light h4 {
    color:#4f5051 !important;
    font-size: 18px !important;
    line-height: 20px !important;
}
.dark h1 {
    color:#fff !important;
    margin-bottom: 13px !important;
    font-size: 38px !important;
    line-height: 38px !important;
}
.dark h4 {
    color:#fff;
    font-size: 18px !important;
    line-height: 20px !important;
}

#feature {
    background-color: rgb(47, 25, 61);
    background-image: url('assets/bg/bg.jpg');
    background-position: 50% -71px;
    /*background-image: url('assets/bg/feature/clx2.jpg');
    background-position: 50% 89px; */
    background-attachment: fixed;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 0px;
    background-repeat: no-repeat repeat;
    color: #FFF !important;
    font-weight: 300;
    padding: 30px 40px;
}
#bottom {
    background: #121A23 none repeat center center;
    border-bottom: 1px solid #1D2935;
    color: #6D7C8D;
    padding: 30px 40px;
}
#footer {
    height: 86px;
    line-height: 46px;
    border: none;
    color: #999;
    font-size: 12px;
    background: #333 url(https://ak3.boxcdn.net/cdn/farfuture/VLNMpF4jI2laDXkWfvKpjSW0WpBo6HJnrAlECe…f4fb03883b81675de0b20700f0d32/sites/all/themes/at-box/img/bg_footer_v1.jpg) 0 0 no-repeat;
    background: -moz-linear-gradient(top,#272727 0%,#555555 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#272727),color-stop(100%,#555555));
    background: -webkit-linear-gradient(bottom,#272727 0%,#555555 100%);
    background: -o-linear-gradient(top,#272727 0%,#555555 100%);
    background: -ms-linear-gradient(top,#272727 0%,#555555 100%);
    background: linear-gradient(to top,#272727 0%,#555555 100%);
    padding: 10px 40px;
    border-radius: 0px 0px 10px 10px;
}
#footer > div {
    line-height: 20px;
}

/* opentable - using panel */
.panel-atom {
    background-image: linear-gradient(to bottom,#f7f5f5,#fbf9f9);
    background-image: -webkit-gradient(linear,center top,center bottom,from(#f7f5f5),to(#fbf9f9));
    background-image: -webkit-linear-gradient(top,#f7f5f5,#fbf9f9);
    background-image: -moz-linear-gradient(top,#f7f5f5,#fbf9f9);
    background-image: -o-linear-gradient(top,#f7f5f5,#fbf9f9);
    background-image: -ms-linear-gradient(top,#f7f5f5,#fbf9f9);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

.panel-atom > .panel-heading {
    font-size:15px;
}

.comment-user > a {
    font-size:14px !important;
    font-weight:bold !important;
    color: #333 !important;
}

/* Fancy Buttons */
.FancyButton .btn-border {
    text-align:left;
    padding: 4px 0 4px 10px;
    border-left: 1px solid rgba(0,0,0,0.4);
}
.FancyButton a {
    display: block;
    text-decoration: none;
}
.FancyButton, a span {   display: inline-block; }

.FancyButton span.big {
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    color: #fefefe;
}

.FancyButton div.tiny {
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #fefefe;
}

.FancyButton,.FancyButton:visited {
    background:#222 url('images/overlay.png') repeat-x;
    display:inline-block;
    padding:5px 10px 6px;
    color:#fff;
    text-decoration:none;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
    border-bottom:1px solid rgba(0,0,0,0.25);
    position:relative;
    cursor:pointer;
}
.FancyButton:hover {
    background-color:#111;
    color:#fff;
    text-decoration:none;
}
.FancyButton:active { top:1px;}
.small.FancyButton,.small.FancyButton:visited { font-size:11px; }
.FancyButton,.FancyButton:visited,.medium.FancyButton,.medium.FancyButton:visited {
    font-size:13px;
    font-weight:bold;
    line-height:1;
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}
.large.FancyButton,.large.FancyButton:visited {	font-size:14px; padding:8px 14px 9px; }
.green.FancyButton,.green.FancyButton:visited {	background-color:#91bd09;}
.green.FancyButton:hover {	background-color:#749a02;}
.blue.FancyButton,.blue.FancyButton:visited { background-color:#2daebf;}
.blue.FancyButton:hover { background-color:#007d9a; }
.red.FancyButton,.red.FancyButton:visited { background-color:#FF0000;}
.red.FancyButton:hover {
    background-color:#880000;
}
.magenta.FancyButton,.magenta.FancyButton:visited {
    background-color:#a9014b;
}
.magenta.FancyButton:hover {
    background-color:#630030;
}
.orange.FancyButton,.orange.FancyButton:visited {
    background-color:#ff5c00;
}
.orange.FancyButton:hover {
    background-color:#d45500;
}
.yellow.FancyButton,.yellow.FancyButton:visited {
    background-color:#ffb515;
}
.yellow.FancyButton:hover {
    background-color:#fc9200;
}

.modal.ins {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    overflow-y: hidden;
}

/* Navbar Tweaks */
#user-info > ul.login-menu {
    width: 200px;
    top:55px;
    left:37px;
}
#user-info > ul.login-menu > li > form[name='loginform'] {
    padding: 5px 20px 0px;
    text-align: left;
    font-size: 12px;
}
#user-info > ul.login-menu > li > form[name='loginform'] > input[type='text'],
#user-info > ul.login-menu > li > form[name='loginform'] > input[type='password'] {
    width: 98%;
}
.user_info_avatar {
    float:left;
    background: none !important;
}
/* Header Breadcrumbs */
.breadcrumb {
    background: none !important;
    padding: 5px 5px 1px 25px !important;
    width: 50%;
    text-align: left;
    margin: 32px 0px auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.breadcrumb > li:first-child, .breadcrumb > li:first-child > a {
    margin-right: 5px;
}
.breadcrumb > li, .breadcrumb > li > a {
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
    text-shadow: none !important;
    margin: 0px 0px 5px;
    transition: color 0.5s ease-out;
}
.breadcrumb > li > a:hover {
    text-shadow: 0px 0px 10px #FFF;
}
.breadcrumb > li > .entypo {
    opacity: 0.6 !important;
}

/* Admin Message */
.invisible { display: none;}

.forum-message {
    position: absolute;
    z-index: 1;
    margin: 30px 20%;
    width: 50%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.admin-message {
    width: 80%;
    max-width: 1320px;
    margin: 0px auto;
    margin-bottom: 50px;
    background: rgba(255, 255, 255, 0.2);
    padding: 7px 30px;
    color: #000;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.admin-message > a {
    color: #FFF;
    font-weight: 600;
    color: #1585D4;
    transition: color 0.5s ease-out;
}

.admin-message > a:hover {
    color: #000 !important;
}

a:focus {
    outline: none !important;
}

/* progress bar components */
.progress-bar-text {
    font: normal normal normal 12px / 22px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

#maincontent .x-progress {
    background-color: rgba(255, 255, 255, 0.04) !important;
    -webkit-box-shadow: inset 0px 0px 0px 1px #1D2935 !important;
    -moz-box-shadow: inset 0px 0px 0px 1px #1D2935 !important;
    box-shadow: inset 0px 0px 0px 1px #1D2935 !important;
    margin-bottom: 10px !important;
    height: 13px !important;
    border-radius: 10px 10px !important;
}

.bar {
    height: 11px !important;
    margin-top: 1px !important;
    border-radius: 10px 10px;
}


/* Accordion Component Styling */
.accordion-group {
    border: none !important;
}
.accordion-heading .accordion-toggle {
    padding: 7px 0px !important;
    color: #FFF !important;
    text-shadow: none !important;
    transition: color 0.5s ease-out;
    width:100%;
}
.accordion-heading .accordion-toggle:hover, .accordion-heading .accordion-toggle:focus, .accordion-heading .accordion-toggle:active, .accordion-heading .accordion-toggle:hover > .entypo {
    color: #1585D4 !important;
}
.accordion-n {
    /* border-top: 1px solid #1d2935; */
}
.accordion-heading .accordion-toggle:hover {
    text-decoration: none !important;
}
.accordion-heading .accordion-toggle > .entypo {
    font-size: 90%;
    float: right;
    margin-top: 0px;
    color: #FFF;
    transition: color 0.5s ease-out;
}
.accordion-inner {
    border-top: none !important;
    padding: 10px 0px 5px !important;
}


/* Tabs Styling - 2 editions, 1 for dark bg, one for colorful */
/* Color Edition */
#feature .nav-wrapper {
    background-color: rgba(255, 255, 255, 0.04);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
}

#feature .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#feature .nav-tabs > li > a {
    color: #FFF !important;
    padding: 9px 12px !important;
    border-radius: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#feature .nav-tabs > .active > a {
    background: none !important;
    border: none !important;
    padding: 10px 12px 10px 13px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-shadow: 0px 0px 9px rgba(255, 255, 255, 1);
}

#feature .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {
    background: none !important;
    border: none !important;
    padding: 10px 12px 10px 13px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}


.navbar-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    background: none repeat scroll 0% 0% rgb(0, 0, 0);
    padding-top: 36px;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}

.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;
}

/* Darker Edition */

#content .nav-wrapper {
    background: none;
    border: 1px solid #1D2935;
}
#content .nav-tabs {
    border-bottom: 1px solid #1D2935 !important;
}
#content .nav-tabs > li > a {
    color: #FFF !important;
    padding: 9px 12px !important;
    border-radius: 0px;
    border-right: 1px solid #1D2935 !important;
}
#content .nav-tabs > .active > a {
    background: none !important;
    border: none !important;
    padding: 10px 12px 10px 13px !important;
    border-right: 1px solid #1D2935 !important;
    color: #1585D4 !important;
}
#content .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {
    background: none !important;
    border: none !important;
    padding: 10px 12px 10px 13px !important;
    border-right: 1px solid #1D2935 !important;
}

/* White Edition */
#mainbody .nav-wrapper {
    background: none;
}
#mainbody .nav-tabs {
    border: none;
}
#mainbody .nav-tabs > li > a {
    color: #6D7C8D !important;
    padding: 9px 12px !important;
    border-radius: 0px;
    font-size: 13px;
}
#mainbody .nav-tabs > .active > a {
    border: none !important;
    padding: 10px 13px 10px 13px !important;
    box-shadow: 4px 0px 0px rgba(0, 0, 0, 0.05);
    color: #1585D4 !important;
    border-radius: 5px 5px 0px 0px;
    background: #FFF;
}
#mainbody .nav-tabs > .active:hover > a {
    background: #FFF !important;
}
#mainbody .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {
    background: none;
    border: none !important;
    text-decoration: underline;
    padding: 10px 13px 10px 13px !important;
}
#mainbody .tab-pane {
    background: #FFF !important;
    margin-bottom: 0px !important;
}
.tab-pane {
    padding: 20px;
    text-align: left;
    margin-bottom: 30px;
}

/* buttons */

.btn-primary, input[type="submit"] {
    color: #fff;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    background-color: #1d80c2 !important;
    background-image: -webkit-linear-gradient(top,#1d80c2 0%,#1369a3 100%) !important;
    background-image: linear-gradient(to bottom,#1d80c2 0%,#1369a3 100%) !important;
    background: -ms-linear-gradient(top,#1d80c2 0%,#1369a3 100%) !important;
    border: 1px solid #0b3657 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3);
    -webkit-transition: none;
    transition: none;
    outline: none;
    padding: 5px 20px !important;
}

.btn-primary:hover, .btn-primary:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    outline: none !important;
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #5CB85C 0, #419641 100%) !important;
    background-image: linear-gradient(to bottom, #5CB85C 0, #419641 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #3E8F3E !important;
}
.btn-success:hover, .btn-success:focus {
    background-color: #419641 !important;
    background-position: 0 -15px !important;
}

.btn-warning {
    background-image: -webkit-linear-gradient(top, #F0AD4E 0, #EB9316 100%) !important;
    background-image: linear-gradient(to bottom, #F0AD4E 0, #EB9316 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #E38D13 !important;
}

.btn-warning:hover, .btn-warning:focus {
    background-color: #EB9316 !important;
    background-position: 0 -15px !important;
}

.btn-danger, .btn-remove:hover, .btn-remove:focus {
    background-image: -webkit-linear-gradient(top, #D9534F 0, #C12E2A 100%) !important;
    background-image: linear-gradient(to bottom, #D9534F 0, #C12E2A 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #B92C28 !important;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #C12E2A !important;
    background-position: 0 -15px !important;
}

.btn-remove {
    background-image: -webkit-linear-gradient(top, #FFF 0, #E0E0E0 100%) !important;
    background-image: linear-gradient(to bottom, #FFF 0, #E0E0E0 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #DBDBDB !important;
    text-shadow: 0 1px 0 #FFF;
    border-color: #CCC !important;
    color: #900 !important;
}

.btn-remove:hover, .btn-remove:focus {
    text-shadow: none !important;
    background-image: -webkit-linear-gradient(top, #D9534F 0, #C12E2A 100%) !important;
    background-image: linear-gradient(to bottom, #D9534F 0, #C12E2A 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #B92C28 !important;
    color: #FFF !important;
}

.btn, input[type="submit"] {
    font-weight: bold !important;
}

input[type="submit"] {
    color: #FFF;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

.btn-default {
    background-image: -webkit-linear-gradient(top, #FFF 0, #E0E0E0 100%) !important;
    background-image: linear-gradient(to bottom, #FFF 0, #E0E0E0 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #DBDBDB !important;
    text-shadow: 0 1px 0 #FFF !important;
    border-color: #CCC !important;
}

.btn-default:hover, .btn-default:focus {
    background-color: #E0E0E0 !important;
    background-position: 0 -15px !important;
}

/* Addresses */
address > strong, address > abbr {
    color: #FFF !important;
    line-height: 2em;
}

/* Openside API */
#content .atomside {
    border: 1px solid #1D2935;
    border-radius: 4px;
    padding: 25px 20px 20px 20px;
}

#mainbody .atomside {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 25px 20px 20px 20px;
    margin-bottom: 20px;
}

/* UL */
.atom-ul {
    list-style: none;
    padding-left: 0px;
}

.atom-ul > .no-padding {
    padding: 10px 0px;
}

#content .atom-ul > li:first-child {
    border: none !important;
}

#content .atom-ul > li {
    margin: 0px;
    padding: 15px 0 11px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#content .atom-ul > li > .entypo, .atom-ul > li > .entypo-social, .atom-ul > li > .circle-img-container {
    float: left;
    padding-top: 8px;
    margin-left: -30px;
    color: #1585D4;
    font-weight: normal;
}

#content .atom-ul > li > p {
    color: #FFF !important;
    font-size: 12px;
}

a .entypo, a .entypo-social {
    text-decoration: none !important;
}

.atom-ol {
    margin-left: 20px;
    padding: 0px;
}

.atom-ol > li > a:hover {
    text-decoration: none;
}

#mainbody .atom-ol > li a > span {
    color: #6D7C8D;
}

#mainbody .atom-ul > li:first-child {
    border: none !important;
}

#mainbody .atom-ul > li {
    margin: 0px;
    padding: 15px 0 11px 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#mainbody .atom-ul > li > .entypo, .atom-ul > li > .entypo-social, .atom-ul > li > .circle-img-container {
    float: left;
    padding-top: 8px;
    margin-left: -30px;
    color: #8693A0;
    font-weight: normal;
}

#mainbody .atom-ul > li > p {
    color: #FFF !important;
    font-size: 12px;
}

/* Fieldset & Legend styles */	

fieldset { 
border: 1px solid #d9deeb !important; 
width:99% !important;
margin: 0 auto !important;
padding:0px !important;
margin-top:5px !important;
margin-bottom: 10px !important;

/* -- CSS3 - define rounded corners -- */	
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;  
border-radius: 10px; 

/* -- CSS3 - add a drop shadow -- */

-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
box-shadow:         0px 0px 8px rgba(0,0,0,0.3);

/* -- CSS3 - create a grey gradient to the background -- */
//background: -webkit-gradient(linear, 0% 0%, 0% 85%, from(#FFF), to(#EEE)); 
//background: -moz-linear-gradient(0% 85% 90deg,#EEE, #FFF); 
//filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */ 
//-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */

}


legend {
  display: block !important;
  padding: 0 !important;
  line-height: 16px !important;
  color: #333 !important;
  border: 0px solid #d9deeb !important;
  background-color:#F7F7F7 !important;
  margin-left:20px !important;
  font-size:12px !important;
  width:95% !important;
  margin-bottom: 5px !important;
  -webkit-box-shadow:0px 0 4px #ccc; 
  -moz-box-shadow:0px 0 4px #ccc;
  box-shadow:0px 0 4px #ccc; 
  -webkit-border-bottom-right-radius: 5px; 
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* comments & bbcodes */

.bbcode {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333;
    background-color: #FFF;
    border: 0px outset #FFF;
    margin-top: 2px;
}

.bbcode:hover {
    background-color: #E3E7ED;
}

.bbcode-popup {
    font-size: 11px;
    color: #333;
    background-color: #D8DFEA;
    padding: 4px;
}
.featurette {
    height: auto;
    padding: 0;
}

.featurette-image.pull-left,
.featurette-image.pull-right {
    display: block;
    float: none;
    max-width: 40%;
    margin: 0 auto 20px;
}

/* Php-fusion Arise */

pre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.alt {
    color: #333;
}

.spacer {
    margin-bottom: 5px;
}

/* General table properties */

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:14px;
}

th { font-size:13px; }
td {
    font-size: 13px;
}
.tbl {
    padding: 5px;
    display: table-cell !important;
}

.tbl1 {
    padding: 5px;
}

.tbl2 {
    padding: 5px;
    background-color: #F8F8F8;
}

.tbl-code {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #CCC;
}

code {
    white-space: normal !important;
}

.tbl-border {
    background: #FFF;
    border-collapse: separate;
    color: #444;
    text-shadow: none;
    margin-bottom: 5px;
}

.quote {
    display: block;
    padding: 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-wrap: break-word;
	background-color: #F5F5F5;
    border-radius: 4px;
    margin: 10px 0px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
    border-left: 4px solid rgb(85, 107, 47) !important;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

/*
.code_bbcode {
    display: block;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #F5F5F5;
    margin: 10px 0px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #CCC;
    border-left: 4px solid #DDD;
    -webkit-border-radius: 4px;
    padding: 10px;
}
*/

.code_bbcode {
    display: block;
    padding: 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-wrap: break-word;
	background-color: #F5F5F5;
    border-radius: 4px;
    margin: 10px 0px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
    border-left: 4px solid rgb(21, 133, 212) !important;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.poll {
    height: 11px;
    border: 1px solid #3B5998;
}

.comment-name {
    font-weight: bold;
    color: #3B5998;
}

.shoutboxname {
    font-weight: bold;
    color: #3B5998;
}

.shoutbox {
    color: #333;
}

.shoutboxdate {
    font-size: 10px;
    color: #888;
}

.small {
    font-size: 10px;
    font-weight: normal;
}

.small2 {
    font-size: 9px;
    font-weight: normal;
}

.side-small {
    font-size: 10px;
    font-weight: normal;
    color: #333;
}

.side-label {
    color: #555;
    background-color: #D8DFEA;
    margin: 2px 0 2px 0;
    padding: 2px 2px 3px 2px;
}

label {
    margin: 0px !important;
    padding: 0px;
    line-height: 15px !important;
    display: inline !important;
    vertical-align: baseline !important;
}
label.control-label {
    display: inline-block !Important;
    margin-bottom:10px !important;
}

/* IE6 */
*:first-child + html .clearfix, *:first-child + html {
    zoom: 1;
}

/* IE7 */

.center, *[align="center"] {
    margin: 0 auto;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

* html #navigation ul li {
    height: 1%;
}

#navigation a {
    display: block;
    color: #555;
    padding: 2px;
    text-decoration: none;
    margin-left: 2px;
}

#navigation a:hover {
    color: #000;
    background-color: #ECEFF5;
}

#navigation li.first-link a {
    font-weight: normal;
}

#navigation li.current-link a {
    color: #555;
    font-weight: bold;
    background-color: #EEE;
    border: 1px solid #FFF;
    margin-left: 5px;
    padding: 1px !important;
}

.required {
    color: red !important;
}

#table-message a {
    color: #222;
}

#table-message a:hover {
    text-decoration: none;
    color: #0068BF !important;
}


/* clearfix */
.clearfix {
    display: block;
}

.clearfix:after, li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix, * html {
    zoom: 1;
}


.floatfix {
    overflow: hidden;
}

* html .floatfix {
    width: 100%;
}

.news-social {
    display: inline-block;
    width: 100%;
}

.news-social-con {
    margin-right: 25px;
    display: inline-block;
    width: 77px;
    padding: 10px 0px;
}

/* Make page nav */

.pagenav {
    display: inline-block;
    padding: 5px 0px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.pagenav span {
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
}

.pagenav a {
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    color: #0FBCF5;
    transition: color 0.5s ease-out;
}


/* Form element properties */

form {
    margin: 0px !important;
}

.button, .button:visited {

    display: inline-block;
    padding: 5px 10px 6px;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer;
    margin-left: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.btn-pm {
    text-align: left !important;
    padding: 2px 6px !important;
    color: #222 !important;
}

.btn-pm:hover, .btn-pm:active, .btn-pm:focus {
    outline: none !important;
    text-decoration: none !important;
    background: #F1F1F1 !important;

}

.button:active {
    top: 1px;
}

/* Remove Chrome's yellow outline on inputs */
input:focus {
    outline: none !important;
}

input[type=text], input[type=password], textarea {
    border: solid 1px #CCC;
    padding: 5px 5px !important;
    color: #444 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.textbox {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    margin: 2px !important;
    border: 1px solid #CCC;
    padding: 2px 4px !important;
    color: #777 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.textbox:focus {
    box-shadow: 0px 0px 4px #229BD9;
    -moz-box-shadow: 0px 0px 4px #229BD9;
    -webkit-box-shadow: 0px 0px 4px #229BD9;
    border: 1px solid #5594BE;
    color: #111;
}

select {
    width: 170px;
    height: 28px !important;
    margin: 0;
    padding: 0 0 0 0;
    font-size: 12px !important;
    vertical-align: middle !important;
}

select:focus, textarea:focus, input[type=password]:focus, input[type=text]:focus {
    border: 1px solid #147CBB;
    outline: none !important;
}


blockquote {
    font: italic 15px/130% "Times New Roman", Times, serif;
    padding: 8px 30px 15px;
}

a {
    color: #3B5998;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #3CA6EA;
}

a.side {
    color: #3B5998;
    text-decoration: none;
}

a:hover.side {
    color: #3B5998;
    text-decoration: underline;
}

a.white, li.white a {
    color: #FFF;
    text-decoration: none;
    padding: 7px 5px 8px 5px;
}

a:hover.white, li.white a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #6D86B7;
}

hr {
    border: 1px solid #6D86B7;
}

hr.side-hr {
    height: 1px;
    background-color: #6D86B7;
    border: 0px solid #6D86B7;
}


/* Form element properties */

#stext {
    padding: 3px;
}

.scapmain {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    background-color: #EEE;
    padding: 6px 4px 6px 8px;
    background: -webkit-gradient(linear, 0% 0%, 0% 85%, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(0% 85% 90deg, #EEE, #FFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); /* ie7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); /* ie8 */
}

.capmain {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    background-color: #EEE;
    padding: 6px 4px 6px 8px;
    background: -webkit-gradient(linear, 0% 0%, 0% 85%, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(0% 85% 90deg, #EEE, #FFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); /* ie7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); /* ie8 */
}