/*
Theme Name: Critical Path Project
Theme URI: http://yikesinc.com
Description: The custom theme for the Critical Path Project using the base theme SupportPress by Woo.
Author: YIKES, Inc. Web design and development
Author URI: http://yikesinc.com/
Template: supportpress
Version: 1
*/

@import url("../supportpress/style.css");



/* =Structure
-------------------------------------------------------------- */

#wrapper {
    max-width: 1024px;
	width: auto;
}

#wrapper #content {
    box-shadow: none;
    margin-bottom: 0em; 
    padding-bottom: 0em;   
	width: 56em;

	border-left: 1px solid #CCCCCC;
	float: right;
}

#wrapper-inner {border-left:1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
    overflow: auto;
    width: 99.9%;}
	
#wrapper #sidebar {
    float: right;
    padding: 1.2% 0 1.2% 0;
    width: 23%;
}

#sidebar .widget {
    border-bottom: 1px solid #69477D;
    border-top: 0px;
    color: #000;
	font-size: .96em;
    padding: 0 .6em 1em .6em;
	margin-bottom: 1em;
	margin: 1em;
}

#wrapper #content.full-width {
    width: 100%;
	border-left: 0;
}

#wrapper #footer.full-width {
	width: 97.9%;
}

#wrapper #footer  {
    max-width: 1024px;
	width: auto;
	background-color: #342D5A;
	background: -moz-linear-gradient(center top , #69477D, #342D5A) repeat scroll 0 0 #6F7198;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69477d), color-stop(100%,#342d5a));
	-webkit-border-radius: 0px 0px 15px 15px;
	-webkit-box-shadow: none;
	border-radius: 0px 0px 15px 15px; 
	border: 0;
    padding: 1em;	
    clear: left;
    color: #fff;
    float: none;
    font-size: 0.8em;
    margin-top: -1px;
	position: relative;
	z-index: 999;
    overflow: hidden;
}



/* =Global
----------------------------------------------- */

body {
    background: url("images/bg.jpg") repeat-x ;
}

body, select, input, textarea {
    color: #373737;
}

a {
    color: #342D5A;
	text-decoration: underline;
}


input[type="button"], input[type="submit"], button,
#searchform input#searchsubmit,
#server input#emaillogin {
    background-color: #342D5A;
    background-image: -moz-linear-gradient(center top , #69477D, #342D5A);	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69477d), color-stop(100%,#342d5a));
    border: 1px solid #9C33ED;
    border-radius: 6px 6px 6px 6px;
    bottom: 1px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin-top: 3px;
    padding: 3px 8px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #7D15CD;
}

#moodle_login  label,
#cemaillogin  label {
    display: block;
    float: left;
    padding-right: 4px;
    text-align: right;
    width: 68px;
}

input#imapuser, input#pass, input#username, input#password {width: 60%;}

#cemaillogin #emaillogin,
#moodle_login #moodlelogin  {
	float: right;
	margin: .6em 3.8em 0 0;
}


.cp-button {
	margin: 0 0 20px 0;
}

.cp-button  a {
	background-color: #82A124;
    background: -moz-linear-gradient(center top , #A4C346 0%, #82A124 100%) repeat scroll 0 0 transparent;	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4C346), color-stop(100%,#82A124));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    border: 1px solid #fff;
    color: #0B2A00;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	padding: 8px;
    border-radius: 4px;
	font-weight: bold;
}

.cp-button  a:hover {
	background-color: #82A124;
    background: -moz-linear-gradient(center top , #AECD50 0%, #82A124 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4C346), color-stop(100%,#82A124));
    border: 1px solid #0B2A00;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
    color: #0B2A00;
    padding-bottom: 7px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
	
.cp-button span {
    background: url("images/icons/plus.png") no-repeat scroll right center transparent;
	padding-right: 20px;
}


/* =Fonts
-------------------------------------------------------------- */


h2.widgettitle {
    font-size: 1.42em;
    line-height: 1.7143em;
    margin-bottom: 0.3333em;
    margin-top: 1.4142em;
}


h1, h2, h3, h4, h5, h6 {
    color: #73862C ;
    font-weight: 300;
}

#sidebar a {
    color: #69477D;
}

/* Calendar */

#tribe-events-content table.tribe-events-calendar, #tribe-events-content .tribe-events-calendar td {
    border: 1px solid #dedede !important;
}



.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a {
 
    background-color: #a4c346 !important;
   
}


.tribe-events-calendar th {
 
    background-color: #473866 !important;
    color: #f1f1f1 !important;
 
}



#tribe-events-content .tribe-events-tooltip h4 {
 
    background-color: #a4c346 !important;
 
   
}


#tribe-events-content .tribe-events-calendar td:hover {
    background: #f7f7f7;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px
}

.tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip,
.recurring-info-tooltip {
    border: 0;
    background-color: #fff;
    color: #606060;
    -webkit-box-shadow: 3px 4px 21px rgba(0, 0, 0, .38);
    -moz-box-shadow: 3px 4px 21px rgba(0, 0, 0, .38);
    box-shadow: 3px 4px 21px rgba(0, 0, 0, .38)
}




.tribe-events-button, #tribe-events .tribe-events-button {
    
	background-color: #632164 !important;
    color: #fff;
    
}

.tribe-events-button.tribe-inactive, .tribe-events-button:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover {
    background-color: #a4c346 !important;
    color: #fff !important;
}



.tribe-events-list-separator-month {
    
     background-color: #473866 !important;
	 color:#f1f1f1 !important;
    
}



.tribe-events-promo{
	display:none;
}
/* =Header
-------------------------------------------------------------- */

#header {
    background-image: url("images/headerbg.png");
    background-repeat: repeat-x;
	background-color: #91ab2e;
    border-radius: 14px 14px 0 0;
    border-top: 0 solid #BBBBBB;
    height: 194px;
    padding-bottom: 0;
    position: relative;
	margin-top: 6px;
	margin-bottom: 0;
}

#header #top-logo {
    left: 8px;
	float: left;
	margin: 4px 0 0 2px;
	line-height:1;}
	
	#header #top-logo img {max-width: 100%; 
		height: auto;}
		
	#header #top-logo a {margin:0;
		padding:0;}
	
#header #web20 {float: right;
	margin: 0.4em 1em 0 0;}
	
#header .top {
	background-color: #91ab2e;}
	
#header .intro {
    background-image: url("images/header-image.png");
    background-position: 320px 34px;
    background-repeat: no-repeat;
    height: 157px;
	}
	
#main-nav #searchform {
	float: right;
}

#yks-search-form {
	padding: 3px 0 0;
    text-align: right;
    width: 86%;
}
	
#header #helpdesk-login {
	position: absolute;
	width: 100%;
	margin-top: 2px;
}	
	
#header .logged-in {
		margin-top: .1em;
	}	
	
	#header .logged-in ul {
		float: right;
		list-style: none outside none;
		margin: 0 20px 0 0;
	}
	
	#header #main-nav ul {
    list-style: none outside none;
    margin: 0;
    position: relative;
    z-index: 99;
	}
	
		#header #main-nav ul li.new-ticket {
			float: left;
		}
		
		#header .logged-in ul li.new-ticket a, #header #main-nav ul li.tickets a {
			background-color: #82A124;
			background: -moz-linear-gradient(center top , #A4C346 0%, #82A124 100%) repeat scroll 0 0 transparent;	
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4C346), color-stop(100%,#82A124));
			box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
			color: #0B2A00;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
			padding: 7px;
			font-weight: bold;
		}
			#header .logged-in ul li a span, #header .logged-in ul li a mark {
				background: none repeat scroll 0 0 transparent;
				color: #0B2A00;
				font-style: normal;
				font-weight: normal;
				padding-right: 18px;
			}
			
			#header #main-nav ul li a:hover {background: none; color: #fff; text-decoration: underline;}
	

	#header .login-form {
		margin: 0.25em 1.0em 0;
		width: 268px;
	}

		#header .login-form .input-text {
			margin: 3px 0 0 4px;
			padding: 3px;
		}

		#header .login-form .button {
			margin: 4px;
			padding: 2px 0;
			background-color: #342D5A;
			background: -moz-linear-gradient(center top , #69477D, #342D5A);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69477d), color-stop(100%,#342d5a));
		}

		#header .login-form .actions {margin-left: 4px;}
		
			#header .login-form .actions a {color: #fff;
				font-weight: bold;}
		
	#main-nav li.text-prompt {
    color: #EEEFF3;
    display: inline-block;
    font-weight: bold;
    text-shadow: 0 1px 0 #151E2D;
	margin: 8px 20px 0
	}
	
	#main-nav li.help-text {
    color: #fff;
    display: inline-block;
	font-weight: normal;
    text-shadow: none;
	margin: 8px 10px 0;
	padding-left: 1.24em;
	}
	
		#header #main-nav ul li.help-text a {
			color: #A4C346;
			font-weight: normal;
			text-shadow: none;
			border: 0;
			box-shadow: none;
			padding: 0;
		}
		
			#header #main-nav ul li.help-text a:hover {
				color: #fff;
			}



/* =Menu
-------------------------------------------------------------- */

#header .top ul.menu {
    border-top: 0px !important;
    font-size: 0.8571em;
    list-style: none outside none;
	float: left;
	color: #fff;
    z-index: 99997;
}

#header .top ul.menu > li {margin: 0;}

#header .top ul.menu li a {
    color: #fff;
    display: block;
    font-size: 1.13em;
    font-weight: bold;
    line-height: 1.1em;
    padding: 10px 0.84em;
	margin: 0;
    text-decoration: none;
}

#header .top  ul.menu ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    top: 3.333em;
    width: 188px;
    z-index: 99999;
}
#header .top ul.menu li ul.sub-menu {
    left: 100%;
    top: 2.843em !important;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #632164 !important;
    border-radius: 0 6px 6px 6px;
    display: none;
    float: left;
    left: 0;
    position: absolute;
	opacity: 0;
    z-index: 99998;
	width: 200px !important;
}
#header .top  ul.menu ul a {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px dotted #DDDDDD;
    color: #444444;
    font-size: 1.112em;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
}

#header .top  ul.menu li:hover > a, #header .top ul.menu li  a:focus {
    background: #632164;
    color: #fff;
	padding: 10px 0.84em;
}
#header .top  ul.menu li:hover > ul {
    display: block;
}
#header .top ul.menu .current-menu-item > a, #header .top ul.menu .current-menu-ancestor > a, #header .top ul.menu .current_page_item > a, #header .top ul.menu .current_page_ancestor > a {
    font-weight: bold;
}



#header #main-nav {
	margin-top: 1px;
}




/* =Content
-------------------------------------------------------------- */

 /* sub nav */

.subnav {
	background-color: #342d5a;
    background: -moz-linear-gradient(center top , #69477D, #342D5A) repeat scroll 0 0 #6F7198;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#69477d), color-stop(100%,#342d5a));
    border: 2px solid #C0C0C0;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 7px #808080;
    float: right;
    margin: 0 0 15px 20px;
    width: 200px;
    padding: 10px;
}

h3.subnav_title {
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 120%;
    margin: 0 0 3px 3px;
    text-transform: none;
	font-weight: bold;
}

.subnav ul {
    margin: 0 0 0 -0.5em;
    padding: 0;
}

.subnav ul li {
    list-style-image: none;
    list-style-type: none;
    padding: 2px 0 0 0.5em;
    background-image: url("images/menu-leaf.png");
    background-position: 4px 2px;
    background-repeat: no-repeat;
    margin-bottom: 6px;
}

.subnav ul li a {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 120%;
    padding-left: 20px;
    text-decoration: none;
	display: block;
}

/* .subnav li.current_page_ancestor > a {display: none;} */

.subnav ul > li.current_page_ancestor:first-child {background-image: none;}

.subnav ul > li.current_page_ancestor:first-child > a {display: none;}

.subnav ul.children {margin-top: 6px;}

.subnav ul.children li {}

.subnav ul.children li ul.children li  {
	background-image: none;
    list-style-type: none;
}

.subnav ul.children li ul.children li  a {
    background-image: url("images/menu-dot.png");
    background-position: 8px 4px;
    background-repeat: no-repeat;
	font-size: 0.83em;
	}

	.subnav ul.children li ul.children li  ul.children li  {
	background-image: none;
    list-style-type: none;
	}

	.subnav ul.children li ul.children li  ul.children li  a {
		background-image: none;
		font-size: 0.82em;
		padding-left: 40px;
		}
		
			.subnav ul.children li ul.children li  ul.children li  a:before {
				content: "> ";
			}

 /* home page */

.home .latest-post,
.home .inner-content h1.title {display: none;}

small {display: none;}

	.page-template-homepage-php .printfriendly  {display: none;}


/* Home page Announcements */

#cp-announcements {    
		background-color: white;
		border: 2px solid #342D5A;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0 0 12px #D3D3D3;
		margin-bottom: 30px;
		padding: 5px 20px;
	}
	
	#cp-announcements h3 {
			margin-bottom: 0em;
			margin-top: .5em;
		}

	ul#announcements-list {margin-top: -16px;}
		li.cp-announcement {clear: both;}
		
			.cp-announcement-image {float: right;}
			.cp-announcement-info {}
				.cp-announcement-info h4 {margin-bottom: 0.04em;}
				.cp-announcement-info .cp-announcement-date {font-weight: bold;}
				.cp-announcement-info .announcement-content {margin-top:  0.4em; font-size: 0.92em;}
					.cp-announcement-info .announcement-content p {margin-bottom: .4em;}
					.cp-announcement-info .announcement-content a {font-size: 0.92em;}



 /* home page slider */

.page-template-homepage-php .slide-buttons {
    margin-top: 20px !important;
}

.advanced-slider .slide .html {
    color: #000000;
    font-size: 1em;
    height: 100%;
    overflow: hidden !important;
    padding: 0;
    width: 100%;
}

.advanced-slider .slide .html .slide-content {
    background-image: url("images/whitebg.png");
    color: #000000;
    font-size: 1em;
    margin: 2% 0 0 2%;
    overflow: hidden !important;
    padding: 1.2em;
	width: 91%;
}

	#slider-pro-1 .slide-wrapper {	
		height: 331px !important;
	}
	
	#slider-pro-1  .thumbnail-scroller.horizontal {
    margin-top: 10px;
}

	.advanced-slider .slide .html h2 {
		line-height: 1.12em;
		margin-bottom: .4em;
	}

	.advanced-slider .slide .html a {
		color: #634479
	}


/* Home page Hotspots */

.critpath-home-twitter-container,
.critpath-home-highlights-container {
	float: left;
	margin: 2em 0;
	height: 24em;
	-webkit-border-radius: 15px;
	border-radius: 15px; 
	-webkit-border-radius: 15px;
	background-color: #342D5A;
    background: -moz-linear-gradient(center top , #69477D, #342D5A);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69477d), color-stop(100%,#342d5a));
    border: 3px solid white;
    box-shadow: 0 0 6px #808080;
	}
	
.critpath-home-twitter-container {
	padding: 15px 10px 10px;
	width: 45%;
}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
    background-color: #634479 !important;
    color: white !important;
}

.critpath-home-highlights-container {
	margin-left: 1.4em;
	padding: 15px 20px 10px;
	width: 42%;
}
	.critpath-home-highlights-content {
		color: #fff;
		height: 23.4em;
		overflow: hidden;
	}
	
		.critpath-home-highlights-container h2 {
			color: #fff;
			font-family: Verdana,Arial,Helvetica,sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.4em;
		}
		
		.critpath-home-highlights-content .highlight-video {
			margin: 0 0 1em 0;
		}
		
		.critpath-home-highlights-content .attachment-highlights {
			float: right;
			margin: 1em 0.34em 1em 1em;
			-moz-transform: rotate(3deg);
			border: 3px solid white;
			box-shadow: 0 0 2px #808080;
		}
		
		.critpath-home-highlights-content  p {
			line-height: 1.4em;
			margin: 0 0 1.4em;
			font-size: .96em;
		}

p.nocomments {display: none;}

 /* Forms */

div.selector {
    margin-bottom: 0px;
	font-size: 11px;
}

.gform_wrapper label {margin-bottom: 10px !important;}

#input_1_18_6_label {margin-top: -2px;}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: 0px !important;
}

 
/* =Widget Areas
-------------------------------------------------------------- */

#sidebar .widget:first-child {
    border-top: medium none;
    padding-top: 0.6em;
}

#sidebar  #text-5 {border-bottom: 0px; margin-bottom: 0;}

#sidebar .widget li {
    list-style: square;
    padding: 0.25em 0;
	margin-left: 1.25em;
}

#sidebar #text-8 {
	text-align: center;
}





/* =Footer
-------------------------------------------------------------- */

#footer-web20 {
	width: 100%;
	text-align: center;
	}

#wrapper #footer  a {
    color: #fff;}
	
#wrapper #footer p {
    margin: 0;
    padding: 0em 0 1em 0em;
}

#wrapper #footer #footer-logos {float: right;
	margin-left: 20px;}

#wrapper #footer #footer-logos img {margin-left: 10px;
	border: 0;
}

.menu-critpath-footer-container {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 2em;
	text-align: center;
}

.menu-critpath-footer-container ul {
	padding: 0;
	margin-left: 32%;
}

.menu-critpath-footer-container ul li {
	list-style-type: none;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	font-size: 0.8em;
	border-right: 1px solid #000;
	line-height: 1em;
	}
	
.menu-critpath-footer-container ul li:last-child {
	border-right: 0px;
}
	
.menu-critpath-footer-container ul li  a {
	color: #000;
}




/* =Responsive Styles
----------------------------------------------- */


@media screen and (max-width: 1134px) 
	{
	#wrapper-inner {width: 99.8%;overflow: hidden;}
	#wrapper #sidebar {width: 22%;}
	input#imapuser, input#pass, input#username, input#password {width: 80%;}
	}
	
@media screen and (max-width: 1122px) 
	{
	#wrapper #sidebar {width: 20%;}
	#sidebar .widget {margin: 0.4em;}
	}
	
@media screen and (max-width: 1114px) 
	{
	#wrapper #footer #footer-logos {margin-top: 0;}
	}
	
@media screen and (max-width: 1096px) 
	{
	#wrapper #sidebar {width: 18%;}
	}
	
@media screen and (max-width: 1092px) 
	{
	#wrapper #content {width: 100%; border-right: 0;}
	#wrapper #content .inner-content {width: 96.1%;}
	#wrapper #sidebar {width: 98%;}
	#sidebar .widget {width: 21%; float: left; border: 0; margin-right: 1em;}
	#sidebar #text-5 {margin-right: 0;}
	input#imapuser, input#pass, input#username, input#password {width: 60%;}
	}
	
@media screen and (max-width: 1044px) 
	{
	#header .top  ul.menu li:hover > a, #header .top ul.menu li a {padding: 10px 0.7em;}
	}

@media only screen and (max-width: 860px)
	{
	.critpath-home-twitter-container {width: 42%; height: 25em;}
	.critpath-home-highlights-container {width: 40%; height: 25em;}
	}
	
@media only screen and (max-width: 832px)
	{
	.advanced-slider .slide .html {margin: 11em 0 0 51%;}
}

@media only screen and (max-width: 816px)
	{
	#wrapper #content .inner-content {width: 93%;}
	.glossy-curved-green .slide-arrows {display: none;}
	}
	

@media screen and (max-width: 800px) 
	{
	#header .login-form,
	#header .logged-in	{display: none;}
	#wrapper #header .top {width: 100%;}
	#wrapper #header .top ul {clear: left; width: 100%;}
	#wrapper #header #main-nav {width: 99.9%;}
	#wrapper #content {width: 100%;}	
	#sidebar .widget {width: 41%; margin: 0 0 0 2em;}
	}	
	
@media only screen and (max-width: 786px)
	{
	.critpath-home-twitter-container, .critpath-home-highlights-container {height: 30em;}
	.critpath-home-highlights-content {height: 28.4em;}
	.advanced-slider .slide .html {margin: 10em 0 0 51%;}
	}
	
@media only screen and (max-width: 767px)
	{
	.logged-in #header {height: 420px;}
	#header {height: 320px;}
	#wrapper #footer p {text-align: left;}
	
	
	
	#web20 {display: none;}
	.critpath-home-twitter-container {height: 26em;}
	#header .top {

display:block !important;
position:relative;
clear:both;
height:auto;
}

#wrapper #header .top ul {
clear: both;
width: 100%;
float:left;
margin-top:-4px !important;
}
	input, textarea, .uneditable-input {
width: 160px;
}

#wrapper #content .inner-content {
padding: 0em;
background: 
#fff;
}
#wrapper #content .inner-content {
width: 95%;
margin:0 auto;
}

.advanced-slider.home-slider.glossy-curved-green webkit{
	display:none !important;
}
.menu-critpath-footer-container{
	display:none !important;
}
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
   ul.menu {
	   margin-top:10px !important;
   }
   
    #wrapper #header .top {
width: 100%;
margin-top: 60px;
}
  
  .current-menu-item{
	  background: 
#632164;
  }
  
  
  .current-menu-item .sub-menu ul {
	  display:block;
	  visibility:visible;
	  float:none !important;

  }
  
    ul.menu li {
	  float:none !important;
margin-right: 14px;
position: relative;
display: block !important;
}
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
	
	
	
	
	
	
	
	}
	
	
@media only screen and (max-width: 634px)
	{
	.critpath-home-left, .critpath-home-right {float: left; width: 98%;}
	.critpath-home-twitter-container {width: 96%; height: 25em;}
	.critpath-home-highlights-container {width: 92%; margin-left: 0; height: 25em;}
	.menu-critpath-footer-container ul {margin-left: 26%;}
	.advanced-slider .slide .html {margin: 4em 0 0 51%; height: 74%;}
	#header .top ul.menu li ul.sub-menu li {display: none;}
	#header .top ul.menu li ul.sub-menu {left: 99999999px;}
	}
	
@media only screen and (max-width: 557px)
	{
	.logged-in #header {height: 455px;}
	#header {height: 355px;}
	.menu-critpath-footer-container ul {margin-left: 22%;}
	#header .top ul.menu li a {font-size: 1.36em;}
	#wrapper #content .inner-content {width: 90%;}
	.home-slider {display: none;}
	}
	
@media only screen and (max-width: 530px)
	{
	input#imapuser, input#pass, input#username, input#password {width: 90%;}
	}
	
@media screen and (min-width: 491px) 
	{
	#footer-web20 {display: none;}
	}
	
	
@media screen and (max-width: 490px) 
	{
	#web20 {display: none;}
	.critpath-home-twitter-container {height: 26em;}
	#header .top {

display:block !important;
position:relative;
clear:both;
height:auto;
}

#wrapper #header .top ul {
clear: both;
width: 100%;
float:left;
margin-top:-4px !important;
}
	input, textarea, .uneditable-input {
width: 160px;
}

#wrapper #content .inner-content {
padding: 0em;
background: 
#fff;
}
#wrapper #content .inner-content {
width: 95%;
margin:0 auto;
}

.advanced-slider.home-slider.glossy-curved-green webkit{
	display:none !important;
}
.menu-critpath-footer-container{
	display:none !important;
}
	
	}
	

	
	
	
@media screen and (max-width: 400px) 
	{
	.menu-critpath-footer-container ul {margin-left: 8%;}
	.menu-critpath-footer-container ul li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	}
	
@media screen and (max-width: 345px) 
	{
	.logged-in #header {height: 485px;}
	#header {height: 365px;}
	.menu-critpath-footer-container ul {margin-left: 7%;}
	.menu-critpath-footer-container ul li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	#header #top-logo img {width: 98.6%;}
	
	}
	
@media screen and (max-width: 321px) 
	{
	.critpath-home-twitter-container {display: none;}
	.logged-in #header {height: 460px;}
	#header {height: 342px;}
	.critpath-home-highlights-container {width: 82%; height: 34em;}
	.critpath-home-highlights-content .attachment-highlights {float: none;}
	#sidebar .widget {width: 91%;}
	input#imapuser, input#pass, input#username, input#password {width: 60%;}
	
	
	}
	
	
@media screen and (max-width: 294px) 
	{
	.menu-critpath-footer-container ul {margin-left: 0%;}
	.menu-critpath-footer-container ul li {margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 0;}
	}
	
@media screen and (max-width: 241px) 
	{
	.logged-in #header {height: 490px;}
	#header {height: 390px;}
	}