/* ------------------------------------------------------------------------------ */
/*

		project:				MyClinicalTrial.com
		file: 					styles.css
		creator:				Clara
		creation date:			01-21-2018
		copyright:				(c)Copyright 2018 __ MyClinicalTrial.com

	*/
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/*

		File Layout

		1. General
		2. Text
		3. Navigation
		4. Side navigation
		5. list

	*/
/* ------------------------------------------------------------------------------ */

/* =1. General
   --------------------------------------------------------------------*/
html, body {
    padding: 0;
    background-color: #fff;
    font-family: Lato, Helvetica, Arial, sans-serif;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

header, nav, .wrapper, footer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#wrapper {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    clear: both;
    background: #fff;
    border-right: 5px solid #f1f1f1;
    border-left: 5px solid #f1f1f1;
    border-bottom: 5px solid #f1f1f1;
}

#header {
    width: 100%;
    max-width: 1680px;
    height: 132px;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    clear: both;
    border-top: 4px solid #0f78bc;
}

#top-nav {
    width: 240px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    float: right;
    background: url(../imgs/top-nav.png) no-repeat;
}

    #top-nav p {
        font-size: 10px;
        color: #fff !important;
        padding: 0px;
        margin-top: -5px;
        text-align: center;
    }

    #top-nav a:link, #top-nav a:active, #top-nav a:visited {
        font-size: 10px;
        height: 25px;
        color: #fff;
        padding: 0px;
        text-align: center;
    }

.navigation {
    width: 100%;
    /*height: 39px;*/
    margin-top: 0px;
    _margin: -10px auto;
    padding: 0px;
    clear: both;
    background-image: -webkit-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: -moz-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: -o-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: linear-gradient(176deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    float: left;
}

.search-button {
    width: 190px !important;
    height: 38px !important;
    margin: 0px 0px 0px 0px !important;
    _margin: -10px 0px -11px 0px !important;
    float: right !important;
    border-bottom: 1px solid #EA632E !important;
    _padding: 10px 0px 0px 0px !important;
    background-image: -webkit-linear-gradient(270deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%) !important;
    background-image: -moz-linear-gradient(270deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%) !important;
    background-image: -o-linear-gradient(270deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%) !important;
    background-image: linear-gradient(180deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%) !important;
}

    .search-button a {
        display: block !important;
        padding: 4px 0 0 14px !important;
        font-weight: 300 !important;
        font-size: 1.2rem !important;
        color: #FFFFFF !important;
        background-repeat: no-repeat !important;
        background-image: url(../imgs/search.png) !important;
        background-position: 98% 50% !important;
        background-size: 30px 28px !important;
    }

        .search-button a:hover {
            /*display: block;
    background-repeat: no-repeat;
    background-image: url(../imgs/search.png);
    background-position: 98% 50%;*/
            -webkit-box-shadow: 0px 0px #EA632E !important;
            box-shadow: 0px 0px #EA632E !important;
            background-color: #F78E1E;
            font-weight: 500;
        }

#body-wrap {
    width: 100%;
    max-width: 1680px;
    height: auto;
    padding: 0px;
    clear: both;
    background: #fff url(../imgs/body-left-bg.jpg) repeat-y scroll 0 0;
    margin: 0px;
    border-bottom: 4px solid #EA632E;
}

/* ----------------------------------New home page style-------------------------------------------- */

#body-top {
    width: 100%;
    max-width: 1680px;
    height: 220px;
    margin: 0px;
    border-bottom: 4px solid #EA632E;
    padding: 0px;
    clear: both;
    background: url(../imgs/head3.png) no-repeat;
}

.featured {
    width: 310px;
    height: 219px;
    margin: 0px;
    padding: 0px;
    float: left;
}

    .featured p {
        font-size: 12px;
        margin: 0px;
        color: #000
    }

    .featured h2 {
        color: #ef6826;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    .featured h3 {
        color: #000;
        padding: 10px 2px 5px 0px;
        margin: 0px;
        font-size: 15px;
        font-weight: bold
    }

    .featured ul li h3 a {
        color: #000;
        font-weight: bold
    }

    .featured ul {
        color: #000;
        list-style: none;
        padding: 0px;
        margin: 0px 0px 0px 10px;
        line-height: normal !important;
        text-decoration: none;
    }

    .featured li {
        display: inline-block;
        color: #000 !important;
        padding-bottom: 10px;
        font-size: 12px;
        margin: 0px !important;
        border-top: 1px dotted #777
    }
        /*.featured li:first-child {display:inline-block; color:#777 !important; padding-bottom:10px; font-size: 12px; margin: 0px !important; border-top: 0px dotted #fff}*/
        .featured li a {
            display: inline-block;
            color: #ef6826;
            text-decoration: none;
            font-size: 12px;
            margin: 0px !important;
        }

            .featured li a:hover {
                color: #000 !important;
                margin: 0px;
                line-height: normal !important
            }

.banner {
    width: 630px;
    height: 218px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.logo {
    width: 70%;
    margin: 4% 0 2% 2%;
}

.featuredLeft {
    width: 250px;
    height: 219px;
    margin: 0px;
    padding: 0px;
    float: left;
}

    .featuredLeft p {
        font-size: 12px;
        margin: 0px;
        color: #000
    }

    .featuredLeft h2 {
        color: #ef6826;
        padding: 5px 0px 5px 10px;
        margin: 0px;
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    .featuredLeft h3 {
        color: #000;
        padding: 10px 2px 5px 0px;
        margin: 0px;
        font-size: 15px;
        font-weight: bold
    }

    .featuredLeft ul li h3 a {
        color: #000;
        font-weight: bold
    }

    .featuredLeft ul {
        color: #000;
        list-style: none;
        padding: 0px;
        margin: 0px 0px 0px 10px;
        line-height: normal !important;
        text-decoration: none;
    }

    .featuredLeft li {
        display: inline-block;
        color: #000 !important;
        padding-bottom: 10px;
        font-size: 12px;
        margin: 0px !important;
        border-top: 1px dotted #777
    }
        /*.featured li:first-child {display:inline-block; color:#777 !important; padding-bottom:10px; font-size: 12px; margin: 0px !important; border-top: 0px dotted #fff}*/
        .featuredLeft li a {
            display: inline-block;
            color: #ef6826;
            text-decoration: none;
            font-size: 12px;
            margin: 0px !important;
        }

            .featuredLeft li a:hover {
                color: #000 !important;
                margin: 0px;
                line-height: normal !important
            }
/* -------------------------------------------------------------------------------------------------- */

/*.home-wrap{ width: 100%; max-width: 1680px; background-color: #fff; padding: 10px;}
	.home-wrap h1 { color:#0f78bc; font-size: 22px !important;}
	.home-wrap p.bottom {padding:0px 20px 0px 20px}
	.home-wrap .home-content{width: auto;  height:auto; background: #fff url(../imgs/home-content.gif) no-repeat; padding: 8px 15px 15px 25px; _padding: 5px 15px 15px 25px}
	.home-wrap h2{color: #fff; margin: 10px 25px 5px 20px; font-size: 24px; font-weight: bold; float: right; }
	.home-wrap h2 a{ color: #fff; text-decoration: none;}
	.home-wrap h2 a:hover, h2 a:visited{ color: #fff;}
	.home-wrap img {width: 94px; height:158;float: left; margin: 10px 5px 0px 10px;_margin: 15px 5px 0px 10px; }
	.home-wrap div.content { width: 187px; height: 155px; margin: 8px 0px 0px 5px; float: left; font-size:12px}
	.home-wrap div.content h3 {color:#0f78bc; padding: 0px; margin: 2px 3px 0px 3px; font-size: 19px}
	.home-wrap div.content ul {  color:#777; list-style: none; padding: 0px; margin:5px 0px 0px 4px; line-height: normal !important}
	.home-wrap div.content li a{display:inline-block; color:#777; text-decoration:none; font-size: 12px; padding: 0px 0px 0px 14px; margin: 4px 0px 0px 0px !important; background: url(../imgs/list-bg.gif) no-repeat left center; line-height: normal !important}
	.home-wrap div.content li a:hover { color: #ef6826; padding: 0px 0px 0px 14px; margin: 0px; line-height: normal !important; text-decoration: none;}*/

/* -------------------------------------Volunteers - Investigators - Sponsors background-------------------------------------------- */
.home-wrap div.volunteers {
    width: 305px;
    height: 210px;
    background: url(../imgs/tabs/volunteer-bg.gif) no-repeat;
    float: left
}

.home-wrap div.investigators {
    width: 305px;
    height: 210px;
    background: url(../imgs/tabs/investigator-bg.gif) no-repeat;
    float: left
}

.home-wrap div.sponsors {
    width: 305px;
    height: 210px;
    background: url(../imgs/tabs/sponsor-bg.gif) no-repeat;
    float: left;
}

div.banner-random-texts {
    width: 250px;
    height: 50px;
    margin: 100px 0px 0px 370px;
    font-size: 18px;
    color: #333;
    font-family: Helvetica, Arial, serif !important;
    font-style: italic;
    font-weight: bold !important
}

    div.banner-random-texts p {
        color: #333;
        font-family: Helvetica, Arial, serif !important;
    }

/* ----------------------------------End home page style-------------------------------------------- */

#body-left-wrap {
    width: 262px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
}

#body-left {
    width: 262px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url(../imgs/body-left-bg.jpg) repeat-y
}

.body-left-top {
    width: 262px;
    height: 200px;
    margin-top: 0px;
    padding-top: 25px;
    background: url(../imgs/vis_bg.jpg) no-repeat;
}

.body-left-bottom {
    width: 262px;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

    .body-left-bottom p {
        padding: 0px 8px 10px 10px;
        font-size: 14px;
    }

    .body-left-bottom h1 {
        color: #fff;
        font-size: 25px;
        margin: 0px;
        clear: both;
        background-color: #0f78bc;
        padding: 5px;
        border-bottom: 3px solid #EA632E;
    }

    .body-left-bottom a.contact {
        text-decoration: none;
        color: #fff !important
    }

        .body-left-bottom a.contact a:hover {
            text-decoration: underline;
            color: #fff !important
        }

#body-right {
    width: 650px;
    color: #777777;
    height: auto;
    margin: 15px 0px 20px 18px;
    _margin: 15px 0px 20px 0px;
    padding: 0px;
    float: left;
    background-color: #fff;
}

    /* ------------------------------------------------------------------------------ */
    #body-right p.new {
        font-size: 14px !important;
        color: #777777;
    }
/*#body-right img { margin: 0px 0px 10px 0px}*/

.link-box {
    width: auto;
    height: auto;
    float: left;
    margin: 0px 15px 0px -8px;
    padding: 10px;
    font-size: 14px;
    color: #777
}

.link-center {
    width: 100%;
    clear: both;
    margin: 0 auto;
}

.link-box h2 {
    color: #f56624;
    padding-bottom: 6px;
    _padding-bottom: 0px;
    margin: 0px;
    font-size: 18px !important;
}

.link-box a {
    color: #f56624;
}

.link-box img {
    margin: 0px;
    padding: 0px
}

.link-box div.box-top {
    width: 283px;
    min-height: 100px;
    background-image: url("../Welcome to MyClinicalTrial.com_files/images/link-box/box-top.gif");
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 15px;
    font-size: 80%;
}

    .link-box div.box-top div.box-middle {
        width: 283px;
        background-image: url("../Welcome to MyClinicalTrial.com_files/images/link-box/box-middle.gif");
        background-position: center;
        background-repeat: repeat-y;
    }

    .link-box div.box-top div.box-inside {
        padding-left: 20px;
        width: 260px;
        font-size: 13px;
    }

    .link-box div.box-top div.box-bottom {
        width: 283px;
        background: url(../imgs/link-box/box-bottom.gif) no-repeat;
        background-position: bottom;
        padding-top: 15px;
    }

/* ------------------------------------------------------------------------------ */

#body-right ul {
    font-size: 14px;
    display: block;
    margin: 0px 20px 0px 10px;
    padding: 0px;
}

#body-right li, #body-right li a, #body-right li a:link {
    font-size: 14px;
    list-style-type: circle;
    padding: 0px 5px 0px 5px
}

    #body-right li a:hover {
        font-size: 14px;
        list-style-type: none;
        display: block;
        color: #fff !important;
        margin: 0px !important;
        padding: 0px 5px 0px 5px
    }

#body-right div.html-list ul {
    padding: 0px 5px 0px 0px;
    _padding: 0px 5px 0px 0px;
    list-style-type: disc;
}

    #body-right div.html-list ul li {
        padding: 0px 0px 0px 0px;
        margin-left: 5px;
        list-style-type: disc;
    }

#body-right div.html-list ol {
    padding: 0px 5px 0px 13px;
    _padding: 0px 5px 0px 0px;
    list-style-type: disc;
}

#body-right div.html-list li {
    padding: 0px 0px 0px 0px;
    margin-left: 5px;
    list-style-type: decimal;
}

#body-right table, tr, td p {
    font-size: 14px !important;
    color: #777777 !important;
    line-height: 18px;
    padding-left: 5px
}

#body-right strong.a {
    line-height: 22px;
    font-size: 14px;
    color: #717174;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
/*#body-right h3 {color: #717070; padding: 0px 0px 0px 0px !important;}*/
#body-right strong, b {
    color: #717174;
    padding: 10px 0px 15px 0px;
    clear: both
}

#footer {
    width: 100%;
    max-width: 1680px;
    height: 214px;
    background: url(../imgs/footer_bg.jpg) no-repeat;
    margin: 0px auto;
    padding: 0px;
}

    #footer p {
        font-size: 12px;
        color: #999;
        margin-top: 0px;
        padding: 0px;
        text-align: center;
    }

.footer-left {
    width: 430px;
    height: 50px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    float: left;
}

.footer-right {
    width: 490px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
}

.clearboth {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
    background-color: #fff;
}

/* start button styles*/
.volunteer {
    width: 248px;
    height: 58px;
    margin: 0px 10px 2px 5px;
    _margin: 0px 7px 2px 2px;
    float: left;
}

a.volunteer {
    display: block;
    background: url(../imgs/volunteer.jpg) no-repeat;
}
/*a:hover.volunteer{display:block;  background:url(images/volunteer-hover.jpg) no-repeat;}*/

.investigator {
    width: 248px;
    height: 58px;
    margin: 0px 10px 0px 5px;
    float: left;
    _margin: 0px 7px 2px 2px;
}

a.investigator {
    display: block;
    background: url(../imgs/investigator.jpg) no-repeat;
}
/*a:hover.investigator{display:block;  background:url(images/investigator-hover.jpg) no-repeat;}*/

.sponsor {
    width: 248px;
    height: 58px;
    margin: 0px 0px 0px 5px;
    float: left;
    _margin: 0px 7px 2px 2px;
}

a.sponsor {
    display: block;
    background: url(../imgs/sponsors.jpg) no-repeat;
}
/*a:hover.sponsor{display:block;  background:url(images/sponsors-hover.jpg) no-repeat;}*/

/*Start Actions_tab styles */

.action2-wrap {
    width: auto;
    float: right;
    margin: 10px 0px 10px 10px !important;
}

    .action2-wrap li {
        float: left !important;
        list-style: none;
    }

        .action2-wrap li a {
            float: left !important;
            list-style: none;
        }

    .action2-wrap .button {
        clear: both;
    }

a.action2 {
    display: block;
    float: left;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif; /*color:#FFFFFF;*/
    text-decoration: none;
    background: url(../imgs/action-btn.gif) no-repeat left top;
    height: 32px;
    color: #222;
    padding: 0px !important;
}

    a.action2 span {
        display: block !important;
        float: left !important;
        background: url(../imgs/action-btn.gif) no-repeat right top !important;
        height: 32px !important;
        padding: 0px 12px 0px 7px !important;
        margin-left: 4px !important;
        cursor: pointer !important;
        line-height: 31px !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: bold !important;
    }

    a.action2:hover {
        background-position: 0px bottom !important;
        color: #fff !important;
        text-decoration: none !important;
        padding: 0px !important;
        margin: 0px !important;
    }

        a.action2:hover span {
            background-position: right bottom !important;
            color: #fff !important;
        }

.action2_inside {
    width: 500px !important;
    height: 25px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* ------------------------------------------------------------------------------ */

/* =2. End General styles
	 -----------------------------------------------------------------*/

/* =2. Start Text styles
	 -----------------------------------------------------------------*/

p {
    color: #777777;
}

.carousel-caption h1, .carousel-caption h2 {
    color: #FFF;
}

.carousel-caption h2 {
    font-size: 2rem;
    line-height: 3rem;
}

h1 {
    color: #0f78bc;
}

h2 {
    color: #0f78bc;
}

    h2.searchScreen {
        color: #0f78bc;
        font-size: 20px;
        margin: 0px 0px 0px 0px;
        padding-bottom: 10px;
        width: 635px;
        _width: 615px
    }

    h2.title {
        font-family: "PT Sans Narrow";
        font-size: 24px;
        font-style: normal;
        font-variant: normal;
        color: #0f78bc;
        font-weight: 500;
        line-height: 26.4px;
    }

h3 {
    color: #717070;
}

h4 {
    font-size: 32px;
    color: #0973B8;
    color: rgb(9, 115, 184);
}

h5 {
    width: 247px;
    font-size: 14px;
    color: #444;
    font-weight: bold;
    margin: 0px;
    padding: 5px 5px 5px 10px;
    background-color: #bbb;
}

sup {
    top: -.8em !important;
    font-size: .9rem !important;
    font-weight: 600;
}

fieldset {
    margin: 0px;
    padding: 0px;
}

.form {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

input {
    color: #707070;
}

select {
    background-color: #f1f1f1;
    color: #000;
}

/*a:link, a:visited, a:active { color:#f46500;}*/
a:hover {
    color: #04578D;
    text-decoration: underline;
}

img {
    border: 0 !important;
    background-color: none !important;
}

strong, b {
    color: #717174
}

input:focus, textarea:focus {
    background-color: #f1f1f1;
}

.smaller a {
    color: rgba(244,123,32,1.00);
}

    .smaller a:hover {
        color: rgba(9,115,185,1.00);
    }

a.action {
    vertical-align: middle;
    margin-top: 5px;
}

table.form {
    border-bottom: 1px dotted #fff
}

    table.form tr {
        border-bottom: 1px dotted #fff
    }

    table.form td {
        border-bottom: 1px dotted #fff
    }

table.links {
    font-size: 14px;
    color: #777;
    margin: 0px;
    padding: 0px;
    width: 600px;
    background-color: #fff
}

    table.links tr {
        padding: 0px 0px 0px 0px;
    }

    table.links td a, td a:link {
        color: #777 !important;
    }

        table.links td a:hover {
            color: #F60 !important;
            padding: 0px !important;
            margin: 0px !important;
        }

    table.links p {
        padding: 0px 0px 0px 10px;
        color: #777 !important;
    }
/*End Global Styles*/
/*----------------*/

span.required {
    color: Red
}
/* =2. End Text styles
	 -----------------------------------------------------------------*/

/* =3. Start Side navigation
   --------------------------------------------------------------------*/
#nav a:hover {
    color: #333;
    text-decoration: none;
    height: 25px;
}

#nav ul {
    padding-left: 0;
    margin: 0px auto;
    /*background:#0673ba url(../imgs/navigation_bg.jpg) repeat-x;*/
}

    #nav ul li {
        display: inline;
        line-height: 18px;
        /*background-image: -webkit-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: -moz-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: -o-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: linear-gradient(176deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);*/
    }

        #nav ul li a {
            /*font-size: 1rem;*/
            font-weight: 300;
            padding: 10px 15px 1px 15px;
            /*border-right: 1px solid #ffffff;*/
            text-decoration: none;
            display: inline;
            height: 33px;
            float: left;
            color: #fff;
        }

            #nav ul li a::after {
                /*display: block;*/
                margin: -20px 0px 0px 124%;
                width: 1px;
                height: 90%;
                background: #FFF none repeat scroll 0% 0%;
                content: "";
            }
            /*#nav ul li:first-child a {
 background-image: none;
}
*/
            #nav ul li a:hover {
                color: #CFE7ED;
                float: left;
                /*background: url(../imgs/active.jpg) repeat-x;*/
                height: 25px;
                padding: 10px 15px 1px 15px;
            }

        #nav ul li .active {
            /*font-size: 1rem;
color: #CFE7ED;*/
            font-weight: 600;
            height: 33px;
            float: left;
            /*background: url(../imgs/active.jpg) repeat-x;*/
            padding: 10px 15px 1px 15px;
            margin: 0px;
        }

.main-body {
    display: block;
    float: right;
    width: 65%;
}

.orange-nav {
    background-color: rgba(244,123,32,1.00);
    display: block;
    height: 100%;
    width: 30%;
    float: left;
    padding: 6px 0 20px 0;
    background-image: -webkit-linear-gradient(180deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
    background-image: -moz-linear-gradient(180deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
    background-image: linear-gradient(270deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
}

.blue-nav {
    display: block;
    width: 98%;
    margin: 4px;
    color: #FFF;
    padding: 8px 12px;
    background-image: -webkit-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
}

    .blue-nav a {
        display: block;
        /*width: 28%;*/
        margin: 2px;
        color: #FFF;
        padding: 8px 12px;
        background-image: -webkit-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
        background-image: -moz-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
        background-image: -o-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
        background-image: linear-gradient(90deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
    }

        .blue-nav a:hover {
            color: rgba(199,210,212,1.00);
        }
/* =3. End Side navigation
   --------------------------------------------------------------------*/
.slide-1 {
    background-image: url(../imgs/slide-1.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.slide-2 {
    background-image: url(../imgs/slide-2.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.slide-3 {
    background-image: url(../imgs/slide-3.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.slide-4 {
    background-image: url(../imgs/slide-4.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.slide-5 {
    background-image: url(../imgs/slide-5.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.slide-6 {
    background-image: url(../imgs/slide-6.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.slide-7 {
    background-image: url(../imgs/slide-7.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

/* =3. Begin List
   --------------------------------------------------------------------*/
.list-left {
    width: 200px;
    height: auto;
    margin: 0px 0px 0px 40px;
    padding: 5px;
    background-color: #fff;
}

.list-right {
    width: 200px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    background-color: #fff;
    line-height: 15px;
    float: left;
    clear: right;
}

.list-left li {
    font-size: 14px;
    line-height: 16px;
}

.list-right li {
    font-size: 14px;
    line-height: 16px;
}

/* =3. End List
   --------------------------------------------------------------------*/

.clearright {
    clear: right;
}

.title {
    /*margin: 10px;*/
    color: #0973B8;
}

.check {
    margin: 10px;
}

.columnStd2 {
    text-align: left;
    padding: 10px 0px 10px 0px;
    font-size: 14px;
    color: #58595B;
}

.columnStd3 {
    text-align: left;
    padding: 10px 10px 10px 0px;
    font-size: 14px;
    color: #58595B;
}

.columnStd2 label {
    width: 255px;
    color: #58595B;
}

.columnStd2 input {
    width: 250px;
}

    .columnStd2 input.submit {
        width: auto;
    }

.columnStd2 span {
    vertical-align: top;
    width: 200px;
}

    .columnStd2 span input {
        width: 25px;
    }

.columnStd3 label {
    width: 235px;
    color: #58595B;
}

.columnStd3 input {
    width: 150px;
}

.ContactTypeList {
}

    .ContactTypeList label {
        width: 200px !important;
        float: none;
    }

    .ContactTypeList input {
        width: 16px !important;
        float: none;
    }

.LegalDiv label {
    width: 0px;
    float: none;
    vertical-align: middle;
}

.LegalDiv input {
    width: 20px;
    float: none;
    vertical-align: middle;
}

.SubmitButtons input {
    width: 75px;
}

.PortalContents div.columnStd2 label {
    width: 200px !important;
    color: #555555;
    float: left;
}

.PortalContents div.columnStd2 .ContactTypeList label {
    width: 0px !important;
    float: none;
}

.PortalContents div.columnStd2 input {
    width: 250px;
}

.address {
    width: 600px;
}

    .address input {
    }

    .address div label.StdLabel {
        width: 50px;
        float: left;
        vertical-align: middle;
    }

    .address div.StdDiv {
        width: 260px;
        float: left;
    }

    .address div {
        width: 150px;
        float: left;
        vertical-align: middle;
    }

        .address div input {
            width: 75px;
        }

        .address div label {
            width: 50px;
            display: block;
            float: left;
        }

.box {
    background-color: White;
}

.required {
    color: Red;
}

td.b {
    width: 180px;
    color: #777777;
    border-bottom: 1px solid #e9e9e9
}

td.a {
    width: 180px;
    border-bottom: 1px solid #aaa;
    color: #777777
}

td.backtotop {
    width: 620px;
    border-bottom: 1px dotted #333;
    color: #777777
}

tr, td li {
    color: #777777
}

/*Start Posting table styles*/
table.posting {
    font-size: 14px;
    color: #777;
    padding: 0px 0px 0px 25px;
    background-color: Aqua;
    width: 670px
}

    table.posting tr {
        width: 450px;
        font-size: 14px;
        color: #777;
    }

    table.posting td {
        width: 200px;
        font-size: 14px;
        color: #777;
    }

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}

.modalPopup {
    background-color: #ffffdd;
    width: 550px;
    top: 20px;
}

.modalPopupContainer {
    border-left: 2px solid #373DEE;
    border-right: 2px solid #373DEE;
    border-bottom: 2px solid #373DEE;
    margin-top: 0px;
    padding: 5px;
}

.bigmodalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 720px;
    height: 600px;
    overflow: scroll;
}

    .bigmodalPopup div.left {
        background-image: url(../imgs/left-popup-header.jpg);
        width: 7px;
        float: left;
        height: 27px;
        font-size: 12pt;
        margin-right: -2px;
        background-position: left top;
    }

    .bigmodalPopup div.right {
        background-image: url(../imgs/right-popup-header.jpg);
        width: 687px;
        background-position: right top;
        background-repeat: no-repeat;
        float: left;
        font-size: 12pt;
        font-weight: bold;
        color: White;
        padding-top: 7px;
    }

.modalPopup div.left {
    background-image: url(../imgs/left-popup-header.jpg);
    width: 7px;
    float: left;
    height: 27px;
    height: 26px;
    font-size: 12pt;
    background-position: left top;
}

.CancelButton {
    background-image: url(../imgs/cancel.jpg);
    width: 24px;
    background-repeat: no-repeat;
    height: 23px;
    margin-top: -24px;
    margin-right: 5px;
    float: right;
}

.NavButtons {
    float: right;
    display: -webkit-inline-box;
    /* margin-top: -105px; */
    /* margin-right: 20px; */
}

.btn-register {
    margin-top: 3%;
    margin-right: 10px;
    margin-left: 10px;
    /* margin-bottom: 10px; */
    padding: 6px 10px;
    background-color: #0f78bc;
}

    .btn-register a, .btn-register a:link {
        color: #FFFFFF;
        margin: 0 10px;
    }

    .btn-register:hover {
        /* background-color: #0f78bc;*/
        background-color: #179CF3;
        border-color: rgba(26,135,207,1.00);
        border-radius: 4px;
    }

    .btn-register a:visited, .btn-register a:active {
        color: #CFE7ED;
        text-decoration: none;
    }

.modalPopup div.right {
    background-image: url(../imgs/right-popup-header.jpg);
    width: 543px;
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    color: White;
    padding-top: 7px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
/*End Posting table styles*/
.generalContent {
    margin-left: 20px;
}

.MainContentPanel {
    margin: 20px 20px 20px 0px;
}

    .MainContentPanel h3 {
        margin: 0px;
        color: #fff;
        background-color: #0f78bc;
        padding: 5px 0px 5px 5px;
        border-bottom: 2px solid #f17132;
    }

    .MainContentPanel h4 {
        margin: 0px;
        color: #000;
        background-color: #bbbbbb;
        padding: 5px 0px 5px 5px;
    }

    .MainContentPanel div {
        margin: 6px 6px 12px 0px;
        font-size: 14px;
    }

        .MainContentPanel div li {
            list-style-type: disc;
        }

.SiteContactInfo {
    font-weight: bold;
    padding: 20px 20px 20px 0px;
    font-size: 14px;
}

.SiteContactInfo {
    color: #58595B;
    font-size: 14px;
}

    .SiteContactInfo label {
        width: 175px;
        float: left;
        clear: both;
    }

    .SiteContactInfo div {
        width: 400px;
        float: left;
    }

.Message {
    color: Red;
}

.MessageDiv {
}

.SearchColumn {
    float: left;
    width: 300px;
    text-align: left;
}

.SearchColumnL {
    float: left;
    width: 300px;
    text-align: left;
}

.SearchTabs li {
    list-style-image: none;
    float: left;
    margin-left: 10px;
    border: 1px solid silver;
    /*padding: 7px !important;*/
    background-color: #0f78bc;
    /*border:none;*/
    color: #fff !important;
}

    .SearchTabs li.selected {
        background-color: #898989;
        color: #fff !important;
        border: none;
        text-decoration: none;
    }

    .SearchTabs li a {
        text-decoration: none;
        color: #fff !important;
        padding: 7px !important;
        border: none;
    }

.SearchTabs ul {
    clear: both;
}

.TabContainer {
    border: 1px solid silver;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.disable {
    background-color: GrayText;
}

.trial_summary {
    /*font-size:larger;	*/
    background-color: #444;
    display: block;
    color: #fff;
    padding: 5px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    /*_padding: 0px 10px 10px 15px;*/
    border-bottom: 2px solid #f17132;
}

    .trial_summary a {
        color: #fff;
        font-size: 15px;
    }

        .trial_summary a:active, .trial_summary a:visited {
            color: #fff;
        }

        .trial_summary a:hover {
            color: orange;
        }

    .trial_summary p {
        padding: 10px;
    }

.TrialsGovListing {
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 0px 0px 10px 0px;
}

    .TrialsGovListing strong {
        margin: 0px;
        padding: 0px 0px 0px 0px !important;
    }

    .TrialsGovListing p {
        margin-left: 5px !important;
        margin-right: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-left: 10px !important;
    }
/*styles for lists*/
div.bigfont {
    background-color: #f9f9f9;
    margin: 0px;
    padding: 0px;
    hight: auto;
    width: 100%;
    color: #333;
}

.bigfont table.links td a {
    color: #fff !important;
    padding: 0px 10px 0px 0px;
}

.bigfont table {
    width: 100%;
}

div.post_top {
    background-color: #0f78bc;
    padding: 5px 10px 8px 3px;
    margin: 0px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    border-bottom: 2px solid #f36523
}

.post_top a:link, .post_top a:link, .post_top a:visited, .post_top a:active {
    color: #fff !important;
    padding: 0px 10px 0px 10px !important;
}

.post_top a:hover {
    color: #ccc !important;
    padding: 0px 10px 0px 10px !important;
}

.bigfont2 {
    background-color: #f9f9f9;
    padding: 10px 10px 10px 10px
}

    .bigfont2 tr, td li p {
        color: #000
    }

.smallbox {
    border: none;
}
/*Form style 08-12-09*/

.form-wrap {
    background-color: #fbfbfb;
    width: 630px;
    height: auto;
}

#body-right h4 {
    background-color: #0f78bc;
    color: #fff;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #EA632E;
    padding: 10px 0 10px 10px;
}

    #body-right h4.larger-header {
        font-size: 1.7em;
    }

#body-right .form_left {
    width: 310px !important;
    height: auto;
    background-color: #fbfbfb;
    float: left;
    padding-bottom: 10px;
    _padding: 0px 0px 10px 0px;
    vertical-align: text-top
}

    #body-right .form_left input div.watermark {
        margin: 3px 0px 0px 5px !important;
    }

#body-right .form_right {
    width: 310px !important;
    height: auto;
    background-color: #fbfbfb;
    float: left;
    padding-bottom: 10px;
    vertical-align: text-top
}

#body-right .form_bottom {
    width: 100%;
    height: auto;
    background-color: #fbfbfb;
    float: left;
    _margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
    vertical-align: text-top
}

#body-right .form_left img, #body-right .form_left img a {
    vertical-align: inherit;
    outline: none;
}

#body-right .form_left h4 {
    width: 295px;
    background-color: #0f78bc;
    color: #fff;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 5px 0px 5px 5px;
    border-bottom: 2px solid #EA632E;
}

#body-right .form_right h4 {
    width: 300px;
    background-color: #0f78bc;
    color: #fff;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 5px;
    border-bottom: 2px solid #EA632E;
}

#body-right .form_left label {
    font-size: 12px !important
}

#body-right .form_right label {
    font-size: 12px !important
}

/* ------------------------------------------------------------------------------ */

#text {
    margin: 50px auto;
    width: 500px;
    font-size: 10px !important
}

.hotspot {
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer;
}

#tt {
    position: absolute;
    display: block;
    background: url(../imgs/popup/tt_left.gif) top left no-repeat
}

#tttop {
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(../imgs/popup/tt_top.gif) top right no-repeat;
    overflow: hidden
}

#ttcont {
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #666;
    color: #FFF
}

#ttbot {
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(../imgs/popup/tt_bottom.gif) top right no-repeat;
    overflow: hidden
}

.protocolSearchDiv {
    width: 600px;
    background-color: #cfcfcf;
    padding: 5px 0px 10px 5px;
    overflow: hidden;
}

    /* ------------------------------------Protocol Search Button Styles--------------------------------------------- */

    .protocolSearchDiv input {
        float: left
    }

    .protocolSearchDiv .hotspot {
        float: left;
        margin: 3px 0px 0px 5px;
        outline: none !important;
        border: none;
    }

    .protocolSearchDiv a.action {
        display: block;
        float: left;
        font-size: 10px;
        text-decoration: none;
        background: url(../imgs/action-btn-small.gif) no-repeat left top;
        height: 21px;
        color: #222;
        padding: 0px !important;
        margin: 0px 0px 0px 5px;
    }

        .protocolSearchDiv a.action span {
            display: block;
            float: left;
            background: url(../imgs/action-btn-small.gif) no-repeat right top;
            height: 21px;
            padding: 0px 12px 0px 5px;
            cursor: pointer;
            line-height: 20px;
            color: #fff !important;
            font-size: 12px;
            font-weight: bold
        }

        .protocolSearchDiv a.action:hover {
            background-position: 0px bottom;
            color: #fff !important;
            text-decoration: none;
            padding: 0px !important;
        }

            .protocolSearchDiv a.action:hover span {
                background-position: right bottom;
                color: #fff !important
            }

.hotspot {
    margin: 3px 0px 0px 5px;
    outline: none !important;
    border: none;
}

/* ------------------------------------End Protocol Search Button Styles------------------------------------------ */

#ExclusionMain label, #InclusionMain label {
    float: left
}

#ExclusionMain .hotspot, #InclusionMain .hotspot {
    float: left;
    margin: 3px 0px 0px 5px;
    outline: none !important;
    border: none;
}

#ExclusionMain a.action, #InclusionMain a.action {
    display: block;
    float: left;
    font-size: 10px;
    text-decoration: none;
    background: url(../imgs/action-btn-small2.gif) no-repeat left top;
    height: 21px;
    color: #222;
    padding: 0px !important;
    margin: 0px 0px 0px 5px;
}

    #ExclusionMain a.action span, #InclusionMain a.action span {
        display: block;
        float: left;
        background: url(../imgs/action-btn-small2.gif) no-repeat right top;
        height: 21px;
        padding: 0px 12px 0px 6px;
        cursor: pointer;
        line-height: 20px;
        color: #fff !important;
        font-size: 12px;
        font-weight: bold
    }

    #ExclusionMain a.action:hover, #InclusionMain a.action:hover {
        background-position: 0px bottom;
        color: #ffffff !important;
        text-decoration: none;
        padding: 0px !important;
    }

        #ExclusionMain a.action:hover span, #InclusionMain a.action:hover span {
            background-position: right bottom;
            color: #fff !important
        }

/* ------------------------------------New class for Inclusion and Exclusion style--------------------------------------------- */

#ExclusionMain .IE-delete label, #InclusionMain .IE-delete label {
    width: 250px;
    font-size: 12px;
    float: left;
    border-bottom: 1px dashed silver;
}

#ExclusionMain a.action-small, #InclusionMain a.action-small {
    display: block;
    float: left;
    font-size: 10px;
    text-decoration: none;
    background: url(../imgs/action-btn-small2.gif) no-repeat left top;
    height: 21px;
    color: #222;
    padding: 0px !important;
    margin: 0px 0px 0px 5px;
}

    #ExclusionMain a.action-small span, #InclusionMain a.action-small span {
        display: block;
        float: left;
        background: url(../imgs/action-btn-small2.gif) no-repeat right top;
        height: 21px;
        padding: 0px 12px 0px 6px;
        cursor: pointer;
        line-height: 20px;
        color: #fff !important;
        font-size: 12px;
        font-weight: bold
    }

    #ExclusionMain a.action-small:hover, #InclusionMain a.action-small:hover {
        background-position: 0px bottom;
        color: #fff !important;
        text-decoration: none;
        padding: 0px !important;
    }

        #ExclusionMain a.action-small:hover span, #InclusionMain a.action-small:hover span {
            background-position: right bottom;
            color: #fff !important
        }

/* ------------------------------------End New class for Inclusion and Exclusion style--------------------------------------------- */

.floatl {
    float: left;
}

.form-left {
    margin-left: 5px;
}

.listing-trial-wrap {
    font-size: 14px;
    color: #777;
    margin: 0px;
    padding: 0px;
    width: 600px;
    border: 1px solid #f1f1f1;
}

.listing-trial {
    font-size: 14px;
    color: #777;
    margin: 0px;
    padding: 0px;
    width: 600px
}

    .listing-trial tr {
        padding: 0px;
    }

    .listing-trial th {
        padding: 5px;
        color: #fff;
        background-color: #0f78bc
    }

    .listing-trial td {
        padding: 5px;
        color: #000;
        background-color: #fafafa
    }

        .listing-trial td a, td a:link {
            color: #777 !important;
        }

            .listing-trial td a:hover {
                color: #F60 !important;
                padding: 0px !important;
                margin: 0px !important;
            }

.form-other {
    line-height: 1.4em;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #777777;
}

.form-other {
    padding-left: 10px;
    height: auto;
}

    .form-other label {
        text-align: left;
        width: 150px !important;
    }

        .form-other label.smaller {
            width: 120px;
        }

    .form-other input {
        margin: 0px 0px 0px 0px;
        background-color: #fff;
        width: 225px;
    }

        .form-other input.smaller {
            margin: 0px 4px 0px 0px;
            background-color: #fff;
            width: 150px;
        }

        .form-other input.zipclass {
            margin: 0px 0px 0px 0px;
            background-color: #fff;
            width: 70px;
        }

    .form-other .submit {
        height: 20px;
        background-color: #555;
        width: auto;
        color: #fff;
        line-height: 10px;
    }

    .form-other textarea {
        margin: 0px;
        width: 275px;
        height: 80px;
        background-color: #ffffff;
        clear: right !important;
    }

    .form-other .check input, .radio input {
        margin: 0px;
        width: 30px !important;
        background-color: #fff; /*width: auto;*/
    }

    .form-other .check {
        position: relative;
        text-align: left;
        margin: 0px 0px 5px 0px;
    }

        .form-other .check label {
            float: none;
            width: auto !important;
        }

    .form-other .radio {
        position: relative;
        text-align: left;
        width: none;
    }

    .form-other select {
        margin: 0px 0px 5px 0px;
        color: #444;
        background: #ccc;
    }

        .form-other select option {
            margin: 2px;
            color: #000;
            background: #ccc;
        }

    .form-other h1, .form h2, .form h3, .form h4, .form h5, .form h6 {
        background-color: #fff
    }

    .form-other .StdDiv {
        width: 150px
    }

#address {
    width: 635px;
}

    #address div label.StdLabel {
        width: 50px;
        float: left;
    }

    #address div.StdDiv {
        width: 326px;
        float: left;
    }

        #address div.StdDiv input {
            width: 155px;
        }

    #address div {
        width: 140px;
        float: left;
    }

        #address div input {
            width: 65px;
        }

        #address div label {
            width: 50px;
            display: block;
            float: left;
        }

div.PostInclusion li, div.PostInclusion li a {
    list-style-type: disc !important;
    margin-left: 10px;
}

div.PostHeader li, div.PostHeader li a {
    list-style-type: disc !important;
    margin-left: 20px;
}

.featured span {
    margin: 0;
    padding: 0;
    height: 180px;
    overflow: auto;
    display: block;
}

.featuredLeft span {
    margin: 0;
    padding: 0;
    height: 210px;
    overflow: auto;
    display: block;
}

.imgMediaBudget input {
    Width: 32px !important;
    Height: 32px !important;
}

@media only screen and (max-width: 520px) {
    /* For mobile phones: */
    .navigation {
        float: right;
        /*height: 60px;*/
    }

    li {
        /*line-height: 1.75em;
    padding: 0; */
        list-style: none;
    }

    #nav ul {
        padding-left: 0;
        padding-top: 0;
        margin: 0px auto;
    }

        #nav ul li .active {
            font-weight: 600;
            height: inherit;
            float: none;
            padding: 10px 15px 1px 6px;
            /*margin: 0px;*/
        }

        #nav ul li {
            border-bottom: 1px solid #ffffff;
            display: block;
            line-height: 16px;
            padding: 12px 0 0 12px;
        }

            #nav ul li a {
                padding: 6px;
                /*border-bottom: 1px solid #ffffff;
	display: inline;
	height: 33px;*/
                float: none;
            }

                #nav ul li a::after, #nav ul li .active::after {
                    display: block;
                    margin: 0px;
                    height: 100%;
                    /*width: 1px;
    height: 90%;
    background: #FFF none repeat scroll 0% 0%;
    content: "";*/
                }

    .btn-register {
        margin-top: 2%;
        margin-right: 4px;
        margin-left: 4px;
        padding: 4px;
        font-size: .8rem;
    }

    .search-button {
        width: 100%;
        height: 34px;
        margin: 0px;
        float: left;
    }

    a.search-button {
        background-position: 98% 0%;
        background-size: 26px 24px;
    }

    .orange-nav {
        width: 100%;
    }

    .blue-nav {
        /*display: inline-block;*/
    }

    .main-body {
        width: 100%;
        margin: 0 8px 0 12px;
        float: none;
    }

    .navbar-default {
        margin-top: 28px;
    }

    navbar {
        height: 32px;
    }

    .slide-1 {
        background-position: 80% 50%;
    }

    .carousel-caption h2 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}

@media only screen and (min-width: 521px) and (max-width: 768px) {
    /* For mobile phones: */
    .orange-nav {
        display: inline-block;
        width: 100%;
        padding: 4px 0 4px 0;
    }

    .blue-nav {
        display: inline-block;
        width: 31%;
    }

    .main-body {
        width: 100%;
        margin: 0 8px 0 12px;
        float: none;
    }

    .navbar-default {
        margin-top: 38px;
    }

    navbar {
        height: 32px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
    /* For mobile phones: */
    .orange-nav {
        display: inline-block;
        width: 100%;
        padding: 4px 0 4px 0;
    }

    .blue-nav {
        display: inline-block;
        width: 29%;
    }

    .main-body {
        width: 100%;
        margin: 0 8px 0 12px;
        float: none;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1200px) {
    /* For mobile phones: */
}