/* Stylesheet for the Selva default look and feel */
/* Credits 
	Software development:  the .LRN development community (www.dotlrn.org)
	Release Management: 
	Visual Design:  Dorian Peters
end Credits */


/* STANDARD TAGS */
/* standard html (body, h1, p, form...) */

body { 
	background: #F2F1CB; 
	font: 65%/110% "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	color: #333333; 
	margin: 0;
	padding: 0;}
	
	h1 { 
	font-size: 130%; 
	color: #999999; }

#wrapper {
	margin: 20px 20px 20px 50px; }
	
/* HEADER */
/* contains: logo and tagline (which is a background image) */	

#header {
	background: #F2F1CB; }

/* BREADCRUMBS and STATUS */
/* contains: breadcrumns, user name, members online, login */

#breadcrumbs {
	background: #F2F1CB;
	text-align: left; }
	
	#status {
	text-align: right; }

/* PORTAL */
/* contains: all portlets, main navigation, sub navigation etc. */
	
#portal-navigation {
	background: #F2F1CB;
	font-size: 115%;
	margin: -6px; }
	
	#portal-navigation li {
	color: #FFFFFF;
	display: inline;
	bullet-style: none;
	background: #999999 url(images/tab_right.gif) no-repeat top right;
	padding: 10px 10px 5px 0px;
	margin:0px;}

	#portal-navigation li a {
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/tab_left.gif) no-repeat top left;
	padding: 10px 10px 5px 15px;}
	
	#portal-navigation li a img{
	border: 0;
	padding-right: 5px;
	margin-bottom: -5px; }
	
	#portal-navigation li.active{
	background: #999999 url(images/tabActive_right.gif) no-repeat top right;}
	
	#portal-navigation li.active a {
	background: url(images/tabActive_left.gif) no-repeat top left;}


#portal-subnavigation {
	width: 99%;
	background: #95ADC8 url(images/subnav_bg.gif) repeat-x bottom;
	color: #F2F1CB;
	padding: 0px 0px 4px 0px; }
	
	#portal-subnavigation-links {
	background: #95ADC8 url(images/subnav_corner.gif) no-repeat top right;
	 padding: 2px 0px 0px 0px;}
	
	#portal-subnavigation-links ul {
 	display: inline; }
	
	#portal-subnavigation-links li {
 	display: inline;
	border-right: 1px solid #F2F1CB;
	bullet-style: none;
	padding: 0px 10px 0px 10px ; }
	
	#portal-subnavigation-links li img {
	border: 0;
	padding-right: 5px;
	vertical-align: top;
	margin: -1px; /* having this here prevents white space btw the portlet title and portlet body*/ }

			
#portal {
	background: #F5F4E4 url(images/portal_rightShadow.gif) repeat-y top right;
	padding-top: 10px;
	mrgin-right: 10px; }
	
	#left-column {
	float: left; 
	width: 30%;
	height: 60%;
	margin-left: 10px;
	vertical-align:top; }
	
	#right-column {
	width: 60%;
	height: 60%;
	margin-left: 35%;
	vertical-align:top;  }
	
#portal-bottom {
	clear: left;
	width: 99%;
	background:  #F2F1CB; 
	margin-top: 0px;
	border-bottom: 1px solid #999999;}
	

	
/* PORTLETS */
/* contains: all general portlet styles like title, frame, font etc. */
/* Note: additional styles for specific packages (ie. calendar, survey) 
are located in the css for that package (eg. Selva_calendar.css)  */

.portlet-wrapper {
	margin: 20px;}
	
.portlet-title {
	position:relative;
	left:0px;
	top:0px;
	background: #95ADC8 url(images/portlet_titleCorner.gif) no-repeat top right;
	text-align:left;
	padding: 4px 15px 3px 10px; 
	margin-right:30px}
	
.portlet-title span {
	color: #FFFFFF;
	font-size: 130%;
	padding-right: 30px;}
	
.portlet-title img {
	padding: 0 5px 0 5px;}
	
.portlet {
	background: #FFFFFF; 
	border: 1px solid #D6D585;
	padding: 10px;}
	
.portlet ul {  
	padding-top:0px; 
	display: inline; }
	
.portlet ul li{
	margin-left: 25px;
	list-style-image:url(images/bullet.gif);  
	padding-top:0px; }
	
	
	
/* FOOTER */
/* contains: links to standards compliance, dotlrnn.org, any license info  */

#footer {
	margin-top: 15px;
	width: 100%;
	text-align: center;
	background: #F2F1CB;
	
	