/** Add css rules here for your application.*/
body {
	color: white !important;
	background-color: black;
}

a:link { 
	color: #515151; 
}
a:visited { 
	color: #777777; 
}
a:active { 
	color: white; 
}
a.gwt:link {
	color: #515151;
}
a.gwt:visited {
	color: #777777;
}
a.gwt:active {
	color: white;
}
a.gwt:hover {
	color: red; 
	text-decoration: none; 
	background-color: #ffffcc; 
}

a.hoverblack:hover {
	background-color: black;
}

div.addthis_button_background {
	background-color: #515151;
	width: 80%;
	margin:auto;
	padding-bottom: 5px;
	text-align: right;
}

a.addthis_button {
	position: relative;
    top: 5px;
    text-align: right;
}

a.addthis_button:hover {
	background-color: transparent; 
}

div.background {
	background-color: #515151;
	width: 100%;
	text-align: left;
}

.clickMe {
	border: solid #515151 thin;
	padding: 1pt;
	margin: 20pt;
	float: left;
	cursor: pointer;
}

.clickMe-active {
	border: solid red thin;
	padding: 1pt;
	margin: 20pt;
	float: left;
	cursor: pointer;
}

.floatLeft {
	padding: 1pt;
	margin: 20pt;
	float: left;
}

.floatLeft:link {
	color: #515151;
}
.floatLeft:visited {
	color: #515151;
}
.floatLeft:hover {
	background-color: transparent;
	color: red;
}
a.gwt-Anchor:link {
	color: #515151;
}

a.gwt-Anchor:hover {
	color: red;
}
a.gwt-Anchor:visited { 
	color: #777777; 
}
a.gwt-Anchor:active { 
	color: white; 
}

.panelBody {
  background-color: #515151;
  padding: 2px 0px 2px 0px;
  width: 100%;
  height: 100%;
}

.panelBox {
  background-color: black;
  margin-bottom: 20px;
  padding: 2px 20px 10px 20px;
  width: 80%;
  height: 80%;
}

.panelHeader {
  margin: 0px;
  padding-bottom: 8px;
  width: 80%;
  height: 80%;
}

.homePanel {
	width: 100%
}

h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 25px 0px 20px;
  text-align: center;
}


/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}


/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
/***********************************************************
*                      MenuItem deepanddance
***********************************************************/
.deepanddance-MenuItem
{
    border                      :   1px solid #666;
    border-width                :   1px 0;
    margin                      :   0 auto;
    font-size                   :   80%;
}
.deepanddance-MenuItem .gwt-MenuItem
{
    cursor                      :   pointer;

    border-left                 :   1px solid #999;
    border-right                :   1px solid #999;
    padding                     :   0 10px;
    color						:   black;

}
.deepanddance-MenuItem .gwt-MenuItem-selected
{
    background-color            :   #ffc;
}
/***********************************************************
*                      Popup deepanddance
***********************************************************/
.details-PopUpPanel
{
    background-color       :    #ffc;
    border                 :    3px solid #009;
    width				   :    640px;
    height				   :    480px;
    padding                :    5px 5px 5px 5px;
}

.flyer-PopUpPanel
{
    background-color       :    #ffc;
    border                 :    3px solid #009;
    width				   :    490px;
    height				   :    740px;
    padding-top            :    5px;
}

.newsletter {
	margin: 0;
	padding: 0;
		position: relative;
    top: 5px;
    text-align:left;
}

.email-Entry {
    font-size: 8pt;  
    margin: 0px 0px 0px 10px;
    border: 0px;
}

.email-Button {
    font-size: 8pt;
    margin: 0px 0px 0px 10px;
    position: relative;
    top: -2px;
}

.email-PopUpPanel
{
    font-size              :    75%;
    padding                :    5px;
    color                  :    black;
    background-color       :    #ffc;
    border                 :    1px solid #009;
    
}

.clickMePopUp {
	border: solid #515151 2pt;
	padding: 1pt;
	cursor: pointer;

}

.clickMePopUp-active {
	border: solid red 2pt;
	padding: 1pt;
	cursor: pointer;
}


.details-Composite
{
    margin                 :    0 auto;
}
.details-PopUpPanel-header
{
    background-color       :    #ff0;
    font-size              :    90%;
    font-weight            :    bold;
    border-bottom          :    3px solid #009;
    padding                :    5px;
    text-align             :    center;
}
.details-PopUpPanel-message
{
    font-size              :    80%;
    padding                :    5px 20px 0px 5px;
    color                  :    black;
}

.contactHTML {
  text-align: right;
  color: black;	
}

.details-PopUpPanel-contact
{
    background-color       :    #ffc;
    border                 :    3px solid #009;
    font-size              :    120%;
    padding                :    5px 20px 0px 5px;
    width				   :    320px;
    height  			   :    280px;
}
.details-PopUpPanel-footer
{
    text-align             :    center;
    width                  :    100%;
    position: absolute;
    bottom: 5px;
/*       border-top         :    1px solid #009;*/
}
img.pullman {
	border: 0px solid; 
	margin-top: 10px; 
	margin-bottom: 10px;
	margin-right: 10px;
	width: 92px; 
	height: 44px; 
	float: left;
}
p.pullman {
	padding: 10px;
	font-size: 75%;
	text-align: left;
}
.pullman {
	border-top: 1px solid #ffc;
}
img.myspace {
	position: relative;
	top: 5px;
	border: 0px solid;
	padding-left: 5px;
	width: 113px;
	height: 23px; 
}
img.facebook {
	position: relative;
	top: 5px;
	border: 0px solid;
	padding-left: 5px;
	width: 48px;
	height: 48px; 
}
img.ical {
	position: relative;
	top: 5px;
	border: 0px solid;
	padding-left: 5px;
	width: 51px;
	height: 48px; 
}
img.icon {
	position: relative;
	border: 0px solid;
	width: 25px;
	height: 25px; 
}
img.youtube {
	position: relative;
	top: 12px;
	border: 0px solid;
	padding-left: 5px;
	width: 103px;
	height: 36px; 
}
img.melone {
	margin-bottom: 10px;
	border: 1px solid;
	padding: 5px;
	width: 90px;
	height: 90px;
}
img.meloneJB {
	margin-bottom: 10px;
	border: 1px solid;
	padding: 5px;
	width: 170px;
	height: 79px;
} 
p.myspace {
	float: right;
}

iframe.ticketshop {
	padding-top: 10px;
}

.flash {
   border-top: 1px solid #ffc;
   border-bottom: 1px solid #ffc;
   padding: 5px;
   z-index: 999;
}

.flash_bottom {
   border-bottom: 1px solid #ffc;
   padding: 5px;
   z-index: 999;
}
.gwt-DialogBox {
   z-index: 1000;

}

.hot {
		background-color: #5F0000;
}
table.deepandance {
	border-collapse: seperate;
	border: solid white;
	border-width:thin;
}
th.deepandance {
	text-align: left;
	border-bottom: medium dotted #5F0000;
	padding-top: 10pt;
}
tr.deepandance td {
	padding-top: 10pt;
}
table.lineup {
	margin-left: auto; 
	margin-right: auto;
	width: 240pt;
	border-collapse: seperate;
	border: solid white;
	border-width:thin;
}
table.lineup16 {
	margin-left: auto; 
	margin-right: auto;
	width: 480pt;
	border-collapse: seperate;
	border: solid white;
	border-width:thin;
}
.map {
   border-top: 1px solid #ffc;
   border-bottom: 1px solid #ffc;
   padding: 5px;
}