body{
	font-family:Arial,Verdana,Trebuchet ms,"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size:14px;
}
#QuerifyContainer{
	width:86%;
	margin:13px auto;
	font-size:120%;
	line-height:1.5;
}
#QuerifyContainer textarea{
	border:2px solid #B5D1EA;
	background:#FFFFFF url(input.bg.jpg) repeat-x left top;
}
.container input{
	padding:8px 5px;
	border:1px solid #A5A5A5;
	background:#FFFFFF url(input.bg.jpg) repeat-x left top;
	outline:none
}
.container input.submit{
	position:relative;
	top:2px;
}
.container input:active{
	background:#FFFFFF;
}
#QuerifyContainer .query textarea{
	font-size:24px;
	width:70%;
	padding:16px 5px;
}
#QuerifyContainer a{
	text-decoration:none;
}
.container{
	background-color:#DEE8F6;
	padding:4px;
	margin:10px 4px;
}
.container.exportOutput{
	border:1px solid #CBDBF4;
	margin-right:16px;
}
.container input.othersep{
	padding:6px 5px
}
.container input.submit.download,
.container input.submit.upload{
	margin-top:10px;
}
#queryResult{
	float:left;
	width:98%;
	padding:0;
	font-size:73%;
	margin-bottom:30px;
}
#queryResult iframe{
	width:100%;
	height:100%;
	border:none;
}
#queryResult table{
	margin:7px;	
	min-width:60%;
}
#queryResult table.pre{
	white-space:pre;
}
#queryResult table td{
	border:1px solid #EEE;
	border-width:1px 0 0 1px;
	padding:4px 7px;
}
#queryResult table th{
	text-align:left;
	background-color:#CBDBF4;
	padding:8px 6px;
	text-transform:uppercase;
}
#queryResult pre{
	white-space:pre;
	padding:8px 4px;
	background-color:#CBDBF4;
	border:1px solid #BAD0F2;
	font-size:12px;
}
#queryResult pre.debug{
	white-space:normal;
}
#queryResult pre,#queryResult div{
	margin:6px 10px;
}
#queryResult div.info .nav{
	margin:0
}
#queryResult div.info .nav a{
	padding:3px 11px
}
#queryResult div.info .nav label{
	float:left;
	margin:0 3px;
	padding:4px 6px;
	opacity:0.78;
}
#queryResult div.info .nav label:first-child{
	background-color:#EDF2F8;
}

#queryResult div.info .nav label input{
	margin:0
}
.floatright{
	float:right;
}
.tab{
	display:none;
	background-color:#EDF2F8;
	padding:10px;
	margin-bottom:4px;
	overflow:auto;
	clear:left;
}
#moreinfo.visible,.visible{
	display:block;
}

#moreinfo .container{
	width:47%
}
#moreinfo,.hidden{
		display:none;
}
.activetab{
	display:block
}
.nav{
	margin:10px 0;
	overflow:hidden;
}
.nav.mainnav{
	border-bottom:2px solid #eee;
}
.nav.mainnav a.inactive{
	color:#888;
	cursor:default;
}
a:active{
	outline:none
}
a:visited{
	color:blue;
}
.import .nav{
	width:160px;
	float:left;
}
.import .nav a{
	display:block;
	float:none;
	margin:0px;
	padding:8px 6px;
	font-size:20px;	
}

#QuerifyContainer .import .container{
	display:none
}
#QuerifyContainer.paste div.paste,
#QuerifyContainer.upload div.upload,
#QuerifyContainer.download div.download{
	display:block
}
#QuerifyContainer.paste .import .nav a.paste,
#QuerifyContainer.upload .import .nav a.upld,
#QuerifyContainer.download .import .nav a.dld{
	background-color:#DEE8F6;
}
.import .nav a{
	background-color:#EDF2F8
}

.import .container{
	overflow:auto;
}
.import .container form{
	padding:18px 0 7px 25px;
	float:left;
}
.import .container .fieldSep{
	width:145px;
	padding:5px;
}
.nav a {
	text-decoration:none;
	padding:6px 11px;
	background-color:#eee;
	margin-right:4px;
	float:left;
}
.nav a.tellmemore{
	background-color:red;
	color:white;
	float:right;
	font-weight:bold;
	font-size:13px;
}
.nav a:active,.nav a:focus{
	outline:none
}
.nav.blue a{
	background-color:#EDF2F8
}
.fileinput table{
	margin:10px 0 20px 0;
	padding:4px 15px;
	width:100%;
}
.fileinput.stats table{
	font-size:88%;
	background-color:#DEE8F6;
}
.fileinput.stats table.distr{
	width:68%;
	padding:10px 15px;
}
.fileinput.stats table.distr td{
	vertical-align:middle;
	width:5%;
}
.fileinput.stats table.distr td.bar{
	width:50%
}
.fileinput.stats table.distr div{
	height:34px;
	background-color:#9FBFEF
}
.fileinput.stats table.distr span{
	float:left;
	font-size:71%;
	margin:10px 0 0 6px;
}
.fileinput table td{
	vertical-align:top;
	white-space:pre;
}
.import.tab form td{
	padding-bottom:14px;
	vertical-align:top;
}
.import.tab td small{
	margin-right:24px;
	display:block;
	color:#777;
	font-size:72%;
}
.import.tab td small.pasteinfo,
.import.tab .paste.container td small{
	display:none
}
.import.tab .paste.container td small.pasteinfo{
	display:block
}
.fileinput table th{
	text-align:left;
	padding-left:40px;
}
.fileinput table th span{
	font-weight:normal;
}
#fetchResult{
	clear:left;
}
#fetchResult table{
	min-width:500px;
}
.fileinput table td.info{
	padding:10px 5px;
	white-space:normal;
}
#fetchResult table td.info{
	font-style:italic;
	font-size:12px;
	
}
.fieldOptions{
	width:28%;
}
.fieldOptions.optional{
	margin:0;
	padding:10px 4px;
	font-size:77%;
	width:600px;
}
.fieldOptions.optional td{
	padding:1px 51px 9px 5px;
}
.fieldOptions label{
	display:block;
	margin-bottom:17px
}
.fieldOptions select.fieldList{
	width:50%;
	padding:6px 3px;
	float:left;
}
.fieldOptions ul.fieldList{
	height:113px;
	margin:0 0 17px 0;
	font-size:13px;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#DEE8F6;
	padding-top:6px;
	padding-left:14px;
}
.fieldOptions ul.fieldList li{
	color:#555555;
	margin:4px 0;
	list-style:none;
}
.fieldOptions ul.fieldList li b{
	margin-right:13px;
	color:#000000;
}
.fieldlistHeader{
	font-size:79%;
	margin:2px 15px 2px 0;
	background-color:#CBDBF4;
	font-weight:bold;
	padding:7px 4px;
}
.fieldOptions label select.fieldSep{
}
.queryform label.floatright{
	margin:2px 10px 0 0;
}
label input{
	position:relative;
	top:2px;
}
.error{
	padding:4px;
	background-color:#FFFFCC;
	border:1px solid #CCC;
}
.rightpad{
	margin-right:6px;
}
.smaller{
	font-size:64%;
}
.userinfo{
	padding:10px 7px;
}
.good.userinfo{
	background-color:#BBDFA5;
}
.bad.userinfo{
	background-color:#FFFFCC;
}
.accessedDocs table{
	min-width:55%;
}
.accessedDocs h3{
	color:#777777;
	margin-bottom:0;
}
.accessedDocs table td,.accessedDocs table th{
	padding:0 1px 0 12px;
	vertical-align:top;
}
.accessedDocs table th{
	color:#999;
}
.query table tr:hover, 
.accessedDocs table tr:hover{
	background-color:#CBDBF4;
}
.header h1{
	margin:-6px 0 14px 0;
}
.header h1 img{
	margin:-7px 0 0 6px;
}
.header h1 span{
	color:#888
}
.header h1 a{color:#000}
.header h1 small{
	color:#888;
	margin:-3px 0 0 5px;
	display:block;
	font-size:10.5px;
}

/*------------------------------*/

.help.tab .nav{
	border-bottom:2px solid #DEE8F6;
}
.help.tab .nav a{
	background-color:#DEE8F6;
}
.help.tab .nav a.current{
	background-color:#EDF2F8
}
.help.tab .jump{
	background-color:#DEE8F6;
	padding:7px 14px;
	margin-top:30px;	
}
.help.tab .jump a{
	display:list-item;
	margin-left:23px;
}
.mainnav.top a.current{
	opacity:0.5;
}
.floatleft{
	float:left;
}
#moreinfo{
	border:2px solid #f5f5f5;
	-moz-border-radius:8px;
	margin:16px 0 30px 0;
	float:left;
}
#moreinfo.casestudy{
	float:none;
}
#moreinfo.casestudy .blok{
	width:auto;
}
#moreinfo.casestudy .blok h1 small{
	display:block;
	color:#999
}
#moreinfo.casestudy .blok h1.q{
	margin-left:-59px;
	font-size:18px;
	margin-bottom:11px;
	padding:10px 0 9px 58px;
	letter-spacing:-1px;
	background:#EEEEEE url(http://www.smallmeans.com/css/images/comment_bubble.png) no-repeat 5px center;
}
#moreinfo.casestudy .blok .pre{
	color:#000000;
	display:block;
	font-size:130%;
	white-space:pre;
	padding:4px 15px;
	overflow:auto;
}
#moreinfo.casestudy .blok .pre img{
	height:150px;
	background:transparent url(/images/right.hand.clipart.54.png) no-repeat scroll left center;
	padding-left:101px;
}
#moreinfo .blok{
	width:49%;
	font-size:69%;
	color:#73878E;
	padding:4px 0px 4px 5px;
}
#moreinfo .blok.doesWhat{
	position:relative;
	right:-17px;
}
#moreinfo .blok p{
	font-size:115%;
}
#moreinfo .blok p.first{
	margin:0;
	font-size:169%;
	color:#777
}
#moreinfo.casestudy .blok p.first{
	font-size:139%;
	margin-bottom:15px
}
#moreinfo .blok p.sample{
	background:transparent url(sample.query.png) center right no-repeat;
	font-size:146%;
	height:106px;
        float:right;
	padding:15px 29px 6px 10px;
}
#moreinfo .blok.doesWhat p.first{
	font-size:220%;
}
#moreinfo .blok h1{
	margin-bottom:2px;
	color:#666;
	letter-spacing:-2px;
}
#moreinfo .blok .note{
	padding-left:38px;
	float:left;
	width:38%;
	margin:10px 4px 4px 0px;
	min-height:104px;
}
#moreinfo .blok .note h4{
	margin:0;
	color:#61182E;
	font-weight:bold;
}
#moreinfo .blok .note1,
#moreinfo .blok .note2{
	margin-top:16px
}
#moreinfo .blok .note1{
	background:url(http://www.smallmeans.com/css/images/sql-button_32.png) top left no-repeat;
}
#moreinfo .blok .note2{
	background:url(http://www.smallmeans.com/css/images/tasks.32.png) top left no-repeat;
}
#moreinfo .blok .note3{
	background:url(http://www.smallmeans.com/css/images/convert.24.png) top left no-repeat;
}
#moreinfo .blok .note4{
	background:url(http://www.smallmeans.com/css/images/publish.24.png) top left no-repeat;
}
.footer.tab{
	color:#777777;
	min-height:20px;
	margin:60px 0 40px 0;
	font-size:69%;
}
.footer.tab strong{
	padding:6px;
	border:1px solid #f7f7f7;
	-moz-border-radius:10px;
	background-color:#CBDBF4;
	float:left;
	margin-right:4px;
	font-size:16px;
}
.footer.tab small{
	font-size:12px;
	display:block;
}
.paste.container form{
	width:96%;
    overflow-x:hidden;
}
.paste.container form textarea{
	font-size:10px;
	white-space:pre;
	width:100%;
}
.paste.container form tr.startline{
	display:none;
}
.history{
	margin-right:2px;
	width:22px;
}
.history img{
	background-color:#CBDBF4;
	margin:1px 0;
	opacity:0.5;
	padding:0.5px 2px;
}
a img{border:none}
.history small{
	background-color:#EDF2F8;
        border-right:2px solid #EDF2F8;
	display:none;
	margin-left:-61px;
	margin-top:-5px;
	padding:1px 8px;
	position:absolute;
	min-width:37px;
	text-align:right;
	font-size:77%;
}
dl{
	background-color:#DEE8F6;
	padding:8px 10px 8px 24px;
	margin-left:29px;
}
dl dl{
	background-color:#D5E2F5;
	margin-bottom:8px;
}
dd.sp{
	margin-top:15px;margin-bottom:15px;
}
dt{
	font-weight:bold;
}
dt em{
	color:#777;
}
dt sub{
	font-size:60%;
	position:relative;
	top:3px;
}
code{
	background-color:#CBDBF4;
	padding:2px 6px;
}
code.pre{white-space:pre;}
dl code{
	padding:2px 0 2px 5px;
	margin:3px 0;
	display:block;
	font-size:91%;
}
dl code.inl{display:inline;padding:1px 3px;border:1px solid #EEEEEE;}

#screencast{
	border:3px solid #EEEEEE;
	margin:10px 13px;
	text-align:center;
}
#screencast.dark{
	background-color:#474B4A;
	xwidth:100%;
}
#screencast p{margin:0}
.blok h4{color:#61182E}
.blok h4 span{
	font-size:23px;
	vertical-align:middle;
	padding-top:6px;
}
#screencast img{
	cursor:pointer;
}
.sidenote strong{
	display:block;
	margin-left:9px;
}