/* @override 
	http://localhost/www_inq_net/trunk/html/products/inqscribe/docs/css/inqscribe.css
	http://localhost/www_inq_net/branches/scribe2/docs/css/inqscribe.css
*/

/*	Handles everything except top-level div layout, which varies slightly
	from the online version to the offline (included in the download) help docs.
*/

body
{
	margin: 0px auto;
	text-align: center; /* for IE */
	padding: 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 85%;
	line-height: 130%;
	height: auto;
	color: #333;
	background-color: #eef3ee;
}

h1, h2, h3, h4
{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;
}

img {
	border: none;	/* IE puts borders around linked images by default */
}

a:link 
{
	font-weight: normal;
	color: #122057;
	text-decoration: underline;
}

a:visited 
{
	color: #7D2C28;
}

#everything 
{
	padding: 0;
	margin: 0 auto;
	width: 750px;
}

#header 
{	
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	background-color: #c4f746;
	/*	The offline docs need images to live within the docs/ tree.
	*/	
	background-image: url(images/bannerbg.png);
	font-size: 90%;	
	height: 91px;
}

#header p {
	margin: 0;
	padding: 12px 0px 0px 0px;
	float: left;
}

#headertop {
		float: right;
		background-color: #667e3e; /*#667e3e;  465E1E  */
	/*	border-bottom: 1px solid #96ae6e; */
		height: 14px;
		width: 240px;
		color: #ded;
		text-align: right;
		font-size: 11px;
		line-height: 11px;
		}
#headertop a {
		color: #cdc;
		padding: 0px 5px 0px 5px;
		text-decoration: none;
		}
#headertop a#current {
		color: #7D2C28;
		background-color: #d6eeae;
		font-weight:	bold;
		text-transform: inherit;
		border:		1px solid #d6eda3;
		height: 14px;
		}
#headertop a:hover {
		color: #9D4C48;
		background-color: #869e5e;
		text-decoration: underline;
		}
#headertop a:active {
		background: #d6eeae;
		color: #105b2b;
		}
#headertop #fader1 {
		float: left;
		width: 2px;
		height: 14px;
		background-color: #b6ce8e;
		}
#headertop #fader2 {
		float: left;
		width: 4px;
		height: 14px;
		background-color: #96ae6e;
		}
#headertop #fader3 {
		float: left;
		width: 6px;
		height: 14px;
		background-color: #768e4e;
		}
	
/*	This is the Zeldman DWWS menu from listamatic. Main limitation is all cells
	are the same size (to work properly in MSIE 6.
	
	Look on IE5/Mac is suboptimal, but functional. Proper appearance on Safari,
	MSIE6.
*/
#navcontainer
{
	margin: 0;
	padding: 0px 25px 0px 35px;
	background-color: #d4ff8a;
	border-top:		1px solid #addb47;
/*	border-left:	1px solid #c5f170;
	border-bottom:	1px solid #d6eda3;
	border-right:	1px solid #c5f170; */
	height: 18px;
}

/*	Ordinary links. A simpler approach.	*/
#navcontainer p
{
	text-align: left;
	margin: 0;
	padding-top: 1px;
	color: #FFF;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#navcontainer a
{
	padding: 3px 10px 3px 10px;
	color: #363;
	margin-right: 1.5em;
	text-decoration: none;
}

#navcontainer a#current {
		color: #7D2C28;
		background-color: #fff;
		font-weight:	bold;
		text-transform: inherit;
		border-top:		1px solid #d6eda3;
		border-left:	1px solid #d6eda3;
		border-right:	1px solid #d6eda3;
		height: 16px;
		}

#navcontainer a:hover {
		color: #7D2C28;
		background-color: #e4ffaa;
		text-decoration: underline;
		}

#navcontainer a:active {
		background: #fff;
		color: #105b2b;
		}

#navrightcontainer {
	padding-top: 23px;
	}
.navrightbtn {
	padding: 33px 0px 0px 0px;
	width: 90px;
	height: 30px;
	text-align: center;
	float: right;
	}
.navrightbtn a {
	padding: 32px 10px 0px 10px;
	width: 70px;
	background: no-repeat center top;
	}
.navrightbtn a.download {
	background-image: url(../../images/download_off.png);
	}
.navrightbtn a.download:hover {
	text-decoration: underline;
	background-image: url(../../images/download_on.png);
	color: #7D2C28;
	}
.navrightbtn a.download#current {
	background-image: url(../../images/download_on.png);
	}
.navrightbtn a.buy {
	background-image: url(../../images/buy_off.png);
	}
.navrightbtn a.buy:hover {
	text-decoration: underline;
	background-image: url(../../images/buy_on.png);
	color: #7D2C28;
	}
.navrightbtn a.buy:active {
	background-image: url(../../images/buy_on.png);
	}
.navrightbtn a.buy#current {
	background-image: url(../../images/buy_on.png);
	}
.btnDetailTxt {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #80914f;
	font-size: 9px;
	padding: 0px;
	line-height: 3px;
	}
.navright {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 0px 20px 4px 20px;
	}

#navrightcontainer a {
	text-decoration: none;
	color: #607400;
	}
#navrightcontainer a:hover {
	color: #7D2C28;
	}
#navrightcontainer a#current {
	font-weight: bold;
	text-decoration: underline;
	color: #7D2C28;
	}

#navrightfooter { /* a hack to make sure that the navright area can expand/contract w/ the font */
	height: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;	/* IE 5 needs this to keep the line size small */
	line-height: 1px; /* IE 6 Win needs this to keep the line size small */
	clear: left;	/* used to bring the height of the header below the image*/
	}


#main {
	margin: 0;
	padding: 20px 0px 20px 40px;
	text-align: left;
	background: #fff;
	}

/*	Overall layout of the content div is defined in flow_content.css or fixed_content.css. */
#content {
		width: 670px;
		height: auto;
		text-align: left;
		background-color: #fff;
		line-height: 130%;
		}
#content h2 {	/* In general, use for first heading on each page only */
		color: #c33;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px .5em 0px;
		font-size: 150%;		
		line-height: 130%;
		}
#content h3 {
		color: #d53;
		margin-top: .5em;
		margin-bottom: 0px;
		padding-bottom: .25em;
		word-spacing: -0.1em;
		font-size: 130%;		/* override default h3 size, set to same relative size as body text*/
		line-height: 130%;		/* this is needed b/c we don't want to inherit the line height */
		}
#content h2 + h3 {
		margin-top: 0;
		}
#content h4 {
		font-size: 110%;		/* override default h3 size, set to same relative size as body text*/
		margin-bottom: 0px;		/*margin-bottom: -1em;*/
		}
#content p, #content table {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0.75em 0em;
		}
#content img {
		border: none;	/* IE puts borders around linked images by default */
		padding: 10px 10px;
		}
#content img.leftjustify {  
		float: left;
		padding: 10px 10px 10px 0px;
		}
#content img.rightjustify {
		float: right;
		padding: 10px 5px 10px 10px;
		}
#content img.icon {
		padding: 0px;
		vertical-align: bottom;
		}
#content ul {
		margin-top: 0em;
		padding: 0px 0px 0px 1.25em;
		}
#content ul li {
		padding-bottom: 0.25em;
		}
.twoColumn {
		margin: 5px 0px 10px 0px;
	/*	border-top: 1px solid #ddc;
		border-bottom: 1px solid #ddc; */
		padding: 5px 0px 5px 0px;
		width: 460px;
		}
.twoColumn .leftColumn {
		width: 220px;
		float: left;
		}
.twoColumn .rightColumn {
		width: 209px;
		float: right;
		}
table {
		font-size: 90%;
		}
table td.label {
		vertical-align: top;
		font-weight: bold;
		}
#content table h3 {
		margin-top: 0px;
		}
#content table a h3  {
		color: #d63;
		text-decoration: underline;
		}
.inqTable {
		border: 1px solid #000;
		line-height: 130%;
		}
.inqHeader {
		background-color: #ddc;
		color: #333;
		font-weight: bold;
		margin: 1em;
		}
.inqCell {
		background-color: #fff;
		}


/*	Features	*/
#features {
		font-size: 90%;
		}
#features #col1 {
		width: 305px;
		float: left;
		padding-right: 60px;
		}
#features #col2 {
		width: 305px;
		float: right;
		}
#features h3 {
		font-size: 120%;
		}

/*	Overall layout of the sidebar div is defined in fixed_content.css or flow_content.css.	*/
#sidebar {
	text-align: left;
	font-size: 11px;
	width: 220px;
	height: auto;
	float: right;
	line-height: 150%;
	margin-top: 0px;
	margin-right: 0px;
	}
#sidebar p {
	margin-bottom: -.5em;
	padding-bottom: 0em;
	padding-left: 10px;
	}
#sidebar ul {
	margin: .75em 0px 0px 2.5em;
	}
#sidebar .number {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #c33;
	line-height: 12px;
	}
.try_hilite {
	color: #c33;
	padding-bottom: .25em;
	}
.try_hilite a {
	font-weight: bold;
	color: #c33;
	}
.block {
	color: #553;
	background-color: #fdfdf6;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px 8px 30px 7px;
	border-left: 1px solid #eed;
	border-bottom: 1px solid #eed;
	border-right: 1px solid #eed;
	}
.block h2 {
	color: #7f7f5f;
	font-size: 14px;
	margin: -4px -8px -4px -8px;
	padding: 8px 8px 2px 16px;
	background-color: #f6f6ef;
	border-top: 1px solid #cca;
	border-left: 1px solid #eed;
	}
.block.main {
	color: #333;
	background-color: #f9f9e9;
	}
.block.main h2 {
	color: #442;
	}
.blocklist {	/*	A UL shown in block	*/
	margin-left: 2em;
	padding: 0;
	}


.toc_section {
	float: left;
/*	position: relative; Removed this to address WinIE box model bug*/
	left: -40px;
	width: 670px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f9f9e9;
	font-size: 11px;
	}
.toc_section.top {
	top: -20px;
	}
.toc_section.bottom {
	top: 0px;
	}
.toc_section h4 {
	margin: 0em;
	padding-bottom: 0em;
	font-size: 24px;
	text-align: center;
	}
.alternate {
	font-size: 10px;
	font-weight: normal;
	}
.toc_section .navprev {
	float: left;
	width: 225px;
	}
.toc_section .navup {
	float: left;
	width: 200px;
	text-align: center;
	}
.toc_section .navnext {
	float: left;
	width: 225px;
	text-align: right;
	}
.toc_section ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.toc_section ul li {
	list-style: none;
	padding: 0em 0 0.1em 1em;
	}
.toc_section ul ul {
	padding: 0em 0 0.1em 1em;
	}
.toc_section a {
	text-decoration: underline;
	}
.disabled {
	color: #999;
	}	
#stamp {
		font-size: 83%; 
		line-height: 105%;
	}
#stamp p {
	padding: .3em;
	}
#stamp_topmiddle {
		background: url(../../images/stamp_top.gif) repeat;
		width: 470px;
		height: 5px;
		font-size: 5px; /* needed by IE to set height */
	}
#stamp_left {
		/* Height should be set in HTML and be a (factor of 12) - 6*/
		background: url(../../images/stamp_left.gif) repeat-y;
		margin-top:  -4px;
		width: 5px;
		float:left;
		xborder: 1px solid red;
		}
#stamp_middle {
		/* Height should be #stamp_left height - 12 (vertical padding) */
		background-color: #fffbf1;
		width: 441px;
		wxidth: 436px;
		float:left;
		padding: 3px 9px;
		color: #666;
		xborder: 1px solid yellow;
		}
#stamp_right {
		background: url(../../images/stamp_right.gif) repeat-y;
		margin-top: -4px;
		width: 5px;
		float:left;
		xborder: 1px solid red;
		}
#stamp_middle h2 {
		margin: 0px;
		padding-bottom: 2px;
		font-size: 110%;
		color: #f50;
		}
#stamp_middle ul {
		margin-left: 1.25em;	/* for IE */
		padding-left: 0.25em;	/* for others */
		margin-bottom: 0.25em;
		}
#stamp_bottommiddle {
		background: url(../../images/stamp_bottom.gif) repeat-x;
		width: 470px;
		height: 5px;
		font-size: 5px; /* needed by IE to set height */
		xborder: 1px solid blue;
		}
.elevator {
		margin-bottom: .25em;
		padding-bottom: .25em;
		font-style: normal;
		font-size: 160%;
		word-spacing: 0em;
		letter-spacing: -0.05em;
		line-height: 120%;
		color: #c33;
		}
.elevator2 {
		font-size: 120%;
		line-height: 120%;
		color: #996;
		}

.quotecontainer {
		padding: 10px 10px 10px 20px;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		min-height: 190px;
		color:#5C7CBB; 
		background-color: #f9f9ff;
		}
.quotecontainer .quotetext {
		margin-top: 50%;
		padding-bottom: 50%;
		font-size: 90%;
		line-height: 140%;
		}
.quotecontainer .quotemark {
		font-size:100%;
		font-style: normal;
		}
.quotecontainer .quotesource {
		font-size: 85%;
		font-style: italic;
		line-height: 100%;
		}
.quotecontainer .quotesource a {
		color: #5C7CBB;
		}
.quotecontainer .seeothers {
		text-align: right;
		}
.quotecontainer .seeothers a {
		font-size: 80%;
		color: #5C7CBB;
		}
.footer {
		font-size: 10px;
		text-align: center;
		max-width: 800px;
		height: 40px;
		line-height: 130%;
		color: #666;
		padding: 35px 0px 0px 0px;
		margin: 40px 0px -20px 0px;
		clear: right;	/* ensures that the border always extends below the sidebar. */
		}

/*	Weblog styles
*/

.date {
	color: #666;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	float: right;
}

.date_linkdump {
	color: #666;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	float: right;
}

.entryfooter {
	color: #666;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	text-align:right;
	margin: 0px;
	padding: 6px 0px;
}

.entryfooter_linkdump {
	color: #666;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	text-align:right;
	margin: 0px;
	padding: 6px 0px;
}

.entryfooter A, .date A, .entryfooter_linkdump A, .date_linkdump A {
	text-decoration: none;
	font-weight: bold;
	color: #5C6B8E;
}


.entryfooter a:hover, .date a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #5C6B8E;
}

.blogdate { font-style: italic; }

.bloginfo
{
	text-align: right;
	font-size: 10pt;
	font-style: normal;
	color: #808080;
	padding-bottom: 1em;
}

/*	These allow semantic markup of documentation.	*/
	
/*	Why are these margin values not kicking in? */
.foo {
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
	padding: 0.5em;
	color: #0f0;
}

div.note {
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
	padding: 0.5em;
	color: #333;
	border: 1px solid #666;
	background-color: #ffb;
}

#content p.note, #content p.example, pre
{
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
	padding: 0.5em;
	color: #333;
	border: 1px solid #666;
}

#content p.note
{
	background-color: #ffb;
}

#content p.example, pre
{
	background-color: #ccc;
}

pre, code, #content p.example
{
	font-family: Courier New, Courier, Monaco, Verdana;
	font-size: 11pt;
}

.docMenu, .docButton, .docKey, .docField, .docWindow
{
	color: #000;
	background-color: #eed;
	padding: 1px 3px 1px 3px; /* 3px; */
	white-space: nowrap;
	font-weight: bold;
	/*font-size: 90%;*/
	/*	white-space: nowrap;
	font-weight: normal;
	color: #476601;
*/
	/*	#9B1287; */
	/* temp to differentiate from <b> */
}

.caption
{
	text-align: center;
	color: #333;
	font-size: 90%;
	margin-left: 4em;
	margin-right: 4em;
}

.docKey
{
	font-family: Courier New, Courier, Monaco, Verdana;
	/*font-size: 90%; *//* 11pt; */
}

.beta
{
	color: #f00;
}

.sale
{
	color: #f00;
	font-weight: bold;
}

.order, .order a
{
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}