/* ~~~~~~~~~~~~~~~~~~~~~~ 6 August 2007  ~~~~~~~~~~~~~~~~~~~~~~~
THIS IS THE CORRECT STYLE SHEET DEV SITE
added focus attribute to the links hover state
added line height to leftNavCol, removed padding from td and added margin to links
headings and text styles moved to Content Styles sheet for web editor to use
 ~~~~~~~~~~~~~~~~~~~~~~~~ 16 October 2006 ~~~~~~~~~~~~~~~~~~~~~~~~
 changing leftnavCol spacing. change margin-left from 4px to 0; added 4px pad to bottom
 change line-height in leftnavCol and more padding
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 8-6-2007 making new AdvSearchLink class for x-small text; made SearchLink also x-small but changed back
 8-6-02 making the search box less high (from 17px to 14px and must make the GO text instead of button
 */
 /* ~~~~~~~~~~~~~~~~~~~~~~ 10 January 2007  ~~~~~~~~~~~~~~~~~~~~~~~
THIS IS THE CORRECT STYLE SHEET www copied to dev to test on 8/20/2007
added focus attribute to the links hover state
added line height to leftNavCol, removed padding from td and added margin to links
headings and text styles moved to Content Styles sheet for web editor to use
 ~~~~~~~~~~~~~~~~~~~~~~~~ 16 October 2006 ~~~~~~~~~~~~~~~~~~~~~~~~
 changing leftnavCol spacing. change margin-left from 4px to 0; added 4px pad to bottom
 change line-height in leftnavCol and more padding. this works in the generated nav but not in the hard-coded navigation at the top of the column
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  8/16/2007 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 made height of input.search 18px to match jumplinks box.took it out again added the AdvSearchLinkText style.
 
 graphic link example   "/Assets/CityOfWS/templateimages/cwscity-countybanner_advS_2007_r2_c2.jpg"  ~~~~~~~~
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 8/5/2009 testing for full page and background image August 2009 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~ 8/23/2007  DO NOT COPY THE WHOLE STYLE SHEET INTO PRODUCTION!!! ~~~~~~~~~~~~~~~~~
*/
body {
	background-color:  #ffffff; /*elbca6 nice peach /* a nice green.  the blue #004D9A; */
	background-image: url("/Assets/CityOfWS/templateimages/bghousekeys_1024x250.jpg");
	background-position: right top;
	background-repeat: repeat;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/* ~~~~~~~~~~~~~~~~~~ breadcrumb navigation styles ~~~~~~~~~~~~~~~~~~~~~` */
.breadcrumb, td.breadcrumb {
	font-size: small;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	color:#333333;
}
td.breadcrumb a:link {
	font-size: small;
	color:#333333;
	text-decoration:none;
}
td.breadcrumb a:visited {
	font-size: small;
	color:#666666;
	text-decoration:none;
}
td.breadcrumb a:hover, td.breadcrumb a:focus{
	font-size: small;
	color:#000000;
	text-decoration:underline;
}
td.breadcrumb a:active {
	font-size: small;
	color:#0033cc;
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of breadcrumb navigation styles ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ left navigation column navigation styles ~~~~~~~~~~~~~~~ */
.leftnavCol, p.leftnavCol, td.leftnavCol
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;  /* #333333; */
	line-height:130%; /* was 140% */
	padding:0px 0px 6px 0px; /* was all 0s  changed to 2px on left only acts on first line*/
	margin-left:0px; /* moved this here to test */
}
td.leftnavCol a:link {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000; /* #333333; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:none;
}
td.leftnavCol a:visited {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333333; /* #666666; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:none;
}
td.leftnavCol a:hover, .leftnavCol a:focus{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333366; /* #000000; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:underline;
}
td.leftnavCol a:active {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#003399;
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:underline;
}
td.leftnavCol a:focus{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#333366; /* #000000; */
	/* line-height:120%; */
	/* margin-left:0px; */
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of left navigation styles ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer navigation styles ~~~~~~~~~~~~~~~ */
.footer, p.footer, td.footer{
	font-size: small;
	color:#333333;
}
	
td.footer a:link {
	font-size: small;
	color:#333333;
	text-decoration:none;
}

td.footer a:visited {
	font-size: small;
	color:#666666;
	text-decoration:none;
}

td.footer a:hover {
	font-size: small;
	color:#000000;
	text-decoration:underline;
}

td.footer a:active {
	font-size: small;
	color:#003399;
	text-decoration:underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of footer navigation styles ~~~~~~~~~~~~~~~~~ */

input:focus {background:#FFFF99;}
/* ~~ these styles are for personalization links at the bottom of content items ~~~~~ */
.BrowsePersonalizeTable
{
	border-right: none;
	border-top:none;  /* 2px solid; */
	border-left: none;
	border-bottom: none;
	background-color: white;
	width: 400px;
}
.BrowsePersonalizeLink
{
	padding-right: 4px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: white;
	text-decoration:underline;
}
.BrowsePersonalizeLink A, .BrowsePersonalizeLink A:link, .BrowsePersonalizeLink A:visited, .BrowsePersonalizeLink A:active
{
	font-weight: normal;
	font-size: x-small;
	color: #999999;
	font-style: normal;
	background-color: white;
	font-variant: normal;
	text-decoration:underline;
	text-transform: uppercase;
}
.BrowsePersonalizeLink A:hover
{
	font-weight: normal;
	font-size: x-small;
	color: darkblue;
	font-style: normal;
	background-color: white;
	font-variant: normal;
	text-decoration:underline;
	text-transform: uppercase;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ the search box and advanced search link ~~~~~~~~~~~~~~~~~~~~~~~~~  */
INPUT.SearchLink 
{
	width: 100px;
	/* height: 18px;  14 px not good */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
}
.AdvSearchLinktext a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding-top: 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ jump links ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.JumpLinks
{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
} 
/* ~~~~~~~~~~~~~~~~~~~~~~ the calendar styles ~~~~~~~~~~~~~~~~~~~~~ */
.calendarSearchPanel, .calendarSearchPanel TD, DIV.calendarSearchPanel,TD.calendarSearchPanel, TD.calendarSearchPanel A:link, TD.calendarSearchPanel A:hover, TD.calendarSearchPanel A:active, TD.calendarSearchPanel A:visited
{
 background-color: white;
}
.calendarSearchPanelLink, .calendarSearchPanelLink A:visited
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:black;
	font-weight: normal;
	font-style: normal;
}
.calendarSearchPanelLabel, .calendarSearchPanel TD, DIV.calendarSearchPanel,TD.calendarSearchPanel, TD.calendarSearchPanel A:link, TD.calendarSearchPanel A:hover, TD.calendarSearchPanel A:active, TD.calendarSearchPanel A:visited
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:black;
	font-weight: normal;
	font-style: normal;
}
.calendarSelectedDate, TD.calendarSelectedDate, TD.calendarSelectedDate A:link, TD.calendarSelectedDate A:hover, TD.calendarSelectedDate A:active, TD.calendarSelectedDate A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarOtherMonthDate, TD.calendarOtherMonthDate, TD.calendarOtherMonthDate A:link, TD.calendarOtherMonthDate A:visited, TD.calendarOtherMonthDate A:hover, TD.calendarOtherMonthDate A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarCurrentDate, TD.calendarCurrentDate, TD.calendarCurrentDate A:link, TD.calendarCurrentDate A:visited, TD.calendarCurrentDate A:hover, TD.calendarCurrentDate A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarDate, TD.calendarDate, TD.calendarDate A:link, TD.calendarDate A:active, TD.calendarDate A:hover, TD.calendarDate A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarEventOnDate, TD.calendarEventOnDate, TD.calendarEventOnDate A:link, TD.calendarEventOnDate A:visited, TD.calendarEventOnDate A:hover, TD.calendarEventOnDate A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
.calendar,TD.calendar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	FONT-WEIGHT: bold;
	text-align:center;
}
.calendarNextPreviousMonth, TD.calendarNextPreviousMonth, TD.calendarNextPreviousMonth A:link, TD.calendarNextPreviousMonth A:visited, TD.calendarNextPreviousMonth A:hover, TD.calendarNextPreviousMonth A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	FONT-WEIGHT: bold;
	text-align:center;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
}
.calendarCurrentMonth, TD.calendarCurrentMonth, TD.calendarCurrentMonth A:link, TD.calendarCurrentMonth A:hover, TD.calendarCurrentMonth A:visited, TD.calendarCurrentMonth A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;

}
.calendarDOWHeader,TD.calendarDOWHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	COLOR: navy;
}
.calendarWeekend,TD.calendarWeekend,TD.calendarWeekend A:link,TD.calendarWeekend A:hover,TD.calendarWeekend A:visited,TD.calendarWeekend A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.calendarGridEventLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.calendarGridShortDescription
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.calendarGridDate
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.pollquestion,td.pollquestion
{
	color: green;
}
.pollanswer,td.pollanswer
{
	color: red;
}
.pollbutton
{
	color: blue;
}