/**
* @project: SolidForm Maintenance page w/ ajax contact form
* @filename: base.css
* @description: defines all the "base" styles
* @author: PlasticBrain Media LLC | plasticbrain.net
*
 
****************************************************
* General/Layout
*****************************************************/
BODY
{
	background: #1B2A15 url( ../images/bg.jpg ) no-repeat 50% 0;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: normal;
	color: #777;
	margin-top: 50px;
}
#header
{
	width: 900px;
	margin: 40px auto 20px;
}
#content
{
	/*[disabled]background:#E7E7E7;*/
	/*[disabled]border:1px solid #151111;*/
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 50px;
}
/*****************************************************
* Typography
*****************************************************/
H1
{
	font-size: 22px;
	font-family: "Times New Roman";
	text-transform: uppercase;
	color: #767676;
	margin: 20px 0 0px;
	letter-spacing: 2px;
}
H2
{
	font-size: 19px;
	font-family: "Times New Roman";
	color: #071801;
	margin: 1px 0 27px;
	color: #777;
}
H3
{
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #CCC;
	margin: 0 0 5px;
}
H4
{
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
}
UL LI
{
	font-size: 14px;
}
P
{
	font-size: 14px;
	line-height: 20px;
}
.left
{
	text-align: left;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
/*****************************************************
* Countdown Timer
*****************************************************/
#countdown_holder
{
	display: block;
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #CCC;
	background: #EEEEEE;
}
/*****************************************************
* Progress Bar
*****************************************************/
#progressbar
{
	margin: 0 auto 20px 0;
	height: 25px;
}
#progress_message
{
	font-size: 12px;
}
#progress_message UL LI
{
	margin: 10px 0;
	font-size: 12px;
}
/*****************************************************
* Tabs
*****************************************************/
#tabs
{
	width: 700px;
	margin: 50px auto 0;
	border: 1px solid #CCC;
	text-align: left;
}
#tabs UL
{
	background: none;
	border: none;
}
#tabs UL.ui-tabs-nav
{
	background: none;
	border: none;
	border-bottom: 1px solid #CCC;
}
#tabs UL LI
{
	border: none;
	background: none;
}
#tabs UL LI.ui-tabs-selected, #tabs UL LI.ui-tabs-selected.ui-state-hover
{
	border: 1px solid #CCC;
	background: #F8F8F8;
}
#tabs UL LI.ui-state-hover
{
	background: none;
	border: none;
}
#tabs UL LI A
{
	font-size: 14px;
	color: #999;
}
#tabs UL LI.ui-tabs-selected A, #tabs UL LI A:hover
{
	color: #1C94C4;
}
.ui-tabs
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/*****************************************************
* Forms and Form related stuff
*****************************************************/
INPUT.text, TEXTAREA.text
{
	border: 1px solid #CCC !important;
	padding: 2px;
}
UL.form
{
	border: none;
}
UL.form LI
{
	font-size: 14px;
	border: none;
	margin: 0 0 15px;
}
UL#frm_newsletter
{
	padding: 15px 10px 0 0;
	width: 375px;
	margin: 0 auto;
}
LABEL.desc
{
	display: block;
	font-weight: normal;
	float: left;
	width: 100px;
	padding: 5px 0 0;
	margin: 0 5px 0 0;
	color: #444;
	text-align: right;
}
LI.buttons
{
	background: #FCFCFC !important;
	display: block;
	border: 1px solid #CCC !important;
	padding: 10px;
	width: 385px;
}
SPAN#contact_status
{
	width: 220px;
	display: block;
	float: left;
	text-align: left;
	font-size: 12px;
	padding: 7px 0 0;
}
SPAN#contact_status.loading
{
	padding: 5px 0 5px 20px;
}
SPAN#contact_status.success
{
	color: #008000;
	background: url( ../images/check.gif ) no-repeat left 50%;
	padding: 7px 0 5px 20px;
}
SPAN#contact_status.error
{
	background: url( ../images/error.gif ) no-repeat left 50%;
	color: #C00;
	padding: 7px 0 5px 20px;
}
#contact_info
{
	float: right;
	width: 225px;
}
#contact_info UL
{
	margin: 0 0 20px;
}
.button
{
	padding: 2px 5px !important;
	font-size: 12px !important;
	cursor: pointer !important;
}
/*****************************************************
* Twitter Tab
*****************************************************/
#twitter_icon
{
	background: url( ../images/twitter.gif ) no-repeat 50% 50%;
	display: block;
	float: left;
	width: 100px;
	height: 60px;
	padding: 0;
}
#twitter_msg
{
	width: 500px;
	border: 1px solid #E4E4E4;
	background: #E4E4E4;
	padding: 20px;
	margin: 0 0 0 100px;
}
.tweet_text
{
	font-size: 12px;
	line-height: 19px;
}
/*****************************************************
* Misc Stuff
*****************************************************/
.clearfix
{
	display: block;
	clear: both;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
.loading
{
	background: url( ../images/loading.gif ) no-repeat left 50%;
}
SPAN.required
{
	color: #C00;
}
SPAN.highlight
{
	padding: 0px 8px;
}
/*****************************************************
* Messages
*****************************************************/
.messages
{
	font-size: 14px;
	margin: 0 0 20px;
	display: none;
	padding: 5px;
}
.messages P
{
	margin: 3px 5px;
}
.messages.error
{
	background: #FFEFEF;
	border: 1px solid #C00;
	color: #C00;
}
.messages.error P
{
	background: url( ../images/error.gif ) no-repeat left 50%;
	padding: 0 0 0 20px;
}
.messages.success
{
	background: #F9FFEF;
	border: 1px solid #9BBF62;
	color: #008000;
}
.messages.success P
{
	background: url( ../images/check.gif ) no-repeat left 50%;
	padding: 0 0 0 20px;
}
/*****************************************************
* jQuery UI Stuff
****************************************************
Layout helpers
----------------------------------*/
.ui-helper-hidden
{
	display: none;
}
.ui-helper-hidden-accessible
{
	position: absolute;
	left: -99999999px;
}
.ui-helper-reset
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ui-helper-clearfix
{
	display: inline-block;
}
/*required comment for clearfix to work in Opera \*/
* HTML .ui-helper-clearfix
{
	height: 1%;
}
.ui-helper-clearfix
{
	display: block;
}
/*end clearfix*/
.ui-helper-zfix
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}
/*Interaction Cues
----------------------------------*/
.ui-state-disabled
{
	cursor: default !important;
}
/*Icons
----------------------------------
states and images*/
.ui-icon
{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/*Misc visuals
----------------------------------
Overlays*/
.ui-widget-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px

Component containers
----------------------------------*/
.ui-widget INPUT, .ui-widget SELECT, .ui-widget TEXTAREA, .ui-widget BUTTON
{
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
}
.ui-widget-content
{
	border: 1px solid #DDDDDD;
	background: #EEEEEE url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-x 50% top;
	color: #333333;
}
.ui-tabs
{
	padding: 0.2em;
	zoom: 1;
}
.ui-tabs .ui-tabs-nav
{
	list-style: none;
	position: relative;
	padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav LI
{
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 0.2em -1px 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav LI A
{
	float: left;
	text-decoration: none;
	padding: 0.5em 1em;
}
.ui-tabs .ui-tabs-nav LI.ui-tabs-selected
{
	padding-bottom: 1px;
	border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav LI.ui-tabs-selected A, .ui-tabs .ui-tabs-nav LI.ui-state-disabled A, .ui-tabs .ui-tabs-nav LI.ui-state-processing A
{
	cursor: text;
}
.ui-tabs .ui-tabs-nav LI A, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav LI.ui-tabs-selected A
{
	cursor: pointer;
}
/*first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...*/
.ui-tabs .ui-tabs-panel
{
	padding: 1em 1.4em;
	display: block;
	border-width: 0;
	background: none;
}
.ui-tabs .ui-tabs-hide
{
	display: none !important;
}
/*Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default
{
	border: 1px solid #C5DBEC;
	background: #DFEFFC url(images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x 50% 50%;
	font-weight: bold;
	color: #2E6E9E;
	outline: none;
}
.ui-state-default A, .ui-state-default A:link, .ui-state-default A:visited
{
	color: #2E6E9E;
	text-decoration: none;
	outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
{
	border: 1px solid #79B7E7;
	background: #D0E5F5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x 50% 50%;
	font-weight: bold;
	color: #1D5987;
	outline: none;
}
.ui-state-hover A, .ui-state-hover A:hover
{
	color: #1D5987;
	text-decoration: none;
	outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active
{
	border: 1px solid #79B7E7;
	background: #F5F8F9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x 50% 50%;
	font-weight: bold;
	color: #E17009;
	outline: none;
}
.ui-state-active A, .ui-state-active A:link, .ui-state-active A:visited
{
	color: #E17009;
	outline: none;
	text-decoration: none;
}
/*Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight
{
	border: 1px solid #FAD42E;
	background: #FBEC88 url(images/ui-bg_flat_55_fbec88_40x100.png) repeat-x 50% 50%;
	color: #363636;
}
.ui-state-highlight A, .ui-widget-content .ui-state-highlight A
{
	color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error
{
	border: 1px solid #CD0A0A;
	background: #FEF1EC url(images/ui-bg_glass_95_fef1ec_1x400.png) repeat-x 50% 50%;
	color: #CD0A0A;
}
.ui-state-error A, .ui-widget-content .ui-state-error A
{
	color: #CD0A0A;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text
{
	color: #CD0A0A;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled
{
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary
{
	font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary
{
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}
/*Misc visuals
----------------------------------
Corner radius*/
.ui-corner-tl
{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.ui-corner-tr
{
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.ui-corner-bl
{
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.ui-corner-br
{
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.ui-corner-top
{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.ui-corner-bottom
{
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.ui-corner-right
{
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.ui-corner-left
{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.ui-corner-all
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*Progressbar
----------------------------------*/
.ui-progressbar
{
	height: 2em;
	text-align: left;
}
.ui-progressbar .ui-progressbar-value
{
	margin: -1px;
	height: 100%;
}
/*Resizable
----------------------------------*/
