/*Define the styling of the API documentation*/

div.apiDiv  {
	font-size:10pt;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/******************************************************
HEADER DEFINITIONS: Decoration for general text in API.
******************************************************/
.apiH1 {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
    font-size:35px;
    line-height:40px;
    padding-bottom:5px;
    border-bottom: solid 1px #576A7A;
	/*padding-top:15px;*/
}

.apiH2 {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
	font-size:25px;
    margin-bottom:4px;
	margin-top:15px;
    padding-top: 15px;
}

.apiH3 {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
	font-size:20px;
    margin-bottom:4px;
	margin-top:15px;
}

/*.apiH3 {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
    font-size:20px;
    font-weight:500;
    font-style:italic;
    margin-bottom:4px;
	margin-top:15px;
    color: LightSlateGray ;
}
*/
.apiH4 {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
    font-size:110%;
    font-weight:500;
    margin-bottom:8px;
	margin-top:10px;
}

.apiH5 {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
}


.apiItalicized {
    font-family: "GillSansLight", "Gill Sans MT", sans-serif;
    font-size:15px;
    font-weight:500;
    font-style:italic;
    margin-bottom:4px;
    margin-top:15px;
    color: LightSlateGray ;
}

.apiBold {
    font-family: "Gill Sans MT", sans-serif;
    font-size:15px;
    font-weight:500;
    margin-bottom:4px;
    margin-top:15px;
}

.apiHeaderButton{
	border: 10px solid #FF9900;
	background-color: #FF9900;
	color: #584D47;
	font-size: 25px;
	text-transform: uppercase;
	padding: 0px 20px;
}

.apiHeaderButton:hover{
	border-bottom: 10px solid #FF8000;
	background-color: #FF9900;
	color: #584D47;
	font-size: 25px;
	text-transform: uppercase;
	padding: 0px 20px;
	cursor: pointer; 
	cursor: hand; 
}

.apiContentHeader {
    color: #FFF;
    background-color: #2B3E4E;
    width: 100%;
    left: 0px;
}

.apiContentHeader.underlap {
    padding-bottom: 50px;
}

.apiContentHeader.underlap .wrap {
    padding-bottom: 0px;
}

.apiContentHeader .wrap {
    padding-top: 15px;
    padding-bottom: 20px
}

.apiContentBody {
    margin-top: 20px;
    color: #33495C;
}

.apiContentBody.overlap {
    position: relative;
    bottom: 50px;
}

.apiReference {
	font-size: 90%;
    /*color: #207F20;*/
    color: #002A6C;
    text-decoration: underline;
}

.apiHighlight {
    text-transform: none;
    text-decoration: none;
    color: rgb(132, 174, 66);
    margin-bottom:10px;
	margin-top:15px;
}

.apiText {
	/*font-size:10pt;*/
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-weight:400;	*/
	margin-left:50px;
}

.apiList {
    /*list-style-type: none;*/
    padding-bottom: 5px;
    font-weight: 500;
}

.apiSubList {
    list-style-type: none;
    padding-top: 3px;
    font-weight: 400;
}

.dhsDisplayTable {
    width:100%;
}

.dhsDisplayTable td {
    max-width:450px;
    vertical-align: text-top;
}

.apiTagLine {
    font-family: "Gill Sans MT", sans-serif;
	padding-top: 5px;
	font-size:20px;
	font-weight: 400;
	text-align:center;
	color: #C6324F;
	/*color: #207F20;*/
}
/******************************************************
EXAMPLE REPRESENTATION: Decoration for example content
******************************************************/
.apiExampleTable {
    overflow-x:scroll;
    overflow-y:scroll;
    height:10px;
    transition: all 1s ease;    
}

.apiExampleURL {
	/*font-family: "Courier New", Courier, monospace;*/
	/*font-size:90%;*/
    /*font-weight:500;*/
}

.apiReferenceURL {
	font-family: "Courier New", Courier, monospace;
	font-size:93%;
    font-weight:500;
}

/******************************************************
TABLE REPRESENTATION: Decoration for tables in API.
******************************************************/
.apiTable{
		border:1px #666666 solid;
}

.apiTable th{
		background-color:#666666;
		color:#ffffff;
		padding-left:8px;padding-right:20px;
		padding-top:4px;padding-bottom:4px;
}

.apiTable td{
		padding-left:8px;padding-right:2px;
		padding-top:4px;padding-bottom:4px;
   	 	border:1px gray solid;
        border-collapse:collapse;
}

.apiTable .apiTableHeaderCol{
        font-weight:600;
		padding-left:8px;padding-right:2px;
		padding-top:4px;padding-bottom:4px;
}

/******************************************************
TAB REPRESENTATION: Decoration for tabs in API.
******************************************************/
.tabExamples {
	font-size:8pt;
}

/******************************************************
Showcase CSS
******************************************************/
.apiShowcase {
    display: inline-block;
    padding-bottom: 50px;
}

.apiShowcaseTitle {
	padding-bottom: 20px;
}
.apiShowcaseImg {
	padding-right: 20px;
	float: left;
}


.apiShowcaseDesc .imazhe {
		width: 100px;
}

/******************************************************
Display Classes
******************************************************/
.hidden {
	display: none
}

/******************************************************
SELECT
******************************************************/
.selectHeaderLarge {
	/*margin-bottom: 0px;*/
}

.selectContainerLarge {
    width:500px;
	height: 100px;
	border: 2px solid #D8D8D8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.selectHeaderSmall {
	float: left;
}

.selectContainerSmall {
    width:232px;
	height: 100px;
	border: 2px solid #D8D8D8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.selectBox {
	width: 100%;
	height: 100px;
	border: none;
}

.selectSpinner {
	width: 100%;
	height: 100px;
	border: none;
	background-color: orange
}

.selectContainerResult {
    width:600px;
	height: 60px;
    overflow:scroll; 
	/*border: 4px solid #D8D8D8;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-x: auto;
	word-wrap: break-word;
}

#queryBuilderResultsDiv {
    width:600px;
	height: 300px;
	font-size:80%;
    overflow:scroll; 
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-x: auto;
	word-wrap: break-word;	
}

#queryBuilderResultsPre {
    width:600px;
	height: 300px;
	font-size:80%;
    overflow:scroll; 
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-x: auto;
	word-wrap: break-word;
}