/*
 * Elnellis.com base site styles
 */
 
    html,
    body {
        height: 100%;
    }
    
    body {
    	background-color: #E5E4E0;
    }
    
    ul ul {
    	margin: 1em 0 1em 1em;
    }
    
		ul ul li {
    		margin: 1em 0;
		}
    
    /* General */
    
    .roundedCorners {
		border-radius: 2.5px;
	   -moz-border-radius: 2.5px;
	   -webkit-border-radius: 2.5px;
    }
		
	.rule {
		border-bottom: solid 1px #252525;
	}
	
		.rule.dotted {
			border-bottom-style: dotted;
			border-bottom-color: #D2D0CA;
		}
		
	div.pageTitle,
	div.textBox,
	div.breadcrumbBox {
		padding: 9px 11px;
	}
	
		div.breadcrumbBox {
			width: 870px;
			margin: 0 0 6px 28px;
		}
	
	div.textBox + div.textBox {
		margin: 0 11px;
		padding: 9px 0;
		border-top: dotted 1px #BCB9AE;
	}
	
	div.statusBox {
		margin-bottom: 1px;
		padding: 8px;
	}
	
		div.form div.statusBox {
			margin: 3px 0 12px;
			padding: 8px;
		}
	
	div.captionedImageBox {
		padding: 12px 12px 9px;
	}
	
	div.caption {
		padding-top: 4px;
		color: #FFF;
	}
	
	a.thumbnail {
		display: block;
		height: 92px;
		width: 92px;
		margin: 0 28px 12px 0;
		background-color: #BCB9AE;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
		a.thumbnail * {
			display: none !important;
		}
		
	.inactive { 
		background: transparent url(../_media/images/backgrounds/inactive.gif);
	}
	
	.errorBox {
		display: block;
	}
		
	.inactive { 
		background: transparent url(../_media/images/backgrounds/inactive.gif);
	}
    
    /* Colors */
    
    .darkGrayBorder {
    	border: solid 1px #252525;
    }
    
    .aquaBackground,
    .blueBackground,
    .copperBackground,
    .grayBackground,
    .greenBackground,
    .orangeBackground,
    .purpleBackground,
    .redBackground,
    .whiteBackground,
    .yellowBackground {
    	background-color: transparent;
    	background-repeat: repeat;
    	background-position: left top;
    }
    
    .opaque {
    	background-image: none !important;
    }
	
	.aquaBackground { background-image: url(../_media/images/backgrounds/colors/aqua.png); }
		.aquaBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/aquaOverlay.png); }
		.opaque.aquaBackground { background-color: #77938C; }
    
	.blueBackground { background-image: url(../_media/images/backgrounds/colors/blue.png); }
		.blueBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/blueOverlay.png); }
		.opaque.blueBackground { background-color: #778792; }
    
	.copperBackground { background-image: url(../_media/images/backgrounds/colors/copper.png); }
		.copperBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/copperOverlay.png); }
		.opaque.copperBackground { background-color: #907366; }
	    
	.darkGrayBackground { background-image: url(../_media/images/backgrounds/colors/darkGray.png); }
		.darkGrayBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/darkGrayOverlay.png); }
		.opaque.darkGrayBackground { background-color: #63625E; }
	    
	.grayBackground { background-image: url(../_media/images/backgrounds/colors/gray.png); }
		.grayBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/grayOverlay.png); }
		.opaque.grayBackground { background-color: #BCB9AE; }
	    
	.greenBackground { background-image: url(../_media/images/backgrounds/colors/green.png); }
		.greenBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/greenOverlay.png); }
		.opaque.greenBackground { background-color: #799C6E; }
	    
	.lightGrayBackground { background-image: url(../_media/images/backgrounds/colors/lightGray.png); }
		.lightGrayBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/lightGrayOverlay.png); }
		.opaque.lightGrayBackground { background-color: #F7F7F5; }
	
	.opaque.lightYellowBackground { background-color: #FCF1B1; }
	    
	.orangeBackground { background-image: url(../_media/images/backgrounds/colors/orange.png); }
		.orangeBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/orangeOverlay.png); }
		.opaque.orangeBackground { background-color: #D66300; }
	        
	.purpleBackground { background-image: url(../_media/images/backgrounds/colors/purple.png); }
		.purpleBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/purpleOverlay.png); }
		.opaque.purpleBackground { background-color: #84737B; }
	    
	.redBackground { background-image: url(../_media/images/backgrounds/colors/red.png); }
		.redBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/redOverlay.png); }
		.opaque.redBackground { background-color: #AB3838; }
		
	.whiteBackground { background-image: url(../_media/images/backgrounds/colors/white.png); }
		.whiteBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/whiteOverlay.png); }
		.opaque.whiteBackground { background-color: #FFFFFF; }
	    
	.yellowBackground { background-image: url(../_media/images/backgrounds/colors/yellow.png); }
		.yellowBackground .overlayed { background-image: url(../_media/images/backgrounds/colors/yellowOverlay.png); }
		.opaque.yellowBackground { background-color: #E9D248; }
    
    /* Buttons */
    
    div.buttonWrapper {
    	margin-top: 23px;
    }
    
    /* Warnings & Alerts */
    
    div.alertBar,
    div.warningBar {
    	padding: 8px 6px 8px 46px;
    }
    
		div.alertBar {
    		background-color: #DC5959;
    		color: #FFFFFF;
		}
	    
		div.warningBar {
    		background-color: #F2EBA6;
		}
    
    /* Header */
    
    div#header {
    	position: relative;
        height: 100px;
        background: transparent url(../_media/images/backgrounds/header.png) repeat left top;
    }
    
        div#header div#siteDescription {
            margin: 26px 0 22px 0;
        }
    
        div#header div#siteLogo {
            position: absolute;
        }
    
        div#header div#headerMenu,
        div#header div#copyright {
        	margin-top: 62px;	
        }
        
    /* Content */
    
    div#wrapper {
        background: #F7F7F5 url(../_media/images/backgrounds/main.jpg) no-repeat left top;
    }
    
    div#content {
    	padding: 50px 0 100px 0;
    }
    
		/* News */
		
		div#news {
		}
    
		/* Bio */
		
		div#bio {
		}
		
			div#bio .bioText {
				width: 508px;
				padding: 9px 12px 84px;
			}
			
		/* Featured */
		
		div#featured {
		}
		
			div#featured div.featuredItem {
				padding: 12px 12px 9px;
				overflow: hidden;
			}
		
			div#featured div.featuredItem div.title {
				margin-bottom: 14px;
				padding-top: 4px;
			}
			
		/* Callouts */
		
		div#callouts {
		}
		
			div#callouts div.calloutItem {
				position: relative;
				margin-bottom: 11px;
				padding: 12px 12px 9px;
				overflow: hidden;
			}
		
				div#callouts div.calloutItem a {
					color: #FFF;
				}
		
					div#callouts div.calloutItem a:hover {
						color: #D7DEDA;
					}
		
				div#callouts div.calloutItem div.caption.overlayed {
					position: absolute;
					width: 246px;
					bottom: 12px;
					left: 12px;
					padding: 9px 11px;
				}
				
		/* Lists */
		
		div.list {
			padding: 12px;
		}
		
			div.list table {
				width: 100%;
			}
		
				div.list table tr {
				}
		
					div.list table th,
					div.list table td {
						padding: 8px;
						border-bottom: solid 1px #D1D0CA;
					}
    
		/* Forms */
		
		div.form {
			padding: 9px 12px 12px;
			background-color: #FFFFFF;
		}
		
			div.form .select,
			div.form .textbox {
				padding: 4px 5px 6px;
				border: solid 1px #252525;
				border-radius: 2.5px;
			   -moz-border-radius: 2.5px;
			   -webkit-border-radius: 2.5px;
			}
			
				div.form .select {
					padding-bottom: 4px;
				}
			
				div.form input.textbox {
					width: 150px;
				}
			
					div.form input.textbox.large,
					div.form select.select.large {
						width: 300px;
					}
			
				div.form textarea.textbox {
					width: 536px;
					height: 78px;
				}
			
				div.form select.dynamicDropDown {
					margin-right: 8px;
				}
				
				div.form select.colorDropDown {
					width: 132px;
					margin-right: 8px;
				}
			
					div.form select.colorDropDown + div {
						width: 24px;
						height: 24px;
						background-color: #E5E4E0;
					}
				
			div.form div.formRow {
				padding: 6px 0;
			}
				
				div.form div.formRow label {
					margin-left: 6px;
				}
				
		/* ReCaptcha */
		
		div.form div.formRow table.recaptchatable {
			border: none !important;
		}
		
			div.form div.formRow table.recaptchatable tr,
			div.form div.formRow table.recaptchatable td,
			div.form div.formRow table.recaptchatable td center {
				height: auto !important;
				padding: 0 !important; 
			}
		
			div.form div.formRow table.recaptchatable td #recaptcha_reload_btn,
			div.form div.formRow table.recaptchatable td #recaptcha_switch_audio_btn,
			div.form div.formRow table.recaptchatable td #recaptcha_whatsthis_btn,
			div.form div.formRow table.recaptchatable td #recaptcha_logo,
			div.form div.formRow table.recaptchatable td #recaptcha_tagline {
				display: none !important;
			}
		
			div.form div.formRow table.recaptchatable td #recaptcha_image {
				height: 57px !important;
				width: 300px !important;
				padding: 8px 5px 8px !important;
				cursor: pointer;
			}
			
			div.form div.formRow table.recaptchatable td #recaptcha_response_field {
				width: 300px !important;
				padding: 4px 5px 6px !important;
				border: solid 1px #252525 !important;
				border-radius: 2.5px !important;
			   -moz-border-radius: 2.5px !important;
			   -webkit-border-radius: 2.5px !important;
				font-size: 12px !important;
			}
    
    /* Footer */
    
    div#footer {
    	width: 100%;
    	background: transparent url(../_media/images/backgrounds/subsection.png) repeat left top;	
    }
    
		div#footer div#footerMenu {
			padding: 20px 0 100px;
		}
		
	/* Uploadify */
	
	.uploadifyQueueItem {
		border: 2px solid #E5E5E5;
		background-color: #F5F5F5;
		margin-bottom: 8px;
		padding: 10px;
		width: 350px;
	}
	
	.uploadifyError {
		border: 2px solid #FBCBBC !important;
		background-color: #FDE5DD !important;
	}
	
	.uploadifyQueueItem .cancel {
		float: right;
	}
	
	.uploadifyProgress {
		background-color: #FFFFFF;
		border-top: 1px solid #808080;
		border-left: 1px solid #808080;
		border-right: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		margin-top: 10px;
		width: 100%;
	}
	
	.uploadifyProgressBar {
		background-color: #0099FF;
		width: 1px;
		height: 3px;
	}
	
	#fileSuccess {
		display: inline-block;
	}