/*
	Sodaware.net
	
	Documentation Area Stylesheet
*/

a:visited{color:#0000FF}
a:hover{color:#20296A}

body { font: 13px verdana; color: #222; margin: 0px; background: #999;}

/* Page Layout styles */

#privacyContainer { 
	border-top: 1px solid #aaa;
	background: #d5d5d5;
	margin: 0px 4px;
	padding: 5px;
	clear: both;
}

#privacyContent {
	padding: 3px;
	border-top: 1px solid #bbb;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #bbb;
	background: #ccc url(images/footer-logo.png) right no-repeat;
	height: 34px;
}

#privacyContent { font: 10px verdana; clear: both;  }
#privacyContent p { margin: 0px; padding: 2px 0px; width: 95%;}

#privacyContent p.top { border-bottom: 1px solid #bbb; }
#privacyContent p.bottom { border-top: 1px solid #ddd; }


h1 { margin: 0px 0px 12px; border-bottom: 1px dotted green; font: bold 18px verdana; }
h2 { margin: 18px 0px; border-bottom: 1px dotted green; font: bold 16px verdana; }
h2 a { text-decoration: none; }

h3 { font-size: 13px; margin: 0px; padding:0px;}
h4{font-size:11px;margin:0px}

ul { margin-top: 0px; }

#pageContainer {
	background: white url(images/page-background.png);
	width: 760px;
	margin: auto;
	padding: 0px 5px;
}

#logoContainer {
	background: url(images/logobg-small.png);
	height: 40px;
	margin: 0px 4px;
	font: 10px verdana;
}

#logoContainer img { float: left; }
#logoContainer p { float: right; margin: 25px 5px 0px 0px; }

#menuContainer {
	background: #4BB133 url(images/toolbarBG.png);
	margin: 0px 4px;
	height: 24px;
}

#breadcrumbContainer
{
	padding-left: 4px;
	padding-top: 4px;
	margin: 0px 4px;
	background: #9CD68D url(images/breadcrumbBar.png) repeat-x;
	height: 20px;
	font-size: 11px;
}

#breadcrumbContainer a, .HistoryList th a { color: #424B8C; }
#breadcrumbContainer a:visited, .HistoryList th a:visited { color: #424B8C; }
#breadcrumbContainer a:hover, .HistoryList th a:hover { color: #E3E4F2; }


#mainContainer {
	background: url(images/content-background.png) repeat-x;
	margin: 0px 5px;
	padding: 10px 5px;
}

/* Main page content - may contain two divs */
#mainContent { padding: 0px 5px;}
#mainContent.wide { width: 520px; float: left; margin: 0px; display: inline; }
#mainContent.justify { text-align: justify; }

/* Header menu style */

#menuContainer ul { list-style: none; margin: 0px; padding: 0px; }

#menuContainer li { float: left; padding: 2px; border-right: 1px solid #424B8C; }
#menuContainer li a { font: bold 13px verdana; color: white; text-decoration: none; display: block; padding: 2px 5px; }
#menuContainer li a:hover{ padding: 1px 4px; color: black; border: 1px solid black; background: #8FF577 url(images/tbButtonHover.png) repeat-x; }
#menuContainer .Selected a { border: 1px solid Black; color: #6D6D81; background: white; padding: 1px 4px; }


#headerContainer {
	background: #7D84C0 url(images/topMenuBar.png);
	height: 14px;
	margin: 0px 4px;
	padding: 0px;
	text-align: right;
}

#headerContainer img {
	border-left: 1px solid #424B8C;
}

#headerContainer a { color: white; }

#headerContainer a:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background: #9FA6E2 url(images/topMenuBar_LinkHover.png) repeat-x;
}

.Footer {
	border-left: 1px solid #424B8C;
	border-right: 1px solid #424B8C;
	background: #7D84C0 url(images/topMenuBar.png) repeat-x;
	height: 14px;
	font-size: 10px;
	padding: 0px;
	text-align: center;
	color: black;
}

.Toolbar ul {
   padding : 0;
   margin : 0;
}

#lst_MainOptions {
	list-style: none; 
	margin: 0px;
	padding: 0px;
}

#lst_MainOptions li { 
	float: left;
	padding: 2px 2px;
	border-right: 1px solid #424B8C;
}

#lst_MainOptions li a { 
	font: bold 13px verdana; 
	color: black; 
	text-decoration: none; 
	display: block;
	padding: 2px 5px;
}

#lst_MainOptions li a:hover{ 
	padding: 1px 4px;
	color: black; 
	border: 1px solid black; 
	background: #BFC8F4 url(images/tbButtonHover.png) repeat-x; 
}

#lst_MainOptions .Selected a { 
	border: 1px solid Black; 
	color: #6D6D81; 
	background: white; 
	padding: 1px 4px;
}

#lst_MainOptions .Selected a:hover { 
	border: 1px solid Black; 
	color: #6D6D81; 
	background: white; 
	padding: 1px 4px;
}

/* -- Rich Footer -- */
#footerContainer {
	clear: both;
	padding-bottom: 10px;
	background: #ddd;
	margin: 0px 4px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font: 12px verdana;
}

#footerContainer h4 { margin: 0px; border-bottom: 2px groove #fff; font: bold 12px verdana;}

.footerFull 
{
	margin: 5px;
}

.footerList { float: left; margin: 5px; width: 240px; }
.footerList.narrow { width: 25% }
.footerList.wide { width: 45%  }

.footerList p { margin: 6px 0px; }
.footerList ul { margin: 6px 0px; padding: 0px 0px 0px 24px; }
.footerList ul li { margin: 0px; }

.border { border: 2px groove black; }
.clear { clear: both; padding: 0px; margin: 0px; }

.bcText
{
	background: transparent;
	border: 1px;
	font-size: 11px;
}

hr{border:none;border-top:1px solid #AAAAAA;height:1px}
form{margin:0px;}
input{border:1px solid #AAAAAA;color:#000000;font:12px Verdana,sans-serif}

.apiComment {background:#dddddd;border:1px solid #AAAAAA;padding:0px;margin-bottom:5px;}
.apiComment .Header {background:#C8DCEF;border-bottom:1px solid #AAAAAA;padding:2px;}
.apiComment .Body {background:#eeeeee;padding:2px;}

.apiNavBar{background:#EEEEEE;border:1px solid #AAAAAA;padding:2px;}
.apiTable{background:#AAAAAA;border:1px solid #AAAAAA;border-width:1px 1px 0px 0px;width:100%; border-spacing: 0px;border-collapse: collapse; width:100%}
.apiTable td{background:#FFFFFF;border-color:#AAAAAA;border-style:solid;border-width:0px 0px 1px 1px;padding:4px 6px;text-align:left;vertical-align:top}
.apiTable th{background:url(images/breadcrumbBar.png);border-bottom:1px solid #AAAAAA;border-left:1px solid #AAAAAA;font:11px verdana; font-weight: bold;height:19px;padding:0px 0px 0px 2px}
.button{background:url(images/buttonNormal.png)}
.button:hover{background:url(images/buttonHover.png);border:1px solid #2B8C2B}
.button:active{background:url(images/buttonActive.png);border:1px solid #000000}
.codeWindow{
	border: 1px solid #AAAAAA;
	background: #206060;
	padding: 3px;
	width: 95%;
	color: white;
	font-family: Blitz, "Lucida Console", "Courier New", monospace;
}

.codeWindow .DataType {color: #DDDDFF;}
.codeWindow .Function {color:#ffe75f;}

.shadowBox{border:1px solid #A9A9A9;padding:5px}
.shadowBox .shot{border:1px solid #A9A9A9}
.shadowBox p{font-size:12px;margin:2px}
.sideBox{border:1px solid #A9A9A9;margin-bottom:10px;width:138px}
.subMenu{padding:0px;padding-bottom:1px}
.text{background:url(images/bt_bg.gif)}

.kbHeader {
	padding: 2px;
	margin: 0px;
}

.kbHeader td {
  padding: 3px;
}

.kbHeader th {
	text-align: left;
	background: #eeeeee;
}

.gradientBox1 {
	background: url(images/lightGradient.png);
	border: 2px ridge #A9A9A9;
}

.gradientBox2 {
	background: url(images/greyGradient.png);
	border: 2px ridge #A9A9A9;
}

.gradientBox1 h3, .gradientBox2 h3 {
	border-bottom: 1px dotted black;
}

.boxImage {
	border: 1px solid #AAAAAA;
	background: white;
	padding: 5px;
}

/** History styles **/
.History {margin-bottom: 10px;	}
.History .SectionTitle { font: bold 14px Arial; background: #BEC2E1; vertical-align: middle; border-top: 1px solid #E3E4F2; border-bottom: 1px solid #888FC6 }
.History .Date { vertical-align: top; background: #efefef; }
.History .Record { }

/** History Table Styles **/
.projectList { width: 100%; }
.projectList th { background: #BEC2E1;  vertical-align: middle; border-top: 1px solid #E3E4F2; border-bottom: 1px solid #888FC6; }
.projectList .rowOne { padding: 0px 3px 1px 3px; font: 12px verdana; text-align: left; background-color: #EFEFEF; border-bottom: 1px solid #bbbbbb;}
.projectList .rowTwo { padding: 0px 3px 1px 3px; font: 12px verdana; text-align: left; background-color: #E0E0E0; border-bottom: 1px solid #aaaaaa;}

#latestRelease {
	padding: 5px;
	width: 310px;
	border: 1px solid black;
	background: url(images/latestRelease.png);
}

#latestRelease h3 {
	border-bottom: 1px dotted #555555;
}

#latestRelease img {
	margin-right: 5px;
}

#projectReleases {
	width: 100%;
}

#projectReleases td {
	padding: 2px;
}

#projectReleases .releaseHead {
	padding: 1px;
	background: #BEC2E1;  vertical-align: middle; border-top: 1px solid #E3E4F2; border-bottom: 1px solid #888FC6;
}

/* -- XML -- */
.xml { font-family: "Consolas", "Lucida Console", courier, monospace; }
.xml .sc3 { color: purple; }

/** Source Code **/
/* Source code  */
.ieSourceHack {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.blitzbasic, .xml {
	overflow: auto;
	font-size: 11px;
	font-family: "lucida console", "courier new", courier;
	border: 1px solid #aaaaaa;
	background: #FAFAFA;
	padding: 3px;
}

.blitzbasic .kw0 { color: blue; }
.blitzbasic .kw1 { color: blue; }
.blitzbasic .kw2 { color: blue; }

.blitzbasic .st0 { color: #A31717; }
.blitzbasic .co1 { color: green; }

.xml .kw0 { }

.xml .co1 { color: green; }

.xml .st0 { color: #ff0000; }

.xml .re0 { color: #000066; }
.xml .re1 { color: purple; }
.xml .re2 { color: purple; }

.xml .sc0 { color: #00bbdd; }
.xml .sc1 { color: #ddbb00; }
.xml .sc2 { color: #339933; }
.xml .sc3 { color: #009900; }

/** Function reference **/
.table table { width: 100%; border-spacing: 1px; border-collapse: collapse; }
.table table td { padding: 3px; }
.table table th { background: #BEC2E1;  vertical-align: middle; border-top: 1px solid #black; border-bottom: 1px solid black; padding: 3px;  }
.table table .rowOne { padding: 0px 3px 1px 3px; font: 12px verdana; text-align: left; background-color: #EFEFEF; border-bottom: 1px solid #bbbbbb;}
.table table .rowTwo { padding: 0px 3px 1px 3px; font: 12px verdana; text-align: left; background-color: #E0E0E0; border-bottom: 1px solid #aaaaaa;}