body, div, img, span, table, tbody, thead, tr, td, th {  
  padding:0px; margin:0px; border:0px;
}

#colorSelector {
  position: relative;
  width: 36px;
  height: 36px;
  background: url(colorpicker/images/select.png);
}
#colorSelector div {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
  background: url(colorpicker/images/select.png) center;
}
.card {
  margin: 0px;
  border-spacing:0px;
}
.image_container {
  height:50%;
}
.layer {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}
body {
  background-color:#555;
}

.loading-body {
  width:100%;
  height:100%;
}

.card {
  padding:1in;
}
.print_window {
  height:7.25in;
  width:9.75in;
  border:0px solid black;
  position:relative;
}
.card_display {
  text-align:center;
  position:relative;
  outline:1px dotted black;
}

.inner_card:first-of-type {
  height: 100%;
}

.inner_card {
  overflow:hidden;
	list-style-type:none;
}

.reward_table{
  width:100%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  border-collapse:separate;
}

.reward_table .heading_day {
  width:1.5in;
  font-size:14pt;
  font-family:Arial,Arial,Helvetica,sans-serif;
}
.reward_table .reward_level {
  border:1px solid black;
  border-radius:0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.reward_table .heading_heading {
  font-family:Arial,Arial,Helvetica,sans-serif;
  font-size:10pt;
}
.reward_table .heading_cell {
  border:1px solid darkred;
  border-radius:0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-family:Arial,Arial,Helvetica,sans-serif;
  font-size:10pt;
}

.border_image {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	z-index:-3;
  background-color:rgb(255,255,255);
}

.inner_image {
  position:absolute;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}

.ui-accordion .ui-accordion-header a {
  padding:0.3em 2.2em;
}

.ui-tabs .ui-tabs-nav li a {
  padding:0.5em;
}

.ui-tabs-panel {
	width:400px;
}

.ui-draggable{cursor:move;}
.card_display>div>.ui-draggable:hover{
  background-color:lightgray;
  outline:2px solid darkgray;}
.ui-dialog-titlebar-close {display:none;visibility:hidden;}
.ui-widget { font-size: 12px; }

.draggable_images>img {
  margin:2px;
  float:left;
}
label {
  margin-top:15px;
  margin-bottom:5px;
  margin-left:5px;
  margin-right:5px;
  display:inline-block;
}

.clickable_images>img {
  cursor:pointer;
}

.selected_img{
  outline:2px solid blue;
}


/*this is what we want the div to look like
  when it IS showing*/
div.loading-visible{
  /*make visible*/
  display:block;
  z-index:10000;
  /*position it at the very top-left corner*/
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  font-size:30px;
  /*in supporting browsers, make it
    a little transparent*/
  background:#fff;
  _background:none; /*this line removes the background in IE*/
  /* opacity:0.7;*/
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;

  /*set the padding, so that the content
    of the div is centered vertically*/
  padding-top:25%;
}

div.loading-visible img {
  margin-right:15px;
}