/* QSI Corporation Qlarity Styles */

/* alphabet nav */
.alphabetnav { display: block; margin: 0; padding: .5em 0 1em; }
.alphabetnav li { display: block; float: left; margin: 1px; padding: 3px 6px; line-height: 1em; border: 1px solid #ccc; color: #ccc; font-size: 10px; }
@media print { .alphabetnav { display: none; } }
/* qlarity masthead */
@media screen {
	#qlaritymasthead { height: 113px; margin: 0; padding: 0; }
	#qlaritymasthead h1 { color: white; margin: 0px; padding: 6px 0 12px 12px; font-size:21px; }
	#qlaritymasthead h1 span, h1 span { display: inline; font-size: 14px; }
}
@media print { #qlaritymasthead { display: none; } }
/* qlarity nav */
@media screen {
	#qlaritynav { display: block; height: 20px; margin: 0; padding: 0 20px; background: url("/img/layout/qlarity/bg_nav-dis.png") top left repeat-x; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666; }
	#qlaritynav li { display: inline; margin: 0; padding: 0; }
	#qlaritynav a { display: block; float: left; margin: 0; padding: 5px 0 4px; border-left: 1px solid #ccc; border-right: 1px solid #777; font-size: 11px; line-height: 11px; width: 138px; text-align: center; color: #555; text-decoration: none; }
	#qlaritynav .qlaritynavena { background: url("/img/layout/qlarity/bg_nav-ena.png") left top repeat-x; }
	#qlaritynav .qlaritynavdis:link, #qlaritynav .qlaritynavdis:visited { background: url("/img/layout/qlarity/bg_nav-dis.png") left top repeat-x; }
	#qlaritynav .qlaritynavdis:hover, #qlaritynav .qlaritynavdis:active { background: url("/img/layout/qlarity/bg_nav-hov.png") left top repeat-x; }
	#qlaritynav .qlaritynavfirst { border-left: 1px solid #999; }
	#cookiecrumbs { margin-left: 15px; margin-top: 0; padding-top: 0; }
	#cookiecrumbs span { color:#fff; letter-spacing: auto; }
	#cookiecrumbs a:link , #cookiecrumbs a:visited { color: #d3dfff; }
}
@media print { #qlaritynav { display: none; } }
/* qlarity apps */
.qlarityapps { margin: 1em 0; padding: 0; position: relative; z-index: 1; }
.qlarityapps li { list-style: none outside; display: block; padding: 0 0 1em; position: relative; z-index:1; }
.qlarityapps h3 { margin-top: 0; margin-left: 105px; padding-top: 0; text-align: left; color: #660000; }
.qlarityapps p { min-height: 5em; margin-left: 115px; }
* html .qlarityapps h3 { margin-left: 135px; }
* html .qlarityapps p { margin-left: 135px; height: 4em; }
.qlarityapps a img { display: block; float: left; width: 100px; margin: 0; padding: 0; }
.qlarityapps a:link img, .qlarityapps a:visited img, qlarityappsbtn:hover { border-top: 1px solid #ccc; border-right: 2px solid #888; border-bottom: 2px solid #888; border-left: 1px solid #ccc; }
.qlarityapps a:active img { border-top: 2px solid #888; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 2px solid #888; }
/* qlarity downloads */
@media screen { #qlardownloadsh { height: 100px; } #qlardownloadsh h1 { padding-top: 1em; } }
#qlardownloads { margin: 1em 0; padding: 0; }
@media print { #qlardownloads { clear: left; width: 100%; } }
#qlardownloads th { border-bottom: 1px solid #999; background: #777; color: #000; font-size: 1.2em; font-weight: bold; text-align: left; margin: 0; padding: 5px; -moz-text-shadow: 1px 1px 1px #bbb; -webkit-text-shadow: 1px 1px 1px #bbb; text-shadow: 1px 1px 1px #bbb; }
#qlardownloads td { border-bottom: 1px solid #d1d1d1; background: url("/img/layout/bg_table-row.jpg") top left repeat-x; }
#qlardownloads td:hover, #qlardownloads tr:hover { background-color: white; background-image:none; }
/* qlarity download button styles */
.qlaritydownloadbtn { display: block; width: 200px; height: 40px; }
.qlaritydownloadbtn:link, .qlaritydownloadbtn:visited { background-image: url("/img/adnew/200x40_qlarity-2_60.png"); background-position: left top; background-repeat: no-repeat; }
.qlaritydownloadbtn:hover, .qlaritydownloadbtn:active { background-position: right top; }
.qlaritydownloadbtn span { display: none; }
/* qlarity learn more button & block  styles */
.qlaritylearn { margin: 1em 0; }
.qlaritylearn em { display: block; font-style: italic; font-size: 1.1em; color: #315C48; line-height: 1.6em; margin: 0 0 0 110px; padding: 0; }
.qlaritylearnbtn { display: block; width: 100px; height: 20px; float: left; margin: 0 0; padding: 0; }
.qlaritylearnbtn:link, .qlaritylearnbtn:visited { background-image: url("/img/layout/btn_download_tutorial.png"); background-position: left top; background-repeat: no-repeat; }
.qlaritylearnbtn:hover, .qlaritylearnbtn:active { background-position: right top; }
.qlaritylearnbtn span { display: none; }
/* qlarity object library */
#qlarlibpre { position: relative; clear: right; margin: 0 10px 0 0; padding: 0; width: 350px; float: left; }
#qlarlibother { position: relative; clear: right; margin: 0 0 0 360px; padding: 0; width: 350px; }
* html #qlarlibother { margin: 0 0 0 360px; padding: 0; width: 345px; }
#qlarlibpre h3, #qlarlibother h3 { position: relative; background: #666; color: white; font-size: 1em; font-weight: bold; line-height: 1.5em; margin: 0; padding: 5px 10px; }
.qlarlibs { position: relative; margin: 0 0 1em 0; padding: 0; }
.qlarlibs dt { margin: 0; padding: 5px 10px 0 10px; background: #eee; font-size: 1.5em; line-height: 1.5em; color: #333; }
.qlarlibs dd { background: #eee; margin: 0 0 1px 0; padding: 0 10px 5px 10px; }
.qlarlibs p { padding: 0 0 .5em; }
/* qlarity side menu */
.qlarsidemenu { position: relative; margin: 0 0 1em; padding: 0; }
.qlarsidemenu h2 { font-size: 11px; font-weight: bold; color: white; margin: 0; padding: 4px 10px 2px; background: #999; }
.qlarsidemenu ul { margin: 0; padding: 0; position: relative; }
.qlarsidemenu li { display: block; margin: 0 0 1px; padding: 5px 10px; background: #eee; }
/* qlarity tutorial list */
#qlartut { margin: 0; padding: 0; }
#qlartut dt { margin: 0; padding: 5px 10px 2px 10px; background: #eee; font-size: 1.4em; line-height: 1.5em; color: black; }
#qlartut dt strong { color: #900; font-weight: normal; }
#qlartut dd { margin: 0 0 2px 0; padding: 0 10px 5px 10px; background: #eee; }
@media screen { #qlartuth { position: relative; background: url("/img/layout/gradient-bar-h2.jpg"); color: white; font-size: 1em; font-weight: bold; line-height: 1.5em; margin: 1em 0 0 0; padding: 5px 10px; height: 13px; } }
@media print { #qlartuth { display: none; } }
/* qlarity get tutorial button styles */
.qlaritytutorialbtn { margin: 0 0 0 524px; }
.qlaritytutorialbtn a { display: block; width: 163px; height: 26px; margin: 0 0; padding: 0; }
.qlaritytutorialbtn a:link, .qlaritytutorialbtn a:visited { background-image: url("/img/layout/btn_download_tutorial.png"); background-position: left top; background-repeat: no-repeat; }
.qlaritytutorialbtn a:hover, .qlaritytutorialbtn a:active { background-position: right top; }
.qlaritytutorialbtn a span { display: none; }
/* qlarity object libary */
#qlarobjectsh { clear: left; }
#qlarobjects { margin: 1em 0 2em; clear: left; }
#qlarobjects dt { margin: 0; padding: 5px 10px 0 10px; background: #eee; color: #333; font-size: 1.2em; }
#qlarobjects dt .superscript { color: #666; }
#qlarobjects dd { margin: 0 0 1px; padding: 0 10px 5px 10px; background: #eee; }
/* qlarity foundry workflow styles */
#workflowone { height: 30px; background: url("/img/layout/qlarity/workflow_1_text.png") left top no-repeat; }
#workflowtwo { height: 30px; background: url("/img/layout/qlarity/workflow_2_text.png") left top no-repeat; }
#workflowthree { height: 30px; background: url("/img/layout/qlarity/workflow_3_text.png") left top no-repeat; }
#workflowfour { height: 30px; background: url("/img/layout/qlarity/workflow_4_text.png") left top no-repeat; }
#workflowone span, #workflowtwo span, #workflowthree span, #workflowfour span { display: none; }
.workflow { margin: 0; padding: 1em 0; }
.workflow h3, .workflow p { margin-left: 140px; }
.workflow li { display: block; list-style-type: none; margin: 0; padding: 0 0 1em; }
.workflowimg { width: 100px; float: left; }
/* qlarity sidebar box styles */
#qlarsidebar { width:200px; }
#qlarsidebar h2 { background:#999; padding:3px 10px; font-size:1em; color:#fff; }
#qlarsidebar p { background:#eee; padding:10px 15px; margin-bottom:20px; border-bottom:1px solid #999;}
/* qlarity version compatibility */
@media screen {
	.qlarversion { width: 465px; margin: 1em 0; padding: 0; }
	*html .qlarversion { width: 99%; } /* ie fix */
	.qlarversion th { background: #777; color: white; font-size: 11px; font-weight: bold; line-height: 1.5em; text-align: center; }
	.qlarversion th:hover { background-color: #333; }
	.qlarversion td { background: #eee; text-align: center; vertical-align: middle; }
	.qlarversion td:hover { background-color: #fff; }
	.qlarversion .backcomp, .backcomp { background: #ddd; }
	.qlarversion .noshow { background: white; }
}
@media print {
	.qlarversion { margin: 1em 0 2em; padding: 0; border-collapse: collapse; }
	.qlarversion th { text-align: center; vertical-align: middle; margin: 0; font-weight: bold; border-bottom: 1px solid #999; }
	.qlarversion td { text-align: center; vertical-align: middle; margin: 0; border: 1px solid #999; }
	.qlarversion .noshow { border-top: 1px solid #999; border-right: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid white; }
	.qlarversion .backcomptop { border-top: 2px solid #333; }
	.qlarversion .backcompright { border-right: 2px solid #333; }
	.qlarversion .backcompbot { border-bottom: 2px solid #333; }
	.qlarversion .backcompleft { border-left: 2px solid #333; }
}

.quf { background: url("/img/layout/qlarity/users-forum-bg.jpg") no-repeat right top; color: #888; font-size: 12px; padding: 0; margin: 0; display: block; width: 240px; height: 118px; text-align: center; line-height: 120%; float: right; position: relative; z-index:502;}
	.quf h2 { padding-left: 30px; }
	.quf p { padding: 0 12px 12px 42px; }
.grey, .grey:visited, .grey:link { color: #666; }
	.grey:hover { text-decoration: none; color: #333; }
	.qfeatures h2 { text-align: center; }
h2 { color: #00457c; font-weight: normal; font-size: 17px; padding-bottom: 8px; }
	h2 a, h2 a:visited, h2 a:link { color: #00457c; text-decoration: none; }
	h2 a:hover { color: #336699; }
.floatright { float: right; margin-left: 25px; margin-bottom: 15px; width: 211px; display: inline; }
.qfeatures { margin: 0 0 0 21px; padding: 0; }
	.qfeatures li { background: url("/img/layout/qlarity/3box-top.jpg") no-repeat left top; width: 212px; min-height: 307px; display: block; float: left; list-style-image: none; margin: 11px 11px 0 11px; vertical-align: top; padding-bottom: 0; }
	.qfeatures li p { text-align: center; padding: 10px; height: 115px; }
	.qfeatures li a img { margin: 8px 14px 8px; }
	.qfeatures img.bottom {vertical-align: bottom; }
h3 { text-align: center; margin-top: 0; padding-top: 0;  padding-left: 8px; padding-right: 8px;}
	h3 a, h3 a:visited, h3 a:hover, h3 a:link { color:#333; text-decoration: none; }
h4 { margin-top: 0.3em; padding-bottom: 0; color:#333; }

#threepanelmid { display: inline-block; width: 474px; }
.threebuttons ul li { display: inline; list-style-type: none; margin: 0 15px; }