* {
	margin: 0;
	padding: 0;
}
img { border: none; vertical-align: middle; }
p,h1,h2,h3 {
	font-size: 100%;
	margin-bottom: 1em;
}
h1 {
	color:#00ADEF;
	font-size:160%;
	line-height:120%;
	padding:1em 0;
}
h2 { font-size: 120% }
h3 { font-size: 110% }
body {
	padding: 0 30px 30px;
	font-family: 'Helvetica Neue',Arial,Helvetica;
	line-height:140%;
	font-size: 80%;
}
a {
	color: #00ADEF;
	text-decoration: none;
}
a:hover { color: #0C4B5F }
.fl { float: left }
.fr { float: right }
ul,ol {
	margin: 0 0 1em 1.75em;
	list-style: disc;
}
ol {
	list-style: decimal;
}

/* clearfix */
.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* example styles */
.org-chart {
	border-left: 3px solid #00ADEF;
	margin: 20px 25px 0 20px;
}
.org-chart .manager {
	border: 3px solid #00ADEF;
	position: relative;
	top: -20px;
	left: -20px;
	margin-bottom: 10px;
	background: #fff;
	width: 100%;
	max-width: 500px;
	margin-bottom: 30px;
	display: table;
	-moz-border-radius: 6px;
	-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .4);
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .4);
}
.org-chart .employees {
	list-style: none;
	margin: 0;
}
.org-chart li {
	border-top: 3px solid #00ADEF;
	position: relative;
}
.org-chart .emp {
	border: 3px solid #00ADEF;
	position: relative;
	top: -35px;
	left: 20px;
	margin-bottom: 15px;
	background: #fff;
	display: table;
	width: 100%;
	-moz-border-radius: 6px;
	-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .4);
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .4);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=4);
}
.org-chart .side {
	padding: 5px;
	vertical-align:top;
	width: 90px;
	display: table-cell;
}
.org-chart .middle {
	border-left: 1px solid #00ADEF;
	vertical-align: top;
	display: table-cell;
}
.org-chart .title {
	border-bottom: 1px solid #00ADEF;
	background: #C2E4EF url(../_images/gradient-s.png) repeat-x 0 0;
	padding: 2px 5px;
}
.org-chart .title p {
	float: right;
}
.org-chart .title h2 {
	margin: 0;
}
.org-chart .side img {
	width: 80px;
	height: auto;
	padding: 4px;
	border: 1px solid #E4D9CB;
	display: block;
}
.org-chart .content {
	padding: 5px
}
.org-chart .last {
	border-left: 4px solid #fff;
	margin-left: -3px;
}

.capabilities {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 90%;
	list-style: none;
	margin: 0 0 1em;
}
.capabilities li {
	border: 1px solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: table-cell;
	-moz-background-origin: border-box;
}
.span-8 li { width: 12.5% }
.span-7 li { width: 14.285% }
.span-6 li { width: 16.66% }
.span-5 li { width: 20% }
.span-4 li { width: 25% }
.capabilities .title {
	display: block;
	padding: 0 2px;
	border-bottom: 1px solid #000;
	white-space: nowrap;
	text-align: center;
	color: #000;
}
.capabilities .rate {
	display: block;
	background-color: #fff;
	background-image: url(../_images/gradient-s.png);
	background-repeat: repeat-x;
	background-position: 0 -20px;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-indent: -9999px;
}
.capabilities .rate span {
	display: block;
	margin-right: 5px;
	background: url(../_images/arrow-d.gif) no-repeat 100% 5px;
}
.capabilities .rate:hover { background-image: none }
.no-rating .rate { text-indent: 0 }
.high .rate { background-color: #6a0 }
.medium .rate { background-color: #ff7200 }
.low .rate { background-color: #e41 }

.breadcrumb {
	border-top: 3px solid #00ADEF;
	width: 100%;
	overflow: hidden;
	list-style: none;
	margin: 0 0 1em;
}
.breadcrumb li {
	float: left;
	padding-right: 1em;
	position: relative;
}
.breadcrumb span {
	background: #00ADEF url(../_images/arrow-trans-d.gif) no-repeat 50% 0;
	height: 5px;
	width: 9px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -12px;
}
.breadcrumb a {
	float: left;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 110%;
}
.breadcrumb .previous a { color: #ddd }
.breadcrumb .previous a:hover { color: #ccc }
.breadcrumb .selected { font-weight: bold }

.steps {
	width: 200px;
	float: left;
	list-style: none;
	margin: 0 0 1em;
}
.steps li {
	background: #C2E4EF url(../_images/gradient-s.png) repeat-x 0 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	margin-bottom: 10px;
}
.steps li:hover { background-image: none }
.steps a {
	display: block;
	padding: 6px;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.steps span {
	background: #C2E4EF url(../_images/arrow-trans-d.gif) no-repeat 50% 100%;
	height: 5px;
	width: 9px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	margin-left: -4px;
}
.steps .previous, .steps .previous span { background-color: #ddd }
.steps .selected, .steps .selected span { background-color: #00ADEF }
.steps .selected a { color: #fff }
.steps .previous a { color: #555 }

.on-side { overflow: hidden; padding: 0 10px }

.grid table {
	border: 3px solid #C2E4EF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 1em;
	width: 100%;
	border-spacing: 0;
}
.grid th {
	padding: 5px 5px 7px;
	text-align: left;
	border-bottom: 2px solid #C2E4EF;
	white-space: nowrap;
	background: #C2E4EF url(../_images/gradient-s.png) repeat-x scroll 0 0;
}
.grid td {
	padding: 2px 5px;
}
.grid tr:hover td {
	background: #EAF1F4 url(../_images/gradient-s.png) repeat-x scroll 0 0;
}

/* other */
.box, .box-inner {
	background: #C2E4EF url(../_images/gradient-m.png) repeat-x 0 0;
	clear: both;
	padding: 10px;
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=2);
	display: table;
	width:auto;
}
.box-inner {
	display: block;
	background: #fff;
	margin-bottom: .5em;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=120, Strength=1);
}
.button-area {
	text-align: center;
	padding:1em 0 0;
}
.button {
	background: #00ADEF url(../_images/gradient-s.png) repeat-x 0 0;
	border: none;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-shadow: 0 -1px #555;
	cursor: pointer;
}
.button:hover {
	background: #3BC0EF;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.5);
}
.hover-link {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2px 8px;
	text-decoration: none;
	font-size: .95em;
	font-weight: bold;
}
.hover-link:hover {
	background: #ddd;
	background: rgba(0,0,0,.1);
	color: #07607F;
}

.info {
	border: 1px solid #EFEAB3;
	background: #FFFABF url(../_images/gradient-s.png) repeat-x 0 0;
	padding: 5px;
	margin-bottom: 1em;
}
.error {
	border: 1px solid #FFCEBF;
	background: #FFCEBF url(../_images/gradient-s.png) repeat-x 0 0;
	padding: 5px;
	margin-bottom: 1em;
}
.info img, .error img { vertical-align: middle }

.i-want-to {
	border: 1px solid #aaa;
	background: #fff;
	position: relative;
}
.i-want-to .trigger {
	background: url(../_images/arrow-d.gif) no-repeat 100% 6px;
	white-space: nowrap;
	padding: 0 15px 0 5px;
	margin-right: 5px;
	cursor: pointer;
}
.i-want-to .options {
	position: absolute;
	left: -1px;
	list-style: none;
	margin: 0;
	background: #fff;
	border: 1px solid #aaa;
	min-width: 74px;
}
.i-want-to .options a {
	padding: 0 5px;
	display: block;
}