﻿/*
remove this when responsive is global
*/
#platform-canvas {
	width:100%;
	max-width:976px;
}
#platform-canvas-content {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#platform {
	min-width: 0;
}

.chapter-selector {
	background: #f3f0e9 url(../images/title-gradient.jpg) repeat-x 0 bottom;
	border: 1px solid #bfbebb;
	padding: 8px 16px;
	display: block;
	zoom: 1;
}
.chapter-selector #search {
	float: right;
}
.chapter-selector .search-field {
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 0 #c0beb9 inset, 0px -1px 0 #eae8e1 inset;
	-webkit-box-shadow: 0px 1px 0 #c0beb9 inset, 0px -1px 0 #eae8e1 inset;
	box-shadow: 0px 1px 0 #c0beb9 inset, 0px -1px 0 #eae8e1 inset;
	display: inline-block;
	width: 156px;
	padding: 6px 24px 6px 5px;
	margin: 0;
}
.chapter-selector .search-button {
	top: 8px;
}
.chapter-selector .select-menu {
	float: left;
	z-index: 1;
}
.chapter-selector .select-menu-button span {
	background-position: right -3px;
}
.chapter-selector .select-menu a span,
.chapter-selector .select  {
	font-size: 18px;
	line-height:19px;
	min-width: 230px;
	display: inline-block;
}
@media (max-width:800px) {
	.chapter-selector .select-menu a span,
	.chapter-selector .select  {
		font-size: 14px;
		max-width: 400px;
	}
}
.chapter-selector select {
	min-width:230px;
}
.chapter-selector .select .arrow {
	height:27px;
}
.chapter-selector .select-menu-list {
	top: 26px;
}
.chapter-content {
	padding-top: 30px;
}
.tools {
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.print {
	float: none;
}
.prev-next {
	margin-right: 20px;
	margin-bottom: 20px;
	clear:right;
}
.chapter-text .bottom {
	margin-top: 50px;
}
.chapter-sections {
	width: 35.555555555556%;
	float: left;
	background: url(../images/sidebar-left-shadow-tan-middle.png) repeat-y right top;
	padding: 0;
	margin: 0 3.333333333333% 0 0;
}
.chapter-sections .inner-wrap {
	background: url(../images/sidebar-left-shadow-tan-bottom.png) no-repeat right bottom;
	padding: 0;
	margin: 0;
}
.chapter-sections .inner-inner-wrap {
	background: url(../images/sidebar-left-shadow-tan-top.png) no-repeat right -25px;	
	padding: 0 30px 180px 0;
	margin: 0;
	min-height: 100px;
}
.chapter-sections .menu {
	font-size: 13px;
	line-height: 18px;
}
.chapter-sections .menu li,
.chapter-sections .menu > li > a {
	margin-bottom: 10px;
	display: block;
}
.chapter-sections .menu li ul {
	display: none;
}
.chapter-sections .menu li.active ul {
	display: block;
}
.chapter-sections ul li.active > a,
.chapter-sections .heading * {
	font-weight: bold;
	color: #000 !important;
}
.chapter-sections .menu > li > a {
	color: #2F393A;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: table;
	width: 100%;
}
.chapter-sections .menu > li > a:hover {
	color: #000;
}
.chapter-sections .menu > li > a > .chapter-title,
.chapter-sections .heading * {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.chapter-sections .menu ul li a {
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	display: table;
	width: 100%;
}
.chapter-sections .menu li ul {
	clear: both;
	margin-left: 5%;
}
.chapter-sections .menu .chapter-number {
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	display: table-cell;
	padding-right: 3%;
	width: 25%;
}
.chapter-sections .menu .chapter-title {
	display: table-cell;
	width: 75%;
}
.chapter-sections .menu li ul .chapter-number {
	width: 30%;
}
.chapter-sections .menu li ul .chapter-title {
	width: 70%;
}
#primary.chapter-text {
	/*width: 61.111111111111%;*/
	float: left;
	padding: 0;
}
.chapter-text h3 {
	color: #000;
}
.chapter-text > table {
	clear: both;
	margin-bottom: 20px;
}
.section-number {
	width: 70px;
}
.chapter-selector:after,
.chapter-sections .menu li:after,
.chapter-sections .menu > li > a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* crazy handbook table */
.figure.table {
	max-width: 550px;
	max-height: 500px;
	overflow: auto;
	border: 1px solid #BFBEBB;
}
#cboxLoadedContent {
	margin: 20px;
}
#cboxClose{
	display: block !important;
	position: absolute;
	top: 5px;
	right: 7px;
	text-align: right;
}
#cboxContent table {
	margin: 15px;
}
#cboxContent table *,
.figure.table table * {
	font-size: 10px;
}
#cboxContent th,
#cboxContent td,
.figure.table th,
.figure.table td {
	padding: 8px;
	border: 1px solid #BFBEBB;
}
.temp-menu-icon {
	display:none;
}
/* webml classes */
.topic img {
	margin-bottom: 20px;
}

@media print {
	* {
		color: black !important;
		background-color: white !important;
		border: none !important;
	}
	body {
		margin: 0 !important;
		padding: 0 !important;
	}
	.filed-under,
	.tools,
	.prev-next,
	.chapter-selector #search,
	.chapter-sections {
		display: none !important;
	}
	#primary.chapter-text {
		width: 100% !important;
		float: none !important;
	}
	#primary.chapter-text * {
		font-size: 14pt !important;
		line-height: 19pt !important;
	}
	.chapter-selector .button,
	.chapter-selector .button span {
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		font: bold 18pt/24pt Georgia, 'Times New Roman', Times, serif !important;
		padding: 0 !important;
	}
}

@media screen and (max-width:700px){
	#primary.chapter-text,
	.inner-wrap,
	.chapter-sections .inner-inner-wrap {
		width:auto;
		margin-right:0;
		background:none;
	}
	.chapter-sections {
		width:100%;
		background: none;
		margin:0 0 20px;
	}
	.chapter-content {
		padding-top:0;
		position: relative;
	}
	.chapter-sections .inner-inner-wrap {
		padding:0;
	}
	.chapter-selector .select-menu a span,
	.chapter-selector .select {
		min-width:0;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		max-width:100%;
	}
	.chapter-selector {
		background: none;
		border:0;
		padding:0 0 15px;
	}
	.chapter-selector #search,
	.select-menu {
		float:none;
		width:auto;
	}
	.select-menu {
		float:left;
		margin-top:10px;
		width:100%;
	}
	.tools {
		bottom:-30px;
		display: none;
	}
	.chapter-sections .inner-inner-wrap {
		min-height: 0;
	}
	.prev-next:first-child {
		position: absolute;
		right: 0;
		top: -80px;
		padding:0;
		margin:0;
	}
	.section-number {
		width:50px;
	}
	.figure-table table td {
		display:block;
	}
	.figure-table table tr {
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
		display:block;
	}
}

@media screen and (max-width:700px){
	.chapter-sections .menu li ul {
		display:none !important;
	}
}

@media screen and (min-width:700px){
	.chapter-sections .menu {
		display:block !important;
	}
}

/* ice overrides */
.iceForm .ui-tabs-nav li {display: inline-block !important;}
.iceForm .ixf-tabs-wrapper ul li a {width: auto !important;}
.workflow-table .ixf-tabs-wrapper .ui-tabs-nav {display: block !important;}
.workflow-table .ixf-tabs-wrapper .ixf-container ul {display: block !important;}
