/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    background-color:#1d1d1d;
    
    font-family: 'Droid Sans';
    font-size:14px;

}

body {
    /*padding-top: 50px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    /*height: 50%;*/
    height:500px;
    min-height:200px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}




/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    /*margin: 50px 0;*/
    /*max-width:1200px;*/

    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    
    height: 180px;
    background-color: #333333; 
    margin-top: 30px;
    padding: 20px 20px 0 20px;
    
}

#footer-menu-links
{
    display: block;
    float: left;
    /*max-height: 52px;*/
    margin: 6px 0 6px 0;
}

.footer-text
{
    text-shadow: 0px 0px 3px #000000;
    color: #666666;
    font-size:12px;
}

#footer-menu-links ul {
    
}

#footer-menu-links ul,
#footer-menu-links li
{
    list-style: disc;
    color: #999999;
    padding: 0;
    margin: 0;
}

    #footer-menu-links li:first-child
    {
        list-style: none;        
    }


    #footer-menu-links ul li
    {
        float: left;
        position: relative;
        z-index: 100;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        #footer-menu-links ul li a
        {
            display: inline-block;
            color: #999999;
            text-decoration: none;
            font-size: 12px;
            font-family: 'Droid Sans';
            /*text-transform: lowercase;*/
            padding: 10px 15px 10px 0px;
            margin: 0px 10px 0px 0px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #footer-menu-links ul li:first-child a
        {
        }

        #footer-menu-links ul li a:hover
        {
            color: #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

#footer-menu-back-to-top
{
    margin: 10px;
    z-index: 999;
}

    #footer-menu-back-to-top a
    {
        width: 30px;
        height: 30px;
        display: block;
        background-color: #999999;
        background-image: url(../img/scroll-top-top.png);
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        #footer-menu-back-to-top a:hover
        {
            background-color: #aaa;
        }







/* Flexslider
=================================================================== */

/* Browser Resets
=================================================================== */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus
{
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav
{
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Necessary Styles
=================================================================== */
.flexslider
{
    margin: 0;
    padding: 0;
}

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides > li
    {
        position: relative;
        zoom: 1;
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img
    {
        width: 100%;
        display: block;
    }

.flex-pauseplay span
{
    text-transform: capitalize;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider
{
    position: relative;
    zoom: 1;
    z-index: 50;
}

/* Clearfix for the .slides element */
.slides:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides
{
    display: block;
}

* html .slides
{
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child
{
    display: block;
}


/* Default Styles
=================================================================== */
.flexslider
{
    background: #fff;
    zoom: 1;
}

.ie7 .flexslider
{
    margin-bottom: -30px;
}

.flex-viewport
{
    max-height: 2000px;
}

.loading .flex-viewport
{
    max-height: 300px;
}

.flexslider .slides
{
    zoom: 1;
}


/* Direction Nav
=================================================================== */

.flex-direction-nav a
{
    width: 35px;
    height: 35px;
    display: block;
    background-color: #555;
    top: 20px;
    right: 20px;
    float: none;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.65);
    *bottom: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.flex-direction-nav .flex-next
{
    background-image: url(../images/slider/slider-control-right.png);
    background-repeat: no-repeat;
    background-position: 52% 50%;
}

.flex-direction-nav .flex-prev
{
    margin-right: 36px;
    background-image: url(../images/slider/slider-control-left.png);
    background-repeat: no-repeat;
    background-position: 48% 50%;
}

    .flex-direction-nav .flex-prev:hover,
    .flex-direction-nav .flex-next:hover
    {
        background-color: #72b626;
        opacity: 1;
    }

.subpage .flex-direction-nav a
{
    bottom: 0px;
    right: 0px;
    *bottom: 30px;
}


/* Control Nav
=================================================================== */
.flex-control-nav
{
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

    .flex-control-nav li
    {
        margin: 0 3px 0 0;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a
{
    width: 14px;
    height: 14px;
    display: block;
    background: #c8c8c8;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover,
    .flex-control-paging li a.flex-active
    {
        background: #505050;
    }

    .flex-control-paging li a.flex-active
    {
        cursor: default;
    }


/* Caption
=================================================================== */
.slide-caption
{
    width: auto;
    max-width: 31%;
    padding: 10px 20px 15px 20px;
    margin: 0 0 0px 10px;
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
}

    .slide-caption.n
    {
        background-color: #222;
        background: rgba(0, 0, 0, 0.8);
    }

    .slide-caption h3
    {
        color: #fff;
        font-size: 18px;
        margin: 0;
        line-height: 33px;
    }

    .slide-caption p
    {
        margin: 0;
        line-height: 19px;
        color: #bbb;
    }
    
    .slide-caption.header
    {
        color: #fff;
        font-size: 18px;
        margin: 0;
        line-height: 33px;
        background-color:transparent;
        text-shadow: 4px 4px 8px #000000;
    }    




/* Responsive Styles */

@media (min-width:768px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    .slider {
    width: 750px;
    }
    .container {
    width: 750px;
    }
}

@media (min-width:992px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

    .slider {
    width: 970px;
    }
    .container {
    width: 970px;
    }

    .panel-splash{
    min-height: 370px;
    }
}

@media (min-width:1200px) {

    .slider {
    width: 1200px;
    }
    .container {
    width: 1200px;
    }

    .panel-splash{
    min-height: 320px;
    }
}



.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
}

/*.panel{
    height: 100%;
}*/

.tab-content > .tab-pane {
    padding: 25px 50px 25px 50px;
    
    background-color: #fff;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    

}

.navbar-default {
    background-color: rgba(0, 0, 0, 0.4);
    margin-top:-50px;


    /*background-color: #F8F8F8;*/
    /*border-color: #E7E7E7;*/
    border: 0px;

    /*background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, #58BBA2),
	    color-stop(1, #24726F)
    );
    background-image: -o-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: -moz-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: -webkit-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: -ms-linear-gradient(top, #58BBA2 11%, #24726F 100%);
    background-image: linear-gradient(to top, #58BBA2 11%, #24726F 100%);*/

}

/*main menu colors*/
.navbar-default .navbar-nav > li > a {
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #cccc99;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #cccc99;
    
    /*background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, #62D1B3),
	    color-stop(1, #408C88)
    );
    background-image: -o-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -moz-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -webkit-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: -ms-linear-gradient(top, #62D1B3 11%, #2c807c 100%);
    background-image: linear-gradient(to top, #62D1B3 11%, #2c807c 100%);*/
}


/* Added 1/13/2015 */

.container-main {
    background-color: #ffffff;
    max-width: 1200px;
    height:auto;
    
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;

}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-left: -10px;
    }
}


/* header Image Logo (title) */
.img-header-logo {
    margin-left: 45px;
    margin-top: 30px;
    display: inline;
}

@media (max-width:500px) {
    .img-header-logo {
        margin-left: 0px;
    }
}

.header-bg {
    height: 175px;
    background-image: url("../images/header/legislature-header-bg-flag.jpg");
    background-repeat: no-repeat;
    background-color: #5e6d8c;
}




.shadow-bottom
{
    box-shadow: 0px 1px 12px 0px #000000;
}

.navbar-toggle {
    background-color: #ddd;
}

.newsbox_text
{
    font-size: small;
}

    .newsbox_text a
    {
       font-size:small;
    }



    
/* Icon Boxes
=================================================================== */
.icons-box-container
{
    float: left;
}

.icons-boxes-container
{
    float: left;
}

.icons-box
{
    text-align: center;
    border: 1px solid #fff;
    padding: 20px 10px 10px 10px;
}

    .icons-box:hover
    {
        background: #fcfcfc;
        border: 1px solid #f6f6f6;
    }

    .icons-box h3
    {
        margin: 0 auto;
        padding-top: 10px;
        /*border-bottom: 3px double #f6f6f6;*/
        margin-bottom: 10px;
    }

    .icons-box p
    {
        float: left;
    }

    .icons-box i
    {
        float: left;
        margin: -2px 0 0px 0;
    }

        .icons-box i.circle
        {
            float: none !important;
            margin: 0 auto !important;
        }

        .icons-box i.circle-color
        {
            float: none !important;
            margin: 0 auto !important;
        }

        .icons-box i.circle-color-full
        {
            float: none !important;
            margin: 0 auto !important;
        }

        /*Added by Brannon*/
.ul_past
{
    list-style-type: none;
}
.past_pad
{
    padding: 0px 4px 1px 4px;
}
.interim_listpad
{
    padding-bottom: 8px;
}



.media-heading {
    margin-top:14px;
}


/* for sidebar */
.sidebar-adj {
    margin-left: -20px;
}

/* Custom Classes by Legislative Computer Center
=================================================================== */

.CellSpace_ShortTitle
{
    padding-left:2px;
    padding-right:2px;
    padding-top:25px;    
    text-align:center;
}

.CellSpace_bill
{
    padding-left:2px;
    padding-right:2px;
    padding-top:20px;
    padding-bottom:25px;    
    text-align:center;
}

.CellSpace_Status
{
    padding-left:2px;
    padding-right:2px;
    padding-top:20px;    
}


.CellSpace
{
    padding-left:2px;
    padding-right:2px;
    text-align:center;
    padding-top:20px;  
    padding-bottom:25px;             
}

.CellSpace_generic
{
    padding-left:2px;
    padding-right:2px;
}

.grid-height 
{
    min-height:150px;
}

.panel-generic
{
    margin-left:20px;    
}

.PDFButton
{
    margin-left:-20px;
    text-align:left;
    
}

.sidebar_coa {
	position: relative;
	font-size:small;
	font-family:Sans-Serif;
    padding:10px;	
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	width:22%;
	background-color: #FFFFFF;
	height:600px;
}
	
.CoaContent {   
	position:relative;
	font-size:small;
	font-family:Sans-Serif;	
	padding: 0;
	height:600px;
	width: 75%;
	margin-top:auto; 
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
} 

.CoaPage {
	position:relative;
	width:100%;
	padding: 1px 5px 0 25px;
	background-repeat:no-repeat;
	top: 1px;
	height:auto;
}

.CommGrid 
{
    border-top-style:outset;
    border-color:Black;
    border-top-width:.1em;
}

.panel_left
{
    float:left;
}

.panel_right
{
    float:right;
}