/* help box style */
.help-box {
	position: absolute;
	right: 0px;
	top: 65px;

	display: none;

	min-height: 552px;
	height: auto;
	width: 220px;
	background: transparent url(i/help-bg-bottom.gif) no-repeat left bottom;

/*
	background-color: #f1f1f2;
	border: 1px solid #adabab;
*/
	overflow-x: hidden;

	padding: 10px;
	padding-top: 5px;

}

.helpbar {
	width: 1080px !important;
}
/*
.wide .helpbar {
	width: 1020px !important;
}
*/

.helpbar #footer .design {
	padding-right: 240px;
	background-position: 123px 0 !important;
}


.helpbar .help-box {
	display: block;
}

.helpbar #body {
	padding-right: 245px;
}


.helpbar #body {
	background-image: url(i/help-bg-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



/* adjust help-box to match new_job section colors */
.section-new_job .help-box {
/*
	background-color: #eaf0e8;
	border: 1px solid #99b78f;
*/
}
/* adjust help-box to match my_jobs section colors */
.section-my_jobs .help-box, .section-proof .help-box {
/*
	background-color: #ecf4f9;
	border: 1px solid #48b1de;
*/
}





/* heading */
.help-box h2 {
	font-family: helvetica, arial;

	margin: 0;
	padding: 25px 0 15px 0;

	font-size: 14px;
	line-height: 18px !important;
}

/* heading */
.help-box h3 {
	font-family: helvetica, arial;

	margin: 0;
	padding: 25px 0 15px 0;

	line-height: 10px !important;
}


/* breadcrumbs box */
.help-box .breadcrumbs {
	position: absolute;
	padding: 8px 0 0 0;
	margin: 0;
}







/* search form */
.help-box .search {
/*
	position: absolute;
	top: 5px;

	margin-left: -5px;
	width: 230px !important;

	border-bottom: 1px solid #ececec;

	overflow: hidden;
*/
	background-color: #f4f4f4;
	height: 30px;
}


/* most text has aqdditional 5px padding. need some wrapper I guess */
.help-box .content {
	padding: 0 5px;
}


/* search text input */
.help-box .search .text {
	float: left;
	width: 90px;
	margin-left: 5px;
	margin-top: 5px;
/*	border: 1px solid #c1daea;*/
}


/* BEGIN: buttons */
.help-box .search .submit, .help-box .search .file, .help-box .search .back, .help-box .search .forward {
	display: block;

	width: 20px;
	height: 19px;

	margin-top: 5px;

	overflow: hidden;
	line-height: 150px !important;
}
.help-box .search .submit {
	float: left;
	background: transparent url(i/help-icons.gif) no-repeat left top;
}
.help-box .search .submit:hover {
	background-position: 0 -30px;
}
.help-box .search .file {
	position: absolute;
	right: 55px;
	background: transparent url(i/help-icons.gif) no-repeat -25px 0;
}
.help-box .search .file:hover {
	background-position: -25px -30px;
}
.help-box .search .back {
	position: absolute;
	right: 28px;

	background: transparent url(i/help-icons.gif) no-repeat -50px 0;
}
.help-box .search .back:hover {
	background-position: -50px -30px;
}
.help-box .search .forward {
	position: absolute;
	right: 6px;
	background: transparent url(i/help-icons.gif) no-repeat -75px 0;
}
.help-box .search .forward:hover {
	background-position: -75px -30px;
}


.help-box .search a {
	cursor: pointer;
	cursor: hand;
}


.help-box a {
	cursor: pointer;
	cursor: hand;
}



/* box with top border */
.help-box .section {
	padding-top: 5px;
	border-top: 1px solid #cadfed;
}


/* text aligned to bottom */
.help-box .bottom {
	position: absolute;
	bottom: 5px;
	left: 5px;

	width: 230px;

	margin: 0;
	padding: 5px 0 5px 0;
	background-color: #f4f4f4;
}
.help-box .bottom a {
	margin-left: 10px;
}




/* helpbox has 1px border so we have to overflow it */
.help-box .corner-top-left {margin: -1px 0 0 -1px;}
.help-box .corner-bottom-left {margin: 0 0 -1px -1px;}
.help-box .corner-top-right {margin: -1px -1px 0 0;}
.help-box .corner-bottom-right {margin: 0 -1px -1px 0;}
/* END: corners styles */








/*
.page-home .unauthorized .help-box {
	display: none;
}
.page-home .unauthorized #body {
	padding-right: 270px;
}

.page-account #body, .page-design-support #body {
	padding-right: 5px;
}
.page-account .help-box, .page-design-support .help-box {
	display: none;
}

*/



.help-box .search-results, .help-box .topics {
	position: relative;
	margin-left: -5px;
	width: 230px;
	margin-right: 0;
}
.help-box .search-results .odd, .help-box .topics .odd {
	background-color: #e8f1f7;
}
.help-box .result-row, .help-box .topic-row {
	padding: 3px 6px;
}