/* ---------- STYLES ONLY USED ON INDIVIDUAL PAGES ---------- */


/* ---------- INDEX PAGE ---------- */
#specialnotice { /* use this for special notices (that's why it's called that) */
  width: auto;
  max-width: 42em;
  margin-left: 8px;
  margin-top: 1em;
  padding: .5em;
  border: 3px red solid;
}
#indexcenterbanner {
  position: relative;
  width: 100%;
  height: 200px;
  clear: both;
  margin: 0;
  padding: 0;
	background-image: url(/images/indexphoto1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #a5713b;
}
#indexbottombanner {
  position: relative;
  width: 100%;
  height: 150px;
  clear: both;
	background-image: url(/images/indexphoto2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.headingbkg {
	width: auto;
	max-width: 40em;
	border: 2px solid #d8aa1c;
	padding: 2px;
	padding-left: .5em;
	margin-left: .5em;
	margin-right: .5em;
	margin-bottom: .3em;
	margin-top: 1em;
	color: #9F5504;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1.2em;
	font-weight: 500;
}
.whatsnewlist {
  position: relative;
  width: auto;
  /* the max-width setting is in common.css because apparently that file loads after this one */
  /* the following line fixes the lack of max-width support in ie6 */
	/*width: expression(document.body.clientWidth < 810 ? "600px" : "75%" );*/
	/* above expression was removed because it locks up ie6 browsers */
  padding-left: .8em;
  margin-bottom: .5em;
  font: .95em Arial, Helvetica, sans-serif;
}
#pmnWidget { /* Public Meeting Notice widget */
  margin-left: 1em;
}
#pmnWidget h2 {
  display: none;
}
#pmnWidget h3 {
  font-size: 1em;
}
.pmn_entity, .pmn_subject, .pmn_date {
  font-size: 1em;
}

/* ---------- CONTACT & OFFICE PAGES ---------- */
#ustcphoto {
  position: relative;
  float: right;
  border: 1px solid #c16565;
  margin-bottom: 1em;
  margin-left: .5em;
}
.mapicons {
  float: right;
  border: none;
}
#page-wrap {
	width: 780px;
	background: white;
	margin: 0;
	padding: 5px;
}
#page-wrap p {
  max-width: 100%;
}
.button {
	float: left;
	margin: 5px;
	border: 0;
}
.button a {
  border: 0;
}
#mail, #email, #phone, #advocate, #dmv, #mved {
  width: 740px;
  border: 2px solid #9f5504;
  margin-top: 1em;
}
#email, #mail, #phone, #advocate, #dmv, #mved {
	position: relative;
	display: none;
	padding: 5px;
}
#mail-button, #email-button, #phone-button, #advocate-button, #dmv-button, #mved-button {
	opacity: 0.6;
	border-bottom: 1px solid #9f5504;
	cursor: pointer;
}
#requiredfields {
  font-size: .8em;
  text-align: right;
  display: block;
}
#email_fields {
  border: 0;
}
#email_fields label, #email_fields select, #email_fields input, #email_fields textarea {
  margin-top: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
#email_fields textarea {
  font-size: .9em;
}
#email_fields label {
  position: relative;
  display: block;
  float: left;
  width: 11em;
  text-align: right;
  margin-right: 4px;
}
#email_fields label.error {
  display: none;
  color: red;
  position: absolute;
  right: 20px;
}
#message h2, #message p {
  padding-left: 100px;
  background-color: white;
}
#checkmark {
  position: absolute;
  top: 20px;
  left: 30px;
}
.officemaps {
  position: relative;
  float: right;
  width: 300px;
  height: 310px;
}
#offices {
  position: relative;
  width: 100%;
}

/* ---------- NEWS RELEASE PAGE ---------- */
.newsdate {
  position: absolute;
  left: .5em;
}
.newsitem {
  margin-left: 10em;
  margin-bottom: .5em;
}

/* ---------- TAX DISTRIBUTION PAGE ---------- */
.disttable {
  width: 400px; /* this size fits best, so don't change radically */
}
.disttable, .disttable td, .disttable th {
	margin: 0px;
	margin-bottom: .5em;
	margin-top: .5em;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* use pixels, not ems, so table won't change shape */
}
.disttable th {
  text-align: left;
  background-color: #fdebb4;
}

/* ---------- TAX RATES PAGE ---------- */
.ratestable, .ratestable th, .ratestable td {
	margin: 0px;
	padding: 2px;
  padding-left: 1em;
  padding-right: 1em;
	border: 1px solid #d8aa1c;
	border-collapse: collapse;
  font-size: .9em;
  text-align: center;
}
.ratestable th {
  background-color: #fdebb4;
}

/* ---------- RESEARCH LIBRARY ---------- */
.searchboxheadings {
  font-size: .9em;
  font-weight: bold;
  padding: 0;
  padding-left: 2px;
  margin-bottom: 0;
}
#adminrules #menu1 {
  list-style-type: none;  
}
#adminrules a.m1, #adminrules a.m2, #adminrules a.m3,
#adminrules a.m4, #adminrules a.m5, #adminrules a.m6 {
  font-size: 1.2em;
  font-weight: bold;
  width: 32em;
  border-bottom: 1px solid #d8aa1c;
  display: block;
  padding-top: .5em;
  text-decoration: none;
}

.rulesicons {
  border: none;
  float: left;
  margin-bottom: 2em;
  margin-left: 4px;
  margin-right: 4px;
}
.rulesicons img {
  border: 0;
}
.meetingdate {
  position: absolute;
  left: 1.5em;
}
.meeting {
  margin-left: 11em;
  margin-bottom: .2em;
}

/* ---------- FORMS PAGES ---------- */

/* FORMS TABS STARTS HERE */
#formscontainer {
  width: 950px;
}

/* root element for tabs  */
ul.tabs {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid #666;
  height: 30px;
	max-width: none; /* needed because max-width is set in common.css */
}

/* single tab */
ul.tabs li {
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 0 !important;
  list-style-image: none !important;
}

/* link inside the tab. uses a background image with sprites */
ul.tabs a {
  background: url(/images/tabsblue.png) no-repeat -391px 0;
  font-size: 12px;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 115px;
  text-align: center;
  text-decoration: none;
  color: #333;
  padding: 0px;
  margin: 0px;
  margin-right: 1px;
  position: relative;
  top: 1px;
}

/* removes borders on A tags */
ul.tabs a:active {
  outline: none;
}
:focus {
  -moz-outline-style: none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
  background-position: -391px -31px;
  color: #fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
  background-position: -391px -62px;
  cursor: default !important;
  color: #000 !important;
}

ul.tabs a.current {
  font-weight: bold;
}

/* Different widths for tabs: use a class name: s, l, xl */

/* width 1 */
ul.tabs a.s           { background-position: -505px 0; width: 70px; }
ul.tabs a.s:hover     { background-position: -505px -31px; }
ul.tabs a.s.current   { background-position: -505px -62px; }

/* width 2 */
ul.tabs a.l           { background-position: -247px -0px; width: 145px; }
ul.tabs a.l:hover     { background-position: -247px -31px; }
ul.tabs a.l.current   { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl          { background-position: 0 -0px; width: 248px; }
ul.tabs a.xl:hover    { background-position: 0 -31px; }
ul.tabs a.xl.current  { background-position: 0 -62px; }

/* tab pane styling */
div.panes {
  display: block;
  padding: 15px 10px;
  border: 1px solid #999;
  border-top: 0;
  font-size: 14px;
  background-color: #fff;
}
.exposepopup { /* this is applied to links where the popup will appear */
  cursor: pointer;
}
#exposepopup { /* this is applied to the actual popup div */
  font-size: 1.1em;
  border: 4px solid black;
  padding: 20px;
  width: 500px;
  background-color: #fee6a3;
  display: none;
  position: fixed;
  top: 175px;
  left: 50%;
  margin-left: -250px;
}
.escapekey {
  color: grey;
  font-size: .8em;
  padding-top: 4em;
}
.formstopnote {
  max-width: none;
  margin-bottom: 1em;
  font-size: .9em;
}
/* FORMS TABS ENDS HERE */

#searchcontent { /* this is where the search items will appear */
  
}
#searchcontent .gs-webResult .gs-visibleUrl-short { /* this hides the short url */
  display:none;
}
#searchcontent .gs-webResult .gs-visibleUrl-long { /* this shows the long url */
  display:block;
}

/* ---------- TRAINING PAGES ---------- */
.workshoptables {
  text-align: center;
  width: 51em;
}
.workshopcolumnhead {
  font-weight: bold;
  color: #9f5504;
  width: 17em;
}

/* ---------- FULLCALENDAR CUSTOM STYLES ---------- */
.calendarcontainer {
  width: 950px;
  clear: both;
  border-top: solid 1px black;
  padding-bottom: 1em;
}
.calendardisplay {
  width: 350px;
  float: left;
  margin: 1em;
}
#calendarlegend {
  margin-left: 1em;
}
#calendarlegend table td {
  padding-right: 1.5em;
}
/* this put the legend in nice css columns, but lame IE doesn't support it.
#calendarlegend ul {
  font-size: .9em;
  margin-left: 0;
  padding-left: 0;
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-rule: 1px solid black;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-rule: 1px solid black;
  list-style-type: none;
}
*/
.calendarlist { /* this is the list on the right side of the page */
  float: left;
  padding-top: 3em;
  width: 550px;
}