/* Baseline */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	border:0pt none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
	vertical-align:baseline;
}

/* Tags */
*{margin:0;padding:0;}
body{background:#999; color:#333; font:76% Verdana,Tahoma,Sans-Serif; text-align:center; height: 820px;}
body.printview {background:#999; color:#333; font:76% Verdana,Tahoma,Sans-Serif; text-align:center; height: 100%;}

/*
p{font-size:0.9em;margin:0 0 16px;}
*/
p{margin:0 0 16px;}
a{color:#333; text-decoration:none;}
a:hover{color:green; text-decoration:none;}

/* vis is NOT working */
a.vis{
  color: 0000FF;
}
a.vis:hover{
  color: ADD8E6;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}
a.info:hover{z-index:25; }
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left}

h1{font-size:1.6em;margin:0 0 8px;}
h2{font-size:1.4em;margin:0 0 8px;}
em {font-style: italic;}
strong {font-weight: bold;}
/* Container */
#container{background:#fff; margin:20px auto;padding:10px 10px 1px;text-align:left; width:770px; height: 100%;}

/* banner */
.banner{background:gray; color:#eee; clear:both; margin:0 0 10px;padding:10px;}
.banner h1{font-size:1.8em; margin:0;padding:10px 0 0 10px; letter-spacing: 14px;}
.banner p{font-size:1.25em;font-weight:700;margin:0;padding:0 0 10px 10px;}

/* Main menu */
#mainmenu{clear:both; margin:0 0 10px;}
#mainmenu ul{background:#eee; list-style:none; width: 100%;}
#mainmenu li{float:left;list-style:none;margin:0 0 10px;}
#mainmenu li a{background:#eee;border-right:10px solid #fff;display:block;float:left; font-size:1.1em; font-weight:700; padding:6px 10px;}
#mainmenu li a:hover{background:#f5e9d9;display:block;padding:6px 10px;}

#selected{ color: #800080;}

/* Form Area*/
.formarea{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 110px;}

/* Austin Police Department */
.apd_panel{background:#fff; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 60px;}

/* DISTRICT ATTORNEY*/
.district_attorney_panel{background:#03464b; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 60px;}
.district_attorney_formarea{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 80px;}
.district_attorney_formarea2{background:#eee; clear:both; line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 250px;}
.district_attorney_formarea3{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 90px;}
#district_attorney_resultset{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 480px; overflow: auto;}
#district_attorney_resultset_nomenu{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 520px; overflow: auto;}

/* FOUNDATION COMMUNITIES*/
.foundcom_panel{background:#fbf7cc; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 60px;}
.foundcom_formarea{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 80px;}
.foundcom_formarea2{background:#eee; clear:both; line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 250px;}
.foundcom_formarea3{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 90px;}
#foundcom_resultset{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 450px; overflow: auto;}

/* RELATED */
.relcom_panel{background:#fbf7cc; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 60px;}
.relcom_formarea{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 80px;}
.relcom_formarea2{background:#eee; clear:both; line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 250px;}
.relcom_formarea3{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 90px;}
#relcom_resultset{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 450px; overflow: auto;}

/*RPM Living */
.rpmliving_panel{background:#18382A; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 60px;}
.rpmliving_formarea{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 80px;}
.rpmliving_formarea2{background:#eee; clear:both; line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 250px;}
.rpmliving_formarea3{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 90px;}
#rpmliving_resultset{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 450px; overflow: auto;}


/* ROSCOE PROPERTIES*/
#roscoe_demo_resultset{background:#fff; clear:both; line-height:1.4em; padding: 10px; margin:0 0 10px; height: 550px; overflow: auto;}

/*AISD 2 */
.aisd_formarea{background:#eee; clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px; height: 100px;}
#aisd_resultset{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 430px; overflow: auto;}

/* DATATABLE - JQuery */
.resultsetdatatable{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 6fs00px; overflow: auto;}

/* Result Set  */
#resultset{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 500px; overflow: auto;}
#resultalt{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 550px; overflow: auto;}

#result_list{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 500px; overflow: auto;}
#result_chart{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 500px; overflow: auto;}
#result_map{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 500px; overflow: auto;}
#resultset_arrestee{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 435px; overflow: auto;}
#dailymug{background:#fff; clear:both; line-height:1.4em; margin:0 0 10px; height: 500px; overflow: auto;}



/*This is only used for Welcome, Docs and ??? */
#docset{background:#fff; clear:both; line-height:1.4em; margin:0 0 15px; height: 621px; }

/*used in /basic/welcome*/
#docsetalt{background:#fff; clear:both; line-height:1.4em; margin:0 0 15px; height: 621px; overflow: auto;}

#columnleft{padding:15px 0 0 15px; float:left; width:16%; }
#columnright{padding:15px 5px 0 5px; float:right; width:80%; height: 600px; overflow: auto;}
#columnrightalt{padding:15px 5px 0 5px; float:right; width:80%; height: 570px; overflow: auto;}

#docset_1panel{background:#fff; clear:both; line-height:1.4em; margin:0 0 15px; height: 621px; overflow: auto;}

/* Footer */
.footer{background:gray; clear:both; color: #eee; margin:0 0 10px; padding: 10px; text-align:left; position: absolute; top: 807px; height: 15px; width: 750px;}
.footer_printview{background:gray; clear:both; color: #eee; margin:0 0 10px; padding: 10px; text-align:left; position: absolute; height: 15px; width: 750px;}
.footer p{margin:0;}

#arrestee_top{height:165px; border: 1px dotted; padding: 10px; background-color: #eee; width: 748px;  clear:both; }
#arrestee_left{float: left; width: 598px;}
#arrestee_mug{float: left; width: 150px; }

#arrestee_bottom{width: 748px; height:364px; border-left: 1px dotted; border-right: 1px dotted; border-bottom: 1px dotted; padding: 10px; }
#arrestee_history{float: left; width: 364px; height: 354px; overflow: auto;}
#arrestee_chart{float: left; width: 364px; height: 354px; padding-left: 20px; overflow: auto;}

#arrestee_printview_bottom{width: 748px; padding: 10px; }
#arrestee_printview_history{float: left; width: 364px; }
#arrestee_printview_chart{float: left; width: 364px; padding-left: 20px; }

#arrestee_history td{font-size: 0.9em;}
#arrestee_chart td{font-size: 0.9em;}

#printspecial_top{height:65px; border: 1px dotted; padding: 10px; background-color: #eee; width: 748px;  clear:both; }

/* Misc classes */
.clear{clear:both;}

table {border-collapse:separate;border-spacing:0pt;}
th {font-weight: bold; font-weight: "Arial Narrow", helvetica, sans-serif; color: slateGray; text-align: center;}
td {font-weight: normal;	text-align: left;}

/*e.g. class="tdl"*/
.tdl {text-align: left;}
.tdr {text-align: right;} 
.tdc {text-align: center;}

tr.stripe1 {background-color: #eee;}
tr.stripe2 {background-color: #fff;}
caption.tablecaption {font-size: 16px; font-weight: bold; color: #708090; }

p.readable {font-family: arial, sans-serif;}  

ul.bulletpts {margin-left: 25px;}
ol.bulletpts {margin-left: 25px;}
/* The image needs to be resized otherwise it is very large and no provision for setting height or width
ul.bulletimg(list-style-image: url(https://www.krimelabb.com/images/NEW_Icon.jpg); margin-left: 25px;}
*/
p.centeredImage  {text-align:center;  margin-top:0px; margin-bottom:0px; padding:0px; }

table.sortable thead {background-color:#eee; color:#666666;font-weight: bold; cursor: default;}

/*this is used by mugflyover*/
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 200px;
	height: 200px;
	left: 20px;
	top: 20px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 10px;
}
#close {
	float: right;
}

.infobox{
  width: 250px;
  height: 250px;
}

.infoboxsmaller{
  width: 250px;
  height: 200px;
}

/* Buttons w/ rounded edges--save for future reference
input[type="button"] {
    background:#fff;
    color:#333;
    border:1px solid #434603;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    font-weight:bold;
    cursor:pointer;
    height:25px;
}
*/