
* :focus {outline: 0;} /* removes pesky dotted boxes from links */
/* LAST UPDATE 4-9-2014 */ 
				/* Tooltip Styles */
 .ttip:hover span {display:block;}  /* noscript way of showing tooltips */
span.ttcode {
	display:none;
	position:fixed;
	border-radius:4px;
	background:#06a;
	padding:3px;
	color:#fff;
	border: 1px solid #ccc;
	font: bold 14px Sans-serif;
	text-align:center;
	z-index:1000;}
				/* tbox is same as .ttcode table { */
table.tbox {
	color:#fff;
	background-color:#202020;
	font-family:Sans-serif;
	font-size:9px;
	padding:0px 0px 0px 0px;
	border-spacing:0px 0px;
	text-align:left}
table.tbox th {background-color:#000;}
table.tbox td {
	border:0px solid #3a6;
	padding:0px 2px 0px 2px;}


				/* main menu buttons */ 
#btnbar {
	position:relative;
	left:0px;
	top:0px;
	/* background:#000; */
	min-width:560px;
	/* overflow:auto; */
	width:100%;
	/* height:602px; */
	z-index:5;}

/************** Center view *************************/

/* table#ctr {} */
td#ctrd {width:650px; background:#000; }  /* width must match .dcon max-width to center correctly */

span.elipt { 
	border: 2px solid #ddd;
	padding: 8px 24px;
	background:#06a;
	border-radius:18px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	}
div.dcon {
	overflow:auto;
	/* margin-left: auto; */
	/* margin-right: auto; */
        position:absolute;
	/* left:0px; */
	/* top:0px; */
	width:100%;
	height:100%;
	text-align:center;
	max-width:650px;
	max-height:500px;
	background:#000; 
	
	/* display:none; when used, causes error preventing some items to display correctly */
	 }
			
				/* dialog box */
table.dialog {
	color:#fff;
	border: 2px solid #bbb;
	padding:4px 4px;
	border-radius:18px;
	font-size:14px;
	font-weight:bold;
	border-spacing:0px;
	text-align:left;
	border-collapse:separate;
	border-spacing:0px;
	background-color:#000;
	opacity:5;
	z-index:500;}
.dialog td {
	padding:2px 12px;
	border:0px solid #444; }
.dialog th.warning {background-color:#c00;color:#ff0;}
.dialog td.warning {background-color:#211;}
.dialog th {background-color:#06a;font-size:16px;}
.dialog th img {height:20px;width:20px;vertical-align:middle;} 
.dialog td img {height:20px;width:20px;vertical-align:middle;} 

table.asc td {padding:0px 10px;}


td#center {
	vertical-align:center;
	height:100%;
	width:100%;
	/* z-index:210;	*/
	/* border:2px solid #f0f; */
	}
	
body {
	height:100%;
	width:100%;
	margin:0 auto;
	padding:0px;
	color:#ddd;
	background-color:#000;
	font-family:sans-serif;
	font-size:13px;
	font-weight:bold;
	}

				/* menu buttons */
table.btn {
	float:left;
	border:0px solid #000;
	border-collapse:separate;
	border-spacing:2px 4px;
	text-align:left;}
td.ubtn {
	width:84px;
	height:84px;
	border:0px solid transparent;
	background-image:url('Boutline42r.png');
	background-size:84px 84px;
	background-repeat:no-repeat;}
.ubtn img {
	position:relative;
	left:8px;
	top:0px;
	width:64px;
	height:64px;
	border-style:none;}

.ubtn input {	/* takes care of input type=images' */
	position:relative;
	left:4px;
	top:0px;
	width:64px;
	height:64px;
	border-style:none;
	background:none;
	}
.ubtn input:hover {
	border-style:none;
	background:none;}

td.ubtn:hover {
	width:84px;
	height:84px;
	background-image:url('Boutline42x.png');
        background-size:84px 84px;
	background-repeat:no-repeat;
	cursor:pointer; cursor:hand;}

img {
	vertical-align:middle;}




a:link {color:#FFF}
a:visited {color:#aaa}
a:hover {color:#48f} 
a:active {color:#33e} 

table {
	margin:0 auto;
	
	
	/* padding:1px 2px 1px 2px; */
	/* text-align:left; */
	/* border-collapse:collapse; */
	/* border-spacing:0px; */ }


th {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#68c}
/* th img{vertical-align:middle;} */
th img {height:20px;width:20px;vertical-align:middle;} 

.stripe {background-color:#223}

label:hover {cursor:pointer; cursor:hand;}
.standard {
	font-family:Sans-serif;
	font-size:11px;
	color:#fff;
	background:#008;
	border:1px solid #bbb}

input.standard:hover {
	background:#00c;
	border:1px solid #fff}
.radio {vertical-align:bottom}

.button {
	border-radius:3px;
	border:1px solid #aaa;
	font-size:11px;
	background:#13a;
	color:#ff0}
.button:hover {
	border:1px solid #fff;
	background:#14F}

select {
	font-family:Sans-serif;
	font-size:11px;
	color:#FFF;
	background:#008;
	border:1px solid #aaa}

select:hover {
	background:#00c;
	border:1px solid #fff}

option {color:#CCC;background:#003}

textarea {
	font-family:Sans-serif;
	font-size:11px;
	color:#ccc;
	background:#008}

pre {
	font-family:Sans-serif;
	font-size:11px;
	color:#ccc;
	/* background:#333 */}

