/*
* This stylesheet contains CSS that is common to both ELP and FEL sites
*/
body, html {
	margin:0px;
	padding:0px;
	height:100%;
	/*font-size:16px;*/
	/*font-family:Verdana, Arial,  Helvetica, "Gill Sans Std";*/
	font-family:Arial, Verdana, Helvetica, "Gill Sans Std";
	color:#333333;
	text-align:center;
	background-color:white;
}
body, table, input, table textarea
{
    /* more specific to override imported rule */
    font-size: medium;
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;
    /* recover from trick */
    font-size: small;
    /* intended value for better browsers */
}




h1 {
	color:#ab0e2c;
	font-size:18px;
	font-weight:bold;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}

table h1 {
	margin-top:0px;
}



h2, h3, div#mainBody h2 a,
div#mainBody h2 a:visited, div#mainBody h2 a:active {
	color:#4f4f4f;
}

div#mainBody div.infoBlock h2 a:hover{
	color:#F58220;
}

h2 {
	font-size:14px;
	color:#4f4f4f;
	margin-left:0px;
	margin-top:0px;
	margin-bottom: 8px;
}
h3 {
	font-size:100%;
}

li {
	margin-top:3px;
}

.indent{
	margin-left:30px;
	margin-right:30px;
}

/*
* Set up the various framework blocks
*/
#container {
	width:800px;
	position: relative;
	margin:10px auto;
	margin-top:20px;

}

#header {
	position:relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#search{

}

#search input{
	
	background-color:#ffffff;
}

#logoBlock {

	/*padding-left:10px;*/
}
#message{
	text-align:left;
}

/*** Menu 1 styles ***/
div#menu1Holder{
	padding-top:10px;
	background-color:#ab0e2c;
	height:30px;
	text-align:left;
	font-weight:bold;
}

#menu1 {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
/*	background-color: #00CC66;	*/
}

#menu1 a {
	padding-right: 22px;
	margin-right: 5px;
	text-decoration:none;
}
#login,#loggedIn {
	float:right;
}
/*** Menu 2 styles ***/
div#menu2Holder{
	background-color:#f58220;
	height:22px;
	text-align:left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
}

#menu2 a {
	margin-right: 10px;
}

#menu2Selected, #menu2Inert {
	margin-right: 10px;
}

#menu2Selected, #menu2Inert {
	color: #ab0e2c;
}
#menu2Inert{
	color: #999999;
}

#menu2{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding-top: 5px;
}

div#menu2 a{
	text-decoration:none;
}

div#menu2 a, div#menu2 a:visited, div#menu2 a:active{
	color: #ffffff;

	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A39A7A;*/
}
div#menu2 a:hover {
	color:#ab0e2c;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF004C;*/
}


/*** Main content styles ***/
#mainBody {
	position:relative;
	clear:both;
	text-align:right;
	width:100%;
}
#content{
	margin-top:15px;
	position:relative;
	width:100%;
	text-align:left;

}
#content p, label {
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:8px;
	
}

#content p.newsFirstPara{
	margin-left:0px;
	padding-left:0px;
}

#content p.infoItem {
	margin-left:20px;
	clear: both;
}
div.searchResults p {
	clear:both;
}


#quote{
	font-family:"Courier New", Courier, mono;
	text-align:right;
	float:right;
	margin-right:30px;
	margin-top: 8px;
	width:360px;
	color:#F7E9B9;
}
/*For the benefit of old IE*/
#quote table{
	color:#F7E9B9;
}

.nextEventLocation{
	text-align:right;
	font-size:smaller;
	padding-right:10px;
}	


/*** Footer styles ***/
#footer {
	position:relative;
	height:40px;
	font-size: 10px;
	color:#a4a3a2;
	clear:both;
	width:800px;
	margin-top:30px;
	background-repeat: repeat-x;
	line-height: 1.7em;
	text-align:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ab0e2c;
}



#footerText {
	float:right;
	padding-top:8px;
}

#footerText img {
	vertical-align:text-bottom;
	margin-right:5px;
}

#footerText a{
	float:left;
	color:#a4a3a2;
	margin-right:8px;
	text-decoration:none;
}

#footerText img{
	border:none;
}
	

/*** MYORG DETAILS styles **/
td p#moreHistory{
	text-align:right;
	font-size:smaller;
}
#organisationLogo{
	clear:right;
	/*margin-top:30px;*/
	padding-top:10px;
	padding-bottom:10px;
	float:right;
	border-width:0px;

}
#logoDiv{
	float:right;
	margin:8px;
	margin-right:40px;
	width:130px;
	text-align:center;
	clear:right;
}
table {
	clear:both;
}
/*** MEMBER styles **/
.orgMembers {
	margin-top:0px;
	padding-left:50px;
}
.orgMember {
	margin-top:0px;
	margin-bottom:0px;
}
.thumbNail {
	float:right;
	margin:8px;
	margin-right:40px;
	border-width: 1px;
	border-style:solid;
}

h2.orgHeading, div.moderator{
	clear:both;
}

img.orgImage {
	margin-top:-15px;
	clear:right;
}


/*** MEMBER DETAILS styles **/
.memberDetailsPhoto {
	float:right;
	margin-right:10px;
	margin-left:10px;
}
/** EDIT PERSONAL DETAILS **/
table textarea {
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
	
}

.editDetailsPhoto {
	float:left;
	margin:8px;
	margin-right:40px;
	border-width: 1px;
	border-style:solid;
}

/*** EVENT STYLES ***/
img.icon{
	vertical-align: -5px;
	margin-right:3px;
}
#eventDetail p{
	width:800px;
}

.dateInfo{
	font-style: italic;
	font-weight: bold;
}
.reservation{
	float: right;
	clear:right;
	margin:5px;
	width: 180px;
	padding:10px;
	text-align:left;
}
.reservation form{
	margin:0px;
}
#reserveButton{
	width:180px;
}
#orgForm{
	margin-left:10px;
}
.bookImage, .fileIcon{
	float:left;
	margin-left: 10px;
	margin-right: 10px;	
	margin-bottom: 10px;		
}
div#infoItems h2 {
	margin-top:30px;
}
div#infoItems h2, div#infoItems p.abstract{
	clear:both;
}
.bookInfo{
	font-size:smaller;
}
.directions{
	/*float: right;
	margin:10px;
	width: 300px;*/
	background-color:#CFC39B;
	padding:10px;
	margin:10px;
	text-align:left;
}
.locationImage{
	/*margin:10px;*/
}

/** SEARCH styles **/
.searchWordSnippets{
	margin-left:15px;
	font-size:smaller;
}
.searchStatus{
	font-size:smaller;
}
.iconLink{
	border:0px;
}

#attendeesTable{
	width:750px;
}
td.attendeeCell{
	width:300px;
}
.hide {
	display:none;
}
.show {
display:block;
}

div#upcomingEventsHolder,
div#pastEventsHolder{
	width:440px;
	float:left;
	margin-right:10px;
	
}

div#pastEventsHolder{
	margin-bottom:15px;
}

div#newsHolder,
div#personalDetailHolder
{
	width:330px;
	float:right;
	clear:right;
}

div#upcomingEventsHolder h1,
div#newsHolder h1
{
 	margin-top:0px;
 }

div#upcomingEvents,
div#newsItems,
div#pastEvents
{
	overflow-y: auto;
	height:300px;
	border: 1px solid #C7BC95;
	background-color:#eeeeee;
}

div#newsItems{
	height:525px;
}

div#upcomingEventsWide
{
	background-color:#DFD2A7;
	padding:3px;
}

div#upcomingEvents,
div#pastEvents{
	width:425px;
}

div#newsItems{
	width:325px;
}

div#pastEvents{
	height:200px;
}

/*
div.upcomingEvent div,
div.upcomingEvent input,
div.upcomingEvent img,
div.pastEvent div,
div.pastEvent input,
div.pastEvent img
{
	float:left;
	margin-right:5px;
}
*/


img.upcomingEventIcon,
div.upcomingEventTitle,
img.pastEventIcon{
	float:left;
	margin-bottom:15px;
}

div.upcomingEventTitle{
	width:600px;
}

div.upcomingEventTitle img.icalIcon{
	margin-left:10px;
}

img.upcomingEventIcon{
	margin-right:15px;
}



div#upcomingEvents div.upcomingEventHeader div.upcomingEventTitle img.upcomingEvenIcon{
	margin-left:-25px;
	margin-right:0px;
}

div.upcomingEvent div.upcomingEventHeader{
	float:none;
}

div#upcomingEvents div.upcomingEvent,
div#upcomingEventsWide div.upcomingEvent,
div#pastEvents div.pastEvent,
div#newsItems div.newsItem{
	clear:both;
	padding:5px;
	padding-right:8px;
	background-color:#ffffff;
	margin:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #CBC098;
	border-bottom-color: #CBC098;
	border-left-color: #eeeeee;
}

div#pastEvents div.pastEvent,
div#newsItems div.newsItem{
	padding-left:18px;
}



div#upcomingEvents div.upcomingEventTitle a
{
	height: 1em;
}

div#upcomingEventsWide div.upcomingEventTitle
{
	margin-left:25px;

	width:420px;
}

div#upcomingEventsWide div.upcomingEventTime
{
	width:280px;
	text-align:right;
}



div#pastEvents div.pastEventTitle
{
	width:300px;
}



div#upcomingEvents div.upcomingEventBookingInfo,
div#upcomingEventsWide div.upcomingEventBookingInfo
{
	width: 70px;
}



div#newsItems div.newsDate{
	width:100px;
	float:right;
	text-align:right;
	font-size:smaller;
}

div.upcomingEvent div.upcomingEventExtraInfo,
div.pastEvent div.pastEventExtraInfo
{
	float:none;
	clear:both;
	margin-top:8px;
	margin-left:0px;
}

div.upcomingEvent div.upcomingEventExtraInfo div,
div.pastEvent div.pastEventExtraInfo div
{
	float:none;
	margin-top:8px;
	background-color:#ffffff;
}

div.upcomingEvent div.upcomingEventTime,
div.pastEvent div.pastEventTime
{
	float:right;
}

div.upcomingEvent img.icalIcon,
div#eventDetail img.icalIcon{
	border:none;
	float:none;
}

div#personalDetails{
	padding:5px;
}

a#editDetailsLink{
	float:right;
}

div#goBack{
	margin-top:20px;
}

div.previousYearTitle{
	float:left;
	margin-right:5px;
}

div.yearSummary{
	clear:both;
	padding-top:10px
}

div#mainBody div#eventDetail a.imageLink{
	border:none;
}

div#footer img#printerImage{
	border:none;
}

input#searchTerm{
	width:150px;
}

div.previousYearTitle a {
	margin-right:15px;
}

div.pastEvent div.pastEventTime{
	margin-left:18px;
	margin-top:5px;
	clear:left;
}	

div.upcomingEventHeader{
	margin-left:0px;
}

div.upcomingEventHeader div.upcomingEventTitle,
div.pastEvent div.pastEventTitle
{
	float:none;
	width:260px;
	margin-left:0px;
}

div#upcomingEventsHolder div.upcomingEventHeader div.upcomingEventTitle img.icalIcon
{
	float:right;
	margin-left:5px;
}

div.upcomingEventHeader div.upcomingEventTime,
div.pastEvent div.pastEventTime
{
	padding-right:0px;
	/*float:none;*/
	text-align:right;
	font-size:smaller;
	margin-top:5px;
	vertical-align: top;	
}

img.logo{
	float:left;
	margin:10px;
}

#content div.upcomingEventExtraInfo p
{
	padding-left:6px;
}

#content p.newsFirstPara{
	margin-top:5px;
}

div#upcomingEventsHolder div.upcomingEvent img,
div#pastEvents div.pastEvent img
{
	margin-left:0px;
	margin-right:4px;
}

div#orgImages table td {
	width:320px;
	vertical-align:top;
}

div#orgImages table td.orgLeft img {
	float:right;
	margin-right:10px
}


div#orgImages table td.orgLeft {
	text-align:left;
}

div#orgImages table td.orgRight h2,
div#orgImages table td.orgRight p
 {
	text-align:right;
	padding-right:0px;
}


	
	div#orgImages table td.orgRight
	 {
		padding-right:10px;
	}

div#orgImages table td.orgRight img {
	float:left;
	margin-left:10px;
}

div.circles{
	float:right;
}


#header{
	background-repeat: no-repeat;
	background-position: left top;
	height:106px;
}

img#headerLogo{
	position:absolute;
	left:-130px;
}

div.menu1Selected{
	color:#ffffff;
}

div#menu1 a.login{
	padding-right:0px;
	background-image:none;
}


#menu1 a:hover{	
	background-image: url(../images/pageLayout/mouse_over.gif);
}

#menu1 a.menu1Selected {
	background-image: url(../images/pageLayout/mouse_down.gif);
}

#menu1 a.menu1Selected:hover{
	/*background-image: url(../images/pageLayout/mouse_overwhiledown.gif);*/
	background-image: url(../images/pageLayout/mouse_over.gif);
}

#menu1 a {
	color:#ffffff;
	background-repeat: no-repeat;
	background-position: right;
}

#loggedIn a:hover{
	background-image: none;	
}

#loggedIn{
	color: #ffffff;	
}

div#mainBody a, div#mainBody a:visited, div#mainBody a:active{
	color: #AC0032;

	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A39A7A;*/
}
div#mainBody a:hover {
	color:#F58220;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF004C;*/
}

div#footer a, div#footer a:visited, div#footer a:active{
	color: #a4a3a2;
	
	/*text-decoration: none;*/
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7E9B9;	*/
}
div#footer a:hover {
	color:#F58220	;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #575153;	*/
}
div#search input, div#orgForm input.redBorder, div#emailForm input.redBorder, div#emailForm textarea{
	color: #AB0E2C;
	border: 1px solid #AB0E2C;	
}


#container {
	border-color: #AC0032;
	
}
#message, td .fieldError {
	background-color: #AC0032;
	color: white;
	padding:3px;
}

textarea#message {
	background-color: #white;
}

/*** LOGIN PAGE ***/
table#loginTable input {
	border: 1px solid #8B2B48;
}

.eventTitle{
	color:#AC0032;
}
/*** MEMBER styles **/
.thumbNail, .editDetailsPhoto {
	border-color: #AC0032;
}
div#mainBody a.noBorder{
	border-bottom-width: 0px;
}
/** EVENT styles **/
span#message {
	color: #f7e9b9;
	background-color:#AC0032;
}
.bookImage, .fileIcon, .locationImage{
	border: 1px solid #A39A7A;	
}
.caption{
	font-style:italic;
}
.eventTitle{
	font-weight:bold;
	color:#AC0032;
}
/** SEARCH styles **/
.searchWord{
	color: #257F18;
	font-weight:bold;
}

.memberDetailsPhoto,
.expertPhoto{
	border: 1px solid #A50030;
}

div.circleDescription{
	float:left;
	width:178px;
	padding-left:10px;
	padding-right:10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-bottom:10px;
}

h2.circleTitle{
	margin-top:2px;
	width:120px;
	float:right;
}
	
div.circleDescriptionText{
	margin-top:20px;
	height:160px;
	clear:both;
}

div.circleDescription a{
	font-weight:bold;
	text-decoration:underline;
}

span#logInDetails{
	float:right;
	color:#ffffff;
}

div.upcomingEvent{
	margin-bottom:20px;
}

div.bookingInfo{
	width:120px;
	float:right;
	text-align:center;
	
}

div.bookingInfo a{
	font-weight:bold;
}

a.myElpCalendar {
	float:right;
	clear:both;
}

div#upcomingEventsHolder div.upcomingEvent a.myElpCalendar img{
	margin-right:0px;
}

div#upcomingEventsHolder div.upcomingEvent img.expertPhoto{
	margin-left:3px;
	margin-bottom:5px;	
}

div.newsImageCaption,
div.upcomingEvent div.upcomingEventExtraInfo div.newsImageCaption{
	float:right;
	clear:right;
	width:300px;
	text-align:right;
	margin-right:20px;
}

.infoBlock{
	width:45%;
	float:right;
	margin-left:10px;
	border: 1px solid #AB0E2C;
	padding:5px;
	/*background-color:#AB0E2C;*/
	color:#AB0E2C;
	font-style:italic;
}

.infoBlock h2{
	color:white;
}

div#mainBody div.infoBlock h2 a,
div#mainBody div.infoBlock h2 a:visited, 
div#mainBody div.infoBlock h2 a:active,
div#mainBody div.infoBlock a,
div#mainBody div.infoBlock a:visited, 
div#mainBody div.infoBlock a:active {
	color:#AB0E2C;
}

div#mainBody div.infoBlock h2 a:hover,
div#mainBody div.infoBlock a:hover{
	color:#F58220;
}

div#adminTasks{
	margin:10px;
	padding:5px;
	position:fixed;

	border: 1px dotted #F58423;
	text-align:left;
}

form.adminDataEntry{
	text-align:left;
}

form.adminDataEntry div{
	margin-bottom:5px;
	margin-right:10px;
}

span.radio_cb_input,
div.radio_cb_input
{
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	margin-right:5px;
	margin-top:2px;
	margin-bottom:2px;
	border: 1px solid;
	white-space:nowrap;
}

span.radio_cb_input,
div.radio_cb_input{
	background-color:#D4E8FF;
	border-color:#A3BFBC;
}


input.textFieldSmall{
	width:30px;
}

input.textFieldMedium{
	width:80px;
}

input.textField130{
	width:130px;
}

input.textField170{
	width:170px;
}

input.textFieldBig{
	width:380px;
}

span.smallLabel{
	width: 80px;
}

textarea.mediumTextArea{
	width:400px;
	height:80px;
}

textarea.smallTextArea{
	width:200px;
	height:50px;
}

img#connectedLogo{
	position:absolute;
	left:10px;
	top:10px;
	visibility:hidden;
}

div#adminTasks a{
	cursor:pointer;
	text-decoration:underline;
}

img.editMember{
	margin-left:10px;
	opacity: 0.5;
	cursor:pointer;
}

.sendMail{
	background-image: url(../images/pageLayout/envelope_sm.gif);
	background-repeat: no-repeat;
	background-position: center;
	cursor:pointer;
}

.attending{
	background-image: url(../images/pageLayout/accept.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor:pointer;
}

.noShow{
	background-image: url(../images/pageLayout/cancel.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor:pointer;
}

div#headerMessage{
	width:500px;
	left:300px;
	height:20px;
	top:5px;
	text-align:center;
	visibility: hidden;
	z-index:500;
	position:fixed;
}

div#headerMessage{
	background-color:yellow;
	color:black;	
}

div#selectionActions{
	visibility: hidden;
}

div.tableSummary{
	width:200px;
	padding:5px;
	margin:10px;
	float:left;
}

div#mailPreviewText textarea,
textArea.largeTextArea{
	text-align:left;
	width:570px;
	height:430px; 
}

div#subject{
	text-align:left;
}

div.recipientList{
	overflow:auto;
}

div#alertDlg div.bd{
	overflow:auto;
}

div#expertImageHolder{
	float:right;
	text-align:center;
}

div#bookingMessage{
	font-style:italic;
}