.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.icon { width: 38px; }
.icon-small { width: 30px; }
.icon-med { height: 45px; }
.icon-big { width: 75px; }

.contentHdr { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.contentHdr a { font-weight: bold; font-size: 14pt; text-decoration: none; }

.altbg { background: #f5faff; }

.chk { 
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 4px;
}

.styledSelect { font-size: 13pt; border: 1px solid #ccc; padding: 3px; }

.mainContentContainer { 
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 60px 30px;
  background: #fff;
  margin: 0 auto;
  width: 60%;
}

.box { padding: 25px; border: 1px solid #ccc; width: 420px; }

.page-header {
  margin: 40px 0 20px;
  line-height: 16pt; 
  /*font-family: 'Amiri', serif;*/
  font-family: 'open sans';
  letter-spacing: -.3pt; 
  color: #2f629a;
  font-weight: bold;
}
.page-header .icon-small, .page-header .icon-med, .page-header .icon-big { 
  margin-top: -15px; 
  float: left;
  margin-right:5px;
}

.articlinks input { width: 100%; }
.articlinks { margin-bottom: 10px; }

.timeline-body { font-family: 'open sans'; }

.btn-default { color: #2f629a; border: 1px solid #ccc; }
.btn-default:hover { color: #174271 !important; border: 1px solid #174271 !important; }

.panel-heading .icon-med { height: 30px; margin-top: -5px; }

.timeline-title { color: #2f629a; }

.tab-pane h2 { font-family: 'open sans'; font-size: 19pt; font-weight: bold; }

.panel-heading { 
  font-family: 'open sans';
  font-size: 15pt !important; 
  color: #2f629a !important;
  line-height: 26px;
}

.timeline-heading h2 { 
  font-family: 'open sans';
  font-size: 15pt !important; 
  color: #2f629a !important;
  line-height: 26px;
}

.gradBg {   
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6e2f2+0,fbfeff+95 */
background: rgb(214,226,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,226,242,1) 0%, rgba(251,254,255,1) 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(214,226,242,1) 0%,rgba(251,254,255,1) 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(214,226,242,1) 0%,rgba(251,254,255,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e2f2', endColorstr='#fbfeff',GradientType=0 ); /* IE6-9 */

}
.panelstyle { 
box-shadow: 0px 0px 3px #ccc;
border: 1px solid #fff; 
}

.green { color: green; }
.grey { color: #696969; }
.grey2 { color: #bfbfbf !important; }
.blue { color: #2f629a; }
.white { color: #fff !important; }
.gold { color: #967f00; }
.darkgrey { color: #52524f; }

.borderGreen { border: 2px solid green; }

.fontLarge { font-size: 15pt; }
.fontLarger { font-size: 17pt; }
.fontLargest { font-size: 22pt; }

.breadcrumbs { padding-left: 20px; margin-bottom: 15px; }
.breadcrumbs i { margin: 0 10px; }

.btmBorder { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
.trBtmBorder td { border-bottom: 1px solid #e9e9e9; }

.shadow { box-shadow: 1px 3px 3px #ccc; }
.border { border: 1px solid #ccc; }
.roundborder { border-radius: 10px; }
.bg { background: #f1f1f1; }
.bgwhite { background: #fff; }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }
.padbtm10 { padding-bottom: 10px; }
.padbtm15 { padding-bottom: 15px; }
.padbtm20 { padding-bottom: 20px; }
.padbtm25 { padding-bottom: 25px; }
.padbtm30 { padding-bottom: 30px; }

.mbtm5 { margin-bottom: 5px; }
.mbtm10 { margin-bottom: 10px; }
.mbtm15 { margin-bottom: 15px; }
.mbtm20 { margin-bottom: 20px; }
.mright10 { margin-right: 10px; }
.mright15 { margin-right: 15px; }
.mright20 { margin-right: 20px; }

.mleft20 { margin-left: 20px; }

.mtop10 { margin-top: 10px; }

.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }

.w100p { width: 100%; }
.w90p { width: 90%; }
.w80p { width: 80%; }
.w85p { width: 85%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w50p { width: 50%; }
.w40p { width: 40%; }
.w30p { width: 30%; }
.w20p { width: 20%; }
.w10p { width: 10%; }

.strong, .bold { font-weight: bold; }

.h1 { font-size: 21pt; }
.h2 { font-size: 18pt; }
.h3 { font-size: 15pt; }

.tdHdr td { background: #f1f1f1; border-bottom: 1px solid #ccc; padding: 4px; }
.tdbg { background: #f1f1f1; border-bottom: 1px solid #ccc; padding: 4px; }

.dbTopic { width: 100%; position: relative; }
.dbTopic .img { float: left; }
.dbTopic .img img { width:100px; margin-right:10px; }
.dbTopic .details { padding-left: 120px; }
.dbTopic .date { float: right; display: inline-block; }
.dbTopic .title a { font-size: 16pt; font-weight: bold; }
.dbTopic .admin { margin: 12px 0; }
.dbTopic .viewButton { margin-bottom: 15px; text-align: right; }
.dbTopic .last_post { margin-top: 10px; }

.smallest { font-size: 8pt; }
.small { font-size: 10pt; }
.med { font-size: 14pt; }
.big { font-size: 25pt; }

.paginate { margin-bottom: 15px; }
.paginate span { border: 1px solid #ccc; padding: 3px 5px; display: inline-block; border-right: 0; }
.paginate span:first-child { border-left: 1px solid #ccc; }
.paginate span:last-child { border-right: 1px solid #ccc; }

.quizQ { margin-bottom: 35px; }
.quizQ input[type=radio]{ display:none; }
.quizQ input[type="radio"]:checked + label { 	background: #d2d2d2; color: #000; border: 3px solid #fff; box-shadow: 1px 1px 3px #ccc; }
.quizQuestion { width: 100%; }
.quizQ .question .questionText { font-size: 12pt; font-weight: bold; background-color:#f1f1f1; padding: 12px; width: 100%; border-radius: 6px; color: #000; }
.quizQ textarea { width: 100%; border: 1px solid #ccc; box-shadow: 1px 1px 3px #ccc; padding: 4px; }

.attachLinkBox { float: left; margin-right: 15px; }

.fleft { float: left; }
.fright { float: right; }

.thumb { width: 160px; }
.picContainer { position: relative; display: inline-block; overflow: hidden; height: 112px; }
.picDel { position: absolute; top: 2px; right: 2px; }

.icon { width: 22px; }

#tab-content .fade {
  display:none;
  opacity:0;
}
#tab-content .active  {
  display: block;
  opacity:1;
}
#tab-content h2 { color: #2f629a !important; }

.sep { border-bottom: 3px solid #fff; margin-top: 10px; margin-bottom: 25px; box-shadow: 1px 1px 3px #ccc; }

.btn-full { width: 100%; }

/* mailbox */
.mailList .message { border: 1px solid #ccc; padding: 10px; margin-bottom: 5px; box-shadow: 1px 1px 3px #ccc; position: relative;  }
.mailList .new { border: 1px solid #e0dca0; box-shadow: 1px 1px 3px #ffffeb; background: #fffde1; }
.mailList .del { float: left; width: 25px;  }
.mailList .date {  padding-left: 35px;  }
.mailList .subject { font-weight: bold; font-size: 14pt; padding-left: 35px; }
.mailList .from { padding-left: 35px; }
.mailList .actions {  padding-left: 35px; position: absolute; bottom: 2px; right: 2px; }
.mailList a { color: #000; }
.mailList a:hover { color: #18468c; }

.alert-success { display: none; }

/* custom upload button */
  .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .uploadbtn {
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
  }
  
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;    cursor: pointer;
  }

#db_list { width: 100%; }