/* CSS Document */

body
{
	background-color: white;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

p.note {
	color: #111111;
	text-align:left;

	background-color: rgb(250, 250, 250);
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #D4D4D4;
	margin: 0px 10px 0px 0px;
	padding: 0.8em 1.5em 1em 1.5em;	
	line-height:16px;
}

p.main
{
	color: #333333;
	line-height: 18px;
	text-align: left;
}

li.main
{
	color: #333333;
	margin-bottom:5px;
}

a:link, a:visited {
	color: #006699;
	text-decoration: none;	
}

a:hover, a:focus, a:active {
	color: #1C417C;
	text-decoration: underline;
}

H1.main
{	
	margin-bottom: 10px;
	color: #333333;
}

H2.main
{
	margin-bottom: 10px;
	color: #333333;
}

H3.main
{	
	margin-bottom: 10px;
	color: #333333;
}


.codeBlock{margin-left:-6px;}

/*
.htmlCode {color: #CC6600}
.jsAttribute {color: #0000FF}
*/

.jsComment {color: Green}

/* data table for samples */
table.dtTABLE
{
	border: 1px solid #cccccc;
	border-collapse:collapse;
}
table.dtTABLE th
{
	background:url("../img/header_back.gif") repeat-x scroll 0 top #ebecee;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	border-top:1px solid #D0D0D0;
	padding:3px;
	padding-left:10px;	
	padding-right:10px;	
	text-align:left;
	vertical-align:middle;
	color: #222222;
	font-size: 11px;
}
table.dtTABLE td
{
	border:1px solid;
	border-color:#D0D0D0;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
	padding-top:8px;
	padding-right:10px;
	padding-bottom:8px;
	line-height:18px;
	color: #333333;
}
/* end data table for samples  */

/* data table for image samples */
table.imgTABLE
{
	border: 1px solid #cccccc;
	border-collapse:collapse;
}
table.imgTABLE tbody tr th
{
	font:normal 60% Verdana;
	background-color:#EEEEEE;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:3px;
	text-align:right;
}
table.imgTABLE tbody tr td
{	
	border:1px solid #cccccc;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;	
}
/* end data table for image samples  */



/* documentation page container div*/
DIV.htmlSample
{
	margin-left:30px;
	width: 600px;
	border-style:solid;
	border-width: thin;
	border-color:#D0D0D0;
	padding:10px;
	background:#F5F5F5;
}


DIV.main
{
	margin-left:30px;
	width: 700px;
}





DIV.xmlSampleNoWidth
{
	padding:5px;
}


DIV.xmlSample
{
	padding:10px;
	width:700px;
	border-style:dashed;
	border-width:thin;
	background-color:#EEEEEE;
}

DIV.sample
{
}

/* sampels tabs */

	.tabHeader td {
		border-style: solid;
		border-width: 1px;
		border-color: Black;
		width: 50px;
		text-align: center;
	}
	
	.sampleCode {
		width: 700px;
	}
	
#noScriptDiv {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	text-align: center;
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	vertical-align: middle;
}
#noScriptDiv span {
	position: relative; top: 50%;
}
div.code {
	border: 1px dashed black;
	padding: 10px;
	width: 700px;
}
div.sourceCode {
	width: 800px;
	border: 1px dashed black;
	padding: 10px;
	font-family: monospace;
	font-size: 9pt;
	background: #EDEDED;
	overflow: auto;
}

/* inline code samples */
.codeSample {
	width: 700px;
}

.codeSample * {
	padding: 0;
	margin: 0;
}

.codeSample .codeSampleHeader {
	height: 27px;
	width: 100%;
}

.codeSample .xmlSelected {
	background: #ffffff url("./../img/tabs.gif") no-repeat 5px 0px;
}

.codeSample .jsonSelected {
	background: #ffffff url("./../img/tabs.gif") no-repeat 5px -32px;
}

.codeSampleXML, .codeSampleJSON,.codeSampleXMLSelected, .codeSampleJSONSelected  {
	position: relative;
	top: 8px;
}

.codeSampleHeader a {
	text-decoration: none;
	color: rgb(65,65,65);
	font-family: Tahoma;
	font-size: 9pt;
}

.codeSampleXML { left: 42px; }
.codeSampleXMLSelected { font-weight: bold; left: 36px; }
.codeSampleJSON { left: 85px; }
.codeSampleJSONSelected { font-weight: bold; left: 90px; }
		
.codeSample .codeSampleContent {
	border: 1px solid rgb(147,147,147);
	color: #333333;
	background-color:#fafafa;
    font:normal 13px Verdana;
	overflow: auto;
}

.codeSample .xmlverb-default {
	border: 0;
	padding-left: 8px;
	width: 680px;
	background: none;
	padding-bottom: 4px;
}

.codeSample .codeSampleContent p {
	padding: 2px;
	padding-left: 8px;
}

.viewSample, .downloadSample {
	width: 63px;
	height: 16px;
	border: 0;
	vertical-align: bottom;
}

.viewSample img, .downloadSample img {
	border: 0;
}

.customSample, .customSample * {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
	outline: none;
}

.customSample {
	height: 45px;
	background-color: #F4F4F4;
	
	font: bold 70% Verdana;
	color: #000000;
}

.customSampleLeft, .customSampleRight {
	width: 5px;
	overflow: hidden;
}

.customSampleContent {
	padding-left: 16px;
	padding-right: 45px;
}

.customSampleButtons {
	padding-right: 10px;
}

.customSampleContent, .customSampleButtons {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.customSampleLeft {
	background-image: url(../img/custom-sample-border-left.png);
}

.customSampleRight {
	background-image: url(../img/custom-sample-right-brd.png);
}

.customSampleRun {}

.customSampleDownload {
	padding-left: 10px;
}

.xmlJSSpoiler, .spoiler { width: 710px; }
.xmlJSSpoiler .title, .spoiler .title{background:url(./../img/grad.png) repeat-x;height:18px;font-family:Tahoma, Arial, sans-serif;font-weight:bold;font-size:11px;line-height:15px;padding:5px 0 0;border:1px solid #c7c7c7;cursor:pointer;}
.xmlJSSpoiler .title div, .spoiler .title div{height:15px;background-image:url(./../img/spiler-btn.png);background-repeat:no-repeat;background-position:10px -45px;padding-left:35px;}
.xmlJSSpoiler .title:hover, .spoiler .title:hover{text-decoration:underline;}
.xmlJSSpoiler .title:hover div, .spoiler .title:hover div{background-position:10px -30px;}
.xmlJSSpoiler .title.clicked div, .spoiler .title.clicked div{background-position:10px -15px;}
.xmlJSSpoiler .title.clicked:hover div, .spoiler .title.clicked:hover div{background-position:10px 0px;}
.xmlJSSpoiler .spoilerContent, .spoiler .spoilerContent {border:1px solid #c7c7c7; border-width:0 1px 1px;padding:0;padding-top:6px;padding-bottom:6px;display:block;}
.xmlJSSpoiler .spoilerContent img, .spoiler .spoilerContent img{display:block;}
.xmlJSSpoiler .syntaxhighlighter {border:0 !important; padding:4px 0 5px;}
.xmlJSSpoiler .spoilerContent.tabs {padding:0;}

.code-menu a img{border:0 !important;display:inline !important;}
.code-menu{position:absolute;right:0;top:2px;height:20px;padding:2px 4px 0;border:0;}
.code-menu a{margin:0 1px;}

.sample-box{border:1px solid #cccccc;width:360px;}
.sample-box .title{border:none;border-bottom:1px solid #ccc;padding:5px 0 5px 14px;font:bold 12px/13px Arial, Verdana, sans-serif;background:url(../img/custom-samples/sample-title.png) #eee repeat-x top left;}
.sample-box .content{padding:10px 14px;overflow:hidden;}
.sample-box:hover{border-color:#3764a0;}
.sample-box a{display:block;text-decoration:none;}
.sample-box .pic a{outline:0;width:100%;height:100%;overflow:hidden;}
.sample-box .pic{width:126px;height:90px;float:left;margin:0 5px 0 0;position:relative;border:1px solid #d7ebaf;padding:6px;background:url(../img/custom-samples/white-2-yellow.png) #eef9d7 repeat-x;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
	.sample-box .co {display:block;position:absolute;width:6px;height:5px;background-image:url(../img/custom-samples/co-y.png);background-repeat:no-repeat;}
	.sample-box .co.tr{background-position:top right;top:-1px;right:-1px;}
	.sample-box .co.tl{background-position:top left;top:-1px;left:-1px;}
	.sample-box .co.br{background-position:bottom right;bottom:-1px;right:-1px;}
	.sample-box .co.bl{background-position:bottom left;bottom:-1px;left:-1px;}
.sample-box .pic:hover div{background-position:center center;}
.sample-box .content-title{font:bold 11px/14px Arial, Verdana, sans-serif;color:#3764a0;}
.sample-box a:hover .content-title{color:#444444;}
.sample-box .text{font:normal 10px/13px Verdana, Arial, sans-serif;color:#000;}
.sample-box .pic .picture{position:relative;background-repeat:no-repeat;background-position:center center;width:100%;height:100%}
.sample-box .pic .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../img/zoom-btn.png);background-repeat:no-repeat;background-position:-100% -100%;}


ul.tree
{
	list-style-type:none;
}

li.folder-closed {
	color: #000000;
	background-image: url(../img/folder-closed.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 2em;
	padding-bottom: .5em;

}

li.folder-open {	
	color: #000000;
	background-image:  url(../img/folder-open.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 2em;
	padding-bottom: .5em;

}

li.file {
	color: #000000;
	background-image:  url(../img/file.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 2em;
	padding-bottom: .5em;

}

.mxml {
 border: 1px solid #E5E5E5;
 background-color: #F2F2F2;
 font-family: 'Lucida Console', 'Courier New', Courier, monospace;
 font-size: 12px;
 margin-bottom: 10px;
 margin-top: 10px;
 overflow: auto;
 padding-bottom: 5px;
 padding-left: 25px;
 padding-right: 5px;
 padding-top: 5px;
}