/*
* 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 */
}

body {
    /*background-image: url("../images/pageLayout/logo_wallpaper_grey.jpg");*/
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: top left;
}


div#orgName {
    font-family: 'Gilda Display', serif;
    font-family: 'Libra Baskerville', serif;
    font-size:  2.5em;
    font-weight: 400;
    //float: right;
    text-align: right;
    padding-top: 15px;
    padding-right: 0px;
}




h1{
	margin-left: 10px;
    font-size:18px;
	font-weight:bold;
	clear:both;
	margin-top:10px;
	margin-bottom:7px;
}

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:#8a8d8f;
}

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

div.bookDescription h2 {
    margin-bottom: 0px;
}

div.bookDescription h4 {
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 85%;
}

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{
    clear: right;
    margin-left: 5px;
}

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

#logoBlock {

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

div.centralisedDiv{
    width: 80%;
    max-width: 1140px;
    min-width: 800px;
    margin: 0 auto;
}

/*** Menu 1 styles ***/
div#headerHolder{

}

div#menu1Holder{
	/* padding-top:10px;
    height:60px; */
    /*background-color:#572778;*/
    background-color:#572778;
    color:white;
	text-align:left;
	font-weight:bold;
}


div.menu1Item{
    border-right-color: white;
    border-right-width: 3px;
    border-right-style: solid;
    /*height:130px;*/

    padding-top: 110px;
    padding-bottom: 5px;
    cursor: pointer;
}

div#menuItem1{
    padding-left:10px;
}

/*
div.menu1Item:hover{
    border-right-width: 3px;
}
*/
div#menuItem1:hover{
    border-right-color: #b09bba;
}

div#menuItem2:hover{
    border-right-color: #F8ED19;
}

div#menuItem3:hover{
    border-right-color: #8a8d8f;
}

div#menuItem4:hover{
    border-right-color: #b09bba;
}

div#menuItem5:hover{
    border-right-color: #f187b6;
}


#headerLogo{
    float: right;
}


/*#login,#loggedIn {
	float:right;
}*/

#menu2 a.login {
    margin-right: 0px;
}
/*** Menu 2 styles ***/
div#menu2Holder{

	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
}

.menu2Item {
    /*padding-left: 20px;*/
}

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

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


#menu2Inert{
	color: #999999;
}

#menu2{
    height:28px;
	font-size:11px;
    text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
    margin-bottom: 10px;
}

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




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

#pageContent {
    text-align: left;
}

#search {
    float: right;
}
#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;
}

span.quote{
    font-style: italic;
}

div.circleQuote{
    font-style:italic;
    float:right;
    clear:right;

    width:250px;

    color:#572778;
   /* clear: right;*/
    padding: 5px;
    border-color: #572778;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    margin-left: 10px;
}
div.circleQuote1{
    font-style:italic;

    text-align: right;

    /* width:220px;
    height:208px;*/
    color:#572778;
   /* clear: right;*/
    padding: 5px;
    border-color: #572778;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
}

img#bookCoverWelcome{
    float:right;


    /*height:240px;*/
    height:223px;
    color:#572778;
   /* clear: right;*/
    border-color: #572778;
    border-style: none;
    border-width: 1px;
    margin-bottom: 20px;
    margin-right: 10px;
}

p.circleDescription, ul.circleDescription{
    width:380px;
}

div.circleQuote div.quoter{
    font-style: normal;
    text-align: right;
    padding-left: 40px;
}

div.circleQuote div.quoter1{
    font-style: normal;
    text-align: right;
    padding-left: 40px;
}
/*For the benefit of old IE*/
#quote table{
	color:#F7E9B9;
}

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


/*** Footer styles ***/
#footerAnchor {
    position:fixed;
    bottom:0;
    left:50%;
    margin-left: -570px;
    width: 1140px;
    height: 50px;
    text-align: right;
    background-color: white;
}

#footerContent {
    padding:5px 20px 5px 10px;

}

#footerContent a{
    margin-left: 5px;
}

#footerContent img{
    margin-right: 2px;
}

div#footer {
    margin-top:20px;
    height: 30px;
}



#footerText {

	padding-top:8px;
}

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

#footerText a{
	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;
	border-width: 1px;
	border-style:solid;
}



img.orgImage {
	margin-top:3px;
    margin-left: 10px;
	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;
}


.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{
	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:100%;
}
td.attendeeCell{
	width:45%;
}
.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.upcomingEvent{
    padding: 10px;
}

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;
}*/

img#headerBook{
	position:absolute;
	right:-70px;
    margin-top: 5px;
}

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:#8a8d8f;
	/*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:#8a8d8f	;*/
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #575153;	*/
}

div#orgForm input.redBorder, div#emailForm input.redBorder, div#emailForm textarea{
	/*color: #572778;*/
	border: 1px solid;
}


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

textarea#message {
	background-color: white;
}

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

.eventTitle{
}
/*** MEMBER styles **/
.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;
}
/** SEARCH styles **/
.searchWord{
	color: #257F18;
	font-weight:bold;
}

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

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:110px;
	clear:both;
}

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

span#logInDetails{
    float:right;
	color:#ffffff;
    margin-right: 20px;
}

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 #572778;
	padding:5px;
	/*background-color:#572778;*/
	color:#572778;
	font-style:italic;
}

.videoClip{
     margin-top: 40px;

	border: 1px solid #CCC;
	padding:5px;
	/*background-color:#572778;*/
	color:#572778;
	font-style:italic;
}

/*.welcomeVideoClip{
    border: 1px solid #572778;
    padding:2px;
    width: 380px;
    float: left;
}*/


.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:#572778;
}

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

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

	border: 1px dotted #8a8d8f;
	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.textFieldSmallMedium{
	width:50px;
}

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.mediumTextWide{
    width:100%;
    height:80px;
}

textarea.mediumTextAreaShort{
	width:400px;
	height:40px;
}

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;
}

.pointer{
    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;
}

.warning{
	background-color:#8a8d8f;
	color:white;
}

div#mainBody a.linkedIn{
	font-size:smaller;
	color:#aaaaaa;
}

td.overdueMember,
th.payee{
	cursor: pointer;
}

table {
  word-wrap: break-word;
}

img.invoiceActionImage{
	cursor:pointer;
}

table#eventAnalysis td{
	vertical-align: text-top;
}

tr.spend{
	background-color: #f7cccd;
}
tr.credit{
	background-color: #d1fbd8;
}

/*div#homeImageHolder{
    width:380px;
    float:right;
    margin-left: 10px;
    margin-bottom: 10px;
}*/


/*body {
    background: url(../images/pageLayout/AST-20120927-349._faintjpg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

img.resize{
    width:100%; /* you can use % */
    width:auto\9;
    height: auto;
    margin-bottom: 10px;
}

div.textBox{
    padding:10px;
}

div.matchColorToMenuBackground,
div.matchColorToMenuBackgroundReverse,
div.textBox
{
    margin-bottom: 10px;
}

div.eventStrapline{
    margin-bottom: 5px;
    font-style: italic;
}

div.matchColorToMenuBackgroundReverse,
div.matchColorToMenuBackgroundReverse1,
div.matchColorToMenuBackgroundReverse2,
div.matchColorToMenuBackgroundReverse3,
div.matchColorToMenuBackgroundReverse4
{
    border-style: solid;
    border-width: 1px;
}

div.withBottomMargin{
    margin-bottom: 10px;
}

.menuMatchingBorders {
    border-style: solid;
    border-width:1px;
}

div.membersListItem{
    height: 100px;
    text-overflow: ellipsis;
}

div#clearSpaceToFooter{
    height: 80px;
}

div.expandable{
    height:auto;
    min-height: 220px;
}

div.expand, div.eventExpertCaption_{
   display: none;
}

div.eventExpertCaption{
    font-size: smaller;
}

div.eventSubInfo{
    padding-top: 10px;
    font-size: smaller;
    float: right;
    /*width: 60%;*/
    text-align: right;
}

img.eventExpertPhoto{
    width:100%;
}

div.eventSubInfo div {
    margin-bottom: 4px;
}

div.eventInput{
    vertical-align: top;
    margin-bottom: 10px;
}

textarea.eventTextArea {
    width:400px;
    height:100px;
}

div.eventInput span{
    float: left;
    width: 100px;
}

div#expertImages{
    float: right;
    max-width: 50%;
}

div.memberDetails{
    clear: both;
    margin-top: 10px;
}

div.memberDetails p{
    max-width: 60%;

}

span.moderatorName{
    font-weight: bold;
}



div.bookHolder{
    padding:4px;
    min-height: 190px;
}
div.bookHolder img{
    box-shadow: 3px 3px 2px #cccccc;
}