.box {
  width:15%;
  margin-left:1%;
  margin-right:1%;
  float:left;
  background-repeat:no-repeat;}

.box[box = "head"] {
  float:left;
  margin-bottom:20px;
  text-align:center;
  background-image: url(../images/small_corner_left_bottom.gif);
  background-position: left bottom;
  width:20%;}

.box[box = "left"] {
  clear:both;}
.box[box = "centre"] {
  width:65%;
  margin:0;
  background-image: url(../images/corner_main_left.gif);
  background-position: left top;
  /*height:75%;*/
  border:1px solid #022c00;}
.box[box = "right"] {}



.box[box ~= "inner"] {
  border:0;
  width:100%;
  margin:0;
  margin-bottom:20px;}

.box[box = "head inner"] {
  float:none;
  clear:both;
  background-repeat:no-repeat;
  background-image: url(../images/small_corner_right_bottom.gif);
  background-position: right bottom;
  margin-bottom:0;}

.box[box = "left inner"] {
  background-image: url(../images/small_corner_left_top.gif);
  background-position: left top;
  border:1px solid #3b0602;}

.box[box = "right inner"] {
  background-image: url(../images/small_corner_right_top.gif);
  background-position: right top;
  border:1px solid #3b0602;}

.box[box = "centre inner"] {
  background-image: url(../images/corner_main_right.gif);
  background-position: right top;
  margin-bottom:0;}


.box[box~="second"] {
  width:100%;
}
.box[box="left second"] {
  background-image: url(../images/small_corner_right_bottom.gif);
  background-position: right bottom;
 }
.box[box="right second"] {
  background-image: url(../images/small_corner_left_bottom.gif);
  background-position: left bottom;
 }

.box[box ~="content"] {
  margin:10px;
  width:90%;
  border:0;}

.box[box ="left content"] {}
.box[box ="right content"] {}

.box[box ="centre content level1"] {margin:35px;}
.box[box ="centre content level2"] {margin:0px 35px 35px 35px;}
.box[box ="centre content level3"] {margin:0px 35px 35px 35px;}

.box[box ="form"] {
  margin:15px 0px 10px 0px;
  width:auto;
  float:none;}

.box[box ="comment"] {
  margin-top:15px;
  margin-right:10px;
  width:100%;
  float:left;}
.box[box ="comment count"] {
  float:left;
  width:5%;}

.box[box ="shoutbox"] {
  width:95%;
  margin:0 0 15px 0;
  overflow: auto;
  height:180px;
}

.box[box = "picturePreview"] {
 border:1px solid #3b0602; 
 padding: 5px;
 margin: 5px;
 float:left;
 width:85px;
 height:85px;
}

.box[box = "randomPictureTitle"] {
 clear:both;
 text-align:center;
 width:210px;
 margin: 5px 0px 5px 5px;
}

.box[box = "randomPicture"] {
 border:1px solid #3b0602; 
 margin: 5px;
 width:210px;
 height:210px;
}

#eventContainer{margin-left:1%;
  margin-right:1%;
  background-image: url(../images/small_corner_left_top.gif);
  background-position: left top;
  border:2px solid #3b0602;
  background-repeat:no-repeat;
  background-color:#000000;position: absolute; visibility: hidden;}

#eventCalendarDetailsDiv {padding:5px;}

#eventCalTableHead {width:100%;border:1px solid #022c00;}

#eventCalMonthName {width:100%;text-align:center;}

#eventCalDayNames {width:100%;border:1px solid #022c00;}

.eventCalGigDay {background-color:#022c00;}

.eventCalDays {text-align:center;}


.viewFrame{
  margin-top:60px;
  margin-left:60px;
  position:fixed;
  display:none;
}

.lockingFrame {
  background-color:#000000;
  filter:alpha(opacity=80); /* IE's opacity*/
  opacity: 0.80;
  width:100%;
  height:100%;
  position:fixed;
  display:none;
}
