/* cac template styles */
html {
	overflow:-moz-scrollbars-vertical; 
	overflow-y:scroll;
} 
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#666;
	color:#fff;
}
body.toolbar-drawer {
	/*fixes messed up body padding on logging in... for some reason drupal was making this 5.3em*/
	padding-top:30px;
}
body #toolbar div.toolbar-menu {
	/*fixes messed up admin padding on right after removing shortcuts module*/
	padding-right:10px;
}
a:active, a:focus { 
	outline:none; 
	ie-dummy:expression(this.hideFocus=true);
}
.shadowRight {
	-webkit-box-shadow:10px 0px 5px 0px rgba(0,0,0,0.4);
	-mox-box-shadow:10px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow:10px 0px 5px 0px rgba(0,0,0,0.4);
}
#header {
	background:#555; /* Old browsers */
	background:-moz-linear-gradient(top, #555 0%, #000000 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #555 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #555 0%,#000000 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #555 0%,#000000 100%); /* IE10+ */
	background:linear-gradient(to bottom, #555 0%,#000000 100%) !important; /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#555",endColorstr="#000000",GradientType=0); /* IE6-9 */
	padding:10px 0;
}
#header #cac-logo {
	float:left;
}
#header #cac-title {
	float:left;
	margin:14px 0 0 28px;	
}
#header #search {
	height:18px;
	background:#fff;
	padding:0px 3px 6px 3px;
}
#header #search #search-terms {
	width:191px; height:16px;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	padding-left:4px;
	margin:0;
	outline:none;
}
#header #search #search-button {
	width:16px;	height:16px;
	float:right;
	margin-top:5px;
}
#header #social {
	width:222px; height:32px;
	clear:both;
	float:right;
	margin-top:10px;
}
#header #social span {
	width:32px;
	margin-right:10px;
	margin-top:3px;
	display:block;
	float:right;
	font-size:0.65em;
	font-weight:bold;
	color:#969f85;
	line-height:0.95em;
	text-align:center;
}
#header #social a {
	height:32px;
	display:block;
	float:right;
	background:#2b2e1f url(/sites/all/themes/cac/images/ftyt.png) no-repeat;
	border:1px #555 solid;	
}
#header #social a:hover {
	background-color:#3c402b;
}
#header #social a#facebook {
	width:32px;
	background-position:11px 2px;
	margin-right:10px;
}
#header #social a#twitter {
	width:30px;
	background-position:-28px 2px;
	margin-right:10px;
}
#header #social a#youtube {
	width:55px;
	background-position:-69px 2px;
	margin-right:0;
}
.headerWithDropdown {
	margin-top:0;
}
#nav {
	background:#000000; /* Old browsers */
	background:-moz-linear-gradient(top, #555 0%, #000000 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #555 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #555 0%,#000000 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #555 0%,#000000 100%); /* IE10+ */
	background:linear-gradient(to bottom, #555 0%,#000000 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#555",endColorstr="#000000",GradientType=0); /* IE6-9 */
	border-bottom:4px #c0c0c0 solid !important;
	height:32px;
}

.shift-left {
	position: absolute;
	left: -400px;
}

.goldnav {
	color: gold !important;
	text-decoration: underline;
}
.mega-group-title {
	color: gold !important;
}

#sideMenu, #mobileHomeButton, #menuButton, #mobileNavDropdown {
	display: none;
}
.mainMenu ul {
	z-index:999;
	margin:0;
	padding:0;
}	
.mainMenu ul li {
	float:left;
	display:block; 
	position:relative;
	border-left:1px #555 solid;
	padding-right:0;
	line-height:1em;
}
.mainMenu ul li.on { background:#000000; }
.mainMenu ul li:last-child { border-right:1px #555 solid; }
.mainMenu ul li a, .mainMenu ul li span {
	display:block; 
	padding:8px 47px;
	text-decoration:none;
	font-size:0.95em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	cursor:pointer;
}
.mainMenu ul li span {
	cursor:default;	
}
.mainMenu ul li a:hover, .mainMenu ul li span:hover { background:#555; }
.mainMenu ul li a.selected, .mainMenu ul li span.selected { color:#f00; }
.mainMenu ul li ul {
	position:absolute; 
	left:-1px;
	display:none;
	padding:0;
	list-style:none;
}
.mainMenu ul li ul.open {
	display:block;
}
.mainMenu ul li ul li {
	display:block;
	position:relative;
	clear:both;
	background:#000000;
	border-right:none;
	border-top:1px solid #555;
	width:100%;
	white-space:nowrap;
	line-height:0.8em;
}
.mainMenu ul li ul li span {
	display:block;
	padding:8px 33px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:0.8em;
	border-top:4px #c0c0c0 solid;
	cursor:pointer;
}
.mainMenu ul li ul li:last-child {
	border-right:none;
	border-bottom:4px #c0c0c0 solid;
}	
.mainMenu ul li ul li a {
	display:block;
	padding:8px 33px;
	color:#fff;
	font-weight:normal;
	text-align:left;
	font-size:0.8em;
}
#tabs {
	height:20px;
	background:#333;
	border-bottom:5px #333 solid;
}
#tabs ul  {
	margin:0;
	font-size:0.7em;
	font-weight:bold;
	border:none;
	float:left;
	background:none;
}
#tabs ul li {
	border:none;
	border-radius:0;
}
#tabs ul li:first-child {
	margin-left:0;
}
#tabs ul li a {
	background:#dedabc!important;
	border:none;
	padding-top:2px;
	border-bottom:1px #c0c0c0 solid;
	border-right:1px #c0c0c0 solid;
	border-radius:0 0 5px 5px;
	filter:none;
}
#tabs ul li a:hover {
	background:#e8e4ce!important;
}
#tabs ul a.is-active  {
	color:#050;
}
#tabs ul.tabs-secondary  {
	margin-left:25px;
}
#tabs ul.tabs-secondary li  {
	margin-top:0 !important;
}
#content {
	padding:0 0 50px 0;
	background:#333;
	line-height:1.2em;
	min-height:600px;
	border-top:0px #555 solid;
}
#content a, #content a:link, #content a:visited {
	/* color:#000000; */
	color: #f8f8f8;
	text-decoration:none;
}
#content a:hover {
	color:#eee;	
	text-decoration:underline;
}

.content-center {
	text-align: center;
	margin-top: 10px;
}
#content-center {
	text-align: center;
	margin-top: 10px;
}


#content h1 {
	font:bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:0.4em 0 1em;
	border-bottom:1px solid #ccc;
}
#content h1#page-title {
	margin-top:0;
}
#content h2 {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin-bottom:0.5em;
	clear:both;
}
#content h3 {
	font:bold 1em Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	border-bottom:none;
	clear:both;
}
#content p, #content li, #content dt, #content dd {
	font-size:0.95em;
	margin-bottom:1em;
	margin-top:1em;	
}
#content img.left {
	float:left;
	margin:0 1.5em 1em 0;	
}
#content img.right {
	float:right;
	margin:0 0 1em 1.5em;	
}
#content .messages {
	margin-top:0;	
}
#content .messages a {
	color:#009;	
}
#content #user-login, #content #user-pass {
	width:350px;
	margin-left:auto;
	margin-right:auto;	
}
#content #user-login input[type=text], #content #user-login input[type=password], #content #user-pass input[type=text] {
	padding:5px;	
	font-size:1.5em;
	border:1px #ccc solid;
}
#content #user-login input[type=submit], #content #user-pass input[type=submit] {
	padding:10px 0;
	width:225px;
	margin-top:2em;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#content #user-login .description {
	display:none;	
}
#content #search-form {
	display:none;
}
#content .search-results {
	padding-left:0;	
}
#content .search-results .search-result h3 {
	margin-bottom:0;
	text-decoration:underline;	
}
#content .search-results .search-result h3 a {
	text-decoration:underline;	
}
#content .search-results .search-result .search-snippet {
	margin-top:0.3em;
	margin-bottom:0.15em;
}
#content .search-results .search-result .search-snippet-info {
	padding-left:0;
	margin-top:0;
}
#content .search-results .search-result .search-info {
	padding-left:0;
	margin-top:0;
	font-size:0.8em;
	font-style:italic;
	display:none;
}
#content .sidebars h2 {
	font-size:1.15em;
}
#content .sidebars h2 a {
	color:#fff;
}
#content .sidebars ul {
	font-weight:bold;
	font-size:0.8em;
	padding-left:0;
	margin-top:0;
}
#content .sidebars ul.menu li {
	list-style-image:url(/sites/default/files/images/arrow-yellow.png);
	margin-left:15px;
}
#content .sidebars ul.menu li.expanded {
	list-style-image:url(/sites/default/files/images/arrow-yellow-down.png);
}
#content .sidebars ul.menu li.active{

}
#content .sidebars ul.menu li.active a {
	color:#fff;
}
#content .sidebars ul.menu li ul {
	font-weight:bold;
	font-size:1em;
	padding-left:0;
	margin-top:0;
}
#content .sidebars ul.menu li ul li {
	list-style:disc;
	margin-left:15px;
}
#content header {
	float:none;
	width:100%;
	display:inline-block;
	background:#555;
	text-align:center;
	padding-top:6px;
	padding-bottom:4px;
	border-radius:5px;
	display:none; /*to hide "unpublished" because workbench info panel takes care of it*/
}
#content header mark {
	font-size:1.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
#content table.table-revisions {
	width:100%;	
}

.content-center {
	text-align:center;
}

#footer {
	background:#666;	
	color:#eee;
	border-top:4px #999 solid;
	font-size:0.75em;
	padding:15px 0;
	line-height:1.35em;
}
#footer a, #footer a:link, #footer a:visited {
	color:#f8f8f8;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;	
	text-decoration:underline;
}
#footer h1 {
	font-weight:bold;
	margin-bottom:0.35em;
}
#footer #army-logo {
	height:38px;
	padding-left:40px;
	background:url(/sites/all/themes/cac/images/army-logo.png) no-repeat;
	font-style:italic;
}
#footer #army-logo #official {
	margin-top:0.5em;
	font-style:normal;
	font-weight:bold;
}
#footer #army-logo #official.nodate {
	margin-top:0;
	padding-top:10px;
}
#footer ul {
	float:right;
	margin:0;
}
#footer ul li {
	text-align:right;
	display:inline;
	float:left;
	border-right:1px #999 solid;
	padding-right:6px;
	margin-left:6px;
	margin-bottom:0.5em; 
}
#footer ul li:last-child {
	border-right:none;
	padding-right:0;
}

/* link icons */
.ext-icon, .pdf-icon {
	display:inline-block;
	width:13px;
	height:13px;
	margin-left:5px;
	margin-right:3px;
	vertical-align: bottom;
	position:relative;
	top:-1px;
}
.ext-icon {
	background:url(/sites/all/themes/cac/images/sprites.png) 0 0;
}
.pdf-icon {
	background:url(/sites/all/themes/cac/images/sprites.png) -17px 0;
}
.logoSmall {
	display:inline-block;
	vertical-align:middle;	
}
.hamburger {
	display:inline-block;
	width:17px;
	height:15px;
	margin-top:-4px;
	vertical-align:middle;	
	background:url(/sites/all/themes/cac/images/sprites.png) -34px 0;	
}
.mobilelogo {
	display:inline-block;
	width:32px;
	height:15px;
	margin-top:-4px;
	vertical-align:middle;	
	background:url(/sites/all/themes/cac/images/sprites.png) -56px 0;	
}
#camera-slideshow {
	width:802px;
	height:372px;
}

/*pocket button and patch button stuff for core functions and products*/
#top-buttons {
	text-align:center;
}
.pocket {
	display:inline-block;
	width:156px;
	height:332px;
	margin-left:30px;
	cursor:pointer;
}
#top-buttons a:first-child { margin-left:0; }
#bottom-buttons {
	text-align:center;
	margin-top:30px;
}
.patch {
	display:inline-block;
	width:214px;
	height:66px;
	margin-left:30px;
	cursor:pointer;
}
#bottom-buttons a:first-child { margin-left:0; }

/*workbench info block*/
.workbench-info-block {
	position:absolute!important;
	left:0!important;
	top:197px!important;
	width:150px!important;
	font-size:0.75em!important;
	font-weight:bold!important;
	background:#dedabc!important;
	border-bottom:1px #c0c0c0 solid!important;
	border-right:1px #c0c0c0 solid!important;
	border-top:1px #c0c0c0 solid!important;
	border-radius:0 5px 5px 0!important;
	line-height:1.5em;
	padding:10px!important;
}
.workbench-info-block em {
	display:block;!important;
}
.workbench-info-block input {
	display:block;!important;
	margin-top:0.25em!important;
}

/*slideshow styles*/
#camera-slideshow {
	border:4px #fff solid;	
	box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	margin-bottom:10px;
}
#camera-slideshow.camera_wrap {
	display:block;
}
#camera-slideshow .camera_caption {
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	height:2.8em;
	line-height:2.5em;
}
#camera-slideshow .camera_caption h2, #camera-slideshow .camera_caption p {
	font-size:1em;
	font-weight:normal;
	letter-spacing:normal;
	position:relative;
	top:-5px;
}
#camera-slideshow .camera_caption p strong {
	font-weight:normal;	
}
#camera-slideshow .camera_caption .ext-icon, #camera-slideshow .camera_caption .pdf-icon {
	position:relative;
	top:-8px;
}
#camera-slideshow .camera_caption h2 .ext-icon, #camera-slideshow .camera_caption h2 .pdf-icon {
	position:relative;
	top:-3px;
}
#camera-slideshow .camera_caption a {
	color:#fff;
	text-decoration:underline!important;
}
.camera_target_content .camera_read-more-link {
    position:absolute;
    right:10px;
    top:0.3em;
}
.camera_caption > div {
    padding: 0.3em 80px 20px 10px!important;
}

/*for individual news slide images*/
.field-name-field-slider-image img,  .field-name-field-uncropped-image img {
	border:4px #fff solid;	
	box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	margin:0 auto 20px auto;
	display:block;
}
.news-slide-image {
	border:4px #fff solid;	
	box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
}

article.node-unpublished {
	background:none;	
}

/*for publication list views*/
ul.publication-list {
	list-style:none;	
}
.pub-meta {
	color:#999999;
}

/*media queries for mobile*/
@media only screen and (max-width:978px) {
	body {
		padding-top:63px !important;
	}
    div.layout-978 {
    	width:auto;
    }
    #toolbar {
    	display: none;
    	visibility: hidden;
    }
	#nav {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		position: fixed;
		width:100%;
		top:0;
		z-index:1000;		
		color:#FFFFFF;
		font-weight: bold;
		padding:0 10px;
	}
	#mobileNavDropdown {
		display: inline;
	}
	#mobileHomeButton {
		float:right;
		color:#FFFFFF;
		text-decoration: none;
	}
	#mobileHomeButton, #menuButton {
		display:inline-block;
		vertical-align: middle;
		line-height:32px;
		cursor:pointer;
	}
	#menu {
		display: none;
	}
	#sideMenu {
		display: block;
		width:300px;
		position:fixed;
		top:32px;
		left:-300px;
		margin-left: 0;
		bottom:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-o-transition:all 0.3s;
		transition:all 0.3s;
		z-index:998;
	}
	#sideMenu.open {
		left:0;
	}
	#sideMenu ul li {
		float:none;
	    background: none repeat scroll 0 0 #000000;
	    border-right: medium none;
	    border-top: 1px solid #555;	
	}
	#sideMenu ul li ul {
		display:block;
		position:relative;
	}
	#sideMenu ul li, #sideMenu ul li ul li {
		white-space:normal;
		line-height:1em;
	}
	#sideMenu ul li ul li a {
		padding:12px 20px;
	}
    #header {
    }
    .col2 a, #header .col9 {
    	display: none !important;
	}
    #header .col3 {
    	float:none;
		width:auto;
		margin:0 10px;	
	}
	#header #cac-logo {
		float:none;	
	}
	#header #cac-title {
		display:none;
	}
	#header.headerWithDropdown {
	}
	div.col4, div.col8, div.col10, #content .col12 {
		float:none;
		width:auto;
		padding:12px;
	}
	div.col8 {
		margin:0;
	}
	div.col8 ul {
		padding:0;
	}
	div.col2 {
		position: fixed;
		top:32px;
		left:0;
		right:0;
		margin:auto;
		width:100%;
		padding:4px 0;
		z-index: 997;
		background:#555; /* Old browsers */
		background:-moz-linear-gradient(top, #555 0%, #000000 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #555 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #555 0%,#000000 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top, #555 0%,#000000 100%); /* IE10+ */
		background:linear-gradient(to bottom, #555 0%,#000000 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#555",endColorstr="#000000",GradientType=0); /* IE6-9 */
	}
	div.col2 .block {
		margin:0;
	}
	div.col2, #content .sidebars h2 a {
		color:#FFFFFF;
	}
	div.col2 .menu, div.col2 h2 {
		display:none;
	}
	.col2 {
		text-align: center;
	}
	#camera-slideshow {
		width:auto;
	}
	div.col5 {
		width:auto;
		margin-left:0;
	}
	#block-block-1, #block-block-3 {
		display: none;
	}
	.news-slide-image {
		width:95%;
	}
	.news-slide-date {
		float:none;
	}
	#content img.right {
		float:none;
		margin:5px;
		width:100%;
	}
	/* Core Functions styles */
	#top-buttons {
		text-align: center;
	}
	.pocket {
		display:inline-block;
		margin:5px 0;
	}
	.patch {
		margin:5px 0;
	}
	#bottom-links a {
		display: inline;
	}
	/*workbench info block - hide for mobile */
	.workbench-info-block {
		display:none!important;
	}
	body.toolbar-drawer {
		padding-top:0px;
	}

}
