/* ------------------
 styling for the tables 
   ------------------   */


body
{
	line-height: 1.6em;
}

#hor-minimalist-a
{
	font-family: "Tahoma";
	font-size: 8px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a th
{
	font-family: "Tahoma";
	font-size:9px;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
	border-top: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	font-family: "Tahoma";
	font-size:9px;
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Tahoma";
	font-size: 11px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	color: #039;
	padding: 10px 8px;
	border-top: 2px solid #6678b1;
	border-bottom: 2px solid #6678b1;
	border-left: 2px solid #6678b1;
	border-right: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #669;
	padding: 4px 6px;
}
#hor-minimalist-b tbody tr:hover td
{
	font-family: "Tahoma";
	font-size:9px;
	color: #009;
}

#ver-minimalist
{
	font-family: Tahoma;
	font-size: 18 px;
	margin: 10px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


#box-table-a
{
	font-family: "Tahoma";
	font-size: 8px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	font-family: Tahoma;
	font-size: 8pt;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: Tahoma;
	font-size: 11px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 10px;
	padding: 10px 8px;
	color: #039;
	font-family: Tahoma;
	background-color: #4799b8;
	
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
	font-family: Tahoma;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Tahoma";
	font-size: 9px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 5px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
#ver-zebra td
{
	padding: 5px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #039;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Tahoma";
	font-size:8pt;
	text-align: left;
}
#one-column-emphasis th
{
	font-family: "Tahoma";
	font-size:8pt;
	color: #039
}
#one-column-emphasis td
{
	font-family: "Tahoma";
	font-size:8pt;
	height:20;
	color: #669
}
.oce-first
{
	font-family: "Tahoma";
	font-size:11px;
	background: #d0dafd
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}

#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Tahoma";
	font-size: 10px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Tahoma";
	font-size: 9px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 9px;
	color: #039;
	text-transform:capitalize;
	border-right: 1px solid #6cf;
	border-top: 1px solid #6cf;
//	border-left: 1px solid #0865c2;
	border-left: 1px solid #6cf;
	border-bottom: 1px solid #6cf;
}
#newspaper-c td
{
	padding: 5px;
	color: #669;
	border-right: 1px solid #6cf;
	border-bottom: 1px solid #6cf;
	text-transform:capitalize;
}


#rounded-corner
{
	font-family: "Tahoma;
	font-size: 10px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background-image: url("../table-images/left.png");
	background-position: left -1px;
	background-repeat: no-repeat;
	background-color: #b9c9fe;
}
#rounded-corner thead th.rounded-q4
{
	background-image: url("../table-images/right.png");
	background-position: right -1px;
	background-repeat: no-repeat;
	background-color: #b9c9fe;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background-image: url("../table-images/botleft.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #e8edff;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background-image: url("../table-images/botright.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #e8edff;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background-image: url("../table-images/blurry.jpg");
	background-position: 330px 59px;
	background-repeat: no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background-image: url("../table-images/back.png");
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	background-image: url("../table-images/gradback.png");
	background-repeat: repeat-x;
	background-color: #b9c9fe;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background-image: url("../table-images/gradback.png");
	background-repeat: repeat-x;
	background-color: #e8edff;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	color: #339;
	background-image: url("../table-images/pattern.png");
	background-repeat: repeat-x;
	background-color: #d0dafd;
}


#pattern-style-a
{
	font-family: "Tahoma;
	font-size: 8px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background-image: url("../table-images/pattern.png");
}
#pattern-style-a thead tr
{
	background-image: url("../table-images/patternb.png");
}
#pattern-style-a th
{
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}

#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background-image: url("../table-images/patternb.png");
}
#pattern-style-b thead tr
{
	background-image: url("../table-images/patternb-head.png");
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

	#customers
	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
	}
	#customers td, #customers th 
	{
	font-size:1em;
	border:1px solid #98bf21;
	padding:3px 7px 2px 7px;
	}
	#customers th 
	{
		font-size:1.1em;
		text-align:left;
		padding-top:5px;
		padding-bottom:4px;
		background: #b9c9fe;
		color: #039;
		font-family: Tahoma;
		font-size: 8pt;
	}
	#customers tr.alt td 
	{
	 color:#039;
	 background: #eff2ff;
	}

#hovertable {
	font-family: "Tahoma";
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
#hovertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
#hovertable tr {
	background-color:#d4e3e5;
}
#hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

#hovertabel {
	font-family: "Tahoma";
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
#hovertabel th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;	
}
#hovertabel tr {
	background-color:#d4e3e5;
}
#hovertabel td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

#hovertabela {
	font-family: "Tahoma";
	font-size:9px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	margin-left:8ex; 
}
#hovertabela th {
	background-color:#d4e3e5;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
#hovertabela tr {
}
#hovertabela td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

	.multiSelect {
		width: 9.9em;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
		height: 22px;
		padding: 0;
		margin: -.05em 0 0 0;
		border: 0;
	}
	.multiSelect .title {
		background-color: #fff;
		border: 1px solid #999;
		padding: 0;
		margin: 0;
		cursor: default;
		min-width: 9.8em;
	}
	.multiSelect div.title {
		position: absolute;
		z-index: 104;
	}
	.multiSelect div.title-open {
		border-bottom: 1px solid #fff;
	}
	.multiSelect .title {
		font-size: .8em;
		height: 1.3em;
		line-height: 1.2em;
		overflow: hidden;
		padding: .3em 1.1em .1em .5em;
		background: white url(../custo/images/multiselect.gif) no-repeat top right;
	}
	.multiSelect .title:hover {
		background: white url(../custo/images/multiselect-hover.gif) no-repeat top right;
	}
	.multiSelectContent {
		position: absolute;
		z-index: 106;
		min-height: 1em;
		background: #e9f3f8;
		padding: .1em;
		display: block;
		font-size: 75%;
		margin-top: -1px;
		border: 1px solid #999;
	}
	.collapsed {
		display: none;
	}
	.multiSelectContent ul {
		overflow: auto;
		min-height: 1em;
		min-width: 20em;
		margin: 0;
		padding: 0;
	}
	.multiSelectContent li {
		cursor: pointer;
		cursor: hand;
		margin: 0 0 .2em 0;
		list-style:none;
	}
	.multiSelectContent li:hover {
		background: #ddd;
	}
	.arc90_multiselect {
		width: 12.5em;
		height: 1.35em;
		visibility: hidden;
	}
	.a9selectall {
		border-bottom: 1px solid #ccc;
	}

	/* Styles for page layout */
	DIV.examples {
		margin: 0 0 2em 0;
		width: 17em;
		border: 1px solid #e9e9e9;
		padding: .3em;
	}

	DIV.examples LABEL.examples {
		display: block;
		margin: 0 0 .2em 0;
	}