/*-------------------------------
Main Style Sheet
last updated: 2/21/09
version: 1.2
edited by: Dustin Martinka, Vivian Hua
website: divvyX
-------------------------------*/
/*CONTENTS
Clearing Containers
Structure
Typography
Header
Tabs
Item Views
Calendar 
Legal
Login
Wizard
Reservations

COLORS
blue border: border: 1px solid #B9CCDC;
blue font: #3684AB
lt blue on blue bg #DDEDFE
green font: #6FAF16

*/
/*html {
	height: 100%; for footer stick
}	*/
body{
	background:#FFF;
	color:#000;
	font-family:Arial, sans-serif;
	font-size:70%;
/*	height: 100%; for footer stick*/
}
p{
	font-size:12px;
	line-height:1.3em;
	margin: 0 0 0.5em;
}
a{ color:#3684AB; }
a:hover{
	text-decoration:underline;
}
hr {
	color: #EEE;
	background-color: #EEE;
}
ol {
	list-style-position:inside;
}
code {
	font: 10px Courier, monospace;
	white-space: pre-wrap;
	background-color:#EEEEEE;
}
acronym a {
	border-bottom : 1px dashed #3684AB;
}
acronym a:hover {
	text-decoration: none;
}
/* clearing containers */
.clear:after,
#divvy_items:after, 
#item_info:after, 
#additional_features:after,
#account_nav:after,
#wizard:after
 {
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
	clear: both;
}
.clear, 
#divvy_items, 
#item_info, 
#additional_features,
#wizard
{
	overflow: hidden;
}
/* removed from normal clear list 
#header, #account_nav

*/
.clr {
	clear: both;
	height: 0px;
}
/* Structure */
#page_container {
	position: relative;
	padding-bottom: 10px;
}
* html #page_container {
}
#page_header {
	margin-bottom: 10px;
}
#page_footer {
	position: fixed;
	bottom: 0px;
	padding: 5px 0;
	z-index: 100;
	background-color: white;
	width: 100%;
	border-top: 1px solid #C0DAEC;
	color: rgb(54, 132, 171);
}
#header, #content, #footer, #nav {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	display: block; /* with 2 floats inside, safari shifts it to left*/
}
#content {
	padding-bottom: 9em;
}
#container {
	padding-bottom: 4em;
}
#content_login {
	padding-bottom: 0;
}
#content_views {
	clear:both;
	margin-top: 20px;
}
/* Typography */
h1.opening {
	font-size: 2.6em;
	text-align:center;
	min-width: 150px;
	margin: 80px auto -100px;
	color: #204B6E;
	display: block;
	position: relative;
}
h1.opening span.custom {
	background: url('/images/bg-owner-r.png') no-repeat top right;
	padding: 31px 37px 20px 0;
}
h1.opening span.custom span.side {
	background: url('/images/bg-owner-r.png') no-repeat top left;
	margin-top:-20px;
	height: 77px;
	padding: 31px 30px 25px 0;
	width: 70px;
	margin-left: -5px;
}
h1.opening span.welcome {
	position:absolute;
	font-size: .45em;
	color: #999;
	left: 50%;
	margin: -16px 0 0 -2.7em;
}
h1.brand {
	float: left;
	padding: 0;
	font-size: 1.3em;
	margin: 8px 0 0;
	max-width: 380px;
 	}
.powered a {
	background: url('/images/img-poweredby-sm.gif') no-repeat 100% 50%;
	float: left;
	height: 21px;
	padding: 0;
	font-size: 1.3em;
	margin: 6px 0 0 6px;
	text-indent: -1000em;
	width: 98px;
	z-index: 100;
}
h2 {
	font-size: 22px;
	padding: 4px 0 28px;
}
h2.registration {
	padding: 25px 0 20px
}
h2.poweredby {
	padding: 0;
	margin-top: 120px;
}
h2.poweredby a {
	display: block;
	text-indent: -1000em;
	font-size: 1px;
	height: 46px;
	width: 90px;
	margin: 15px auto 15px;
	background: url('/images/img-poweredbydivvy.gif') no-repeat;
}
h2.item_name {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0;
	margin: 25px 0 2px;
	clear:right;
}
h2.item_name span {
	font-size: .6em;
}
.page_start h2, h2.heading {
	padding-bottom: 0;
}
h2.heading span, h2.heading_alt span {
	color: #65AF16;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	color:#666;
	margin: 1em 0 .5em;	
}
h3.first {
	margin: 0 0 .5em;
}
h3.divvy_details {
	font-size: 1.0em;
	margin-top: 5px;
	max-width: 500px;
}
h3.job-title {
	font-size: 1.3em;
	font-weight: bold;
	color:#666;
	margin: 1em 0 .5em;	
	clear: both;
}
.guide h3, #wizard h3 {	
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 8px;
}
.guide h3 {
	font-size: 2em;
	color: #3684AB;
	font-weight: normal;
	text-align: center;
}
h3.title, li.title {
	font-weight: bold;
	font-size: 1.4em;
	color: #555;
	line-height: 1.5;
}
h3.title span {
	font-size:.76em; /*12px/15.68px(h3)=.76*/
	font-weight: normal; 
}
h3.sub_heading {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 7px;
	margin-bottom: 1em;
}
.welcome_message {
	padding: 15px;
	width: 928px;
	background-color:#E5F4D3;
	margin: 10px 0;
	font-size: 1.2em;
	font-weight: normal;
	border: 1px solid #CFEB87;
	height: 1%;
}
li.title span {
	color: #65AF16;
}
li.title span.out {
	color: #FF2A54;
}
.page_look h3.title {
	color: #000;
}
h3.first {
	padding-top: 0;
}
h3.subtitle {
	font-size: 1.0em;
	font-weight: normal;
	color: #666;
}
h3.title span.confirmation {
	font-size: 1em;
	font-weight: bold;
}
span.confirmation {
	color: #6FAF16;
}
h3.confirmation strong {
	color: #000;
}		
h3.username {
	border-bottom: 1px solid #D3D3D3;
}
.clearleft {
    clear: left;
}
#report_settings h4.title {
	padding-top: 10px;
	border-top: 1px solid #D3D3D3;
	margin-top: 3px;
}
#report_settings h4.first {
	padding-top: 0px;
	margin-top: 0;
	border-width: 0;
}
#report_data_table .tableview th {
	padding-left: 5px;
	padding-right: 5px;
}

h4 {
	font-weight:bold;
	font-size: 1.1em;
	padding: 5px 0 10px;
}
h4.details_heading {
	padding:10px 0 3px 0;
}
h4.icon32 {
	font-size: 1.2em;
	background: url('/images/sprite_32.gif') no-repeat;
	padding-left: 42px;
	margin-top: 1.5em;
}
h4.list_view {
	padding-left: 10px;
}
h5 {
	font-size: .9em;
}
.more_details {
	font-size: 1em;
	font-weight:bold;
}
#item_info .more_details {
	float: left;
	margin: 7px 10px 0 10px;
}
#stream {
	margin: 40px 0 0;
}
p.warning {
	font-weight: bold;
	color: #CD100E;
	margin: 1em 0 .8em;
}
p.icon32 {
	margin-left: 42px;
}
ul.icon32 {
	font-weight: bold;
	margin: 0 0 5px 42px;;
}
span.item_type {
	color: rgb(54, 132, 171);
}
p.loud {
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #333;
	font-size: 1.2em;
	line-height: 1.4;
	margin: 5px 0;
	padding: 10px;
	text-align: center;
}
p.loud a {
	font-size: 1.3em;
	text-decoration: underline;
}
.center {
	text-align: center;
}
/* Header */
#custom_logo_small {
	float:left;
	margin: 8px 8px 0 0;
}
#admin_settings, #my_account {
	position: absolute;
	z-index: 1000;
	border: 1px solid #D3D3D3;
	padding: 5px 8px;
	background-color: #F7F7F7;
	zoom: 1;
}
#search_container {
	position:absolute;
	z-index: 1000;
	zoom: 1;
}
/*li#search_link {
	position:relative;
}*/
#search {
	display:block;
	min-width: 245px;
	border: 1px solid #D3D3D3;
	padding: 5px 8px;
	background-color: #F7F7F7;
	margin-right: 200px;
	position:relative;
}
#search_container {
	margin-left: -200px;
}
#search h3 {
	margin-top: 0;
}
#search div {
	display: inline;
}
ul#admin_settings li, ul#my_account li {
	border-width: 0;
	padding: 0;
	float: none;
	margin: 0;
	font-size: 1em;
	line-height: 1.7;
}
#account_nav {
/*	background-color: #EEE; Remove until IE6 works*/
	float:right;
	padding: 0 8px;
}
#account_nav li {
	float:left;
	padding: 2px 2px 2px 12px;
	font-size: .9em;
	margin: 6px 0;
	border-left: 1px solid #DDD; 
}
#account_nav li.first {
	border-width: 0;
	padding-left: 0;
	padding-right: 10px;
}
#account_nav li.last {
	padding-right: 0;
}
#account_nav li.myAccount {
	position: relative;
}
#account_info {
	border: 1px solid #D3D3D3;
	padding: 5px;
	position: absolute;
	background-color: #FFFFFF;
	visibility:hidden;
}
#account_info li {
	float: none;
	font-weight: normal;
}
/* Navbar */
/*#nav_container {
	background: url('/images/bg-header.jpg') repeat-x;
}*/
#home_tab a {
	background: url('/images/bg-home.png') no-repeat;
	display:block;
	height: 40px;
	margin-top: 5px;
	position: absolute;
	text-indent: -1000em;
	width: 40px;
}
#home_tab a:hover {
	background-position: 0 -40px;
}

ul#nav {
	overflow: hidden;
	padding: 0;
	margin-bottom: 20px;
	background-color:#E0EFD0;
	position: relative;
/*	height: 61px;
	background: url('../images/bg-nav-divide.jpg') no-repeat 0 2px;*/
/*	width: 300px; allows univ nav to be clickable in Firefox 2.0 */	
}
#nav li {
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	margin: 8px 12px;	
	position: relative;
	
/*	background: url('../images/bg-nav-divide.jpg') no-repeat 100% 100%;*/
}
#nav li a {
/*	padding: 10px 12px 12px 33px;*/
	color:#65AF16;
	display: block;	
	padding: 3px 8px;
}
#nav li.current a {
	background-color: #FFF;
}	
#nav li.first {
	margin-left: 12px;
}
#nav li.current a {
	color: #000;
	text-decoration: none;
	cursor: default;
}
#nav li span {
	background-image: none;
}
#nav li.current span {
	background: url('/images/bg-nav-link-sprite.gif') no-repeat left top;
}
#nav li.current span.tr {
	background-position: right top;
	right: 0;
}
#nav li.current span.bl {
	background-position: left bottom;
	bottom: 0;
}
#nav li.current span.bl {
	background-position: left bottom;
	bottom: 0;
}
#nav li.current span.br {
	background-position: right bottom; 
	bottom: 0;
	right: 0;
}

#nav li#my_spaces a {
/*	background: url('/images/icon-spaces.gif') no-repeat 12px 50%;*/
}
#nav span {
	background: url('/images/bg-nav-sprite.gif') no-repeat top left;
	display: block;
	height: 8px;
	width: 8px;
	position:absolute;
}
#nav span.tr {
	background-position: right top;
	right: 0;
}
#nav span.bl {
	background-position: left bottom;
	bottom: 0;
}
#nav span.bl {
	background-position: left bottom;
	bottom: 0;
}
#nav span.br {
	background-position: right bottom; 
	bottom: 0;
	right: 0;
}
/* Item View Dropdown*/
#item_view {
	float:right;
	margin-top: 10px;
}
#item_view label {
	font-weight: bold;
}
#item_view input.button {
	padding: 0;
	margin:0 0 -3px 3px;
	vertical-align: text-bottom;
}
/* Divvy Item Tabs*/
#divvy_items {
	/*background: url('/images/tabs-bg.gif') repeat-x 0 100%;
	padding-bottom: 2px;*/
/*	margin-bottom: -1px;*/
        min-height: 2em;
        float:left;
}

#divvy_items li {
	float:left;
	font-size: .95em;
/*	padding: 4px 12px;*/
	margin: 0 1px 0 0;
	background: url('/images/tabs-divvy-R.gif') no-repeat 100% -104px;
	border-bottom: 1px solid #B9CCDC;
}
#divvy_items li a {
	display:block;
	background: url('/images/tabs-divvy-L.gif') no-repeat 0 -104px;
	padding: 8px 13px 6px;
}
#divvy_items li.selected {
	background: url('/images/tabs-divvy-R.gif') no-repeat 100% 0px;
	border-bottom: 1px solid #DBEBF4;
}
#divvy_items li.selected a {
	display:block;
	background: url('/images/tabs-divvy-L.gif') no-repeat 0px 0px;
	padding: 8px 13px 6px;
	color: #000;
	font-weight: bold;
}
.divvy_actions {
	overflow: hidden;
	margin: 5px 0 5px 0;
	float:right;
}
.divvy_actions li.divvy_action {
	float:right;
	background: none;
	border-width: 0;
	font-weight: normal;
	padding: 2px;
	margin-left: 12px;
}
.divvy_actions li.divvy_action a {
	background: url('/images/sprite-icons.png') no-repeat 0 -96px;
	font-weight: bold;
	padding: 1px 0 3px 18px;
	margin-top: 6px;
}

.divvy_actions li#tip a {
	background-position: 3px -234px;
	padding-left: 16px;
}

.divvy_actions li#add_user a {
	background: url('/images/sprite-icons.png') no-repeat 0 -74px;
	padding-left: 22px;
}
.divvy_actions li#memberships a {
	background: url('/images/sprite-icons.png') no-repeat 0 -359px;
	padding-left: 22px;
}
/*.divvy_actions li#tip a {
	background: url('/images/sprite-icons.png') no-repeat 0 -26px;
	padding-left: 13px;
}
.divvy_actions li#sort a {
	background: url('/images/sprite-icons.png') no-repeat 0 -51px;
	padding-left: 20px;
}
.divvy_actions li#group a {
	background: url('/images/sprite-icons.png') no-repeat 0 0;
	padding-left: 20px;
}*/
.divvy_actions li.divvy_action a.dropdown {
	background: url('/images/sprite-icons.png') no-repeat right -282px;
	padding-right: 21px;
	padding-left: 8px;
}
.divvy_actions li.divvy_action a.dropdown:hover {
	background-position: right -299px;
}
#more_options {
	background-color: #F7F7F7;
	border: 1px solid #CCC;
	margin-left: -81px;
	position: absolute;
	width: 150px;
	z-index: 10000;
}


#more_options li {
	border-top: 1px solid #CCC;
	padding: 0 3px 0 7px;
}
#more_options li a {
	background: url('/images/sprite_icons_gray.png') no-repeat 0 0;
	display: block;
	padding: 0 9px 4px 24px;
}
#more_options li.first {
	border-top: none;
}
ul#more_options li#group a {background-position: 0 -51px;}
ul#more_options li#edit_item a {background-position: 0 -144px;}
ul#more_options li#view_details a {background-position: 0 -276px;}
ul#more_options li#memberships a {background-position: 0 -351px;}

a#group    { padding: 0 9px 4px 16px; background: url('/images/sprite-icons.png') no-repeat 0 -51px; }
a#new_item { padding: 0 9px 4px 16px; background: url('/images/sprite-icons.png') no-repeat 0 -97px; }

/* Item details & Views*/
.item {
	background-color: #DBEBF4;
	clear:both;
	overflow:hidden;
	padding: 9px;
	border: 1px solid #B9CCDC;
	margin-top: -1px;
}
#item_info {
	padding: 0 0 8px;	
}	
.divvy_details {
	float: left;
}
.views {
	float: right;
}
/*.views dt, .views dd {
	float: left;
}
.views dt {
	margin: 7px 7px 0 0;
	font-size: .9em;
	font-weight:bold;
	color: #333;
}
.views dd { 
	text-indent: -1000em;
}
.views dd a { 
	background: url('/images/btn-views-admin.png') no-repeat;
	text-indent: -1000em;
	height: 28px;
	display: block;
}
.views dd.btn_my_reservations a {
	width: 106px;
}
.views dd.btn_all_reservations a {
	width: 102px;
	background-position: -106px 0;
}
.approve {
	background-color: #FFF;
}*/
/*.views dd.btn_cancelled a {
	width: 70px;
	background-position: -86px 0;
}*/
.views dd.btn_users a {
	width: 88px;
	background-position: -156px 0;
}
.views dd.btn_calendar a {
	width: 67px;
	background-position: -245px 0;
}
.views dd.btn_invite a {
	width: 84px;
	margin-left: 12px;
	background-position: -321px 0;
}
.views dd.btn_my_reservations a:hover {background-position: 0 -41px;}
.views dd.btn_all_reservations a:hover {background-position: -106px -41px;}
/*.views dd.btn_cancelled a:hover {background-position: -86px -41px;}*/
.views dd.btn_users a:hover {background-position: -156px -41px;}
.views dd.btn_calendar a:hover {background-position: -245px -41px;}
.views dd.btn_invite a:hover {background-position: -321px -41px;}


.views dd.btn_my_reservations a.selected {background-position: 0 -82px;}
.views dd.btn_all_reservations a.selected {background-position: -106px -82px;}
/*.views dd.btn_cancelled a.selected {background-position: -86px -82px;}*/
.views dd.btn_users a.selected {background-position: -156px -82px;}
.views dd.btn_calendar a.selected {background-position: -245px -82px;}
.views dd.btn_invite a.selected {background-position: -321px -82px;}

/* Calendar Settings */
#calendar_left {
	float:left;
	width: 730px;
	background-color: #FFF;
	border: solid #B9CCDC;
	border-width: 1px 1px 0 1px;
}

.calendar_block {
}
#calendar_header_canvas div {
	text-align: center;
}
#calendar_settings {
	background: #3684AB url('/images/bg-res-manager.png') no-repeat;
	margin: 8px 0 0 40px;
	padding: 8px 8px 0 8px;
/*	position:relative;*/

}
#calendar_settings_btm {
	background: url('/images/bg-res-manager.png') no-repeat 0 bottom;
	clear:both;
	height: 8px;
	margin-left: 40px;
}
#calendar_settings a {
	font-size: 1.0em;
	color: #DDEDFE;
	text-decoration: underline;
}
#calendar_settings a.dropdown {
	background: url('/images/bg-dropdown-white.gif') no-repeat right 5px;
	display:block;
	float:left;
	padding-right: 11px;
}
.calendar_chooser, .calendar_chooser_first {
	font-weight: bold;
	font-size: 1.0em;
	color: #FFF;
	padding-left: 10px;
}

.list_view {
	color:#000;
}
.calendar_chooser_first {
	padding-left: 0;
}
#availability_btn {
/*	position: absolute;
	right: 34px;
	bottom: 13px;*/
	float:left;
	margin-top: 8px;
}
.list_view .button {
	margin-left: 10px;
	margin-bottom: -6px;
}
.indicator {
/*	right: 10px;
	top: 12px;
	position: absolute;*/
}
#calendar_settings .indicator {
	position: inherit;
	margin-left: 5px;
	margin-top: 12px;
}
#timezone {
	color: #000;
	border-bottom: 1px dashed #000;
	cursor:pointer;
}
#admin_div {
	background: url('/images/bg-res-divider.gif') repeat-x;
	clear: both;
	margin: 9px 5px 0;	
	padding-top: 7px;
	width: 690px;
}
#repeat_div {
	background-color: #F7F7F7;
	border: 1px solid #D3D3D3;
	top: 33px;
	padding: 10px;
	position:absolute;
	width: 350px; /*size needed for IE */
	z-index: 5000;
/*	overflow:hidden;
	float:right;*/
}

.item_description {
	padding: 10px;
}

.recurrence_table {
	display: inline-block;
	cursor: pointer;
}

.recurrence_table td {
	padding: 2px;
	border: solid 1px gray;
}

#recurring {
	border: 8px solid red;
}
#repeat_div a {
	color: #3684AB;
}
#repeat_div label {
	color: #000;
}
#free_label {
	font-weight: bold;
	color: #FFF;
}
#res_builder_item {
	float:left;
	padding:0 10px 5px 5px;
	width:180px;
}
label.res_label {
	color: #F0FEC1;
	display:block;
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom: 5px;
}
label#selected_item {
	font-size: 1.2em;
	font-weight:normal;
	margin-right: 5px;
}

#item_details_link {
	margin-left: 10px;
}

.res_builder_section {
/*	border: 1px solid red;*/
	float:left;
	margin: 0 5px;
}
.res_builder_section label {
	color:#FFF;
}
.res_builder_section label.calendar_chooser, .res_builder_section label.calendar_chooser_first {
	display:block;
	padding-left: 0;
}
#res_builder_container {
	float:left;
	padding-left: 8px;
	position: relative;
	width: 625px;
}
#duration {
	position: relative;
}
#available_item_list {
	color: #FFF;
	margin-left: 209px;
/*	background: url('/images/bg-res-divider.gif') repeat-x;*/
/*	padding: 7px 0;*/
	width: 690px;
	margin-top: 10px
}
#adhoc_start_time_select {
	display:block;
}
#recurring_toggle {
	float:left;
	margin-top: 17px;
}
#ad-hoc-toggle {
}
p.disabled {
	background: url('../images/icon-disabled-blue.gif') no-repeat 0 50%;
	color: #FFF;
	margin: 11px 0 0 240px;
	padding-left: 18px;
}
/* ViewsBlock */
#viewing {
	border: 1px solid black;
}
.get_started, .guide {
	width: 450px;
	margin: 30px auto;
	padding: 15px;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #AAA;
}
.availability {
	padding: 10px;
	margin: 0 auto 10px;
	border: 1px solid #d3d3d3;
	background-color:#FFF;
	line-height: 1.7;
}
ul#key {
	margin-right: 209px;
	overflow: hidden;
	
}
ul#key li {
	font-size: .9em;
	float: right;
	color: #666;
	margin: 0 10px 5px 0;
	padding-left: 12px;
}
ul#key li.last {
	margin-right: 0;
}
ul#key li#never {background: url('../images/bg-key-never.gif') no-repeat 0 60%;}
ul#key li#reserved {background: url('../images/bg-key-reserved.gif') no-repeat 0 60%;}
ul#key li#available {background: url('../images/bg-key-available.gif') no-repeat 0 60%;}
ul#key li#partial {background: url('../images/bg-key-partial.gif') no-repeat 0 60%;}

/* Request Generator */
#request_gen {
	background-color: #DBEBF4;
	padding: 10px;
	border: 1px solid #B9CCDC;
	margin-top: 40px;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
}
#request_gen select, #request input {
	margin: 0 5px;
}

/* Legal */
body#legal, body#faq, body#about {
	background-color: #DBEBF4;
}
ul#legal {
	float: right;
}
ul#legal li {
	float: left;
}
.legal, .faq {
	width: 760px;
	padding: 20px;
	background-color: #FFF;
	margin: 10px auto;
	border: 1px solid #B9CCDC;
}
.legal ul li {
	list-style: none;
	padding: 8px;
}
.legal ol li {
	font-size: 12px;
}
.legal ol li p {
	margin-left: 18px;
}
ol.lettered li {
	list-style-type:lower-alpha;
	margin: 5px 18px 0;
}
ol.lettered li ul li {
	list-style-type:disc;
	margin: 5px 36px 0;
}
#legal h3, #faq h3, #about h3 {
	font-size: 1.1em;
	font-weight: bold;
}
#legal .policy {
	text-decoration: underline;
}
.people, .press {
	margin-bottom: 1em;
	overflow:hidden;
}
.people em {
	display:block;
	font-weight: bold;
	font-style: normal;
}
.people img {
	float:left;
	margin-right: 15px;
	width: 80px;
}
.people p {
	float:left;
	width: 550px;
}
.people p.no-img, .press p.no-img {
	margin-left: 95px;
}
.press em {
	display:block;
	font-weight: bold;
	font-style: normal;
}
.press img {
	float:left;
	margin-right: 15px;
	width: 200px;
}
.press p {
	float:left;
	width: 430px;
	padding-top: 25px;
}
/* Login */
div.opening {
/*	background: transparent url('/images/bg-opening.png') no-repeat 0 130px;*/

}
.login, #login_wide {
	background: url('/images/bg-login.png') no-repeat;
	padding: 25px 25px 0 25px;
	width: 330px; 
	color: #FFF;
	margin: 0 auto;
}
#login_wide {
	background: url('/images/bg-login-lrg.png') no-repeat;
	overflow:hidden;
	width:853px;
}
#login_section, #image_section {
	float:left;
	width: 400px;
}
#login_section {
	margin: 0 65px 0 45px;
	width: 330px;
}
#image_section img {
	border: 6px solid #FFF;
	display:block;
	height: 225px;
	margin: 0 auto;
	width: 330px;
}
#image_section h2 {
	text-align: center;
}
.login_btm {
	background: url('/images/bg-login.png') no-repeat left bottom;
	padding: 0 25px 25px 25px;
	width: 330px; 
	color: #FFF;
	margin: 0 auto 25px;
}
#login_wide_b {
	background: url('/images/bg-login-lrg.png') no-repeat left bottom;
	height: 30px;
	margin: 0 auto 20px;
	width:903px;
}
div.login .form_label, div#login_wide .form_label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}
.login_field {
	font-size: 1.4em;
	padding: 3px;
	width: 310px;
	border: 2px solid #999;
}
.login a, .login_btm a, #login_wide a {
	color: #ABD6F8;
	font-weight: bold;
}
.login li, #login_wide li {
	line-height: 1.5;
}
.login_button {
	float: right;
	margin-right: 11px;
}
.opening .login p.helptext, .opening .login_btm p.helptext {
	clear: both;
	font-size: 1.2em;
	margin: 0;
	padding-top: 15px;
	text-align: left;
}
.opening p.helptext {
	font-weight: bold;
}
#login_wide p.helptext {
	clear: both;
} 
#forgotpasswordform {
	width: 500px;
	margin: 180px auto 0;
}
.passwords {
	width: 500px;
	margin: 180px auto 0;
}
p#home {
	margin: 0 auto;
	text-align: center;
	width: 500px;
}
p#home, #calendar_link {
	font-size: 1.2em;
}
#calendar_link a {
	background: url('../images/sprite-icons.png') 0 -120px no-repeat;
	text-align: left;
	display:block;
	width: 215px;
	margin: 0 auto 20px;
	padding-left: 20px;
}
#custom_image {
	margin: 30px 0 -30px;
	text-align: center;
}
/* Registration*/
#registration p.step {
	font-weight: bold;
	width: 100%;
	border: none;
}
.tip {
	font-size: .9em;
	margin-left: 4px;
}
span.form_tip {
	border: 1px solid #D3D3D3;
	padding: 8px;
	width: 220px;
	font-size: .9em;
	position: absolute;
	margin-left: 5px;
}

/* Wizard */
#wizard_page, .editform {
	margin-top: 12px;
	overflow:hidden;
}
#wizard_primary, #form_primary {
	float:left;
	margin-right: 20px;
	width: 625px;
}
#wizard_primary.right_column {
	margin-left: 15px;
}
#form_primary {
	width: 688px;
}
#divvy_details .primary_col {
	background: url('/images/bg-page-form.jpg') no-repeat;
	margin-bottom: 20px;
	padding: 0 12px 12px 12px;
	width: 655px;
}
#wizard_form, #wizard_quick_form, #signup_form {
	border: 1px solid #C0DAEC;
	padding: 12px;
	margin-left: 186px;
	background: #F3F9FD;
	position: relative;
}

.wizard_left_column {
	float: left;
}

#wizard_quick_form, #signup_form {
	margin-left: 0;
}
#signup_form {
	margin-bottom: 20px;
}
#wizard_secondary, #form_secondary {
	width: 220px;
	float: left;
	background-color: #F7F7F7;
	border: 1px solid #CCC;
	padding: 0 15px 15px;
}
.wizard_left_column #wizard_secondary {
	float: none;
}

#wizard_secondary p#wizard_alt {
	background: url('/images/icon-wizard-sm.gif') no-repeat;
	padding: 0 0 15px 53px;
}
ul.wizard_step {
	float: left;
	margin-right: 20px;
	padding: 0;
	line-height: 2;
	width: 150px;
	background-color: #FFF;
}

ul.wizard_step li {
	background: url('/images/bg_checkbox.gif') no-repeat 0 30%;
	padding-left: 24px;
	font-size: 1.1em;
}
ul.wizard_step li.current {
	font-weight: bold;
}
ul.wizard_step li.checked {
	background: url('/images/bg_checkbox_checked.gif') no-repeat 0 30%;
}
.not_available {
	color: #99B9DA;
}
#required {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: .9em;
}
.question .required, #required .required, .wizard-label .required {
	color: #99B9DA;
	font-weight: bold;
	font-size: 1.4em;
	vertical-align: middle;
}
.wizard-label, #signup_form .form_label, #form_secondary .form_label, #wizard_form .wizard-label {
	display: block;
	margin-bottom: 2px;
}
#wizard_quick_form .wizard-label, #signup_form .form_label, #form_secondary .form_label, #wizard_form .wizard-label {
	font-weight:bold;
}
#wizard_form .form_field {
	width: 470px;
}
#wizard_form .form_help_text p {
	width: 250px;
}
.wizard-label-checkbox {
	display: inline;
}
label.question {
	padding-bottom: 4px;
	font-size: 12px;
}	
label.question span, .wizardHelp, #required, .required, #permissions .helper {
	color: #99B9DA;
}
.wizardHelp {
	margin: 15px 0 0;
	line-height: 1;
	font-size: 11px;
}
p.question {
	margin-bottom: 4px;
	}
.add {
	background: url('/images/btn-add.gif') no-repeat 0 50%;
	padding-left: 15px;
	margin-top: 6px;
}
.service {
	margin: 10px 0;
}
.service label.question {
	display: block;
}
#wizard_quick_navigation {
	margin: 20px 0 0 0;
	width: 600px;
}
#wizard_navigation {
/*	clear: both;*/
/*	float:right;*/
	margin: 20px 0 0 187px;
	width: 770px;
}
#wizard_navigation .wizard_back {
	float: left;
}
#wizard_navigation .wizard_next {
	float: right;
}
#wizard_navigation #finish {
	margin-left: 10px;
}
#wizard_details ul {
	border: 1px solid #D3D3D3;
	padding: 15px;
	line-height: 1.7;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}
#wizard_details ul li {
	font-weight: bold;
}
#wizard_details ul li span {
	font-weight: normal;
}
.additional_qs {
	border: 1px solid #B9CCDC;
	padding: 12px 12px 0 12px;
	background-color: #D9E6EE;
	margin-bottom: 20px;
}
.multiple_checkbox_container {
	overflow: hidden;
	padding: 5px 0 10px;
}
.multiple_checkbox_container p {
	margin: 0;
}
.multiple_checkbox_container label {
	margin: 0 0 0 4px;
}
.multiple_checkbox_container label span {
	margin: 0 5px 0 4px;
}
#bulk_question_link {
    color: red;
	font-size: 14px;
}
#reservations_days {
	width: 100%;
}
#reservations_days td {
	padding: 6px 0;
	border-bottom: 1px solid #D3D3D3;
}
#reservations_days thead {
	font-weight: bold;
}
#reservations_days td.day {
	padding-right: 15px;
	text-align: right;
	font-weight: bold;	
}
#reservations_days td.from {
	width: 125px;	
}
#reservations_days td.until {
	padding: 0 5px 0 5px;
}
span.form_btns {
	padding-top: 5px;
	display: block;
}
/*.availability_row td {
	background-color: #FFF;
}
span.available, span.unavailable {
	padding-left:5px;
}
span.available {
	color:#65AF16;
}
span.unavailable {
	color:#CD100E;
}
*/
#availability_builder {
	overflow:hidden;
	background-color: #EDF2F6;
	border: 1px solid #D3D3D3;
	padding: 10px;
	margin-bottom: 10px;
}
#availability_builder #add, #availability_builder #edit {
/*	float:right;*/
	border-top: 1px solid #D3D3D3;
	display:block;
	margin-bottom: 35px;
	padding-top: 12px;
}

.availability_option {
	float:left;
	border-right: 1px solid #D3D3D3;
	padding-right: 30px;
	margin-right: 30px;
	height: 170px;
	margin-bottom: 10px;
}
#availability_builder .last {
	border:none;
}
.availability_option p, #name_availability p {
	line-height: .8;
	font-size: 1em;
	margin-bottom: 5px;
}
.availability_option label {
	text-align:right;
	width: 25px;
	display:inline-block;
}
#schedule {
	border: 1px solid #D3D3D3;
	background-color: #FFF;
	padding: 5px 10px 10px;
	margin-top: 15px;
}
#name_availability {
	clear:both;
}
/* Divvy Details (after wizard) */
#divvy_details {
	overflow: hidden;
}
#divvy_details .primary {
	float:left;
	margin-right: 20px;
	width: 625px;
}
#divvy_details .details {
	width: 608px;
	border: none;
	padding: 0;
	font-size: 1.05em;
	line-height: 1.5;
}
 
/* Reservations & More from all.css */
#reservations tr td, #users tr td {
}
.
le-block #users tr td.align_left {
	text-align: left;
	padding: 0 0 0 4px;
}
.row:after, .wrapper:after {
	display:block;
	content: '.';
	height: 0;
	clear: both;	
	visibility: hidden;
}
.row, .wrapper  {
	overflow: hidden;
	display:inline-block;
}
.expanded_row {
	margin: 0 19px 15px 5px;
	text-align: left;
}
.reservation_details #extendreservationform {
	border: 1px solid #d3d3d3;
	overflow:hidden;
	padding: 10px;
}
.reservation_details #extend ul.order_details {
	width: 906px;
}
.reservation_details #extend ul.order_details span.col1 {
	width: 856px;
}
.order_details {
	width: 900px;
}
.order_details li {
	float:left;
	margin-right: 20px;
}
.order_details li.first {
	margin-right: 3px;
}
#reservation .row {
	width:  270px;
	font-size: 1.1em;
	line-height: 1.5;
        display: block;
}
/* use this style for li change */
#reservation .label {
	float: left;
	text-align: right;
	width: 100px;
	padding-right: 4px;
	color: #000;	
	font-weight: bold;
}
.reservation_details p {
	display: block;
	margin: 0;
	padding-bottom: 3px;
	font-weight: bold;
	width: 660px;
}
.reservation_details p.explanatory {
	display: block;
	margin: 0;
	padding-bottom: 3px;
	font-weight: normal;
	font-style: italic;
}
.reservation_details p.reservation-message {
	font-weight: normal;
	margin-bottom: 15px;
	padding: 5px 0 10px;
}
.reservation_details form {
	display: block;
}
.reservation_details form p, .reservation p {
}
.reservation_details h4 {
	margin-top: 15px;
}
#admin_res h3 {
	font-weight: bold;
	margin-bottom: 10px;
}
#admin_res input[type="submit"] {
}
#reservation_confirmation {
	background: #FFF url('../images/bg_carBack.gif') no-repeat bottom right;
	margin: 0 12px 18px;
	border: 1px solid #5C9C9C;
	padding: 5px 20px 30px;
}
.res_details, #admin_res {
	border: 1px solid #D3D3D3;
	padding: 8px;
	text-align: left;
}
p.mid_box {
	padding-top: 50px;
}
.res_options {
	overflow:hidden;
}
.res_options li {
	float: left;
	padding: 0 8px 0 0;
}
.res_options li.last {
	border-left: 1px solid #D3D3D3;
	padding: 0 0 0 8px;
}
.big_gap {
	margin-left: 20px;
}
.checkbox {
	float: left;
	margin-right: 3px;
}
.top_design {
	background: url('../images/bg_topGradient.gif') repeat-x;
	border: solid #5C9C9C;
	border-width: 1px 1px 0 1px;
	margin: 18px 12px 0;
	height: 22px;
}
/*.notification_box {
	margin: 20px 0;
}
.notification_box_grn {
	background: url('../images/bg_notification_grn.gif') no-repeat;
	padding: 4px 10px 12px;
	width: 305px;
	margin: 20px;
}

.notification_box h3 {
	font-size: 1.6em;
}
.notification_box p {
	font-size: 1.2em;
	line-height: 1.5;
	position: relative;
}*/
strong.cancel {
	color: #FF0000;
}
h3.nolink {
	font-size: 1.4em;
	color: #333;
}
.money {
	font-size: 2em;
	color: #333;
}
#messages {
	width: 960px;
	margin: 7px auto;
	text-align: center;
}
body#login #messages .notice, body#login #messages .errors {
	margin: 30px 0 0;
}

.notice {
	padding: 5px 0;
	width: 960px;
	background-color:#E5F4D3;
	margin: 0 0 10px 0;
	font-weight: bold;
	border: 1px solid #CFEB87;
	height: 1%;
}

.error {
	color: #FF2A54;
	padding-bottom: 5px;
}
.errors {
	padding: 5px;
	border: 1px solid #FF2A54;
	color: #FF2A54;
	margin: 0 10px;
	font-weight: bold;
}
.paypal-nag {
	text-align: center;
	padding: 14px 9px 8px;
	background-color: #F7F7F7;
	border: 1px solid #CCC;
	color: #FF2A54;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.fieldWithErrors {
	display: inline-block;
}
.fieldWithErrors input {
  padding: 3px;
  display: inline;
	border: 1px solid #FF0000;
}
.btns .fieldWithErrors {
	background-color: transparent;
}
.disable:hover {
	cursor:default;
}
#errorExplanation {
/*  border: 2px solid red; */
  padding: 8px;
  margin-bottom: 20px;
  background-color: #FCF0EC;
  border: 2px solid #FF0000;
}
#errorExplanation ul li {
	list-style-type:disc;
	list-style-position:inside;
	font-weight: bold;
	text-indent: 10px;
}
.info-popup #errorExplanation {
	border: 0;
	background-color:transparent;
	padding: 0;
	margin-bottom:0;									/*new*/
}

#errorExplanation h2 {
  text-align: left;
  padding: 5px 5px 15px 12px;
  font-size: 12px;
  margin: -7px;
  font-size: 1.5em;
  color: #FF0000;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  text-align: left;
}

#errorExplanation ul li {
  font-size: 12px;
	padding: 3px 8px 3px 0;
  text-align: left;
}

/*Forms - Generic*/
div.form {
	margin-bottom: 15px;
	overflow:hidden;
}
.form_label {
	display: block;
}
.form_field {
	float:left;
	width: 365px;
}
.form_help_text p {
	color: #666;
	float:left;
	font-size: .9em;
	margin-left: 20px;
	width: 200px;
}
.form_help_text_notes p {
	color: #666;
	float:left;
	font-size: .9em;
}
.primary_form {
	width: 625px;
	background: url('/images/bg-page-form.jpg') no-repeat #F3F9FD;
	padding: 12px;
}
.primary_form label {
	font-weight: bold;
}
/*Footer */
#footer ul {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
#footer li {
	display: inline;
	color: #3684AB;
	padding: 0 12px 0 14px;
	border-left: 1px solid #DDD; 
}
#footer li.first {
	border-left: 0;
}
/*Spaces */
table#spaces th {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0 5px;
}
div#spaces ol li {
	padding: 4px 0;
}
div#spaces ul.settings li {
	padding: 2px 0 2px 19px;
}
div#spaces ul li.rule {
	margin-left: 19px; 
}
div#spaces ul li.rule, ul li.rule {
	background: url('/images/icon-arrow.gif') no-repeat 0 50%;
	padding: 3px 0 3px 14px;
	font-size: 12px;
	zoom: 1; /* IE ALL fix */
}	
tr.space td {
	border-top: 1px solid #D3D3D3;
	padding: 3px 0;
	font-size: 1.1em;
}	
.table_subdomain {
	width: 30%;
}
.table_subdomain span {
	color:#999;
}
.table_name {
	width: 30%;
}
.table_divvy {
	width: 30%;
}
#spaces p {
	margin-bottom: 20px;
}
#spaces label {
	font-weight: bold;
}
/* Divvy Details */
ul.details {
	line-height: 1.2;
	font-size: 1.1em;
	color: #333;
	margin-top: 3px;
	padding: 5px 0 8px 0;
	border-bottom: 1px solid #D3D3D3;
	overflow: hidden;
}
#users ul.details li {
	width: 610px;
	padding: 4px 0;
	clear: both;
}
ul.details li {
	overflow: hidden;
	padding: 2px 0;	
}
ul.details li span.col1 {
	float:left;
	width: 175px;
	text-align:right;
	font-weight: normal;
	padding-right: 3px;
	color: #666;
}
ul.details li span.col2 {
	float:right;
	width: 425px;
	text-align:left;
	font-weight: normal;
	padding-right: 3px;
	font-weight: bold;
}
ul.details li span.col2 span.cost {
	font-weight: normal;
}
/*because its possible fields have a variable amount of characters
the #viewprofile, #spaces li's need to be different than the rest of the site.*/
.reservation_details ul.details li span.col1 {width: 300px;}
.reservation_details ul.details li span.col2 {width: 352px;}
#viewprofile ul.details li span.col1 {width: 300px;}
#viewprofile ul.details li span.col2 {width: 564px;}

#viewprofile ul.details, #spaces ul.details {
	border-bottom: 0;
}
#spaces ul.details li {
	font-weight: normal;
}
 #spaces ul.details span {
	float: none;
	width:auto;
	text-align: left;
	font-weight: bold;
	color: #333;
}
#viewprofile ul.details li span {
		width: 200px;	
}
.reservation_details ul.details {
	background-color: #F3F9FD;
	border: 1px solid #C0DAEC;
	width: 660px;
	margin-bottom: 30px;
}
#res_information, #res_col1 {
	float:left;		
	width: 660px;
}
#res_col2 {
	float:left;
	margin-left: 30px;
	width: 240px;
}
#detail_controls {
	overflow: hidden;
	margin-top: 20px;
}
#detail_controls li, span.edit {
	float: left;
	padding: 0 8px;
	font-size: 1.2em;
}
#detail_controls li.first {
	border-width: 0;
	padding-left: 0;
}
#detail_controls li.second {
	border-width: 0;
	padding-left: 8;
}
span.edit {
	border-right: 1px solid #D3D3D3;
	border-left: 0;
	padding-left: 0;
}
#detail_controls li.finish {
	float: right;
	border-width: 0;
}
table#availability {
	border: 1px solid #B9CCDC;
	width: 305px;
	margin-top: 8px;
}
table#availability thead td {
	background: #3684AB url('/images/bg-calendar-settings.jpg') repeat-x 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	padding: 5px 8px;
}
table#availability td {
	padding: 5px 8px;
	border-bottom: 1px solid #D3D3D3;
}
table#availability td.day {
	color: #666;
	padding-right: 100px;
}
#docs {background: url('/images/icon-docs.gif') no-repeat 0 50%;} 
#warning {background: url('/images/icon-warning.gif') no-repeat 0 50%;} 
#questions {background: url('/images/icon-question.gif') no-repeat 0 50%;} 

/* Details Links/Actions Column */
#details #wizard_secondary {
	margin-bottom: 10px;
	padding: 0;
	width: 252px;
}
ul#item_actions li {
	border-top: 1px solid #CCC;
	font-size: 1.1em;
	padding: 3px 3px 3px 7px;
}
ul#item_actions li a {
	background: url('/images/sprite_icons_gray.png') no-repeat 0 0;
	display: block;
	padding: 4px 9px 4px 24px;
}
ul#item_actions li.first {
	border-top: none;
}
ul#item_actions li#view_calendar a {background-position: 0 -116px;}
ul#item_actions li#invite_users a {background-position: 0 -69px;}
ul#item_actions li#new_item a {background-position: 0 -92px;}
ul#item_actions li#edit_item a {background-position: 0 -140px;}
ul#item_actions li#delete_item a {background-position: 0 -162px;}
ul#item_actions li#enable_item a.disable {background-position: 0 -183px;}
ul#item_actions li#enable_item a.enable {background-position: 0 -250px;}
ul#item_actions li#approve_all a {background-position: 0 -206px;}
ul#item_actions li#price_overrides a {background-position: 2px -228px;}
ul#item_actions li#quotas a {background-position: 0 -368px;}
ul#item_actions li#users a {background-position: 0 -346px;}

/* Invitations */


/* Classes  - Generic */
.back_to {
	background: url('/images/btn-back-manager.gif') no-repeat;
	width: 223px;
	height: 30px;
	display: block;
	text-indent: -1000em;
	font-size: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
.page_look {
	width: 930px;
	background: url('/images/bg-page-look.jpg') no-repeat;
	overflow: hidden;
	padding: 10px 15px;
}

#col1 {
	float:left;
	width: 550px;
}
#col2 {
	float:left;
	width: 305px;
	margin-left: 15px;
}
.col1_550 {width:550px;}

.widget {
	overflow:hidden;
}
.widget .col1 {
	float:left; 
	width: 550px;
}
.widget .col2 {
	float:right;
	width:255px;
	border: 1px solid #CCC;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
}
.icon {
	margin-top: 15px;
	padding: 4px 0 4px 20px;
}
tr.odd {
	background-color: #F1F1F1;
}

tr.even {
	background-color: white;
}
.item .transaction_table {
	margin-top: 0;
	background-color: #FFF;
}
.transaction_table {
	width: 960px;
}
.item .transaction_table {
	width: 940px;
}
.page_look .transaction_table {
	width: 928px;
}
.transaction_table tr {
	border-bottom: 1px solid #D3D3D3;
}
.transaction_table tr td {
	border: 1px solid #D3D3D3;
}
.transaction_table th {
	padding: 4px 5px;	
}
.transaction_table th:first-child {
 	padding-left: 5px;
}
.transaction_table th:last-child {
 	padding-right: 5px;
}
.transaction_table td {
	padding: 8px 5px;
 	border-right: solid 1px rgb(185, 204, 220);
}
.transaction_table td:last-child {
 	border-right: none;
}
.transaction_table th.number {
	padding-right: 5px;
	white-space: normal;
}
.transaction_table .number {
	text-align: right;
	white-space: nowrap;
}
li.additional {
	line-height: 1.6;
	background: url('/images/icon-item.gif') no-repeat 20px 50%;
	padding-left: 28px;
}
#wizard_form .edit_this a, #wizard_form .delete_this a, #wizard_form .edit_answers a {
	font-size: 1em;
}
.add_this a { 
	font-size: 1.0em; 
	background: url('/images/btn-add.gif') no-repeat 0 50%;
	padding-left: 16px;
}
.edit_this a {
	background: url('/images/icon-edit.gif') no-repeat;
	padding-left: 16px;
}
.edit_answers a {
	background: url('/images/icon-edit.gif') no-repeat;
	padding-left: 16px;
}
.delete_this a, a.delete_this {
	background: url('/images/icon-delete.gif') no-repeat;
	padding-left: 15px;
}
.view_this a {
	background: url('/images/icon-view.gif') no-repeat;
	padding-left: 14px;
}
.answers_container {
	margin-left: 30px;
}
.answers_container .answers_label {
	font-weight: bold;
	margin-bottom: 5px;
}
.answers_container ul {
	list-style: disc outside;
	margin-left: 18px;
	margin-bottom: 5px;
}
.multiple_fields, .multiple_fields_last {
	overflow: hidden;
}
.multiple_fields_last {
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
span.field {
	float: left;
	width: 275px;
}
p.sidenote {
	border: 1px solid #B9CCDC;
	background-color: #FFF;
	padding: 10px;
}
.close_this {
	background: url('/images/sprite_icons_gray.png') no-repeat 0 -301px;
	display:block;
	height: 10px;
	position: absolute;
	text-indent: -1000em;
	top: 10px;
	right: 8px;
	width: 8px;
}
.close_this:hover {
	background-position: 0 -319px;
}
div.popup_liner {
	position: relative;
}
p.empty {
	color: #999;
	font-size: .92em;
	margin:0;
	text-align: center;
}
.dropdown {
	background: url('/images/sprite-icons.png') no-repeat right -282px;
	padding-right: 21px;
}
.dropdown:hover {
	background-position: right -299px;
}
a.tweet_this {
	background: url('/images/sprite-icons.png') no-repeat left -318px;
	padding-left: 20px;
}
/* Users */
#user_type {
	float: right;
}
.account_col li, .admin_col li, .actions_col li, .numeric li {
	float: left;
	padding: 0px 6px;
	border-left: 1px solid #D3D3D3;
}
.account_col li.first, .admin_col li.first, .actions_col li.first, .numeric li.first {
	padding-left: 0;
	border-width: 0;
}
.numeric {
	width: 58px;
}
.actions_col li.last {
	float: right;
	border-width: 0;	
}
.numeric li.last {
	text-align: right;
	float: right;
	padding-right: 0;
	border-width: 0;
}
th.last {
	text-align: right;
}
#user_table td, #reservations td {
	padding: 8px 5px;
}
.actions_col .permissions_btn  {
	background: url('../images/btn-warning-R.gif') no-repeat top right;
	display: block;
    float: left;
    height: 17px;
    padding-right: 10px;
	padding-left: 0;
	margin: -1px 0 0 4px;
}
.actions_col .permissions_btn a {
	background: url('../images/btn-warning-L.gif') no-repeat;
	display: block;
    padding: 2px 0 2px 18px;
	margin-left: -4px;
	font-weight: bold;
	color: #CD100E;
	font-size: .9em;
}
#permissions label {
	margin-right: 8px;
}
#permissions div.permissions_errors {
	margin: 0px 0px 10px 0px;
	color: red;
}

.user_admin_btns {
	float: right;
	margin-top: 18px;
}

.user_admin_btns div {
	float: right;
	margin-left: 10px;
}
.extended_block .user_admin_btns {
	overflow: hidden;
	float:none;
}
.extended_block .user_admin_btns div {
	float:left;
	margin-left: 0;
	margin-right: 10px;
}
/*#debit_credit_table {
	border: 1px solid #CCC;
}*/
#debit_credit_table tbody {
	border: none;
}
.debit_credit {
	border: 1px solid #CCC;
	background-color: #F1F1F1;
	margin: 0 5px 10px 0;
	padding: 10px;
}
.debit_credit div.label, .debit_credit div.element {
	display: inline;
}
.debit_credit div.expanded_row div.label {
	margin-left: 7px;
}
.debit_credit div.expanded_row div.radio {
	margin-left: 0;
	margin-right: 15px;
}
.debit_credit div.debit_credit_errors {
	margin: 0px 0px 10px 0px;
	color: red;
}
#reservations .extend {
	margin: 0 5px 0 0;
}
#extend div.extend_errors {
	margin: 0px 0px 10px 0px;
	color: red;
}
#extend ul.expanded_row {
	margin-left: 0;
}
#extend ul li {
	display: inline;
}
#extend p.note {
	display: block;
	color: red;
}
#extend ul.order_details {
	width: 880px;
	overflow: hidden;
}
#extend ul.order_details li span.col1 {
	font-weight: normal;
	padding-right: 3px;
	color: #666;
}
#extend ul.order_details li span.col2 {
	font-weight: normal;
	padding-right: 3px;
	font-weight: bold;
}
ul.manage_options {
	overflow:hidden;
	margin-bottom: 15px;
}
ul.manage_options li {
	border-right: 1px solid #CCC;
	float:left;
	font-weight:bold;
	margin: 0;
	padding: 0 10px;
}
ul.manage_options li a, 
ul.manage_options li .divvy a, 
ul.manage_options li .price a {
	background: url('../images/sprite-icons.png') 0 -429px no-repeat;
	padding-left: 18px;	
}
ul.manage_options li a.sort {background-position: 0 -51px;}
ul.manage_options li a.add {background-position: 0 -98px;}
ul.manage_options li a.discount, ul.manage_options li a.price, ul.manage_options li .price a  {background-position: 0 -234px; padding-left:14px;}
ul.manage_options li a.quota {background-position: 0 -458px;}
ul.manage_options li a.membership {background-position: 0 -360px; padding-left:22px;}
ul.manage_options li a.role {background-position: 0 -486px; padding-left:22px;}
ul.manage_options li a.edit_this {background-position: 0 -145px;}
ul.manage_options li a.delete_this {background-position: 0 -167px; padding-left:16px;}
ul.manage_options li a.manage {background-position: 0 0; padding-left:22px;}
ul.manage_options li .divvy a {background-position: 0 -513px; padding-left: 16px;}
ul.manage_options li a.password {background-position: 0 -544px; padding-left: 16px;}
ul.manage_options li a.email {background-position: 0 -341px; padding-left: 22px;}

ul.manage_options li:first-child {
	padding-left: 0;
}
ul.manage_options li:last-child, ul.manage_options li.last {
	border-right:none;
}
.manage_options .last {
	border-right: none;
}
li span.back {
	background: url('../images/sprite-icons.png') 0 -429px no-repeat;
	padding-left: 20px;
}
ul.permissions {
	overflow:hidden;
}
ul.permissions li {
	float:left;
	margin-right:10px;
	width: 270px;
}
.extended_block {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 8px;
	padding:8px;	
}
/* Balance & Reservations */
p.balance {
	float: left;
	margin: 8px 0;
}
p.balance strong {
	line-height: 1.5;
}
#final_balance {
	float: right;
	padding: 5px;
}
.payment {
    float: right;
}
#final_payment {
	clear: right;
	float: right;
}
.payment p {
	margin: 0;
	text-align: right;
}
.paypal {
	margin-top: 5px;
}
/*.transactions, .reservations {
	width: 100%;	
	border: 1px solid #1A375A;
}*/
/*item #reservations {
	border: none;
}*/
.reservation_details ul.lineup .element_l {
	float: left;
	text-align:right;
	float: left;
	width: 2.6em;
	margin: 0 3px 0 0;
	font-weight: bold;
}
.reservation_details ul.lineup .element_r {
	float: none;
}
.even {
    background: #fefefe;
}
tr.tableview th {
	padding: 4px 0 4px 5px;
	background: #183355 url('/images/bg-calendar-settings.jpg');	
	color: #FFF;
	font-weight: bold;
}

tr.tableview th a {
	color: white;
}

table.transactions td {
	padding: 6px 0;
}
tr.tableview th.first, .transactions td.first {
	padding-left: 5px;
	border-left: 1px solid #D3D3D3;
}
tr.tableview th.last, .transactions td.last {
	padding-right: 5px;
	text-align: right;
}
.reservations th {
    background-color:#D3D3D3;
	color: #000;
	font-size: 1.1em;
	border-bottom: 1px solid #878787;
}
.reservations table {
    height: 20px;
}
tr.color {
	background-color: #F1F1F1;
	border-top: 1px solid #E2E2E2;
}
.unavailable {
	color: #CCC;
}
/* Invitations */
#email_list {
	border: 1px solid #D3D3D3;
	width: 500px;
	padding: 10px;
}
#email_list li {
	padding: 5px;
}
.btn_block {
	width: 520px;
	padding-top: 12px;
	overflow: hidden;
}
.btn_block input {
	float: right;
}	
.invite_label {
	font-size: 1.1em;
}
.no_invites {
	color: #AAA;
	line-height: 2.4;
}

/*css for invitations page */
.social_networks {
    width: 132px;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}

/* css for subscriptions */

 #subscriptions_settings {
	border: 1px solid #B9CCDC;
	background-color: #FFF;
	padding: 15px;
	margin: 5px 0;
}
#subscriptions_settings div.submit {
	text-align: right;
}
#subscriptions_settings label.first {
	padding-left: 0;
}
#subscriptions_settings label {
	padding-left: 5px;
}
.subscription {
    border-color: #D3D3D3;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	float: left;
	margin-right: 10px;
}

/* CSS for reports */

 #report_settings {
	border: 1px solid #B9CCDC;
	background-color: #FFF;
	padding: 15px;
	margin: 5px 0;
}
#report_settings div.submit {
	text-align: right;
}
#report_settings label.first {
	padding-left: 0;
}
#report_settings label {
	padding-left: 5px;
}
#report_settings p.first {
	padding-left: 0;
	margin: 6px 0;
}
tr.summary td {
	padding: 12px 5px;
	font-weight: bold;
	border-top: 2px solid #D3D3D3
}
.toggle_link {
	clear:both;
	padding: 10px 0 10px;
}

#thankyou {
	width: 400px;
	padding: 25px;
	border: solid 1px #D3D3D3;
	background-color: white;
	font-size: 2em;
	color: #3684AB;
	line-height: 1.6;
	margin: 0 auto;
	margin-top: 100px;
	text-align: center;
}
#thankyou span {
	color: #666;
	font-size: .8em;
}
.feedback_tab {
	display:block;
	width:110px;
	height:30px;
	background:url(../images/feedback-both.png) no-repeat;
	z-index: 100;
	float: left;
	}
.feedback_tab:hover {
	background-position: 0 -33px;
	}
#feedback_outer {
	margin: 0 auto 24px;
	position: absolute;
	bottom: 1px;
	z-index: 91;
	right:50%;
	margin-right: -479px;
}	
#feedback {
	position:absolute;
	width:353px;
	height:430px;
	bottom:0;
	background:url(../images/feedback_balloon.png) no-repeat;
	z-index:10000;
	margin: -495px 0 0 0;
	font-family:Lucida Grande, Lucida Sans Unicode;
	font-size:12px;
	color:#bd8140;
	line-height:17px;
	right: 0;
	
	}
#feedback_frame {
	display: none;
}
	
.feedback_lining {
	padding:49px 0 0 46px;
	position: relative;
	}
	
.feedback_close {
	display:block;
	width:14px;
	height:14px;
	position:absolute;
	top:9px;
	right:26px;
	background:url(../images/feedback_close_off.png) no-repeat;
	}
	
.feedback_close:hover {
	background:url(../images/feedback_close_on.png) no-repeat;
	}



.feedback_field {
	width:255px;
	height:20px;
	border:1px solid #edd292;
	background-image:url(../images/bg_field.gif);
	background-repeat:repeat-x;
	font-family:Lucida Grande, Lucida Sans Unicode;
	font-size:14px;
	color:#666;
	padding:4px 0px 0px 2px;
	}

.feedback_jumpmenu {
	width:259px;
	height:28px;
	border:1px solid #edd292;
	background-image:url(../images/bg_field.gif);
	background-repeat:repeat-x;
	font-family:Lucida Grande, Lucida Sans Unicode;
	font-size:14px;
	color:#666;
	padding:4px 0px 0px 2px;
	}

.feedback_textarea {
	width:249px;
	height:97px;
	overflow:auto;
	border:1px solid #edd292;
	background-color:#FFF;
	background-image:url(../images/bg_field.gif);
	background-repeat:repeat-x;
	font-family:Lucida Grande, Lucida Sans Unicode;
	font-size:12px;
	color:#666;
	line-height:20px;
	padding:6px 0px 0px 8px;
	}
	
.feedback_submit {
	display:block;
	width:90px;
	height:26px;
	float:right;
	margin-right:49px;
	background-image:url(../images/button_feedback_send_off.png);
	}
	
.feedback_submit:hover {
	background-image:url(../images/button_feedback_send_on.png);
	}	
 	

.gray {
	color: #AAA;
}


/* Demo Page */
#example {
	margin: 105px auto 0;
}
/* css for user table... assuming dustin may want to roll these up with other styles above, this is just the bare minimum to get the table presentable */

/*#user_table {
	width: 100%;
}

#user_table th, #user_table td {
	padding: 10px;
}

#user_table th {
	font-weight: bold;
	text-align: center;
}

#user_table ul {
	display: inline;
	float: right;
}

#user_table li {
	display: inline;
	padding-left: 10px;
}

#user_table td.numeric {
	text-align: right;
}

#user_table form div {
	display: inline;
}

#user_table {
	border: solid 1px gray;
}

#user_table th {
	background-color: gray;
}
*/
/*
#user_table tr.permissions td {
	padding-left: 20px;
	padding-top: 0px;
}

#user_table div.permissions_errors {
	color: red;
	display: block;
	padding-bottom: 5px;
}*/
/*Tab Sorting */
li.tab {
	font-size: 1.4em;
	overflow: hidden;
	margin: 0 0 8px;
	border-bottom: 1px solid #D3D3D3;
	line-height: 1.5;
}
.move_title {
	float: left;
	margin: 0 10px 0 10px;
	min-width: 630px;
}
#default_group .move_title {
	float: left;
	margin: 0 10px 0 0;
}
.move_description {
	font-size: .78em;
	float: left;
}
.move_up a, .move_down a {
	background: url('../images/icon-sortUp.gif') no-repeat 0 50%;
	display:block;
	width:16px;
	height: 16px;
	float: left;
	text-indent: -1000em;
	padding: 5px 0;
}
.move_down a {
	background: url('../images/icon-sortDown.gif') no-repeat 0 50%;
	margin-left: 5px;
}
.buttons_row {
	margin-top: 30px;
}

.tab input, .tab img, .tab select {
	vertical-align: middle;
}

#new_group_form, #add_item_form {
	padding-bottom: 8px;
}

#errors_for_new_group {
	color: red;
	font-size: 0.78em;
}

.update {
	margin-left: 5px;
}
span#all_items {
	padding-left: 48px;
}
span#all_items span {
	color: #666;
	font-size: .75em;
}
span#add_item {
	display: inline-block;
	width: 90px;
}
/* Reservation Cart */
#cart_container {
	background-color: #FFF;
	border: 1px solid #D3D3D3;
	float: right;
	padding: 8px;
	width: 182px;
	z-index: 0;
	border-radius: 6px;  
	-khtml-border-radius: 6px;  
	-moz-border-radius: 6px;  
	-webkit-border-radius: 6px;
}
#cart_container.long_cart {
	max-height: 407px;	
}
#cart_container.short_cart {
	max-height: 263px;	
}
#cart_container h3 {
	font-size: 1.1em;
	font-weight:normal;
	margin: 0 0 5px;
}
h3#my_cart {
	background: url('/images/sprite-icons.png') no-repeat 0 -257px;
	color:#6FAF16;
	padding-left: 22px;
}
#new_reservation, #reservation_cart, .reservation_messaging {
	background-color: #F7F7F7;
	border: 1px solid #CCC;
	margin-bottom: 8px;
	padding: 5px;
}
#new_reservation p.available {
	color:#65AF16;
	font-weight:bold;
}
#new_reservation ul {
	margin: 2px 0;
	color: red;
}
#new_reservation .buttons {
	padding: 5px 0;
	overflow: hidden;
}
#new_reservation .buttons input {
	float: left;
	margin-right: 8px;
}
#new_reservation #admin_reservation {
	margin-top: 15px;
}
#new_reservation tr, #new_reservation td, #new_reservation table, #new_reservation tbody {
	border: none;
}
#new_reservation table td {
	text-align: left;
}
#reservation_cart .buttons div {
	display: inline;
}
#cost_breakdown {
	border-top:1px solid #CCC;
	margin: 8px 0;
	padding-top: 5px;
}

/*#cost_breakdown span.col1 {
	display: block;
	float: left;
	text-align:right;
	width: 100px;
}*/
#cost_breakdown span.col2 {
	font-weight: bold;
}
#cost_breakdown li {
	font-size: .92em;
	text-align:right;
}
#cart .cart_details {
	background-color: #EEE;
	border: 1px solid #D3D3D3;
	margin-bottom:5px;
	padding: 5px;
}
.cart_item {
	margin-bottom: 10px;
}
.cart_item a {
	border-bottom: 1px dashed #CCC;
	display: block;
	padding-bottom: 5px;
	text-align: right;
}
#reservation_cart p {
	font-size: .92em;
}
.divvy_cart_details {
	font-size: .95em;
	margin-top: 4px;
}
span.divvy_title {
	font-weight: bold;
}
#image_view {
	background-color:#FFF;
	border: 1px solid #D3D3D3;
	float:right;
	margin-top: 7px;
	padding: 8px 6px;
	text-align: center;
	width: 186px;
	border-radius: 6px;  
	-khtml-border-radius: 6px;  
	-moz-border-radius: 6px;  
	-webkit-border-radius: 6px;
}
#divvy_details #img_view_med, #reservation #img_view_med, #res_col2 #img_view_med {
	border: 1px solid #D9D9D9;
	background-color: #FFF;
	float:right;
	margin-top: 3px;
	padding: 6px;
	width: 240px;
}
#img_view_lrg {
	border: 1px solid #D9D9D9;
	background-color: #FFF;
	padding: 6px;
	width: 400px;
}
#no_paypal {
	background-color: #FFF;
	border: 1px solid #CCC;
	color:#666;
	font-size:.85em;
	margin-bottom: 8px;
	padding: 5px;
}
/* List view */
#list_block .even {
	background-color: #F1F1F1;
}
div.list_view {
	color:#000;
	background-color: #FFF;
	border-bottom: 1px solid #D7D7D7;
	overflow: hidden;
	padding: 8px 10px 8px 40px;
}
div.list_view_inner {
	float:left;
}
.availability_btn_list {
	float:right;
	width: 150px;
}

h3.list_view {
	color:#6FAF16;
	font-weight:normal;
	margin-left:10px;
}
/* button alignment */
.payment_form input, .update {
	vertical-align:  top;
}
/* Widgets */
table.parameters td {
	border: 1px solid #CCC;
	padding: 4px;
}
/* Memberships & Custom Roles */
.settings_box {
	border: 1px solid #B9CCDC;
	background-color: #FFF;
	padding: 15px;
	margin: 5px 0;
}
table#user_custom_role_grid td {
	padding: 2px 5px;
	border: 1px solid #CCC;
}
table#user_custom_role_grid th {
	padding: 4px 6px;
}
tr td.box {
	text-align: center;
}

#price_overrides div.form {
	background-color: #F7F7F7;
	border: solid 1px #CCC;
	padding: 10px;
	margin: 10px 0;
	width: 906px;
}

#price_overrides div.override {
	margin-top: 5px;
	width: auto;
	display: table;
}

#price_overrides div.condition {
	margin-left: 10px;
	width: auto;
	display: table;
}
#price_overrides div.price, div.price {
	border-bottom: 1px solid #C0DAEC;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.overrides_list {
	background-color: #FFF;
	border: 1px solid #D7D7D7;
	padding: 5px;
}
.price_view {
	font-size: 1.1em;
	border-bottom: 1px solid #C0DAEC;
	line-height: 1.5;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.price_view li {
	color: #666;
}
.price_view li.first {
	margin-bottom: 10px;
}
.price_view li span {
	color: #333;
	font-weight: bold;
}
.price_view:last-child {
	border-bottom: none;
}
.price_view li.buttons {
	margin-top: 8px;
}
.override_form {
	margin-top: 10px; 
}
ul.roles {
	overflow:hidden;
}
ul.roles li {
	float:left;
	margin-right:10px;
	width: 290px;
}
.expiry, .cost {
    margin-left: 20px;
}
/*  New Create Item Screens */
#header_slim_container {
	background-color: #3584AB;
}
#quick_items {
	overflow: hidden;
	padding-bottom: 30px;
}
.quick_item {
	width: 222px;
	margin: 0 10px;
	margin-left: 0;
}
#quick_items .first {
	margin-left: 0;
}
.quick_item h4 {
	background: url('../images/bg-quick-item.jpg') repeat-x;
	padding: 0;
}
.quick_item h4 span {
	background: url('../images/icons-quick-items.gif') no-repeat 67px 15px;
	border: 1px solid #DDD;
	display: block;
	font-size: 1.3em;
	padding: 125px 0 10px;
	text-align: center;
}
.quick_item h4#service span {background-position: -169px 15px;}
h4#appointment span {background-position: -411px 15px;}
h4#wizard span {background-position: 0 -243px;}
h4#event span {background-position: -652px 15px;}
.quick_item p {
	margin-top: 8px;
	min-height: 35px;
}
.quick_item p.example {
	color: #666;
	font-size: .9em;
}
#secondary_row {
	overflow:hidden;
}
#start_wizard {
	border: 1px solid #C0DAEC;
	background: #F3F9FD url('../images/icons-quick-items.gif') no-repeat -961px 18px;
	float:left;
	overflow:hidden;
	padding-left: 95px;
	width: 367px
}
#start_wizard .col1 {
	width: 240px;
}
#start_wizard .col2 {
	background-color: #FFF;
	border: 1px solid #C0DAEC;
	margin: 15px 15px 15px 0;
	padding: 10px;
	width: 329px;
}
#start_wizard ul {
	overflow:hidden;
}
#start_wizard ul li {
	background: url('../images/icon-checkmark.gif') no-repeat;
	float: left;
	font-weight: bold;
	margin: 3px 0;
	padding-left: 18px;
	width: 135px;
}
#start_wizard ul li.last {
	background-image:none;
}
#template {
	border: 1px solid #C0DAEC;
	background-color: #F3F9FD;
	float:left;
	padding: 0 15px 15px;
	margin-top: 15px;
	width: 220px;
}
/*  Save Space - for new users */
#space_name {
	float:right;
	margin: 8px 0 10px;
	overflow: hidden;
}
#space_name span {
	color: #666;
	float:right;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 6px;
}
#space_name img {
	float:right;
	margin-left: 10px;
}

#item_list2, #item_list { 
	position: absolute; 
	z-index: 10000000; 
	margin: 0.5em 0 0 3px; 
	width: 307px; 
}
#item_list_top {
	background: url('/images/bg-popout-top.png') no-repeat; 
	height:14px;
	width: 307px;
}
#item_list_mid {
	background: url('/images/bg-popout-mid.png') repeat-y; 
	padding: 0 10px;
	width: 288px;
	
}
#item_list_btm {
	background: url('/images/bg-popout-btm.png') left bottom no-repeat;
	height:12px;
	width: 307px;
	
}	
#item_list2 ul li ul, #item_list ul li ul { margin-left: 1.8em;}
#item_list ul li, #item_list2 ul li  {
	color: #666;
	font-weight: bold;
	line-height: 1.3em;
	padding: 3px 0;
}
#item_list ul li {
	line-height: 1.7;
}
#item_list ul li ul li {
	line-height: 1.3;
}
#item_list ul li ul li, #item_list2 ul li ul li {
	font-weight: normal;
	margin-left: 5px;
}

#item_list ul li span a {
	line-height: 17px;
}
/* Multi item Select List */
#multi_item_list {
	width: 600px;
/*	height: 150px;*/
    position: absolute;
    z-index: 99999;
    border: 1px solid #B9CCDC;
    background-color: white;
	color: black;
	padding: 12px;
}

#item_list2 ul li span.group {
	font-weight: bold;
}

#multi_item_list a {
	color: #3684AB;
}

#multi_item_list .item_list_column {
	background-color: #FFF;
	width: 190px;
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
}
.item_list_column h4 {
	padding:6px;
}
#multi_item_list .item_list_column.selected {
	float: right;
	margin-left:15px;
}

#multi_item_list .item_list_column h1 {
	border-bottom: solid 1px black;
	text-align: center;
}

/*#multi_item_list .item_list_column ul {
	padding: 5px;
}

#multi_item_list .item_list_column li:first-child {
	padding-bottom: 5px;
	text-align: center;
}

#multi_item_list .item_list_column li:first-child a {
	color: gray;
}*/

#multi_item_list .header {
	line-height: 25px;
}

#multi_item_list .footer {
	float: right;
	padding: 10px 0 2px;
}

#item_list ul li img, #item_list2 ul li img {
	vertical-align: top;
}

span.toggle {
	text-align: right;
}
#item_list2 a, #item_list a { color: #3684AB; text-decoration: none; }
#item_list2 a:hover, #item_list a:hover { 
	color: #3684AB; 
	text-decoration: underline; 
}
.advanced {
	font-size:.9em;
	margin-top: 8px;
}
#selector_container {
	background-color: #C0DAEC;
	margin-bottom: 15px;
	padding: 5px;
}
.item_list_column li {
	border-bottom: 1px solid #EEE;
	padding: 6px;
}
#multi_item_list .second {
	background-color: #EEE;
}
#multi_item_list h4 a {
	font-size: 11px;
}
/* Recurring Dropdown */
#dropdown_buttons {
	overflow:hidden;
	height:1%;
	margin-top: 15px;
}
#repeat_div .row {
	display: block;
	margin: 10px 0;	
}
.frequency_label {
	float:left;
}
#lightbox_container {
     position: absolute;
     z-index: 99999;
     border: 1px gray solid;
     background-color: white;
	padding: 10px;
	text-align: right;
}
#lightbox_container a.close_link {
	background: url('../images/sprite-icons.png') no-repeat right -382px;
	display:block;
	margin: -6px -8px 0 0;
	padding-right: 21px;
}
#lightbox_container a:hover {
	background-position: right -400px;
}