@CHARSET "ISO-8859-1";

body
{
	font-family: "Tahoma", "Verdana", "Arial", sans-serif;
	font-size: 9pt;
	margin: 10px;
	color: black;
}
	
div#meta
{
	position: absolute;
	left: 0px;
	right: 0px;
  background: transparent url(images/tweetwatch_idint.jpg) no-repeat left top;
  padding: 10px;
  padding-top: 70px;
}

table
{
	font-size: 10pt;
}

p
{
	margin: 4px 0px;	
}

h2
{
	font-size: 14pt;
}

h3
{
	font-size: 11pt;
}

br.clear
{
	height: 0px;
	clear: both;
}

input,
select
{
	border: 0 none;
	background: none;
}

div.showcase
{
	margin: 40px 80px;
	padding: 20px 40px;
	background: white;
}

table.utility
{
	margin: 20px 0px;
	padding: 10px;
}

table.utility th,
table.utility td
{
	padding: 5px;
}
  
/* --------------------------------
   navigation
   --------------------------------*/

div.main_nav
{
	display: none;
}

div.titlebar
{
	padding: 5px 10px;
	font-size: 18pt;
	color: black;
}

div.titlebar span
{
	display: block;
	font-size: 12pt;
	color: black;
}
		
div.tabs
{
	display: none;
}

div.logged_in
{
	display: none;
}

form.service,
div.service
{
	margin: 0px 12px;
	background: white;
	padding: 0px 10px 10px 10px;
}

form.service textarea
{
	width: 400px;
	height: 80px;
	overflow-y: auto;
	overflow-x: hidden;	
}
	
div.exams
{
	margin: 12px;
}


/* --------------------------------
   layout table
   --------------------------------*/

table.layout
{
	position: relative;
	border-collapse: collapse;
}

div.entity
{
	min-width: 500px;
	background: #ffe7af;	
}

div.entity table.layout
{
	min-width: 500px;
}

input.wide
{
	width: 330px;	
}

table.layout textarea
{
	width: 330px;
}
	
table.layout th
{
	width: 120px;
	vertical-align: middle;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
	text-align: left;
}

table.layout td
{
	width: 480px;
	padding: 0px 5px;
}

table.layout td.wide
{
	background: white;
	padding: 0px;
}

table.layout th.title
{
	font-size: 14pt;
	color: black;
	text-align: left;
	background: white;
	padding: 20px 0px 5px 0px;
	width: auto;
}

table.layout th.empty
{
	background: white;
}

table.layout td label
{
	display: block;	
}

div.buttonbar
{
	display: none;
}



/* --------------------------------
   exams
   --------------------------------*/

form.exam_content
{
	width: 720px;
	margin-left: 240px;
	background: white;
	padding: 0px 10px;
}

div.exam_tabs
{
	float: left;
	width: 230px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}



div.listbox
{
	position: relative;
	border: 1px solid #ccc;
	height: 220px;
	overflow-y: auto;
	margin-bottom: 8px;	
}
	
div.exam_tabs a
{
	display: block;
	background: white;
	border-right: 1px solid white;
	padding: 5px;
	margin-bottom: 5px; 
}

table.checklist
{
	width: 100%;
	border-collapse: collapse;	
}

table.checklist th
{
	background: #ddd;
	border: 1px solid #ccc;
	width: 30px;
	padding: 5px;
	vertical-align: top;
}

table.checklist td
{
	border: 1px solid #ccc;
	padding: 5px;
}

table.checklist h2
{
	border: 0 none;
	margin: 0px 0px 4px 0px;
}

table.checklist textarea
{
	width: 660px;
	height: 60px;
}

span.checklist_input
{
	display: block;
	margin: 10px;
	padding: 2px;	
}

span.checklist_input label
{
	display: block;	
}

/* --------------------------------
   entities
   --------------------------------*/



dl.entity
{
	width: 450px;
	border: 1px solid #ddd;
}	

dl.entity table.list
{
	border: 0 none;	
}
	
dl.modal
{
	position: relative;
	background: white;
	border: 0 none;
	z-index: 20;
}

dl.entity h2
{
	padding: 5px;
}

dl.entity input.wide,
dl.entity textarea
{
	width: 330px;
}

dl.entity dt
{
	width: 90px;
}

dl.entity dd
{
	margin-left: 90px;	
}

dl.entity dd.buttonbar
{

	display: none;

}
	
a.action
{
	font-size: 8pt;
	padding: 0px 2px;
	color: white; 
	margin-right: 5px;
	
	cursor: pointer;
}

div.table_container
{
	
}

table.lookup
{
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.lookup tr
{
	
}

/* --------------------------------
   list table
   --------------------------------*/

table.list
{
	margin: 20px;
	border-collapse: collapse;
	font-size: 8pt;
	-moz-user-select: none;
}

	
table.list th
{
	border: 1px solid black;
	cursor: pointer;
	color: black;
	font-weight: normal;
	padding: 4px;
}

table.list tr.filter 
{
	display: none;
}

table.list td
{
	text-align: left;
	border: 1px dotted black;
	padding: 6px 12px;
}

table.list tr.empty
{
	display: none;
}

table.list option
{
	padding: 0px;
}

table.list td.footer
{
	text-align: right;
	border: 1px solid black;
	padding: 5px;
}

a.create
{
	display: none;
}

td.placeholder
{
	height: 200px;
	background: white;
}

table {
  width: 500px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
}

th {
	border-width: 1px 1px 1px 1px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: right;
	width: 100px !important;
}

td {
  border-width: 1px 1px 1px 1px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: right;
	width: 100px !important;
}


th#first,
td#first {
  width: 400px !important;
  text-align: left;
}