a {cursor:pointer;font-family:Tahoma, Verdana, Arial, Verdana;font-size:1em;color:#330010;text-decoration:none;}
	a:hover {background-color:#330010;color:yellow;text-decoration:underline;}
	
	
	body,td,div {font-family:Tahoma, Arial, Verdana;font-size:1em;color:#330010;scrollbar-face-color:#CCCCEE;scrollbar-shadow-color:#003366;scrollbar-highlight-color:#003366;scrollbar-3dlight-color:silver;scrollbar-darkshadow-color:black;scrollbar-track-color:#EEEEEE;scrollbar-arrow-color:#003366;}
	
	select,input,textarea {font-family:Tahoma, Arial, Verdana;font-weight:normal;font-size:1em;color:#330010;}
	.sm {font-family:Tahoma, Arial, Verdana;font-size:1em;color:#330010;}
	.smbold {font-family:Tahoma, Arial, Verdana;font-size:1em;font-weight:bold;color:#330010;}

	body {
		background-color:#b4c4e5;
	}

/* New Improvements */
/* ******** Joan Samaras ********** */

.body_new {font-family:"Ubuntu", "Roboto", "Open Sans", Verdana, Tahoma, Arial, sans-serif;font-size:1.2em;color:#330010;}

.a_new {cursor:pointer;color:#fff;text-decoration:none;}
.a_new:hover {background-color:#330010;color:#fff; text-decoration:none;}

.titsm_new {font-weight:bold;font-size:1.3em;background-color:#2D355C;color:#FFFFFF;}
.smjust_new {font-size:1em;color:#330010;text-align:justify;vertical-align: middle;}

/*h3 {
    font-size: 1.4em;
    font-weight: 700;
    font-family:"Ubuntu", "Roboto", "Open Sans", Verdana, Tahoma, Arial, sans-serif;
}*/

.tbl1 {
    padding: 5px 10px; max-width: 65%; text-align: center; vertical-align: middle; width: 50%;
}
.tbl2 {
    padding: 5px 10px; max-width: 35%; text-align: center; vertical-align: middle; width: 50%;
}

.tbl3 {
    padding: 5px 10px; max-width: 65%; text-align: right; vertical-align: middle; width: 50%;
}
.tbl4 {
    padding: 5px 10px; max-width: 35%; text-align: center; vertical-align: middle; width: 50%;
}

tbody {
    width: 100%;
}
.smTable {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    color:#fff;
}
.a_gen {
    font-weight: bold;
}
.smTableLabel {
    padding-right: 20px;
    color:#fff;
}
.but_new {
    margin-bottom: 20px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    text-decoration: none;
    color: #fff;
    background-color: #DE3434;
    text-align: center;
    letter-spacing: .5px;
    border: none;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .5px;
    width: 412px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.but_new:hover {
    background-color: #0303af;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.smTable_cheat {
    text-align: center;
}

.tbl_col {
    background-color: #E74530;
}
.tbl_td {
    text-align: left; padding: 0px 50px 0px 50px;
}
.tbl_tr {
    padding-bottom: 20px; text-align: center;
}
.tbl_insideTable {
    width: 100%; text-align: justify; display: flex; justify-content: center; background-color: #E74530; color: #fff; font-size: 1.3em;
}

#bgimag {
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.menuPagePic {
    width: 100%;
    height: 100%;
}

#menuTable {
    display: flex;
    justify-content: center;
}
#menuTable tr {
    width: 100%; 
    text-align: center; 
    vertical-align: middle;
    display: flex;
}

#menuTable td {
    width: 100%;
}


.logoutButton {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0px;
}
.menuItem {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px 0px;
}
.menuItem:hover {
    color: #fff;
    background-color: #E74530;
}

.userDet {
    width: 100%; 
    padding: 4px; 
    font-weight: 800; 
    font-size: 1em;
}

.infoBut {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    background-color: #000080;
    text-align: center;
    letter-spacing: .5px;
    border: none;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    text-decoration: none;
    letter-spacing: .5px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.infoBut:hover {
    background-color: #0303af;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.calendarSearchField {
    border: 2px solid #000080;
    height: 36px;
    background-color: #fff;
}

#helloMsg {
    font-weight: 800;
    font-style: italic;
    line-height: 20px;
    text-align: center;
}

#calendar {
    background-image: url(images/calendar.png);
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    background-position: center;
}

.feedback {
    color: #E74530;
    font-weight: bold;
    text-decoration: underline;
}
.stlBlue {
	background-color:#2D355C;
	color:#fff;
}
.stlRed {
	background-color:#DE3434;
}
.tbl_insideTable {
	background-color:#2D355C;
}