/*	=GLOBAL
	Element Names (h1-h6, p, div, em etc)
----------------------------------------------------*/
* { margin:0; padding:0;}

body {
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
	
	color:#333;
	
	border:4px solid #CDBFD9;
	border-right:none;
	border-left:none;
}
a:link { color:#0066FF;}
a:visited,a:hover { color:#0033CC; text-decoration:none;}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	position:relative;
	font-family: "Trebuchet MS";
}
span.default,
.center {
	clear:both;
	display:block;
	text-align:center;
}
img.center{
	margin:0 auto;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

.highlight {
	background-color: #ffffcc;
}
#primary p { margin: 0 0 15px 0; }
span.image img,
#page_body img {
	border:1px solid #ccc;
	padding:1px;
}
span.right,
img.right {
	float:right;
}

span.left,
img.left {
	float:left;
}
span.clear{line-height:0;height:0;font-size:0;}

/*	=GENERIC
	Class Names (.clear, .left, .right etc)
----------------------------------------------------*/
.inner { position:relative;}

.active a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}


.navigation { }
.navigation ol,
.submenu ul {
	list-style:none;
}
.article {
/*	margin-bottom: 20px ;*/
}
.article .inner {
	padding:10px;
}
.article dt { font-weight:bold;}
.article dd {  margin:0 0 10px 0;}

.article dd img{
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
}
.article, .article .inner , .section { position:relative;}
.article .article { margin-bottom:0 ;}

.article ol {
	margin-left:15px;
	list-style-image:url(/_meelo/_templates/unilab/images/bullet.gif);
}
.article li a {
	color:#666;
}
.columns_3 .article {
	font-size:0.9em;
	width:32%;
	margin-left:1.3%;
	float:left;
}
.columns_2 .article {
	font-size:0.9em;
	width:48%;
	margin-left:1.5%;
	float:left;
}

.section,
#secondary .article {margin:15px 0 0 0;}
/*	=ELEMENTS
	Element names followed by class names (li.left, div .right)
----------------------------------------------------*/

input[type='text'],
input[type='password'] { border:1px solid #ccc; padding:3px 0; }

input[type='submit'] { padding:3px 0 ;}


/*	=IDs
	Element IDs (#header, #navigation li, #content div.title)
----------------------------------------------------*/
#header-inner {
	padding-top:10px;
}

#header h1 a {
	display:block;
	height:60px;
	width: 340px;
	text-indent:-999em;
	outline:none;
	background: url(/_meelo/_templates/unilab/images/logo.jpg) no-repeat left center;
}

#global-navigation {
font-size:0.9em;
	padding:0 5px 5px 0;
	background: #DED6E7 url(/_meelo/_templates/unilab/images/bg_corner_top_right.jpg) no-repeat right top;
}

#global-navigation-inner { 
	border:1px solid #DED6E7;
	background-color:#F3EFF6;
}

#global-navigation li {
	float:left;
	margin-top:1px;
}
#global-navigation li:hover{
}
#global-navigation li.active {
	background-color:#DED6E7;
}
#global-navigation li.active a {
	
	color:#000;
}
#global-navigation li.active:hover,
#global-navigation li.active a:hover { background-image:none;}

#global-navigation li a {
	display:block;
	padding:8px 15px;
	text-decoration:none;
	
	color:#555;
	border-left:1px solid #fff;
}
#global-navigation li a:hover {
	color:#000;
	background: url(/_meelo/_templates/unilab/images/bg_navigation_hover.jpg) no-repeat center bottom;	
}
#global-navigation li:first-child a {
	border:none;
}

#global-navigation .styles .c1,
#secondary .article .styles .c1 {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:6px;
	height:5px;
	background: url(/_meelo/_templates/unilab/images/bg_corner_bottom_left.jpg) no-repeat left bottom;
}

#breadcrumb {
	font-size:0.8em;
	margin:0 0 10px 0;
	
	color:#999;
}
#breadcrumb a { color: #999; text-decoration:underline;}
#breadcrumb ul {
	list-style:none;
	display:inline;
}
#breadcrumb li {
	display:inline;
	margin:0 0 0 5px;
}

#breadcrumb li.current_page a {
	text-decoration:none;
	color:#ccc;
}

#content {
	line-height:1.4em;
}

#content-inner {
	margin:15px  0;
}
#page_body {font-size:0.85em; }
#page_body strong {color:#555;}
#page_body ol, #page_body ul { margin: 15px 0 0 20px; font-size:0.95em;}
#page_body li { margin: 5px 0 0 0 ;}
#page_body p {margin:15px 0 0 0;}
#page_body h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:15px 0 -5px 0;
	color:#666699;
}
#page_body h4 {
	font-size:1.2em;
	font-weight:bold;
	margin:15px 0 -5px 0;
	color:#444;
}


#primary {
	float:left;
	width:75%;
}
#primary-inner {
	margin:0 20px 0 0;
	
}
#primary h2{
	font-size:1.8em;	
	color:#FF9900;

}
#primary h3.description {
	margin:10px 0;
	color:#999;
}
#primary .article .inner {
	background-color:#F3EFF6;
	border-bottom:1px solid #D6CCE1;
}

#primary .article h4 {
	position:relative;
	margin:0 0 1px 0px;
	color:#fff;
	background: #FFC183 url(/_meelo/_templates/unilab/images/bg_article_heading.jpg) repeat-x center bottom;
}
#primary .article h4 a.more {
	position:absolute;
	z-index:2;
	right:10px;
	bottom:5px;
	font-size:0.7em;
	text-transform:none;
	text-decoration:underline;
}
#primary .article h4 a {
	text-decoration:none;
	color:#fff;
}
#primary .article dl {font-size:0.9em;}

#primary .article h4,
#secondary .article h5 {
	padding:4px 10px;
	font-weight:bold;
	font-size:1.15em;
	
	text-transform:uppercase;
}
#secondary .article h5 {padding:4px 10px 4px 0; }

#primary .article h4 a,
#secondary .article h5 a {
	outline:none;
	display:block;
}
#primary .article h4 a:hover,
#secondary .article h5 a:hover {
	text-decoration:underline;
}
#secondary {
	font-size:0.85em;
	float:right;
	width:25%;
}

#secondary-inner {
	margin:0 ;
}
#secondary .article h5 {
	text-align:right;

	color:#FF6600;
	background-color:#F3EFF6;
}
#secondary .article h5 a {
	text-decoration:none;
	
	color:#FF6600;
}
#secondary .article {
	padding:0 5px 5px 0;
	
	background: #DED6E7 url(/_meelo/_templates/unilab/images/bg_corner_top_right.jpg) no-repeat right top;	
}
#secondary .article .inner {
	margin:0;
	font-size:0.95em;
	background-color:#F3EFF6;
}
#secondary .article dl a { color:#555;}

#secondary .submenu ul {  margin: 0px;}

#secondary p {margin:0;}

#tertiary {
	clear:both;
}

#search {
	position: absolute;
	right:0;
	top: 20px;
	width:250px;
}

#search-inner{
	padding: 8px;
	background-color:#F5F2F8;
}
#search input { float:left; width:160px; margin:2px 0; padding:4px 0px; }
#search button { float:right;background-color:inherit; border:none; padding:0; margin:0; outline:none; cursor:pointer;}
#wrapper {
	border:1px solid #330066;
	border-left:none;
	border-right:none;
}

#wrapper-inner {
	width:850px;
	margin:0 auto;
	
	background-color:#fff;
	/*border:1px solid #990000;*/
}

#footer {
	font-size:0.85em;
	text-align:right;
	border-top:3px solid #FFC9AE;
	
}
#footer-inner {
	margin:1px 0 0 0;
	padding:10px ;
	
	background-color:#FFF2EC;
}

#footer h4, #footer h5 { display:inline;}

#footer .navigation {float:left; width:50%;}

#footer .navigation li {
	float:left;
}
#footer .navigation li  a { margin:0 20px 0 0;  color:#444;}

#news h4 .date { font-size:0.8em; position:absolute; right:5px; font-weight:normal; top:5px; z-index:2; }
#news p {
	margin:0;
}

#rd_contact_form label {display:block;}
#rd_contact_form input[type="text"] {
	width:99%;
	margin-bottom:10px;
}
#rd_contact_form textarea {width:99%; border:1px solid #ccc; }
#message_desc {position:absolute; left:-9999em;}

#rd_cms_error { background-color:#FFCCCC; border:1px solid #CC0000; padding:5px;}
#rd_cms_error ul { margin-left:20px; }

/* =Javascript Added CSS
	===============================*/


/* =UTILITY
	===============================*/
.section:after,
.inner:after,
#content-inner:after,
#footer .navigation ol:after,
#global-navigation ol:after,
#search-inner:after,
ul.gallery:after { 
	content: " ";
	clear:both;
	display:block;
	line-height:0;
	height:0;
}

/* =ACCESSIBILITY
	===============================*/
#global-navigation h3, #search h3, #footer h3 { display:none;}



#contact .grid-row {
	margin:5px 0 ;
}
#contact .grid-item {
	padding:3px;
}
#contact input.grid-item,
#contact textarea.grid-item {
	border:1px solid #ccc;
}
#contact span.highlight {
	padding:2px;
}

.error {
	background-color: #FFCC33;
	padding:10px;
}
.highlight {
	background-color:#FFFF99;
	padding:10px;
}
.success {
	background-color: #99CC66;
	color:#fff;
	padding:10px;
}

#od a {
	background: url('../images/octavodia_logo.png') no-repeat top left;	
	display:block;
	height:41px;
	outline:none;
	position:absolute;
	right:-70px;
	text-align:left;
	text-indent:-999em;
	top:-20px;
	width:52px;
}

/****************************************************
** Grids
** 
*****************************************************/
.grid-size-0_5{width:5% !important;}
.grid-size-1{width:10% !important;}
.grid-size-1_5{width:15% !important;}
.grid-size-2{width:20% !important;}
.grid-size-2_5{width:25% !important;}
.grid-size-3{width:30% !important;}
.grid-size-3_5{width:35% !important;}
.grid-size-4{width:40% !important;}
.grid-size-4_5{width:45% !important;}
.grid-size-5{width:50% !important;}
.grid-size-5_5{width:55% !important;}
.grid-size-6{width:60% !important;}
.grid-size-6_5{width:65% !important;}
.grid-size-7{width:70% !important;}
.grid-size-7_5{width:75% !important;}
.grid-size-8{width:80% !important;}
.grid-size-8_5{width:85% !important;}
.grid-size-9{width:90% !important;}
.grid-size-9_5{width:95% !important;}
.grid-size-10{width:100%!important;clear:both;float:none;overflow:hidden;}
.grid-size-auto{width:auto !important;}
.grid-left-0_5{margin-left:5% !important;}
.grid-left-1{margin-left:10% !important;}
.grid-left-1_5{margin-left:15% !important;}
.grid-left-2{margin-left:20% !important;}
.grid-left-2_5{margin-left:25% !important;}
.grid-left-3{margin-left:30% !important;}
.grid-left-3_5{margin-left:35% !important;}
.grid-left-4{margin-left:40% !important;}
.grid-left-4_5{margin-left:45% !important;}
.grid-left-5{margin-left:50% !important;}
.grid-left-5_5{margin-left:55% !important;}
.grid-left-6{margin-left:60% !important;}
.grid-left-6_5{margin-left:65% !important;}
.grid-left-7{margin-left:70% !important;}
.grid-left-7_5{margin-left:75% !important;}
.grid-left-8{margin-left:80% !important;}
.grid-left-8_5{margin-left:85% !important;}
.grid-left-9{margin-left:90% !important;}
.grid-left-9_5{margin-left:95% !important;}
.grid-right-0_5{margin-right:5% !important;}
.grid-right-1{margin-right:10% !important;}
.grid-right-1_5{margin-right:15% !important;}
.grid-right-2{margin-right:20% !important;}
.grid-right-2_5{margin-right:25% !important;}
.grid-right-3{margin-right:30% !important;}
.grid-right-3_5{margin-right:35% !important;}
.grid-right-4{margin-right:40% !important;}
.grid-right-4_5{margin-right:45% !important;}
.grid-right-5{margin-right:50% !important;}
.grid-right-5_5{margin-right:55% !important;}
.grid-right-6{margin-right:60% !important;}
.grid-right-6_5{margin-right:65% !important;}
.grid-right-7{margin-right:70% !important;}
.grid-right-7_5{margin-right:75% !important;}
.grid-right-8{margin-right:80% !important;}
.grid-right-8_5{margin-right:85% !important;}
.grid-right-9{margin-right:90% !important;}
.grid-right-9_5{margin-right:95% !important;}
.grid{}
.grid p{}
.grid-row-inner{}
.grid-row{line-height:1em;margin:0;padding:0;list-style:none;position:relative;display:block;}
/*.grid-row > .item,*/
.grid-item { width:auto;float:left;display:block;position:relative;margin:0;padding:0; }
select.grid-item,
input.grid-item{position:static;display:inline;float:none;}
.grid:after,
.grid-row:after {content:' ';display:block;float:none;line-height:0;height:0;clear:both;}

