/* ---- ----------  ----- */
/* ---- Foundations ----- */
/* ---- ----------  ----- */
body 
{
    background: #f1f1f1;
    text-align: center;
    font-family: Geneva, Arial, Sans-Serif;
    font-size: small;
    margin: 0;
    padding: 0;
    /*min-width: 780; */ /* for Netscape */
}

/* Star selector hack to give IE the proper text size. 
    http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
* html body 
{
    font-size: 80%; /* for IE5/Windows*/
} 

/* ---- ----------  ----- */
/* ----    Layout   ----- */
/* ---- ----------  ----- */

.clsHeader
{
	font-size: large;
	font-weight: bold;
	text-align: left;
}

#Container
{
    position:relative; /* needed for footer positioning*/
    margin: 0 auto;
    width: 98%;
    text-align: left;
    background: #fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	}
	
#ContentHolder, #Footer
{
    padding: 20px;
    margin: 0 ;
}

#SubContent
{
    background: #fff;
    padding: 10px 0px 10px 10px;
    width: 170px;
    float: right;
    color: #0000a7;
}

#MainContent
{
    background: #fff;
    padding: 10px 20px 10px 20px;
    margin: 10px 20px 10px 20px;
    width: 500px;
    float: left;
}

#MainContent_oneCol
{
    background: #fff;
    padding: 10px 0px 10px 10px;
    width: 98%;
    float: left;
}

#SubContent h5, #MainContent_oneCol h5

{
    font-size: 110%;
    color: #6395CD;
    margin: 0 0 3px 0;

}

#Header
{
    /* Nice looking, HR Boardwalk background */
    /*background: #03f url(../img/TopGrad.gif) repeat-x left bottom; */
    
    /* PHASE I:  City of Bellevue background */
    background: #1594a5 url(../img/BellHeader.png) no-repeat left top;
    height: 85px;
    color: #fff;
    /* PHASE I:  changed border colors from #03f to #1594a5 */
    border-right: #1594a5  1px solid;
    border-left: #1594a5  1px solid;
    padding: 10px 20px 10px 20px;
    margin: 0;
}

#Header h1, #Header h2, #Header h3, #Header h4, #Header a
{
    padding-left: 100px;
    position:relative;
    z-index: 101;
    color: White;
    text-decoration: none;
}


#ContentHolder
{
    clear: both;
}


#topHolder /* This holds the upper left image that "pops out" of the container. */
{
    /*background: url(../img/bg_cb.gif) no-repeat left bottom;*/
    margin: -103px 0 0 3px;
    height: 97px;
    position: relative;
}  

#TopNav
{
    text-align: right;
    background: #efecdd url(../img/bg_content.gif) repeat-x top left;
    padding: 5px 20px 4px 20px;
    margin: 0;
    color: #f00;
    border-bottom: solid 1px #c9c5b6;
}

#Footer
{
    clear: both;
    text-align: center;
    font-size: 90%;
    color: #aaa;
    border-bottom: 2px #bbb solid;
    margin-top: 50px;
}


/* ---- ----------  ----- */
/* ---- -  Boxes -  ----- */
/* ---- ----------  ----- */

/* Rounded Corner Box from Dan Cederholm (SimpleBits) via A List Apart -- Mountaintop Corners */
.box
{
      background: #f9f9f4 url(../img/boxLL.gif) no-repeat left bottom;
}


#MainContent_oneCol .box
{
	text-align: center;
	background: #efecdd url(../img/boxLL.gif) no-repeat left bottom;
	width: 180px;
	float: right;
	margin: 0 0 25px 35px;
}
#MainContent_oneCol .box h5, #MainContent_oneCol .box h5 a
{
	color: #f00;
	text-decoration:none;
}

.box ul
{
	margin: 0;
	padding: 0 5px 0 15px;
	list-style-type: none;
	}

.box-outer
{
      background: url(../img/boxLR.gif) no-repeat right bottom;
      padding-bottom: 5px;
}
 .box-inner
{
      background: url(../img/boxTL.gif) no-repeat left top;
}
.box h5
{
      background: url(../img/boxTR.gif) no-repeat right top;
      padding-top: 15px;
}
.box h5, .box p
{
    padding-left: 5px;
    padding-right: 5px;
}


/* ---- ----------  ----- */
/* ---- Typography   ---- */
/* ---- ----------  ----- */

#ContentHolder h2
{
    font-size: 130%;
	color:  #f00;
	letter-spacing: -1px;
	margin-top: 15px;
    border-bottom: 2px solid #6395CD;
}

.detailLabel 
{
    width: 25%;
    padding-right: 7px;
    font-weight: bold;
    text-align: right;
}

.note
{
	color: Silver;
	font-size: 85%;
	}

.med_note
{
	color: gray;
	font-size: 85%;
	}

.med_fade
{
	color: gray;
	}

.little
{
	display: block;
	margin-top: 13px;
	color: gray;
    font-size: 80%;
}

.stdemail
{
    display: block;
    vertical-align:middle;
    margin: 10px 0 20px 0;
    color: gray;
    text-decoration: none;
    font-size: 80%;
    line-height: 2em;
}

.feed, .email
{
    display: block;
    vertical-align:middle;
    padding-left: 22px;
    margin: 10px 0 20px 0;
    color: gray;
    text-decoration: none;
    font-size: 80%;
    line-height: 2em;
}

.feed
{
    background: url(../img/rss.gif) no-repeat 0 50%;
}

.email
{
    background: url(../img/email.gif) no-repeat 0 50%;
}

.posted, .closes, .OrgName
{
    font-size: 80%;
    color: gray;
}

.posted
{
	position: relative;
	float: right;
	margin-top: -16px;
}

.errMsg
{
	font-weight: bold;
	color: Fuchsia;
	}


/* ---- ----------  ----- */
/* ----    Tables   ----- */
/* ---- ----------  ----- */
table, tr
{
    border: none;
}

td
{
    padding: 2px 2px 2px 2px;
    /*border: none;*/
    
    /*border-collapse: collapse;*/
    vertical-align: top;
}

/*th 
{
    padding: 1px;
    background-color: #00bfff;
}*/

.clsGray
{
	background-color: #dcdcdc;
}

.clsBlue
{
	background-color: #00bfff;
}

/*td
{
    padding: 1px 1px 1px 1px;
    border-style: solid;
    border-width: thin;
    border-collapse: collapse;
    vertical-align: bottom;
}

/*.alt
{
    background: #f9f9f4;
}

fieldset.alt
{
    background: #ffffff;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

fieldset.alt legend
{
	color: #6395CD;
	}

#MainContent table
{
    width: 100%;
}

.JobList td
{
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ececdd;
}

table#tableResult, table#tableResult tr, table#tableResult td
{
    border:1px solid #ccccdd;
    border-collapse: collapse
}


#TopNav a
{
    color: #f00;
    z-index: 101;
    position: relative;
}

#TopNav a#ctl00_backToJobs
{
    z-index: 101;
    position: relative;
    float: left;
    padding: 0 0 0 50px;
}

fieldset
{
	border: 1px solid #ddd;
	background: #fff;
	padding: 14px 15px 15px 15px;
	margin: 0 0 10px 0;
	}

fieldset.editing
{
	border: 1px solid #fcc;
	background: #F9F9F4;
	padding: 0 2px 5px 11px;
	margin: 0 0 10px 0;
	}

fieldset.editing legend
{
	font-weight: bold;
	color: #f00;
	}
		
fieldset td 
{
	vertical-align: bottom;
    border: none;
    border-collapse: collapse;
	padding: 5px 5px 5px 5px;

   	}

legend
{
	font-weight: bold;
	}


.sidelist
{
	margin: -5px 0 0 -14px;
	vertical-align: top;
	color: #00f;	
	}

*/