/* swuggis.org style 
 * -------------------------------------
 * jason andrew bell
 * jason.bell@cityofmesa.org 
 * 03.01.2006
 *
 * -------------------------------------
 * colors
 *
 * #D1CF68 -- mustard yellow
 * #F1E441 -- bright yellow
 * #556B6B -- dark green
 * #9F966F -- brown
 * ------------------------------------
*/


A {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #556b6b;
    text-decoration: none;
}
A.image:link {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}
A.image:unknown {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}
A:hover {
    color: #6D1C00;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
A:active {
    color: #6D1C00;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}


A.return:link {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
A.return:unknown {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
A.return:hover {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;    
    text-decoration: underline;
}
A.return:active {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: underline;
}


a.grid_Heading{
  background-color: #556B6B;
  font-size: 11px;
  font-variant: small-caps;
  color:#FFFFFF;
  font-weight: bold;
}


A.grid_Heading{
  background-color: #556B6B;
  font-size: 11px;
  font-variant: small-caps;
  color:#FFFFFF;
  font-weight: bold;
}



A.loc:link {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}
A.loc:hover {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;    
    text-decoration: underline;
}
A.loc:active {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: underline;
}

.a {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #556b6b;
    text-decoration: none;
}
.a:hover {
    color: #6D1C00;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
.a:active {
    color: #6D1C00;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.date {
    font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: right;
}
.backcolor {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #ff8100;
}
.searchColor {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
}
.componentHeading {
    font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: left;
}
.footer {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
}
.button {
    font-weight: bold;
    font-size: 9px;
    color: #556b6b;
    font-style: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #cae2ca;
}
.articlehead {
    font-weight: bold;
    font-size: 13px;
    color: #333333;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.post {
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-color: #666666;
    bacground: #FFFFFF;
}
.bold {
    font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
}
.subhead {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #666666;
    text-align: center;
}
.smalldark {
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.small {
    font-weight: normal;
    font-size: 10px;
    color: #ff8302;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.newsarticle {
    font-size: 11px;
    color: #333333;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
}
TD {
    font-size: 11px;
    color: #333333;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.poll {
    font-size: 11px;
    color: #666666;
    line-height: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.smallgrey {
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.subhead1 {
    font-weight: bold;
    font-size: 16px;
    color: rgb(102,102,102);
    font-family: Arial, Helvetica, Univers, 'Zurich BT' , sans-serif;
    text-align: left;
}
.boldred {
    font-weight: bold;
    font-size: 12px;
    color: #c00;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.articleheadWhite {
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.whitetext {
    font-size: 11px;
    color: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
H1 {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #999999;
}
.date {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: center;
}

.btnFlat {
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: solid 1px #556b6b;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #556b6b;
    cursor: hand;
    padding: 1px;
    background-image: url(/images/btn_green.gif);
    background-repeat: repeat;
    background-color: #FFFFFF;
}

.btn_shade{
  color: #000000; 
  background-color: #FFFFFF; 
  text-align: center; 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  text-decoration: none; 
  cursor: hand; 
  border-left: 1px solid #CCCCCC; 
  border-right: 1px solid #556b6b; 
  border-top: 1px solid #CCCCCC; 
  border-bottom: 1px solid #556b6b;  
  padding: 1px;
  background: url(/images/button_shade.gif) center; 
}

.txt {
    border: 1px solid #556b6b;
    font-size: 11px;
    background: #ffffff;
    color: #000000;
    font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}



.bodyHeadingDottedBorder {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    border-bottom: 1px dotted #D1CF68; 
    padding-top: 5px;
    padding-bottom: 5px;
}

.bodyHeadingSolidBorder {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    border-bottom: 1px solid #f1e441; 
    padding-top: 5px;
    padding-bottom: 5px;
}

.bodyDottedTopAndBottomBorder {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    border-top: 1px dotted #D1CF68; 
    border-bottom: 1px dotted #D1CF68; 
    padding-top: 5px;
    padding-bottom: 5px;
}


.bodyDottedBorder {
    border: 1px dotted #D1CF68; 
    padding-top: 5px;
    padding-bottom: 5px;
}

.bodySolidBorder {
    border: 1px solid #f1e441; 
    padding: 0px;
}

.bodySolidTopBorder {
    border-top: 1px solid #f1e441; 
    padding: 0px;
}

.DottedSpacer {
    border-bottom: 1px dotted #D1CF68; 
}

.sg {
    font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #999999;
    text-align: left;
}

.w_fineprint {
    font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #999999;
    text-align: left;
    padding: 5px;
}

.Headline{
  font-size: 14px; 
  font-family: helvetica, arial, sans-serif; 
  color: #D1CF68; 
  font-variant: small-caps; 
  font-weight: bold
}


.app_instructions{
  font-size: 10px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: black; 
  background: #EBEBEB;   
  padding: 5px;
  border: solid 1px #D1CF68;
}

/* main border */
.grid{
  border: 1px solid #D1CF68; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px; 
}

.gridtl{
  border-top: 1px dotted #556B6B;
  border-left: 1px dotted #556B6B; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  padding: 5px;
}


/* Alt main border */
.gridAlt{
  border: 1px solid #556B6B; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px; 
}


/* Alt Heading */
.grid_HeadingAlt{
  background-color: #9F966F;
  font-size: 11px;
  font-variant: small-caps;
  color:#FFFFFF;
  font-weight: bold;
}


/* Heading */
.grid_Heading{
  background-color: #556B6B;
  font-size: 11px;
  font-variant: small-caps;
  color:#FFFFFF;
  font-weight: bold;
}

.grid_Item{
  background-color: #D6D6D6;
  font-size: 10px;
  color:#000000
}

.grid_AltItem{
  background-color: #F0F0F0;
  font-size: 10px;
  color:#000000
}

.grid_Selected{		
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background: #F0F0F0; 
	font-style:italic;
}

.com_Grid_Footer{
  border-top: 1px solid #9999FF; 
  background-color: #ffffff;
  font-size: 10px;
  color:#000000;
}


.errortxt{
  font-weight: bold; 
  font-size: 12px; 
  color: red; 
  font-family: Tahoma; 
  font-variant: small-caps
}

.com_errorborder{
  border: 1px solid red;
  padding: 1px;
}


/* Search page elements */

.s_txt {
    border: 1px solid #556b6b;
    font-size: 11px;
    background: #ffffff;
    color: #000000;
    font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 2px;
    height: 20px;
    width: 100px;
    vertical-align:middle;
}

.s_summary {
	font-size: 8pt;
	text-align: right;
}

.s_paging {
	text-align: center;
}

.s_btn{
  color: #000000; 
  background-color: #FFFFFF; 
  text-align: center; 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  text-decoration: none; 
  cursor: hand; 
  height: 20px;
  width: 50px;
  border-left: 1px solid #CCCCCC; 
  border-right: 1px solid #556b6b; 
  border-top: 1px solid #CCCCCC; 
  border-bottom: 1px solid #556b6b;  
  padding: 1px;
  background: url(/images/button_shade.gif) center; 
}


.s_path {
    font-weight: normal;
    font-size: 10px;
    color: #CCCCCC;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul.pdf {
    list-style-type:none;
    list-style-image: url(/images/link_pdf.gif); 
}




/**************************************
  BEGIN Tab styles
**************************************/
.bodyTable {
  padding: 14px;
  background-color: #F5F2ED;
  width: 100%;
  border-left: 1px solid #9E9077;
  border-right: 1px solid #9E9077;
  border-bottom: 1px solid #9E9077;
}

.contentTable {
  width: 100%;
	border-left: 1px solid #9E9077;
	border-right: 1px solid #9E9077;
	border-bottom: 1px solid #9E9077;
	background-color: White;
}

.contentTableNoTabs {
  width: 100%;
	border: 1px solid #9E9077;
	background-color: White;
}

.contentTableShort {
  width: 100%;
	border-left: 1px solid #9E9077;
	border-right: 1px solid #9E9077;
	border-bottom: 1px solid #9E9077;
	background-color: White;
}

.contentTableShortNoTabs {
  width: 100%;
	border: 1px solid #9E9077;
	background-color: White;
}

.tabInactive {
  background-color: #E5DFD3; 
  border: 1px solid #9E9077; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold;
  color:#9E9077;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}

.tabInactiveN {
  border-bottom: 1px solid #9E9077; 
}

.tabInactive a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9E9077;
	text-decoration: none;
}

.tabInactive a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9E9077;
	text-decoration: none;
}

.tabActive {
  background-color: #F5F2ED; 
  border-left: 1px solid #9E9077;
  border-right: 1px solid #9E9077;  
  border-top: 1px solid #9E9077; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold;
  color:#9E9077;  
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;  
}

.tabActive a:link, .tabActive a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9E9077;
	text-decoration: none;
}

.adminTabActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #9E9077;
	border-top: 1px solid #9E9077;
	border-right: 1px solid #9E9077;
	border-left: 1px solid #9E9077;
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}

.adminTabInactive {
  font-size: xx-small;
	border-top: 1px solid #9E9077;
	border-right: 1px solid #9E9077;
	border-left: 1px solid #9E9077;
	border-bottom: 1px solid #9E9077;
	background-color: #E5DFD3;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}

/**************************************
  END of Tab styles  
**************************************/  


@media screen {
    .swug_logo {
      background: url(/images/logo_lg1.gif) center no-repeat; 
      width: 396px;
      height: 87px;
      background-color: #9F966F;
      align:left;
    }
}
@media handheld  {
    .swug_logo {
      background: url(/images/logo_lg1.gif) center no-repeat; 
      width: 100px;
      background-color: #9F966F;
    }
}

/**************************************
  BEGIN Print styles
**************************************/
@media print {
  .header{display:none;}
}
/**************************************
  END Print styles
**************************************/