@font-face
{
     font-family: wedding;
     src: url(../fonts/BLESD___.otf);
}

.wrapper {
	margin: 0px auto;
	width: 100%;
	position: relative;
}
.header {
     position: fixed;
     top: 0;
     left: 0;
      width: 100%;
      height: 170px;
      z-index: 1000;
      background-color: #F89393;
}
body {
	margin: 0px;
	padding: 0px;
     font-family: Arial;
	font-size: 12px;
	background-color: #F89393;/* f9f9bc */
	position: relative;
}

img {border: 0px;}
a {outline: none;}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	color:#ffffff;
}
h1 {
     font-size: 70px;
     font-weight: bold;
     text-align: center;
     
     font-family: wedding, Arial;
}

a:link    { color:#ffffff; text-decoration:underline; }
a:visited { color:#ffffff; text-decoration:underline; }
a:hover   { color:#ffffff; text-decoration:none; }
a:active  { color:#ffffff; text-decoration:underline; }

a.dark_red_link:link    { color:#a11c10; text-decoration:underline; }
a.dark_red_link:visited { color:#a11c10; text-decoration:underline; }
a.dark_red_link:hover   { color:#a11c10; text-decoration:none; }
a.dark_red_link:active  { color:#a11c10; text-decoration:underline; }


a.title:link    { color:#ffffff; text-decoration:none; }
a.title:visited { color:#ffffff; text-decoration:none; }
a.title:hover   { color:#ffffff; text-decoration:none; }
a.title:active  { color:#ffffff; text-decoration:none; }


/*========			Main				========*/
.tableWrap {
     width: 250px;
     height: 250px;
     float: left;

}

.table {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     border: 2px solid #F89393;
     float: left;

}
.tableSpot {
          cursor: pointer;
}
.tableSpot:hover {
     background-color: #eee;
}

.spot1, .spot2, .spot3, .spot8, .spot9, .spot10 {
     width: 79px;
     height: 44px;
     float: left;
}

.spot4, .spot5, .spot6, .spot7 {
     width: 44px;
     height: 73px;
}

.leftTable, .rightTable {
  float: left;
}

.tableName {
     font-weight: bold;
     font-size: 21px;
     padding-top: 35px;
     text-align: center; 
     cursor:move;
}

.tableAdd {
     font-size: 12px;
     text-align: center;
}
.tableAdd:hover {
     font-weight: bold;
}

.addInput {
     border: 1px solid #F89393;
     width: 125px;
}

.addButton {
     margin-top: 6px;
     border: 2px solid #F89393;
     background-color: #eee;
     cursor: pointer;
}

.floor {
     width: 100%;
     min-height: 1000px;
     background-color: #fff;
     margin-top: 20px;
     position: relative;
     top: 150px;
}

.user {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 10px;

}

#login {
     margin-top: 8px;
}
.bg {background-color: #F89393;}
#signup {
     margin-top: 20px;
     background-color: #F89393;
}



.alert-success {
   background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
   font-size: 14px;
    line-height: 1.42857;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
}

.alert-error {
   background-color: #C00000;
    border-color: #900000;
    color: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
   font-size: 14px;
    line-height: 1.42857;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
}

/*========			Footer				========*/


/*========			For hidden stuff				========*/
#winDarkBackground {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1000px;
	background-color: #fff;
	opacity:0.25;filter:alpha(opacity=25);
	display: none;
	z-index: 999998;
	position: absolute;

}

.popup_top {
   background: url("../images/popup_tl.png") no-repeat;
   padding-left: 15px;
}
.popup_top div {
   background: url("../images/popup_tr.png") top right no-repeat;
   padding-right: 15px;
}
.popup_top div div {
   background: url("../images/popup_tm.png") repeat-x;
   padding: 0;
   height: 15px;
}

.popup_bottom {
   background: url("../images/popup_bl.png") no-repeat;
   padding-left: 15px;
}
.popup_bottom div {
   background: url("../images/popup_br.png") top right no-repeat;
   padding-right: 15px;
}
.popup_bottom div div {
   background: url("../images/popup_bm.png") repeat-x;
   padding: 0;
   height: 15px;
}


.popup_bl {
	width: 15px;
	height: 15px;
	background-image: url("../images/popup_bl.png");
/* 	margin-bottom: -12px;
	margin-left: -16px; */
	float: left;
}

.popup_br {
	width: 15px;
	height: 15px;
	background-image: url("../images/popup_br.png");
/* 	margin-bottom: -12px;
	margin-right: -16px; */
	float: right;
}

.popup_close {
	padding-top: 10px;padding-right: 10px;background-color: #373737;border-left: 5px solid #e17116;border-right: 5px solid #e17116;
}
#generalPopup {
	width: 500px;
	background-color: #373737;
	border-left: 3px solid #e47d1d;
	border-right: 3px solid #e47d1d;
	border-top: 3px solid #e47d1d;
	border-bottom: 3px solid #e47d1d;
	display: none;
	z-index: 999999;
	color: #fff;
/* 	opacity:0.85;filter:alpha(opacity=85); */
	position: fixed;
}

#detailsPopup {
	width: 500px;
/* 	background-color: #424242; */

	display: none;
	z-index: 999999;
	color: #fff;
/* 	opacity:0.85;filter:alpha(opacity=85); */
	position: fixed;
}
#detailsPopupMain {
	background-color: #373737;
 	border-left: 5px solid #e17116;
	border-right: 5px solid #e17116;
}
#termsPopup {
	width: 500px;
	background-color: #373737;
	border-left: 3px solid #e47d1d;
	border-right: 3px solid #e47d1d;
	border-top: 3px solid #e47d1d;
	border-bottom: 3px solid #e47d1d;
	display: none;
	z-index: 999999;
	color: #fff;
/* 	opacity:0.85;filter:alpha(opacity=85); */
	position: fixed;
}

#generalPopupMain {
	padding: 0px 20px 20px 20px;
	z-index: 9999999;
	opacity:1.00;filter:alpha(opacity=100);
}

/*========			PUT in styles.css				========*/

.flR {float: right;}
.flL {float: left;}

.clR {clear: right;}
.clL {clear: left;}
.clB {clear: both;}

.aR {text-align: right;}
.aL {text-align: left;}
.aC {text-align: center;}

.vNo {display: none;}

.nCr {display: inline;}

.mR7  {margin: 0px 7px 0px 0px;}
.mT7  {margin: 7px 0px 0px 0px;}
.mB7  {margin: 0px 0px 7px 0px;}
.mTB7 {margin: 7px 0px 7px 0px;}
.mLR7  {margin: 0px 7px 0px 7px;}
.mL7  {margin: 0px 0px 0px 7px;}
.mLR14 {margin: 0px 14px 0px 14px;}
.mL14 {margin: 0px 0px 0px 14px;}
.mLR21 {margin: 0px 21px 21px 21px;}

.cP {cursor: pointer;}

.fs9  {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}

.fBo {font-weight: bold;}

.uL {text-decoration:underline;}

.hS	 {width: 100%;}
.w100 {width: 100px;}
.w125 {width: 125px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w275 {width: 275px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w700 {width: 700px;}
.w800 {width: 800px;}
.w900 {width: 900px;}


.bgGr {background-color: #eee;} /*Background Gray*/
.bgWh {background-color: #fff;}
.bgLbl {background-color: #d9e6ee;}

.ccGreen 	{color: #00FF00;}
.ccRed 	{color: #FF0000;}
.ccGrey 	{color: #a6a6a6;} /* Grey used for enter text */
.ccDRed 	{color: #8d1b0e;}

.bord {border: 1px solid #333;}

#error {color: #FF0000; font-size: 11px;text-align:center;}
#errors {color: #FFFFFF; font-weight: bold; font-size: 11px;text-align:center; background-color:#900000;}
#success {color: #FFFFFF; font-weight: bold; font-size: 11px;text-align:center; background-color:#9AAD23;}
.error_field {
	background-color: #FFE4E1;
	border: 1px solid #FF0000;
}


/* buttons */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: normal;
    src: local('Pacifico'), url('http://themes.googleusercontent.com/font?kit=fKnfV28XkldRW297cFLeqfesZW2xOQ-xsNqO47m55DA') format('truetype');
}


.actionButtions {
    display: inline-block;
     text-align: left
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:    0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-right: 20px;
}

.actionButtions span {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ec528d;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(338, 90%, 80%, .8)), to(hsla(338, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
/*     font-family: 'Pacifico', Arial, sans-serif; */
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.actionButtions:hover span {
    background-color: #ec6a9c;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}

.actionButtions:active, #button:focus {
    -webkit-box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);
}

.actionButtions:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}