@font-face {
    font-family: 'dustismo_romanregular';
    src: url('/fonts_standards/dustismoroman_regular_macroman/Dustismo_Roman-webfont.eot');
    src: url('/fonts_standards/dustismoroman_regular_macroman/Dustismo_Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts_standards/dustismoroman_regular_macroman/Dustismo_Roman-webfont.woff') format('woff'),
         url('/fonts_standards/dustismoroman_regular_macroman/Dustismo_Roman-webfont.ttf') format('truetype'),
         url('/fonts_standards/dustismoroman_regular_macroman/Dustismo_Roman-webfont.svg#dustismo_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'permianseriftypefaceregular';
    src: url('/fonts_standards/permianserif_regular_macroman/PermianSerifTypeface-webfont.eot');
    src: url('/fonts_standards/permianserif_regular_macroman/PermianSerifTypeface-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts_standards/permianserif_regular_macroman/PermianSerifTypeface-webfont.woff') format('woff'),
         url('/fonts_standards/permianserif_regular_macroman/PermianSerifTypeface-webfont.ttf') format('truetype'),
         url('/fonts_standards/permianserif_regular_macroman/PermianSerifTypeface-webfont.svg#permianseriftypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'permianseriftypefacebold';
    src: url('/fonts_standards/permianserif_bold_macroman/PermianSerifTypeface-Bold-webfont.eot');
    src: url('/fonts_standards/permianserif_bold_macroman/PermianSerifTypeface-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts_standards/permianserif_bold_macroman/PermianSerifTypeface-Bold-webfont.woff') format('woff'),
         url('/fonts_standards/permianserif_bold_macroman/PermianSerifTypeface-Bold-webfont.ttf') format('truetype'),
         url('/fonts_standards/permianserif_bold_macroman/PermianSerifTypeface-Bold-webfont.svg#permianseriftypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family:'Helvetica, Arial, Verdana', sans-serif !important;
	font-size:15px;
	background: #e5e5e5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) no-repeat;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)) no-repeat;
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%) no-repeat;
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%) no-repeat;
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%) no-repeat;
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%) no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ) no-repeat;
}
.otc-home{
	box-shadow: inset 0px -3px 5px #f1f1f1;
	margin-top:15px;
	background-color:#FFF;
	font-size:12px;
	padding:10px 15px;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border:1px solid #CCC;
}
.list-group{
	font-size:15px;

}
a.list-group{
	color:#2a6496;
}
.container{
	
}
.container.main{
	
	margin-bottom:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#FFF;
	border:1px solid #CCC;
	padding-bottom:10px;
}
.container .jumbotron{
	padding:10px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.jumbotron{
	position:relative;
	margin-bottom:15px;
	margin-top:15px;
	min-height:70px;
	background:
		linear-gradient(
	      rgba(50, 145, 225, 0.70), 
	      rgba(50, 145, 225, 0.70)
	    ), url(../img/int-bg.jpg) 50% 20% repeat fixed;
}
.jumbotron h1{
	font-size:22px;
	margin:0;
	padding:20px 0;
	color:#FFF;
	text-decoration: none !important;
	margin-left:15px;
}
.jumbotron .logo{
	background-color:#FFF;
	position:absolute;
	top:0;
	left:0;
	padding:0 15px 15px 0;
	-webkit-border-radius:0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
}
.jumbotron h1{
	/*position:absolute;
	bottom:0;
	margin:0;
	padding:0;
	color:#FFF;
	font-size:30px;
	font-weight:200;*/
}
.search{
	margin-bottom:15px;
	margin-top:15px;
}

.level0 .link,
.level1 .link,
.level2 .link,
.level3 .link,
.level4 .link,
.level5 .link,
.level6 .link,
.level7 .link,
.level8 .link,
.level9 .link
{
	position:absolute;
	right:4px;
	top:4px;
	width:20px;
	display:block;
	height:20px;
	font-size:12px;
	background-color:#CCC;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	text-shadow:0px 0px 1px #FFF;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.level0 .link a{
	color:#666;
}
p{
	padding-bottom:15px;
	line-height:30px;
	margin-right:40px;
}

.level0 .wrapper{
	overflow:auto;
	min-height:40px;
	margin-bottom:2px;
}

.level1 .wrapper,
.level2 .wrapper,
.level3 .wrapper,
.level4 .wrapper,
.level5 .wrapper,
.level6 .wrapper,
.level7 .wrapper,
.level8 .wrapper,
.level9 .wrapper
{
	overflow:auto;
	min-height:40px;
	margin-bottom:2px;
	background:none;
}
.level0{
	background-color:#f7f7f7;
}
.level0,
.level1,
.level2,
.level3,
.level4,
.level5,
.level6,
.level7,
.level8,
.level9{
	position:relative;
	margin-bottom:5px;
}
.section{margin-left:40px;padding:10px 0 10px 10px;}

.number{
	color:#FFF;
	text-align:center;
	display:inline-block;
	top:0;
	position:absolute;
}
.title {
	display:inline-block;
	line-height:40px;
	margin-left:50px;
	margin-right:50px;
}
.level0 .title{
	padding-top:4px;
}
.level1 .title{
	line-height:35px;
}
.level2 .title{
	margin-left:45px;
	line-height:30px;
}
.level3 .title{
	line-height:25px;
	margin-left:65px;
	border-radius:3px;
}
.level4 .title{
	
}
.level5 .title{
	
}
.level6 .title{
	
}
.level7 .title{
	
}
.level8 .title{
	
}



.level0 .number{
	font-size:18px;
	background-color:#235ba6;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:40px;
	width:40px;
	height:40px;
	top:2px;
}
.level1 .number{
	font-size:16px;
	background-color:#235ba6;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:35px;
	width:35px;
	height:35px;
	
}
.level2 .number{
	font-size:16px;
	background-color:#235ba6;
	-webkit-border-radius:7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	line-height:30px;
	width:30px;
	height:30px;
}
.level3 .number{
	font-size:16px;
	background-color:#235ba6;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:24px;
	padding:1px 5px;
	width:auto;
	height:auto;
	/*
	width:30px;
	height:30px;*/
}
.level4 .number{
	font-size:16px;
	background-color:#2aa8d6;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height:30px;
	width:30px;
	height:30px;
}
.level5 .number{
	
}
.level6 .number{
	
}
.level7 .number{
	
}
.level8 .number{
	
}




/* SEARCH */
.search .section{
	position:relative;
	min-height:60px;
	margin-left:0;
	padding:0;
}
.search{
	font-size:15px;
}
.search .section .title{
	margin-left:70px;
	line-height:30px;
}
.search .section .number{
	text-align:center;
	padding:4px 5px;
	width:60px;
	height:auto;
	position:absolute;
	left:0;
	background-color:#144960;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.search .section .link{
	position:absolute;
	right:4px;
	top:4px;
	width:20px;
	display:block;
	height:20px;
	font-size:12px;
	background-color:#CCC;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	text-shadow:0px 0px 1px #FFF;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.search .section .link a{
	color:#666;
}
.search .title{
	
}
.search .section{
	
}
.breadcrumb{
	margin-top:5px;
	margin-bottom: 15px;
}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: ">";
}
.cont{
	margin-bottom: 15px;
	padding:5px;
	display:inline-block;
	margin-right:10px;
	border:1px solid #ededed;
	border-radius:3px;
}
.badge{
	display:inline-block;
	width:13px;
	height:13px;
	background:none;
	border-radius:5px;
}
.icon.text{
	background-color:#00bcd4;
}
.icon.book{
	background-color:#2196f3;
}
.icon.course{
	background-color:#ff9800;
}
.icon.course1{
	background-color:#2579e2;
}
.icon.lesson{
	background-color:#2d9d88;
}
.icon.video{
	background-color:#9c27b0;
}

.cont i.icon{
	color:white;
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:3px;
	text-align:center;
	line-height:30px;
}

.cont .text{
	display:inline-block;
	/* height:30px; */
	vertical-align:baseline;
}

.search-nav{
	font-size:18px;
	padding-bottom:10px;
	display:inline-block;
}
.search-nav .sep{
	color:#CCC;
	text-decoration:none;
}

/* END SEARCH*/
.intro{

}
.appendix b{
	/*font-family:"permianseriftypefacebold",'Times New Roman', serif;*/
}
.appendix{
	color:#555;
}
.appendix strong, .appendix p strong{
	/*font-family:"permianseriftypefacebold",'Times New Roman', serif;*/
	font-size:17px;
	color:#006699;
}

ul.leaders {
    max-width: 100%;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white
}
.tier1{
	margin-left:30px;
}
.doublecolumn{

}
.appendix blockquote{
	font-style: italic;
	font-size:14px;
}
.appendix .benchmark thead{
	text-align:center;
	background-color:#000;
}

.footer{
	margin-bottom:30px;
	padding:10px;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*.header-container{
	margin-bottom:15px;
}*/

/* a{
	color:#428bca !important;
	text-decoration: none;
} */

.header-container{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    background-color:#FFF;
    overflow:auto;
    margin-bottom:15px;
}
.header-container div.container{
    /*max-width:970px;*/
    margin:0 auto;
    padding:0px 15px;
    background-color:#FFF;
}
.header-container .nav-right{
    margin:0;
    padding:0;
    float:right;
}
.header-container .nav-right li{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}
.header-container .nav-right{
    overflow:auto;
}
.header-container .nav-right .support-text{
    float:left;
    padding:20px 0px 20px 15px;
    margin-right:15px;
}
.header-container .nav-right .support-text a{
    border-left:1px solid #CCC;
    color: #23447d;
    display:block;
    padding:0 0 0 20px;
}
.header-container .nav-right a{
    padding:20px 7px;
    color: #23447d;
    font-size:14px;
    display:block;
}
/*body{
	font-family: "permianseriftypefaceregular",'Times New Roman', serif !important;
}*/


