article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
@font-face {
    font-family: 'supertramp79';
    src: url('supertramp79.eot');
    src: url('supertramp79.eot') format('embedded-opentype'),
         url('supertramp79.woff2') format('woff2'),
         url('supertramp79.woff') format('woff'),
         url('supertramp79.ttf') format('truetype'),
         url('supertramp79.svg#supertramp79') format('svg');
}
.texts79 {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
    font-size: 1.7rem;
}
.namebr {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 31px;
}

.headcolo {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 2rem;
	color: #fabb31;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.quoteslo {
	font-family:  "logicaltramp", Institution,   Helvetica, sans-serif;
	font-size: 2rem;
	letter-spacing: 0px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 1.5rem;

}
.searchlo {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 1.6rem;
	color: #fabb31;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.venuetourlo {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 2.4rem;
	list-style-position: inside;
	font-style: normal;
	color: #ff6699;
	font-variant: normal;
	line-height: normal;
}
.musiname {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 2.1rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
#flagdate {
height:16px;}
#icondate {
font-size: 18px;}
#wrapper{
  margin:0 auto;
  text-align:left;
}
#content {
  max-width:100%;
  width:100%;
  margin:0 auto;
  padding-bottom:0;
  overflow:hidden;  font-family:  Verdana,  Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #fff; list-style-position: inside; line-height: 1
}
.demo {
	margin-top:-5px;
	padding:0;
	border_bottom:1px solid #ccc;
	position:relative;
	overflow:hidden;
	width: 100%;
}
.collapse p {padding:0 0 1em}

.city { font-family: Verdana,  Helvetica, sans-serif; font-size: 18px; color: #66ccff; letter-spacing: 1px; list-style-position: inside; font-weight: bold;}


#switch, .switch {margin-top:-35px; text-align:right}

   .icons {
   height: 20px;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   }


.textwarning {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	background-color: #ffffff;
	    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);

	letter-spacing: 1px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.text {  font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; list-style-position: inside}
a.text {  font-family:   Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: gray}
a.text:hover {  font-family:   Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white}
a.text:visited {  font-family:   Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: gray}
a.text:visited:hover {  font-family:   Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: white}

.text_include1 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; list-style-position: inside}
a.text_include1 {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffcc00}
a.text_include1:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white}
a.text_include1:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #ffcc00}
a.text_include1:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff}

.infos {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; color: white; list-style-position: inside}
a.infos {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: gray}
a.infos:hover {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: white}
a.infos:visited {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; color: gray}
a.infos:visited:hover {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; color: white}


.text_include2 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: lightblue; list-style-position: inside}
a.text_include2 {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffcc00}
a.text_include2:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff}
a.text_include2:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: lightblue}
a.text_include2:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff}

.textreplyguest {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff99cc; font-style: italic; list-style-position: inside}
a.textreplyguest {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: bold; color: white}
a.textreplyguest:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: bold; color: orange}
a.textreplyguest:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: white}
a.textreplyguest:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: orange}

.sent {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; list-style-position: inside}
.dashedline {
border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #fbaf00;
}
.dottedline {
border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #ffffff;
}
.errorpass { 
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 11px;
  color: #ffffff;
  border: 1 solid #ff0000;
  background-color: #ff0000;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
}
.pass {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: lightblue;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.pass {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFCC00}
a.pass:hover {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: orange}
a.pass:visited {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #FFCC00}
a.pass:visited:hover {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: orange}
.col {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.col {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF}
a.col:hover {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: yellow}
a.col:visited {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
a.col:visited:hover {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: yellow}

.colpink {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF99FF;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.colpink {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF}
a.colpink:hover {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: yellow}
a.colpink:visited {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
a.colpink:visited:hover {  font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: yellow}


.text1 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	list-style-position: inside;
	text-align: justify;
	margin-left:0.3cm;
	margin-right:0.2cm;
	white-space: normal;

}
a.text1 {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none}
a.text1:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff33cc; text-decoration: none}
a.text1:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: orange; text-decoration: none}
a.text1:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #ff33cc; text-decoration: none}
.gig {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: orange; list-style-position: inside; text-decoration: none}

.text2 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; list-style-position: inside; text-align: justify}
a.text2 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFCC00; text-decoration: none}
a.text2:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none}
a.text2:visited {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none}
a.text2:visited:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFCC00; text-decoration: none}

.text3 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; list-style-position: inside; text-align: justify}
a.text3 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: none}
a.text3:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC00; text-decoration: none}
a.text3:visited {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: none}
a.text3:visited:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC00; text-decoration: none}
.glow { width:100%; filter:glow(color=#000099,strength=5); font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white}
.venue {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
	list-style-position: inside;
	letter-spacing: normal;
	font-style: italic;

}
a.venue {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none}
a.venue:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: blue; text-decoration: none}
a.venue:visited {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none}
a.venue:visited:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: blue; text-decoration: none}

.text4 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: gray; list-style-position: inside; text-align: justify}
.title {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFCC00; list-style-position: inside}
.titleblue {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: blue; list-style-position: inside}
.smallblue {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: purple; list-style-position: inside}
a.smallblue {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: purple; text-decoration: none}
a.smallblue:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: purple; text-decoration: none}
a.smallblue:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: purple; text-decoration: none}
a.smallblue:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: purple; text-decoration: none}
.adr3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699cc;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
.adr2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	list-style-position: inside;
	padding-left: 15px;
}
.adr {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	list-style-position: inside;

}
.size {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 8px; list-style-position: inside}
.small {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cc99cc; list-style-position: inside}
a.small {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #ff99ff; text-decoration: none}
a.small:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: orange; text-decoration: none}
a.small:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: #cc99cc; text-decoration: none}
a.small:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: orange; text-decoration: none}
a.adr {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: blue; text-decoration: none}
a.adr:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: none}
a.adr:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: blue; text-decoration: none}
a.adr:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: none}
.head {  font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 22px; letter-spacing: 2px; list-style-position: inside}
.head2 { font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 26px; color: #EAEBCD; letter-spacing: 3px; list-style-position: inside}
.headpre { font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 24px; color: #FFCC00; letter-spacing: 1px; list-style-position: inside; text-shadow: 0px 1px 2px #000000;}
.prod { font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 25px; color: #FFCC00; letter-spacing: 2px; list-style-position: inside}
.guestname { font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 20px; color: #FFCC00; letter-spacing: 2px; list-style-position: inside; text-shadow: 0px 1px 1px #000000}
.guestrevname { font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: 2px; list-style-position: inside; text-shadow: 0px 1px 1px #000000}
.menumember { font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 23px; letter-spacing: 3px; list-style-position: inside; text-shadow: 0px 1px 1px #000000}
.date {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	list-style-position: inside;
	text-align: center;
	border: thin dotted #FF99FF;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px; 
    border-radius: 6px; 
}
.headcol {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #B9C8E3;
	list-style-position: inside;
	letter-spacing: 2px;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.headcol2 {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 28px;
	color: #FBAF00;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: underline;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;

}
.headcol3 {
	font-family:  "Margaret Regular",  Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #FBAF00;
	list-style-position: inside;
	font-weight: bold;
	font-variant: normal;
	line-height: 50%;
    text-shadow: 0px 1px 2px #000000;

}
.venuename {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	font-size: 25px;
	list-style-position: inside;
	font-style: normal;
	color: lightblue;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;
    padding-left: 15px;
	background-image: url(images/bkg_darkernqf.png);
	background-Position:center top;
}

.venuenamepast {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 24px;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;
    padding-left: 15px;
}

.gigon {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	list-style-position: inside;
	font-style: bold;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;

}

.gigoff {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	list-style-position: inside;
    text-decoration:line-through;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;

}
.dot {
  width: 14px;
  height: 14px;
}
.soldout_xsmall {
position: absolute; margin-left: 15px; margin-top: 5px; width: 40px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}
.soldout_small {
position: absolute; margin-left: 15px; margin-top: 5px; width: 60px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}
.soldout_med {
position: absolute; margin-left: 60px; margin-top: -5px; width: 72px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}

.soldout {
padding: 5px;background-color:#ff0000;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #ffffff; list-style-position: inside; text-align: center;
}

.lasttickets {
padding: 5px;background-color:#6323AD;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #000000; list-style-position: inside; text-align: center;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.8; }
    100% { opacity: 1.0; }
}
.buyquick {
font-size: 1.1rem; color: #df8600;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.buyreallyquick {
font-size: 1.1rem; color: #ff0000;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.toolate {
font-size: 1.1rem; color: #a60000;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
   .icons {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   }

   .tickets_c_normal {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -5px;
   }
      .tickets_c_free {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -5px;
   }
.tickets_c_orange {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_c_red {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_c_toolate {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
}
.tickets_c_off {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   opacity: 0.3;
}
#off {
   opacity: 0.3;
}
#normal {
   opacity: 1;
}	

.musiname {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 25px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;

}
.textinsti {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	font-size: 25px;
}
.gigover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: lightblue;
		-webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.gigtoday {
	font-family:  Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 19px;
	color: #ffffff;

}
.textindays {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cccccc;
	}
	.texttoday {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

	.td_date { 
font-family: Arial, Helvetica, sans-serif;
 border-bottom: 1px dashed #ccc;
 background-color: #0066cc;
}
.td_dateoff { 
font-family: Arial, Helvetica, sans-serif;
color: #999999;
 border-bottom: 1px dashed #ccc;
 background-color: #333333;
}
.td_gig { 
}
.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

.textannounce {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	font-size: 20px; letter-spacing: 2px;
}

.musismall {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	font-size: 19px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;

}
.musismall2 {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 20px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;

}
.bullegig {  font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; letter-spacing: 1px; list-style-position: inside}
.gigpop1 { font-family: "InstitutionRegular", Institution,  Arial, Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:28px; text-shadow: 0px 1px 2px #000000; list-style-position: inside; } 
.gigpop2 { display: block; font-family: "InstitutionRegular", Institution, Arial, Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:30px; text-shadow: 0px 1px 2px #000000; } 
.gigpop3 { display: block; font-family: "InstitutionRegular", Institution, Arial, Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:30px; text-shadow: 0px 1px 2px #000000; } 
.gigpop4 { font-family: "InstitutionRegular", Institution,  Arial, Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:160px; color: #FBAF00; text-shadow: 0px 1px 3px #000000; list-style-position: inside; } 

  .tabcol{
    color:#FF99FF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-position: inside;
	text-align: center;
	font-weight: bold;
}
  .tabnormal{background-color:#993399; color:#FFCC00; font-family:  "InstitutionRegular", Institution,  Verdana, Arial, Helvetica, sans-serif; font-size: 25px; text-shadow: 0px 1px 2px #000000; list-style-position: inside; text-align: center;     -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
  .tabover{background-color:#000099; color:white; font-family:  "InstitutionRegular", Institution,  Verdana, Arial, Helvetica, sans-serif; font-size: 25px; list-style-position: inside; text-align: center}

a:link          {color: #FFCC00; text-decoration: none}
a:visited       {color: #FFCC00; text-decoration: none}
a:active        {color: white; text-decoration: none}
a:hover         {color: white; text-decoration: none}

body { 
scrollbar-3dlight-color:black; 
scrollbar-arrow-color:white;
scrollbar-base-color:black;
scrollbar-darkshadow-color:black;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#993399;
scrollbar-shadow-color:black;
background: url(images/bkgfull2014.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
}

.descri {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
}
.newstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}
.table {
	background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
	cellpadding:10;
	cellspacing:0;
	background-attachment: scroll;
	text-align: justify;
	  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
} 
.name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #FFCC00;
	letter-spacing: 1px;
	padding-left: 15px;

}
.time {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	color: #FFCCFF;
	font-style: normal;
}
.timeguest {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffcc00;
	font-style: normal;
}
.textrose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC66;
}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;

}
.textboxpink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFcc00;
	text-align: justify;

}

.opac { FILTER: alpha(opacity=60); moz-opacity: .3}
.clair { FILTER: alpha(opacity=100)}

#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@font-face {
font-family: 'InstitutionRegular';
src: url('instituweb.eot');
src: local('Institution'),
local('Institution'),
url('institu.ttf') format('truetype'),
url('instituweb.woff') format('woff'),
url('instituweb.svg#webfontLpE0pkTQ') format('svg');
font-weight: normal;
font-style: normal;
}

h1 { 
  font-family: "InstitutionRegular", Institution, Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 30px; 
  color: #ffcc00;
  text-shadow: 0px 1px 5px #000000; 
} 
h1 span { 
  font-size: 30px; 
  color: #09C4BF;
  text-shadow: 0px 1px 10px #09C4BF; 
} 
h1 a, h1 a:visited {
  color: #ffcc00;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 15px #fff; 
}

h2 { 
  font-family: "InstitutionRegular", Verdana, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  color: #ffcc00;
  font-size: 30px;
  line-height: 1.4 
} 

h3 { 
  display: inline-block;
  font-family: "InstitutionRegular", Institution, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 29px; 
  line-height: 1;
  color: white;
  text-shadow: 0px 1px 2px #999999; 
} 
h3 span { 
  display: block;
  font-weight: normal;
  font-size: 29px; 
  color: orange;
  text-shadow: 0px 1px 2px #999999; 
} 
h3 a, h3 a:visited {
  color: #ff9900;
  text-decoration: none;
}
h3 a:hover, h3 a:focus {
  color: #ff3399;
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 5px #999999; 
}

h4 { 
  display: block;
  font-family: "InstitutionRegular", Institution, Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size:30px; 
  color: white;
  text-shadow: 0px 1px 3px #ffffff; 
} 
h4 span { 
  display: block;
  font-weight: italic;
  font-size: 15px; 
  color: orange;
  text-shadow: 0px 0px 2px #000000; 
} 
h4 a, h4 a:visited {
  color: #cccccc;
  text-decoration: none;
}
h4 a:hover, h4 a:focus {
  text-decoration: none;
  color: #ffffff;
  outline: none;
  text-shadow: 0px 1px 10px #ffffff; 
}
h5 { 
  display: block;
  font-family: "InstitutionRegular", Institution, Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 18px; 
  color: white;
} 
h5 span { 
  display: block;
  font-weight: italic;
  font-size: 18px; 
  color: orange;
} 
h5 a, h5 a:visited {
  color: orange;
  text-decoration: none;
}
h5 a:hover, h5 a:focus {
  text-decoration: none;
  color: white;
  outline: none;
}

h6 { 
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-weight: bold;
  font-size: 30px; 
  color: white;
  text-shadow: 0px 0px 20px #ffffff; 
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
} 

#blog {
	padding:15;
	font-size:16px;
	color:#fff;
	font-family:"InstitutionRegular", Institution, Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
	text-shadow:0 0 10px #000;
	opacity:0.9;
    width:auto!important;
	margin: 70px 150px!important;}

.round {
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}

.arrondi { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
}

.arrondiombre { 
    -moz-border-radius: 22px; 
    -webkit-border-radius: 22px; 
    -khtml-border-radius: 22px; 
    border-radius: 22px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
  box-shadow: 2px 2px 10px #000000;
}
.arrondicarre { 
    -moz-border-radius: 22px; 
    -webkit-border-radius: 22px; 
    -khtml-border-radius: 22px; 
    border-radius: 22px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 5px #311C53; 
  -webkit-box-shadow: 2px 2px 5px #311C53; 
  box-shadow: 2px 2px 5px #311C53;
}
.arrondiombre2 { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
  box-shadow: 2px 2px 10px #000000;
}
.arrondiombrezip { 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
  box-shadow: 2px 2px 10px #000000;
}

.arrondiombremini { 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -khtml-border-radius: 2px; 
    border-radius: 2px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 3px #000000; 
  -webkit-box-shadow: 2px 2px 3px #000000; 
  box-shadow: 2px 2px 3px #000000;
}
.arrondibulletop { 
    -moz-border-radius: 23px; 
    -webkit-border-radius: 23px; 
    -khtml-border-radius: 23px; 
    border-radius: 23px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
  box-shadow: 2px 2px 10px #000000;
}

.arrondiblogvertsmall { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 10px #999900; 
  -webkit-box-shadow: 0px 0px 10px #999900; 
  box-shadow: 0px 0px 10px #999900;
}
.arrondiblogvert { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 10px #999900; 
  -webkit-box-shadow: 0px 0px 10px #999900; 
  box-shadow: 0px 0px 10px #999900;
}

.arrondimauve { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 30px #663399; 
  -webkit-box-shadow: 0px 0px 30px #663399; 
  box-shadow: 0px 0px 30px #663399;
}
.arrondired { 
    -moz-border-radius: 40px; 
    -webkit-border-radius: 40px; 
    -khtml-border-radius: 40px; 
    border-radius: 40px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 500px #990000; 
  -webkit-box-shadow: 0px 0px 500px #990000; 
  box-shadow: 0px 0px 500px #990000;
}

.arrondiombretableauopacity { 
background-image: url(images/bkg.jpg);
    -moz-border-radius: 25px; 
    -webkit-border-radius: 25px; 
    -khtml-border-radius: 25px; 
    border-radius: 25px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 2px #000000; 
  -webkit-box-shadow: 0px 2px 2px #000000; 
  box-shadow: 0px 2px 2px #000000;
}

.arrondiombrevignette { 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
.arrondiombremusi { 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
.arrondiombredisque { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 100px #cc6699; 
  -webkit-box-shadow: 0px 0px 100px #cc6699; 
  box-shadow: 0px 0px 100px #cc6699;
}
.ombre { 
  -moz-box-shadow: 2px 2px 10px #000; 
  -webkit-box-shadow: 2px 2px 10px #000; 
  box-shadow: 2px 2px 10px #000;
}
.form { 
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 11px;
  color: #ffffff;
  border: 1 solid #993366;
  text-shadow: 0px 1px 1px #000000; 
  background-color: #cc6699;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
  box-shadow: 2px 2px 10px #000000;
}
.form2 { 
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 11px;
  color: #ffffff;
  border: 1 solid #5E75A2;
  background-color: #5E75A2;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc); 
}
.form3 { 
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 11px;
  color: #336699;
  border: 1 solid #DEDEC9;
  background-color: #DEDEC9;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999999;
}
.formimage { 
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 11px;
  color: #000000;
  background-image: url(images/formimage.jpg);
  border: 1 solid #ff9900;
  text-shadow: 0px 1px 1px #999999; 
  background-color: #ff9900;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}

.formimage2 { 
	padding-left:6px;
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 11px;
  color: #cccccc;
  background-image: url(images/formimage2.jpg);
  border: 1 solid #993366;
  text-shadow: 0px 1px 1px #999999; 
  background-color: #993366;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}

.formbutton { 
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 12px;
  color: #ff9900;
  border: 1 solid #663366;
  text-shadow: 0px 1px 1px #000000; 
  background-color: #993366;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000000; 
  -webkit-box-shadow: 2px 2px 10px #000000; 
  box-shadow: 2px 2px 10px #000000;
}

.formbutton2 { 
	font-family: "InstitutionRegular", Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
  color: #ffffff;
  border: 1 solid #993366; 
  background-color: #993366;
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    border-radius: 12px; 
    behavior: url(PIE.htc);
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}


.outsideuk { 
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 10px;
  color: #993366;
  border: 1 solid #ffcc00;
  background-color: #ffcc00;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
}
.previous { 
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 10px;
  color: #DEDEC9;
  border: 1 solid #336699;
  text-shadow: 0px 1px 1px #000000; 
  background-color: #336699;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
}


.flag { 
	margin-left: 7px;
  -moz-box-shadow: 0px 0px 20px #cc6699; 
  -webkit-box-shadow: 0px 0px 20px #cc6699; 
  box-shadow: 0px 0px 20px #cc6699;
}

.arronditop { 
        -moz-border-radius: 20px 20px 0 0; 
        -webkit-border-radius: 20px 20px 0 0; 
        border-radius: 20px 20px 0 0;         
        -webkit-border-top-left-radius: 20px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 20px; /* pour Chrome */ 
        behavior: url(PIE.htc); 
}
.arrondibot { 
        -moz-border-radius: 0 0 20px 20px; 
        -webkit-border-radius: 0 0 20px 20px; 
        border-radius: 0 0 20px 20px;         
        -webkit-border-bottom-left-radius: 20px; /* pour Chrome */ 
        -webkit-border-bottom-right-radius: 20px; /* pour Chrome */ 
        behavior: url(PIE.htc); 
}
#bigger img {
  display: inline-block;
  background:#fff;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 9px #999; 
  -webkit-box-shadow: 1px 1px 9px #999; 
  box-shadow: 1px 1px 9px #999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#bigger a:hover img, #bigger a:focus img {
  -moz-transform: scale(1.15) rotate(5deg); 
  -webkit-transform: scale(1.15) rotate(5deg);
  transform: scale(1.15) rotate(5deg);
}

#med img {
  display: inline-block;
  background:#fff;
  margin: 20px 20px 20px 20px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 9px #333; 
  -webkit-box-shadow: 1px 1px 9px #333; 
  box-shadow: 1px 1px 9px #333;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#med a:hover img, #med a:focus img {
  -moz-transform: scale(1.15) rotate(2deg); 
  -webkit-transform: scale(1.15) rotate(2deg);
  transform: scale(1.15) rotate(2deg);
}


#guitare img {
  display: inline-block;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -moz-transform: rotate(10deg); 
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

#guitare a:hover img, #guitare a:focus img {
  -moz-transform: scale(1.2) rotate(30deg); 
  -webkit-transform: scale(1.2) rotate(30deg);
  transform: scale(1.2) rotate(30deg);
}

#amp img {
  display: inline-block;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
}

#amp a:hover img, #amp a:focus img {
  -moz-transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#noround img {
  display: inline-block;
  background:#fff;
  margin: 15px 15px 15px 15px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-box-shadow: 1px 1px 5px #666; 
  -webkit-box-shadow: 1px 1px 5px #666; 
  box-shadow: 1px 1px 5px #666;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#noround a:hover img, #noround a:focus img {
  -moz-transform: scale(1.3) rotate(-8deg); 
  -webkit-transform: scale(1.3) rotate(-8deg);
  transform: scale(1.3) rotate(-8deg);
}

#smaller img {
  display: inline-block;
  background:#fff;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 9px #999; 
  -webkit-box-shadow: 1px 1px 9px #999; 
  box-shadow: 1px 1px 9px #999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#smaller a:hover img, #bigger a:focus img {
  -moz-transform: scale(0.95) rotate(-2deg); 
  -webkit-transform: scale(0.95) rotate(-2deg);
  transform: scale(0.95) rotate(-2deg);
}

#box {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#box:hover {
-moz-transform: scale(1.2); 
-webkit-transform: scale(1.2);
 transform: scale(1.2);
}

#turn {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#turn:hover {
-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
#turnmini {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
    -moz-box-shadow: 2px 2px 3px #000000; 
  -webkit-box-shadow: 2px 2px 3px #000000; 
  box-shadow: 2px 2px 3px #000000;
}

#turnmini:hover {
-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
#flipY {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#flipY:hover {
-moz-transform: scale(1.5) rotateY(360deg); 
-webkit-transform: scale(1.5) rotateY(360deg);
 transform: scale(1.5) rotateY(360deg);
}
#rotate3d {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#rotate3d:hover {
-moz-transform: rotate3d(1,1,0,180deg); 
-webkit-transform: rotate3d(1,1,0,180deg);
 transform: rotate3d(1,1,0,180deg);
}


#flipX {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#flipX:hover {
-moz-transform: rotateX(360deg); 
-webkit-transform: rotateX(360deg);
 transform: rotateX(360deg);
}

#topit {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#topit:hover {
-moz-transform: scale(1.5); 
-webkit-transform: scale(1.5);
 transform: scale(1.5);
}
#lien {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#lien:hover {
-moz-transform: scale(1.2) rotate(2deg); 
-webkit-transform: scale(1.2) rotate(2deg);
 transform: scale(1.2) rotate(2deg);
}

@media (max-width: 640px) { 
 
 /* passer tous les éléments de largeur fixe en largeur automatique */ 
 body, element1, element2 { 
   width: auto !important; 
   margin: auto !important; 
   padding: auto !important; 
 } 
 
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */ 
 img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
   max-width: 100% !important; 
 } 
 
 /* gestion des mots longs */ 
 textarea, table, td, th, code, pre, samp { 
   word-wrap: break-word; /* césure forcée */ 
   white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */ 
 } 
 
 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */ 
 element1, element2 { 
   float: none !important; 
   width: auto !important 
 } 
 
 /* masquer les éléments superflus */ 
 .hide_mobile { 
   display: none !important; 
 } 
 
 /* Un message personnalisé */ 
 body:before { 
   content: "..."; 
   display: block; 
   color: #777; 
   text-align: center; 
   font-style: italic; 
 } 
} 
@media screen and (max-width:640px) and (orientation: landscape) { 
  body { 
   -webkit-text-size-adjust: 70%; 
  } 
}
::-webkit-scrollbar {
    height: 10px;
width: 10px;
background: #336699;
    }
::-webkit-scrollbar-thumb {
    background: #CCCC99;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
    background: #336699;
}
/* dock - top */
.dock {
	position: relative; 
	height: 40px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 40px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
    color: #cc0033;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 19px;
	text-shadow: 0px 1px 3px #666666; 
	position: absolute;
	top: 0px;
	text-align: center;
}
.dock-item img {
	border: none; 
	margin: 1px 0px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 40px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 20px;
	position: relative;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 40px;
	padding-left: 0px;
}
a.dock-item2 {
	display: block; 
    color: #cc0033;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-shadow: 0px 0px 5px #999999; 
	width: 40px; 
	top: 0px; 
	position: absolute;
	text-align: center;
}
.dock-item2 span {
	display: none;
	padding-left: 0px;
}
.dock-item2 img {
	border: none; 
	margin: 1px 0px 0px; 
	width: 100%; 
}
.infobulle{
											position: absolute;	
											visibility : hidden;
											border: 0px solid Black;
											padding: 10px;
											font-family: Verdana, Arial;
											font-size: 11px;
    color: #336699;
											background-color: #DEDEC9;
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px; 
    -khtml-border-radius: 14px; 
    border-radius: 14px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 6px #000000; 
  -webkit-box-shadow: 2px 2px 6px #000000; 
  box-shadow: 2px 2px 6px #000000;
opacity : 0.9; 
    filter : alpha(opacity=90);										}
	
.button {
   border: 1px solid #ffffff;
   background: #4E608B;
   padding: 2px 4px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #ffffff;
   font-size: 11px;
   font-style: bold;
  font-family: Verdana, FreeSans, sans-serif;
   vertical-align: middle;
   -webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
   }
.button:hover {
   background: #ffffff;
   color: #4E608B;
   }
.button:active {
   background: #ffffff;
   }
.playbutton {
   border: none; 
   background: #75AFD2;
   padding: 2px 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #EBE8CD;
   font-size: 9px;
  font-family: Helvetica, Arial, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.playbutton:hover {
   background: #ffcc00;
   color: #75AFD2;
   }
.playbutton:active {
   background: #ff9933;
   }
   
   .playbuttonbleu {
   border: none; 
   background: #336699;
   padding: 3px 6px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #ffffcc;
   font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;   text-decoration: none;
   vertical-align: middle;
      -webkit-box-shadow: rgba(251,241,210,1) 0 0 4px;
   -moz-box-shadow: rgba(251,241,210,1) 0 0 4px;
   box-shadow: rgba(251,241,210,1) 0 0 4px;
   }
.playbuttonbleu:hover {
   background: #ffcc00;
   color: #336699;
   -webkit-box-shadow: rgba(251,241,210,1) 0 0 18px;
   -moz-box-shadow: rgba(251,241,210,1) 0 0 18px;
   box-shadow: rgba(251,241,210,1) 0 0 18px;
   }
.playbuttonbleu:active {
   background: #336699;
   }
----
.buttonsend {
   border-top: 1px solid #9b10c9;
   background: #f0af09;
   background: -webkit-gradient(linear, left top, left bottom, from(#e312ab), to(#f0af09));
   background: -moz-linear-gradient(top, #e312ab, #f0af09);
   padding: 2px 4px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
  font-family: "InstitutionRegular", Institution, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.buttonsend:hover {
   border-top-color: #fadd1e;
   background: #fadd1e;
   color: #5c0b5c;
   }
.buttonsend:active {
   border-top-color: #e612c6;
   background: #e612c6;
   }
   
   #bubblemenu li {
display: inline;
margin-left: 15px;
cursor:pointer;}
#bubblemenu li > div {
width: 150px;
min-height: 100px;
position: absolute;
display: inline;
margin-left: -120px;
padding: 5px;
visibility:hidden;
opacity: 0;
margin-top: -125px;
background: #ff3300;
font-family: Verdana, Arial;
font-size: 11px;
color: #ffffff;
/* Setting the border-radius property for all Browsers */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Browsers that Support it like Opera */
-moz-box-shadow: 0 0 8px #000000; /* Firefox */
-webkit-box-shadow: 0 0 8px #000000; /* Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
box-shadow: 0 0 8px #000000; /* Browsers that Support it like Opera */
  text-shadow: 0px 1px 1px #000000; 
-moz-transition: all 0.5s ease-in-out; /* Firefox */
-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.5s ease-in-out; /* Opera */
transition: all 0.5s ease-in-out; /* Browsers that Support it */}
#bubblemenu li:hover > div {
visibility:visible;
opacity: 1;
margin-top: -150px;
-moz-transition: all 0.5s ease-in-out; /* Firefox */
-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.5s ease-in-out;  /* Opera */
transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
.celldate {
background-color: red;
opacity:0.3;
filter:alpha(opacity=30);
}

.musismall4 {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 23px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;
-moz-column-count: 4;
-moz-column-gap: px;
-webkit-column-count: 4;
-webkit-column-gap: px;
column-count: 4;
column-gap: px;
}
.musismall3 {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 23px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
    text-shadow: 0px 1px 2px #000000;
-moz-column-count: 3;
-moz-column-gap: px;
-webkit-column-count: 3;
-webkit-column-gap: px;
column-count: 3;
column-gap: px;
}
span.inverse {
   unicode-bidi: bidi-override;
   direction: rtl;
   }
#pastillelayer{
position: absolute;
width: 100px;
height: 30px;
top: 20px;
left: 50%;
}

.pastille{
	position: absolute;	
	visibility : hidden;
	border: 2px solid White;
	padding: 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
    color: #ffffff;
	background-color: #FF0000;
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px; 
    -khtml-border-radius: 14px; 
    border-radius: 14px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 6px #000000; 
  -webkit-box-shadow: 2px 2px 6px #000000; 
  box-shadow: 2px 2px 6px #000000;
opacity : 0.9; 
    filter : alpha(opacity=90);
	}
	
	.pastillegigs{
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 11px;
	height: 11px;
	padding: 2px;
	margin-left: 42px;
	border: 0px solid white;
	font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: -2px 2px 6px #000000; 
  -webkit-box-shadow: -2px 2px 6px #000000; 
  box-shadow: -2px 2px 6px #000000;
}
	.pastillenews{
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 11px;
	height: 11px;
	padding: 2px;
	margin-left: 97px;
	border: 0px solid white;
	font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: -2px 2px 6px #000000; 
  -webkit-box-shadow: -2px 2px 6px #000000; 
  box-shadow: -2px 2px 6px #000000;
}

	.pastille3{
	z-index: 2;
	position: relative;
	background-color: red;
	width: 11px;
	height: 11px;
	padding: 2px;
	margin-top: -5px;
	margin-right: -5px;
	margin-left: 5px;
	float: left;
	border: 0px solid white;
	font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: -2px 2px 6px #000000; 
  -webkit-box-shadow: -2px 2px 6px #000000; 
  box-shadow: -2px 2px 6px #000000;
}
input.my-url{display:none;}

#menu {
  position: fixed;
	float: center;
  top: 5;
}
.dg-question-label{ /* Question label */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBAF00;
	list-style-position: inside;
	font-weight:bold;
}

img{
	border:0px;
}
#error {
	font-style:italic;
	color:red;
}
audio
{
	border: thin #FF99FF;
	background-color: red;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #000000;
-webkit-box-shadow:  2px 2px 4px 0px #000000;
box-shadow: 2px 2px 4px 0px #000000;
-moz-border-radius:20px 20px 20px 20px ;
-webkit-border-radius:20px 20px 20px 20px ;
border-radius:20px 20px 20px 20px ;
}
#mask {
  position:absolute;
  left:-16px;
  top:-234px;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color: #FFCC00;
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px; 
    -khtml-border-radius: 14px; 
    border-radius: 14px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 6px #000000; 
  -webkit-box-shadow: 2px 2px 6px #000000; 
  box-shadow: 2px 2px 6px #000000;
}
#boxes #dialog {
  width:375px; 
  height:319px;
  padding:10px;
  background-color: #FFCC00;
  	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 11px;
  color: #000000;
  background-image: url(images/formimage.jpg);
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px; 
    -khtml-border-radius: 14px; 
    border-radius: 14px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 6px #000000; 
  -webkit-box-shadow: 2px 2px 6px #000000; 
  box-shadow: 2px 2px 6px #000000;

}
	.close{
	z-index: 2;
	position: relative;
	right: -30px;
	top: -35px;
}
.titlepopup {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 45px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}
.titlepage {
	font-family:  "InstitutionRegular", Institution,  Arial, Helvetica, sans-serif;
	letter-spacing: 9px;
	font-size: 35px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}
	.footer {
background-color: rgba(0,0,0,0.0); border-top: 1px dotted #cccccc;
font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 9px;
  color: #cc99ff;}
.main_frame { 
background:rgba(86, 105, 131, 1);
background-image: url(images/nqf_bkg_long.jpg);
Background-Repeat:no-repeat;
Background-Attachment:roll;
Background-Position:top;
font:13px Verdana, sans-serif;
	min-width:735;
	width:735;
}
.widget-button { 
    border: 1px solid #ffcc00; 
   background: #4E608B;
   padding: 4px 16px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   text-shadow: rgba(0,0,0,.1) 0 1px 0;
   font-family: Verdana, Arial;
	font-size: 11px;
	color: #ffcc00;
   font-style: bold;
      	letter-spacing: 1px;
   vertical-align: middle; 
    position: relative; 
    text-transform: uppercase;
	  
opacity : 0.9; 
    filter : alpha(opacity=90);
	-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; }

a.widget-button {  font-weight: bold; color: #ffcc00}
a.widget-button:hover {  font-weight: bold; color: #4E608B; background: #ffcc00;}

.widget-button2 { 
    border: 1px solid white; 
   background: #6699cc;
   background: -webkit-gradient(linear, left top, left bottom, from(#6699cc), to(#99cccc));
   background: -moz-linear-gradient(top, #6699cc, #99cccc);
   padding: 4px 16px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-style: bold;
      	letter-spacing: 2px;
  font-family: Verdana, FreeSans, sans-serif;   text-decoration: none;
   vertical-align: middle; 
    position: relative; 
    text-transform: uppercase; -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white;
	-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; }

.widget-button:hover {   
   color: #fff;
	}
	#images img
	{
		display: none;
		border: 0px white solid;
		width: 300px;
		height: 300px;
		position: absolute;
	}
.readmore-js-toggle, .readmore-js-section {
  display: block;
  width: 100%;
}
.readmore-js-section {
  overflow: hidden;
}