@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	color:#3d3d3d;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	color: #3d3d3d;

	background-color: #8d8d8d;
	background-image: url(../images/background/page.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

a {
	color: #ed008c;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

a img {
	border:none !important;
}

p {
	line-height: 1.6em;
	text-align: justify;
}

#logo {
	display: block;
	margin-left: 33px;
	margin-bottom: 20px;
	clear: both;
}

div#contentRow {
	width: 100%;
	background: url(../images/background/pre-footer.jpg) repeat-x bottom left;
}

div#footerRow {
	width: 100%;
	background:url(../images/background/footer.jpg) no-repeat top center;
}

div#contentWrapper {
	position: relative;
	
	width: 1000px;
	min-height: 700px;
	height:auto !important;
	height:700px;
	
	margin-left: auto;
	margin-right: auto;
	
	background: url(../images/background/wrapper.png) repeat-y top;
	padding-bottom: 50px;
}

div#header {
	float: left;
	
	width: 100%;
	height: 440px;
	display:block;
}

div#small-header {
	position: relative;
	width: 100%;
	height: 200px;

	background: url(../images/header/small_banner_outer.png) no-repeat top;
}

div#leftCol {
	position: relative;
	float: left;

	width: 620px;
	margin-right: 20px;
	color:#3d3d3d !important;
}

div#rightCol {
	position: relative;
	float: left;
	
	width: 360px;

	min-height: 800px;
	height: auto !important;
	height: 800px;
	margin-top:10px;
}

/* Two Column Layout */

div.left {
	position: relative;
	float: left;
	
	width: 300px;
	margin-right: 20px;
} 

div.right {
	position: relative;
	float: left;
	
	width: 300px;
}

.leftContent {
	margin-left: 23px;
	padding-left: 10px;
}

.rightContent {
	position: relative;
	float: left;

	width: 297px;

	margin: 0 23px 20px 30px;
	padding-right: 10px;

	display: block;
	top: -20px;

	z-index: 20;
}

div#footer {
	float: left;
	
	width: 100%;
	height: 100px;
	
	background-color: #7f7f7f;
}

div#footerWrapper {
	position: relative;
	width: 1000px;
	min-height: 100px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 50px;
}

div#footerWrapper div.leftFooter {
	position: relative;
	float: left;
	
	width: 500px;
}

div#footerWrapper div.rightFooter {
	position: relative;
	float: right;
	
	width: 500px;
	text-align: right;
}

div#footerWrapper div.rightFooter p {
	text-align: right !important;
}

div#preFooterContent {
	position: absolute;
	bottom: -40px;
	left: 0;
	overflow: hidden;
	
	width: 550px;
	height: 170px;
	
	z-index: 30;
}

div#transContainer {
	position: relative;
	z-index: 20;
}

img#contact {
	position: absolute;
	bottom: -40px;
	left: 15px;

	z-index: 33;
}

div#preFooterContent img {
	float: left;
	z-index: 40;
}

/* ----- Generic Box ----- */

.containerBox {
	position: relative;
	float: left;

	overflow: hidden;
	
	width: 100%;
	
	margin-bottom: 10px;
	z-index: 10;
}

.containerBox .cornerBox {
	position: relative;
	float: left;
	clear: both;

	height: 23px;
	
	width: 100%;
}

.containerBox .shadowLeft {
	position: relative;
	float: left;
	
	width: 23px;
	height: 10px;
	
	background: url(../images/boxes/shadow-left.png) no-repeat top right;
}

.containerBox .shadowMiddle {
	position: relative;
	
	width: auto;
	height: 10px;
	
	margin-left: 23px;
	margin-right: 23px;
	padding: 0;
	
	background: url(../images/boxes/shadow-middle.png) repeat-x top left;
}

.containerBox .shadowRight {
	position: relative;
	float: right;
	
	width: 23px;
	height: 10px;
	
	background: url(../images/boxes/shadow-right.png) no-repeat top right;
}

.containerBox .cornerBox .topLeft,
.containerBox .cornerBox .bottomLeft {
	position: relative;
	float: left;
	
	width: 23px;
	height: 23px;
}

.containerBox .cornerBox .topRight,
.containerBox .cornerBox .bottomRight {
	position: relative;
	float: right;

	width: 23px;
	height: 23px;
}

.bottomRightNoCorner{
	position: relative;
	float: right;
	
	background: url(../images/boxes/shadow-middle.png) repeat-x top left;
	width: 23px;
	height: 23px;
}

.containerBox .contentBox {
	position: relative;
	float: left;
	
	width: 100%;
}

.homeMember{
	padding-left:25px;
}

.containerBox .content {
	padding: 10px;
}

.membersDirBox{
	height:230px;
	overflow: hidden;
}

.membersDirBox div#profile-image {
	position: relative;
	float: left;
	width: 100%;
	height: 175px;
	overflow: hidden;
}

.membersDirBox div#tagline{
	position:relative;
	float: left;
	font-size:1.2em;
	color:#FFFFFF;

	margin-top: 5px;
}

.membersDirBox .strapline {
	font-size: 0.8em;
	color: #ed008c;
}

/* ----- Small Header ----- */

#small-header { overflow: hidden; }

#small-header #navigation {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 200px;

	background: url(../images/header/small_banner_inner.png);
}

#small-header .nav-home { position: absolute; top: 70px; left: 20px; }
#small-header .nav-home a { display: block; width: 154px; height: 122px }

#small-header .nav-resources { position: absolute; top: 111px; left: 191px; }
#small-header .nav-resources a { display: block; width: 92px; height: 51px; background: url(../images/header/rollover/resources_btn.png) no-repeat top left; }

#small-header .nav-events { position: absolute; top: 120px; left: 318px; }
#small-header .nav-events a { display: block; width: 65px; height: 61px; background: url(../images/header/rollover/events_btn.png) no-repeat top left; }

#small-header .nav-news { position: absolute; top: 115px; left: 414px; }
#small-header .nav-news a { display: block; width: 96px; height: 38px; background: url(../images/header/rollover/news_btn.png) no-repeat top left; }

#small-header .nav-directory { position: absolute; top: 147px; left: 548px; }
#small-header .nav-directory a { display: block; width: 168px; height: 40px; background: url(../images/header/rollover/directory_btn.png) no-repeat top left; }

#small-header .nav-directory { position: absolute; top: 147px; left: 548px; }
#small-header .nav-directory a { display: block; width: 168px; height: 40px; background: url(../images/header/rollover/directory_btn.png) no-repeat top left; }

#small-header .nav-contact { position: absolute; top: 65px; left: 728px; }
#small-header .nav-contact a { display: block; width: 105px; height: 85px; background: url(../images/header/rollover/contact_btn.png) no-repeat top left; }

#small-header .nav-contact { position: absolute; top: 65px; left: 728px; }
#small-header .nav-contact a { display: block; width: 105px; height: 85px; background: url(../images/header/rollover/contact_btn.png) no-repeat top left; }

#small-header .nav-forum { position: absolute; top: 143px; left: 826px; }
#small-header .nav-forum a { display: block; width: 135px; height: 35px; background: url(../images/header/rollover/forum_btn.png) no-repeat top left; }

#small-header .nav-signup { position: absolute; top: 45px; left: 870px; }
#small-header .nav-signup a { display: block; width: 90px; height: 80px; }

#small-header #navigation a:hover { background-position: bottom left; }

#navigation-index {
	width: 100%;
	padding: 0;
	margin: 0;

	margin-left: 28px;
	list-style: none;

	font-size: 1.2em;
	color: #39bff4;
}

#navigation-index li {
	display: block;
	float: left;

	padding: 10px 5px;
	
}

/* ----- Box Styles ----- */

/* Grey Box */
.greyBox .cornerBox .topLeft { background: url(../images/boxes/greyCorners.png) no-repeat top left; }
.greyBox .cornerBox .topRight { background: url(../images/boxes/greyCorners.png) no-repeat top right; }
.greyBox .cornerBox .bottomLeft { background: url(../images/boxes/greyCorners.png) no-repeat bottom left; }
.greyBox .cornerBox .bottomRight { background: url(../images/boxes/greyCorners.png) no-repeat bottom right; }
.greyBox .contentBox { background-color: #b1b1b1; }

/* Pink Box */
.pinkBox .cornerBox .topLeft { background: url(../images/boxes/pinkCorners.png) no-repeat top left; }
.pinkBox .cornerBox .topRight { background: url(../images/boxes/pinkCorners.png) no-repeat top right; }
.pinkBox .cornerBox .bottomLeft { background: url(../images/boxes/pinkCorners.png) no-repeat bottom left; }
.pinkBox .cornerBox .bottomRight { background: url(../images/boxes/pinkCorners.png) no-repeat bottom right; }
.pinkBox .contentBox { background-color: #ed008c; color: #FFFFFF;}
.pinkBox a { color: #fdfc01;}

/* Orange Box */
.orangeBox .cornerBox .topLeft { background: url(../images/boxes/orangeCorners.png) no-repeat top left; }
.orangeBox .cornerBox .topRight { background: url(../images/boxes/orangeCorners.png) no-repeat top right; }
.orangeBox .cornerBox .bottomLeft { background: url(../images/boxes/orangeCorners.png) no-repeat bottom left; }
.orangeBox .cornerBox .bottomRight { background: url(../images/boxes/orangeCorners.png) no-repeat bottom right; }
.orangeBox .contentBox { background-color: #FE9805; color: #FFFFFF;}
.orangeBox a { color: #fdfc01;}

/* Blue Box */
.blueBox .cornerBox .topLeft { background: url(../images/boxes/blueCorners.png) no-repeat top left; }
.blueBox .cornerBox .topRight { background: url(../images/boxes/blueCorners.png) no-repeat top right; }
.blueBox .cornerBox .bottomLeft { background: url(../images/boxes/blueCorners.png) no-repeat bottom left; }
.blueBox .cornerBox .bottomRight { background: url(../images/boxes/blueCorners.png) no-repeat bottom right; }
.blueBox .contentBox { background-color: #1cb7f0; color: #FFFFFF;}

/* Green Box */
.greenBox .cornerBox .topLeft { background: url(../images/boxes/greenCorners.png) no-repeat top left; }
.greenBox .cornerBox .topRight { background: url(../images/boxes/greenCorners.png) no-repeat top right; }
.greenBox .cornerBox .bottomLeft { background: url(../images/boxes/greenCorners.png) no-repeat bottom left; }
.greenBox .cornerBox .bottomRight { background: url(../images/boxes/greenCorners.png) no-repeat bottom right; }
.greenBox .contentBox { background-color: #c0e907; color: #000000; }
.greenBox .contentBox h1 { color: #000000 !important; }

/* Yellow Box */
.yellowBox .cornerBox .topLeft { background: url(../images/boxes/yellowCorners.png) no-repeat top left; }
.yellowBox .cornerBox .topRight { background: url(../images/boxes/yellowCorners.png) no-repeat top right; }
.yellowBox .cornerBox .bottomLeft { background: url(../images/boxes/yellowCorners.png) no-repeat bottom left; }
.yellowBox .cornerBox .bottomRight { background: url(../images/boxes/yellowCorners.png) no-repeat bottom right;}
.yellowBox .contentBox { background-color: #f4e912; color: #000000; }

/* Purple Box */
.purpleBox .cornerBox .topLeft { background: url(../images/boxes/purpleCorners.png) no-repeat top left; }
.purpleBox .cornerBox .topRight { background: url(../images/boxes/purpleCorners.png) no-repeat top right; }
.purpleBox .cornerBox .bottomLeft { background: url(../images/boxes/purpleCorners.png) no-repeat bottom left; }
.purpleBox .cornerBox .bottomRight { background: url(../images/boxes/purpleCorners.png) no-repeat bottom right; }
.purpleBox .contentBox { background-color: #855fa8; color: #FFFFFF;}

/* Red Box */
.redBox .cornerBox .topLeft { background: url(../images/boxes/redCorners.png) no-repeat top left; }
.redBox .cornerBox .topRight { background: url(../images/boxes/redCorners.png) no-repeat top right; }
.redBox .cornerBox .bottomLeft { background: url(../images/boxes/redCorners.png) no-repeat bottom left; }
.redBox .cornerBox .bottomRight { background: url(../images/boxes/redCorners.png) no-repeat bottom right; }
.redBox .contentBox { background-color: #df160e; color: #FFFFFF;}
.redbox a { color: #FFFFFF !important; }

/* Teal Box */
.tealBox .cornerBox .topLeft { background: url(../images/boxes/tealCorners.png) no-repeat top left; }
.tealBox .cornerBox .topRight { background: url(../images/boxes/tealCorners.png) no-repeat top right; }
.tealBox .cornerBox .bottomLeft { background: url(../images/boxes/tealCorners.png) no-repeat bottom left; }
.tealBox .cornerBox .bottomRight { background: url(../images/boxes/tealCorners.png) no-repeat bottom right; }
.tealBox .contentBox { background-color: #08c8b9; }

/* News Box */
.news {
	min-height: 175px;
	background-image: url(../images/boxes/headers/news.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px !important;
}

.directory {
	min-height: 175px;
	background-image: url(../images/boxes/headers/directory-img.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px !important;
}

.event {
	min-height: 175px;
	background-image: url(../images/boxes/headers/event.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px !important;
}

.resource {
	min-height: 175px;
	padding-left: 35px !important;
	
	background-image: url(../images/boxes/headers/resources.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.vacancies {
	min-height: 175px;
	padding-left: 35px !important;
	
	background-image: url(../images/boxes/headers/vacancies.gif);
	background-position: top left;
	background-repeat: no-repeat;	
}

.collaborations {
	min-height: 175px;
	padding-left: 35px !important;
	
	background-image: url(../images/boxes/headers/collaborations.gif);
	background-position: top left;
	background-repeat: no-repeat;	
}


.frontevent {
	min-height: 100px;
	height: 100px;
	overflow: hidden;
	background-image : url(../images/boxes/headers/event.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px !important;
}

.frontevent h3 {
	margin: 0 !important;
}

.nextevent {
	min-height: 175px;
	background-image: url(../images/boxes/headers/next-event.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px !important;
}

/* Members Dir Box (index page) */
.membersDir { 
	min-height:248px; 
	height:auto !important; 
	height:248px; 
	background-image:url(../images/members-dir.gif); 
	background-position:left top; 
	background-repeat:no-repeat;
	padding-left:25px;
}

.membersDir p {
	margin: 0px 25px 5px 0px;
}

.membersDir .profileImage{
	float: right;
	width: 100px;
	height: 85px;

	overflow: hidden;
	margin: 0px 25px 5px 5px;

	background-color: #FFFFFF;
	padding-top: 15px;
	
}

/* Inset Box */
.inset { margin-top: -25px; z-index: 20; }

.menuBox {
	position: absolute;
	top: -45px;
	left: 0;
}

/* ----- Headings ----- */

h1 {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	text-transform:uppercase;

	font-family: "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif;
}

h1.large{
	font-size:1.7em;
}

h1.title {
	color: #ed008c;
}

h1.section {
	color:#1CB7F0;
	clear: left;
}

h1.category {
	font-size: 1.1em;
	color: #ed008c;
	
	margin-bottom: 10px;
}

h1.category span.count {
	color: #555555;
}

h1.category a {
	color: #ed008c !important;	
}

h1 a {
	color: #FFFFFF !important;
}

span.date {
	color: #9e9e9e;
}

h2 {
	color: #ed008c;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 5px 0;
}
h2.memberGenre{
	color:#666666;
}

h2.memberGenre a{
	color:#855fa8;
}

h2.blue{
	font-size: 1.2em;
	color:#1CB7F0;
}

h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	
	color: #ed008c;
	
	padding: 0;
	margin: 0 0 5px 0;
}

h3 span.date {
	color: #3e3c3d;	
}

.pinkBox h3 {
	color: #fdfc01;	
}

.greenBox h3 {
	color: #1cb6f4;	
}

.yellowBox h1 {
	color: #3e3c3d;
}

hr {
	border: 0;
	color: #d0d0d0;
	background-color: #d0d0d0;

	height: 1px;
	width: 100%;

	padding-right: 10px;
}

/* ----- Styles ----- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#footerWrapper {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #d0d0d3;
}

/* Ticker */

.ticker {
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 10px;
	padding-left: 33px;
}

.ticker a {
	color: #FFFFFF;	
}

.ticker a:hover {
	text-decoration: none;	
}

span.ticker-title {
	color: #B3DA03;
	font-weight: bold;	
}

ul#news {		
	display: inline;
	list-style: none;
	
	margin: 0;
	padding: 0;
}

ul#news li {
	display: inline;
	
	list-style: none;
	
	margin: 0;
	padding: 0;
}

.bottomNudge{
	margin-bottom:10px;
}

.userWelcome{
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	display:block;
	background-color:#0c0a05;
	color:#c1e907;
	padding:5px;
}

.errorMsg {
	position: relative;
	clear: both;
	
	color:#ff0000;
	padding:5px;
	font-weight:bold;
	display:block;
	border:1px solid #B61818;
	background-color:#FFC1C1;

	margin-bottom: 5px;
}

.confMsg {
	position: relative;
	clear: both;
	
	color:#229607;
	padding:5px;
	font-weight:bold;
	display:block;
	border:1px solid #229607;
	background-color:#DFFFD7;

	margin-bottom: 5px;
}


.pinkBottom{
	border-bottom:1px solid #ED008C;
}

.upper{
	text-transform:uppercase;
}

.clearElement {
	width:auto;
	display:block;
	clear:both;
}

.hide{
	display:none;
}

.noBorder{
	border:none !important;
}

/* ----- Font Colour styles ----- */
.pink { 
	color:#ED008C !important;
}

.purple { 
	color:#855fa8 !important;
}

.grey{
	color:#b1b1b1 !important;
}

.teal {
	color: #07c7b8 !important;
}

.red {
	color: #df160e !important;
}

.smallGrey{
	font-size:.8em;
	color:#666666;
}

.white{
	color:#ffffff !important;
}

.blue{
	color:#1CB7F0;
}

.darkGrey{
	color:#333333;;
}

form.pinkBoxForm {
	color:#ffffff;
}

/* ----- Forms ----- */

/* Shared Elements */

/* Shared Elements */

.formElement {
	position: relative;
	float: left;
	
	margin:5px 0;
	padding: 0;
	
	width: 100%;
}

label {
	font-size: 1.3em;
	text-transform: uppercase;
	
	display: inline-block;
	vertical-align:top;
	
	width: 120px;
}

input, textarea {
	width: 300px;
	
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/background/contactForm.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
	border: 1px solid #e1e1e1;
	border-top: 1px solid #848484;
	background-color: #FFFFFF;
	
	padding: 5px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

textarea {
	width: 600px;
	height: 180px;
	
	margin: 0;
	padding: 5px;
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
}
	
button {
	background-color: #959595;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.3em;
	
	border: 0;
	padding: 8px 10px;
	float: right;	
}

select {
	padding: 5px;
}

input.button{
	background-color: #959595;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.3em;
	
	border: 0;
	padding: 8px 10px;
	width:auto !important;
	border:0px !important;
	background-image:none !important;
}

legend { font-weight: bold; font-size:1.3em;}

.check { float:left !important; width:auto !important;}

/* Add Video Form */
#addVideo label {
	float: left;
	width: 100px;
}

#addVideo input, #addVideo textarea {
	width: 470px;
	float: right;
}

#addVideo .radio {
	width: 160px;	
}

#addVideo .purpleBox input {	
	float: left;
	width: 480px;
	background-color: #333333;
	background-image: none;
	border: 1px solid #000000;
	color: #c1e907;
}

#addVideo button {
	float: right;	
}


/* Contact Form */

.contactForm, .regForm {
	width: 560px;
}	

.contactForm label, .regForm label {
	float: left;
	color: #df160e;
}

.contactForm input, .contactForm textarea, .regForm input, .regForm textarea {
	float: right;
	width: 400px;
}

.contactForm button, .regForm button {
	float: right;
}

/* Login Form */

input.login {
	background-color: #0c0a05;
	background-image: none;
	color: #c1e907;
	
	border: 0;
	padding: 3px;
	margin-right: 10px;
}


form#loginFormLite{
	margin:0px 5px 0 0;
	height:22px;
}

form#loginFormLite input{
	width:130px; float:left;
}

.loginBtnSmall{
	background-image:url(../images/green_login_btn.gif);
	background-repeat:repeat-x;
	background-color:transparent !important;
	width:30px !important;
	height:21px;
	color:#000000;
	
	border: 0;
}

form#loginForm {
	width:500px;
	height:auto;
}

form#loginForm label{
	margin-left:150px;
}

#upload_button{
	padding:5px;
	border:1px solid #333333; background-color:#eeeeee;
	width: auto;
	margin:5px 0;
}

/* ----- Reg Form ----- */
/* ----- END Reg Form ----- */

/* ----- Lists ----- */
ul#footerMenu{
	margin:0px;
	padding:10px;
	float: right;
}
ul#footerMenu li{
	display:inline;
}
ul#footerMenu li a{
	color:#ED008C;
	text-decoration:none;
	padding:5px 5px;
}
ul#footerMenu li a:hover{
	text-decoration:underline;
}

/* ----- Twitter ----- */
div#twitterCridentials{
	margin-top:5px;
	display:block;
	height:auto;

	clear: both;
}

div.twitterNumberContainer{
	width:33%;
	float:left;
	text-align:center;
	height:auto;
}
span.twitterNumber{
	font-size:2.5em;
	color:#1CB7F0;
}

.twittePic{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.twitterContainer, .newsContainer, .callaborationsContainer, .vacancyContainer, .messageContainer{
	display:block;
	padding:5px 0;
	border-bottom:1px solid #cccccc;
}
.messageContainer{
	padding:5px;
}
.twitterContainer{
	padding:10px 0;
}
.callaborationsContainer, .vacancyContainer{
	padding:0;
}

.vacancyContainer img, .callaborationsContainer img{
	width:70px;
	padding-right:5px;
}

.vacancyContainer a:hover, .callaborationsContainer a:hover{
	text-decoration:none !important;
}


/* ----- News ----*/

img.newsThumb {
	display: inline;
	float: left;
	
	clear: left;
	margin-right: 10px;
}

div.thumbContainer {
	position: relative;
	float: left;
	width: 100px;
	height: 85px;

	overflow: hidden;
	margin-right: 10px;
}

div.medContainer {
	position: relative;
	float: left;
	width: 255px;
	height: 175px;

	overflow: hidden;
	margin-right: 5px;
}

/* PlusMinus Buttons */

.plusminus {
	position: absolute;
	top: 10px;
	right: 23px;
	width: 21px;
	height: 21px;
	
	background-image: url(../images/boxes/plusminus.png);
	background-position: top;
	background-repeat: no-repeat;
}

/* FACEBOOK */

a#facebookConnectLink{
	display:block;
}

a.facebookLogin{
	width: 276px;
	height: 32px;
	
	margin: 5px auto;
	
	background-image:url(../images/facebook_login.gif);
	background-position: top;
}

a.facebookLogin:hover{
	background-position: bottom;
}

a.facebookLogout{
	width: 276px;
	height: 32px;
	margin: 5px auto;
	
	background-image:url(../images/facebook_logout.gif);
	background-position: top;
}

a.facebookLogout:hover{
	background-position: bottom;
}

/* REGISTRATION */
#profile_image_upload, #news_image_upload, #event_image_upload, #resource_image_upload {
	padding:5px;
	border:1px solid #cccccc;
	float:left;
}

#reg_profile_image, #news_profile_image, #event_profile_image, #resource_profile_image{
	float:left;
	width:200px;
	text-align:center;
}

/* Event Album */
.album_thumb {
	margin-right: 16px;
	margin-bottom: 16px;
}

/* Resources Form */

#searchResources .formElement {
	margin-top: -20px;
	margin-bottom: 40px;	
}

#searchResources label {
	position: relative;
	float: left;
	width: 240px;
	
	margin-right: 20px;
	line-height: 28px;
	
	color: #df160e;
}

#searchResources input {
	position: relative;
	float: left;
	width: 240px;
	
	margin-right: 5px;
}

#searchResources button {
	position: relative;
	float: left;
	clear: none;
	
	padding: 4px;
	margin-right: 5px;
}

/* Members Directory */
div#members_letters{
	display:block;
	padding:5px;
	clear:both;
	margin-left:30px;
	margin-bottom:10px;
	color:#eeeeee;
}

img.directoryThumbs{
	float:left;
	padding:0 10px 5px 0;
}

.letter{
	color:#ED008C;
	width:auto;
	padding:0 5px 0 5px;
	float:left;
	border-right:1px solid #cccccc;
	height:15px;
	text-align:center;
	font-weight:bold;
}

.letter a {
	display:block;
	width:100%;
	height:15px;
	color:#ED008C;
	text-decoration:none;
}

.letter a:hover, .letter a.active {
	color:#333333;
	text-decoration:underline;
}


.minThumbContainer{
	width:auto;
	float:left;
	min-height:70px;
	height:auto !important;
	height:70px;
	padding-bottom:5px;
}

div.scrollable {   
     
    	/* required settings */ 
    	position:relative; 
    	overflow:hidden; 
	margin-left:-20px;    
 
    	/* vertical scrollers have typically larger height than width */     
    	height: 200px;      
    	width: 310px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
    /* this time we have very large space for height */     
    height:307em;     
}
div.scrollable div.items div { 
    display:block;
	width:310px;
	height:30px;
	line-height:30px;
	padding-left:10px;
}

a.prevPage {
	display: block;
	width: 310px;
	height: 15px;
	
	margin-left: -20px;
	
	background: url(../images/arrow-up.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

a.nextPage {
	display: block;
	width: 310px;
	height: 15px;
	
	margin-left: -20px;
	margin-bottom: 33px;
	
	background: url(../images/arrow-down.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.memberNameAlt{
	background-color:#eeeeee;
} 

div.scrollable .active{
	background-color:#B1B1B1;
}

div#memberImage{
	text-align:left;
	vertical-align:170px;
}

#memberLoading{
	font-size:2em;
	color:#666666;
	margin-left:40px;
}

.chooseGenre {
	float:right;
	padding:10px;
	color:#ED008C;
	text-transform:uppercase;
	font-size:1.8em;
}

.memberMainGenre {
	float:left;
	clear:left;
	padding:10px;
	font-size:1.8em;
	text-transform:uppercase;
}

#collaborationFields label{
	font-size: 1em;
}

/* Other News/Event */
.otherContainer {
	float: left;
	
	width: 273px;
	height:120px;
	overflow:hidden;
	margin-right: 10px;
	margin-bottom: 10px;
}

.rightOpen {
	background-position: bottom left;
}

/* Prev Events */
.prevEvents-left {
	position: relative;
	float: left;
	width: 80px;
	overflow: hidden;
}

.prevEvents-right {
	position: relative;
	float: left;
	width: 217px;
	
	overflow: hidden;
}

.eventPhoto {
	position: relative;
	float: right;
	margin-left: 5px;
	line-height: 60px;
	height: 60px;
	background-color: #d0d0d0;
	
	text-align: center;
	
	padding: 3px;
}

/*  -- MESSAGES --  */
.messageContainer{
	position:relative;
}

.messageUnread{
	background-color:#eeeeee;
}

.messageIcons{
	position:absolute;
	top:0px; 
	right:0px;
	width:auto;
	height:auto;
	padding:5px;
}

.hubLogout {
	display: block;
	width: 276px;
	height: 34px;
	
	background-image: url(../images/hub_logout.gif);
	background-position: top left;
	
	margin: 5px auto;
}

.hubLogout:hover {
	background-position: bottom left;	
}

.contact-bubble {
    background-image: url(../images/contact.png);
    width: 367px;
    height: 287px;
    
    position: absolute;
    bottom: -40px;
    left: 15px;

    z-index: 33;
}

.contact-info {
    position: absolute;
    top: 70px;
    right: -30px;
    
    display: block;
    
    text-align: center;
    color: #ed1c24;
    
    -webkit-transform: rotate(-7deg); 
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    transform: rotate(-7deg);
    
    font-size: 1.05em;
}

.contact-info a {
    color: #ed1c24;
}