body {
	font-family:			lucida sans unicode;
	font-size:				0.85em;
	line-height:			1.5em;
	margin:					0;
	padding:				1.5em 0 0 0;
}

#logo {
	cursor:					pointer;
}

#quote {
	position:				absolute;
	left:					40%;
	width:					53%;
	top:					3em;
	margin-right:			2em;
	font-size:				0.85em;
	white-space:			nowrap;
}

#navigation {
	position:				absolute;
	z-index:				1;
}

#side {
	position:				absolute;
	left:					80%;
	right:					0;
	margin-right:			2em;
	z-index:				2;
}		

#footer {
	left:					0;
	right:					0;
	border-top:				1px dotted #4f571c;
	font-size:				0.95em;
	margin-bottom:			1em;
}

#main {
	position:				absolute;
	left:					0px;
	width:					80%;
	z-index:				0;
}

#main .text .entry {
	font-size:				0.9em;
	border:					1px solid #ebd4c8;
	background-color:		#fcf7f4;
	padding:				0 0.5em 1em 1em;
	margin:					0 0 1em 0;
}

#navigation ul, #navigation li {
	list-style-type:		none;
	margin:					0;
	padding:				0;
	font-size:				1.05em;
	white-space:			nowrap;
}

#navigation ul li a {
	border-bottom:			1px dotted #c00;
}

#navigation ul ul li a {
	border-bottom:			none;
}

#navigation ul ul {
	padding:				0;
	margin:					0px 0px 0px 2em;
	font-size:				0.8em;
}

#navigation a, #navigation li.active li a, 
#navigation li.active li.active li a, #navigation a:hover, 
#navigation li.active li a:hover, #navigation li.active li.active li a:hover, 
#navigation li.active a, #navigation li.active li.active a, 
#navigation li.active li.active li.active a {
	margin-left:			.5em;
	margin-right:			.5em;
}

#side p, #side ul {
	margin:					0.3em 0;
	font-size:				0.85em;
}

#side h3 {
	margin:					0;
}

a {
	font-size:				1.05em; 
	color:					#c00; 
	text-decoration:		none; 
}
a.small { font-size: 0.85em; }
a.selected { border-bottom: 1px dotted; }
a:hover, a.small:hover { color: #f00; background: #ffffb4; }
a.image, a.image:hover { border-bottom: 1px solid #fff; background: #fff; }

h1, h2, h3, h4, h5, h6, strong, p {
	position:				relative;
	padding:				0; 
	margin:					0.6em 0.2em; 
	font-weight:			normal; 
}

h1 {
	font-variant:			small-caps;	
	font-size:				1.45em;
	letter-spacing:			2px;
	font-size:				1.5em;
	color:					#000;
}	

h2 {
	font-size:				1.2em;
	letter-spacing:			1px;
	font-size:				1.3em;
	color:					#006;
}

h2 em {
	font-size:				0.9em;
	color:					#900;
}

h3 {
	text-transform:			uppercase;
	letter-spacing:			1px;
	margin:					0.5em;
	padding:				0;
	color:					#900;
	font-size:				0.95em;
	border-bottom:			1px dotted #900;
}

#side h3 {
	border-bottom:			none;
}

h4 {
	margin:					0.1em 0;
	padding:				0;
	font-size:				0.9em;
	color:					#854710;
}

h1 a, h2 a, h3 a, h4 a {
	font-size:				0.75em;
	float:					right;
	padding:				0;
	margin:					0em 0;
}

p {
	margin:					0.5em 1em;
}

p.enlarge {
	font-size:				1.1em;
}

strong {
	font-size:				1.1em;
	color:					#006;
	border-bottom:			1px dotted #006;
	padding:				0;
	margin:					0;
}

em {
	font-size:				1.05em;
	color:					#900;
	font-style:				normal;
}

ul, ul.inline {
	list-style-type:		none;
	font-size:				.9em;
	margin-left:			2.5em; 
	padding-left:			0;  
}
ul.inline li {
	display:				inline; 
	padding:				0 1.1em 0 0; 
}
ul.inline > li {
	white-space: nowrap; 
}
ul.wrap > li {
	white-space: normal; 
}

/* Dialog / Help / Tooltip
   ------------------------------------------------------------------------*/
#dialog {
	position:				relative; 
	padding:				0; 
	text-align:				center;
}

#__dialog, #__tooltip, #__help {
	position:				absolute;
	display:				none; 
	z-index:				100; 
}

#__tooltip {
	z-index:				99; 
}

div.dropshadow { 
	z-index:				99; 
	float:					left; 
}

div.dropshadow {
	/*background:				url(http://www.zorrino.com/images/shadow.png) no-repeat bottom right;*/
}

div.dropshadow iframe {
	position:				relative;
	display:				block;
	/*margin:					-9px 9px 9px -9px;*/
	padding:				4px;
	border:					1px solid #ba6c43;
	background-color:		#fcf7f4;
}

.tooltip {
	position:				relative;
	text-align:				left;
	/*margin:					-8px 8px 8px -8px;*/
	font-size:				0.75em;
	background-color:		#fffff0;
	padding:				0.3em 0.5em;
	color:					#000;
	line-height:			1.6em;
	margin:					0;
	border:					solid 1px #005;
}

/* Table
   ------------------------------------------------------------------------*/
table { 
	width:					100%; 
	border:					none; 
}

table.grid {
	border:					1px dotted #aaa;
}

table.blank {
	border:					0px solid #fff;
}

table.grid tr {
	font-size:				0.95em;
	line-height:			1.8em;
	color:					#000;
}

table.blank tr {
	font-size:				0.9em;
	line-height:			1.6em;
}

table.grid tr.header {
	line-height:			2em;
	font-size:				0.95em;
	color:					#005;
	background-color:		#ccdfec;
}

table.grid tr.header-d {
	font-size:				1.1em;
	color:					#005;
}

table.blank tr.header, tr.blank {
	display:				none;
}

table.blank tr.footer, table.grid tr.footer, table.grid tr.footer-d {
	line-height:			1.9em;
	font-size:				1em;
	color:					#c00;
	background:				transparent url(https://mentor.zorrino.com/images/info.png) no-repeat 4px 7px;
}

table.blank tr.footer td, table.grid tr.footer td {
	border:					1px solid #f4f4ea;
	padding:				2px 28px;
}

table.grid tr.footer-d td {
	border:					1px solid #eee;
	padding:				2px 28px;
}

table.grid tr.header td {
	border:					1px solid #ccdfec;
}

table.grid tr.item {
	background-color:		#fff;
}

table.grid tr.alt {
	background-color:		#eee;
}

table.grid tr.select,
table.grid tr.edit {
	background-color:		#ccdfec;
}

table td {
	padding:				0 4px;
	white-space:			nowrap;
}
table.blank td {
	border:					0px solid #fff;
}

table td.link {
	margin:					0;
	padding:				0;
	width:					1px;
}

table td.image {
	padding:				2px 4px;
	width:					1px;
}

table a {
	padding:				2px 4px;
	display:				block;
}

table a:hover {
	background-color:		#fff;
	color:					#000;
}

table a.locked:hover {
	background-color:		transparent;
	color:					#aaa;
	cursor:					default;
}

img { border: 0; vertical-align: middle; }
img.photo { border: 1px dotted #ebd4c8; padding: 4px; background: #fff; vertical-align: baseline; }
a.image { border: none; background: none; }
a.image:hover { border: none; background: none; }
a img.photo:hover { border: 1px dotted #ebd4c8; background: none; }

div.caption, span.caption {
	margin:					0.2em 0 0 0;
	font-size:				0.9em;
	color:					#c00;
	text-align:				center;
}

/* Form Elements */
input, textarea {
	font-size:				0.95em;
	font-family:			lucida sans unicode;
	background:				#fff;
	border:					solid 1px #111;
	border-bottom-color:	#aaa;
	border-right-color:		#aaa;
	padding:				0.15em
}

input.button, button {
	font-size:				0.9em;
	padding:				0.2em;
	color:					#000;
	background:				#ccf;
	border:					outset 1px #808080;
	border-top-color:		#fff;
	border-left-color:		#fff;
	cursor:					pointer;
}

/* Form Layout */
div.row  {
	position:				relative; 
	padding:				0.2em 1.2em; 
}

div.row span.label {
	position:				absolute;
	top:					0;
	left:					0;
	width:					20%;
	text-align:				left;
}

div.row span.control {
	position:				absolute;
	width:					74%;
	text-align:				left;
	top:					0;
	left:					25%;
}

/* Quotes */
blockquote {
	background:				transparent url(http://www.zorrino.com/images/66.png) no-repeat top left;
	margin:					0;
	font-size:				0.95em;
}

blockquote div {
	background:				transparent url(http://www.zorrino.com/images/99.png) no-repeat bottom right;
	padding:				6px 36px;
}

div.who {
	font-size:				0.9em;
	padding-left:			36px;
	padding-bottom:			10px;
}

div.who strong {
	border-bottom:			none;
}

div.who a {
	font-size:				0.9em;
}