/*

______ ______ _______ __
/ ___// ___// ___\ \/ /
\___ \ \___ \\ \___\ /
/____ >____ >\___ >\_/
\/ \/ \/

----------------------------------------------------------------------------------------------------*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
}

body {
	font: 13px/1.5 "Helvetica Neue", avenir, AppleGothic, "Century Gothic", arial, sans-serif;
	background: #fff;
	text-shadow: 0 1px 0 #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #FFFFFF;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

a {
	padding-bottom:1px;
	text-decoration: none;
	color: #336699;
}

a:hover{
	padding-bottom:0px;
	border-bottom:1px solid #eee;
}

/* `Generic Styles
----------------------------------------------------------------------------------------------------*/

table  {
	border-collapse:collapse;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

th{
	background:#ddd;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

tbody tr:nth-child(odd) {
   background-color: #F1F1F1;
}

table td, table th {
	padding: 8px;
}
table th {
	text-align: left;
}

textarea {
	height: 100px;
	width: 450px;
}



/* Essentials
----------------------------------------------------------------------------------------------------*/
.left {
	display: inline;
	float: left;
}

.right {
	display: inline;
	float: right;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 3em;
	font-weight: 100;
}

h2 {
	font-size: 1.7em;
	font-weight: 300;
}

h3 {
	font-size: 1.5em;
	font-weight: 300;
}

h4 {
	font-size: 1.3em;
	font-weight: 300;
}

h5 {
	font-size: 1.1em;
	font-weight: 300;
}

h6 {
	font-size: 1em;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 15px;
}


/* Main Layout Stuff
----------------------------------------------------------------------------------------------------*/
#container {
	min-height: 100%;
	position: relative;
}
#main {
	padding-bottom: 60px; /* Height of the footer */
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 10px;
	height: 50px; /* Height of the footer */
}

#footer ul li {
	display: inline;
	margin-right: 8px;
}




/* `Tabs
----------------------------------------------------------------------------------------------------*/

.tab_content{
	margin-top:3px;
	padding: 10px;
}

.tab{
	padding: 6px 20px;
	margin: 0 0 0 4px;
	border-top: 1px #aaa solid;
	border-left: 1px #aaa solid;
	border-right: 1px #aaa solid;
	display: inline;
	font-weight: bold;
	color: #ccc;
	background-color: #eee;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.current_tab{
	background-color: #fff;
	color: #000;
}

/* `WYM Content Styles (based on blueprint.css)
----------------------------------------------------------------------------------------------------*/

	.text_content h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	.text_content h2 { font-size: 2em; margin-bottom: 0.75em; }
	.text_content h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	.text_content h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	.text_content h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	.text_content h6 { font-size: 1em; font-weight: bold; }



	/* Text elements */

	.text_content p { margin: 0 0 1.5em; }

	.text_content blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	.text_content strong      { font-weight: bold; }
	.text_content em,dfn      { font-style: italic; }
	.text_content dfn         { font-weight: bold; }
	.text_content sup, sub    { line-height: 0; }

	.text_content abbr,
	.text_content acronym     { border-bottom: 1px dotted #666; }
	.text_content address     { margin: 0 0 1.5em; font-style: italic; }
	.text_content del         { color:#666; }

	.text_content pre         { margin: 1.5em 0; white-space: pre; }
	.text_content pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


	/* Lists */

	.text_content li ul,
	.text_content li ol       { margin: 0; }
	.text_content ul, .text_content ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

	.text_content ul          { list-style-type: disc; }
	.text_content ol          { list-style-type: decimal; }

	.text_content dl          { margin: 0 0 1.5em 0; }
	.text_content dl dt       { font-weight: bold; }
	.text_content dd          { margin-left: 1.5em;}


	/* Tables */

	.text_content table       { margin-bottom: 1.4em; width:100%; }
	.text_content th          { font-weight: bold; }
	.text_content th,td,caption { padding: 4px 10px 4px 5px; }
	.text_content tfoot       { font-style: italic; }
	.text_content caption     { background: #eee; }


/* `Calendar Styles
----------------------------------------------------------------------------------------------------*/
.remove_calendar{
	margin:30px 0 0 0;
	height:51px;
	width:131px;
	float:right;
	background: url("img/remove_cal.png") no-repeat;
}

/* `Volunteer Styles
----------------------------------------------------------------------------------------------------*/

.volunteer_positions{
	margin: 0 auto;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.volunteer_positions th{
	background:#a6badf;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.volunteer_positions tbody td{
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.volunteer_positions tbody tr:nth-child(odd) {
	background-color: #EEE;
}



/* Notices
----------------------------------------------------------------------------------------------------*/
.flash {
	margin: auto;
	width: 960px;
	padding: 15px 10px;
	background: #fff;
	-moz-box-shadow: 0px -1px 7px #aaa;
	-webkit-box-shadow: 0px -1px 7px #aaa;
}
#flash_bg{
	background: #eee;
}
#notice {
}

/* page admin links
----------------------------------------------------------------------------------------------------*/
.page_admin {
	float: right;
}
.page_admin li, .transactions_sub_nav li, .filter_type li {
	display: inline-block;
	margin-left: 8px;
}

.filter_type {
	float:right;
}

.filter_type li { 
	float:right;
}

table.transactions {
	width: 100%;
}


/* Facet links
----------------------------------------------------------------------------------------------------*/
.facet li a {
	color: #888;
	font-weight: normal;
}

.facet li {
	font-weight: bold;
}

/* `User Navigation
----------------------------------------------------------------------------------------------------*/
#content {
	background: #333;
}
#account-bar {
	background: url("img/top.png") #fff repeat-x;
	width: 100%;
	min-height: 40px;
}

#account-nav {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 960px;
}

#account-nav ul {
	list-style-type: none;
	float: right;
	margin-bottom: 5px;
}

#account-nav li {
	list-style-type: none;
	text-align: right;
	margin-left: 40px;
	margin-top: 20px;
	display: inline;
}

#account-nav a {
	font-size: 14px;
	color: #336699;
	text-decoration: none;
	text-shadow: 1px 1px 0 #ffffff;
}

#open-nav {
	width: 970px;
	height: 88px;
	margin: auto;
	background: url("img/top_shadow.png") no-repeat;
	clear: both;
}

#open-nav-clear, #open-nav-clear-home {
	width: 100%;
	height: 10px;
	background: url("img/nav_shadow.png") repeat-x;
	clear: both;
	margin-bottom: 20px;
}

#open-nav-clear-home {
	z-index: 1000;
	margin-bottom:-9px;
}

div#open-nav ul {
	width: 814px;
	display: inline-block;
}

div#open-nav ul li{
	float: left;
	display: block;
	height: 90px;
	margin: 0px 15px;
}

div#open-nav ul li a{
	padding: 37px 0px;
	display:block;
}

div#open-nav ul li a{
	padding: 37px 0px;
	display:block;
}

div#open-nav ul li a.current{
	border-bottom: 7px solid #ddd;
}

div#open-nav ul li a:hover {
	border-bottom: 7px solid #336699;
}



#logo {
	float: left;
	margin: 18px;
	width:120px;
	height: 65px;
	background: url("img/logo.png") no-repeat;
}	


#account-nav .donate a {
	padding-left: 20px;
	background: url("img/vaga/heart.png") no-repeat;
}

#account-nav .cart a {
	padding-left: 20px;
	background: url("img/vaga/trolley.png") no-repeat;
}

#account-nav .account a {
	padding-left: 20px;
	background: url("img/vaga/vcard.png") no-repeat;
}

#account-nav .enrollment a {
	padding-left: 20px;
	background: url("img/vaga/user_add.png") no-repeat;
}

#account-nav .volunteer a {
	padding-left: 20px;
	background: url("img/vaga/star.png") no-repeat;
}

.logout{
	padding-left: 20px;
	background: url("img/vaga/user_delete.png") no-repeat;
}

.pagename {
	margin: 20px 0 40px 0;
}

.tagline {
	font-size: 1.5em;
	font-weight: 100;
	margin: 0 0;
}

div#login_div input[type=text], div#account-nav input[type=password] {
	margin-right: 20px;
}
div#login_div label {
	margin-right: 5px;
}
div#login_div a, .account-bar-links {
	margin-top: 5px;
	display: inline-block;
}
div#login_div {
	margin-bottom: 5px;
}



div.admin_subnav{
	background: url("img/vertical_nav_bg.png") repeat-x #fff;
	min-height:479px;
	padding-top: 25px;
}

.admin_subnav ul{
	border-top: 	1px #ddd solid;
	border-bottom: 	1px #fff solid;
	text-align: right;
}

.admin_subnav li{
	color: #000;
	border-bottom: 	1px #ddd solid;
	border-top: 	1px #fff solid;
	list-style: none outside none;
}

.admin_subnav li a{
	font-size:13px;
	color: #777;
	position:relative;
	display:block;
	margin:5px 0px;
	padding: 5px 15px 5px 5px;
} 
.admin_subnav li a:hover{
	border-bottom: none;
}

.admin_subnav li:hover{
	border-top: 	1px #f3f3f3 solid;
	border-bottom: 	1px #f3f3f3 solid;
	background: url("img/grid_1_white_left.png") repeat-y left #f3f3f3;
}


/*	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;*/
	
	
/* HOMEPAGE 
----------------------------------------------------------------------------------------------------*/	
#home_flickr {
	height: 400px;
	overflow:hidden;
	z-index: 0;
}

.container_12 div.home_column {
	margin-top:20px;
	width: 306px;
}

.home_column h4 {
	text-align: center;
	background-image: url('img/home_column_header_bg.png');
	background-position: center;
	background-repeat: repeat-x;
}

.home_column h4 span{
	background: white;
	padding: 0 15px;
}

.sponsors {
	margin: 0 auto;
}

.sponsors div {
	position:relative;
	width: 150px;
	height: 300px;
	overflow:hidden;
}

.sponsors div a {
	position:absolute;
	top: 50%;
}

.sponsors div > a:first-child  {
	top:0%;
}

.home_page_news_entry {
	margin-top: 10px;
}

.home_news_date {
	color: #666;
}

.home_image_text {
	margin-left: 30px;
	width: 400px;
	float: left;
	margin-top: -380px;
	font-size: 25px;
	z-index: 1000;
	color: white;
	position: relative;
}

.home_image_text span {
	background: #333;
	padding: 0 5px 3px 5px;
	white-space: pre-wrap;
}



/* CMS styles 
----------------------------------------------------------------------------------------------------*/
.sponsors_cms {
	margin-left: -10px;
}


ul.page_tree ul{
	margin-left: 15px;
	margin-bottom: 15px;
	
}

ul.page_tree li{
	font-weight: bold;
}

ul.page_tree ul ul li{
	font-weight: normal;
	font-size: 1em;
	padding: 0 4px;
}



/* CMS news  
----------------------------------------------------------------------------------------------------*/


.news_entries{}


div.news_entry{
	margin-bottom: 20px;
}

.post_title{ 
	font-weight:bold;
	display: inline;
}

.date{
	padding-left:20px;
	margin-left: 35px;
	background: url("img/vaga/calendar.png") no-repeat;
	font-variant: italic;
	color: #999;
	white-space:nowrap;
}
.post_content{
	margin: 18px 0 40px 0;
}



.news_archive_link{
	padding-left:20px;
	background: url("img/vaga/newspaper.png") no-repeat;
}

.news_archive_link:hover{
	padding-left:20px;
	background: url("img/vaga/newspaper.png") #eee no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.category_archive_link{
	padding-left:20px;
	background: url("img/vaga/file.png") no-repeat;
}

.category_archive_link:hover{
	padding-left:20px;
	background: url("img/vaga/file.png")#eee no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.news_nav{
	margin-left: auto;
	margin-right: auto;
	color: #ccc;
}


.archive_list{
}

ul.archive_list ul{
	margin-left:15px;
}

ul.archive_list li{
}

ul.archive_list li li{
	font-weight: normal;
}


/* CMS Program Home
----------------------------------------------------------------------------------------------------*/



.home_center{}

.home_coach_blurb{}

.home_news_entry{
	display: inline;
	float: left;
	position: relative;
	margin-right: 20px;
	margin-top: 30px;
	width: 290px;
}

.home_post_title h2{
	margin-bottom: 5px;
}

.home_date{
	padding-left:20px;
	margin-bottom: 5px;
	background: url("img/vaga/calendar.png") no-repeat;
	font-variant: italic;
	color: #999;
	white-space:nowrap;
}

.home_post{
	text-align:justify 
}

.all_home_photos{
	background: url("img/photo_bg.png") #fff top left no-repeat;
}

.home_photo img{
	margin: 5px 0 0 50px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
}

.all_home_photos a:hover{
	border-bottom:none;
	padding-bottom:1px;
}



/* Photo Template styling
----------------------------------------------------------------------------------------------------*/
li.photo_tmpl_flickr {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 8px;
}

li.photo_tmpl_flickr a{
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 13;
}

div.photo_overlay {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}

div.photo_overlay span {
	position:absolute;
	top:5px;
	left: 5px;
	background: #eee;
	padding: 0 2px;
	max-width: 90%;
	z-index: 14;
}


/* `Account
----------------------------------------------------------------------------------------------------*/
.add_person {
}

.add_person a {
	margin: 40px 0;
	background: url("img/vaga/user_add.png") no-repeat;
	padding: 20px;
}

.box {
	border: solid 1px #bbb;
	background: url("img/gradient_fff_ddd.png") #ddd repeat-x;
	margin: 0 0 30px 0;
	-moz-box-shadow: 0px -1px 5px #ededed;
	-webkit-box-shadow: 0px -1px 5px #ededed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.box hr {
	width: 100%;
	border: 0;
	height: 0;
	margin: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

a.program-link {
	border-bottom: 1px solid #99ccff;
}

a.program-link:hover {
	background-color: #eee;
}

.name {
	padding: 10px 20px;
	margin: 0 0 0 57px;
	font-size: 2em;
	padding-left: 30px;
	background: url("img/gradient_fff_ddd.png") #ddd repeat-x;
	background: center left url("img/vaga/user.png") no-repeat;
	float: left;
}

.family_role{
	padding: 23px 0 0 0;
	float: left;
	color:#aaa;
	font-style:italic;
}

.edit_person {
	float: right;
	margin: 20px 30px;
}


.person hr {
	border: solid 2px #ddd;
}

.fieldnames ul li{
	list-style-type:none;
}

.fieldnames {
	text-align: right;
	display: block;
}

.entries {
	display: block;
}

.fieldnames li {
	margin: 15px 0 0 0;
	font-size: 1.1em;
	color: #666;
	font-weight: 300;
}

.entries li {
	margin: 15px 0 0 0;
	font-size: 1.1em;
}


/* `Donate
----------------------------------------------------------------------------------------------------*/
input[type="text"].donation_amount {
	width: 100px;
}
.new_donation input, .new_donation select {
	margin-left: 5px;
	margin-right: 5px;
}

.new_donation .placeholder {
	color: #AAAAAA;
}

.donate-box, .early-enrollment-box {
	background-color: #E9ECFB;
	border: 1px solid #aaa;
	margin: 0;
	margin-bottom: 20px;
	/* text-indent:10px; */
}


/* Address Select
----------------------------------------------------------------------------------------------------*/
.address_select {
	display: inline-block;
}

/* Activation Page ( i think a lot of this is in elements )
----------------------------------------------------------------------------------------------------*/
form#activate label {
	width: 135px;
	text-align: right;
	padding-top: 0.2em;
	margin-right: 0.5em;
}



h6.donation_heading {
	padding-left: 20px;
	background: url("img/vaga/info.png") no-repeat;
}

div.donate-box input[type="text"], div.donate-box input[type="password"] {
	margin-right: 5px;
}
div.donate-box label {
	margin-right: 5px;
}

form#activate label#children {
	width: auto;
}



/* Credit Card Forms
----------------------------------------------------------------------------------------------------*/
input[type=text].cvv {
	width: 30px;
}
input[type=text].city {
	width: 137px;
	display: inline-block;
}
input[type=text].state {
	width: 40px;
	display: inline-block;
}

#credit-card label {
	width: 125px;
	text-align: right;
	padding-top: 0.2em;
	margin-right: 0.5em;
}

#credit-card label {
	width: 25%;
	padding-top: 0.2em;
}

#credit-card label.state, form#activate label.state, div.add_address label.state {
	width: 50px;
}





/* Directory
----------------------------------------------------------------------------------------------------*/
.diretory_box{
	padding: 20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.directory_name{
	
}


.directory_photo{
	display: inline;
	float: left;
	position: relative;
	margin-right: 20px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;	
}

.directory_info{
	list-style-type:none;
	display: inline;
	float: left;
	position: relative;
	width: 350px;
	
}

.directory_bio{
	background: #eee;
	border: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding:30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}



/* `Enrollment
----------------------------------------------------------------------------------------------------*/
.money{
	color: #006600;
	font-weight: 300;
}

.enroll_price h3, h6 {
	margin-bottom: 0;
}

.enroll_price h6{
	font-style: italic;
	color: #666;
	font-weight: 300;
}

.green {
	color: #006600;
}

.grey {
	color: #666666;
}

.bar {
	border-bottom: 1px solid #666666;
	text-align: right;
}

.bar_header {
	margin-top: 20px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	font-weight: bold;
	text-align: right;
}

.sticky_note{
	background: url("img/sticky.png") no-repeat;
	margin: 0 auto;
	margin-top: 40px;
	padding: 10px 20px 20px 20px;
	height:170px;
	width:180px;
}

/* `Signup
----------------------------------------------------------------------------------------------------*/
.bar {
	border-bottom: 1px solid #666666;
	text-align: right;
}

.bar_header {
	margin-top: 20px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	font-weight: bold;
	text-align: right;
}

.signup_box {
	border: solid 10px #fff;
	background: url("img/gradient_fff_ddd.png") #ddd repeat-x;
	margin: 0 0 30px 0;
	-moz-box-shadow: 0px 0px 6px #AAA;
	-webkit-box-shadow: 0px 0px 6px #AAA;
}

.container_12 .grid_4_mini {
	width: 250px;
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.package {
	font-weight: 300;
	background: url("img/ribbon.png") no-repeat;
	margin-left: -21px;
	padding-left: 22px;
	color: #eee;
	height: 41px;
	width: 226px;
}


input[type=text].signup_input, input[type=password].signup_input {
	background: url("img/input_bg.png") repeat-x scroll left top #FFF;
	border: 1px solid #ccc;
	color: #666;
	font-size: 28px;
	width: 480px;
	padding-left: 20px;
}

input[type=text].signup_input:focus, input[type=password].signup_input:focus {
	background: url("img/vaga/arrow_right.png") no-repeat left center #f1f1f1;
}


/* Cart
----------------------------------------------------------------------------------------------------*/
.promo_box input[type=text]{
	width: 150px;
}

.promo_box {
	margin-top:20px;
}

.subsidy-explanation {
	width: 350px;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

.cash_check_clause { 
	margin-top: 10px;
}

/* Lists */
/* --------------------------------------------------- */
.enroll_nav {
	border-top: solid #ccc 1px;
	margin-right: 20px;
}

.enroll_nav ul li {
	list-style-type:none;
	margin-left: 0;
	border-bottom: solid #ccc 1px;
	text-align: left;
	font-weight: 300;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 40px;
}

.enroll_nav ul li a {
	padding-left:2px;
	width:298px;
	display: inline-block;
}


.enroll_nav ul li a:hover {
	background: url("img/vaga/bullet.png") left center no-repeat #eee;
	padding-left:20px;
	width:280px;
}


.bullet_list {
}
.bullet_list ul {
	list-style-image: url("img/vaga/bullet.png");
	font-size: .9em;
}
.bullet_list ul li {
	line-height: 1.3em;
}

li.sortable-list{
	list-style: none;
	width:100%;
	padding:5px 0;
}

/* Login Bar */
/* --------------------------------------------------- */
div#search-and-account-bar div {
	display: inline-block;
}
div#search-and-account-bar {
	background: #eee;
}
div#account-bar-action {
	float: left;
}
form#login {
	display: inline;
}

/* Loading Text */
/* --------------------------------------------------- */
#loading {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 46%;
	width: 60px;
	background-color: #F4AC00;
	padding: 1px 5px 3px 5px;
	color: white;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottom-left: 5px;
	-webkit-border-radius-bottom-right: 5px;
}

/* Errors */
/* --------------------------------------------------- */
.errorExplanation{
	margin: 20px auto;
	padding: 15px 10px;
	max-width: 960px;
	border: solid 10px #fff;
	background: #fdecec;
	-moz-box-shadow: 0px 0px 6px #AAA;
	-webkit-box-shadow: 0px 0px 6px #AAA;
}

.errorImg{

background: url("img/error.png") no-repeat;
margin-left: -32px;
height:40px;
width:33px;
float:left;
}

.errorExplanation h2{

padding: 20px;
font-size: 1.5em;
color: #660000; /*(/projects/51924/tickets/660000 "Ticket #660000"); */
font-weight: 400;
display: inline;
}

.errorExplanation p{

font-size: 1.1em;
color: #333333; /* (/projects/51924/tickets/333333 "Ticket #333333"); */
font-weight: 400;
font-style: italic;
display: inline;
}

.errorExplanation ul{

list-style-type: disc;
padding: 10px 0 0 60px;
color: #333333; /*(/projects/51924/tickets/333333 "Ticket #333333"); */
}

/* General Forms */
/* --------------------------------------------------- */
.general-form label {
	width: 150px;
	display: inline-block;
	margin: 10px;
}
div.fieldWithErrors {
	display: inline-block;
}

input[type=text] {
	font-size: 1em;
	padding: 2px;
	width: 250px;
	margin: 5px 0;
}
input[type=password] {
	font-size: 1em;
	padding: 2px;
	width: 250px;
	margin: 5px 0;
}
input, label {
	margin: 5px 0;
}
label {
	display: inline-block;
}
select {
	margin: 7px 0;
}

p select { margin:0;}

.column-form label {
	width: 25%;
	text-align: right;
	padding-top: 0.2em;
	margin-right: 0.5em;
}

.required-field {
	color: #990000;
}

input[type=text].big-field {
	padding: 4px;
}

/* Default Text */
/* --------------------------------------------------- */
.defaultText {
}
.defaultTextActive {
	color: #a1a1a1;
}

/* Sexy buttons */
/* --------------------------------------------------- */
.clear {/* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.button {
	background: transparent url('img/bg_button_a.png') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	padding-bottom:0px;
	text-decoration: none;
}

a.button span {
	background: transparent url('img/bg_button_span.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button:hover{
	color: #000;
	text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	border-bottom:none;
}

/* Admin Styling 
----------------------------------------------------------------------------------------------------*/
.general_admin_account_info {
	margin-bottom: 20px;
}

/* Elements */
/* --------------------------------------------------- */
.info {
	padding-left: 20px;
	background: #FFF url('img/vaga/info.png') no-repeat;
}

.star {
	padding-left: 20px;
	background: #FFF url('img/vaga/star.png') no-repeat;
}

.wrapped_box {
	padding: 10px;
}

.wrapped_box h2, .wrapped_box h1, .wrapped_box p { 
	margin-bottom: 0px;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

.large-strong {
	font-weight: bold;
	font-size: 12pt;
}

.down {
	margin-top: 25px;
}

.tall {
	padding: 15px 0;
}

.squish {
	padding: 0 40px;
}

.low {
	margin-top: 80px;
}

.float-r {
	float: right;
}

.float-l {
	float: left;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block {
	display: inline;
}

.light {
	font-weight: 300;
}

/*FOR COLORBOX USE*/
/*--------------------------------*/
.visual {
	width:800px;
	overflow:hidden;
}

/*SPLASH PAGE*/
/*------------------------*/

.old_site{
	height: 200px;
	border: 1px black solid;
	padding: 20px;
	margin: 0 0 100px 0;
}

.old_site:hover{
	background: #f2fdff;
}

.old_site ul{
	list-style-type:disc;
	padding: 30px;
}

.old_button{
	float: left;
}

.new_site{
	height: 200px;
	padding: 20px;
	margin:0 0 100px 0;

}

.new_site:hover{
	padding: 20px;
	border: solid 1px #ddd;
	background: url("img/gradient_fff_eee.png") #eee repeat-x;
	-moz-box-shadow: 0px -1px 5px #ededed;
	-webkit-box-shadow: 0px -1px 5px #ededed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.new_site ul{
	list-style-type:disc;
	padding: 30px;
}

.new_button{
	float: right;
}

address p {
	text-align: right;
	float: right;
	font-style: normal;
	font-weight: 300;
}

/*ADMIN LIST*/
.handle{
	height:16px;
	width:16px;
	background-image: url("img/vaga/handle.png");
	float:left;
	margin-right:10px;
}

.handle{
	cursor: url("img/openhand.cur"), pointer;
}

.column-large{
	width:400px;
	float:left;
}

.column-med{
	width:200px;
	float:left;
}

.column-small{
	width:100px;
	float:left;
}

.column-push{
	padding-left:26px;
}

.admin_account_name{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 200;
}

.admin_family_list{
	padding-left:20px;
	margin-bottom: 0;
}

.admin_accounts_index_plantype ul li{
	list-style-type: none;
}

/*PHOTO MANAGEMENT*/
.photo_select_thumb{
	width:130px;
	height:150px;
	float:left;
}

.delete_photo_link{
	background-image: url("img/vaga/close.png");
	width:16px;
	height:16px;
}

.photo_select_box{
	min-height:400px;
}

#photo_select{
	width:800px;
}

.queue{
	margin-bottom:20px;
}

.photo_options{
	width:600px;
	display:block;
	overflow:hidden;
}

.upload-container{
	width:400px;
}

.photo_options_photo{
	width:400px;
	float:left;
	padding: 5px;
}

.upload-button{
	height:50px;
}

.upload-queue-container{
	width:500px;
	margin:auto;
}

.photo_options_options{
	width:150px;
	float:left;
}




/* Icons */
/* --------------------------------------------------- */

.add {
	padding-left: 20px;
	background: url("img/vaga/add.png") no-repeat;
}

.file_add {
	padding-left: 20px;
	background: url("img/vaga/file_add.png") no-repeat;
}

.edit {
	padding-left: 20px;
	background: url("img/vaga/file_edit.png") no-repeat;
}

.delete {
	padding-left: 20px;
	background: url("img/vaga/close.png") no-repeat;
}

.save {
	padding-left: 20px;
	background: url("img/vaga/disc.png") no-repeat;
}

.download {
	padding-left: 20px;
	background: url("img/vaga/download.png") no-repeat;
}

.file_edit {
	padding-left: 20px;
	background: url("img/vaga/file_edit.png") no-repeat;
}