/* Reset CSS stuff taken from http://meyerweb.com/eric/tools/css/reset/ */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

/* HTML5 display-role reset for older browsers */


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
}

/* Start of proper CSS */
a
{
   color: #0033aa;
   text-decoration: none;
   cursor: pointer;
}

a:hover
{
   color: #0066ee;
   text-decoration: none;
   border-bottom: 1px #0066ee dotted;
}

a.no_hover:hover
{
   border: none;
}

body
{
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: white;
	margin: 0px;
	padding: 0px;
	border: none;
}

div.button_outer
{
	width: 100%
	display: inline;
	float: left;	
	cursor: pointer;
	text-align:center;
	padding: 2px;
}

div.button_left
{
	background-image:url('images/buttons/button-left.png');
	float: left;
	height: 22px;
	width: 4px;

}

div.button_middle
{	
	float: left;
	background-image:url('images/buttons/button-middle.png');
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	font-size: 14px;	
	color: black;
}

div.button_right
{
	float: left;
	background-image:url('images/buttons/button-right.png');
	float: left;
	height: 22px;
	width: 4px;

}

div.dropdown_list
{
	display: none;
	overflow: auto;
	overflow-x: hidden;
	max-height: 300px;
	max-width: 500px;
	border: 1px solid #bbbbbb;	
	position: absolute;
	background: white;
	z-index: 9999;
}

div.dropdown_text
{
	padding-left: 5px;
	padding-right: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 12px;
	color: #333333;	
	white-space: nowrap;
}

div.dropdown_header_text
{
	background-color: white;
	font-size: 12px;
	color: #333333;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 2px;
	white-space: nowrap;
}

div.dropdown_header_icon
{
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eeeeee;
	text-align: center;	
	width: 10px;
	height: 14px;
	cursor: pointer;
	border-left: 1px solid #bbbbbb;
}

div.help_text
{
    background: #ffc;
    padding: 2px;
    border: #666666 1px solid;
    text-align: left;
    max-width: 220px;
    width: 220px;
    color: #222222;
    z-index: 1050;
	line-height: 110%;
}

div.help_text p
{
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 3px;
    margin: 0px;
}

div.shadow_popup
{
	padding-top: 0px;
	z-index: 10003;
	position: absolute;
	top: 30%;
	left: 50%;
	text-align: center;	
	background-color: white;
	display: none;
}

div.standard
{
	float: left;
	margin-right: 10px;
}

div.transparent_div
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background-color: white;
	z-index: 10002;
}

div.tree_div_icon
{
    cursor: pointer;
    border: 1px solid #bbbbbb;
    background: #dddddd;
    margin-right: 5px;
    height: 12px;
    width: 12px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

div.tree_text
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

html
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

img
{
	border: none;
}

img.button
{

}

img.help_icon
{
	cursor: pointer;
	position: relative;
	left: 4px;
	top: 2px;
}

input
{
	border: 1px solid;
	border-color: #666666;
	background: white;
	padding-left: 4px;
	cursor: pointer;
}

input.text_input
{
	border-color: #aaaaaa;
	cursor: pointer;

}

input[type="submit"]
{
	background: #dddddd;
}

input[type="radio"]
{
	border: none;
}

input[type="checkbox"]
{
	border: none;
}

td
{
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	text-align: left;
}

th
{
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	text-align: left;
}

table
{
	font-family: Tahoma, Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

table.dropdown_header
{
	font-size: 14px;
	color: black;
	border: 1px solid #bbbbbb;
}

table.dropdown_header td
{
	padding: 0px;		
	vertical-align: middle;
}

table.dropdown_list
{
	font-size: 14px;
	color: black;
	max-width: 500px;
	z-index: 9999;
}

table.dropdown_list td
{
	padding: 2px;
	white-space:nowrap;
	z-index: 9999;
}

table.grid td, table.grid th
{
	border-width: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	text-align: left;
}

table.menu_hover
{
    display: none;
    padding-top: 0px;
    margin: 0px;
    z-index: 10000;
	position: absolute;
}

table.menu_hover td
{
    padding: 0px;    
}

table.menu_hover_middle
{
    background-color: #ccf5ff;
    padding: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

table.menu_hover_middle td
{
    padding-top: 1px;
	padding-bottom: 5px;
}

table.shadow_popup
{
	width: 400px;
	margin-left: -200px;
	background-color: white;
}

table.shadow_popup td
{
	padding: 0px;
}

td.dropdown_list_cell:hover
{
	background-color: #ccf5ff;	
	z-index: 9999;
}

table.tree_table
{
    display: none;
    margin-left: 20px;
}

/*Below is all the CSS for the various JS controls used by the YUI and Google Code*/


yui-skin-sam
{
	margin:0;
	padding:0;
}

#calendar_div
{
	display: none;
	position: absolute;
}

/* CSS for YUI Calender */
.yui-skin-sam .yui-calcontainer
{
	border: 1px solid #bbbbbb;
}

.yui-skin-sam .yui-calcontainer .title
{
	color: #666666;
}

.yui-skin-sam .yui-calendar .calheader 
{
	color: #666666;
}

.yui-skin-sam .yui-calendar .calweekdaycell 
{
	color: #666666;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a 
{
	display: inline;
}

.yui-skin-sam .yui-calendar td.calcell.today 
{ 
	background-color: white;	
}

.yui-skin-sam .yui-calendar td.calcell.restricted 
{
	text-decoration: none;
	color: #aaaaaa;
}

.yui-skin-sam .yui-calendar td.calcell.highlight1
{
	background-color:#aaddff;
}

/*The CSS for the YUI Datatable is a nightmare - adjust with great care*/
.yui-skin-sam .yui-dt td
{
	border: none;
	background-color: white;
}

.yui-skin-sam .yui-dt tr.yui-dt-last
{
	border: none;
}
.yui-skin-sam .yui-dt tr.yui-dt-first td
{
	border: none;
}

.yui-skin-sam .yui-dt-scrollable .yui-dt-hd,
.yui-skin-sam .yui-dt-scrollable .yui-dt-bd,
.yui-skin-sam .yui-dt-scrollable .yui-dt-data tr.yui-dt-last td
{
	border: none;
	background-color:white;
}


.yui-skin-sam .yui-dt .yui-dt-liner
{
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 3px;
	background-color: white;
}

.yui-skin-sam .yui-dt table
{
	font-family: Tahoma,Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: none;
}


.yui-skin-sam .yui-dt th
{
	color:#666666;
	font-weight: bold;
	border: none;
	padding: 0px;
	background-color: white;
}


.yui-skin-sam .yui-dt th a
{
	color:#666666;
	font-weight: bold;
	border: none;
	padding: 0px;
}

.proper_links .yui-skin-sam .yui-dt th a
{
	color:#0033AA;	
	border: none;
	font-weight: normal;
	padding: 0px;
}

 .yui-skin-sam .yui-dt th
{
	background: none;
}

.yui-skin-sam .yui-dt th.yui-dt-desc .yui-dt-liner,
.yui-skin-sam .yui-dt th.yui-dt-asc .yui-dt-liner,
.yui-skin-sam .yui-dt th.yui-dt-sortable .yui-dt-liner,
.yui-skin-sam .yui-dt th .yui-dt-liner,
 .yui-skin-sam .yui-dt th
{
	background-color: white;	
}


.yui-skin-sam .yui-dt th.yui-dt-sortable div.yui-dt-liner:hover
{
	background-color: #ccf5ff;

}

.yui-skin-sam tr.yui-dt-even,
.yui-skin-sam tr.yui-dt-odd,
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc
.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc

{
	background-color: white;
}

.yui-skin-sam tr.yui-dt-highlighted td,
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted 
{
    background-color:#E4E4FF; 
	cursor: auto;
}

.yui-skin-sam td.yui-dt0-col-filter_match img
{
	margin-top: 4px;
	margin-left: 10px;
}


.yui-skin-sam .yui-pg-pages
{
	display: none;
}


#yui-dt0-paginator1,
#yui-dt1-paginator1,
#yui-dt2-paginator1
{
	display: none;
}

.yui-skin-sam .yui-dt-paginator
{	
	margin-top: 0px;
	padding-left: 3px;
}

.yui-skin-sam .yui-dt-paginator .yui-pg-first,
.yui-skin-sam .yui-dt-paginator .yui-pg-previous,
.yui-skin-sam .yui-dt-paginator .yui-pg-next,
.yui-skin-sam .yui-dt-paginator .yui-pg-last
{
	font-family: Tahoma,Arial;
	font-size: 12px;	
	font-weight: bold;
}

.yui-skin-sam .yui-dt-paginator a.yui-pg-first:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-previous:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last:hover
{
	border: none;
}

/*CSS for Yui buttons*/
.yui-skin-sam .yui-button button
{
/*	background;*/
	border: none;
	font-family: Tahoma,Arial;
	font-weight: bold;
	color: red;	
	background-color: white;
}

.yui-skin-sam .yui-button span
 {
	border: 1px solid green;
}