/**
 * global.css
 * global stylesheet for ricowi.com
 */

body
{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #696969;
	background: #ffffff;
	text-align: center;
	min-width: 700px;
}

a
{
	color: #cc0000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.hr
{
	height: 1px;
	text-align: center;
	border-top: 1px solid #336699;
	margin: 30px 0px 30px 0px;
/*	clear: both; */
}

.logoContainer
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 10px;
	height: 40px;
/*	border: 1px solid #cfcfcf; */
}

.helpLink
{
	color: #336699;
}

.helpLink:hover
{
	cursor: pointer;
}

.alert
{
	font-size: 1.2em;
	color: #cc0000;
}

.box
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #98ae46;
}

.boxBlue
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #336699;
}

h2
{
	font-size: 1.5em;
	font-weight: bold;
	padding: 15px 3px 15px 20px;
	margin-bottom: 20px;
	border-left: 5px solid #cc0000;
	background: #333333;
	color: #98ae46;
}

h3
{
	font-size: 1.75em;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

h4
{
	color: #336699;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}

h5
{
	font-size: 1.25em;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}

h6
{
	font-size: 1.1em;
	font-weight: bold;
	color: #336699;
	font-style: italic;
	margin: 10px 0px 5px 0px;
	border-bottom: 1px solid #336699;
	width: 40%;
}

table
{
	background: #ffffff;
}

.box h5
{
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #c9c9c9;
}

hr
{
	color: #98ae46;
	align: center;
	width: 95%;
	margin: 20px 0px 20px 0px;
	height: 2px;
	line-style: solid;
}

.divTop
{
	border-top: 2px solid #c9c9c9;
	margin-top: 25px;
	padding-top: 5px;
}

.insetBlockFull
{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #98ae46;
	background: #ffffff;
}

.insetBlockFull h4, .insetBlockLeft h4, .insetBlockRight h4
{
	color: #333333;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid #c9c9c9;
}

.insetBlockFullBlue h4, .insetBlockLeftBlue h4, .insetBlockRightBlue h4
{
	color: #333333;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid #c9c9c9;
}

.insetLogoBlockRight
{
	float: right;
	width: 40%;
	padding: 10px;
	margin: -115px 20px 20px 20px;
	border: 1px solid #c9c9c9;
	text-align: center;
/*	border-top: 5px solid #336699;
*/	background: #ffffff;
}

.insetContentBlockRight
{
	float: right;
	width: 40%;
	padding: 10px;
	margin: -80px 20px 20px 20px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #336699;
	background: #ffffff;
}

.insetContentBlockRight h4
{
	color: #333333;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid #c9c9c9;
}

.insetBlockLeft
{
	float: left;
	width: 45%;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #98ae46;
	background: #ffffff;
}

.insetBlockRight
{
	float: right;
	width: 45%;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #98ae46;
	background: #ffffff;
}

.insetBlockFullBlue
{
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #336699;
	background: #ffffff;
}

.insetBlockLeftBlue
{
	float: left;
	width: 45%;
	padding: 10px;
	margin: 0px 10px 20px 0px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #336699;
	background: #ffffff;
}

.insetBlockRightBlue
{
	float: right;
	width: 45%;
	padding: 10px;
	margin: 0px 0px 20px 10px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #336699;
	background: #ffffff;
}

.calWrapper
{
	padding: 10px;
	margin: 0px;
	border: 1px solid #c9c9c9;
	border-top: 5px solid #98ae46;
}

.calTable
{
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.calTable th
{
	padding: 5px;
	background: #696969;
	border: 1px solid #696969;
	color: #c9c9c9;
	font-size: 1em;
	font-weight: bold;
}

.calTable td
{
	height: 100px;
	width: 14%;
	font-size: 0.85em;
	vertical-align: top;
}

.calTable td.calWeekend
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 3px solid #c9c9c9;
}

.calTable td.calWeekday
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 3px solid #98ae46;
}

.calTable td.calToday
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 3px solid #cc0000;
}

.calTable td.calOutOfRange
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 3px solid #c9c9c9;
	color: #c9c9c9;
}

.calTable td.calTodayOutOfRange
{
	padding: 5px;
	border: 1px solid #c9c9c9;
	border-top: 3px solid #cc0000;
	color: #c9c9c9;
}

.calTable td.calOutOfRange a
{
	color: #c9c9c9;
	text-decoration: none;
}

.calTable td.calOutOfRange a:hover
{
	color: #cc0000;
	text-decoration: underline;
}

.calTable td.calOutOfRange .helpLink
{
	color: #c9c9c9;
}

.calTable td.calOutOfRange .helpLink:hover
{
	color: #336699;
}

.calDate
{
	text-align: right;
	font-size: 1.2em;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 6px;
}

.calList
{
	list-style: block;
	list-style-type: circle;
	margin: 3px 0px 3px 15px;

}

.calSelect
{
	border: 0px;
	margin: 1px;
	padding: 15px;
}

.dataTable
{
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.dataTable th
{
	padding: 10px;
	background: #696969;
	border: 1px solid #696969;
	color: #c9c9c9;
	font-size: 1.5em;
	font-weight: bold;
}

.dataTable tr.subhead th
{
	font-size: 1em;
	padding: 2px;
	text-align: center;
	background: #333333;
	color: #98ae46;
}

.dataTable td
{
	padding: 10px;
	border: 1px solid #c9c9c9;
}

.dataTable2
{
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.dataTable2 th
{
	padding: 10px;
	background: #696969;
	border: 1px solid #696969;
	color: #c9c9c9;
	font-size: 1em;
	font-weight: bold;
}

.dataTable2 th a
{
	text-decoration: underline;
	color: #c9c9c9;
}

.dataTable2 th a:hover
{
	text-decoration: none;
	color: #c9c9c9;
}

.dataTable2 td
{
	padding: 5px;
	border: 1px solid #c9c9c9;
}

.insetTable
{
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.insetTable th
{
	padding: 5px;
	background: #696969;
	border: 1px solid #696969;
	color: #c9c9c9;
	font-size: 1em;
	font-weight: bold;
	text-wrap: none;
}

.insetTable td
{
	padding: 3px;
	border: 1px solid #c9c9c9;
}

.logo
{
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	background: #ffffff;
}

td
{
	padding: 4px;
}

.oddTR
{
	background: #e0e0e0;
}

.evenTR
{
	background: #fcfcfc;
}

/* form elements */
.required
{
	color: #cc0000;
}

input.btn
{
	margin-top:1em;
	margin-left:0em;
	padding: 4px 10px 4px 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cc0000;
	background:#333333;
	color: #98ae46;
	font-weight:bold;
}

input.btn:hover
{
	cursor:pointer;
}

label
{
	font-weight: bold;
	vertical-align: middle;
	width: 8em; /* this may need customized per form */
	float: left;
	padding-top: 4px;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 2px;
	display: block;
}

label.above
{
	font-weight: bold;
	vertical-align: middle;
	width: auto;
	float: none;
	padding: 0px;
	margin: 0px;
}

input
{
	padding: 3px;
	padding-left: 0px;
	margin-top: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

input.upload
{
	margin-top:4px;
	margin-bottom:2px;
}

select
{
	padding: 3px;
	padding-left: 0px;
	margin-top: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

textarea
{
	font-size: 1em;
	padding: 3px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

option
{
	padding-right: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

input.required
{
	background-color: #ccffcc;
}

/* custom form label widths */
form.fourteenem label
{
	width:14em;
}

form.twelveem label
{
	width:12em;
}

input.ckbx
{
	margin-top:10px;
	margin-bottom:4px;
}

.searchText
{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	height: 21px;
	color: #9f9f9f;
	width: 125px;
	border: 1px solid #cc0000;
	border-right: 0px;
	background: #ffffff;
	vertical-align: middle;
	*vertical-align: text-bottom;
}

.searchBtn
{
	margin: 0px;
	*margin-bottom: 1px;
	padding: 0px;
	height: 23px;
	color: #000000;
	width: 23px;
	border: 1px solid #cc0000;
	border-left: 0px solid #98ae46;
	background: url('../images/icons/search.png') bottom center no-repeat #ffffff;
	vertical-align: middle;
	*vertical-align: text-bottom;
}

.searchBtn:hover
{
	cursor: pointer;
}

#header
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 150px;
	color: #c9c9c9;
	background: url('../images/isabel_header9.jpg') top center no-repeat #336699;
	border-bottom: 5px solid #cc0000;
	text-align: center;
}

#menu
{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	width: 160px;
	float: left;
}

#container
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	min-width: 800px;
}

#main
{
	margin: 0px;
	padding: 10px;
	background: transparent;
}

#content
{
	margin: 0px 0px 0px 160px;
	padding: 0px 20px 20px 20px;
/*	border-left: 2px solid #98ae46;
*/	background: transparent;
	color: #333333;
}

#report
{
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

.clear
{
	height: 1px;
	margin: 10px;
	padding: 0px;
	clear: both;
}

.clearRight
{
	height: 1px;
	margin: 10px;
	padding: 0px;
	clear: right;
}

.clearMain
{
	height: 1px;
	margin: 10px;
	padding: 0px;
	clear: both;
	width: 560px;
	float: none;
}

#right
{
	margin: 10px;
	padding: 10px;
	width: 200px;
	float: right;
	background: #98ae46;
}

#footer
{
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #cc0000;
/*	border-bottom: 2px solid #cc0000; */
	height: 35px;
	color: #666666;
	background: #ffffff;
	clear:both;
}

#copy
{
	float: right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: right;
	font-size: 0.9em;
	color: #999999;
}

.footerLinks
{
	margin: 0px;
	padding: 10px;
	height: 10px;
	font-size: 0.9em;
	text-transform: uppercase;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
/*	width: 150px; /* Width of Menu Items */
/*	border-bottom: 1px solid #ccc; */
}

#menu ul li
{
	position: relative;
}

#menu li ul
{
	position: absolute;
	left: 153px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
#menu ul li a
{
	display: block;
	text-decoration: none;
	color: #98ae46;
	background: #333333; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #666666;
	border-left: 4px solid #98ae46;
	border-top: 0px;
	width: 138px;
}

#menu ul li a.first
{
	border: 1px solid #666666;
	border-left: 4px solid #98ae46;
}

/* Hover Styles */
#menu ul li a:hover
{
/*	color: #cc0000;
	border: 1px solid #333333;
	color: #98ae46;
	background: #333333;
	text-decoration: underline;
*/	border-left: 4px solid #cc0000;
}

#menu ul li a.active
{
/*	border: 1px solid #333333;
	color: #98ae46;
	background: #f6f6f6;
*/	text-decoration: underline;
}

/* tier two navigation */
#menu ul li:hover ul, #menu ul li.over ul
{
	display:block;
}

/* tier three navigation */
#menu ul li:hover ul ul, #menu ul li.over ul ul
{
	display:none; /* hide this when tier 1 is rolled over */
}

#menu ul ul li:hover ul, #menu ul ul li.over ul
{
	display:block;
}

/* tier four navigation */
#menu ul li:hover ul ul ul, #menu ul li.over ul ul ul
{
	display:none; /* hide this when tier 1 or 2 is rolled over */
}

#menu ul ul ul li:hover ul, #menu ul ul ul li.over ul
{
	display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* styles for tip popups *
#tipLayer
{
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: #f9f9f9;
	border: 2px solid #336699;
}

#tipTitle
{
	display: block;
	padding: 6px 4px 2px 5px;
	border-bottom: 2px solid #336699;
	background: #696969;
	color: #c9c9c9;
	font-weight: bold;
}

#tipClose
{
	padding: 4px 2px 4px 4px;
	float: right;
	background: none;
}

#tipBody
{
	display: block;
	padding: 5px;
	margin: 0px;
	color: #666666;
	font-size: 0.85em;
	background: #f6f6f6;
}

#tipBody p
{
	margin-top: 2px;
	padding-top: 8px;
	border-top: 1px solid #c9c9c9;
/*	font-size: 0.9em; *
}
*/

.toolTip
{ position:absolute; visibility:hidden; width:300px; padding:0px; height:auto; background-color:#f9f9f9; border:2px solid #336699; z-index:100; }

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

.toolTipHead
{ width:100%; text-align:left; background-color:#696969; border-bottom:2px solid #336699; color:#c9c9c9; font-weight:bold; }

.toolTipHead td
{ padding:6px; }

.toolTipClose
{ align:right; valign:middle; }

.toolTipClose img
{ cursor:pointer; }

.toolTipBody
{ text-align:left; padding:5px; }

.toolTipBody p
{ margin-top:2px; padding-top:8px; border-top:1px solid #c9c9c9; }