@charset "utf-8";
/*  labs.jodd.org CSS definitions */

/* html, body and headers */
body {font:12px/1.4em Verdana,sans-serif; background-color:#D9E8CF;}

h1, h2, h3, h4 {font-weight:bold; font-family: "Trebuchet MS", Arial,sans-serif;}
h1.main {font-size: 3.0em; margin: 0 0 16px 0;}
h2.main {font-size: 2.0em; margin: 0 0 10px 0;}
h2.bar {font-size: 2.0em; margin: 10px 0 10px 20px;}
h1 {font-size: 3.0em; margin: 10px 0 16px 0;}
h2 {font-size: 2.0em; margin: 40px 0 10px 0;}
h3 {font-size: 1.4em; margin: 10px 0 0 0;}

/* divs */
.cls {overflow:hidden;}
#container {position:relative; min-width:55em; max-width:100em;}

#headbar {font-size:1.2em; padding:0; margin-bottom: 8px; background:#FF6666 url(/jodd-labs.png) no-repeat 17px 6px; overflow:hidden; }
#headbar #headlinks {float:right;}
#headbar ul			{list-style-type: none; margin-right:20px; padding:0}
#headbar ul li		{margin:0; float:left; }
#headbar ul li a	{border-left: 1px dotted #4D4D4D; color: #fdfdfd; display: block; text-decoration: none; font-size: 0.8em; font-weight:bold; padding: 36px 20px 4px 2px; }
#headbar ul li a:hover	{color:#FF6666; background-color:#FDFDFD;}

#column3 { background-color:#A9CC93; overflow:hidden; color:#fdfdfd;}
#column2 { width:73%; float:left; background-color:#C5DCB5;}
#content-main {width:70%; float:left; background-color:#fff; color:#333; padding-top: 20px;}
#content-main * { margin-left:20px; margin-right:20px; }
#content-main * * { margin-left:0; margin-right:0; }
#content-doc {width:73%; float:left; background-color:#fff; color:#333; padding-top: 20px; padding-bottom:20px; min-height:450px; }
#content-doc p, #content-doc h1, #content-doc h2, #content-doc h3, #content-doc table, #content-doc .para
			{ margin-left:20px; margin-right:20px; }
#content-doc h3 {padding-top: 30px;}
#content-doc h2, #content-doc h3, #content-doc h4 {color:#555;}
#content-doc div.code { margin:0 40px 0 60px; font-size:1em; font-family:Tahoma;}
#content-doc div.code div.syntaxhighlighter { font-size:1em;}
#content-doc div.graph { margin:0 40px 0 60px; font-size:1em; font-family:Tahoma;}

#content-related {clear:both; background-color:#F0F6ED; margin:0; padding: 10px 20px;}
#content-extra {margin:0; width: 30%; float:right; }
#content-addon {margin:0; width: 27%; float:right;}
.rightbar { font-size:90%; padding-top: 10px;}
.rightbar * { margin-left:20px; margin-right:20px; }
.rightbar * * { margin-left:0; margin-right:0; }

#footer {color:#A9CC93; text-align:left; padding:0; padding: 25px 0 35px 0; font-size:1.2em; font-weight:bold; background-color:#4D4D4D; }
#copyright {margin-left: 70px;}
#footer #footlinks {float:right; position:relative; top:-14px; padding-right:40px;}
#footer  ul		{list-style-type: none; margin:0; padding:0;}
#footer  li		{margin: 0; float:left; text-align:center;}
#footer  li a		{border-right:1px solid #4D4D4D; color: #fdfdfd; display: block; text-decoration: none; font-size: 0.8em; background-color:#FF6666; padding: 2px 10px 2px 10px; font-weight:normal;}
#footer li a:hover	{background-color:#fdfdfd; color:#4D4D4D;}


/* links */	
a, a:visited, a:active {color:#FF6666; text-decoration:underline; }
a:hover	{color:#FF0000; text-decoration:none; background-color:#FFE8E8; }
a.external {padding-right: 16px; background: transparent url(/gfx/ext1.gif) no-repeat center right;}
abbr {border-bottom: 1px dotted #FF881D;}

#content-extra a, #content-extra a:visited, #content-extra a:active {color:#000; text-decoration:none;}
#content-extra a:hover	{color:#FF6600; text-decoration:none; background-color:#ffeeee; }

/* text */
p  {font-size:1.2em; margin:0 0 10px 0; padding:0; text-align:justify;}
b {color:#555;}
code {font:bold 1.05em "Courier New", Courier, monospace; color:#003070;}
pre {font:bold 1em "Courier New", Courier, monospace; color:#003070;}
em {font-style:normal; font-weight: bold; color:#6D5978; background-color:#FFF0F0;}
p.attn {border: 1px solid #fe0; padding: 6px 20px 6px 30px; background: #ffffdd url(/gfx/attn.png) no-repeat 5px center; color: #5C6973;}
p.example {border: 1px solid #BDC5D3; padding: 6px 20px 6px 30px; background: #EEF0F4 url(/gfx/lightbulb.png) no-repeat 5px center; color: #5C6973;}
p.warn {border: 1px solid #C98B8A; padding: 6px 20px 6px 30px; background: #ffdddd url(/gfx/warn.png) no-repeat 5px center; color: #5C6973;}

/* form */
input[type="submit"] {border: 1px solid #131C25; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 1px 2px 1px 2px;}

/* list */
ul {list-style-type:disc; margin:0 40px 10px 40px; padding:0;}
ol {margin:0 40px 10px 40px; list-style-type:decimal;}
li {margin:0 0 0 20px; padding:0; font-size:1.2em; }

/* images */
img {border: none; padding:0; margin:0;}
img.margin {border: none; padding:0; margin:4px;}
img.letter{border: none; padding:0; margin:0 8px 0 0; float:left;}
img.b {border: 1px solid #666666;padding:0; margin:5px;}

/* right menu */
h2.menu {margin-top:20px;}

ul.menu				{list-style-type: none; margin-right:20px; padding:0}
ul.menu li			{margin:0;}
ul.menu li a		{color: #A3B3CE; display: block; text-decoration: none; font-weight: bold; font-size: 1em; padding: 2px 20px 1px 10px; }
ul.menu li a:hover	{background-color:#FFEEDF; color:#263248; }
ul.menu2			{list-style-type: none; margin-right:20px; padding:2px 20px 1px 10px}
ul.menu2 li			{margin:0;}
ul.menu2 li a		{color: #A3B3CE; text-decoration:none; font-weight: bold;}
ul.menu2 li a:hover	{background-color:#FFEEDF; color:#263248; }

ul.jquery-toc-1				{list-style-type: none; margin-right:20px; padding:0;}
ul.jquery-toc-1 li			{margin:0;}
ul.jquery-toc-1 li a		{color: #f0f0f0; display: block; text-decoration: none; font-weight: bold; font-size: 0.9em; padding: 2px 20px 1px 10px; }
ul.jquery-toc-1 li a:hover	{background-color:#FFE8E8; color:#ff6666; }

div.social_bookmark {position:absolute; bottom: 90px;}
div.social_bookmark a:hover {background-color:transparent;}

div.subhead {margin: 0 0 20px 20px; }
div.date   {background:url(/calendar.png) no-repeat 10px 0; padding-left:30px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#A9CC93; float:left;}
div.author {background:url(/user.gif) no-repeat 16px 0; padding-left:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#A9CC93; float:left; }
div.tags   {background:url(/tag.png) no-repeat 20px 0; padding-left:40px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#A9CC93; float:left;}

#tagcloud 			{margin: 15px 20px 10px 20px; font-size:10px; font-weight: bold;}
#tagcloud a, #tagcloud a:visited, #tagcloud a:active	{color: #E3EFDC; text-decoration: none; padding: 0 3px 2px 3px; }
#tagcloud a:hover	{background-color:#E3EFDC; color:#A9CC93; }

#last 			{}
#last .date		{color: #4D4D4D;}
#last a, #last a:visited, #last a:active	{color: #360; text-decoration: none; padding: 0 3px 2px 0; font-size:1.3em;}
#last a:hover	{background-color:#E3EFDC; color:#A9CC93; }

#all 			{margin-bottom: 20px;}
#all .date		{font-size:1.1em;color:#999; margin-left:5px; margin-right:7px;}
#all .tag		{font-size:0.9em;color:#bbb; margin-left:2px; font-weight:bold;}
#all a, #all a:visited, #all a:active	{font-size:1.5em; margin-bottom:4px;}

#tag 			{margin-bottom: 20px;}
#tag .date		{font-size:1.1em;color:#999; margin-left:5px; margin-right:7px;}
#tag .tag		{font-size:0.9em;color:#bbb; margin-left:2px; font-weight:bold;}
#tag a, #tag a:visited, #tag a:active			{font-size:1.5em; margin-bottom:4px;}

div.loading		{padding: 10px 0 20px 20px; color:#aaa; font-size: 12px; font-weight: bold; float:left;}
div.email		{padding: 10px 0 20px 10px; margin: 10px 0 0 10px; font-size:2em; font:Tahoma, Geneva, sans-serif; font-weight:bold; color:#263248;}