/******************************************************************************************************************

G3 EVENTS Stylesheet

Developed by Matthew Hill, October 2006
Copyright Nixon McInnes (c) 2006
http://www.nixonmcinnes.co.uk

******************************************************************************************************************/

/******************************************************************************************************************
SIDEBAR
******************************************************************************************************************/

#navside {
    width:220px;
    font-size:0;
    line-height:0;
}

#navside img {
    padding:0;
    display:block;
    border:none;
}

/******************************************************************************************************************
PAGINATION
******************************************************************************************************************/

.pagination {
    margin:0;
    padding:5px 0 10px;
    clear:both;
}

.pagination li {
    display:inline;
    margin-right:7px;
}

.pagination li a,
.pagination li a:visited {
    color:#82A2C2;
/*	color:#99B763;	*/
}

.pagination li a:hover {
    color:#F31C00;
}

.pagination li.prev {
    background:url(../images/arrow_red_left.gif) left center no-repeat;
    padding:0 0 0 10px;
}

.pagination li.next {
    background:url(../images/arrow_red_right.gif) right center no-repeat;
    padding:0 10px 0 0;
}

/******************************************************************************************************************
EVENTS LIST
******************************************************************************************************************/

#content h2 {
    clear:none;
}

#content div.event {
    clear:both;
    border-top:1px solid #E5E5E5;
    padding:17px 0 0;
}

#content div.firstevent {
    clear:both;
    padding:0;
}

#content div.firstevent h2,
#content div.event h2 {
    border:none;
    margin-bottom:0;
    font-size:1.0em;
    font-family: Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
}

#content div.firstevent h3,
#content div.event h3 {
    clear:none;
    font-size:1.0em;
    font-family: Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
    color:#5A6263;
/*	color:#A61E0C;*/
    margin:0;
    padding:0;
}

#content div.firstevent p,
#content div.event p {
    margin-top:5px;
}

#content div.firstevent a,
#content div.firstevent a:visited,
#content div.event a,
#content div.event a:visited {
    color:#82A2C2;
/*	color:#99B763;*/
    background:url(../images/arrow_red_right.gif) right center no-repeat;
    padding:0 10px 0 0;
}

#content div.firstevent a:hover,
#content div.event a:hover {
    color:#F31C00;
}

/******************************************************************************************************************
EVENT DETAIL & FORM
******************************************************************************************************************/

#userdetails {
    width:270px;
    padding:0 0 0 17px;
    margin:-17px 0 0 17px;
    float:right;
    border-left:1px solid #E5E5E5;
}

#userdetails h2 {
    color:#A61E0C;
    font-size:2.0em;
    margin-top:17px;
    border:none;
}

#userdetails #register {
    margin-top:5px;
    width:95px;
    background-image:url(../images/button_register.gif);
}

#eventdetails {
    float:left;
    width:292px;
/*margin:-17px 0 0 0;*/
    padding:0 0 10px 0;
}

#eventdetails h2,
#eventdetails h3 {
    clear:none;
    font-size:1.0em;
    font-family: Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
    line-height:normal;
    color:#5A6263;
    border:none;
}

.invalid,
.invalid .textinvalid {
    background:#F8F8A8;
}

form dd input.textinvalid {
	border:1px solid #C8C8C8;
	width:146px;
	padding:2px;
	font: normal 100%/1.2em Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
    background:#F8F8A8;
}