/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:	STYLE SHEET
Filename:	layout_standard.css
Description:Unique Styles for registration/profile page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
26	17May06		CT			Added pointer definition to cancel button
25	24Nov05		CT			Updated personalDetails layout
24	01Nov05		CT			Added high contrast stuff
23	12Oct05		CT			Updated for auto width compatibility
22	06Oct05		CT			Updated for auto width compatibility
21	9/9/05		PG			CSS for profile pages
20	25Aug05		CT			Amended the mandatory field indicator
19	23Aug05		CT			Amended the layout of checkboxes on for members directory 
18	12Aug05		CT			Updated button positions
17	23Jun05		CT			Removed the bottom margin from sectorsID
16	21Jun05		CT			Adjusted the spacing on the members directory listing
15	20Jun05		CT			Reduced the spacing between fields
14	17Jun05		PG			removed pageText class as it affected all pages
13	17Jun05		PG			altered
12	14Jun05		PG			played with fieldsets and legends a bit
11	13Jun05		PG			made mandatory class more open (?)
10	10Jun05		PG			added rule
9	10Jun05		PG			tidyed up a bit. don't it look pretty!
8	10Jun05		PG			Added classes for directory pages
7	7Jun05		PG			Added wrapper for password reminder page
6	7Jun05		PG			added some event stuff
5	1Jun05		PG			changed some padding and that
4	1Jun05		PG			added mandatory class
3	27May05		PG			setup some more
2	26May05		PG			initial setup
1	25May05		PG			created
*/

legend { 
	margin-left: expression('-9px'); 
} 

#RegistrationWrapper {
	margin: 25px;
}

#RegistrationWrapper select{
	width:205px;
}

#RegistrationWrapper h2{
	font: 1.4em verdana,arial,sans-serif;
	margin:0px;
	padding:0px; 
}

#RegistrationWrapper .breadCrumtitle{
	height:55px;
}

#RegistrationWrapper p {
	padding:0px 0px 10px 0px;
	margin:0px;
}

#RegistrationWrapper .breadCrumtitle h2 {
	padding-top:10px;
}

#RegistrationWrapper .titleImage {
	margin-top:10px;
	width: 96px;
	float: left;
}

#RegistrationWrapper .titleChev {
	margin-top:10px;
	width: 29px;
	float: left;
}

#RegistrationWrapper .titleChev img {
	width: 29px;
	height: 23px;
	background: transparent url(/res/coIdentityWIN/images/reg_chev.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper .titleChev img {
	background: transparent url(/res/coIdentityWIN/images/hi_reg_chev.gif) no-repeat top left;
}

#RegistrationWrapper .veryShort{
	width:42%;
}

#RegistrationWrapper .shortField,
#DirectoryWrapper .shortField{
	width:55%;
	float: left;
}

#RegistrationWrapper .longField{
	width:70%;
	float: left;
}

#RegistrationWrapper .short,
#RegistrationWrapper .long,
#DirectoryWrapper .short,
#DirectoryWrapper .long {
	/* Not set to 100% because it
	causes some fields to be too long in IE */
	width:96%;
	float: left;
}

#RegistrationWrapper .row{
	padding-bottom:15px;
	width: 100%;
	float: left;
}

#RegistrationWrapper .rowSmall{
	margin-bottom:10px;
}

#RegistrationWrapper #optinsID .introText{	
	margin-bottom:5px;
}

#RegistrationWrapper #optinsID{
	margin-bottom:20px;
}

#RegistrationWrapper #optinsID .checkBoxAndLabel{
	padding-left:20px;
	width: 100%;
	float: left;
}
#RegistrationWrapper #optinsID .checkBox{
	 display:inline;  
}

#RegistrationWrapper #sectorsID .checkboxrow{
	margin-bottom:0px;
}

#RegistrationWrapper #sectorsID .checkboxRow .la_label{
	/* float:none; */
} 

#RegistrationWrapper #sectorsID .checkBoxAndLabel {
	border-bottom:1px dashed #ccc;
	padding-bottom:3px;
	width:90%;
}

#RegistrationWrapper #sectorsID .checkBox{
	display:inline;
}

/* The mandatory field * thing */
.mandatory,
.mandatoryshort,
.mandatorylong{
	font-weight: bolder;
	font-size: 1.4em;
	display:inline;
	padding:5px 5px 0px 5px; */
	color:#000;
}

/* END of mandatory fields */

#RegistrationWrapper .outroText{
	width: 100%;
	float: left;
	padding-top:4px;
}

#RegistrationWrapper .introText{
	width: 100%;
	float: left;
	padding-top:4px;
}

#RegistrationWrapper .buttons{	
	width: 100%;
	float: left;
	text-align: center;
}

#RegistrationWrapper .buttons .prev,
#RegistrationWrapper .buttons .next,
#RegistrationWrapper .buttons .cancel,
#RegistrationWrapper .buttons .submit{
	width: 30%;
	float: left;
	min-height: 1px;
}

#RegistrationWrapper .required{
	padding-bottom:20px;
}

#RegistrationWrapper .backLink{
	display:none;
}

/* Use smaller rows for profile page */
#ProfileWrapper .row{
	padding-bottom:20px;
}

#ProfileWrapper .section{
	padding:10px 0px 10px 0px;
}

#ProfileWrapper h2{
	border-bottom: 1px dashed #ccc;
	width:100%;
	padding-bottom:5px;
	margin-bottom:10px;
}

#ProfileWrapper .title{
	height:auto;
}

#ProfileWrapper .title h2{
	padding-top:0px;
}

#ProfileWrapper #hidden{
	display:none;
}

#RegistrationWrapper #ReminderWrapper .row {
	margin-bottom:10px;
} 

#RegistrationWrapper #ReminderWrapper .bottomButtons {
	padding:20px 0px 0px 0px;
}

#RegistrationWrapper #ReminderWrapper .bottomButtons .reset {
	width: 20%;
	float: left;
}

#RegistrationWrapper #ReminderWrapper .bottomButtons .reset input{
	width: 44px;
	height: 18px;
	float: left;
	background: transparent url(/images/buttons/but_reset_0.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper #ReminderWrapper .bottomButtons .reset input{
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

#RegistrationWrapper #ReminderWrapper .bottomButtons .submit {
	width: 70%;
	float: right;
}

#RegistrationWrapper #ReminderWrapper .bottomButtons .submit input{
	width: 157px;
	height: 18px;
	float: left;
	background: transparent url(/res/coIdentityWIN/images/but_request_password.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper #ReminderWrapper .bottomButtons .submit input{
	background: transparent url(/res/coIdentityWIN/images/hi_but_request_password.gif) no-repeat top left;
}

#RegistrationWrapper fieldset {
	padding:0;
	margin:0;
	border:none;
	/* IE only */
	margin-bottom: expression('-10px');
	padding-bottom: expression('-10px');
	vertical-align: top;
}

#RegistrationWrapper fieldset .shortField {
	/* IE only */
	margin-top: expression('-20px');
	margin-left: expression('17%');
}

#RegistrationWrapper fieldset .mandatoryshort {
	position: relative;
	/* IE only */
	top: expression('-15px');
}


#RegistrationWrapper legend {
	width: auto;
	float: left;
	font-weight:bold;
}

#RegistrationWrapper .buttons{	
	width: 100%;
	float: left;
	text-align: center;
}

#RegistrationWrapper .buttons .cancel {
	width: 30%;
	float: left;
}

#RegistrationWrapper .buttons .cancel input,
#RegistrationWrapper .buttons .cancel img {
	width: 52px;
	height: 18px;
	margin: 20px;
	background: transparent url(/images/buttons/but_cancel_0.gif) no-repeat top left;
	cursor: pointer;
}

.front_body_hi #RegistrationWrapper .buttons .cancel input {
	background: transparent url(/images/buttons/hi_but_cancel_0.gif) no-repeat top left;
}

#RegistrationWrapper .buttons .reset {
	width: 45%;
	float: left;
}

#RegistrationWrapper .buttons .reset input {
	width: 44px;
	height: 18px;
	margin: 20px;
	background: transparent url(/images/buttons/but_reset_0.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper .buttons .reset input {
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

#RegistrationWrapper .buttons .prev {
	width: 30%;
	float: left;
}

#RegistrationWrapper .buttons .prev input {
	width: 69px;
	height: 18px;
	margin: 20px;
	background: transparent url(/images/buttons/but_prev_0.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper .buttons .prev input {
	background: transparent url(/images/buttons/hi_but_prev_0.gif) no-repeat top left;
}

#RegistrationWrapper .buttons .next {
	width: 30%;
	float: left;
}

#RegistrationWrapper .buttons .next input {
	width: 51px;
	height: 18px;
	margin: 20px;
	background: transparent url(/images/buttons/but_next_0.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper .buttons .next input {
	background: transparent url(/images/buttons/hi_but_next_0.gif) no-repeat top left;
}

#RegistrationWrapper .buttons .update {
	width: 45%;
	float: left;
}

#RegistrationWrapper .buttons .update input {
	width: 61px;
	height: 18px;
	margin: 20px;
	background: transparent url(/images/buttons/but_update_0.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper .buttons .update input {
	background: transparent url(/images/buttons/hi_but_update_0.gif) no-repeat top left;
}

#RegistrationWrapper .buttons .submit {
	width: 30%;
	float: left;
}

#RegistrationWrapper .buttons .submit input {
	width: 61px;
	height: 18px;
	margin: 20px;
	float: left;
	background: transparent url(/images/buttons/but_submit_0.gif) no-repeat top left;
}

.front_body_hi #RegistrationWrapper .buttons .submit input {
	background: transparent url(/images/buttons/hi_but_submit_0.gif) no-repeat top left;
}

/****** Members Directory Stuff *****/
#DirectoryWrapper {
	margin: 25px;
}

#DirectoryWrapper legend {
	width:100%;
	float: left;
	padding:4px 0px;
	margin:3px 0px;
}

#DirectoryWrapper fieldset{
	padding:0;
	margin:0;
	border:none;
	/* IE only */
	margin-bottom: expression('-10px');
	padding-bottom: expression('-10px');
	vertical-align: top;
}

#DirectoryWrapper .resultsTitle{
	height: auto;
	width: 100%;
}

#DirectoryWrapper .resultsTitle .refine{
	height: auto;
	width: 40%;
	float: left;
	text-align: right;
}

#DirectoryWrapper .resultsTitle .title{
	height: auto;
	width: 60%;
	float: left;
}


#DirectoryWrapper .personDetails{
	border-top: 1px dashed #ccc;
	margin-top: 25px;
	width: 100%;
	height: auto;
	overflow: visible;
}

#DirectoryWrapper .name,
#DirectoryWrapper .details,
#DirectoryWrapper .organisation,
#DirectoryWrapper .sector,
#DirectoryWrapper .infoRow,
#DirectoryWrapper .towLineInfoRow{
	padding:4px 0px; 
	float: left;
	width:100%;
	clear:left;
}

#DirectoryWrapper .name{
	 padding-top:10px; 
}


#DirectoryWrapper .personDetails .title,
#DirectoryWrapper .singlePersonDetails .title{
	float: left;
	width:30%;
	float:left;
}



#DirectoryWrapper .personDetails .info,
#DirectoryWrapper .singlePersonDetails .info{
	float: left;
	width:68%;
}

#DirectoryWrapper .singlePersonDetails .info{
	width:68%; 
}

#DirectoryWrapper .singlePersonDetails .towLineInfoRow .title{
	padding-bottom:7px;
}
#DirectoryWrapper .singlePersonDetails .towLineInfoRow .info{
	width:68%;
	padding-left:10px;
}

#DirectoryWrapper .singlePersonDetails{
	margin-top:10px;
}

#DirectoryWrapper .desc{
	margin-top:4px;
}

.rule {
	border-bottom:1px solid rgb(174, 193, 73);
	padding:2px 0px;
	margin:3px 0px;
}

.front_body_hi .rule {
	border-bottom:1px solid black;
}

#DirectoryWrapper .row{
	padding-bottom:15px;
	width: 100%;
	float: left;
}

#DirectoryWrapper .checkBoxRow{
	width:100%;
	float: left;
	border-bottom:1px dashed #ccc;
	padding-bottom: 3px;
}

#DirectoryWrapper .checkBoxAndLabel input{
	float:left;
}

#DirectoryWrapper .checkBoxAndLabel label{
	float:left;
	width:40%;
	padding:3px 3px
	
}

#DirectoryWrapper .checkBoxAndLabel {
	padding-bottom:3px;
	width:48%;
	float:left; 
	padding-right:5px;
}

#DirectoryWrapper .buttons{	
	width: 100%;
	float: left;
	text-align: center;
}

#DirectoryWrapper .buttons .reset {
	width: 45%;
	float: left;
}

#DirectoryWrapper .buttons .reset input{
	width: 44px;
	height: 18px;
	margin: 20px;
	float: left;
	background: transparent url(/images/buttons/but_reset_0.gif) no-repeat top left;
}

.front_body_hi #DirectoryWrapper .buttons .reset input{
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

#DirectoryWrapper .buttons .search {
	width: 45%;
	float: left;
}

#DirectoryWrapper .buttons .search input {
	width: 61px;
	height: 18px;
	margin: 20px;
	float: right;
	background: transparent url(/images/buttons/but_search_0.gif) no-repeat top left;
}

.front_body_hi #DirectoryWrapper .buttons .search input{
	background: transparent url(/images/buttons/hi_but_search_0.gif) no-repeat top left;
}