body{
background: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
margin: 0px;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff; 
scrollbar-highlight-color: #000000; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #000000; 
}

td {
font-size: 10pt;
}

.dark {
    font-size: 10pt;
    background: #444444;
    color: #FFFFFF;
}

.dark td{
    color: #FFFFFF;
}

h3 {
font-size: 12pt;
font-weight: bold;
margin: 0px;
}

.listbg1 {
background: #EEEEEE;
color: #000000;
}
.listbg2 {
background: #DDDDDD;
color: #000000;
}

.highlight_titles{
color: #000000;  
}

.listbg_header {
background: #444444;
color: #FFFFFF;
}

a{

color: #000000;

font-size: 8pt;

font-weight: bold;

text-decoration: underline;

}


a:visited{

color: #000000;

text-decoration: underline;

}

a:hover{

color: #0060A5;

text-decoration: underline;

}

a:active{

color: #000000;

text-decoration: underline;

}

a.dark{

color: #FFFFFF;

text-decoration: underline;

}

a.dark:visited{

color: #FFFFFF;

text-decoration: underline;

}

a.dark:hover{

color: #FFFFFF;

text-decoration: underline;

}

a.dark:active{

color: #FFFFFF;

text-decoration: underline;

}

span.spn{
cursor:hand;
}

span.tdgreen{
cursor:hand;
color: #33aa33;
}

span.tdred{
cursor:hand;
color: #aa3333;
}

.newsLink{ background: #fff; border-radius: 10px; padding: 10px; color: #333; margin-top: 50px; }
.newsLink select{ border: 1px solid #8496BA; background: #fff; padding: 4px; width: 500px; vertical-align: middle; border-radius: 2px; }
.newsLink input[type=button]{ background: #8496BA; color: #fff; border: 1px solid #506286; padding: 1px 15px; border-radius: 2px; font-size: 16px; vertical-align: middle; }
.newsLink h4{ margin-bottom: 5px; color: #506286; font-weight: normal; }

.linkedItems_wrap{ background: #efefef; border-radius: 5px; padding: 10px; list-style-type: none; }
#linkedItems{ list-style-type: none; border-top: 1px solid #8496BA; padding: 0; margin: 0; }
.newsRow{ border-bottom: 1px solid #8496BA; padding: 5px; cursor: move; }
.newsRow img{ border: none; margin-right: 10px; vertical-align: middle; cursor: pointer; }

#courseOptions{ margin-bottom: 40px; }
#courseDefaults{ display: none; }
#courseOptionRows{ background: #fff; border: 1px solid #aaa; padding: 5px; margin: 5px 0;}
.courseOptionDate{ width: 80px; }
.courseOptionLocation{ width: 200px; }
.courseOptionLocationName{ width: 200px; }
.courseOptionLocationAddress{ width: 400px; }
.courseDetails{ margin: 5px; padding: 4px; background: #dedede; }

.additional-pages{ background: #ccc; padding: 20px; width: 948px; } 
.additional-pages input[type=text]{ padding: 5px; border-radius: 4px; border: 1px solid #666; width: 200px; }
.additional-pages input[type=submit]{ padding: 3px 10px; }

.form_group:after {
    content: '';
    display: block;
    clear: both;
}
.form_group{ margin-bottom: 10px; }
.form_group label{ width: 30%; float: left; }
.form_group .col_field{ width: 70%; float: left; }
.form_group .col_field input[type=text]{ width: 100%; padding: 5px; border-radius: 4px; border: 1px solid #333; }
.form_group .col_field textarea{ width: 100%; height: 100px; padding: 5px; border-radius: 4px; border: 1px solid #333; }
thead th{ font-size: 10pt; text-align: left; }

input[type=text]{ color: #000; }
input[type=number]{ color: #000; }
input[type=password]{ color: #000; }

input[type=submit], input[type=reset], input[type=button]{
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
    padding: 1px 7px 2px;
    
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
}

.counter{ margin-left: 10px; }

.alert-error{ background: #ffe7e7; border: 1px solid #ff8787; padding: 10px; margin: 20px 0; border-radius: 4px; color: #dd4b4b; }


#filelist ul{ padding: 0; margin: 0; list-style: none; }
#filelist ul li{ padding: 0; margin: 5px 0; border: 1px solid #ccc; cursor: move; }
#filelist ul li>div{ background: #fff; padding: 5px; }
#filelist ul li img{ float: left; margin-right: 10px; }
#filelist ul li .img-cnt-info:after{ content:''; display: table; clear: both; }
#filelist ul .img-cnt > div{ float: left; }
#filelist ul .img-cnt:after{ content:''; display: table; clear: both; }
#filelist ul .img-cnt .img-cnt-sort{ width: 30px; }
#filelist ul .img-cnt .img-cnt-actions{ width: 60px; float: right; text-align: right }