/* 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 url(images/image.png) no-repeat top left; }

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

#breadcrumbs {
	background: #F2F1CB;
	text-align: left; }
	
	#status {
	text-align: right;
	}
	
	#status .users-online {
	float:right;
	padding-right: 2em;
	}
	
	#status .user-greeting {
	display:inline;
  	padding-right: 2em;
	
	}
	
	#status .permanent-navigation {
	padding-right: 2em;
	float:right;
	}

	
/* PORTAL */
/* contains: all portlets, main navigation, sub navigation etc. */
	
#portal-navigation {
	margin-top:20px;
	background: #F2F1CB;
	font-size: 115%;
	margin: -6px; 
	clear:both;}
	
	#portal-navigation li {
	color: #FFFFFF;
	display: inline;
	list-style: none;
	background: #999999 url(images/tab_right.gif) no-repeat top right;
	padding: 10px 10px 5px 0px !important;
        padding: 0px 0px 0px 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 white;
	list-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-subnavigation-links a:visited {
 	display: inline;
	color:white;
	text-decoration: none;
	list-style: none;
	padding: 0px 10px 0px 10px ; }
	
	#portal-subnavigation-links a:link {
 	display: inline;
	color:white;
	text-decoration: none;
	list-style: none;
	padding: 0px 10px 0px 10px ; }
	
	#portal-subnavigation-links  a:active {
 	display: inline;
	color:white;
	text-decoration: none;
	list-style: none;
	padding: 0px 10px 0px 10px ; }
			
	#portal-subnavigation-links li a:link,
	#portal-subnavigation-links li a:visited {
        color: #ffffff;
        }

	#portal-subnavigation-links li a:hover {
        color: #000000;
        }

	#portal-subnavigation-links li.active a:link,
	#portal-subnavigation-links li.active a:visited {
        color: #000000;
        }

#portal {
	border-bottom:0.1px solid #F5F4E4;
	background: #F5F4E4 url(images/portal_rightShadow.gif) repeat-y top right;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin-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, .portlet-title-no-controls {
	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:30%;
	margin-left:10%;}
	
.portlet-title span, .portlet-title-no-controls span {
	color: #FFFFFF;
	font-size: 130%;
	padding-left:20px;
	padding-right: 30px;
	display:inline;}
	
.portlet-title img, .portlet-title img {
	padding: 0 5px 0 5px;
	text-align:right;}
	
.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;}
	
	
