/**************************
 *      CSS RESET 
 **************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;background:transparent;margin:0;padding:0; font-size:100%;}
body{line-height:1; }
h1,h2,h3,h4,h5,h6{font-weight:400;}
ol,ul{list-style:none}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a img{border:none; border:0;}


/**************************
 *      GLOBAL STYLES 
 **************************/
body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #353f4d; text-align: center; background: #98ccd9; }
h1 { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
 
.subprint { font-size: 10px; }

.decoTable li { padding: 5px 0; border-bottom: 1px solid #e4ebee;  }
.decoTable table { width: 100%; }
.decoTable td { padding: 5px; vertical-align: top; font-size: 10px; }

.entryDate { width: 160px; }
.entryHours { width: 90px; }
.entryDesc { width: 300px; }
.entrySponsor { width: 120px; }

.errorNotice { display: block; margin: 15px 0; text-align: center; }
.noticeBox { display: block; height: 22px; padding: 9px 0 0 65px; font-size: 12px; }
.noticeBox.success { border: 1px solid #2e92ab; color: #fff; background: url('../images/notify_success.png') 0 0 no-repeat #39c0ec; }

.field { padding: 3px; color: #fff; border: 1px solid #27292a; background: #6b6b6b; }
.small.field { width: 20px; }
.medium.field { width: 140px; }

.critAction { color: #F00; font-weight: bold; }

.clr { clear: both; }
/**************************
 *      STRUCTURE STYLES 
 **************************/

.wrap { display: block; width: 800px; padding:10px; margin: 40px auto; border: 3px solid #8fc0cc; background: #fff; text-align: left; }
 
 .header { margin-bottom: 20px; }
 .headerLogo { display: block; width: 150px; height: 100px; background: url('../images/header_kdhsLogo.jpg') 50% 50% no-repeat; }
 .headerLeftCol { float: left; width: 150px; }
 .headerRightCol { float: left; width: 650px; padding-top: 10px; }
 
 .section { margin-bottom: 25px; }

/**************************
*      SYSTEM CLOSED STYLES
**************************/
#Closed.wrap { width: 720px; margin-top: 200px; }
#Closed.wrap h2 { text-align: center; }

/**************************
 *      LOGIN STYLES 
 **************************/
#Login.wrap { width: 720px; margin-top: 200px; }


.loginLogo { display: block; width: 200px; height: 175px; background: url('../images/login_kdhsLogo.jpg') 50% 50% no-repeat; }

.loginLeftCol { display: block; float: left; width: 200px; }
.loginRightCol { display: block; float: left; width: 520px; } 

#loginForm { margin-top: 30px; }
/**************************
 *      LOGIN STYLES 
 **************************/
 
 
/**************************
 *      PARENT UI STYLES
 **************************/

#addEntry { color: #fff; background: #3b3e3f; border: 1px solid #99e2ff; margin-bottom: 20px; }
#addEntry td { color: #fff; }

.decoLeftCol { float: left; height: 70px; padding: 10px; width: 676px; border-right: 1px solid #eaebeb; }
.decoRightCol { float: right; height: 60px; padding: 30px 10px 0 10px; width: 80px; border-left: 1px solid #69c4e3; background: #2bacd7; }
.entryDescField { width: 230px; height: 60px; }

#hoursProgress { background: #3b3e3f; margin-bottom: 20px; border: 1px solid #99e2ff;}
.progressBar { height: 20px; padding: 6px 0; background: url('../images/progressBar.png') 0 0 repeat-x #13acf0; border-right: 1px solid #99e2ff; color: #fff; font-size: 18px; text-align: center; }

.addEntryDate { width: 220px; text-align: center;  cursor: pointer; }
#entryDateDisplay { display: block; margin-top: 10px; text-align: center; color: #fff; font-size: 18px; }
#changeEntryDate { display: block; margin-top: 5px; font-size: 11px; color: #2bacd7; text-align: center; text-decoration:underline;}

.addEntryHours { width: 90px; }
.addEntryDesc { width: 260px; }
.addEntrySponsor { width: 140px; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: white;
 opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}

/**************************
 *      ADMIN UI STYLES
 **************************/
.parentName { width: 160px; }
.parentPhone { width: 90px; }
.parentProgress { width: 200px; }
.parentHours { width: 90px; }
.parentActions { width: 120px; }

#disputedEntries { padding: 5px; border: 1px solid #8a0000; background: #fff1f1; }

#AdminParent .entryDate { width: 110px !important; }
#AdminParent .entryDesc { width: 230px !important; }