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

!!!!!!!!!!!!!!!!!!!  Do not modify:  spanXX, offsetxx, row, container or core bootstrap classes
--------------------------------------------------------------------------------*/


/*-------------   TYPOGRAPHY  --------------------------------------------------------------------------------*/



h1 {
    font-size: 18px;
}
h2 {
    font-size: 16px;
}


.keyTeaser > .content > span > p > a 
{

	font-size:14px;
	line-height:20px;	
	
}


/*------------------ HIDE SEARCH UNTIL GOOGLE CRAWLS PAGES---------------------*/

		.pull-right-search {
			
			display:none;
			
			}
			
			.search-link {
				
				display:none;
				}


/*------------------ END SEARCH HIDE   ---------------------*/


       *{
            text-shadow:none !important;
            box-shadow:none !important;
            border-radius:0px !important;
        }
        .container{background-color: White;

		}
		body > .container {
			
			
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.50) !important;
		-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.50) !important;
		box-shadow:     0px 0px 10px rgba(50, 50, 50, 0.50) !important;
					
					
					}
		
		
        .arrow-down {position:relative;}
        .arrow-down:after{
            content:"";
            width:0;
            height:0;
            border-left:6px solid transparent;
            border-right:6px solid transparent;
            border-top:6px solid black;
            border-top-color:inherit;
            position: absolute;
            bottom:-7px;
            left:10px;
        }
        
        .arrow-up {position:relative;}
        .arrow-up:after{
            content:"";
            width:0;
            height:0;
            border-left:10px solid transparent;
            border-right:10px solid transparent;
            border-bottom:10px solid white;
            border-bottom-color:inherit;
            position: absolute;
            top:-10px;
            left:15px;
        }
        
        /*BreadCrumb Fixes*/
        .breadcrumb { background:none;text-shadow:none;border:none;margin-bottom: 0px;border-radius:0px;padding:0px; font-size:11px}
        .breadcrumb > .active {color:White;}
        /*NavBar Fix**/
        .navbar, form { margin-bottom: 0}
        .navbar-inner, .navbar-inner container, .navbar{ background:transparent !important; border-radius:0px; border:none; text-shadow:none; filter:none;}
        .top-navbar-container {background-color:transparent; background-image:none;}
        .top-navbar-inner{background-color:transparent; background:none;background-image:none; border:none; padding:0; box-shadow:none;}
        .navbar .top-nav-link > li > a, .navbar .top-nav-sub-link > li > a  { 
		
		
				color:White;text-decoration:none;text-shadow:none;font-weight:bold; padding-left:0px;
				/*
				
				 	border-left:white dotted 2px;
					padding-left:3px;
					padding-top:0px;
					padding:bottom:0px; 
				
				
				
				
				
				*/
				
				
				
				}
        .top-nav-sub-link > li {margin-left:10px;}
        .navbar .top-nav-mobile-link > li > a { background-image:none; border-radius:0px; text-shadow:none;padding:5px 7px 5px 7px;margin-left:0px;text-transform: none !important;}
        .navbar .top-nav-mobile-link > li > a:hover { background-image:none; border-radius:0px; text-shadow:none;text-transform: none !important;}
        .nav-collapse .nav >li >a:hover, .nav >li >a:hover{background:none;}
        .page-body{padding:0px}
        .pull-right-search
        {
            float: right;
        }
		
		/*---------------------------------- START CAROUSEL------------------------------------------*/
		
		.carousel-control {
			background: none repeat scroll 0 0 #222222;
			border: 2px solid #FFFFFF;
			border-radius: 23px 23px 23px 23px;
			color: #FFFFFF;
			font-size: 30px;
			font-weight: 100;
			height: 20px;
			line-height: 15px;
			margin-top: -30px;
			opacity: 0.5;
			position: absolute;
			/*left: 15px;*/
			text-align: center;
			top: 95%;
			width: 20px;
		}
		
		
		.carousel-control.right {
			left: auto;
			right: 15px;
		}
		
		.carousel-control.left {
			left: auto;
			right: 50px;
		}
		.carousel-caption
		{
			
			display:none;	
		}
		
		.carousel {
			position: relative;
			margin-bottom: 0px;
			line-height: 1;
		}
					
		
		
		/*---------------------------------- END CAROUSEL------------------------------------------*/
		
		
		
		/*---------------------------------- PERSONAL PAGE  ------------------------------------------*/
		
		
		

		.personal-text, .business-content, .user-recommended-links,  
		{
			margin: 15px;
		}
		.profile
		{
			margin-left:15px;	
		}

		
		
		.profile-label-description{margin-left:0px;}
		label > dl{margin:0px}
		 
		.form-horizontal .control-label{padding-top:0px}
		.field-validation-error{color:red}
		.input-validation-error{border:1px solid red !important}
		.profile{padding:5px;}
		/*New  code added here:*/
		.profile-url, .profile-email { word-wrap: break-word;}.profile-url, 
		.profile-email { word-wrap: break-word;}.profile-url, 
		.profile-email { word-wrap: break-word;}.profile-url, .profile-email {
display:block;
}		
		
		.profile-label-description
		{
			font-size:12px;
			line-height:125%;
			color:#999999;
		}
		
		
		.profile-details {
			padding: 4px;
		}
		
		/*To wrap long CustomURL :*/
		.profile-url, .profile-email {
			word-wrap: break-word;
			-ms-word-wrap:break-word;
		}
		
		.mandatory{
			color: red;
			font-size:6px;
			vertical-align:top;
			line-height:5px;
		}
				
		
		/*---------------------------------- END PERSONAL PAGE  -------------------------------------*/	
		
		

		
		
		
		/*---------------------------------- START TOP NAV ------------------------------------------*/
		
		
		#TopNav
		{
			padding: 15px 15px 5px 15px;
		}
		
		.social-link
		{
			font-size:12px;
		}
		
		.separator {
			border-left: 2px dotted #BBB;
			line-height: 20px;
			margin-top: 12px;
			padding-right: 10px;
			height: 15px;
		}
		
		/*---------------------------------- END TOP NAV ------------------------------------------*/		
		
		/*---------------------------------- START LIGHTBOX ------------------------------------------*/
		
		.light-box{
			
			padding: 30px;
			line-height:150%;
		
		}
		
		.light-box > ul > li, .light-box > ol > li{
			
			padding-bottom:5px;
			line-height:150%
		}
		
		.light-box .post_article_table {
		
			margin-top:15px;
			margin-bottom:15px;
			
		}
		
		.light-box .post_article_table th {
			
			border:1px solid #666;
			padding:5px;
						
		}
		
		.light-box .post_article_table td {
			
			border:1px solid #666;
			padding:3px;
			vertical-align:text-top;
						
		}
		.light-box .post_references {
			
			font-size: 11px;
			line-height:16px;	
			
			
		}
		
		.light-box > blockquote {
			
				font-size: 24px;
				line-height:30px;
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#666666;
				font-style:italic;
				
			
			}
		.light-box > h2
		{
			line-height:18px !important;	
		}
		
		
		
		
		/*---------------------------------- END LIGHTBOX ------------------------------------------*/

		/*---------------------------------- START FOOTER ------------------------------------------*/
		
		.footerLinks
		{
		
			display:none;
			
		}

		/*---------------------------------- END FOOTER ------------------------------------------*/
		
		
        @media (max-width: 979px) {
			.pull-right-search
			{
				float: left;
				margin-top:10px;
			}
        }        
        #site-logo {
            height: 52px;
            width: 468px;
        }
        .login-prompt{padding:5px;}
        .thumbnail{padding:0px;}
        .thumbnail img{display:inline}        
        .full-width{width:100%;}        
        .non-approved{position:relative;}
        .non-approved:after
        {
            content:"Pending approval";
			 position:absolute;
            color:#826200;
           	background: none repeat scroll 0 0 #FFEAA8;
            border-bottom-right-radius:4px;
            padding:2px;
            
            top:0;
            left:0;
        }
        
        .content{padding:3px 5px 5px 7px}
        .keyTeaser .content {height:200px;}
        .contentTeaser .content {height:200px}
        .keyTeaser, .contentTeaser{margin:5px;}
        .subscription-form .control-group{margin-bottom:2px;}
        .form-horizontal .control-label{text-align:left; padding-left:5px;}
        .form-horizontal input{padding-bottom:2px; padding-top:2px;}
        @media (max-width: 767px) 
		{
            body { padding: 0;}
            .mySpan3 .content {float: right; width: 56%;}
            .mySpan3 .thumbnail img {width: 40%; display:inline;}
            h3 { font-size: small; line-height: 20px;}
            .contentTeaser{position:relative}
			.keyTeaser .content {height:auto !important;}
            .contentTeaser .content{position:absolute;top:0px;right:0px; width:50%;background:white; height:100%; overflow:hidden;padding:0px 3px 0px 3px !important;}
			
			.light-box{padding:15px;line-height:150%;}
		
		

        }



/*---------------------------------- COMPENSTATE FOR TEXT OVERFLOW ------------------------------------------*/	


@media (max-width: 1023px) {.keyTeaser .content {height:220px}  } 



		
/*---------------------------------- NOTIFICATION STYLES ------------------------------------------*/
.notify_box {
border-radius:4px !important;
-moz-border-radius:4px 4px 4px 4px !important;
-webkit-border-radius:4px !important; 
-khtml-border-radius:4px !important;
clear:both;
min-height: 30px;
line-height: 150%;
margin:0;
padding:20px 25px 10px 60px;
background-repeat:no-repeat;
background-position:15px center;
border-width: 2px;
border-style: solid; 
position: relative;
}

.notify_box p {
color: #333333;
font-size: 12px;
margin: 0;
padding: 0;
vertical-align:middle;
}

.notify_box span.close {
background: url(Nutriway/Gallery/Template/cross_grey_small.png) no-repeat right top;
display: block;
width: 7px;
height: 7px;
position: absolute;
top:5px;
right: 5px;
}
.notify_Warning {
background-color:#FFEAA8;
background-image:url("/Nutriway/Gallery/Template/error.png");
border-color:#FFC237;
color:#826200;
margin:10px 15px 20px 2px;
background-position: 15px center;
background-repeat:no-repeat;
}

.notify_Info {
background-color:#D0E4F4;
background-image:url("/Nutriway/Gallery/Template/information.png");
border-color:#418ACC;
color:#235685;
margin:10px 15px 20px 2px;
background-position: 15px center;
background-repeat:no-repeat;
}

.notify_Error {
background-color:#FCCAC2;
background-image:url("/Nutriway/Gallery/Template/attention.png");
border-color:#EB5339;
color:#AC260F;
margin:10px 15px 20px 2px;
background-position: 15px center;
background-repeat:no-repeat;
}

.notify_Confirmation {
background-color:#EFFFB9;
background-image:url("/Nutriway/Gallery/Template/tick.png");
margin:10px 15px 20px 2px;
background-position: 15px center;
background-repeat:no-repeat;
border-color:#99C600;
color:#3C5A01;
}

/*-------------------------------- END NOTIFICATION STYLES ---------------------------------------*/





/*Top Menu Fix*/
@media (min-width: 979px) {
    .menu-collapse .top-nav-link {
        display: inline-block;
        float: none;
        text-align: center;
        width: 100%;
    }

        .menu-collapse .top-nav-link > li {
            display: inline-block;
            float: none;
        }

    .separator {
        border: none !important;
    }
}

/*Carousel*/
.carousel-indicators {     
     z-index: 5;
     margin: 0;
     list-style: none;
     margin-top:5px;
     margin-bottom:5px;
     width:100%;
     text-align:center;
    }
.carousel-indicators li{
    text-indent: 0;
    margin: 0 2px;
    width: 13px;
    height: 13px;
    border: 1px solid #999999;    
    border-radius: 100% !important;
    line-height: 30px;
    color: #fff;
    cursor:pointer;
    transition: background-color 0.5s linear;
    display:inline-block;
    box-sizing:border-box;
}
    .carousel-indicators li:hover {
        border-width:3px;
        
    }
    .carousel-indicators li.active {
        background-color: #333333;    /*Brand-specific Color*/
    }

/*End Carousel*/


/*Profile Page*/
.padded-box {
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
}

.inline-edit-wrapper {
    position:relative;
    display:inline-block;
}
    
input.inline-edit, textarea.inline-edit {
    border:none;
    margin:0px;
    background-color:transparent;
    font-weight:inherit;
    padding-right:20px;            
	color: #000000;
	font-size: inherit;
    cursor:pointer;
    z-index:1;
    -webkit-transition: background-color 0.4s, color 0.4s;
        -moz-transition: background-color 0.4s, color 0.4s;
        -ie-transition: background-color 0.4s, color 0.4s;
            transition: background-color 0.4s, color 0.4s;
}
input.inline-edit:focus, input.inline-edit:hover,
textarea.inline-edit:focus, textarea.inline-edit:hover {
    border-bottom:2px solid green;  /*Brand-specific Color*/
    background-color: #444;
    color:#FFF;
    /* A subtle transition never hurts */
    -webkit-transition: background-color 0.4s, color 0.4s;
        -moz-transition: background-color 0.4s, color 0.4s;
        -ie-transition: background-color 0.4s, color 0.4s;
            transition: background-color 0.4s, color 0.4s;
}
.inline-edit-indicator {
    color:#666;
    margin-left:10px;
}
textarea.inline-edit {
    width:100%;
    display:inline-block;
    resize:vertical;
    max-height:400px;
    box-sizing:border-box;


}
.input-validation-error {
    border:none;
    border-bottom:2px solid red;
}
.profile-label {
    font-size:1.1em;
}
.invert {
    background-color:#eee;
}
.recommended-content {
    cursor:pointer;
    position:relative;
}
.recommended-content:hover {
    transition:transform linear 0.1s;
}
.recommended-content.selected {
    transition:all linear 0.1s;
}
.recommended-content .recommended-select {
    position:absolute;
    top:20px;
    right:20px;
}

.recommended-select {
    background:rgba(255,255,255,0.5);
    padding:5px;
    padding-left:10px;
    border-radius:4px !important;
}

.recommended-select input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.recommended-select input[type=checkbox] + label:before {
    font-size:200%;
}
.recommended-select input[type=checkbox] + label {
    margin-bottom: 0;
    margin-left: 1px;
    margin-top: 2px;
}

.recommended-select input[type=checkbox] + label:before { content: "\f096"; letter-spacing: 5px; } /* unchecked icon */

.recommended-select input[type=checkbox]:checked + label:before { content: "\f046";letter-spacing: 0px; } /* checked icon */


/*End of Profile Page*/

.social-icons .fa {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}
.social-icons .fa:hover, .social-icons .fa:active {
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons .fa {	font-size: 1.5em;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  


.footer-logo span {
    display: inline-block !important;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align:right;
}
.text-left {
    text-align:left;
}