body {
	font-family: "trebuchet ms", tahoma, sans-serif;
	font-size: 16px;
	margin: 8px;
	padding: 2px;
	background-color: #fff;
}

#header {
	float: left;
	height: 76px;
	width: 350px;
}
#header h1 {
	margin: 0px;
	height: 76px;
}
#header h1 span {
	display: none;
}
#header img { border: none; /* 1px solid #ddd */ }

#directories {
	float: right;
	border: 2px;
	width: 100px;
	height: 400px;
	margin: 10px;
	color: #0000ff;
}
#directories ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	list-style: url(../images/dot.png);
}
#directories ul li span {
	cursor: pointer;
}
#directories ul li span:hover {
	cursor: pointer;
	border-bottom: 1px solid #aaa;
}

#right {
	padding-top: 30px;
	margin-left: 230px;
	width: 500px;
}
#right h2 {
	margin: 0px 0px 20px 3px;
}
#sitelogo {
	position: relative;
	float: left;
}
#sitelogo img {
	border: 0px;
}
#login {
	position: relative;
	float: right;
	font-size: 12px;
	margin-top: 30px;
}

#map {
	top: 5px;
	width: 700px;
	height: 500px;
	border: 2px;
	margin: 10px;
}

#googlead {
	float: left;
	width: 120px;
	height: 600px;
	background-color: #fff;
	border: 2px;
	margin: 10px;
}

#footer {
	border-left: auto;
	border-right: auto;
	padding: 3px;
	margin: 9px;
	border: 2px;
	font-size: 11px;
}

.clear {
	clear: both;
}
.middlewrapper {
	float: right;
	width: 830px;
	position: relative;
	left: 20px;
	padding: 0px;
	margin: 0px;
	border: 2px;
}
.bodywrapper {
	position: relative;
	width: 700px;
	padding: 0px;
	margin: 0px;
	border: 2px;
}
.bodywrapper1 {
	position: relative;
	width: 700px;
	padding: 0px;
	margin: 0px;
	border: 2px;
}
.filler {
}
.wrapper2 {
	width: 980px;
	padding: 3px;
	margin: 3px;
	border: 2px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper {
	width: 950px;
	padding: 3px;
	margin: 3px;
	border: 2px;
	margin-left: auto;
	margin-right: auto;
}
.navigator {
	font-size: 12px;
	padding: 3px;
	margin: 3px;
	border: 2px;
}


#lefthalf {
  float: left;
  padding-top: 3px;
  width: 400px;
  padding: 2px;
  border: 1px;
}

#righthalf {
  float: right;
  padding-top: 3px;
  width: 380px;
  padding: 2px;
  border: 1px;
}

/* PRIMARY NAVI */

.TopBar { background-image: url('http://l.yimg.com/www.flickr.com/images/dotted.gif'); background-repeat: repeat-x; background-position: left bottom; text-align: center; padding-bottom: 1px }

.TopBar .Header { width: 820px; margin-top: 0px; margin-right: auto; margin-left: auto; }
.TopBar .Header .FlickrLogo { padding: 5px 0 0 5px; }
.TopBar .Header .FlickrLogo img { float: left; }
.TopBar .Header .Status { font-size: 11px; color: #999999; text-align: right; vertical-align: top; padding-top: 6px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; }
.TopBar .Header .Status .WhoIs { color: #666666; }
.TopBar .Header .Status img { border-style: none; }
.TopBar .Header .Status a { text-decoration: none; }
.TopBar .NavBar { width: 820px; margin-top: 0px; margin-right: auto; margin-left: auto; }
.TopBar .NavBar .Primary {  padding-top: 5px; vertical-align: bottom;  padding-bottom: 0; padding-left: 1px; }

.TopBar .NavBar #search_header_form_td { vertical-align: bottom; text-align: right; padding-bottom: 5px; padding-right: 4px; }
.TopBar .NavBar #search_header_form_td form { padding: 0; margin: 0; }
.TopBar .NavBar #search_header_form_td form input { vertical-align: bottom; margin: 0; color:#222222}
.TopBar .NavBar #search_header_form_td form img { vertical-align: bottom; margin: 0; }
.TopBar .NavBar #search_header_form_td .Box { width: 170px; font-size: 11px; margin: 0; }


.TopBar .NavBar #search_header_button_td { vertical-align: bottom; text-align: left; padding:0}

/* new site nav for l10n */

.hk_nav_menu_buttons {list-style:none;margin:0;padding:0;}
.hk_nav_menu_buttons li {float:left;font-size:13px;line-height:13px;position:relative;z-index: 9999;border:1px solid #fff;border-bottom:1px solid #fff} /* IntlRef: sea.css */
.hk_nav_menu_buttons li.menu_li {margin-right:3px}
.hk_nav_menu_buttons li.no_menu_li {margin-right:16px;}  /* IntlRef: de-de.css */
* html .hk_nav_menu_buttons li.no_menu_li {margin-top:2px}

.hk_nav_menu_buttons li span {padding:4px 2px 4px 6px;display:block;border-right:1px solid #fff; white-space:nowrap;cursor:pointer}
* html .hk_nav_menu_buttons li span{cursor:hand}

.hk_nav_menu_buttons li img {vertical-align:top;margin-left:4px}
.hk_nav_menu_buttons li a,
.hk_nav_menu_buttons li a:visited,
.hk_nav_menu_buttons li a:link {text-decoration:none; font-weight:bold;color:#0063DC} /* IntlRef: sea.css */
.hk_nav_menu_buttons li a:hover,
.hk_nav_menu_buttons li a:active {background:none !important;color:#0063DC;text-decoration:underline}

.hk_nav_menu_buttons li.hover {border:1px solid #f0f0f0;border-bottom:1px solid #fff;border-right-color:#9f9f9f;}
.hk_nav_menu_buttons li.hover span {border-right:1px solid #f0f0f0;}
.hk_nav_menu_buttons li.hover_left a,
.hk_nav_menu_buttons li.hover_left a:link,
.hk_nav_menu_buttons li.hover_left a:visited {text-decoration:underline}

.hk_nav_menu_buttons li div.hk_menu {left:-1px}
.hk_nav_menu_buttons li div.hk_menu a {font-weight:normal}

/* CANDY NAV */

#hk_nav_button_bar,
#hk_search_button_bar {
	padding: 0 0 1px 0;
	margin:0;
}
#hk_search_button_bar { display:none; }

#hk_nav_button_bar img,
#hk_search_button_bar img { border:0px none; margin:0 ; display:inline }

#hk_nav_button_bar a:hover, #hk_nav_button_bar a:active, #hk_nav_button_bar a:focus { outline:0; background-color: inherit !important; }
#hk_search_button_bar a:hover, #hk_search_button_bar a:active, #hk_search_button_bar a:focus { outline:0; background-color: inherit !important; }

#hk_nav_button_bar .hk_menu, 
#hk_search_button_bar .hk_menu {
	display:none; position:absolute;
	border-left:1px solid #F0F0F0;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-top:0px none;
	width:180px;
	z-index: 5000;
	background-color:white;
	text-align:left
}

#hk_nav_button_bar .hk_menu a, 
#hk_nav_button_bar .hk_menu a:link { font-weight: normal; display:block; margin:6px; padding:0px; font-size: 11px; text-decoration:none !important; color:#0063DC !important; }
#hk_nav_button_bar .hk_menu a:hover,
#hk_nav_button_bar .hk_menu a:active { color: #0063DC !important; background: white; text-decoration:underline !important; }
#hk_nav_button_bar .hk_menu a.menu_item_line_above {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #E5E5E5;
}

#hk_search_button_bar .hk_menu a, 
#hk_search_button_bar .hk_menu a:link { display:block; margin:6px; padding:0px; font-size: 11px; text-decoration:none !important; color:#0063DC !important; }
#hk_search_button_bar .hk_menu a:hover,
#hk_search_button_bar .hk_menu a:active { color: #0063DC !important; background: white; text-decoration:underline !important; }
#hk_search_button_bar .hk_menu a.menu_item_line_above {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #E5E5E5;
}

.hk_form {
	padding:8px;
}
/* Photosets */

#photoSetsContainer  {
	font-size: 10px;
}

#photoSetsContainer a {
  border: 0px;
  width: 75px;
  height: 75px;
}

#photoSetsContainer a img {
  padding: 2px;
  border: 2px solid white;
  width: 75px;
  height: 75px;
  background: url('../images/loader4.gif') no-repeat center;
}

#photoSetsContainer a img:hover {
  border: 1px solid #ccc;
  border-width: 2px;
}

/* Photos */

#notinset a {
  border: 0px;
}

#notinset a img {
  padding: 2px;
  border: 1px solid white;
  background: url('../images/loader4.gif') no-repeat center;
  border-width: 2px;
}

#notinset a img:hover {
  border: 1px solid #ccc;
  border-width: 2px;
}

#photosContainer a {
  border: 0px;
  width: 75px;
  height: 75px;
}

#photosContainer img {
  padding: 2px;
  border: 1px solid gray;
  width: 75px;
  height: 75px;
  background: url('../images/loader4.gif') no-repeat center;
  border-width: 2px;
}

#photosContainer a img {
  padding: 2px;
  border: 1px solid white;
  width: 75px;
  height: 75px;
  background: url('../images/loader4.gif') no-repeat center;
  border-width: 2px;
}

#photosContainer a img:hover {
  border: 1px solid #ccc;
  border-width: 2px;
}
#images {
	float: bottom;
}
#images a {
	border: 0px;
	width: 75px;
	height: 75px;
}

#images a img {
	padding: 2px;
	border: 1px solid white;
	width: 75px;
	height: 75px;
	background: url(../images/loader4.gif) center center no-repeat;
	border-width: 2px;
}

#images a img:hover {
	border: 1px solid #ccc;
	border-width: 2px;
}

.notlink {
	padding: 4px;
	border: 1px;
	font-size: 12px;
}
.link {
	padding: 4px;
	border: 1px;
	font-size: 12px;
}


/*
The overall container: always has class="fn-container", and also one of:
container-inactive container-active
*/

.fn-container {
 position: relative;
}

.fn-container img {
 border-width: 0;
}

.fn-area 
{
	position: absolute;
	border:none;
	border: 0px solid #D4D82D;
	margin:1px;
}

.fn-area-blackborder
{
	border: 1px solid #000;
}

.fn-area-whiteborder
{
	border: 1px solid #FFF;	
}



.fn-area-inner
{
	border: 1px solid #000000;
	background-color:#FFF; 
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	cursor: pointer;
}

.fn-note 
{
	position: absolute;
	max-width: 200px;
	padding: 5px;
	display:none;
	cursor:default;
	z-index:5000;
}

.fn-note-text
{
	font-size: 12px;
	background-color: #FFEECC;
	border: 1px solid #000000;
	padding: 5px;
	-moz-border-radius: 7px;  /* Non-standard */
}

.fn-note-edit-text
{
	background-color: #FFEECC;
	border: 1px solid #000000;
	padding: 5px;
	-moz-border-radius: 7px; /* Non-standard */
}
.fn-note-edit
{
	display:none;
}

.fn-note-edit TEXTAREA
{
	background-color:#FFEECC;
	border:0;
	overflow:visible;
	margin-bottom:10px;
	padding:0;
	width:180px;
	font-size: 10pt;
	margin:0;
}