/* Conschedule CSS */

* { font-family: Verdana, Arial, Helvetica, sans-serif; }
html, body { height:100%; }
body { font-size: 10px; color: #333; background-color:#488bd4; margin: 0; padding: 0; }
html.framed body { background-color:transparent; }
.clearer { clear: both; }

h1, h2, h3, h4, p { margin: 0 0 6px 0; }
h1, h2, h3, h4 { font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

#header { position:relative; width:960px; height:80px; margin:0 auto; background:#FFF; }
#header .banner { width:780px; height:80px; overflow:hidden; }
#header .tools { position:absolute; right:0; top:0; width:160px; padding:0 10px; height:80px; overflow:hidden; text-align:right; }

.wrapper { width:940px; margin:0 auto; padding:10px; background:#FFF; }

.columnLeft { width:305px; padding:0; float:left; }
.columnRight { width:305px; padding:0; float:right; }
.columnCenter { margin:0 325px; }
.columnLeftDouble { margin:0 335px 0 0; }
.columnRightDouble { margin:0 0 0 335px; }
.columnRightDoubleWide { margin:0 0 0 320px; }
.columnLeftWide, .columnRightWide { width:310px; padding:0; }
.columnCenterWide { margin:0 325px; }

.contentBlock { border:1px solid #CCC; padding:3px 10px; margin-bottom:6px; background:#EEE; border-radius:6px;	-moz-border-radius:6px; -webkit-border-radius:6px; }

#navigation { width:940px; margin:0 auto; padding:10px 20px 0 20px; }
#navigation ul { margin:0; padding:0; list-style: none; height: 26px; }
#navigation ul li { margin:0 10px 0 0; padding:0; float:left; height:26px; }
#navigation .rightTab { height:40px; width: 90px; float: right; }
#navigation ul li a,
#navigation .rightTab a { display:block; width:90px; padding:8px 0 0 0; margin-top:2px; height:16px; background:url('../images/nav_tab.gif') left -2px no-repeat; text-align:center; text-decoration:none; color:#333; 
	border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; }
#navigation ul li.selected a {  margin-top:0; height:18px; background:url('../images/nav_tab_selected.gif') left top no-repeat; text-decoration:none; font-weight:bold; color:#000; 
	border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; }

.adminNavigation { width:940px; margin:0 auto; padding:4px 10px; background:#333; color:#CCC; border-bottom:1px solid #000; }
.adminNavigation.organiser { background:#666; }
.adminNavigation ul { margin:0; padding:0; list-style: none; height:22px; }
.adminNavigation ul li { margin:0 10px 0 0; padding:0; float:left; height:22px; }
.adminNavigation .rightTab { height:22px; width:90px; float:right; }
.adminNavigation a { display:block; padding:4px 10px 0 10px; font-size: 11px; }

.sessionTable td { padding:1px 4px; }
.sessionTable thead td { background:#EEE; border-bottom:1px solid #CCC; }
.sessionTable tfoot td { background:#EEE; border-top:1px solid #CCC; }

.notice { padding:4px 8px; margin:0 0 6px 0; border:2px solid #fad42e; background:#fbec88; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

.footer { width:960px; margin:0 auto; color:#FFF; text-align:center; }
.footer a { color:#FFF;	}

/*================================================================================
	Form
================================================================================*/
input.text { border:1px solid #999; }
input.active { border:1px solid #999; padding-left:20px; background:#FFF url('../images/icon/blank.gif') 1px 1px no-repeat; }
input.checking { background-image:url('../images/icon/loading.gif'); } 
input.bad { background-image:url('../images/icon/error.gif'); border-color: #C16803; } 
input.good { background-image:url('../images/icon/accept.gif'); } 
.activeError { color:#600; }

/*================================================================================
	Cart
================================================================================*/
.cartTable { width:100%; padding:0; border:none; }
.cartTable td { padding:0 0 2px 0; border:none; }
.cartTable .subtotal td { border-top:1px solid #ccc; padding:2px 0; font-size: 120%; font-weight:bold; }
.cartTable .total td { font-size: 150%; font-weight:bold; }

/*================================================================================
	Sprites
================================================================================*/
.sprite { display:inline-block; overflow:hidden; background:url('../images/sprites.png') no-repeat; border:none; text-indent:-999em; outline:none; }

.spriteStateBlank { width:34px; height:34px; background-position: 0 0; }
.spriteStateWish { width:34px; height:34px; background-position: -36px 0; }
.spriteStateCart { width:34px; height:34px; background-position: -72px 0; }
.spriteStatePaid { width:34px; height:34px; background-position: -108px 0; }

.spriteButtonBlank { width:16px; height:16px; background-position: 0 -36px; }
.spriteButtonClear { width:16px; height:16px; background-position: -18px -36px; }
.spriteButtonWish { width:16px; height:16px; background-position: -36px -36px; }
.spriteButtonCart { width:16px; height:16px; background-position: -54px -36px; }

.spriteStateSmallBlank { width:14px; height:14px; background-position: 0 -53px; }
.spriteStateSmallWish { width:14px; height:14px; background-position: -36px -53px; }
.spriteStateSmallCart { width:14px; height:14px; background-position: -54px -53px; }
.spriteStateSmallPaid { width:14px; height:14px; background-position: -72px -53px; }

.spriteCheckout { width:80px; height:24px; background-position: -150px 0; }
.spritePrint { width:60px; height:24px; background-position: -150px -26px; }

/*================================================================================
	Admin
================================================================================*/

/*---- css for timepicker ----*/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/*---- adminTable ----*/
.adminTable { width:100%; margin-bottom:10px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.adminTable th { padding:5px 6px; vertical-align:top; text-align:left; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.adminTable td { padding:5px 6px; vertical-align:top; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.adminTable tbody tr.odd td { background:#dfeffc; }
.adminTable tbody tr.hover td { background:#c5dcee; }
.adminTable tbody tr.hidden td { background:#fdf7cf; }
.adminTable tbody tr.hidden.odd td { background:#fdf4b8; }
.adminTable tbody tr.hidden.hover td { background:#fbec88; }
.adminTable tfoot td { background:#ccc; }
.adminApprovalRequest { height:auto !important; height:21px; min-height:21px; padding-top:3px }

/*---- Links ----*/
.adminTable .ui-widget-header a {color:#fff;}
.adminTable .ui-widget-header a:hover {color:#fff; text-decoration:underline;}
.adminTable td a {text-decoration:none; color:#0066CC;}
.adminTable td a:hover {text-decoration:underline;}
.noBorders,
table.noBorders,
.noBorders thead,
.noBorders th,
.noBorders tr td { border:none; text-align:left; padding:.5em; }
.dataTableOverride { border:1px solid #aaa; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

/*---- adminContainer ----*/
.adminContainer { padding:.2em; margin-bottom:10px; }
.adminHeader { padding:.5em 1em .3em; margin:0; }
.adminContent { padding:.5em 1em; }

/*======================================================================
	Rounded Corners
======================================================================*/
.rounded3 { border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.rounded4 { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.rounded6 { border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.rounded8 { border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

.roundtop3 { border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -khtml-border-radius:3px 3px 0 0;  -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.roundtop4 { border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.roundtop6 { border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -khtml-border-radius:6px 6px 0 0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.roundtop8 { border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

.roundbot3 { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.roundbot4 { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.roundbot6 { border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.roundbot8 { border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -khtml-border-radius: 0 0 8px 8px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

/*======================================================================
	Opacity
======================================================================*/
.opacity90 { filter:alpha(opacity=90); -moz-opacity:0.90; -webkit-opacity:0.90; opacity:0.90; }
.opacity75 { filter:alpha(opacity=75); -moz-opacity:0.75; -webkit-opacity:0.75; opacity:0.75; }
.opacity50 { filter:alpha(opacity=50); -moz-opacity:0.50; -webkit-opacity:0.50; opacity:0.50; }
.opacity33 { filter:alpha(opacity=33); -moz-opacity:0.33; -webkit-opacity:0.33; opacity:0.33; }