/************************************
 * Reset
 *
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */

html, body { height: 100%; }
body {
	font: normal 62.5%/1.3 Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
	background-color: white;
}

p { }
a { color: #57870e; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
h1, h2, h3 { }
h1 { color: black; font-size: 2.2em; margin-bottom: 1.2em; }
h2 { margin-bottom: 0.6em; font-size: 1.4em; }
h3 { font-size: 1.2em; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

#content ul { list-style-type: disc; list-style-position: inside; margin: 0.5em 0 1em 1.5em; }
#content ol { list-style-type: decimal; list-style-position: inside; margin: 0.5em 0 1em 1.5em; }
#content li { zoom: 1; font-size: 1.1em; }
#content li p { margin: 0; }
#content li ul li { font-size: 1em; margin: 0.2em 0; }

td { vertical-align: top; }




/************************************ 
 * Styles
 *
 */

.green { color: #57870e; }
.black { color: black; }


/************************************
 * Layout
 *
 */


#wrapper { text-align: left; position: relative; min-height: 600px; height: auto !important; height: 600px; width: 1050px; margin: 0 auto; }

#page { margin: 0 auto; text-align: left; position: relative; }

#header { width: 1050px; margin: 0 auto; position: relative; height: 158px; }
#header-logo { position: absolute; top: 0; left: 0; }
#print-logo { display: none; }

#container { background-color: white; width: 728px; margin-left: 279px; }
#navigation { margin: 0 auto; }

#content { padding: 0 110px 24px 67px; min-height: 400px; height: auto !important; height: 400px; }
#content p { padding-right: 40px; font-size: 1.1em; }
#content td { font-size: 1.1em; padding: 0.2em 0.3em 0.3em 0; }
#content td p { font-size: 11px; }
#content td.label { padding: 0.3em 24px 0.3em 0; }
#content th { font-size: 1.2em; }

#main { }

#footer {
	margin: 0 auto; margin-left: 279px;
	background: white;
	width: 728px;
}
#footer-container { padding: 16px 32px; }
#footer td { vertical-align: middle; }

#side-images { position: absolute; left: 2px; top: 157px; }

/************************************ 
 * Navigation 
 *
 */

#navigation ul { padding: 24px 0 36px 0px; text-align: centeR; }
#navigation ul li { display: inline; }
#navigation ul li a {
	font-size: 1.5em; line-height: 2; color: black;
	background: url('images/bg-navi.gif') no-repeat right 70%;
	padding: 0 26px 0 24px;
}
#navigation ul li a.last { background-image: none; }
#navigation ul li a:hover,
#navigation ul li a.active { color: #57870e; }
#navigation ul li a:active { }


/************************************ 
 * Forms
 *
 */

body#id-35 #content,
body#id-56 #content { padding-right: 30px; }

form { margin: 1em 0; }
form h2 { margin-top: 1.5em; }

div.form-page { margin-bottom: 2em; }
div.separator { height: 10px; background: red; }

div.form-row { font-size: 1.1em; clear: both; margin-bottom: 4px; }
div.form-row div.left, div.form-row div.right { float: left; width: 49%; }
#content div.form-row p { margin-bottom: 1em; font-size: 1em; }
div.form-row div.right { float: right; }

div.input-container {
	width: 199px; min-height: 25px; height: auto !important; height: 25px;
	background: transparent url('images/bg-inputfield-195.gif') no-repeat 0 0;
	margin-bottom: 4px;
}
div.field-separator { height: 10px; overflow: hidden; clear: both; }
div.textarea-container { 
	width: 254px; height: 154px;
	background: transparent url('images/bg-textarea-150px.gif') no-repeat 0 0;
}
div.checkbox-container { line-height: 1.6; }
div.radio-container { margin-bottom: 4px; }

div.errors, div.required { color: #a00000; font-weight: bold; }
div.errors { font-size: 1.3em; margin-bottom: 1em; }
p.errors { color: #a00000; font-weight: bold; margin: 0 0 1em; }

fieldset { border: 0; margin: 0; position: relative; clear: both; display: block; } 
fieldset.blank { }

label { display: block; margin-bottom: 3px; font-size: 11px; }
label.warning { color: #c00000; padding-top: 6px; font-weight: bold; }

span.helptext { color: #777; font-size: 10px; }
span.required { color: #ee2d26; padding-left: 2px; }

div.form-progress {
	width: 523px; text-align: center; font-size: 11px; font-weight: bold; line-height: 2;
	margin: 0 0 1.6em 0;
	color: #333; border: 1px solid #2f170a;
	background: #d9d8d4 url('images/progressbar.gif') repeat-y 174px top;
}
div.progress-33 { background: #d9d8d4 url('images/progressbar.gif') repeat-y 348px top; }
div.progress-66 { background: #d9d8d4 url('images/progressbar.gif') repeat-y 518px top; }

textarea, input, select, option { font-family: Arial, Verdana, sans-serif; font-size: 11px; }

select { border: 1px solid #ccc; padding: 0; }
option { border: 0; padding: 1px 2px; }

input.field { border: 0; background-color: transparent; width: 190px; height: 14px; line-height: 14px; margin: 4px 0 0 3px; }
input.button { }
textarea { width: 245px; height: 138px; background-color: transparent; margin: 3px 0 0 3px; border: 0; overflow: auto; }

div.checkbox-container input { }
div.checkbox-container label, div.radio-container label { display: inline; }

div.main-level { }
div.sub-level { padding-left: 12px; }

div.form-prev-button { float: left; width: 49%; padding: 12px 0; }
div.form-next-button, div.form-submit-button  { float: right; width: 49%; padding: 12px 0; }

a.logout-link { background: url('images/b03.gif') no-repeat left 50%; padding-left: 20px; margin: 1em 0; display: block; }

p.update-success { 
	border: 1px solid #999; 
	background: #BEE860 url('images/save.gif') no-repeat 8px 50%;
	padding: 0.5em 8px 0.5em 28px; margin: 0 0 1em;
}
p.update-error {
	width: 462px;
	color: #a00; border: 1px solid #999; font-weight: bold;
	background: #f2f4f2 url('images/delete.png') no-repeat 8px 50%;
	padding: 0.5em 8px 0.5em 28px; margin: 0 0 1em;
}

#matchmaking-table { margin: 1em 0;}
#matchmaking-sortable-container { float: left; }
ul#matchmaking-sortable { 
	width: 330px; height: 250px; border: 1px solid gray; background: #f6f6f6; padding: 1em; margin: 0.5em 0 2em 0; font-weight: bold;
	list-style: none;
}
#matchmaking-sortable li {
	height: 2.5em;
	line-height: 2.5;
	list-style: none;
	padding: 0 1em; margin-left: 0; margin-bottom: 0.5em;
	font-weight: bold;
	color: black;
}
#matchmaking-form #matchmaking-priority-text { float: right; }
#matchmaking-sortable li.ui-state-highlight { line-height: 2.5; height: 2.5em; background-color: #333333;}
#matchmaking-form div.checkbox-container { float: left; margin-right: 8px; }
#matchmaking-form div.company-container { line-height: 1.4; float: left; width: 500px; }
#matchmaking-form div.form-row { margin-bottom: 12px; }
#matchmaking-form div.checkbox-container input { }
#matchmaking-form label { display: inline; }
#matchmaking-form th, #matchmaking-form td { font-size: 11px; padding: 0.2em 0.3em; text-align: left;  }
#matchmaking-form th.checkbox { width: 36px; }
#matchmaking-form th.company-name { width: 160px; }
#matchmaking-form th.company-business-sector {}
#matchmaking-form th.more-information { width: 120px; }

#matchmaking-form #matchmaking-priority-text div.textarea-container { margin: 0.5em 0; }
#matchmaking-form-submit-button { font-size: 1.25em; margin-top: 1em;  }

#content th.heading,
#content td.heading { border-bottom: 1px solid black; padding: 0.5em 0; margin-bottom: 1em; }

div.registrant-details { display: none; border: 1px solid gray; background: white; padding: 0.5em 1em; line-height: 1.3; }

p.matchmaking-pagination { margin: 1em 0; }
p.matchmaking-pagination a { line-height: 2; padding: 3px 6px; border: 1px solid #ccc; background-color: #f0f0f0; color: black;}
p.matchmaking-pagination a:hover { text-decoration: none; background-color: #ddd;}
p.matchmaking-pagination span.pagination-current { line-height: 2; padding: 3px 8px; border: 1px solid #000; background-color: #408040; color: white; font-weight: bold; }

table.profile-information th,
table.profile-information td { text-align: left; }
#search label { display: inline; font-weight: bold; }
option.select-maingroup { font-weight: bold; }

/************************************ 
 * Pagination
 *
 */

div.pagination { text-align: center; margin: 1em 0; padding: 2em 2em 0.6em; }
div.pagination span.left { width: 40%; float: left; text-align: left; display: block; }
div.pagination span.right { width: 40%; float: right; text-align: right; display: block; }


/************************************ 
 * Fixes and special cases
 *
 */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.hidden { display: none; }