@import "../Bootstrap/less/bootstrap.less";
@import "../FontAwesome/less/font-awesome.less";
@import "../js/libs/chosen/chosen.less";
@import "MainTheme.less";  
@import "shared/SocialMedia.less";

@pageFontSize: 11px;
@CRCBlue: #2DA7D7;
@CRCDarkBlue:#002B7D;  
@CRCBlueHighlight: lighten(@CRCBlue, 25%);

#SocialMedia {
    width: 100px;
}

#Menu3
{
    > li > a
    {
        font-weight: bold;
        padding-left: 3px;
        padding-right: 3px;

        &:hover
        {
            text-shadow: 1px 1px 1px #444;
            background-color: transparent;
        }
    }
}
  

@media print {
    .noprint {
    	display: none; 
    } 
}




p{
    padding-right:15px;
    font-size: @pageFontSize;
    color: @black;
}

h6{
    color: @CRCDarkBlue;
}

ul{    
    color: @black
}

h1,h2,h3,h4,h5,h6{
    font-weight: bold;
}


.CRCBlue{
    color:@CRCBlue;
}
.blue{
    color: @CRCDarkBlue;
}
.black{
    color:#000;
}
.red {
    color: red;
}

.paragraph-small{
    font-size: 10px;
}

.paragraph {  font-size: 12px; color: #000000}
.paragraph2 { .paragraph; }
.blueParagraph { font-size: 12px; color: #002B7D} 
.blueparagraph2 { .blueParagraph; }
.redParagraph {  font-size: 12px; color: red} 
.redParagraph2 { .redParagraph; } 

.paragraph3 {  .paragraph; .paragraph-small; }
.blueparagraph3 { .paragraph-small; color: #002B7D}


.redParagraph3 {  .paragraph-small; color: red} 
.boldparagraph {  .paragraph; font-weight: bold; }
.boldblue { .boldparagraph; color: #002B7D} 
.boldWhite { .boldparagraph; font-size: 16px; color: #FFFFFF;}
.boldWhite2 { .boldWhite; font-size: 18px; }
.redLink {  .boldparagraph; color: #FF0000}
.testimonial { .paragraph-small; color: #002B7D}
.address1 {  .paragraph;}
.address2 {  .address1; .paragraph-small; }
.h1blue {  font-size: 48px; font-weight: bold; color: #002B7D}
.h2blue {  font-size: 36px; font-weight: bold; color: #002B7D}
.h3blue {  font-size: 22px; font-weight: bold; color: #002B7D}
.h4blue {  font-size: 18px; font-weight: bold; color: #002B7D}
.h5blue {  font-size: 16px; font-weight: bold; color: #002B7D}

a.smallLink { font-size: 10px; color: @CRCBlue}






.FormTable
{
	width:100%;
	text-align:left; 
	font-size:12px;
	background-color:#efdede;
}

.FormTable td
{
}

.FormHeader
{
	text-align:left; 
	background-color: #E6E9F3;	
	font-weight:normal;
}


.rowOdd
{
    background-color: #dedede;
}

.rowEven
{
    background-color: #F0F0F0;
}





#Banner
{
    .carousel{
        margin-bottom: 0;
    }

    //Change to fade transition
    .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
    .carousel .active.left {left:0;opacity:0;z-index:2;}
    .carousel .next {left:0;opacity:1;z-index:1;}
}



#Main
{
	/*background-color: #EFEFEF;*/
	background-color:White;
}

table.ContentTable
{
	padding:20px 0 20px 0;
}

td.GrayLine 
{
	width:1px;
	background-image: url(../images/NewLayout/GrayLine_ForWhiteBackground.png);
}

td.RightPanel
{
	width:200px;
	padding:0 5px 0 5px;
	vertical-align:top;
	height:auto;
	display: inline-block;
}

td.LeftPanel
{
	width:720px;
	padding:0 20px 0 20px;
	vertical-align:top;
	height:auto;
	display: inline-block;
}

.section-gradient{
 #gradient > .vertical-three-colors(darken(#B7BCC7, 5%), #D2D1DF, 25%, #D7D5E3);
}

#Footer
{
	clear:both;
    .section-gradient;
	padding: 20px 10px 0 10px; 
	height: 41px;
	width: 960px;
	font-size:12px;
}

#Menu3
{
	vertical-align:middle;
}

#Menu3 a, #Menu3 a:visited
{
	color: #686868;
	text-decoration:none;
}

#CopyRight
{
    line-height: 30px;
	text-align:left;
	vertical-align:middle;
}


	
#PageTabs	
{
	position: relative; 
	height: 60px;
    .section-gradient;         //url(../images/NewLayout/GrayBar_BehindLargeTabs.png);
	text-align:left;
	width: 100%;
	vertical-align:bottom;
}


#pageContainer 
{
	width:980px;
	margin: 10px auto;
	text-align:center;
	padding: 0;
	color: #686868;
	height: auto;	
} 


#NewsTab
{
	font-size:14px;
	font-weight: 900;
	width:120px;
    margin-left: 5px;
	height:28px;
    background-color:#D8D4E2;
    .border-top-radius(5px);
	//background: url(../images/NewLayout/SmallGrayTab30.png) no-repeat left top;
	padding: 3px 0 1px 12px;
    vertical-align: middle;
}

#NewsBody
{
	font-size:11px;
	width:190px;
	height:300px;
	//background: white  url(../images/NewLayout/SmallGrayBox_wRoundedCorners2.png) no-repeat left top;
	display: block;
	padding:  5px 5px 5px 5px;
}

.feedicon
{
	border:0;
	vertical-align:bottom;
}

hr
{
	height:1px;
	background-color:gray;
	color:gray;
	border: none;
}

 hr.lightgray
{
	height:2px;
	background-color:#EBEAF1;
	color:#EBEAF1;
	border: none;
}




/*
#PageTabs{
    text-align: center;
}

#PageTabs .nav,
#PageTabs .nav > li {
  float:none;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align: top;
}*/

#PageTabs .nav.submenu > li > a {
  text-shadow:none;
}

#PageTabs ul.nav.submenu{
    text-align: center;
} 

#PageTabs .nav-tabs{
    margin-bottom: 0px;
}

#PageTabs ul{
    padding-left: 15px;
}

#PageTabs ul:not(.submenu) > li
{
    padding-right: 4px;
}

.submenu-divider,
.submenu-divider:hover,
.submenu-divider:focus,
.submenu-divider > a,
.submenu-divider > a:focus,
.submenu-divider > a:hover,
{
    padding-left: 0; 
    padding-right: 0; 
    margin-left: 0; 
    margin-right: 0;
    border: none;
}  

body{
    .gradientBar(@white, darken(@white, 10%), @textColor, none);
}




.navbar .nav > li > .dropdown-menu:after  
{
    border: none; 
    display: none; 
}

.navbar .nav > li > .dropdown-menu:before {
    border-bottom: none;
    display: none;
}

.dropdown-menu {
    border-radius: 0;
    margin-top: -1px;
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-submenu > .dropdown-menu
{
    margin-top: -1px;
    border-radius: 0;
    padding-top: 3px;
    padding-bottom: 0;
}

.navbar .divider-vertical {
    border-left: 1px solid #FFFFFF;
    height: 30px;
    margin: 0;
    padding: 0; 
}

 .navbar{
     margin-bottom: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border: 0px; 
 }
     
 .navbar-inner{
     -webkit-border-radius: 0px; 
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        border: 0px; 
 }


#MainMenu ul.nav {
    width: 100%;
} 
 
body{
    line-height:normal; 
}

#PageTabs
{
    .nav-tabs
    {
        border-bottom: none;
    }

        .nav-tabs.crcBlue > li > a
        {
            color: @white;
            .buttonBackground(@CRCBlueHighlight, @CRCBlue);
        }

            .nav-tabs.crcBlue > li > a:hover
            {
                color: @white;
                .buttonBackground(lighten(@CRCBlueHighlight, 20%), lighten(@CRCBlue, 20%));
            }

        .nav-tabs.crcBlue > .active > a
        {
            font-weight: bold;
            .buttonBackground(@white, @white, darken(@CRCBlue, 20%), none);
            border-bottom-color: @white;
        }

            .nav-tabs.crcBlue > .active > a:hover,
            .nav-tabs.crcBlue > .active > a:focus,
            {
                color: darken(@CRCBlue, 20%) !important;
                .buttonBackground(lighten(@CRCBlueHighlight, 30%), lighten(@CRCBlue, 30%), darken(@CRCBlue, 20%), none);
                border-bottom-color: lighten(@CRCBlue, 55%);
            }

    .nav-pills.submenu > .active > a,
    .nav-pills.submenu > .active > a:hover,
    .nav-pills.submenu > .active > a:focus
    {
        /*.gradientBar(lighten(@CRCBlue, 10%), @CRCBlue, @white);*/
        background-color: #ffffff; /*@CRCBlue;*/ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
        /*.reset-filter();*/
        color: @CRCDarkBlue;
        font-weight: bold;
    }

    .nav-pills.submenu > li > a
    {
        padding: 4px;
    }

    .nav.submenu
    {
        padding-top: 5px;
    }
}

#Banner
{
    min-height: 457px;

    p
    {
        color: #fff;
    }
}