﻿div#form-filter-header
{
	border-top: 1px solid #d6d3d6;
	background-color: #f7f3f7;
	height: 13px;
}

div#form-filter-header img.top-left,
div#form-filter-header img.top-right
{
	top: 0;
	position: absolute;	
	height: 13px;
	width: 7px;	
}

div#form-filter-header img.top-left
{
	left: 0;	
}

div#form-filter-header img.top-right
{
	right: 0;	
}

div#form-filter-footer
{
	border-bottom: 1px solid #d6d3d6;
	background-color: #f7f3f7;
	height: 7px;
	position: relative;
}

div#form-filter-footer img.bottom-left,
div#form-filter-footer img.bottom-right
{
	bottom: -1px;
	_bottom: -2px;
	position: absolute;	
	height: 7px;
	width: 7px;
}

div#form-filter-footer img.bottom-left
{
	left: 0;	
}

div#form-filter-footer img.bottom-right
{
	right: 0;
}

div#form-list-image-header
{
	border-top: 1px solid #d6d3d6;
	height: 13px;
	position: relative;
}

div#form-list-image-header img.top-left,
div#form-list-image-header img.top-right
{
	top: -1px;
	position: absolute;	
	height: 13px;
	width: 7px;
}

div#form-list-image-header img.top-left
{
	left: 0;	
}

div#form-list-image-header img.top-right
{
	right: -2px;
}

div#form-list-image-footer
{
	border-bottom: 1px solid #d6d3d6;
	height: 12px;
	_height: 7px;
	margin-right:6px;
	_margin-right:0px;
	margin-left:5px;
	position: relative;
	top: -8px;
}

div#form-list-download-footer
{
	border-left: 1px solid #d6d3d6;
	border-right: 1px solid #d6d3d6;
	padding-top:5px;
	height: 25px;
	_height: 35px;
	margin-right:-1px;
	margin-left:0px;
	margin-top:0px;
	_margin-top:0px;
	position: relative;
	
}

div#form-list-image-footer img.bottom-left,
div#form-list-image-footer img.bottom-right
{
	bottom: -1px;
	_bottom: -2px;
	position: absolute;	
	height: 7px;
	width: 7px;
}

div#form-list-image-footer img.bottom-left
{
	left: -5px;		
}

div#form-list-image-footer img.bottom-right
{
	right: -7px;
	_right: -3px;
}

td.forms_column
{
	width:200px;
}

table#tblHomeContent
{
	width:100%;
}

html[xmlns] table#tblHomeContent td#main_column
{
	width:85%;
}

div.top-footer-image2
{
	/*background: url(/hrc/img/Forms/TopTableEdge.gif) no-repeat;*/
	background: url(/hrc/img/Forms/TopTableBottomRight.gif) no-repeat top right;
	_background-position: top right;
	height: 7px;
}

div.top-header-border
{
	/*background: url(/hrc/img/Forms/TopTableTopLine.gif) repeat;*/
	border-top: 1px solid #d6d3d6;
	background-color: #f7f3f7;
	position:relative;
	top:1px;
	_top:6px;
	height: 1px;
	left: 7px;
	margin-right: 14px;
}


div.bottom-header-border
{
	border-top: 1px solid #d6d3d6;
	position: relative;
	top: 0;
	_top:6px;
	height: 1px;
	left: 5px;
	margin-right: 12px;
}

div.top-footer-border
{
	border-bottom: 1px solid #d6d3d6;
	margin: 0 12px 0 7px;
	position: relative;
	height: 1px;
	left: 7px;
	top: -12px;
	margin-right: 7px;
	_margin-right: 12px;
}

div.bottom-footer-border
{
	/*background: url(/hrc/img/Forms/TopTableTopLine.gif) repeat;*/
	border-bottom: 1px solid #d6d3d6;
	margin: 0 0 0 -6px;
	_margin: -12px 0 0 -6px;
	width: 100%;
}

div.bottom-header-image
{
	/*background: url(/hrc/img/Forms/BottomTableTopEdge.gif) no-repeat;*/
	background: url(/hrc/img/Forms/BottomTableTopLeft.gif) no-repeat;
	background-position: bottom left;
	_background-position: bottom left;	
	height: 7px;
}

div.bottom-header-image2
{
	/*background: url(/hrc/img/Forms/BottomTableTopEdge.gif) no-repeat;*/
	background: url(/hrc/img/Forms/BottomTableTopRight.gif) no-repeat bottom right;
	_background-position: bottom right;
	position: relative;
	left: 2px;
	height: 7px;
}

div.bottom-footer-image
{
	background: url(/hrc/img/Forms/BottomTableBottomLeft.gif) no-repeat top left;
	_background-position: top left;
	height: 7px;
	position:relative;
	top:23px;
	_top:0px;
}

div.bottom-footer-image2
{
	background: url(/hrc/img/Forms/BottomTableBottomRight.gif) no-repeat top right;
	_background-position: top right;
	position: relative;
	top:0px;
	_top:0px;
	left: 12px;
	_left: 8px;
	height: 7px;
}

a.LetterGroupSelected
{
	color: #000 !important;
	font-weight: bold;
}

p#no-forms
{
	font-weight: bold;
	height: 20px;
	padding: 8px 10px 0px 10px; 
}

.DownloadsOrange
{
	color:#ff6100;
}

.DownloadsBlue
{
	color:#3362D2;	
}

.download-all
{
	background: url(/hrc/img/Forms/Download.gif) no-repeat top left;
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-right: 15px;	
	padding-left: 15px;
	text-align: left;
}

div#form-list-header div#TopDownloads 
{
	float: right;
	position: relative;
	top: -11px;
	_top: 0;
	margin-right: -6px;
}

div#form-list-download-footer div#BottomDownloads
{
	/*background-position: 366px 6px;*/
	position:absolute; 
	line-height: 12px;
	right:-6px;
	
}

/*-----------------*\
|  1. Form Filter   |
\*-----------------*/

div#form-filter
{
	/*background: url(/hrc/img/Forms/BottomTableEdge.gif) no-repeat bottom left;*/
	margin-bottom: 10px;
	padding-bottom: 7px;
	/*width: 570px;*/
	width: 100%;
	position: relative;
}

div#form-filter h2
{	
	border-left: solid 1px #d6d3d6;
	border-right: solid 1px #d6d3d6;	
}

div#form-filter div#form-filter-content
{	
	border-left: 1px solid #d6d3d6;
	border-right: 1px solid #d6d3d6;	
}

div#form-filter span h2
{
	/*background: url(/hrc/img/Forms/TopTableTopRight.gif) no-repeat top right;*/
	color: #ff6100;
	font-size: 18px;
	margin: 0;	
	_margin-top: -6px;
	padding: 0 0 5px 10px !important;
	margin: 0 0 0 0;
	background-color: #f7f3f7;
}

div#form-filter div#form-filter-content
{	
	background-color: #f7f3f7;
	border-top: 1px dashed #d6d3d6;
	padding: 10px;
	padding-bottom: 5px;
}

div#form-filter p
{
	margin-bottom: 10px;
}

div#form-filter label
{
	float: left;
	margin-right: 10px;
}

div#form-filter label span
{
	display: block;
	font-size: .7em;
	font-weight: bold;	
	margin-bottom: 4px;
}

div#form-filter label select
{
	width: 230px;
}

div#form-filter input.button
{
	margin-top: 17px;
}

/*---------------*\
|  2. Form List   |
\*---------------*/

div#form-list div#form-list-header
{
	background: url(/hrc/img/Forms/Line.gif) repeat x bottom left;
	border-left: 1px solid #d6d3d6;
	border-right: 1px solid #d6d3d6;
	border-bottom: 1px solid #9c9a9c;
	bottom:8px;
	height: 50px;
	/*width: 568px;*/
	width: 100%;
	position: relative;
	
}

div#form-list div#form-list-header:after
{
	clear: left;
	content: "";
	display: block;
}

div#form-list h2
{
	color: #ff6100;
	font-size: 18px;
	margin: 0 0 10px 0;	
	padding: 0 0 0px 10px !important;
	bottom:3px;
	_bottom:7px;
}

div#form-list ol, div#form-list ul
{
	float: left;
	margin: 0;
	padding: 0;
}

div#form-list-header ol
{
	_margin-left: 3px;
	position: absolute;
	left: 10px;
	_left: 3px;
	bottom:7px;
	_bottom: 7px;
}

div#form-list ol li
{
	border-right: 1px solid #d6d3d6;
	display: inline;
	padding-right: 4px;
}

* html div#form-list ol li
{
	padding-right: 0;
	padding-left: 4px;
}

div#form-list ol li.last
{
	border-right: none;
}

div#form-list ol li a.selected
{
	color: #000;
	font-weight: bold;
}

div#form-list ul li
{
	display: inline;
}

div#form-list-header ul
{
	position: absolute;
	bottom: -4px;
	_bottom: -3px;
	right: 10px;
}

div#form-list-content ul li
{
	background-image: none;
	display: block;
	border-top: 1px solid #d6d3d6;
	list-style-image: none;
	list-style: none;
	padding: 5px 0 8px 0;
	margin-bottom: 0;
	margin-right:-20px;
	position: relative;
	/*width: 550px;*/
	width: 100%;
	_width:100%;
}

div#form-list-content ul li div.additional-data
{
	display: none;
	margin: 0;
	padding: 0;
}

div#form-list-content ul li.expanded div.additional-data
{
	display: block;
}

div#form-list-content ul li img.tag
{
	position: absolute;
	right: 10px;
	top: 7px;
}

div#form-list-content ul li img.freetag
{
	position: absolute;
	right: 70px;
	top: 7px;
}

div#form-list-content ul li:after
{
	clear: left;
	content: "";
	display: block;
}

div#form-list-content ul li.first
{
	border-top: none;
}

div#form-list-content ul li.expanded
{
	background-color: #f7f3f7;
}

div#form-list-content ul li.expanded a.form-name
{
	border-bottom: 1px dotted;
	font-weight: bold;
}

div#form-list-content,
div#form-list-content ul
{
	width: 100%;
}

div#form-list-content ul li p
{
	font-size: 11px;
	margin-top: 5px;
}

div#form-list-content li ul
{
	width: 500px;
	/*width: 100%;*/
}

div#form-list-content li li
{
	background: url(/_cbc/hrc/Presentation/Template/img/orange_carat_trimmed.gif) no-repeat center left;
	border-top: none;
	display: inline;
	padding: 0 0 0 10px;
	width: 33%;
	margin-right:1px;
}

div#form-list-content li li.updated
{
	background: none;
	padding-left: 0;
}

div#form-list-content li li a
{
	font-weight: bold;
}

/* Footer */

div#form-list-footer
{
	/*background: url(/hrc/img/Forms/BottomTableBottomEdge.gif) no-repeat bottom left;*/
	border-top: dashed 1px #d6d3d6;
	clear: left;
	margin-left:0px;
	margin-right:0px;
	_margin-right:-1px;
	height:30px;
	_height:22px;
	position:relative;
}

div#form-list-footer ol
{
	border-left: 1px solid #d6d3d6;
	border-right: 1px solid #d6d3d6;
	_padding-top: 6px;
	width: 100%;
}

div#form-list-footer ul:after, div#form-list-footer:after
{
	clear: both;
	content: "";
	display: block;
}

/*---------------*\
|  3. Free Forms  |
\*---------------*/

div#free-forms
{
	margin-top: 11px;
	_margin-top: 14px;
	margin-bottom: 10px;
	width: 183px;
}

div#free-forms h4
{
	background: #639ace url(/hrc/img/Forms/BannerTopBorder.gif) no-repeat top left;
	color: #fff;
	font-size: 14px;
	padding: 5px 0 5px 10px;
	width: 173px;
	font-weight:normal;
}

div#free-forms div
{
	border-left: 1px solid #d6d3d6;
	border-right: 1px solid #d6d3d6;
	padding: 5px 10px 10px 10px;
	width: 161px;
}

div#free-forms a
{
	font-size: 11px;
}

div#free-forms div ul
{
	margin: 10px 0 0 0;
	padding: 0;
}

div#free-forms div ul li
{
	background: url(/hrc/img/orange_carat_trimmed.gif) no-repeat top left;
	list-style-image: none;
	list-style: none;
	padding-left: 10px;
	_margin: 0;
}

div#free-forms div ul li a
{
	position: relative;
	top: -4px;
	_top: -8px;
}

div#free-forms a.view-all
{
	background: url(/hrc/img/Forms/BannerBottomBorder.gif) no-repeat bottom left;
	display: block;
	font-weight: bold;
	margin-bottom: -11px;
	padding: 5px 0 10px 10px;
	_padding-top: 4px;
	position: relative;
	left: -11px;
	width: 173px;
	_margin-right: -22px;
}

/*------------------*\
|  4. Popular Forms  |
\*------------------*/

div#popular-forms,
div#top-placeholder,
div#bottom-placeholder,
div#middle-placeholder
{
	margin-top: 11px;
	_margin-top: 14px;
	margin-bottom: 10px;
	width: 183px;
}

div#popular-forms h4,
div#top-placeholder h4,
div#bottom-placeholder h4,
div#middle-placeholder h4
{
	background: #639ace url(/hrc/img/Forms/BannerTopBorder.gif) no-repeat top left;
	color: #fff;
	font-size: 14px;
	padding: 5px 0 5px 10px;
	width: 173px;
	font-weight:normal;
}

div#popular-forms div,
div#top-placeholder div,
div#bottom-placeholder div,
div#middle-placeholder div
{
	border-left: 1px solid #d6d3d6;
	border-right: 1px solid #d6d3d6;
	padding: 5px 10px 10px 10px;
	width: 161px;
}

div#popular-forms ol
{
	margin: 0;
	padding: 0;
}

div#popular-forms ol li
{
	list-style: decimal inside;
	list-style-image: none !important;
	text-indent: -23px;
	padding-left: 23px;
	_text-indent: -16px;
	_padding-left: 16px;
}

div#popular-forms a.view-all
{
	background: url(/hrc/img/Forms/BannerBottomBorder.gif) no-repeat bottom left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -11px;
	padding: 5px 0 10px 10px;
	position: relative;
	left: -11px;
	width: 173px;
	_margin-right: -22px;
}

/*-------------------*\
|  5. Top Placeholder  |
\*-------------------*/

div#top-placeholder
{
	background: url(/hrc/img/Forms/BannerBottomBorder.gif) no-repeat bottom left;
	padding-bottom:7px;
}

div#top-placeholder div
{
	display: block;
	font-size: 11px;	
}

/*----------------------*\
|  6. Middle Placeholder  |
\*----------------------*/

div#middle-placeholder
{
	background: url(/hrc/img/Forms/BannerBottomBorder.gif) no-repeat bottom left;
	padding-bottom:7px;
}

div#middle-placeholder div
{
	display: block;
	font-size: 11px;	
}

/*----------------------*\
|  7. Bottom Placeholder  |
\*----------------------*/

div#bottom-placeholder
{
	background: url(/hrc/img/Forms/BannerBottomBorder.gif) no-repeat bottom left;
	padding-bottom:7px;
}

div#bottom-placeholder div
{
	display: block;
	font-size: 11px;	
}
