/*
	This file was created for the Performative Literary Culture network
	Last updated 2010-02-14
	by Vincent Poeze
*/

body {
	width: 100%;
	padding: 0;
	margin: 0;
	font: normal 14px/22px Georgia, Times, serif;
	color: #000;
	background: #fff;
}

/*PART 1 - MAIN LAYOUT BLOCKS*/
#portalOuterContainer {
	width: 960px;
	margin: 10px auto;
	border: solid 1px #999;
}

#portalContainer {
	padding: 1px 1px;
}

#headerMax,#headerMin{
	width: 100%;
	margin: 0px auto 0 auto;
	height:100%;
	overflow:hidden;
}

#headerMin{
	height: 122px;
}

#skipNav{
}

#container {
	width: 100%;
	clear: both;
	margin: 0 auto;
	padding: 0;
}

#toolMenuWrap{
	float: left;
	width: 200px;
	color: #000;
	text-align: left;
	padding: 0;
	margin-bottom: 10px;
}

#toolMenuWrap:hover{
}
.workspace #toolMenuWrap:hover{
}
.course #toolMenuWrap:hover{
}
.project #toolMenuWrap:hover{
}


#content{
	padding: 0;
	margin-top: 0px;
	margin-left: 225px;
}

/*margin tweak for IE to avoid float drop*/
* html #content{margin-left: 225px}


#footer{
	width: 100%;
	color: #000;
	font-size: x-small;
	margin: 30px 0px 0px;
	padding: 0;
	clear: both;
	top: 0;
	text-align: center;
}









/*PART 3 - HEADER BLOCKS (BRANDING,LOGIN)*/
.workspace .siteNavWrap{
}
.course .siteNavWrap{
}
.project .siteNavWrap{
}


#siteNavWrapper{
	margin: 0px;
	padding: 0px;
}


#mastHead{
	clear: both;
	height: 120px;
	padding: 0px;
	background: url(images/back.gif) no-repeat;
	border-bottom: 1px solid #666;
}

#mastLogo{
	float: left;
 	padding: 0px;
	margin:0px;
}

#mastLogo img{
	display: none;
}

#mastBanner{
	width: auto;
	vertical-align: top;
	float: left;
}

#mastBanner img{
}

#mastLogin{
	float: right;
	text-align: left;
	padding-right: 0px;
	vertical-align: top;
	}

#mastLogin img{
	margin-top: 0;
	border: 0;
}

#mastLogin a,#mastLogin a:visited{
	margin-top: 0;
/*	font-family: arial;*/
	font-weight: bold;
	font-size: 8pt;
	color: #fff;
	text-transform: normal;
	text-decoration: none;
}

#mastLogin a:hover{
	text-decoration: underline;
}

#loginForm{
	margin:  1px 5px 0px;
	padding-top: -1px;
	}

#eid{
	border: 1px solid #666;
	padding: 0px 2px;
	margin-left: .5em;
	width: 7em;
	height: 18px;
	vertical-align: middle;
}

#pw{
	border: 1px solid #666;
	padding: 0px 2px;
	margin-left: .5em;
	width: 7em;
	height: 18px;
	vertical-align: middle;
}

#loginForm label{
	color: #ddd;
	font-size: 8pt;
/*	font-family: arial;*/
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0 .5em
}

#submit{
	height: 20px;
	background: #eee;
	border: 1px solid #666;
	text-transform: lowercase;
	padding: -3px 5px;
	vertical-align: top;
	font-size: 6pt;
/*	font-family: arial;*/
	letter-spacing: 1px;
	color: #666;
	line-height: 10px;
	vertical-align: middle;
}

#submit:hover{
	color: #09c;
}

#loginLinks{
	vertical-align:middle;
	margin-top: 3px;
	padding: 0px 10px;
}

#loginLink1{
}

#loginLink2{
}








/*PART 4 - SITE NAVIGATION - children of #siteNavBlock*/
.siteNavWrap{
	width: 100%;
	padding: 0;
	margin: 0 0 1px;
	clear:both;
}

#siteNav{
	width:100%;
	margin:0px;
	background: #999;
	height: 18px;
}

#linkNav{
	float: left;
}

#selectNav{
	padding: 0px 0px 0px;
	text-align: right;
	vertical-align: middle;
	float:right
}

#selectNav select{
	display:inline;
	font-size: .8em;
	margin: 0 3px;
	padding: 0;
}

#selectNav select option{
	background: #fff;
}

#siteLinkList{
	white-space: nowrap;
	list-style: none none none;
	margin: 0;	
	padding: 0px 0px 0px 25px;
	width: auto;
/*	font-family: Trebuchet MS, Arial;*/
	font-weight: bold;
	font-size: 9pt;
}

#siteLinkList li{
	display: inline;
	margin-right: -2px;
	border-right: 1px solid #fff;
}

#siteLinkList li span{
}

#siteLinkList .selectedTab a,
	#siteLinkList .selectedTab a:link,
	#siteLinkList .selectedTab a:visited,
	#siteLinkList .selectedTab a:hover{
	color: #fff;
	cursor: text;
	text-decoration: none;
	background: #666;
	padding: 0px 10px;
	border-left: 1px solid #fff;
}

#siteLinkList a,#siteLinkList a:link,#siteLinkList a:visited{
	color: #fff;
	background: #999;
	padding: 0px 10px;
	text-decoration: none;
	border-left: 1px solid #fff;
	margin-right: -4px;
}

#siteLinkList a:hover{
	background: #666;
}

.fixTabsIE{
	visibility: hidden;
	display: none;
	border-width: 0;
}

/*wrapper for the site <select> that is displayed when more than x sites are in the link list*/
.dhtml_more_tabs {
	position: absolute;
	top: 2.5em;
	right: 4px;
	line-height: 1.5em;
	background-color: #FFFFFF; 
	border: 2px solid #013F68;
	border-top-width: 0;
	width: 75%;
	z-index: 9999;
}

html>body .dhtml_more_tabs {
	right: 2px;
}

.dhtml_more_tabs div.termContainer {
	float: left;
	padding: 0.8em;
	text-align: left;
	width: 28%;
}
	
.dhtml_more_tabs h4 {
	font-size: 1.06em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.dhtml_more_tabs  ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.dhtml_more_tabs  li {
	margin-bottom: 0.4em; 
	line-height: 1.1em;
}

.dhtml_more_tabs div:first-child {
	border-left: none;
}

.dhtml_more_tabs a:link, .dhtml_more_tabs a:visited, .dhtml_more_tabs active{
	color: #35b;
	text-decoration: underline !important;
}

.dhtml_more_tabs a:hover {
	color: #53b;
	text-decoration: underline !important;
}

#more_tabs_instr  {
	color: #333;
	font-size: 1em;
	margin: 0.4em 0.8em 0.8em;
	padding-top: 0.4em;
	clear: both;
	border-top: 1px solid #CCC;
	text-align: left;
	line-height: 1.1em;
}

#portalMask {
	background-color: #EEEEEE; 
	position: absolute;
	z-index: 9000;
	top:0;
	left:0;
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
}

/*block in case need to display any decorative element above or below the .tabHolder block*/
#navBottom{
	display: none;
}







/*PART 5 - SITE TOOL LINKS  - children of #toolMenuWrap	*/
/*wrapper for ul that lists the links to tools*/
#toolMenu {
	font-size: 13px;
	line-height: 18px;
	padding: 0;
	margin: 0 0 0 25px;
	color: #000;
	background: inherit;
/*	
	border: 1px solid #bbb;
	border-style: none solid;
*/
}

#toolMenu ul {
	list-style: none;
	margin: 0;
	padding-right: 0;
	padding-left: 0;
/*	
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 1px;
*/
}

#toolMenu li {
	width: auto;
	margin: 0 0 0;
	padding: 0;
	padding-top: -10px;
	border-bottom: solid 1px #ccc;
/*	text-align: right;
	border: 1px solid #eee;
*/
	border-top: none;
}

#toolMenu li.selectedTool span {
    padding-right : 20px !important;
    background-position : 97% 50% !important;
    background-repeat : no-repeat !important;
}


#toolMenu li span{
	
}

#toolMenu a:link, #toolMenu a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 10px 10px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;	
	margin: 0px -1px -1px;
    padding-right : 25px !important;
    background-position : 97% 50% !important;
    background-repeat : no-repeat !important;
}

#toolMenu a:hover {
	text-decoration: none;
	color: #9E0000;
	background-color: #eee;
}

#toolMenu a.selected {
	text-decoration: none;
	color: #9E0000;
	cursor: text;
	background: #fff;	
}

#toolMenu a.selected:hover {
	text-decoration: none;
	color: #9E0000;
	cursor: text;
}

#toolMenu .selectedTool {
	color: #9E0000;
	padding: 10px 4px;
	background: #eee;
	border-bottom: 1px solid #ccc;	
}











/*PART 6 - SITE AFFILIATION,SITE TYPE/STATUS AND PRESENCE - children of #toolMenuWrap	*/
#worksiteLogo{
	width: 9.7em;
	height: auto;
	overflow: hidden;
	display: none;
}

#worksiteLogo img{
	display: block;
	margin: .5em auto;
}

#siteType{
	display: none;
}

#siteStatus{
	text-transform: capitalize;
	text-align: left;
	background: url(images/warn.gif) .2em center no-repeat #fff;
	border: 1px solid  #aaa;
	clear: both;
	color: #aaa;	
	font-size: 	small;
	margin: 5px 2px 15px 2px;
	padding: 3px 3px 3px 2em;
}

#presenceWrapper{
	padding: 5px 0pxr;
	margin-top: 0px;
	margin-left: 25px;
	border: 1px solid #bbb;
	border-top: none;
	background: #fff;
}

#presenceTitle{
	text-align: left;
	margin-right: 0px;
	background: #fff;
	margin-bottom: 0px;
	padding: 5px 10px;
	font-size: 8pt; 
	font-weight: bold;
	color: #666;
	letter-spacing: 1px;
}

#presenceIframe{
	width: 165px;
	margin: 0px;
	padding: 0px 4px;
}







/*PART 7 - PORTLETS - children of #content*/
#col1{
	padding-right: .5em;
	padding-top: 20px;
}

/*
#col1of2{
	width: 49%;
	float: left;
	margin: 0;
}

#col2of2{
	width: 50%;
	float: right;
	padding-right:.2em;
}

*/
.portlet{
	border: 0px solid #ccc;
	padding:.5em;
	margin-bottom:13px;
}


#col1 .portletTitleWrap{
	width: 99%;
}

#col1 .portletMainWrap{
	width: 99%;
}


#col1of2 .portletTitleWrap,#col2of2 .portletTitleWrap{
	width: 98.5%;
}


#col1of2 .portletMainWrap,#col2of2 .portletMainWrap{
	width: 98.5%;
	margin-bottom: .5em;
}


.portletTitle{
	width: 100%;
	height:100%;
	overflow:hidden;
}

.portletTitle .title img{
	margin: 0;
	border:none;
/*	vertical-align: text-bottom;*/
	width: 18px;
	height: 16px;
}

.portletTitle .title{
	padding: 0px;
	height: 1em;
	font-size: 100%;
	float: left;
	color: #000;
}

.portletTitle .title h2{
	display: inline;
	margin: 0;
	padding: 0;
	color: #9E0000;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
/*	text-transform: uppercase;*/
/*	font-family:  Times New Roman, Arial,Verdana;*/
/*	font-variant: normal;*/
/*	letter-spacing: 0px;*/
}

.portletTitle .title a{
	background: url(images/reload.gif) center left no-repeat;
	text-decoration: none;
}

.portletTitle .title a:hover{
	background: url(images/reload_h.gif) center left no-repeat;
}

.portletTitle .action{
	padding: 4px 4px 6px 2px;
	text-align: right;
	vertical-align: middle;
}

.portletTitle .action img{
	margin: 0;
	border:none;
	vertical-align: text-bottom;
	width: 16px !important;
}

.portletTitle .action a{
	background: url(images/help.gif) center right no-repeat;
}

.portletTitle .action a:hover{
	background: url(images/help_h.gif) center right no-repeat;
}

.portletTitle .action a#jsr-edit{
        padding:2px;
        background: url(images/page_edit.gif) center right no-repeat;
}
        
.portletTitle .action a#jsr-edit:hover{
        background: url(images/page_edit.gif) center right no-repeat;
}       

.portletMainIframe{
	text-align: left;
	margin-bottom: .5em;
	height: auto;
	border: none;
}











/*PART 8 - FOOTER BLOCKS - descendants of #footer TODO - unpack the 3 descendants and make them all children*/

.footerExtNav{
	background: #fff;
	padding-top: 0px;
	margin-bottom: 0px;
	border: 0px solid #999;
}

.footerExtNav a,.footerExtNav A:link,.footerExtNav A:visited{
	color: #aaa;
	text-decoration: none;
	margin: 1em;
}

.footerExtNav a:hover{
	color: #aaa;
	text-decoration: underline;
	margin: 1em;
}


#footerInfo{
	font-size: 10px;
	text-align: center;
	clear: both;
	padding-bottom: 1em;
}

#footerInfo img{
	margin-top: .5em;
	margin-bottom: .5em;
}

.sakaiCopyrightInfo{
	color: #222;
}	








/*PART 8 - CONVENIENCE*/
/*used to hide various blocks from sighted users that are in the source to help with accessibility*/
.skip{
	display: inline;
	position: absolute;
	top: -999px;
	left: -999px;
	height: 0;
}





/* PART 9 - Tool Icons */

.icon-osp-evaluation {
	background-image: url(../../image/silk/thumb_up.png);
}
.icon-osp-glossary {
	background-image: url(../../image/silk/text_list_bullets.png);
}
.icon-osp-matrix {
	background-image: url(../../image/silk/table.png);
}
.icon-osp-presentation {
	background-image: url(../../image/silk/briefcase.png);
}
.icon-osp-presLayout {
	background-image: url(../../image/silk/layout_content.png);
}
.icon-osp-presTemplate {
	background-image: url(../../image/silk/application_view_tile.png);
}
.icon-osp-style {
	background-image: url(../../image/silk/style.png);
}
.icon-osp-wizard {
	background-image: url(../../image/silk/wand.png);
}
.icon-sakai-announcements {
	background-image: url(../../image/silk/flag_blue.png);
}
.icon-sakai-chat {
	background-image: url(../../image/silk/user_comment.png);
}
.icon-sakai-datapoint {
	background-image: url(../../image/silk/chart_line.png);
}
.icon-sakai-discussion {
	background-image: url(../../image/silk/comments.png);
}
.icon-sakai-dropbox {
	background-image: url(../../image/silk/folder_page.png);
}
.icon-sakai-gmt {
	background-image: url(../../image/silk/award_star_gold_3.png);
}
.icon-sakai-help {
	background-image: url(../../image/silk/help.png);
}
.icon-sakai-iframe {
	background-image: url(../../image/silk/page_world.png);
}
.icon-sakai-iframe-site {
	background-image: url(../../image/silk/house.png);
}
.icon-sakai-mailbox {
	background-image: url(../../image/silk/email.png);
}
.icon-sakai-messages {
	background-image: url(../../image/silk/comment.png );
}
.icon-sakai-metaobj {
	background-image: url(../../image/silk/application_form.png);
}
.icon-sakai-membership {
	background-image: url(../../image/silk/group.png);
}
.icon-sakai-news {
	background-image: url(../../image/silk/rss.png);
}
.icon-sakai-podcasts{
	background-image: url(../../image/silk/ipod_cast.png );
}
.icon-sakai-postem{
	background-image: url(../../image/silk/database_table.png );
}
.icon-sakai-preferences{
	background-image: url(../../image/silk/cog.png );
}
.icon-sakai-rutgers-linktool{
	background-image: url(../../image/silk/application.png);
}
.icon-sakai-sections{
	background-image: url(../../image/silk/group_gear.png );
}
.icon-sakai-singleuser{
	background-image: url(../../image/silk/user.png );
}
.icon-sakai-syllabus{
	background-image: url(../../image/silk/script.png );
}
.icon-blogger{
	background-image: url(../../image/silk/book_edit.png );
}
.icon-sakai-assignment-grades{
	background-image: url(../../image/silk/page_edit.png );
}
.icon-sakai-forums{
	background-image: url(../../image/silk/comments.png );
}
.icon-sakai-gradebook-tool{
	background-image: url(../../image/silk/report.png);
}
.icon-sakai-mailtool {
	background-image: url(../../image/silk/email_go.png );
}
.icon-sakai-poll{
	background-image: url(../../image/silk/chart_bar.png);
}
.icon-sakai-sitestats {
	background-image: url(../../image/silk/chart_bar.png);
}
.icon-sakai-presentation {
	background-image: url(../../image/silk/monitor.png);
}
.icon-sakai-profile {
	background-image: url(../../image/silk/vcard_edit.png);
}
.icon-sakai-reports {
	background-image: url(../../image/silk/report_magnify.png);
}
.icon-sakai-resetpass {
	background-image: url(../../image/silk/key.png);
}
.icon-sakai-resources {
	background-image: url(../../image/silk/folder.png);
}
.icon-sakai-rwiki {
	background-image: url(../../image/silk/page_white_edit.png);
}
.icon-sakai-samigo {
	background-image: url(../../image/silk/pencil.png);
}
.icon-sakai-schedule {
	background-image: url(../../image/silk/calendar.png);
}
.icon-sakai-search {
	background-image: url(../../image/silk/find.png);
}
.icon-sakai-siteinfo {
	background-image: url(../../image/silk/application_lightning.png );
}
.icon-sakai-sitesetup{
	background-image: url(../../image/silk/application_lightning.png );
}
.icon-sakai-site-roster {
	background-image: url(../../image/silk/vcard.png);
}

/*admin tools*/
.icon-sakai-users{
	background-image: url(../../image/silk/folder_user.png);
}
.icon-sakai-aliases{
	background-image: url(../../image/silk/tag_blue.png);
}
.icon-sakai-sites{
	background-image: url(../../image/silk/application_cascade.png);
}
.icon-sakai-realms{
	background-image: url(../../image/silk/sitemap_color.png);
}
.icon-sakai-online{
	background-image: url(../../image/silk/report_user.png);
}
.icon-sakai-memory{
	background-image: url(../../image/silk/server_chart.png);
}
.icon-sakai-archive{
	background-image: url(../../image/silk/page_white_compressed.png);
}
.icon-sakai-scheduler{
	background-image: url(../../image/silk/clock.png);
}
.icon-sakai-su{
	background-image: url(../../image/silk/user_go.png);
}
.icon-sakai-usermembership{
	background-image: url(../../image/silk/drive_user.png);
}
.icon-sakai-motd {
	background-image: url(../../image/silk/house.png);
}
.icon-sakai-sitebrowser {
	background-image: url(../../image/silk/world.png);
}
.icon-sakai-createuser {
	background-image: url(../../image/silk/user_add.png);
}

/* Edia tools, contrib tools and misc*/
.icon-edia-sakai-maps {
	background-image: url(../../image/silk/map.png);
}
.icon-edia-sakai-skinmanager {
	background-image: url(../../image/silk/layout_edit.png);
}
.icon-edia-sakai-selector {
	background-image: url(../../image/silk/layout.png);
}
.icon-edia-createaccount {
	background-image: url(../../image/silk/user_add.png);
}
.icon-edia-sakai-invite-participants {
	background-image: url(images/icons/users_add.png);
}
.icon-edia-sakai-invite-users {
	background-image: url(images/icons/users_add.png);
}
.icon-edia-sakai-createsite {
	background-image: url(../../image/silk/application_add.png);
}
.icon-edia-testweeklab {
	background-image: url(../../image/silk/chart_curve_go.png);
}
.icon-edia-webcourse {
	background-image: url(../../image/silk/user_go.png);
}
.icon-edia-sakai-siteadmin {
	background-image: url(images/icons/application_double_edit.png);	
}
.icon-sakai-simplepagetool {
	background-image: url(../../image/silk/page.png);
}
.icon-sakai-melete {
	background-image: url(../../image/silk/book_open.png);
}
.icon-sakai-scorm-tool {
	background-image: url(../../image/silk/package.png);
}
.icon-sakai-sitestats-admin {
	background-image: url(../../image/silk/chart_bar.png);
}
.icon-sakai-admin-prefs {
	background-image: url(../../image/silk/cog.png );
}
.icon-sakai-messagecenter {
	background-image: url(../../image/silk/comments.png );
}
.icon-sakai-mneme {
	background-image: url(../../image/silk/pencil_go.png);
}
.icon-sakai-mneme-admin {
	background-image: url(images/icons/mneme-admin.png);
}
.icon-sakai-profile2 {
	background-image: url(../../image/silk/vcard_edit.png);
}

/** Privacy Popup Styles **/
div#privacy_tool_popup {
    position: absolute;
    background: #fff;
    color: #000;
    border: 4px solid #0198CD;
    width: 450px;
    top: 20%;
    left: 50%;
    margin-left: -225px;
    z-index: 1000;
    padding: 5px 5px 5px 10px;
}

div#privacy_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
   z-index: 0;
}