@charset "utf-8";
/* CSS Document */

#register {
	font-weight: bold;
	font-size: 26px;
	padding: 30px;
	border: 2px solid lightblue;
	width: 938px;
	margin-top: 10px;
	float: left;
	background: url(../images/register.jpg);
}

#u_0_6 {
	display: none !important;
}

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/*General Mosaic Styles*/
.mosaic-block {
	float: left;
	position: relative;
	overflow: hidden;
	width: 316px;
	height: 176px;
	border: solid 1px;
	margin-right: 20px;
	margin-top: 20px;
}

.mosaic-backdrop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	height: 176px;

}

.details {
	color: white;
	padding: 10px;
}

.mosaic-overlay {
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #111;
	left: 0;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background: url(../images/hover-magnify.png) no-repeat center center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	display: none;
}

.fade .mosaic-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	background: url(../images/bg-black.png);
}

.bar .mosaic-overlay {
	bottom: -100px;
	height: 80px;
	background: url(../images/bg-black.png);
}

.bar2 .mosaic-overlay {
	bottom: -50px;
	height: 100px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.bar3 .mosaic-overlay {
	top: -100px;
	height: 100px;
	background: url(../images/bg-black.png);
}

.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	padding: 4px;
	border: 1px solid #c33;
	background-color: ivory;
	margin-left: 5px;
}

.selectValidState select, select.selectValidState {
	padding: 1px;
	background-color: white;
	border: 1px solid #c8c8c8;
}

select.selectRequiredState, .selectRequiredState select, select.selectInvalidState, .selectInvalidState select {
	border: 1px solid crimson;
	padding: 1px;
	background-color: lightgoldenrodyellow;
}

.selectFocusState select, select.selectFocusState {;
	padding: 1px;
	border: 1px solid #c8c8c8;
}

/** Spry Text Field **/
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #CC3333;
	padding: 4px;
	width: auto;
	border: 1px solid #c33;
	background-color: ivory;
	margin-left: 5px;
}

.textfieldValidState input, input.textfieldValidState {
	padding: 5px;
	background-color: white;
	border: 1px solid #c8c8c8;
	width: 180px;
}

input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	border: 1px solid crimson;
	padding: 5px;
	background-color: lightgoldenrodyellow;
	width: 180px;
}

.textfieldFocusState input, input.textfieldFocusState {
	border: 1px solid #C8C8C8;
	padding: 5px;
	width: 180px;
}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

.textfieldHintState input, input.textfieldHintState {
	color: gray;
	font-style: italic;
	padding: 5px;
	border: 1px solid gray;
	width: 180px;
}

.radioRequiredMsg, .radioInvalidMsg {
	display: none;
}

.radioRequiredState .radioRequiredMsg, .radioInvalidState .radioInvalidMsg {
	display: inline;
	color: #CC3333;
	padding: 4px;
	border: 1px solid #c33;
	background-color: ivory;
	margin-left: 5px;
}

.confirmRequiredMsg, .confirmInvalidMsg, .confirmValidMsg {
	display: none;
}

.confirmRequiredState .confirmRequiredMsg, .confirmInvalidState .confirmInvalidMsg {
	display: inline;
	color: #CC3333;
	padding: 4px;
	border: 1px solid #c33;
	background-color: ivory;
	margin-left: 5px
}

.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}

input.confirmRequiredState, .confirmRequiredState input, input.confirmInvalidState, .confirmInvalidState input {
	background-color: #FF9F9F;
}

.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}

/** Spry Checkbox **/
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg {
	display: none;
}

.checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	padding: 4px;
	border: 1px solid #c33;
	background-color: ivory;
	margin-left: 5px
}

/** Spry Text Area **/
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
	display: none;
}

.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {
	color: #CC3333;
	padding: 4px;
	width: auto;
	border: 1px solid #c33;
	background-color: ivory;
	margin-left: 5px;
}

textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	border: 1px solid crimson;
	padding: 5px;
	background-color: lightgoldenrodyellow;
}

.textareaFocusState textarea, textarea.textareaFocusState {
	border: 1px solid #C8C8C8;
	padding: 5px;
}

.textareaFlashState textarea, textarea.textareaFlashState {
	color: red !important;
}

textarea.textareaHintState, .textareaHintState textarea {
	color: gray;
	font-style: italic;
	padding: 5px;
	border: 1px solid gray;
}

textarea {
	border: 1px solid #888;
	padding: 5px;
	display: inline;
	float: left;
	margin-left: 15px;
}

/** Select List **/
.selectlist-list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 500px;
}

.selectlist-item {
	/* Icon from http://pinvoke.com/ */
	background: cornflowerblue url(../images/cross-circle.png) no-repeat right center;
	border: 1px solid gray;
	cursor: pointer;
	padding: 4px 30px 4px 4px;
	margin-left: 15px;
	margin-top: 15px;
	color: white;
}

.banner_background {
	padding-left: 10px;
}
