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

#blue {
	color: #005cd9;
}
#pink {
	color: #ed145b;
}
#pinkforblack {
	color: #ec008c;
}
#orange {
	color: #fe4819;
}
#light_blue {
	color: #bdd1ee;
}
#yellow {
	color: #fff200;
}

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #71a8f3;	
}
body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../images/header_back.jpg);
	background-repeat:repeat-x;	
}
a:active, a:visited, a:link {
	outline: none;
}

/* Header */
.top_bar {
	height: 60px;
	background-repeat:repeat-x;
}
.header_login_holder {
	background-image:url(../images/4d-dec-07-design_08.jpg);
	background-repeat:no-repeat;
}
.header_login {
	padding: 1px;
	color:#ed145b;
	margin: 0px;
	width: 100px;
	height: 15px;
	font-size: 12px;
	font-weight:bold;
}
.username {
	color: #fff200;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-right: 17px;
	margin-top: 35px;
}
.club4d_loggedin_box {
	background-image:url(../images/club4d_header_back.jpg);
}
.club4d_loggedin_bottom {
	background-image:url(../images/club4d_header_bottom_back.jpg);
}
/* Header Bottom */
.bottom_bar {
	height:40px;
	background-repeat:repeat-x;
	margin-bottom: 0px;
}

/* Ajax */
.hidden {
	display: none;
}

/* Forms */
form {
	margin: 0px;
	padding: 0px;
}

.spinner {
	width: 16px;
	height: 16px;
	font-size:5px;
	background-image: url(../images/spinner.gif);
	display: none;
}

.good_box {
	padding: 5px;
	background-color:#79FF62;
	border: 1px solid #003300;
	color: #000000;
	font-weight: normal;
}
.icon_check {
	line-height:0px;
	width: 16px;
	height: 16px;
	background-image:url(../images/icons/icon_check.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left: 5px;
	margin-right:5px;
}

.bad_box {
	background-color: #ed145b;
	border:#76082c solid 1px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: normal;
}

.form_info {
	background-color: #fff568;
	border:#f7941d solid 1px;
	width: 300px;
	padding:5px;
	margin-top: 10px;
	margin-bottom: 30px;
	color:#000000;
}
.icon_info {
	line-height:0px;
	width: 16px;
	height: 16px;
	background-image:url(../images/icons/icon_info.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left: 5px;
	margin-right:5px;
}


.field_label {
	color: #464646;
	font-size: 16px;
	font-weight: bold;
	width: 100px;
	line-height:1em;
}
.form_field_sep {
	height:25px;
}
.form_field input {
	padding: 7px;
	color: #ed145b;
	font-size: 18px;
	background-image:url(../images/input_field_back.jpg);
	background-repeat:repeat-x;
	border:1px #000000 solid;
	margin: 0px;
}
.form_field textarea {
	padding: 7px;
	color: #ed145b;
	font-size: 14px;
	background-image:url(../images/input_field_back.jpg);
	background-repeat:repeat-x;
	border:1px #000000 solid;
	margin: 0px;
}
.form_field select {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ed145b;
	font-size: 18px;
	border:1px #000000 solid;
	margin: 0px;
}
.field_helper {
	z-index:100;
	position:absolute;
	background-color: #fff568;
	border:#ed145b solid 1px;
	width: 300px;
	padding:6px;
	margin-left: 3px;
	background-color:#fff568;
	display: none;
}
.icon_arrow_left {
	line-height:0px;
	width: 16px;
	height: 16px;
	background-image:url(../images/icons/icon_arrow_left.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left: 0px;
	margin-right:5px;
}

.icon_help {
	width: 14px;
	height: 14px;
	background-image:url(../images/icons/icon_help.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left: 0px;
	margin-right:5px;
}	

.icon_warning_circle {
	width: 17px;
	height: 17px;
	background-image:url(../images/icons/icon_warning_circle.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left: 5px;
	margin-right:5px;
}	

.bad_error {
	background-color: #ed145b;
	border:#76082c solid 1px;
	width: 250px;
	padding: 5px;
	margin-top: 0px;
	color: #FFFFFF;
	margin-bottom: 25px;
}

.form_error {
	background-color: #ed145b;
	border:#76082c solid 1px;
	width: 250px;
	padding:5px;
	margin-top: 0px;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.form_error a:visited, .form_error a:link, .form_error a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.form_error a:hover {
	color: #ed145b;
	text-decoration: none;
	background: #FFFFFF;
}

.icon_warning_error {
	width: 16px;
	height: 17px;
	background-image:url(../images/icons/icon_arrow_down.gif);
	background-repeat:no-repeat;
	margin-left: 0px;
	margin-right:5px;
}

/* Submit But */
.form_field .submit_image {
	background-image:none;
	padding:0px;
	margin:0px;
	border:none;
}

/* Date */
.date_select_holder {
	padding-right: 5px;
}
.date_select_holder select {
	font-size: 18px;
}

/* Pictures */
.pictures_nav {
	margin-top: 15px;
	font-weight: bold;
	height:38px;
}
.pictures_nav td	{
	/*border:#FFFFFF 1px dotted;*/
}
.pictures_nav .all_galleries {
	font-size:18px;
	color: #FFFFFF;
	padding-left:15px;
	width: 140px;
}
	.pictures_nav .all_galleries a:link, .pictures_nav .all_galleries a:visited, .pictures_nav .all_galleries a:active {
		color: #FFFFFF;
		text-decoration:underline;
	}
	.pictures_nav .all_galleries a:hover {
		color: #fff200;
		text-decoration:underline;
	}	
.pictures_nav .event {
	font-size:17px;
	color: #FFFFFF;
	width: 478px;
}
.pictures_nav .event .at {
	color: #bdd1ee;
	font-size: 14px;
}
.pictures_nav .event .yella {
	color: #fff200;
}
.pictures_nav .event a {
	text-decoration:underline;
	color:#FFFFFF;
}	
.pictures_nav .event a:hover {
	text-decoration:underline;
	color: #fff200;
}
.pictures_nav .picnums {
	color: #000000;
	font-size: 14px;
}	
/* Flash */
.flashholder {
	background-color: #fff568;
}
.flashholder .center {
	padding-top: 10px;
}
.flashholder .warning {
	text-align:center;
	font-size: 16px;
	background-color: #ed145b;
	color:#FFFFFF;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 10px;
}
.flashholder .download {
	text-align: center;
}
.flashholder a:link, .flashholder a:active, .flashholder a:visited {
	text-decoration: underline;
	color: #00CC33;
	font-size: 20px;
	font-weight: bold;
}
.flashholder a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #00CC33;
	font-weight: bold;
}

/* Footer */
.footer {
	margin-top:5px;
	font-size: 10px;
	color:#CEE1FB;
	padding:7px;
	text-align:center;
}