/* element styles */

html,body{
	font-family: verdana, arial, sans-serif;
	font-size: 84%;
	margin: 0;
	padding: 0;
	cursor:default;
	background-color: #fff;
}	 
div {
	color: #555;
}
p {
	color: #555;
	margin: 0 0 10px 0;
}
img {
	border: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
a {
	color: #0473ae;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}
textarea{
	font-size:110%;
	font-family: arial,verdana,sans-serif;
	width:300px;
	padding:0px;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 170%;
}
h2,h3,h4{
	color:#0074E0;
}
h2{
	font-size: 135%;
}
h3{
	margin-bottom:5px;
	font-size:125%;
}
h4{
	margin: 2px 2px 2px 0;
	font-size:115%;
}
.smallInput{
	width: 30px;
}
.error, .errorMessage{
	color:#ff0000;
}
.title{
	font-weight: bold;
}
.smaller{
	font-size: 80%;
}
.clear{
	clear:both;
}
.hr{
	height:1px;
	border:solid 1px #0074E0;
	border-width:0 0 1px 0;
}
.hr hr{
	display:none;
}
ul{
	margin: 0px 0px 10px 0px;
	padding:0px;
}
li{
	margin: 10px 0px 0px 0px;
	/*padding: 0px 0px 0px 15px;*/
	list-style: none;
	background-image:url(../images/furniture/li.png);
	background-repeat: no-repeat;
}
hr {
	padding: 7px 0px 5px 0px;
	height: 1px;
	background-image: url(../images/furniture/horizontal-divide.png);
	background-repeat: repeat-x;
	border: 0px;
}
/* page element styles */ 

#main {
	position:relative;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width: 960px;
}
#topBar {
	background-image: url(../images/furniture/topbar-bg.png);
	background-repeat: repeat-x;
	height: 22px;
}
.navItems {
	float: left;
	padding-bottom: 7px;
}
.navItem {
	padding: 0px 1px 0px 0px;
}
#searchBox {
	float: right;
}
#q {
	width: 146px;
	height: 13px;
	padding: 4px;
	margin: 0px;
	border: 0px;
	background-color: #f0f0f0;
	color: #333;
	font-size: 110%;
}
#footer {
	background-image: url(../images/furniture/footer-bg.png);
	background-repeat: repeat-x;
	margin-top: 15px;
	padding: 5px 10px 0px 10px;
	height: 46px;	
}

/* popup login form */

#popupLoginForm {
	position: absolute;
	right: 0px;
	background-color: #E4F9FE;
	width: 190px;
	padding: 10px;
	margin-top: 5px;
	height: 90px;
	display: none;
}
.loginField {
	padding-top: 5px;
}
.usernameBox {
	border: 0px;
	width: 182px;
	font-size: 100%;
	padding: 2px;
}
#realPassword {
	display: none;
}
.passwordBox {
	border: 0px;
	width: 136px;
	font-size: 100%;
	padding: 2px;
}
.submitButton {
	
}

/* home page styles */
div#homepage-leader
{
	background:Transparent url(../images/home-help/how-help-bg.png) no-repeat scroll 0 0;
	width:254px;
}
div#homepage-leader img
{
	display:block;
	float:none;
	padding:4px 8px;
}
div#homepage-leader p
{
	margin:0;
	padding:0 4px 8px 8px;
}
#homeLeft {
	width: 439px;
	float: left;
}
#homeShowcase {
	background-color: #666666;
}
#homeHelp{
	margin-bottom:5px;
}
#homeHelp img{
	border:0;
	display:inline;
	float:left;
}
#homeHelp p
{
	padding:0 8px;
}
#showcaseText {
	padding: 8px 0px 8px 10px;
}
#showcaseText a {
	color: #fff;
}
.homeEvents {
	color: #0473ae;
}
#homeUpdateText {
	width: 250px;
}
#homeUpdateText p {
	margin: 5px 0px 5px 0px;
}
#homeMid {
	width: 257px;
	float: left;
}
.homeBlogs {
	color: #c61b8b;
}
#homeRight {
	width: 210px;
	float: left;
	margin-left: 10px;
}
.homeNews {
	color: #FF0000;
}
.tagLink {
	color: #83c668;
}
.tagLarge {
	font-size: 160%;
}
.tagMedium {
	font-size: 140%;
}
.tagSmall {
	font-size: 120%;
}
.homeRSS {
	color: #FF7601;
}
.homeSubmit {
	color: #656565;
}

/* Content page styles */
#twoColumn, #threeColumn{
	overflow: hidden;
}
#threeColBg {
	background-image: url(../images/furniture/3col-bg.jpg);
	background-repeat: repeat-y;
	border: 1px #fff solid;
}
#contentLeft {
	float: left;
	width: 144px;
	margin:0;
	padding:0;
	/*padding: 10px;
	margin-bottom: -2000px; padding-bottom: 2000px;
	background-image: url(../images/furniture/content-left-bg.png);
	background-repeat: repeat-x;
	background-color: #c1effc;*/
}
#contentLeft ul
{
	/*width:125px;*/
	padding:0 4px;
}
.leftArea {
	color:#0074E0;
	margin:0;
}
.leftArea div#h2Wrapper
{
	margin:0;
	width:100%;
	background:transparent url(../images/furniture/left-col-header.gif) no-repeat scroll center center;
	height:28px;
}
.leftArea h2
{
	margin:0px 0px 0px 12px;
	color:#FFFFFF;
}
.leftArea h2 a
{
	color:#FFFFFF;
}
.leftNav li {
	background-image: none;
	/*padding-left: 11px;*/
}
.leftNav li a {
	font-family: verdana, Arial, sans-serif;
	color: #0473ae;
	font-size: 100%;
}
.leftNav .active li {
	background-image: none;
	/*padding-left: 11px;*/
}
.leftNav .active a {
	color: #000;
	font-weight:600;
}
.levelTwo .leftNav li {
	background-image: none;
	/*padding-left: 22px;*/
}
.levelTwo .leftNav li a {
	font-family: verdana, arial, sans-serif;
	color: #0473ae;
	/*font-size: 120%;*/
}
.levelTwo .leftNav .active {
	padding-left: 22px;
	background-image: url(../images/furniture/leftnav-active-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.levelTwo .leftNav .active a {
	/*font-family: arial, verdana, sans-serif;
	font-size: 120%;*/
	color: #000;
}
#contentMain {
	float: left;
	width: 540px;
	/*margin-bottom: -2000px; padding-bottom: 2000px;*/
	/*background-image: url(../images/furniture/content-main-bg.png);*/
	margin: 0 0 0 20px;
}
#contentMainTwoColumn {
	float: left;
	width: 708px;
	/*margin-bottom: -2000px; padding-bottom: 2000px;*/
}
#contentMainInner {
	padding: 0px 30px 0px 30px;
}

#contentMainInnerTwoColumn {
	background-image: url(../images/furniture/vertical-divide.png);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 0px 30px 0px 7px;
	margin: 0px 14px 0px 0px;
}
#contentRight {
	float: right;
	width: 210px;
	/*margin-bottom: -2000px; padding-bottom: 2000px;*/
}
#usefulLinks p {
	margin-bottom: 5px;
}
p.podcast {
	line-height: 160%;
	padding-left: 40px;	
	background: url(../images/icons/podcast.png) no-repeat;
	margin: 15px 0px 15px 0px;
}

.commentsLink {
	color: #006b33;
}
.commentsList p {
	margin: 0px 0px 5px 0px;
}
.commentTitleBox {
	width: 430px;
	background-color: #deece5;
	border: 0px;
	font-size: 100%;
	color: #006A32;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}
.commentTextBox {
	width: 430px;
	height: 40px;
	background-color: #deece5;
	border: 0px;
	color: #006A32;
	padding: 5px;
}
.commentSubmit {
	text-align: right;
	padding-left: 10px;
}
.inputText {
	width: 250px;
	background-color: #deece5;
	border: 0px;
	font-size: 100%;
	color: #006A32;
	padding: 5px;
	margin: 0px;
}
.selectBox {
	background-color: #deece5;
	border: 0px;
	font-size: 100%;
	color: #006A32;
	padding: 5px;
	margin: 0px;
}
.editDetailsLeft {
	width: 200px !important;
}
.editDetailsRight {
	width: 250px !important;
}
.check td {
	width: 225px !important;
}
/* document types */
p.doc, p.dot, p.rtf, p.pdf, p.pps, p.ppt, p.txt, p.xls, p.xlt, p.zip {
	line-height: 160%;
	padding-left: 20px;	
	margin-bottom: 5px;
}
p.doc, p.dot, p.rtf {
	background: url(../images/icons/doc.png) no-repeat;
}
p.pdf {
	background: url(../images/icons/pdf.png) no-repeat;
}
p.ppt, p.pps {
	background: url(../images/icons/ppt.png) no-repeat;
}
p.txt {
	background: url(../images/icons/txt.png) no-repeat;
}
p.xls, p.xlt {
	background: url(../images/icons/xls.png) no-repeat;
}
p.zip {
	background: url(../images/icons/zip.png) no-repeat;
}
/* photo gallery custom item */
.photoGallery td {
	vertical-align: top;
}
.galleryCell {
	padding: 0px 10px 10px 0px;
	vertical-align: top;
}
.galleryCell p {
	text-align: center;
}
#galleryPopup {
	position: absolute;
	width: 502px;
	display: none;
	text-align: center;
	background-color: #fff;
}
#galleryPopup img {
	margin-top: 20px;
	background-color: #fff;
	border: 4px #000 solid;
}
#galleryPopup p {
	padding: 10px 0px 30px 0px;
}
/* Form styling */

.required{
	color:#ff0000;
}
table.form{
	border-collapse:collapse;
	border:0;
	width:100%;
}
table.form td, table.form th{
	padding:5px;
	border:0;
	vertical-align:top;
}
table.form td.past-event{
	color: Gray;
}
table.form th{
	background-color:#0074E0;
	color:#ffffff;
}
table.form tr.alt{
	background-color:#DBEDF2;
}
table.form .right{
	background-color:#DBEDF2;
}
table.form td table{
	border-collapse:collapse;
	padding:0;
}
table.form td table td{
	padding:0;
}
table.form .pager table td{
	width:20px;
	height: 20px;
}
table.form .textInput{
	width:295px;
}

/* GridView styles */

.gridView{
	border: none;
}
.altRow{
	background-color: #DFF8FF;
}
.gridViewHeader{
	background-color: #DBEDF2;
	color: #0074E0;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	line-height: 150%;
}
.gridViewFooter{
	margin-bottom: 10px;
}

/* member work styles */

.teaserCell0{
	width: 230px;
	padding: 10px 0px 10px 10px;
}
.teaserCell1{
	width: 230px;
	padding: 10px 10px 10px 0px;
}
.teaserImg{
	padding: 0px 10px 0px 0px;	
}
.memberWorkComment{
	padding: 10px 0px 10px 0px;
	border-bottom: 1px #0074E0 dashed;	
}
.memberWorkComment blockquote{
	padding:10px 0;
	margin:0;
}
.memberWorkComment .timestamp{
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:90%;
}
.score-vote{
	float:right;
	text-align:center;
	width:155px;
}
.score-vote .score{
	border:solid 1px #0074E0;
	padding:10px 0 0 0;
	margin-bottom:10px;
}
.score-vote .votes{
	background-image: url(/assets/images/member-work/number-of-votes-bg.gif);
	height:25px;
	width: 111px;
	margin: 0 0 15px 22px;
}

.score-vote .votes p{
	padding: 5px 0 0 0;
}
.score-vote .votes span#votesCast{
	font-weight:bold
}
.score-vote .score strong{
	float:left;
	display:block;
	margin-left:10px;
}

/* blog styles */
.blogBlock {
	padding-top: 20px;
	padding-bottom: 10px;
}
.blogImage {
	float: left;
	padding: 0px 10px 10px 0px;
}
.blogYear {
	margin-left: 10px;
	font-weight: bold;
	background-image: none;
	text-decoration: none;
	color: #555555;
	padding-bottom: 5px;
}
.blogMonth {
	background-image: none;
	margin-left: 20px;
	padding-bottom: 5px;
}
.blogMonth a {
	color: #555555;
}
.blogItem {
	background-image: none;
	padding-bottom: 5px;
}

/* general styles */
.delicious {
	display: block;
	float: left;
	padding: 2px 4px 0px 20px;
	background: url(../images/furniture/delicious.png) no-repeat;
	height: 18px;
}
.digg {
	display: block;
	float: left;
	padding: 2px 4px 0px 20px;
	background: url(../images/furniture/digg.png) no-repeat;
	height: 18px;
}
.facebook {
	display: block;
	float: left;
	padding: 2px 0px 0px 20px;
	background: url(../images/furniture/facebook.png) no-repeat;
	height: 18px;
}
.twoColLeft {
	float: left;
	width: 204px;
	background: #DFF8FF;
	padding: 0 8px;
}
.twoColLeft h2
{
	color:#000000;
}
.twoColRight {
	float: left;
	width: 220px;
	margin-left: 40px;
}
.clearBoth {
	clear: both;	
}
.horizontalDivide {
	padding: 7px 0px 5px 0px;
	height: 1px;
	line-height:1px;
	background-image: url(../images/furniture/horizontal-divide.png);
	background-repeat: repeat-x;
}
.verticalDivide {
	background-image: url(../images/furniture/vertical-divide.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
	margin-top: 15px;
	border: 1px #fff solid;
}
.linkNoStyle {
	color: #555;
}
.blueLink {
	color: #68abce;
}
.darkText {
	color: #333;
}
.pad5 {
	padding: 5px;
}
.padBot5 {
	padding-bottom: 5px;
}
.leftPad10 {
	padding-left: 10px;
}
.rightPad10 {
	padding-right: 10px;
}
.padTop10 {
	padding-top: 10px;
}
.right {
	text-align: right;
}
.smallText {
	font-size: 90%;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.hide {
	display: none;
}

div#ecca-events-grid
{
	height:300px;
	overflow:scroll;
}

/* /members/viewbookings/ */
#main #content div#user-appointments,
#main #content div#user-events
{
	 padding-bottom:30px;	
}

#main #content div#user-appointments div.previous p,
#main #content div#user-events div.previous,
#main #content div#user-events div.previous p
{
	color: #999;
}

#main #content div#user-appointments div.previous a.cancel-appointment-link,
#main #content div#user-events div.previous a.cancel-event-link
{
	display: none;
}