﻿html, body {height: 100%;}
body {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; }
body.withsidebar{ background: url("images/sideslice.jpg") repeat-y 0px 0px; }

.container {position: relative;	min-height: 100%;}
.header {background: url("images/esu13header.jpg") no-repeat left top; height: 192px; width:217px; position: absolute; top:0px; z-index:1;} 
.header-background {background: url("images/headerslice.jpg") repeat-x; width: 100%; height: 192px;}
.happy-people {background: url(images/esu13RightHeader.jpg) no-repeat right top; width: 100%; position: absolute; top: 0px; height: 192px;}

.left-column {position: absolute; left: 0px; padding-left:15px; padding-top:0px; width:200px; padding-bottom:20px;}

.content {padding-left:200px;}

.main-body-content {padding-top: 30px; padding-left: 50px; padding-right: 30px; padding-bottom: 50px;}
			
.footer	{position: absolute; bottom: 0; width: 100%; border-right: none; border-top: #ABABAB 1px solid; border-left: none; border-bottom: none; color: #646464; background-color: #ffffff; font-weight: bold; font: 9pt Arial,Helvetica,Sans-Serif;}
a.footer-link:link				{ color:#646464; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; font-weight:bold; }
a.footer-link:visited			{ color:#646464; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; font-weight:bold; }
a.footer-link:active			{ color:#646464; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; font-weight:bold; }
a.footer-link:hover				{ color:#646464; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; font-weight:bold; }

/* system alert */
.systemalert-position			{ position:absolute; top:78px; text-align:center; z-index:19; }
.systemalert-text				{ color:#CC0000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

.login-position					{ position:absolute; top:25pt; left:275px; z-index:12; }
.logon-info						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; z-index:14; }
a.logon-link:link				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.logon-link:visited			{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.logon-link:active				{ color:#333333; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.logon-link:hover				{ color:#333333; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
.search-position				{ position: absolute; top:55px; left: 275px; z-index: 12; }

.search-contents				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; z-index:12; }
.menu-position					{ padding-left:15px; padding-top:0px; width:200px; padding-bottom:20px;}

.tab-spacing					{ padding-right: 0px; padding-top: 0px; }

a.tab-active:link				{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-active:visited			{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-active:active				{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-active:hover				{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:link				{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:visited			{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:active			{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:hover			{ color:#FFFFFF; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }

a.menu-link:link				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.menu-link:visited				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.menu-link:active				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.menu-link:hover				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }

a.task-link:link				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.task-link:visited				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.task-link:active				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.task-link:hover				{ color:#333333; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }

.title							{ color:#ff8a00; font:16pt Arial,Helvetica,Sans-Serif; }
.title-position					{ position: absolute; top:170px; left: 240px; z-index: 12; }

.title-icon						{ margin:0px 0px 0px 8px; border:none; }
a.title-icon:link				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.title-icon:visited				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.title-icon:active				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.title-icon:hover				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

.media-center-title				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; font-weight:bold;}
.media-center-title-position	{ padding-left:15px;}

.body							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.hr								{ color:#666666; font:italic 18pt Arial,Helvetica,Sans-Serif; padding:10px; text-align:left; }
.gridview-header				{ color:#000000; font:12pt Arial,Helvetica,Sans-Serif; font-weight:bold; }
.line							{ background-color:#f1f1f1; }
.linealt						{ background-color:#FFFFFF; }
.lineselected					{ background-color:#FFF9D0; }
.lineselectedalt				{ background-color:#FFF6C0; }
.list							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; padding:6px 0px 6px 0px; }
.list-sm						{ color:#000000; font:9pt Arial,Helvetica,Sans-Serif; padding:6px 0px 6px 0px; }
.label							{ color:#555555; font:10pt Times,Serif; }
.label-id						{ color:#555555; font:bold 10pt Arial,Helvetica,Sans-Serif; }
.icon							{ height:16px; width:16px; border:none 0px #000000; }
.icon-sm						{ height:12px; width:16px; border:none 0px #000000; }
.avatar							{ max-height:50px; max-width:50px; border:solid 1px #000000; }
.srchfltrbtn					{ height:36px; width:72px; border:none 0px #000000; }
.rating							{ height:16px; width:80px; border:solid 1px #000000; }
.data							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.data-att						{ color:#000000; font:14pt Arial,Helvetica,Sans-Serif; }
.data-sm						{ color:#000000; font:9pt Arial,Helvetica,Sans-Serif; }
.form							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.form-att						{ color:#000000; font:13pt Arial,Helvetica,Sans-Serif; }
.cal                    		{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.calday                 		{ background-color:#F8EEE5; text-decoration:none; padding:2px;}
.caltitle               		{ background-color:#F8EEE5; font:bold 12pt Arial,Helvetica,Sans-Serif; padding:0px; margin:0px; border-color:#F8EEE5; border-width:0px;}
.calselected            		{ background-color:#F8EEE5; font-weight:bold; color:#000000; border-width:1px; }
.calothermonth          		{ background-color:#FFFFFF; text-decoration:none;  padding:2px;}
.article-sub-title				{ color:#666666; font:italic 18pt Arial,Helvetica,Sans-Serif; border-bottom: double #C0C0C0; } 
.data-bold						{ color:#666666; font:10pt Arial,Helvetica,Sans-Serif; font-weight:bold; }
a.link-att:link					{ color:#4d7fb1; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.link-att:visited				{ color:#4d7fb1; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.link-att:active				{ color:#4d7fb1; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.link-att:hover				{ color:#4d7fb1; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

a.data-link:link				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.data-link:visited				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.data-link:active				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.data-link:hover				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.data-sm-link:link				{ color:#4d7fb1; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.data-sm-link:visited			{ color:#4d7fb1; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.data-sm-link:active			{ color:#4d7fb1; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.data-sm-link:hover			{ color:#4d7fb1; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
.memo-title						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.memo-sysmsgs					{ color:#000000; font:9pt Times,Serif; }
.memo-text						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
a.body-link:link				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.body-link:visited				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.body-link:active				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.body-link:hover				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.body-link-inactive:link		{ color:#666666; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.body-link-inactive:visited	{ color:#666666; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.body-link-inactive:active		{ color:#999999; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.body-link-inactive:hover		{ color:#999999; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

.filters						{ }
.filter							{ }
.filterinfo						{ }
.filtertype						{ font-size:8pt; font-weight:bold; }
.filterremove					{ width:16px; }
.filterremove img				{ height:16px; width:16px; }
.filtername						{ font-size:10pt; }

/* calendars */
.searchcal						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.searchcaltitle					{ background-color:#FFF8D9; color:#000000; font:12pt Arial,Helvetica,Sans-Serif; border-bottom:solid 1px #000000; }
.searchcaltitle a				{ color:#000000; font:12pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.searchcalheader				{ background-color:#FFFFFF; color:#000000; font:10pt Times,Serif; }
.searchcalothermonth			{ background-color:#FFFFFF; }
.searchcalothermonth a			{ color:#000000; font:italic 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.searchcalday					{ background-color:#FFFDF5; }
.searchcalday a					{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.searchcaltoday					{ background-color:#FFFDF5; }
.searchcaltoday a				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
.searchcalselected				/* in vb */ { background-color:#FFF8D9; color:#000000; border:solid 1px #000000; }
.searchcalselected a			{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

.fullcal						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcaltitle					{ background-color:#F8EEE5; color:#000000; font:20pt Arial,Helvetica,Sans-Serif; border-bottom:solid 1px #000000; }
.fullcaltitle a					{ color:#000000; font:12pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.fullcalheader					{ color:#000000; font:10pt Times,Serif; }
.fullcalothermonth				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcalothermonth a			{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.fullcalday						{ background-color:#FBF6F2; color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcalday a					{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.fullcaltoday					{ background-color:#F4E6D8; color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcaltoday a					{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

.threecal						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.threecaltitle					{ background-color:#FFF8D9; color:#60513A; font:12pt Arial,Helvetica,Sans-Serif; border-bottom:solid 1px #60513A; }
.threecalheader					{ background-color:#FFFFFF; color:#A19177; font:10pt Times,Serif; }
.threecalothermonth				{ background-color:#FFFFFF; color:#A19177; font:italic 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.threecalday					{ background-color:#FFFFFF; color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; }
.threecaltoday					/* in vb */ { background-color:#FFFFFF; color:#60513A; border:solid 1px #60513A; font:10pt Arial,Helvetica,Sans-Serif; }
.threecalevent					/* in vb */ { background-color:#F8EEE5; }
.threecalevent a				/* in vb */ { color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.threecalreg					/* in vb */ { background-color:#BDD678; }
.threecalreg a					/* in vb */ { color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.threecalselected				/* in vb */ { background-color:#FFE749; }
.threecalselected a				/* in vb */ { color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

a.threecalonemonth:link			{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.threecalonemonth:visited		{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.threecalonemonth:active		{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.threecalonemonth:hover		{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

/* MediaCatalog Tips */
    .calloutBox {
      background-color: #B3B3B3;
      color: #000;
      height: 90px;
      width: 350px;
      position:absolute;
      left:400px;
      top:10px;
    }
    .portrait {
      border-bottom: 2px solid #FFF;
      border-left: none;
      border-right: none;
      border-top: 2px solid #FFF;
      margin: 0 30px;
      height: 86px;
   }
    .portrait p {
      margin: 0 -28px;
      padding: 5px;
      background-color: #FFF;
      color: #000;
      font-style: italic;
      text-align: center;
      height: 76px;
    }


/*print friendly every page */
@media print{
.logo {display:none;}
.header-background {display:none;}
.right-corner-picture { display:none;}
.left-column {display:none;}
.systemalert-position{display:none;}
.main-body-content { position: absolute; top:1in; left: 0in; width:7in; }
.title-position	{position: absolute; top:.5in; left: 0in;}
.search-position{display:none;}
.login-position{display:none;}