/******** This is for the message displayedon the view boatlanding sign-up page *****/

 
/******************* The following is for the admin approvals *********************/    
#clModalButton
{
width:18px;
position:relative;
/*top:-377px;
left:-160px;*/
top:25px;
left:135px;
color:#000000;
text-align: center;
font-size:14px;
padding-bottom: 2px;
background:#FF0000;
border-radius: 10px;
height:16px;
cursor:pointer;
opacity:1;
/*-webkit-transition:width 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition:width 1s;*/
}

#clModalDisplay p {
font-size: 13px;
margin-top: 8px;
}

#clModalButton:hover > #clModalDisplay
{
position:absolute;
top:-210px;
left:-170px;
width:400px;
height:185px;
font-size: 13px;
color: #000000;
text-align: left;
padding: 5px 10px 13px 10px;
border-radius: 10px;
border: 1px solid #000000;
background: #fff;
box-shadow: 5px 5px 10px #888888;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
background: linear-gradient(#fff, #999); 
opacity:1;
z-index:99999;
}

h2.clModal{
text-align: center;
font-size:16px;
padding: 2px 0px 0px 0px;
}

#clModalDisplay
{
position:absolute;
top:-9000px;
left:-9000px;
/*width:0px;
height:0px;
background:green;*/
/*-webkit-transition:width 1s;
transition:width 1s;*/
/*-webkit-transition:height 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition:height 1s;*/
-webkit-transition: opacity .35s ease-in;
-moz-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
opacity:0;
z-index:2;
}

/******** End view boatlanding sign-up page *****/

/* Added for modal use in the appointment calendar */

#modalContainer {
position:relative;
top:9rem;
left:18.625rem;
}

.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: -6.25rem;
right: 0px;
bottom: 0px;
left: 0px;
background: #231708;
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}

#posLink {
width: 9.2rem;
position: absolute;
top:-80px;
left:-291px;
}

.modalDialog:target {
opacity:1;
pointer-events: auto;
}

.modalDialog > div {
width: 25rem;
min-height: 600px;
position: relative;
margin: 10% auto;
padding: 0.3125rem 1.25rem 0.8125rem 1.25rem;
border-radius: 0.625rem;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
background: linear-gradient(#fff, #999);
}

.close {
background: #DDE5CC;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }
.modalLink a:link, a:visited {
color: #404A27;
 } 
 
 /**************** End of admin approvals **********************/
 
 /******************* The following is for the user only deletes *********************/ 
    
#clModalButtonUser
{
width:18px;
position:absolute;
top:-375px;
left:-160px;
color:#000000;
text-align: center;
font-size:14px;
padding-bottom: 2px;
background:#FF0000;
border-radius: 10px;
height:16px;
cursor:pointer;
opacity:1;
/*-webkit-transition:width 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition:width 1s;*/
}

#clModalDisplayUser p {
font-size: 13px;
margin-top: 8px;
}

#clModalButtonUser:hover > #clModalDisplayUser
{
position:absolute;
top:-185px;
left:-140px;
width:275px;
height:150px;
font-size: 13px;
color: #000000;
text-align: left;
padding: 5px 10px 13px 10px;
border-radius: 10px;
border: 1px solid #000000;
background: #fff;
box-shadow: 5px 5px 10px #888888;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
background: linear-gradient(#fff, #999);
opacity:1;
z-index:99999;
}

h2.clModalUser {
text-align: center;
font-size:16px;
padding: 10px 0px 0px 0px;
}

#clModalDisplayUser
{
position:absolute;
top:-900px;
left:-900px;
/*width:0px;
height:0px;
background:green;*/
/*-webkit-transition:width 1s;
transition:width 1s;*/
/*-webkit-transition:height 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition:height 1s;*/
-webkit-transition: opacity .35s ease-in;
-moz-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
opacity:0;
z-index:2;
}

/******** End view boatlanding sign-up page *****/

/* Added for modal use in the appointment calendar */

#modalContainerUser {
float:left;
position:relative;
top:378px;
left:295px;
}

.modalDialogUser {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
/*background: rgba(0,0,0,0.8);*/
background:#231708;
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}

#posLinkUser {
width: 130px;
position: absolute;
top:-375px;
left:-291px;
}

.modalDialogUser:target {
opacity:1;
pointer-events: auto;
}

.modalDialogUser > div {
width: 365px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
background: linear-gradient(#fff, #999);
}

.closeUser {
background: #DDE5CC;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

.closeUser:hover { background: #00d9ff; 
}
.modalLink a:link, a:visited {
color: #404A27;
}

/********* Info for about editing *********/

#clModalButtonEmpty
{
width:18px;
position:relative;
top:-18px;
left:115px;
color:#000000;
text-align: center;
font-size:14px;
padding-bottom: 2px;
background:#FF0000;
border-radius: 10px;
height:16px;
cursor:pointer;
opacity:1;
/*-webkit-transition:width 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition:width 1s;*/
}

#clModalDisplayEmpty p {
font-size: 13px;
margin-top: 8px;
}

#clModalButtonEmpty:hover > #clModalDisplayEmpty
{
position:absolute;
top:-185px;
left:-150px;
width:370px;
height:175px;
font-size: 13px;
color: #000000;
text-align: left;
padding: 5px 10px 13px 10px;
border-radius: 10px;
border: 1px solid #000000;
background: #fff;
box-shadow: 5px 5px 10px #888888;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
background: linear-gradient(#fff, #999);
opacity:1;
z-index:99999;
}

h2.clModalEmpty{
text-align: center;
font-size:16px;
padding: 2px 0px 0px 0px;
}

#clModalDisplayEmpty
{
position:absolute;
top:-9000px;
left:-9000px;
/*width:0px;
height:0px;
background:green;*/
/*-webkit-transition:width 1s;
transition:width 1s;*/
/*-webkit-transition:height 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition:height 1s;*/
-webkit-transition: opacity .35s ease-in;
-moz-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
opacity:0;
z-index:2;
} 
 
 /**************** End of user only delets approvals **********************/