body { padding: 0; margin: 0px; text-align: center; background-color: #fefefe; color: #000; }
body, input, textarea, select { font-family: Arial, Helvetica, sans-serif; }

/* 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; }

/* new site nav for l10n */

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

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

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

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

.site_nav_menu_buttons li div.candy_menu {left:-1px}
.site_nav_menu_buttons li div.candy_menu a {font-weight:normal}

/* COLORS, PRESENTATION */

a:link { color: #0063DC; text-decoration: underline; }
a:visited { color: #1057ae; text-decoration: underline; }
a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }

a.iconlink, a.iconlink:visited, a.iconlink:hover, a.iconlink:active, a.iconlink:link, span.icontext { color: #000000; font-size: 16px; text-decoration: none; background: none; }
a.image_link:link, a.image_link:visited, a.image_link:hover, a.image_link:active {background-color:transparent;outline:0}
a.arrowRight {padding-left: 14px;background-image: url(http://l.yimg.com/www.flickr.com/images/icon_arrow_right.gif);background-position: 0px 2px;background-repeat: no-repeat}
a.arrowDown {padding-left: 14px;background-image: url(http://l.yimg.com/www.flickr.com/images/icon_arrow_down.gif);background-position: 0px 2px;background-repeat: no-repeat}

h1 { font-size: 24px; margin-top: 0; padding-top: 25px; }
h2 { font-size: 20px; font-weight: normal; margin-bottom: 10px; }
h3 { font-size: 18px; color: #FF0084; font-weight: normal; margin-bottom: 10px; }
h4 { font-size: 13px; margin-bottom: 10px;}
h5 { font-size: 12px; margin-bottom: 10px;}
h6 { font-size: 11px; margin-bottom: 10px;}
p { font-size: 12px; }
.p_smaller { font-size: 11px; }
small { font-size: 11px; color: #999999; }
li { font-size: 12px; line-height: 18px; }
dd, dt { font-size: 12px; line-height: 18px; }

form { padding: 0px; margin: 0px; border: 0px; }
table { border: 0; }
th { border-bottom: 1px solid #eee; font-size: 11px; font-weight: normal; color: #FF0084; text-align: left; }
td { font-size: 12px; color: #000; }
img { border: none; /* 1px solid #ddd */ }


#content { width:100%; text-align:left; border-color:#000;}

#compact{	
	background: #eee;
	width: 175px;
	height: 75px;
	margin:5px;
	padding:2px;
	position: relative;
	float:right;
	font-family:Arial;
	font-size:12px;
	border: 1px #000 solid; }

.compact_left{
	position:absolute;
	width: 125px;
	left:2px;
	text-align:left;
	height: 30px;
}

.compact_logo{
	position:absolute;
	width: 50px;
	right:0px;
	text-align:left;
}

.compact_comment_check{
	position:absolute;
	width: 90px;
	bottom:10px;
	right:2px;
	height: 10px;
	float:right;
	text-align:right;
}

.compact_invite_check{
	position:absolute;
	width: 85px;
	bottom:10px;
	left:2px;
	height: 10px;
	float:right;
	text-align:left;
}

.compact_edit{
	font-size:9px;
	text-align:center;
	position:absolute;
	top:50px;
	width: 50px;
	right:2px;
	height: 10px;
	float:left;
}

.compact_ratio{
	text-align:center;
	position:absolute;
	top:40px;
	width: 100px;
	left:2px;
	height: 10px;
	float:left;
}

/* FORM ELEMENTS */

input, textarea, select { font-size: 12px; color: #222222; }

td.Label { text-align: right; font-weight: bold; vertical-align: top; font-size: 12px; }