/* FONT UPLOAD */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* AWARD MAKER FORM TABLE STYLES */
#form1 { font-family: 'Open Sans',sans-serif; font-size: 15px; }
#form1 table > tbody > tr > td { width: 200px; padding: 15px; }
#form1 table  > tbody > tr > td > img { width: 170px; border: 3px solid #fff; }
#form1 table  > tbody > tr > td:hover > img { width: 170px; border: 3px solid #faae31; }
/* highlighted after click style */
td.highlight img { border: 3px solid #faae31 !important; }
#form1 h1 { margin: 0px 0px 10px; }
#form1 p { margin: 0px; text-size: 15px; line-height: 24px; }

/* INPUT FIELDS */
.awardchoice { font-size: 15px; height: 40px; border: 1px solid #ccc; }
.textinput{ width: 180px; height: 20px; font-size: 16px; padding: 7px 5px; }
textarea#txtMsg { width: 333px; height: 122px; padding: 5px 30px; }
.msgError { position: relative; }
.msgError span { width: 400px; position: absolute; top: 0px; left: 0px; }
.awardButtons { float: right; margin-top: 20px; }
.awardButtons a.buttontext:last-child { margin-left: 15px; }


/* Award PREVIEW Popup */
div#preview { width: 100%; height: 100%; position: absolute; top: 10px; left: 0px; padding: 0px; background: #fff; display: none; }
.p_pagediv { width: 640px; height: 828px; border: 1px solid #ddd; position: relative; background-image: url('image/Award_Fantastic.jpg'); background-repeat: no-repeat; background-size: 640px 828px; margin: 40px 104px 0px;}
	 
a.buttontext { width: 100px; height: 34px; line-height: 34px; display: inline-block; text-decoration: none; text-align: center; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: White; }
a#lbPrint, a#lbPrint2 { background-color: #0099FF; }
a#lbPrint:hover, a#lbPrint2:hover { background-color: #49B2F8; }
a#lbPreview { background-color: #99CC00; }
a#lbPreview:hover { background-color: #A7DB0C; }

a#lbClose { background-color: #838587; }
a#lbClose:hover { background-color: #767c80; }

/* text-input section */
.p_worddiv {  width: 640px; font-family: Comic Sans MS; text-align: center; font-weight: 800; margin:0 0 0 0; }
 
 /* title top-spacer */ 
.p_topdiv { width: 640px; height: 368px; }

/*to - students name field*/
.p_todiv { width: 450px; height: 55px; margin: auto; }
.p_student { font-size: 32px; color: black; }

/* date - date field */
.p_datediv{ width: 360px; height: 36px; margin: auto; /*border: solid 1px;*/ }
.p_dateformat { font-size: 24px; color: darkmagenta; }

.p_spacediv{ width: 400px; height: 55px; margin: auto; }

/* message input field - 100 character max word message */ 
.p_messagediv { width: 337px; height: 135px; margin:0px auto; }
.p_msg { color: navy; font-size: 20px; word-wrap: normal; line-height: 29px; }

.p_space2div { width: 400px; height: 30px; margin: auto; }

/* from - teachers name input field */ 
.p_fromdiv { width: 320px; height: 35px; margin: auto; padding-top: 15px; }
.p_teacher { font-size: 28px; color: black; }

.msg {
            overflow:hidden;
            text-align:center;
            font-family: Courier;
            font-weight: 800;
            font-size:18px;
            line-height: 30px;
            resize: none;
        }