﻿
/* whole page and menu*/
body {
padding-top: 50px;
padding-bottom: 20px;
padding: 0px;
margin: 0px;
color: #000000;
width: auto;
/*font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
font-family: Arial,Helvetica,sans-serif;
font-size:11pt;
}
#content {
margin-left: 15px;
margin-right: 8px;
}

/*headings*/
h1 {font-size:1.6em;font-weight:bold;}
h2 {font-size:1.3em;font-weight:bold;color:#555;}

/*forms*/
.mobile-form .form-group {margin-bottom:16px;}
.mobile-form input {width:100%;}
button, input, select, textarea {font-family:inherit;font-size:100%;}
legend {font-weight:bold;}
.form-error {color:red;}
.input-wide {width:350px;}
.input-medium {width:150px;}
.input-number {width:90px;}
.validation-summary-errors {color:red;}

/*messages shown with Say()*/
#messages {margin: 10px;padding: 8px;border: 1px solid red;background-color: #eee;color: #8e2626;}

/*general purpose*/
.group-detail-hidden {display:none;}
.clickable {cursor:pointer;}
.btn {border:solid 1px gray;background-color:#ddf;padding:4px;cursor:pointer;text-decoration:none;border-radius:3px;}

/*tables with gridlines*/
.dimgrid {border-collapse:collapse;border:solid 1px #ccc}
.dimgrid td, .dimgrid th {border-left:solid 1px #ccc;border-top:solid 1px #ccc;padding:2px;}
.dimgrid th{font-weight:normal;}
.dimgrid th {background-color:#eee;}

/*tables without gridlines but with top alignment*/
.hidgrid td {vertical-align:top;padding:4px;}

/*event type legend popup*/
.event-type-legend {border:solid 2px gray; position:absolute;left:20px; top:20px;display:none;background-color:#eee;padding:6px;}
.event-type-legend .button-bar {text-align:right;}
.event-type-legend-icon {cursor:pointer;font-size:0.9em;}

/*event section header and styles to match ISWeb*/
.event-page { position:absolute; left:3px; right:3px; top:3px; bottom:0px; background:#FFFFFF; height:auto; }
.event-page .heading { width: 100%; background-color:#80BBD2; padding-bottom:10px; }
.event-page .heading h1 { float:left; color: #FFFFFF; margin-left:10px; vertical-align: middle; padding-top: 1px; font-size:18px;}
.event-page .heading p { text-align: right; color:#FFFFFF; margin:0; }
.event-page .heading img { height:39px; width: 130px; margin: 5px; }
.event-page .heading a { color: #FFFFFF; }
.event-page .navigation_tabs { height:auto; margin-top:20px; padding-bottom:0; background-color:#FFFFFF;margin-bottom:10px;}
.event-page .navigation_tabs ul { margin:0; padding:0 0 10px 0; list-style-type: none; white-space:nowrap; border-bottom: 1px solid #AEAEAE; }
.event-page .navigation_tabs ul li { display:inline; margin-right:10px;  background:#84BED6; }
.event-page .navigation_tabs ul li a { background-color: #84BED6; text-decoration: none; padding:10px 20px 11px 20px; color:#FFFFFF; font-size:15px; font-style: normal; font-weight:bold; border-left:solid 1px #AEAEAE; border-top:solid 1px #AEAEAE; border-right:solid 1px #AEAEAE;}
.event-page .navigation_tabs ul li a:link, ul li a:visited { color: #FFFFFF; }
.event-page .navigation_tabs ul li a:hover { font-weight:bold; color:#000000; }
.event-page .navigation_tabs ul li a.Selected { background-color: #FFFFFF; color: #494848; font-weight:bold; z-index:0; padding-bottom:12px;  margin:0; }
.event-page h1 { font-size:16px; padding:0; margin-bottom:0;}
.event-page h2 { font-size:14px; padding:0; margin-bottom:0;}

/*small screen adjustments*/
@media(max-width:999px) {
}

/*print adjustments*/
@media print {
    .group-detail-hidden {display:inherit;}
}