body,  html {
	margin:0;
	padding:0;
	color:#000;
	font-family:Tahoma,"Lucida Sans";
	font-size:11px;
}
body {
	min-width:950px;
	background-color:#BBB;
}
img {
	border:0;
}
a {
/* Replaced with custom.php
	color:#090;
*/
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#wrap {
	background-color:#FFF;
}
#preheader {
	background-color:black;
	/*padding:5px 10px 5px 10px;*/
	padding:5px;
	height:15px;
}

/* Replaced with custom.php
#header {
	background-color:#090;
	background-image:url(images/greenheader.gif);
	background-position:top;
	margin:0px;
	padding:1px;
	height:70px;
}
*/

#loginbox {
	float:left;
	padding-left:5px;
	color:#FFFFFF;
}
#lang {
	float:right;
}
#lang img {
	margin:2px 5px 0px 0px;
}

#main {
	padding:10px;
	float:left;
	width:700px;
}
#mainmax {
	display:block;
	padding:0;
	margin:0;
	/*float:left;*/
	width:100%;
}

#main h2 {
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
	font-size:16px;
	margin-top:6px;
	margin-bottom:10px;
}

#main h3 {
	padding:0 0 0 0;
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:bold;
}

#main h4 {
	font-weight:normal;
	color:#999;
}
#main p {
	margin:10px 0 10px 0;
}

#main .highlight {
	background-color:#fffbe2;;
	padding:10px;
	border:1px solid #ffe222;;
	font-weight:bold;
}

#sidebar {
	/*background:#F3F3F3;*/
	background:#EEE;
	float:right;
	width:220px;
	overflow:hidden;
	font-size:11px;
	padding:10px;
	margin:20px 20px 20px 0px;
	/*padding-left:10px;
	padding-bottom:10px;
	*/
}

#sidebar h2 {
	font-size:12px;
	border-bottom:white solid 1px;
	margin:0 2px 5px 0;
	padding:0 0 5px 0;
}

#sidebar h3 {
font-size:14px;
padding-bottom:5px;
}

/* Replaced with custom.php
#sidebar h3 a{
color:#009900;
}
*/

#sidebar p {
	margin: 0 0 15px 0;
}

#clear {clear: both; margin: 0px}
/* Works as a weight holding the #wrap box down so that the white background fills both floats */

/*
form table tr {
	height:20px;
}
form table td {
	padding:2px 2px 5px 2px;
	vertical-align:top;
}
form table tr.red {
	background-color:#FDD;
	color:#FF0000;
}
form .formnote {
	padding-top:2px;
}
*/
table .label {
	width:150px;
	/*line-height:17px;*/ /*not sure why this is here, might be infinate wisdom */
	font-weight:bold;
}
table .input {
	width:200px;
}
table input.text {
	font-family:Tahoma;
	font-size:11px;
	height:12px;
}
table textarea {
	font-family:Tahoma;
	font-size:11px;
	height:100px;
}
table textarea.huge {
	width:300px;
	height:400px;
}

table .dropdown {
	font-family:Tahoma;
	font-size:11px;
}
table .short {
	width:100px;
}
table .long  {
	width:200px;
}
table .wide {
	width:300px;
}
table .tiny {
	width:30px;
}
table .mandatory {
	background:url(icons/bullet_red.png) no-repeat;
	width:20px;
	height:12px;
}
table .checkbox, form table .radio {
	margin:0;
	padding:0;
	margin-right:5px;
}
table .checkboxp {
	padding:5px 0 0 0;
	margin:0 0 0 0;
}

table.eventspecific {
	/*padding:2px 2px 2px 10px;*/
	margin-bottom:10px;
	clear:both;
	background-color:#FFF;
}
table.eventspecific td {
	padding:4px;
	
	border-bottom:solid 1px #CCC;
}
table.eventspecific .header {
	background-color:#CCC;
	font-weight:bold;
	padding-top:15px;
	border-bottom-color:#000;
}
table.eventspecific .header.hand {
	cursor:pointer;	
}
table.eventspecific .label{
	width:150px;
}
table.eventspecific .input{
	width:200px;
}
table.eventspecific .w50 {
	width:60px;
}

table.eventspecific .w100 {
	width:100px;
}

table.eventspecific .w40 {
	width:40px;
}
table.eventspecific .order {
	width:16px;
}
.tablecap {
	float:left;
	width:580px;
	overflow:scroll;
	overflow-x:scroll; /* IE only controls */
	overflow-y:hidden;
}


input.submit {
	margin:10px;
	margin-left:0;
	font-family:Tahoma;
	font-size:11px;
	border:1px outset;
	padding:2px;
	background-image:url(images/buttongradient.gif);
}
input.noborders {
	border:none;
}
input.nomargin {
	margin:0;
	padding:0;
}
input.change {
	margin:0 10px 0 0;
	padding:0;
	font-family:Tahoma;
	font-size:11px;
	border:1px outset;
}

table td .buttonlabel {
	margin-top:12px;
	position:absolute;
}
form input.blue{
	border-color:#00F;
	background-color:#BDF;
}
form input.green {
	border-color:#0F0;
	background-color:#CFC;
}
form input.red {
	border-color:#F00;
	background-color:#FCC;
}
form input.amber {
	border-color:#FF0;
	background-color:#FF9;
}
form input.wide {
	width:180px;
}
.process {
	background-color:#EEE;
	border-color:#DDD;
}	

/* Error boxes */
.msg {
	border:1px solid black;
	padding:10px 10px 10px 40px;
	margin:10px 0px 5px 0px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:12px 9px;
}
.blackbox {
	border-color:#000;
	background-color:#666;
	color:#FFF;
}
.redbox {
	border-color:#FF0000;
	color:#FF0000;
	background-image:url(icons/cancel.png);
	background-color:#FDD;
}
.amberbox {
	border-color:#FF9900;
	color:#FF9900;
	background-color:#FF9;
	background-image:url(icons/error.png);
}
.greenbox {
	border-color:#006600;
	color:#006600;
	background-color:#CFC;
	background-image:url(icons/tick.png);
}

/* Process boxes */
.process {
	/*background-color:#EEE;*/
	border-width:1px;
	border-style:solid;
	width:173px;
	padding:3px 0 3px 5px;
	margin-bottom:2px;
	background-image:none;
}

.tablecap {
	float:left;
	width:580px;
	overflow:scroll;
	overflow-x:scroll; /* IE only controls */
	overflow-y:hidden;
}

tr.blue {
	background-color:#BDF;
}
tr.green {
	background-color:#DFD;
}
tr.amber {
	background-color:#FFD;
}
tr.red {
	background-color:#FDD;
}

/*
I suspect we need the below, but for now
td.blue {
	color:#BDF;
	background-color:#BDF;
}
td.green {
	color:#DFD;
	background-color:#DFD;
}
td.amber {
	color:#FFD;
	background-color:#FFD;
}
td.red {
	color:#FDD;
	background-color:#FDD;
}
below are the same codes without the color (just bg-color)

td.blue {
	background-color:#BDF;
}
td.green {
	background-color:#DFD;
}
td.amber {
	background-color:#FFD;
}
td.red {
	background-color:#FDD;
}
*/

.hiddenwhite {
	color:#CCC;
}


/* Price matrix */
table.matrix {

}

table.matrix td {
	border-bottom:solid 1px #DDD;
	border-right:solid 1px #DDD;
	padding:5px;
}
/*
form.matrix label {
	background-position:20px 1px;
	background-repeat:no-repeat;
	padding:0px 20px 0px 0px;
	width:16px;
	float:left;
}
form.matrix label.na {
	background-image:url(icons/delete.png);
}
form.matrix label.locked {
	background-image:url(icons/lock_delete.png);
}
*/
form.matrix label.use {
	background-position:20px 1px;
	background-repeat:no-repeat;
	padding:0px 20px 0px 0px;
	width:16px;
	float:left;
	/*background-image:url(icons/add.png);*/
	background-image:url(icons/button.png);
}

form.matrix input.price {
	width:30px;
	font-family:Tahoma;
	font-size:11px;
	height:12px;
	float:left;
	clear:left;
	margin-left:2px;
}
form.matrix .netprice {
	margin:0 0 0 4px;
	padding:2px 0 0 0;
	color:#999;
	clear:both;
}
.setprice {

}
form.matrix label.priceavail, form.matrix label.pricenotavail {
	margin:0;
	padding:0;
	clear:none;
	color:#000;
	width:50px;
}
form.matrix label.pricenotavail {
	color:#CCC;
}
form.matrix .priceavail input, form.matrix .pricenotavail input {
	margin:0 3px 0 0;
}
.matrix .header {
font-weight:bold;
}

/* AUDIT TRAIL */
.trail {
	font-size:9px;
	margin-bottom:10px;
}
.trail td {
	padding:3px;
}
.trail tr {
	background-color:#FFD;
}
.trail .header {
	font-weight:bold;
	background-color:#FFA;
	border-bottom:1px solid #DDD;
}
.trail .short {
	width:100px;
}
.trail .dark {
	background-color:#FFA;
}

/* ACCESS TO */

.accessto {
background-color:#EEE;
padding:5px;
width:168px;
border:1px solid #DDD;
margin:0 0 10px 0;
color:#666
}
.eventtitle {
font-weight:bold;
}
.removeme {
float:right;
color:#CCC;
}

/* SEARCH FIELD FOR QUERY */
p.fieldname {
	font-weight:bold;
	margin:0;
	padding:0;
}
.fieldorder {
	width:20px;
	height:10px;
	float:right;
	background-position:2px -4px;
	background-repeat:no-repeat;
}
.fieldorder.down {
	background-image:url(icons/bullet_arrow_down.png);
}
.fieldorder.up {
	background-image:url(icons/bullet_arrow_up.png);
}
a.fieldorder:hover {
	background-color:#DDD;
}

label.show input{
	margin:0 3px 0 0;
	padding:0;
	width:12px;
	height:12px;
}
select.symbol {
	margin-left:3px;
	margin-bottom:10px;
	width:60px;
	font-family:Arial Narrow;
	font-size:10px;
	height:17px;
}
label.int {
	background-image:none;
	width:33px;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
}
input.searchfield {
	width:107px;
	font-family:Tahoma;
	font-size:11px;
	margin-bottom:10px;
}

label.selectall {
	float:left;
	height:15px;
	padding:5px;
	width:100px;
	margin-right:10px;
}
label.selectall input {
	margin:0 3px 0 0;
	height:12px;
	width:12px;
}
.tc {
	color:#666;
	text-align:justify;
	margin-bottom:10px;
	padding-bottom:10px;
}
#regs a{
	color:#000;
}
.querylink {
	background-color:#EEE;
	border: 1px solid #DDD;
	width:173px;
	padding:3px 0 3px 5px;
	margin-bottom:2px;
}
.querylink.green{
	background-color:#CEC;
}
.querylink.amber{
	background-color:#EEC;
}
.querylink a.delete {
	margin:-3px 3px 0 -3px;
	float:right;
	width:15px;
	text-align:center;
	color:#DDD;
	font-size:14px;
	font-weight:bold;
	height:14px;
	/*background-image:url(icons/bullet_go.png);*/
}
.querylink a.delete:hover {
	color:#999;
	text-decoration:none;
}
.querylink a.exit {
	margin:-3px 3px 0 -3px;
	float:right;
	width:15px;
	text-align:center;
	color:#00F;
	font-size:14px;
	font-weight:bold;
	height:14px;
	background-image:url(icons/bullet_go.png);
}
.querylink a.exit:hover {
	/*background-color:#999999;*/
	text-decoration:underline;
}

label.useraction {
	display:block;
	clear:left;
	margin:-5px 0 7px 0;
}
label.useraction input {
	margin:3px 3px -3px 0;
}
label.extendby {
	margin-top:5px;
	padding-top:5px;
}
label.extendby input {
	width:20px;
	font-family:Tahoma;
	font-size:11px;
}
select.groups {
	float:left;
	clear:none;
	font-family:Tahoma;
	font-size:11px;
	margin:4px 0 10px 0;
	padding:0;
	margin-right:10px;
	width:180px;
}
input.groups {
	margin:4px 10px 0 0;
}
.nomargins {
	margin:-3px 0 -5px 0;
}
.newlink {
	margin:0;
	padding:0;
	clear:both;
}
.orderby {
	float:right; 
	font-size:10px; 
	padding-top:10px; 
	font-weight:normal;
}

.forumbox {
	border:2px solid #DDD;
	background: #EEE;
	padding:5px 5px 0px 5px;
	margin-bottom:10px;
}
.forumadmin {
	float:right;
}
.forumbox a p{
	color:black;
}
.forumbox a:hover,.forumbox a:hover p,.forumbox a:hover h3 {
	text-decoration:underline;
}
.forumadmin img{
	margin-left:5px;
}

.forumcomment {
margin-top:5px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
}

.forumcomment .author {
float:right;
color:#999;
}

/* For some reason, icons are lifted 3px up in the air, this brings them down again*/
.iconshift{
	margin:3px 0 -3px 0;
	padding:0;
}

/* for group trees */
#tree, #tree2 {
	float:left;
	margin:20px;
	border:1px solid #c3daf9;
	width:250px;
	height:300px;
}

.folder .x-tree-node-icon{
	background:transparent url(../ext-2.2/resources/images/default/tree/folder.gif);
}

.x-tree-node-expanded .x-tree-node-icon{
	background:transparent url(../ext-2.2/resources/images/default/tree/folder-open.gif);
}

/* SUMMARY SCREEN */

.summary {
	border-bottom:1px solid #CCC;
	padding-top:5px;
	padding-bottom:5px;
}

.summary .icon {
	float:left;
	margin-right:5px;
}

#footer {
	clear:both;
	padding:15px;
	background-image:url(images/footergradient.gif);
	background-repeat:repeat-x;
	/*background-color:#FF0000;*/
}

#footer, #footer a {
	color:#EEE;
}

/* this is to fix it so that form text is smaller and matches the current rsvip design */
#form .x-form-item label {
	font-family:Tahoma;
	font-size:11px;
}

/* this is a dirty hack to prevent price matrix text to be unreadable in ie6 
   it seems to have no adverse effect in ff, so no need to browser-hack it for ie6 only */
#form .x-form-check-wrap-inner, .x-form-radio-wrap-inner  {
	/*display:block;
	width:150px;
	height:1px;*/
	height:15px;
}
#form .x-form-radio-group .x-form-radio-wrap{
	height:14px;
}
	
/* This is what happens to the columns headers that have an active filter */
.x-grid3-hd-row td.ux-filtered-column {   
	font-style: italic;  
	font-weight: bold;
}	

/* Column headers (and to some degree columns) of prices, used in the matrix */
#form .x-form-check-group-label {
margin-top:7px;
margin-right:300px;
}
/* For the summary page */

#settings_menu ul {
        list-style-type:none;
        /*width: 400px;*/
} 

#settings_menu li {
        border: 1px dotted #999;
        border-width: 1px;
        margin: 5px 0;
}

#settings_menu li a { 
        display: block;
		color: #000;
		/*
		font: bold 120% Arial, Helvetica, sans-serif;
		*/
		font-weight:bold;
        padding: 10px 10px 10px 40px;
        text-decoration: none;
}

 * html #settings_menu li a {  /* make hover effect work in IE */
	width: 400px;
}

#settings_menu li a:hover {
        background: #ffffcc;
}

#settings_menu a em { 
        color: #333;
        display: block;
        /*font: normal 85% Verdana, Helvetica, sans-serif;*/
        line-height: 125%; 
}

#settings_menu a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

#settings_menu .sm_event, #settings_menu .sm_event a:hover {
	background-image:url(icons/cog.png);
}

#settings_menu .sm_regform, #settings_menu .sm_regform a:hover {
	background-image:url(icons/textfield.png);
}

#settings_menu .sm_tickets, #settings_menu .sm_tickets a:hover {
	background-image:url(icons/tag_green.png);
}

#settings_menu .sm_accommodation, #settings_menu .sm_accommodation a:hover {
	background-image:url(icons/building.png);
}

#settings_menu .sm_prices, #settings_menu .sm_prices a:hover {
	background-image:url(icons/money.png);
}

#settings_menu .sm_payment_methods, #settings_menu .sm_payment_methods a:hover {
	background-image:url(icons/creditcards.png);
}

#settings_menu .sm_regional_settings, #settings_menu .sm_regional_settings a:hover {
	background-image:url(icons/world.png);
}

#settings_menu .sm_management, #settings_menu .sm_management a:hover {
	background-image:url(icons/user_key.png);
}

#settings_menu .sm_looking, #settings_menu .sm_looking a:hover {
	background-image:url(icons/page_find.png);
}


#settings_menu .sm_icon, #settings_menu .sm_icon a:hover {
	background-position:10px 10px;
	background-repeat:no-repeat;
}

/* Used to display own info on the reg form, if you're logged in */
.owninfo {
	margin-bottom:25px;
}

.owninfo td {
	border-bottom: 1px solid #EEE;
	padding:5px;
}

.owninfo .input {
	width:auto;
}	 

.owninfo .gray, .owninfo .gray a, .color_gray {
	color:#CCCCCC;
}

/* Used to display offline payment info on the reg form */
.sandinfo {
    margin-bottom:25px;
    background: #FFD;
    padding:20px;
    border: 2px dotted #BBB;
}

.sandinfo td {
	border-bottom: 1px solid #BBB;
	padding:5px;
}

.sandinfo .input {
	width:auto;
}	 

.sandinfo .gray, .owninfo .gray a, .color_gray {
	color:#CCCCCC;
}


/* used to display the email variables */
#template_vars li {
	border-top:1px solid #f3f7fb;
	border-bottom:1px solid #99bbe8;
}
#template_vars li a{
	color:#15428b;
	font-weight:bold;
	font-size:10px;
	background-color:#dfe8f6;
	display:block;
	padding:3px 5px 3px 5px;
}

#template_vars li em{
	color:#99bbe8;
}

#template_vars li a:hover{
	/*border-top:1px solid #dfe8f6;
	border-bottom:1px solid #dfe8f6;*/
	text-decoration:none;
	background-color:#fff;
	color:#000;
}

/* For the payment page */
#payment_method ul {
        list-style-type:none;
} 

#payment_method li {
        border: 1px dotted #999;
        border-width: 1px;
        margin: 5px 0;
}

#payment_method li a { 
        display: block;
		color: #000;
		font-weight:bold;
        padding: 10px;
        text-decoration: none;
}

 * html #payment_method li a {  /* make hover effect work in IE */
	width: 400px;
}

#payment_method li a:hover {
        background: #ffffcc;
}

#payment_method a em { 
        color: #333;
        display: block;
        line-height: 125%; 
}

#payment_method a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

/* used in the personal file */
.flagicon{
	position:relative;
	top:2px;
	padding-right:5px;
}

/* used in a UX for forms */
input.x-static-text-field {
	background: transparent;
	border: none;
	color: inherit;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	
	font-family:Tahoma,"Lucida Sans";
	font-size:11px;
}

/* question tab in browse.one */
.question_box{
margin:5px;
border:1px dotted #BBB;
}
.question_box b{
color:#15428b;
}
.question_box i{
color:#DDD;
}

#summary ul {
	list-style-type:none;
	/*width: 400px;*/
} 

#summary li {
	border: 1px dotted #999;
	border-width: 1px;
	margin: 5px 0;
	padding: 10px 5px 5px 40px;
}

#summary .reg{				background-image:url(icons/user.png);}
#summary .session{			background-image:url(icons/calendar.png);}
#summary .transaction{		background-image:url(icons/money.png);}
#summary .deadline{			background-image:url(icons/date_delete.png);}
#summary .no_activity{		background-image:url(icons/time_red.png);}

#summary .icon{
	background-position:10px 10px;
	background-repeat:no-repeat;
}
.tick {
	background-position:0px -2px;
	background-repeat:no-repeat;
	background-image:url(icons/tick.png);
	height:13px;
	width:17px;
	position:relative;
}
.lock {
	top:-2px;
	background-repeat:no-repeat;
	background-image:url(icons/lock.png);
	height:17px;
	width:17px;
	position:relative;
	margin-bottom:-4px;
}
.sticky {
	top:-2px;
	background-repeat:no-repeat;
	background-image:url(icons/asterisk_yellow.png);
	height:17px;
	width:17px;
	position:relative;
	margin-bottom:-4px;
}
.gender_M {
	top:-2px;
	background-repeat:no-repeat;
	background-image:url(icons/male.png);
	height:17px;
	width:17px;
	position:relative;
	margin-bottom:-4px;
}
.gender_F {
	top:-2px;
	background-repeat:no-repeat;
	background-image:url(icons/female.png);
	height:17px;
	width:17px;
	position:relative;
	margin-bottom:-4px;
}


.preview{
	border: 1px dotted #BB0;
	padding:20px 20px 20px 40px;
	background-color:#FFB;
	background-image:url(icons/error.png);
	background-repeat:no-repeat;
	background-position:13px 19px;
}
.price_for{
	border: 1px dotted #BB0;
	padding:20px 20px 20px 40px;
	background-color:#FFB;
	background-image:url(icons/user.png);
	background-repeat:no-repeat;
	background-position:13px 19px;
}

.payment_invoice {
width:300px;
}

.payment_invoice td{
background-color:#FFD;
padding:5px 10px 0 10px;
}

.payment_invoice .line{
	border-bottom:dotted 1px #BBB;
	padding-bottom:5px;
	color:#999999
}

.payment_invoice .amt{
	text-align:right;
}

.payment_invoice .line a{
background-image:url(icons/arrow_undo.png);
width:17px;
height:17px;
float:right;
text-decoration:none;
top:0px;
}
.group_member, .event_listing{
border-bottom:1px solid #ddd;
padding-bottom:10px;
margin:10px 0 10px 0;
}

.group_member a, .event_listing .cross{
width:17px;
height:17px;
float:right;
text-decoration:none;
position:relative;
background-image:url(icons/cross.png);
}
.event_listing .cross_gray {
width:17px;
height:17px;
float:right;
text-decoration:none;
position:relative;
background-image:url(icons/cross_gray.png);
}

.group_member_add{
padding-bottom:10px;
margin:10px 0 10px 0;
}

.invoice {
border: 1px dotted #BB0;
background-color:#FFB;
margin:10px;
border-collapse: collapse;
}
.invoice .name{
padding:10px 10px 5px 10px;
}

.invoice .item {
border-bottom:1px solid black;
padding:0 10px 10px 10px;
color:#999;
}

.invoice .add {
padding:10px;
}

.invoice .price{
text-align:right;
color:black;
}

.invoice .button{
border-bottom:1px solid black;
padding:0 10px 10px 0;
}

.invoice .total{
padding:10px;
border-top:1px solid black;
}

.invoice .sub_total{
border-top:2px solid black;
padding: 10px;
font-weight:bold;
}

.invoice .price_delete{
background-image:url(icons/arrow_undo.png);
width:17px;
height:17px;
float:right;
text-decoration:none;
top:0px;
}
.invoice .reg_delete{
background-image:url(icons/cross.png);
width:17px;
height:17px;
float:right;
text-decoration:none;
top:0px;
}

.forum_answer{
border: 1px dotted #DDD;
margin-bottom:5px;
padding:5px;
}
.forum_answer .question{
font-weight:bold;
}
.forum_answer .no_answer{
color:#DDD;
}
.updated{
float:right;
font-style:italic;
margin-top:10px;
color:#DDD;
}


/* DATETIME PICKER */
/*
.minutecss{
    padding:4px;
    height:100%;
    border-top: 1px solid #a3bad9;
}
.y-hour-middle,.y-hour-left,.y-hour-right {
    font:11px "sans serif", tahoma, verdana, helvetica;
    overflow:hidden;
}
.y-hour-right, .y-hour-left {
    width:18px;
}
.y-hour-right{
    text-align:right;
}
.y-hour-middle {
    padding-top:2px;
    padding-bottom:2px;
    color:#444;
}
.y-hour-right a, .y-hour-left a{
    display:block;
    width:16px;
    height:16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
}
.y-hour-right a {
    background-image: url("images/up2.gif");
    margin-right:2px;
    margin-left:2px;
}
.y-hour-left a{
    background-image: url("images/down2.gif");
    margin-left:2px;
    margin-right:2px;
}    
.y-minute-middle,.y-minute-left,.y-minute-right {
    font:11px "sans serif", tahoma, verdana, helvetica;
    overflow:hidden;
}
.y-minute-right, .y-minute-left {
    width:18px;
}
.y-minute-right{
    text-align:right;
}
.y-minute-middle {
    padding-top:2px;
    padding-bottom:2px;
    color:#444;
}
.y-minute-right a, .y-minute-left a{
    display:block;
    width:16px;
    height:16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
}
.y-minute-right a {
    background-image: url("images/right2.gif");
    margin-right:2px;
}
.y-minute-left a{
    background-image: url("images/left2.gif");
    margin-left:2px;
}
*/
.minutecss{
    padding:4px;
	height:100%;
    border-top: 1px solid #a3bad9;
    background: #dfecfb url(../../resources//images/default/shared/glass-bg.gif) repeat-x left top;	
}
.y-hour-middle,.y-hour-left,.y-hour-right {
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.y-hour-right, .y-hour-left {
	width:18px;
}
.y-hour-right{
	text-align:right;
}
.y-hour-middle {
	padding-top:2px;
	padding-bottom:2px;
	color:#8B0000;
}
.y-hour-right a, .y-hour-left a{
	display:block;
	width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.y-hour-right a {
	background-image: url(images/arrowRight.gif);
	margin-right:2px;
}
.y-hour-left a{
	background-image: url(images/arrowLeft.gif);
	margin-left:2px;
}    
.y-minute-middle,.y-minute-left,.y-minute-right {
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.y-minute-right, .y-minute-left {
	width:18px;
}
.y-minute-right{
	text-align:right;
}
.y-minute-middle {
	padding-top:2px;
	padding-bottom:2px;
	color:#8B0000;
}
.y-minute-right a, .y-minute-left a{
	display:block;
	width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
}

.y-minute-right a {
	background-image: url(images/arrowRight.gif);
	margin-right:2px;
}
.y-minute-left a{
	background-image: url(images/arrowLeft.gif);
	margin-left:2px;
}
.num_align{
	text-align:right;
	font-family:"Lucida Console", Monaco, monospace;
}
.session_desc{
	font-family:Tahoma;
	font-size:11px;
}

#inv {
border: 1px dotted #BBB;
/*border: 2px solid black;*/
padding:10px 10px 0 10px;

}
#inv .person {
border: 1px dotted #BBB;
padding:5px;
margin-bottom:10px;
background-color:#EEE;
}
#inv h3 {
padding-left:3px;
}
#inv .grand_total {
border: 1px dotted #BB0;
padding:5px;
margin-bottom:10px;
background-color:#FFB;
}
#inv .session{
border-bottom: 1px dotted #999;
margin-bottom:2px;
padding-left:3px;
padding-bottom:2px;
}
#inv .last_session{
border-bottom: 1px solid #000;
margin-bottom:2px;
padding-left:3px;
padding-bottom:2px;
}
#inv .sub_total{
border-bottom: 1px solid #000;
padding:0 0 3px 3px;
margin-bottom:10px;
}
#inv .session_price{
float:right;
}
#inv .sub_total_price{
float:right;
margin-right:17px;
}
#inv .person_delete{
background-image:url(icons/user_delete.png);
width:17px;
height:17px;
float:right;
text-decoration:none;
top:0px;
}
#inv .session_title{
font-weight:bold;
margin-left:3px;
margin-bottom:5px;
}
#inv .session_delete{
background-image:url(icons/bullet_cross.png);
background-position:0px -1px;
width:17px;
height:15px;
display:block;
float:right;
text-decoration:none;
}
#inv .session_update{
background-image:url(icons/arrow_refresh_small.png);
background-position:-2px -1px;
text-decoration:none;
}
#inv .person_create{
background-image:url(icons/user_add.png);
background-repeat:no-repeat;
background-position:0 -1px;
height:15px;
display:block;
padding-left:20px;
}
#inv .price{
margin-top:10px;
}
#inv .ticket{
margin:0 75px 0 3px;
}
#inv .acc{
margin:10px 75px 0 3px;
}
#inv .price_line{
border-bottom: 1px solid #000;
margin-bottom:2px;
padding-left:3px;
padding-bottom:2px;
}
#inv .price_price{
float:right;
}
#inv .price_delete{
background-image:url(icons/arrow_refresh_small.png);
background-position:0px -1px;
width:17px;
height:15px;
display:block;
float:right;
text-decoration:none;
}
#inv .total{
border-bottom: 3px double #000;
padding-bottom:3px;
margin-bottom:10px;
padding-left:3px;
}
#inv .total_price{
float:right;
font-weight:bold;
margin-right:17px;
}
#inv .grand_total_price{
float:right;
font-weight:bold;
}
#inv .buffer{
margin-right:17px;
}
#inv .already_paid {
border: 1px dotted #BB0;
padding:5px;
margin-bottom:10px;
background-color:#EEE;
}
.flag_tab {
margin:2px 0 -2px 0;
}
.greyed{
color:#AAA;
}