html{ margin: 0; padding: 0; height:100%; }
body{ margin: 0; padding: 0; font-family: "Lucida Grande",Arial, sans-serif; font-size: 14px; height:100%; text-align: center;  min-width: 940px; }

div#login-content-default h4 { font-size: 20px; font-weight: bold; margin-top: 40px; font-family: "Lucida Grande",Arial, sans-serif; }


/*Modal Form Elements*/
#simplemodal-container form{ margin:0; padding:0; } 
#simplemodal-container label{ text-align: center; line-height:150%; font-size:14px; text-transform: none; margin: 12px 40px; letter-spacing: normal; }
#simplemodal-container label.error {display: none !important; }

label.tight{ margin-bottom:-2px !important; }
.text-normal{ background:url(../img/inputbg-login.jpg) no-repeat; width:172px; border:none; font-size:20px; padding:6px 15px; outline:none; }
.text-wide{ background:url(../img/inputbg-login-wide.jpg) no-repeat; width:232px; height: 37px; border:none; font-size:20px; padding:6px 15px; outline:none; }

#simplemodal-container input[type="text"], input.text, input.title, textarea, select { border: none; }

#editsession-form .modal-button, #addsession-form .modal-button{ margin-top:13px; }
#simplemodal-container #login-content-help label{ margin:7px 40px; }

/*Clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } 
* html .clearfix { height: 1%; }
.clearfix {display: block;}

/* ~~~~~~~~~ CLICK-ACTION BUTTONS ~~~~~~~~~ */
a.go{ background:url(../img/button-go.jpg) no-repeat left; width:76px; height:30px; display:block; }	
.edit strong, .delete strong, .addsession strong, .no strong, .yes strong, .go strong, .send strong, .help strong, .back strong, .save strong, .close strong, .confirm-yes strong, .confirm-no strong, .addfiles strong,  .editfiles strong, .upload strong, .savephoto strong, .sessions strong, .left strong, .right strong, .bigsend strong{ display:none; }



/* ~~~~~~~~~ SIMPLEMODAL STYLES ~~~~~~~~~ */
#simplemodal-overlay { background-color:#000; cursor:wait; }
#simplemodal-container{ top:15% !important; }

/*Dynamic Modal Background*/
.modal-top-left, .modal-top-right, .modal-bottom-left, .modal-bottom-right { height:50%; width:50%; position:absolute; background:url(../img/modalbg.png); z-index:-1; }
.modal-top-left { top:0; left:0; }
.modal-top-right { background-position: top right; top:0; right:0; }
.modal-bottom-left { background-position: bottom left; bottom:0; left:0; }
.modal-bottom-right { background-position: bottom right; bottom:0; right:0; }

/*Modal Sizes*/
#modal-login{ width:362px; height:226px; }
#modal-editsessioninfo, #modal-addsession{ width:362px; height:462px; }
#modal-deletesession{ width:362px; height:170px; }
#modal-addfiles{ width:400px; min-height:210px; }
#modal-sessions{ width:320px; min-height:300px; }

/*Styles for all the modals*/
#simplemodal-container h1{ margin-top:50px; }
#simplemodal-container a.modalCloseImg { background:url(../img/modalclose.jpg) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:28px; right:28px; cursor:pointer; }

/*Loading Spinner*/
#editsession-loading, #addsession-loading{ margin-top:120px; }
#deletesession-loading{ margin-top:25px; }

/*Successful Save*/
#editsession-saved, #addsession-saved{ margin-top:75px; }
#editsession-saved-close a, #addsession-saved-close a{ margin:30px auto 0px auto; }

/*Modal Button Containers*/
.modal-button{ margin-top:10px; }
	.modal-button a{ margin:0 auto; }
.modal-help, .modal-help-back{ position: absolute; bottom:28px; left:28px; }
#modal-deletesession p{ margin:10px auto; width:280px; }