/************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/

/************************************************
Base font style and size set here
************************************************/
body
{
	border: none;
	margin: 0px;
	padding: 0px;
	background: #54a6f3 url(http://www.losaltosca.gov/images/body_bg.gif) top repeat-x;
	text-align: center;
}


.print_only{
	display: none;
}

a img
{
	border: 0px;
}

a
{
	color:#2374DF;
    text-decoration:underline; 	
}

a:hover
{ 
	color:#3C278C;

}

/* Default error reporting style */
.error_message
{ 
	color: #c60;
	font-weight:bold;	
}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after, 
.mainSpan:after, 
.contentheader:after, 
.content:after, 
.container:after, 
.container_noleftnav:after, 
.container_noleftnav_notitle:after,
.title_right:after
{ 
            content:".";
            display:block;
            height:0;
            clear:both;
            visibility:hidden;
} 

.clearfix, .mainSpan, .contentheader, .content, .container, .container_noleftnav, .container_noleftnav_notitle,.title_right
{
            display:inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix,
* html .mainSpan, 
* html .contentheader, 
* html .content, 
* html .container, 
* html .container_noleftnav, 
* html .container_noleftnav_notitle,
* html .title_right
{
            height:1%;
}
 
.clearfix, .mainSpan, .contentheader, .content, .container, .container_noleftnav, .container_noleftnav_notitle,.title_right
{
            display:block;
} 

/* End hide from IE-mac \*/



/* Containing frame for the site */
.mainSpan
{
	width: 760px;
	margin: 15px auto 0px auto;
	padding: 0px;
	text-align:left;
	background-color:#fff;
}

/* Section 508 skip navigation menu */
.skipnav
{ 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:10;
}

.skipnav img
{
    border:0px;
    width:1px;
    height:1px;
    display:block;
    float:left;
}

/* Container for admin control panel */
.adminSpan
{
	width:200px;
	float:right;
	text-align:left;
}

/************************************************
Header: contains search, top links, site logo 
************************************************/
.header
{
	background: url(http://www.losaltosca.gov/images/header_bg.gif) no-repeat;
	height:77px !important; overflow:hidden;
}

/* Top line of links */
.header_nav
{ 
	font-weight:bold;
	text-align:right;
	padding: 3px;
	color: #fff;
	font-size: 11px;
	padding-top: 12px;font-family:arial, sans-serif;	
}

.header_nav a
{
	color: #fff; 
	text-decoration:none;
	padding: 0px 4px 0px 4px;	
}

.header_nav a:hover
{
	color:#fff;
	text-decoration:underline;
}

/* Container for search field and go button */
.searchbox
{ 	text-align:right;
	margin-top: 15px;
}

*html .searchbox {margin-top:0px;}

.searchbox_textbox, .search_dropdown, .searchbox_button{display:inline;vertical-align:middle; border:1px solid #8B969F;
}

.search_dropdown {height:16px; font-size:10px;width:150px;}

.searchbox_textbox
{
	padding:1px 1px 1px 1px;
	margin:0px 5px 0px 0px;
	background-color:#fff;
	width:95px; font-size:10px;
}

.searchbox_button
{
	margin: 0px 10px 0px 0px;border:0px;
}

/************************************************
Content section
************************************************/
/* Page content container */
.container
{ 
	width: 585px;
	margin-bottom:20px;
	float:left; overflow:hidden;
   	background: #fff; 
}

.container_noleftnav_notitle{
	width: 100%;
	background: #fff;
}

/* Contains breadcrumb, page title, printer friendly link */
.contentheader
{
	display:inline-table;width:590px;
	margin-bottom:10px;
}

.forward_link
{
    font-size:10px;
    float:right;
    width:65px;
    height:17px;
    text-align:left;
}

.rss
{
    font-size:10px;
    float:right;
    width:60px;
    height:17px;
    text-align:left;
}

.title { }

.title_left { }

.title_right
{
	padding: 0px 10px 0px 0px;
	text-align: right;
}


/* Content: padding should be on content class NOT container */
.content
{ 
	padding: 0px 20px 0px 20px;
}

.content textarea
{
	width:525px;
}

.content ul
{
	padding:0px;
	margin:8px 0 10px 20px;
}

.content ul li
{
	padding: 2px 0px;
}

.paging
{
	margin-top:10px;
	margin-bottom:10px;
}

.footer,
.footer_home
{
	clear:both;
	width:760px;
	margin:0px auto 0px auto;
	padding: 10px 0;
	background: #061940 url(http://www.losaltosca.gov/images/footer_bg.gif) 0 0 no-repeat;
	text-align:center;
	color:#a0c9ff;
	font-size:10px;
}

.footer a,
.footer_home a
{
	line-height: 4px;
	color: #a0c9ff;
	text-decoration:underline;
}

.footer a:hover,
.footer_home a:hover {
	text-decoration:none;
	color: #a0c9ff;
}

.footer span, .footer span a, .footer span a:hover,
.footer_home span, .footer_home span a, .footer_home span a:hover
{
	color: #fbbd6a;
}

/* Classes inside .container_noleftnav */
.container_noleftnav
{
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.container_noleftnav .contentheader
{
width:755px;
}

.container_review .contentheader
{
	display:none;
}

.container_review
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	color: #1251AC;
	margin-bottom:10px;padding:10px;
}

.component_title_review{
    padding:8px 0px 10px 0px;
    margin:0px 0px 10px 0px;
	font-family: Georgia, Times New Roman, Serif;
	font-size:20px;
	font-weight:bold;
	color: #193A89;
	line-height: 24px; font-variant:small-caps;

}

.container_review .content
{
    padding: 10px;
    background-color:#ffffff;
}

.component_title,.component_subtitle, .component_listitem{
	line-height:130%;
}

/* Hide review title for all except .container_review */
.container .component_title_review,
.container_noleftnav .component_title_review,
.container_noleftnav_notitle .component_title_review
{
	display:none;
}

/************************************************
Department Home Page
************************************************/
/* Don't add padding, left/right margins, or borders to these containers */
.depthome_left
{
    padding:0px;
	float:left;
	width:430px;
}

.depthome_right
{
    padding:0px;
	float:left;
	width:120px;
}


/************************************************
Forms
************************************************/

.form
{
	height:auto;
}

.form_in_tab
{
	padding:15px 0 10px 10px;
}

.form div
{
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	clear: both;
}

.form textarea
{
	width:500px;
	height:150px;
}

.form_label
{
	padding-top:3px;
	font-weight: bold;
	height:20px;
	float: left;
	width: 150px;
	text-align: left;
	vertical-align:middle;
}

.form_field
{
	height:20px;
	float: right;
	width: 550px;
	text-align: left;
	vertical-align:middle;
}

legend
{
	font-weight: bold;
	color:#625C4D;
}

fieldset
{
	border:solid 1px #c2bca6;
}

.form_normaltextbox
{
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:19px;
	padding:2px 3px;
}

.form_normaldropdown
{
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:17px;
	padding-left:3px;	
}

.form_button
{
	background: #5AA1F0;
	font-family:verdana, arial,sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding: 4px;
	color: #fff;
	border: 1px solid #1251AC;
}

.form_message, 
.form_message td
{
	color: #cc0000;
}

.form_calendarbutton
{
	vertical-align: top;
	border:0;
	cursor: pointer;
}

.radeditor div
{
	margin-top:0;
	margin-bottom:0;
}


/************************************************
Site map
************************************************/
.sitemap
{
  border:solid 0 #000;
  background-color: #fff;
  padding-left:15px;
}

.rootnode,
.parentnode,
.leafnode
{
	padding:3px 3px 0;
}

.rootnode
{
	font-weight: bold;
	color: #625C4D;
} 

.rootnode a,
.parentnode a
{ 
	color: #625C4D;
	font-weight: bold;
} 

.backtotoplink
{
	padding:10px 0 10px 5px;
	font-size: 10px;
}


/************************************************
Search
************************************************/
.search
{
	border-bottom:1px solid #b2d2e9;
}


/************************************************
Google Search
************************************************/
.gs-result, .gs-webResult
{
	border-bottom:1px solid #b2d2e9;
}

.gs-title
{	
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
}

.gs-snippet
{
	padding: 10px 0 0 10px;
	border-top:1px solid #b2d2e9;
	border-bottom:0;
}

.gs-visibleUrl-long { display:block; }
.gs-visibleUrl-short { display:none; }
table.gsc-branding { display:none; }
td.gsc-branding-text { display:none; }
div.gsc-branding-text { display:none; }
td.gsc-branding-img { display:none; }
a.gsc-branding-clickable { display:none; }
.gsc-keeper{ display:none; }
.gsc-result div.gs-watermark { display: none; }
.gsc-resultsHeader { display: none; }

/*************************************************
Component detail 
*************************************************/
.component_title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding: 2px 0;color:#1251AC;
}

.component_subtitle
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0;
	color:#1251AC;
}

.component_listitem
{
	padding: 0 0 15px;
	width:400px;
}

.component_listitem div
{
	padding: 0 0 4px;
	width:400px;
}

.component_listitem_header
{
	font-weight: bold;
	width:100px;
	vertical-align: top;
}

.component_listitem_content
{
	width:300px;
	vertical-align: top;
}

.component_content
{
}

/************************************************
FAQ List
************************************************/
.listfaq
{
	width:540px;
	padding:0;
	border-collapse: separate;
}

.listfaq td
{
	padding:4px;
}

.listfaq_pager
{
	text-align:right;
}

.listfaq_q
{
	font-weight:bold;
}


.listtable_header a
{
	color:#ffffff;
}

.listtable td
{
	border:0;
	border-top:1px solid #001447;
	padding:4px;
	margin:0;
}

.listtable tr:hover
{
	background-color:#ffffff;
}

.listtable_buttoncolumn
{
	width: 70px;
	font-size: 9px;
}


.listtable_checkboxcolumn
{
	padding:0px;
	width:1px;
}

.listtable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.listtable_row_on
{
	background-color:#e4f1ff;
}

.listtable_row_off
{
	background-color:#ffffff;
}

.listtable_pager
{
	text-align:right;
}

/* For plain lists on front end */
.listcomponent
{
	border:solid 0px #ffffff;
}

.listcomponent th
{
	display:none;
}

.listcomponent td
{
	border:0px;
	padding:4px 4px 10px 0;
	margin:0px;
}

.listcomponent_pager
{
	text-align:left;
}

/* For links on top of page */
.topselector
{
	margin-bottom: 10px;
}

/* For dropdown filters */
.filter
{
	margin: 10px 0px;
}

.filter select
{
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	width:180px;
}

.timing
{
}

/************************************************
Image-using item list 
************************************************/
.righttable
{
    width:200px;
	border:1px solid #3D88EB;
	border-collapse: separate;
}

.righttable th
{
	background-color: #3D88EB;
	padding:3px;
	border:0;
	text-transform:uppercase;
	font-weight: bold;
	text-align:left;
	color: #ffffff;
	height:20px;
	font-size:9px;
}

.righttable_header a
{
	color:#ffffff;
}

.righttable td
{
    border:0;	
	border-top:1px solid #dadada;
	padding:3px;
	margin:0;
	font-size:10px;
}

.righttable tr:hover
{
	background-color:#fffcee;
}

.righttable_buttoncolumn
{
	width: 30px;
	font-size: 9px;
}

.righttable_buttoncolumn input
{
	background-image: url(_gfx/button_bg.html);
	font-size: 10px;
	padding: 4px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #949494 #828282 #C2C2C2;
}

.righttable_checkboxcolumn
{
	padding:0;
	width:1px;
}

.righttable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.righttable_row_on
{
	background-color:#e4f1ff;
}

.righttable_row_off
{
	background-color:#ffffff;
}


/******************************************
Photo Album 
******************************************/
.album_item
{
	margin-bottom:20px;
	text-align:center;
}

.album_thumb
{
	background-position: top center;
	background-image: url(_gfx/album/exported_group.jpg);
	overflow: hidden;
	width: 260px;
	height:152px;
	max-height:130px;
	padding-top:22px;
	background-repeat: no-repeat;
    
}

.album_thumb img
{
	width: 160px;
	height: 110px;
	position:relative;
	left:0px; 
	border:0px;
	display:block;
	margin:0px auto;
	overflow: hidden;
}

.album_name
{
	text-transform:uppercase;
	font-weight:bold;
}

.album_details
{
    font-size:9px;
}

.photo_item
{
    padding:20px;
    text-align:center;
    vertical-align:top;
}





/************************************************
Home Page
************************************************/
/* Images w/o display:block in IE add a bottom margin */ 
.home_collage img
{
	display: block; 
}

.home_columns
{
}

.home_left
{
	width: 215px;
	float:left;
	padding: 10px 0;
	line-height:16px;
}

.home_left span.home_title
{
	font-weight:bold;
	display:block;
}

.home_right
{
	width: 540px;
	float:right;
	padding: 10px 0;
	overflow:hidden;
}

.home_right_bottom
{
	width: 540px;
	padding-top: 10px;
	overflow:hidden;
}

.home_buttons
{
    margin:0px 0px 0px 7px;
    padding: 5px 0px 0px 0px;
}

.home_buttons .home_button_container 
{
	float:left;
    margin:0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

.home_buttons img
{
	border:0px;
	padding: 2px 0;
}