/********** Relaunch Global Corporate Website www.roche.com layout *****/
/*************** Copyright (c) 1996-2008 F. Hoffmann-La Roche Ltd. *****/
/***********************************************************************/
/****************************************** form and search styles *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/
/* $LastChangedDate: 2007-11-07 21:22:08 +0100 (Wed, 07 Nov 2007) $ *****/

button
{
	cursor: pointer;
}

form.std div.section
{
	margin-bottom: 0;
}

form.std label,
form.std input.text,
form.std select,
form.std textarea,
form.std button
{
	display: block;
	font-size: 11px;
	line-height: 15px;
}

form.std label
{
	color: #999;
	padding: 0 0 2px;
}

form.std label.dark
{
	color: #666;
}

form.std input.text,
form.std textarea
{
	border: 1px solid #ccc;
	padding: 1px 4px 2px;
	margin: 0 0 6px;
	width: 285px;
}

form.std textarea.small
{
	height: 75px;
}

form.std textarea.large
{
	height: 136px;
}

form.std select
{
	border: 1px solid #ccc;
	padding: 0 0 1px;
	margin: 0 0 6px;
	width: 295px;
}

form.std .disabled
{
	color: #999 !important;
}

form.std input.size-m
{
	width: 230px;
}

form.std select.size-m
{
	width: 240px;
}

form.std label.invalid
{
	color: #c03;
	font-weight: bold;
}

form.std div select.invalid,
form.std input.invalid,
form.std textarea.invalid
{
	border-color: #c03;
}

form.std div.submit-wrapper
{
	padding-bottom: 3px;
	padding-top: 1px;
}

form.std div.size-m
{
	width: 240px;
}

form.std div.submit-wrapper div.button
{
	margin: 3px 0 0;
}

form.std div.submit-wrapper p.note
{
	color: #999;
	float: right;
}

div.button
{
	background: url(img/button-bg.gif) repeat-x top left;
	float: left;
	height: 18px;
}

div.button div
{
	background: url(img/button-bg-end.gif) no-repeat top right;
	height: 18px;
}

fieldset.float-pair
{
	position: relative;
}

fieldset.float-pair div.button
{
	left: 250px;
	position: absolute;
	top: 17px;
}

div.button button
{
	border: none;
	background: transparent;
	height: 16px;
	margin: 0;
	padding: 0 8px;
}

div.alternate-button /* additional to .button */
{
	background-image: url(img/button-alternate-bg.gif);
}

div.alternate-button div
{
	background-image: url(img/button-alternate-bg-end.gif);
}

div.alternate-button button
{
	color: #fff;
}

div.label-cluster
{
	position: relative;
	top: -2px;
}

div.label-cluster label
{
	display: inline;
	padding: 0;
}

div.label-cluster span
{
	color: #999;
	font-size: 11px;
	line-height: 15px;
}

form.std input.city
{
	float: left;
	margin-right: 4px;
	width: 211px;
}

form.std input.zip
{
	float: left;
	width: 60px;
}

div.radio-cluster
{
	padding-bottom: 4px; /* classic: 3px */
}

div.radio-cluster label
{
	display: inline;
	padding: 0 10px 0 0;
}

div.radio-cluster input
{
	left: -1px;
	margin-left: 0px;
	position: relative;
	top: 1px;
}

div.single-checkbox
{
	padding: 5px 0 1px;
	position: relative;
}

div.single-checkbox input
{
	margin-left: -1px;
	position: absolute;
	top: 1px;
}

div.single-checkbox label
{
	padding-left: 16px;
}

div.broad-column p.invalid
{
	color: #c03;
	font-weight: bold;
	padding-bottom: 6px;
}

/* search */

/* search > search form */

div#content-zone div.search-form-column
{
	margin-top: -2px;
}

div#search-form
{
	background: url(img/50-percent-e5effa.gif);
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 2px 10px 9px;
}

div#search-form p
{
	padding-bottom: 12px;
}

div#search-form input.text
{
	float: left;
	margin-right: 10px;
	width: 250px;
}

div#search-form div.button
{
	float: left;
}

div#search-form div.single-checkbox
{
	float: right;
	margin-top: -4px;
}

/* search > related links */

div#related-links
{
	background: url(img/50-percent-e5e5e5.gif);
	border-bottom: 1px solid #ccc;
	padding: 12px 10px 1px;
}

div#related-links div.h2 h2
{
	color: #c03;
}

/* search > pager */

div.top-pager
{
	padding: 26px 0 7px;
}

div.bottom-pager
{
	margin-top: -6px;
	padding: 0 0 9px;
}

div.pager p.state
{
	float: left;
	padding: 0;
}

div.pager p.nav
{
	float: right;
	padding: 0;
}

p.nav em
{
	color: #06c;
	font-style: normal;
	font-weight: bold;
}

/* search > result */

div#result-list
{
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin: 0 0 12px;
}

div.result
{
	border-top: 1px solid #ccc;
	padding: 7px 0 0;
}

div.first-result
{
	border-top: none;
}

div.result p
{
	padding: 4px 0 0;
	width: 550px;
}

div.result p.url a {
	display: block;
}

div.result h3
{
	width: 550px;
}

div.result p.relevance
{
	float: right;
	height: 8px;
	margin-top: -7px;
	overflow: hidden;
	padding: 0;
	width: 63px;
}

p.relevance-6
{
	background: url(img/relevance-6.gif);
}

p.relevance-5
{
	background: url(img/relevance-5.gif);
}

p.relevance-4
{
	background: url(img/relevance-4.gif);
}

p.relevance-3
{
	background: url(img/relevance-3.gif);
}

p.relevance-2
{
	background: url(img/relevance-2.gif);
}

p.relevance-1
{
	background: url(img/relevance-1.gif);
}

p.relevance-0
{
	background: url(img/relevance-0.gif);
}

div.result ul
{
	padding: 4px 0 12px;
}

div.result ul li
{
	background: url(img/list-divider.gif) no-repeat 0 3px;
	color: #999;
	float: left;
	padding: 0 8px 0 9px;
}

div.result ul li.first
{
	background: none;
	padding-left: 0;
}

/* search > expert search filter */

div#sf-options
{
	padding-bottom: 4px;
}

div#sf-options label
{
	color: #999;
	padding: 4px 0 2px;
}

div#sf-options p
{
	color: #999;
	padding: 3px 0 2px;
}

div#sf-options select
{
	margin-bottom: 3px;
}