/****************** main styles for sports party  RM 2009**********************************************/

/* Reset styles ****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    font-weight: normal;

    font-style: normal;

    font-size: 100%;

    line-height: 1;

    font-family: inherit;

    text-align: left;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



ol, ul {

    list-style: none;

}



q:before, q:after, blockquote:before, blockquote:after {

    content: "";

}


.cake-sql-log td {
	border: 1px solid #ccc;
	font-family: Consolas;
	color: #333;
	padding: 4px;
}


/**** main styles **********************************************************************/

body {

    background-repeat: no-repeat;

    background-position: top center;

    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #d9d9d9;

}



p {

    line-height: 17px;

}



h1 {

    font-family: Arial, Helvetica, sans-serif;

    color: #fec700;

    font-size: 36px;

    font-weight: bold;

}



h2 {

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

}



h3 {

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

}



h4, legend {

    font-family: Arial, Helvetica, sans-serif;

    color: #fec700;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 16px;

}



ul {

    color: #fff;

}



li {

    color: #d9d9d9;

    font-size: 12px;

}



dl {

    margin-top: 22px;

    overflow: hidden;

}



dt {

    float: left;

    padding-bottom: 12px;

}



dd {

    float: left;

    padding-bottom: 12px;

    color: #fff;

}



ol {

    list-style-type: decimal;

    padding-left: 24px;

    margin-top: 15px;

}



ol li {

    line-height: 1.4em;

    margin-bottom: .8em;

}



input {

    font-family: Arial, Helvetica, sans-serif;

    color: #000;

    padding: 3px;

    margin: 0;

    border: 0;

}



select {

    font-family: Arial, Helvetica, sans-serif;

    color: #000;

    padding: 3px;

    margin: 0;

    border: 0;

}



a:hover {

    color: #cccccc;

}



strong {

    font-weight: bold;

}



.blue {

    color: #009cdf !important;

}



.yellow {

    color: #fec700 !important;

}



.green {

    color: #3a973a !important;

}



.purple {

    color: #883589 !important;

}



.whiteList {

    margin: 0 0 6px !important;

}



.whiteList li {

    color: #fff !important;

    font-size: 101%;

}



textarea {

    font-family: "Trebuchet MS";

    font-size: 100%;

}

.pb-multipledates
 td {
    padding-left: 10px;
}

.pb-multipledates h3 {
    font-size: 120%; 
    line-height: 20px;
}

/*** body selector styles ****************************************************************/

#nav .select {

    border-top: 5px #ffffff solid;

}



body.lloretfest #nav .select {

    border-top: 5px #ff5300 solid;

}



body.lloretfest #subnav .select {

    background: url(../img/selector-lloret.gif);

    background-repeat: repeat-x;

    background-position: top;

}



body.lloretfest #contentLeft {

    padding-top: 10px;

}



body.dublinfest #nav .select {

    border-top: 5px #3a973a solid;

}



body.dublinfest #subnav .select {

    background: url(../img/selector-dublin.gif);

    background-repeat: repeat-x;

    background-position: top;

}



body.dublinfest #contentLeft {

    padding-top: 10px;

}



body.doxbridge #nav .select {

    border-top: 5px #883589 solid;

}



body.doxbridge #subnav .select {

    background: url(../img/selector-dox.gif);

    background-repeat: repeat-x;

    background-position: top;

}



body.doxbridge #contentLeft {

    padding-top: 10px;

}



body.doxbridge #photoList .current {

    border-bottom: 4px solid #883589;

}



body.doxbridge #photoList #text {

    color: #883589;

}



body.dublinfest #photoList .current {

    border-bottom: 4px solid #3a973a;

}



body.dublinfest #photoList #text {

    color: #3a973a;

}



body.summerpartyspain #nav .select {

	border-top: 5px #19baff solid;

}



body.summerpartyspain #subnav .select {

    background: url(../img/selector-sps.gif);

    background-repeat: repeat-x;

    background-position: top;

}



/**** main page Divs ****************************************************************/




.bg-box {
	width: 100%;
	height: 488px;
	position: absolute;
	top: 0;
	background-position: top center;
	background-repeat: no-repeat;
}

#bg-0 {
	background-image: url(/img/temp/background0.jpg);
}
#bg-1 {
	background-image: url(/img/temp/background1.jpg);
}
#bg-2 {
	background-image: url(/img/temp/background2.jpg);
}
#bg-3 {
	background-image: url(/img/temp/background3.jpg);
}
#bg-4 {
	background-image: url(/img/temp/background4.jpg);
}
#bg-5 {
	background-image: url(/img/temp/background5.jpg);
}
#bg-6 {
	background-image: url(/img/temp/background6.jpg);
}
#bg-7 {
	background-image: url(/img/temp/background7.jpg);
}
#bg-8 {
	background-image: url(/img/temp/background8.jpg);
}
#bg-9 {
	background-image: url(/img/temp/background9.jpg);
}
#bg-10 {
	background-image: url(/img/temp/background10.jpg);
}
#bg-11 {
	background-image: url(/img/temp/background11.jpg);
}
#bg-12 {
	background-image: url(/img/temp/background12.jpg);
}
#bg-13 {
	background-image: url(/img/temp/background13.jpg);
}
#bg-14 {
	background-image: url(/img/temp/background14.jpg);
}
#bg-15 {
	background-image: url(/img/temp/background15.jpg);
}
#bg-16 {
	background-image: url(/img/temp/background16.jpg);
}
#bg-17 {
	background-image: url(/img/temp/background17.jpg);
}
#bg-18 {
    background-image: url(/img/temp/background18.jpg);
}
#bg-19 {
    background-image: url(/img/temp/background19.jpg);
}
#bg-20 {
    background-image: url(/img/temp/background20.jpg);
}
#bg-21 {
    background-image: url(/img/temp/background21.jpg);
}
#bg-22 {
    background-image: url(/img/temp/background22.jpg);
}
#bg-23 {
    background-image: url(/img/temp/background23.jpg);
}
#bg-24 {
    background-image: url(/img/temp/background24.jpg);
}
#bg-25 {
    background-image: url(/img/temp/background25.jpg);
}
#bg-26 {
    background-image: url(/img/temp/background26.jpg);
}


#container {
    margin: 0 auto;
    width: 962px;
	z-index: 99;
	position: relative;
}





#content {

    background-color: #000000;

    width: 962px;

    height: auto;

    /* min-height:569px; */

    margin-top: 129px;

    padding: 0 0 12px 0;

    position: relative;

}



#contentLeft {

    padding: 14px 11px 0 11px;

    float: left;

    height: 490px;

}



#contentRight {

    padding: 13px 11px 0 1px;

    float: left;

    width: 440px;

    position: relative;

}



#contentFull {

    padding: 0 0 10px 3px;

    float: left;

    width: 960px;

    position: relative;

}



/* body.singleCol #contentFull { */

body.singleCol #contentFull {

    padding: 24px;

    float: left;

    width: 880px;

}



body.leftAndTopPadding #contentFull {

    padding-top: 24px;

    padding-left: 24px;

    float: left;

    width: 912px;

}



#logo {

    margin: 0 0 8px 6px;
	padding-top: 6px;
	position: relative;

}



.spread {

    padding-left: 30px;

}



#flashMessage, #authMessage {

    padding-left: 25px;

    color: #fff;

    padding: 6px 30px 8px 35px;

    width: 700px;

    margin-bottom: 10px;

	line-height: 16px;

}



.bad, #authMessage {

    background: url(../img/icons/flash-warning.gif) 9px 8px no-repeat #ff0000;

}



.good {

    background: url(../img/icons/success.gif) 9px 8px no-repeat #02d460;

}







/**** Navigation Styles *************************************************************/

#nav {

    background: url(../img/nav-back.gif);

    background-repeat: no-repeat;

    width: 962px;

    height: 39px;
	position: relative;

}



#nav ul {

    font-family: Arial, Helvetica, sans-serif;

    padding: 11px 0 0 14px;

    width: 940px;

}



#nav li {

    float: left;

    margin: 0 0 0 0;

}



#nav a {

    color: #fff;

    text-decoration: none;

    font-weight: bold;

    padding: 5px 0 0 0;

    margin-right: 20px;

    font-size: 15px;

}



#nav a:hover {

    color: #cccccc;

}



/*** Bottom Navigation styles ****************************/

#navBottom {

    background: url(../img/nav-bottom-back.gif);

    background-repeat: no-repeat;

    width: 952px;

    height: 47px;

    margin: 14px 0 0 11px;

}



#navBottom a {

    color: #fff;

    text-decoration: none;

    font-weight: bold;

    padding: 4px 0 0 0;

    font-size: 16px;

}



#navBottom a:hover {

    color: #cccccc;

}



#navBottom ul {

    font-family: Arial, Helvetica, sans-serif;

    padding: 16px 0 0 15px;

    width: 696px;

    float: left;

}



#navBottom li {

    display: inline;

    padding: 0 16px 0 0;

    font-size: 16px;

    font-weight: bold;

    color: #fec700;

}



#navBottom .newsReg {

    float: left;

    margin: 12px 0 0 0;

    width: 170px;

    padding: 3px;

}



#navBottom #newsText {

    padding: 0;

}



#navBottom #goButton {

    background: url(../img/buttons/go.png);

    background-repeat: no-repeat;

    float: left;

    width: 38px;

    border: none;

    height: 25px;

    cursor: pointer;

    position: relative;

    left: 8px;

    top: 10px;

}



#navBottom form {

    width: 220px;

    float: left;

}



/*** Footer page styles ***********************************************************************/

#footer {

    width: 962px;

    height: 120px;

}



/* inside footer div left styles *********************************************/

#footLeft {

    float: left;

    width: 400px;

}



#footLeft ul {

    color: #fff;

    width: 400px;

    margin: 13px 0 8px 12px;

}



#footLeft li {

    display: inline;

    padding: 0 16px 0 0;

}



#footLeft a {

    font-size: 13px;

    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

    color: red;

    text-decoration: none;

}



#footLeft a:hover {

    color: #000;

    text-decoration: none;

}



#footLeft p {

    color: #6a6666;

    width: 340px;

    margin: 0 0 0 5px;

}



#sportsTravBox img {

    float: left;

}



#sportsTravBox {

    width: 500px;

    margin: 17px 10px 10px 10px;

}



#sportsTravBox p {

    width: 400px;

    float: left;

    padding: 0 0 0 2px;

    font-size: 11px;

    line-height: 11px;

}



#sportsTravBox .textPad {

    margin: 12px 0 2px 4px;

}



/* inside footer div Right styles *********************************************/

#footRight {

    float: right;

    margin: 0 8px 0 0;

    width: 420px;
	text-align: right;

}



#footRight h2 {

    text-align: right;

    color: #ff5300;

    font-weight: bold;

    font-size: 20px;

    padding: 12px 10px 10px 9px;

}



#footRight img {

    padding: 0 2px 0 2px;

    float: right;

}



#footRight .imagePad {

    padding: 2px 2px 0 11px;

}



#footRight #watchLogo {

    margin: 2px 0 0 0;

    width: 120px;

	float: right;

}






/* booking system ************************************************************/







#bookingSystem div.error-message, 

#registerForm div.error-message,

#resetPassword div.error-message {

	background: url(../img/icons/warning.png) no-repeat 0 0;

	padding-left: 20px;

	font-weight: bold;

	font-size: 90%;

	margin-top: 6px;

	padding-top: 3px;

}





#bookingSystem {

    padding-left: 35px;

    padding-bottom: 30px;

}



#bookingSystem a {

    color: #fff;

}



#bookingSystem form {

    margin-bottom: 30px;

}



#bookingSystem h1 {

    margin-bottom: 20px;

}



#bookingSystem h2 {

    margin: 20px 0;

}



#bookingSystem p {

    margin-bottom: 20px;

}



#bookingSystem table {

    margin-bottom: 0px;

}



#bookingSystem tr.rowBg td {

	background-color: #111111;

}



#bookingSystem th, #bookingSystem td {

    padding: 8px;

    padding-right: 10px;

    padding-left: 10px;

}



#bookingSystem th {

    font-weight: bold;

    border-bottom: 1px solid #fff;

    padding: 12px 12px 12px 12px;

	color: #fff;

}

#bookingSystem th a { font-weight: bold; }



#bookingSystem td {

    border-bottom: 1px solid #282727;

	color: #fff;

}



#bookingSystem ul {

    margin-bottom: 20px;

}



#bookingSystem #flashMessage {

    margin-bottom: 30px;

}



#bookingSystem form div {

    margin-bottom: 10px;

}



#bookingSystem form label {

    float: left;

    width: 200px;

    padding-right: 8px;

    padding-top: 6px;

}



#bookingSystem hr {

    width: 800px;

    margin: 20px auto 20px 0;

}



#bookingSystem div.submit input { padding: 0; padding-top: 8px; }



#bookingSystem div.checkbox label {

    float: none;

    width: auto;

}



#bookingSystem div.checkbox input {

    margin-right: 10px;

    vertical-align: middle;

}



#bookingSystem label.noWidth {

    width: auto;

}



#BookingWelcomeText, #NoticeDetails {

    width: 600px;

    height: 250px;

}



#bookingSystem #flashMessage {

    width: 800px;

}



.edit, .delete, .email, .assign, .revoke { 

	width: 10px; 

	text-align: center; 

	padding-left: 8px !important; 

	padding-right: 8px !important; 

}

.assign { width: 90px; }



#NoticeForm label {

	width: 120px !important;

}

#NoticeForm div.submit { padding-left: 128px; }



#NoticeForm div.error-message { margin-left: 130px; }





.newRecordLink {

	padding-left: 24px;

	background: url(../img/icons/plus.gif) no-repeat 0 2px;

	margin-right: 30px;

}

.emailGroupLink {

	padding-left: 24px;

	background: url(../img/icons/email.gif) no-repeat 0 4px;

	margin-right: 30px;

}

.editLink {

	padding-left: 24px;

	background: url(../img/icons/edit.png) no-repeat 0 2px;

	margin-right: 30px;

}

.reportLink {

	padding-left: 24px;

	background: url(../img/icons/table.png) no-repeat 0 2px;

	margin-right: 30px;

}

.memberApprovalsLink {

	padding-left: 24px;

	background: url(../img/icons/User.png) no-repeat 0 2px;

	margin-right: 30px;

}



a.membersToApprove {

  font-weight: bold;

  color: #FEC700 !important;

}



input.pound {

	background: url(../img/pound.gif) no-repeat 2px 4px #fff;

	padding-left: 12px;

	width: 70px;

}



#registerFund div.error-message, 

#userEditForm div.error-message { 

	margin-left: 107px;

}



#teamForm label { width: 100px !important; }

#teamForm div.error-message { margin-left: 107px; }



#bookingSystem form table div { margin: 0; }



#freePlaceForm label {

	float: none !important;

	width: auto !important;

}



#viewMemberCol1 label { width: 100px !important; }





#composeEmailForm label { width: 100px !important; }



#composeEmailForm div.submit, #composeEmailForm div.error-message { margin-left: 107px; }



#myPaymentError div { margin-left: 0; }



#viewMemberPassword div.error-message {

	margin-left: 0 !important;

}





/* registration pages ******************************************************/





#registerForm {

    padding-bottom: 30px;

	padding-left: 7px;

}



#registerForm input { width: 290px; }



#registerForm h2 {

	margin-bottom: 18px;

}



#registerForm div.input {

	margin-bottom: 12px;

}



#selectPackage {

	padding: 24px 30px;

	background: url(../img/diag-tile.gif) repeat-x 0 0 #282727;

	width: 873px;

	padding-bottom: 32px;

	margin-bottom: 20px;

}

#selectPackage p {
	font-size: 90%;
	width: 620px;
	margin-top: 4px;
	color: #fff;
	
}


#payment-type {
	padding-top: 12px;
}
#payment-type-label {
	margin-top: 5px;
}
#payment-type p {
	float: left;
}

#payment-types {
	clear: left;
	margin-left: 128px;
}

#package-desc-and-label {
	overflow: hidden;
	border-bottom: 1px solid #444;
}

#package-desc-and-label span {
	margin-top: 5px;
}


#registerForm label, #registerForm .label {

	float: left;

	width: 130px;

	padding-top: 5px;

}



.radioLabel {

	width: auto !important;

	float: none !important;

	margin-right: 20px;

	color: #fff;

}



.noPaddingTop { padding-top: 0 !important; }



#registerForm h3 { 

	font-size: 140%; 

	margin-top: 28px;

	margin-bottom: 14px;

}



input.radio { width: 13px !important; }



.teamsTable {

	width: 416px;

	float: left;

}

.teamsTable th { border-bottom: 1px solid #fff; font-weight: bold; padding: 10px 0; }

.teamsTable td { padding: 7px 0; }



#registerForm div.submit { text-align: right; }

#registerForm div.submit input { width: auto; margin-right: 60px; margin-top: 10px; }



#registerForm div.error-message { margin-left: 117px; }





#termsScroll {

	width: 865px; 

	padding: 10px 20px 10px 20px;

	

}



#termsScroll div {

	overflow: auto; 

	padding: 10px 40px 20px 10px;	

	height: 300px;

}



#termsScroll p {

	text-align: justify;

}



#termsScroll h4 {

	margin-top: 20px;

	margin-bottom: 0;

	color: #fec700 !important;

}



#termsScroll ul {

	margin: 12px 0;

}

#termsScroll li {

	line-height: 16px;

	font-size: 100%;

	padding-left: 6px;

	list-style-type: disc;

	margin-left: 26px;

}









/* home overlay *********************************************************/



/* the overlayed element */ 

.apple_overlay { 

     

    /* initially overlay is hidden */ 

    display:none; 

     

    /* growing background image */ 

    background-image:url(../img/homepage-overlay-2.png); 

	background-repeat: no-repeat;

	background-position: 50% 0;

     

    /*  

        width after the growing animation finishes 

        height is automatically calculated 

    */ 

    width:289px;

	height: 406px;  

     

    /* some padding to layout nested elements nicely  */ 

    padding:32px; 

 

    /* a little styling */     

    font-size:11px; 

	

	text-align: center;

	

	z-index: 999;

}



.black_apple_overlay {

  background-image:url(/img/black-homepage-overlay.png);

}



 

/* default close button positioned on upper right corner */ 

.apple_overlay div.close { 

    background-image:url(../img/apple-close.png); 

    position:absolute; right:8px; top:8px; 

    cursor:pointer; 

    height:28px; 

    width:28px; 

}







.lloretfest #news, .dublinfest #news, .doxbridge #news {

	padding: 24px;

	width: 880px;

	padding-top: 0;

}







/* reset password **************************************************************/



#resetPassword {

	padding: 30px;	

}

#resetPassword form div { 

	margin-bottom: 12px; 

}

#resetPassword label {

	float: left;

	width: 140px;

	text-align: right;

	padding-right: 10px;

	padding-top: 5px;

}



#resetPassword div.submit,

#resetPassword div.error-message { 

	margin-left: 150px;

}



#resetPassword div.submit input { padding: 0; }








