/*defaults*/
body{
	margin: 0px;
	padding:0px;
	color:#999999;
	background: #000 repeat scroll 0 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	height: 100%;	
}

a, a:visited { color: #FF9000; }
a:hover{color: #FFAA10;}

img{
	border: 0px solid Black;
}

h1 {
	color: #22AA44;
	clear:both;
}
h1 .archivelink{
	font-size: 11px;
}


#maincontainer {
	margin: 0px;
	width: 100%;
	height: 100%;
}
/* left container */
#container-left {
	background-color:#000;
	overflow:hidden;
	padding:0px 5px 0px 15px;
	margin: 0px 125px 0px 0px;
	min-width: 800px;
	vertical-align:top;
}
/*#container-left div.gray-bg{
	background-color: #666 !important;
}

#container-left div.green-bg{
	background-color: #171 !important;
}
#container-left div.red-bg{
	background-color: #B11 !important;
}*/

/* halfsized */
#container-left div.left-column-wrapper{float: left; padding:0px 5px 0px 0px;margin:0px 0px 0px 5px; width:48%;}
#container-left div.right-column-wrapper{float: left; margin:0px 5px 0px 5px; width: 48%}

#container-left div.halfsized-column-header{
	overflow:hidden;
	padding: 1px 0px 1px 15px;
	margin:0px;
	width: 100%;
	height: 26px;
	background: #000 no-repeat 0 0;
}
#container-left div.halfsized-column-body{
	padding: 5px 5px 0px 5px;
	margin:0;
	width: 100%;
	background: #000 no-repeat 0 0;
}
#container-left div.halfsized-column-footer{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	width:100%;
	height: 20px;
	background: #000 no-repeat 0 0;
	display: none;
}
#container-left div.halfsized-column-header h1{
	margin: 0px;
	padding:0px;
	font-size: 22px;
	color: #2A4;
}
#container-left div.halfsized-column-header h1 a{
	text-decoration: none;
}
/* fullsized gray */
#container-left div.fullsized-column-header{
	overflow:hidden;
	padding: 0px 0px 0px 20px;
	margin:0px;
	width: 100%;
	height: 25px;
	background: transparent  no-repeat 0 0 !important;
}
#container-left div.fullsized-column-body{
	padding: 5px 0px 0px 0px;
	margin:0px;
	width: 100%;
	background: #000 no-repeat 0 0;
}
#container-left div.fullsized-column-footer{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	width: 100%;
	height: 20px;
	background:  no-repeat 0 0 !important;
}
#container-left div.fullsized-column-header h1{
	margin: 0px;
	padding:0px;
	font-size: 22px;
	color: #2A4;
}
#container-left div.fullsized-column-body p{
	margin-bottom: 0px;
}


/* right container */
#container-right {
	/*position:absolute;
	float:right;
	top:0px;
	right:0px;*/
	vertical-align:top;
}
#container-right div.small-column-wrapper{
	margin: 10px 0px 0px 0px;
}
#container-right div.small-column-header{
	padding: 0px;
	margin:0px;
	width: 120px;
	height: 15px;
	background: url(/theme/pix/temp/small-column-header.png) no-repeat 0 0;
}
#container-right div.small-column-body{
	padding: 0px;
	margin:0px;
	width: 120px;
	background: #666 no-repeat 0 0;
}
#container-right div.small-column-footer{
	padding: 0px;
	margin:0px 0px 10px 0px;
	width: 120px;
	height: 20px;
	background: url(/theme/pix/temp/small-column-footer.png) no-repeat 0 0;
}
#container-right div.small-column-body h1{
	margin: 0px 0px 0px 8px;
	font-size:13px;
	color: #FFF;
}
#container-right div.small-column-body div{
	font-size: 9px;
	padding: 1px 6px 0px 6px;
}

#container-right div.small-column-body a.actionlink{
	margin: 3px 0 0 0;
	padding: 0 0 1px 0;
	display: block;
	border-bottom: 1px dotted #999;
	text-decoration:none;
}


input.button {
	background-color: #313131;
	color: #D0D0D0;
	border: solid 1px #444;
}

input,
select {
	text-indent : 0px;
	font: normal 11px Helvetica, Verdana, Arial, sans-serif;
}

select.post, input.post, textarea.post{
	border: solid 1px #FF9000;
	background-color: #222;
	color: #D0D0D0;
}
input.mainoption:hover, input.liteoption:hover { border-color: #D0D0D0; }
input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }
select.post:hover, input.post:hover, textarea:hover { border-color: #D0D0D0; }
select.post:focus, input.post:focus, textarea:focus { border-color: #FFFFFF; color: #FFF; }

input.mainoption {
	background-color: #222;
	color: #D0D0D0;
	font-weight : bold;
	border: solid 1px #000;
}

td.centered {
	text-align: center;
	padding-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


font,th,td,p { font-family: Verdana, Arial, Helvetica, Sans-Serif;}
form { display: inline; padding: 0px; margin: 0px; }

.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }
.gen,.genmed,.gensmall { color: #DDD; }

td.boardered{
	border-left: solid 1px #404040;
	border-right: solid 1px #121212;
	border-top: solid 1px #3C3C3C;
	border-bottom: solid 1px #131313;
}

table.formtable{
	border-left: solid 1px #404040;
	border-right: solid 1px #121212;
	border-top: solid 1px #3C3C3C;
	border-bottom: solid 1px #131313;
	background: #313131 top left repeat-x;
	width: 100%;
}

table.formtable th{
	background-color:#A06000;
	color: #CCC;
}

span.error{
	color:Red;
}
span.servedtext{
	font-size:10px;
	color:#A0FFA0;
}
a.rightpresent, a.rightpresent:visited{
	color:#50AF50;
}
a.rightabscent, a.rightabscent:visited{
	color:#FF4800;
}





/*
* header styles
*/

#header {
	width: 100%;
	height: 87px;
	padding-top: 5px;
}
div.header-logo-wrap {
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/pix/temp/tclogo.png');
}
div.header-logo-wrap img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/*#logologinwrap{
	width: 100%;
	height: 120px;
}*/

#logolink:visited,
#logolink{
	margin:0px;
	padding:0px;
	display: block;
	float:left;
	color:#000;
}
#logoimg {
	margin:0px;
	padding:0px;
	border: 0px solid Black;
}

/*#loginwrap {
	float:right;
	width:170px;
	height:120px;
}*/

#logindiv  {
	font: normal 12px Verdana, Arial, Helvetica, Sans-Serif;
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	text-align: center;
	width: 120px;
	height: 120px;
	background: transparent url(/theme/pix/temp/login-bg.png) no-repeat 0px 0px;
}


/*
* navigation menu styles
*/



ul.menu {
	list-style-type:none;
	width:auto;
	display:block;
	height:40px;
	font-size:1.3em;
	background:#000 no-repeat top left;
	font-family:Helvetica,Arial,sans-serif;
	margin:0px 0px 40px 0px;
	padding:8px 0px 0px 50px;
	border-bottom:2px solid #777;
}


ul.menu li {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	border-left:1px solid #777;
	border-right:1px solid #777;
}

ul.menu li a {
	display: block;
	color:#FFCF90;
	text-decoration:none;
	height:38px;
	width: 103px;
	padding:0px;
	font-weight:bold;
}
ul.menu li a:hover,
ul.menu li a.current {
	background-position: -103px 0px !important;
}

#main-link{
	background: url(/theme/pix/temp/main-link.png) no-repeat 0px 0px;
}

#event-link{
	background: url(/theme/pix/temp/event-link.png) no-repeat top left;
}

#about-link{
	background: url(/theme/pix/temp/about-link.png) no-repeat top left;
}
#photo-link{
	background: url(/theme/pix/temp/photo-link.png) no-repeat top left;
}
#video-link{
	background: url(/theme/pix/temp/video-link.png) no-repeat top left;
}
#forum-link{
	background: url(/theme/pix/temp/forum-link.png) no-repeat top left;
}
#sms-link{
	background: url(/theme/pix/temp/sms-link.png) no-repeat top left;
}
#tickets-link{
	background: url(/theme/pix/temp/tickets-link.png) no-repeat top left;
}
#discounts-link{
	background: url(/theme/pix/temp/discounts-link.png) no-repeat top left;
}



/************************
* content
*************************/

div.pageselector{
	padding: 0px 0px 17px 0px;
	text-align: center;
	height: 16px;
}

/*date*/
span.date{
	font: bold 12px sans-serif;
}


.time{
	font: bold 12px sans-serif;
}


/*event*/
div.event-small{
	padding: 0px;
	margin: 7px 0px 0px 0px;
	display:block;
	/*border: 2px solid black;*/
	width: 100%;
	height: 160px;
	background-color:#333;
	border: 1px #666 solid;
}
div.event-small div.left-event-side{
	margin: 2px;
	float:left;
	text-align:center;
	display: table-cell;
    height:156px;
    width:225px;
    overflow:hidden;
}
div.event-small div.left-event-side img.eventposter{
	display: block;
	margin: 0px auto;
	border: 0px solid Black;
}
div.event-small div.right-event-side{
	margin:2px;
	padding: 0px 10px 0px 5px;
	height: 154px;
	color: #333;
	background-color:#EEE;
	border:1px dashed #999;
	overflow:hidden;
}
div.event-small div.right-event-side h2{
	margin: 3px 0px 3px 0px;
	font-size: 14px;
}

div.event{
	padding: 0 0 5px 0;
	overflow: hidden;
	font-size:1.2em;
	font-weight: 800;
	border-bottom: 1px dashed #666;
}
div.event .evtname{
	float: left;
}
.archive .evtname{
	padding:6px;
}
div.event a{
	text-decoration:none;
}
div.event .right-wrap{
	float:right;
	padding: 0 0 7px 7px;
}
div.event .date-wrap{
	/*float: right;*/
	text-align: right;
	font-size: 18px;
	padding: 3px;
	color: white;
	background-color:#222;
	border:1px solid #444;
}

.archive .date-wrap{
	background-color:#000 !important;
	border:0px solid #444 !important;
}
div.event .date-wrap .date{
	display: block;
	text-align: center;
	font-size: 16px;
	padding: 3px;
	color: white;
	border-bottom: 1px solid #444;
}
.archive .date-wrap .date{
	text-align: right !important;
	border-bottom: 0px solid #444 !important;
}
div.event .date-wrap .time{
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 3px;
	color: white;
}
div.event .price-wrap{
	background-color:#222;
	border: 1px solid #444;
	margin-top: 4px;
	text-align: right;
	padding: 3px;
	/*float: right;*/
}
div.event .price-wrap .price {
	color: #F90;
}

div.eventposter{
	float:left;
	margin: 2px;
	margin-right: 15px;
}
img.eventposter{
	display:block;
	/*border: 1px solid #555;*/
}
div.event-actions{
	margin:20px 0px 0px 0px !important;
	float:right;
	text-align:center;
	padding:0px;
	border: 1px dotted #444;
}
div.event-actions img{
	border: 0px solid #666;
}
div.event-actions div{
	padding: 2px;
	margin: 0 3px 0 3px;
}
div.event-actions .floated{
	float:left;
}

div#dynabanner-wrapper{
	float:left;
	width: 490px;
}

div#dynabanner-container{
	position:relative;
	width:490px;
	height:500px;
}

img.nexteventimg{
	position:absolute;
	left:0;
	top:0;
	display:none;
	margin: 0px;
	border: 0px solid #555;
}

/*news*/
div.news{
	padding: 0px;
	margin: 0px 5px 0px 0px;
	/*border-bottom: 1px solid #555;*/
}
a.news-header{
	font-size: 16px;
	text-decoration: none;
	overflow:hidden;
}
div.news-ordering-wrap{
	width: 98%;
	margin: 3px auto;
	height: 30px;
	border: 1px solid #666;
	background-color:#333;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	position:relative;
}
div.news-dragged{
	border: 1px dotted #CCC !important;
	position:absolute !important;
	margin:0 !important;
}
div.news-ordering-wrap:hover{
	background-color:#444;
	cursor:move;
}


/*sms*/
.attention{
	margin-top: 5px;
	padding-left: 40px;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	background:url(/theme/pix/icons/attention-32x32_org.png) no-repeat left;
	
}
.attention span.important{
	color: #B00;
}


#album-centerer{
	width: 810px;
	margin: 0 auto;
}
/*videoalbum*/
#videoalbum-overview {
	background: url(/theme/pix/photoalbum/photo_back2.jpg ) 50px 0px no-repeat;
	padding:133px 0px 250px 115px;
	width:100%;
	height:100%;
	position:relative;
	overflow:visible;
	margin: 0 auto;
}

#videoalbum-overview #slider {
	float:left;
	position: relative;
	width:4px;
	height:100px;
	background-color:#333;
	border: 1px solid #666;
	margin: 0px;
}

#videoalbum-overview #holder {
	width:555px;
	height:642px;
	margin:0px;
	padding:2px 0px 0px 10px;
	overflow: hidden;
	position:relative;
}
#videoalbum-overview #holder div, #videoalbum-overview #holder span, #videoalbum-overview #holder a{
	position: relative;
}

#videoalbum-overview #holder #holder-inside{
	position: relative;
	left:0px;
	top:0px;
	
}

#videocontainer{
	width: 880px;
	height: 600px;
	padding: 110px 0px 0px 135px;
	background: #000 no-repeat 0px 0px url(/theme/pix/videoalbum/video_back.jpg);
	margin:25px auto;
}

/*photoalbum*/
#photoalbum {
	text-align: left;
	background: url(/theme/pix/photoalbum/photo_back2.jpg ) 50px 0px no-repeat;
	padding:100px 118px 250px 115px;
}
#photoalbum table{
	width:573px;
	height:642px;
	margin:0px;
}
#photoalbum td{
	padding:0px;
	margin:0px;
	text-align:center;
}

#photoalbum td img{

	margin:0px;
	padding:0px;
}


#photoalbum-overview {
	background: url(/theme/pix/photoalbum/photo_back2.jpg ) 50px 0px no-repeat;
	padding:133px 0px 250px 115px;
	width:100%;
	height:100%;
	position:relative;
	overflow:visible;
	margin: 0 auto;
}

#photoalbum-overview #slider {
	float:left;
	position: relative;
	width:4px;
	height:100px;
	background-color:#333;
	border: 1px solid #666;
	margin: 0px;
}

#photoalbum-overview #holder {
	width:555px;
	height:642px;
	margin:0px;
	padding:2px 0px 0px 10px;
	overflow: hidden;
	position:relative;
}
#photoalbum-overview #holder div, #photoalbum-overview #holder span, #photoalbum-overview #holder a{
	position: relative;
}

#photoalbum-overview #holder #holder-inside{
	position: relative;
	left:0px;
	top:0px;
	
}


#photoalbum #photo-button-up img,#photoalbum #photo-button-down img{
	border:0px solid black;
}

.album{
	padding: 0px;
	overflow: hidden;
	font-size:1.2em;
	font-weight: 800;
	border-bottom: 1px dashed #666;
	height:28px;
}
.album a{
	text-decoration:none;
}
.album .evtname{
	padding-top:3px;
	float: left;
	display: block;
}
.album .evtname .notapproved{
	color: #333;
}
.album .date{
	float: right;
	display: block;
	text-align: right;
	font-size: 18px;
	padding: 0px 5px 2px 10px;
	color: white;
}

img.photo{
	background-color: #222;
	padding: 3px;
	margin: 3px;
	border: 1px solid #FFF;
}
img.photo:hover{
	border: 1px solid #F90;
}
a.removelink img.photo:hover{
	border: 1px solid #F00;
}


/*tickets*/

a.biglink {
	display:block;
	font-size:22px;
	margin:5px 0px 20px 0px;
	width:100%;
	text-align:center;
}

div#ticket-presentation-front {
	width: 820px;
	height: 354px;
	background: url(/theme/pix/tickets/ticket-front-bg.jpg) no-repeat 0px 0px;
	float:right;
}

div#ticket-presentation-front div#event-selector {
	position:relative;
	left: 410px;
	top: 216px;
	background-color:#FFF;
	color: #222;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	height: 42px;
	width: 320px;
}
div#ticket-presentation-front div#event-selector select {
	background-color:#FFF;
	color: #222;
	border: 0px solid #000;
	font-size: 18px;
	height: 42px;
	width: 320px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
div#ticket-presentation-front div#tickcount-selector {
	float:left;
	position:relative;
	top:292px;
	left:0px;
}

div#ticket-presentation-front input.mainoption {
	position:relative;
	top:292px;
	margin-left: 15px;
}


div#ticket-presentation-back {
	width: 820px;
	height: 354px;
	background: url(/theme/pix/tickets/ticket-back-bg.jpg) no-repeat 0px 0px;
	float:right;
}

div#ticket-presentation-back div#input-fields{
	position: relative;
	text-align:right;
	background:#FFF;
	color: #222;
	width: 215px;
	height: 160px;
	top: 107px;
	left: 85px;
}

div#ticket-presentation-back div#input-fields div {
	margin: 2px 2px 3px 2px;
}

div#ticket-presentation-back div#input-fields input {
	background-color: #FFF;
	color: #222;
	margin: 2px 2px 3px 2px;
}

div#ticket-presentation-back input.mainoption {
	position:relative;
	top:170px;
	left: 155px;
	margin-left: 15px;
}

span.price {
	color: #B30;
}
span.discounted {
	color: #292;
}

div#discounts-popup{
	position: absolute;
	top: 250px;
	left: 400px;
	/*width: 300px;
	height: 100px;*/
	background-color:#666;
	border: 1px dashed #F90;
	display:none;
	padding: 4px;
	color: #EEE;
}

/*ticket - discounts*/
div#discount-wrapper{
	text-align: left;
	width: 400px;
}
div#discount-wrapper div{
	width: 100%;
	text-align: center;
	margin: 5px 0px 10px 0px;
}
ul#discounts-list{
	list-style: none;
	padding:0px;
}

span#discountTotal{
	color: #292;
}

/*banners*/
div.banner-overview{
	float:left;
	border: 1px dashed #222;
	margin: 4px;
	padding: 6px;
}
div.banner-overview img{
	padding: 4px;
	border: 0px solid Black;
}

#topbanner {
	padding:0px;
	margin: 10px 15px 0px 0px;
	float: right;
}

/*liveintenet*/
a#liveinternet-counter {
	display:block;
	position:relative;
}

/*video uploader*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/theme/pix/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}