/* 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: 75%/120% "Trebuchet MS", "Lucida Grande", Arial, sans-serif ;
	/* font: 80%/120% "Lucida Grande", Verdana, Arial, sans-serif !ie; */
	color: #333333; 
	margin: 0;
	padding: 0;}
	
	h1 { 
	margin-top: -3px;
	font-size: 120%; 
	font-weight:bold;
	color: #6E7A6A; }
	
	h2 { 
	margin-top: -3px;
	font-size: 110%; 
	font-weight:bold;
	color: #545D51; }
	
	h3 {
	margin-top: -3px; 
	font-size: 120%; 
	font-weight:bold;
	color: #444444; }
	
	a:link {
	color: #185971;
	text-decoration:none;
	}
	
	a:visited {
	color: #185971;
	text-decoration:none;
	}
	
	a:hover {
	color: #185971;
	text-decoration:underline;
	}

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

#header {
	background: #F2F1CB; }

#site-header {
	height: 50px;
	 }
#header-wrapper {
	clear: none;
	}
#logo {float: left; padding:2pt; }

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

#breadcrumbs {
	clear: right;
	background: #F2F1CB;
	text-align: left;
	font-size: 100%;}
	
#site-master-personal-toolbar {
	}

#site-master-personal-toolbar .personal-toolbar {
	float: right;
	display:inline;
  	padding-right: 0.4em;}

#site-master-personal-toolbar .user-greeting { 
	}
	
#site-master-personal-toolbar .toolbar-link {
	}

#site-master-personal-toolbar a.users-online {
	}

#site-master-personal-toolbar a.logout { 
	}

#personal-toolbar .permanent-navigation {
	}

#youarehere 	{
                margin-top: 5px;
		color: #555555;
		font-size: 150%;
		font-weight:bold;
		}	
		
/* PORTAL */
/* contains: all portlets, main navigation, sub navigation etc. */
	
#portal-navigation {
	margin-top:-10px ;
		margin-top:5px !ie;
	background: #F2F1CB;
	font-size: 110%;
	margin-bottom: -8px ;
		margin-bottom: -14px !ie; 
	clear:both;}
	
#portal-navigation ul {
	margin-left: -20px ;
		margin-left: 15px !ie; }

	#portal-navigation li {
	color: #FFFFFF;
	display: inline;
	list-style: none;
	background: #999999 url(images/tab_right.gif) no-repeat top right;
	padding: 10px 10px 6px 0px ;
        padding: 0px 0px 0px 0px !ie;
	margin:0px ;
		margin: 0px 2px 0px 2px !ie;}

	#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: #98c472 url(images/subnav_bg.gif) repeat-x bottom;
	color: #F2F1CB;
	padding: 0px 0px 4px 0px;
	font-weight:bold; }
	
	#portal-subnavigation-links {
	background: #98c472 url(images/subnav_corner.gif) no-repeat top right;
	 padding: 2px 0px 0px 0px;}
	
	#portal-subnavigation-links ul {
 	display: inline; 
	margin-left: -25px ;
	margin-left: 10px !ie; }
	
	#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 {
	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: 2px ; 
		margin-right: 1px !ie; }
	
	#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: 10px 15px 10px 15px;}
	
.portlet-title, .portlet-title-no-controls {
	position:relative;
	left:0px;
	top:0px;
	background: #98c472 url(images/portlet_titleCorner.gif) no-repeat top right;
	text-align:left;
	padding: 4px 15px 3px 6px; 
	margin-right:30% ;
		margin-right:8% !ie;
	margin-left:12px;
	margin-bottom:-1px ;
		margin-bottom:0px !ie;
	font-weight:bold;}
	
.portlet-title span, .portlet-title-no-controls span {
	color: #FFFFFF;
	font-size: 120%;
	padding-left:20px;
	padding-right: 30px;
	display:inline;}

.leftColumn { 
        margin-right: 10%;
              width: 50% !ie;
              vertical-align: top;
 }

.rightColumn { 
        margin-right: 10% ;
              width: 50% !ie;
              vertical-align: top;
 }

.portlet-title h2, .portlet-title-no-controls h2, .portlet-title-no-controls h1 {
        color: #FFFFFF;
        font-size: 100%;
        padding-left:0px;
        padding-right:0px;
        display:inline;
}

.portlet-title, .portlet-title-no-controls {
        margin-right: 10% ;
}   	

.portlet-title img, .portlet-title-no-controls img {
	padding: 0 5px 0 5px;
	text-align:right;}
	
.portlet {
	background: #FFFFFF; 
	border: 1px solid #D6D585;
	padding: 20px 20px 20px 20px;
	font-size:100%;
	line-height:150%; }
	
.portlet ul {  
	padding-top:0px;
	list-style-type:disc; }

.portlet ul li{
	margin-left: 5px;
	padding-left: 10px;
	padding-top:0px;}

.button {
	text-decoration: underline;
	padding-right: 5px;
	border-right: 1px solid #666666;
}

/* Action Links*/

.action-list { 
  padding: 0;
}

.action-list ul { 
  margin: 0;
  padding: 0;
  display: inline;
  border: none;
}
                
.action-list ul li {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  display: inline;
}

a.button { 
  font: 85% arial;
  border: solid 1px black;
  background-color: #e1e1e1;
  text-align: center; 
  padding: 1px;
  padding-left: 8px;
  padding-right: 8px;
  color: black;
  text-decoration: none;
  white-space: nowrap;
}
a.button:link { 
  text-decoration: none;
  border: solid 1px black;
}
a.button:visited { 
  text-decoration: none;
  border: solid 1px black;
}
a.button:hover { 
  text-decoration: none;
  background-color: #ccc;
  border: solid 1px black;
}
a.button:active { 
  text-decoration: none;
  border: solid 1px black;
}

/* FOOTER */
/* contains: links to standards compliance, dotlrnn.org, any license info  */

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

/* Div Links */
/* Contains: link which on hover displays additional information */

a div#listlink {
	display:none;
} 

a:hover div#listlink {
	display:block;
}

/* For zen theme compatibility */
  
#sidebar-1-sim {
  float: right;
  width: 49%;
}

#main-content-sim {
  float: left;
  width: 50%;
}
