/*NOTE:This file is linked to after the tool_base.css file inside of tools. It provides for skinning.*/
/*many of the definitions below exist also in tool_base.css - the duplication allows for one instalation with many different looks sharing some common elements
*/

/*SECTION 1 GENERIC SELECTORS*/
body {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

ul {
	margin: 1em 0;
	padding-left: 2em;
}
ul ul { list-style-type: disc; }
ol {
	margin: 1em 0;
	padding-left: 2.2em;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 0;
}

/*stub in tool_base.css - skinned here */

hr.itemSeparator {
	height: 1px;
	border-color: #e4e4e4;
	border-style: solid;
	border-width: 1px 0 0 0;
}

/*SECTION 2 LINKS*/
a:link {
	color: #f17100;
	text-decoration: underline;
}

a:visited {
	color: #5d5d5d;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #0069bc;
	text-decoration: underline;
}

/*links inside the calendar tool tables*/
table.calendar td a:hover{
	text-decoration: underline;
}
/*links inside the <th>  of the standard list table*/
.listHier th a:link,.listHier th a:visited{
	color: #5d5d5d;
	text-decoration: none;
	border: none;
}

.listHier th a:hover{
	color: #0069bc;
	text-decoration: underline;
}


form .listHier th a, form .listHier th a:hover {
	background: transparent;
	padding-left: 0px;
}


/*some links are jscripted so the href is the same - cannot provide visited functionality - so make both the same*/
/*see: list of assignments - the cells are classed with "specialLink" 
.specialLink a:link,.specialLink a:visited {
	color: #5d5d5d;
	text-decoration: underline;
	background: transparent;
	padding-left: 0px;
}

.specialLink a:hover{
	color: #F17100;
	text-decoration: underline;
	background: transparent !important;
	padding-left: 0px !important;
}
*/

/*links in resources - selected for move*/
tr.selectedMove a:link,tr.selectedMove a:visited {
	color: silver;
}

/*links associated with an item in alist*/
/*see links below announcement title in ann list*/
.itemAction  a,.itemAction  a:link {
	color: #5d5d5d;
	padding: .2em .3em 1px 0;
	white-space: nowrap;
	border-bottom: none;
	background: transparent !important;
	padding-left: 0px !important;
}

.itemAction  a:visited{
	color: #5d5d5d;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.itemAction  a:hover{
	color: #F17100; /*for ie*/
	text-decoration: none !important;
	background: transparent !important;
	padding-left: 0px !important;
}

/* html>body .itemAction  a:hover{
	color: #F17100;
	text-decoration: none !important; for other browsers
	border-bottom: 1px solid #27d;
	background: transparent !important;
	padding-left: 0px !important;
} */

/*certain links are highlighted in resources after a selection*/
/*see "Paste copied here" after ccopying a selection in resources*/
.itemAction a.highlightlink {
	font-weight: bold;
}
/*links in resources - selected for move "deaden" the link*/
tr.selectedMove .itemAction a:link,tr.selectedMove .itemAction a:visited{
	color: silver;
	text-decoration: none;
	border-bottom: none;
}

/*links for the generic toolbar*/
.navIntraTool li span {
	line-height: 27px;
}
.navIntraTool a,.navIntraTool a:link {
	background: #6ca1cc;
	border: 5px solid #6ca1cc;
	border-right-width: 7px;
	border-left-width: 7px;
	color: #fff;
	/*display: block;
	float: left;
	margin: 0 5px 5px 0;*/
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	white-space: nowrap;
}

.navIntraTool a:visited {
	color: #fff;
	text-decoration: none;
}

.navIntraTool a:hover {
	background: #2e7cbc;
	border-color: #2e7cbc;
	color: #fff;
	text-decoration: none;
}

.navIntraTool a:active {
	background: #f17100;
	border-color: #f17100;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

/*.specialLink .navIntraTool a:hover{ 
	background: url(images/li_arrow.gif) left center no-repeat !important;
	padding-left: 7px !important;
}*/


/*where one is at in hierarchy - can be static or active links*/
.breadCrumb {
	font-size: 11px;
}
/*for accessib. some breadcrumbs have h3 children - format like normal text*/
.breadCrumb h3,.breadCrumb h4,.breadCrumb h5, .breadCrumb h6{
	font-size: 11px;
}

.breadCrumb a:link,.breadCrumb a:visited{
	color: #5d5d5d;
	text-decoration: none;
}

.breadCrumb a:hover{
	color: #F17100;
	text-decoration: none;
}
.breadCrumbSeparator{
	font-size:8px;
	padding-right:5px;
}


/*SECTION 3 CALENDAR SELECTORS*/
/*recommend - decide your palette first - then substitute colors here*/
table.calendar{
	background-color: #ffc;
}

table.calendar th{
	background-color: #ffc;
	font-weight: normal;
	text-align: center;
	border-collapse: collapse;
}

.bgActivity{
	background-color: #ffc;
	border: 1px solid #27d;
	text-align: right;
}

.bgWithoutActivity{
	background-color: #fff;
	border: 1px solid #bbb;
	text-align: right;
}

.borderGrayYear{
	background-color: #eee;
	border: 1px solid #bbb;
	text-align: right;
}

.borderGrayDayWeek{
	border-bottom: none;
	border-collapse: collapse;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.borderGrayBackground{
	background-color: #ffc;
	border-bottom: none;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.borderGrayTodayBgCenter{
	background-color: #ffc;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

.borderGrayTodayEmptyMiddleBottom{
	background-color: white;
	border: 1px solid #bbb;
}

.borderGrayTodayEmptyMiddleCenter{
	background-color: white;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.borderGrayTodayLeftBottom{
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #000;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.borderGrayTodayLeftCenter{
	border-left: 1px solid #000;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.borderGrayTodayMiddleCenter{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
}

.borderGrayTodayRightBottom{
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

.borderGrayTodayRightCenter{
	border-left: 1px solid #bbb;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

.borderOnlyLeftDay{
	background-color: #ffc;
	border-left: 1px solid #bbb;
}

.borderOnlyLeft{
	border-left: 1px solid #bbb;
}

.borderToday{
	border: 1px solid #000;
}

.borderTodayCenter{
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

.borderTodayTop{
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

.borderTodayWithActivity{
	background-color: #ffc;
	border: 1px solid #000;
	text-align: right;
}

.borderTodayWithoutActivity{
	background-color: #FFF;
	border: 1px solid #000;
	text-align: right;
}

.borderTopLeft{
	background-color: #ffc;
	border-left: 1px solid #bbb;
	border-right: 1px solid  #bbb;
	border-top: 1px solid #bbb;
}

.borderTopLeftWhite{
	border-left: 1px solid #bbb;
	border-right: 1px solid  #bbb;
	border-top: 1px solid #bbb;
}

.borderWhiteYear{
	background-color: #ffc;
	border: 1px solid #fff;
	text-align: center;
}

.borderWhite{
	border-bottom: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.borderGrayTodayCenter,.borderOnlyLeftTodayCenter{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

.borderGrayTodayEmptyRightBottom,.borderGrayTodayEmptyRightCenter{
	background-color: white;
	border-left: 1px solid #bbb;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

.borderGrayTodayMiddleBottom,.borderFullGray,.borderGrayMonth{
	border: 1px solid #bbb;
}

.borderTodayBottom,.borderGrayTodayBottom,.borderOnlyLeftTodayBottom{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
}

table.calendar .event{
	background-color: #ffc;
}

.timeCells{
	background:#eee
}

/*SECTION 4 TABULAR DATA*/

/*skinned header of standard tab. data table*/
.listHier th {
	background-color: #ededed;
	border-bottom: 1px solid #c6c6c6 !important;
	color: #5d5d5d;
	line-height: normal !important;
	padding: 5px !important;
}
.listHier tr:last-child th { border-bottom: 0 !important; }

/*skinned cell of standard tab. data table*/
.listHier td {
	vertical-align: top;
	padding-left: .4em;
}

/*lines - provides rules and hover effects on some tables*/
table.lines{
	border-collapse: collapse;
}

table.lines tr:hover{
	background-color: #e5f0f8;
}

table.lines td{
	border-bottom: 1px solid #c6c6c6;
}
	
/*some rows needed to be excluded from the rule and hover - see resources see other sites toggle*/
table.lines tr.exclude:hover{
	background: transparent;
}

/*substracts the rules from the lines class- mantain the hover*/
table.nolines td{
	border-bottom: 0px solid #bbb;
	border-top: 0px solid #eee;
}
/*when an item has been copied - signal this*/
/*see resources*/
tr.selectedCopy{
	background: #ffd;
}

tr.selectedCopy td{
	border-top: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
}
/*when an item has been cut - signal this*/
tr.selectedMove{
	color: silver;
	background: #eee;
}

tr.selectedMove td{
	border-top: 2px dotted #bbb;
	border-bottom: 2px dotted #bbb;
}
/*some rows need highlighting*/
/*see announcement 3rd view option*/
tr.highLightRow{
	background:#ddd;
}

tr.highLightRow:hover{
	background:#ddd !important;
}
tr.lightHighLightRow{
	background:#ffd;
}	
/*remove the arrow indicating rows (in resources after a selection, in discussion, etc)*/
.lines td.selected img{
	display: none;
}

/*when a row contained a searched for item has been found*/
/*see: discussion*/
tr.selectedFound{
	background: #cff;
}

/*a row that is being sorted - see resources in Sakai 2.3*/
tr#selectedReorder{
	color: #000;
	background: #fe6;
}

tr#selectedReorder:hover{
	color: #000 !important;
	background: #fe6 !important;
}
tr#selectedReorder h4{
	font-weight:bold;
}

tr td.arrowHere{
	width: 14px
}

tr#selectedReorder td.arrowHere{
/*	can give this an image if needed*/
/*	background: url(images/arrowhere.gif) center .5em no-repeat*/
}


/*skinned info for disclosure toggle*/
/*see: assignment*/
.discTria{
	background-color: #ddd;
	font-family: Arial,Helvetica,sans-serif;
}

/*SECTION 6 HIERARCHY*/

/*headers are used in many places for structuring things semantically - these are the plain headers - below there are others contextually defined*/
h2,h3,h4,h5,h6 {
	color: #5d5d5d;
	padding: 0;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	background-color: transparent !important;
}

h2 {
	font-size: 19px;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	color: #0069bc;
	margin-top: 12px;
}

h4,h5,h6 {
	font-size: 100%;
}

h4 {
	margin-top: 2px;
}

h5 {
	font-style: italic;
}

/*headers when they occur in a table*/
/*want to make them look like normal text - but structure the content*/
/*see: resources, any legacy list*/
.listHier th h3,.listHier th h4,.listHier th h5,.listHier th h6,.listHier td h3,.listHier td h4,.listHier td h5,.listHier td h6{
	margin: 0;
	padding: 0;
	color:#5d5d5d;
	font-size: 1em;
	background: none;
	font-weight: normal;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif !important;
}

/*SECTION 7 INPUTS*/
/*see: create any item*/
label, input {
	color: #5d5d5d;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-weight: normal;
	margin-top: 0px;
}

label {
	width: 114px;
}

/*a required marker for a shorttext label/input pair*/
.shorttext .reqStar{
	color: #b11;
	width: auto;
	margin: 0 0 0 -1em;
	font-weight: bold;
	font-size: 1em;
	padding: 0;
}


/*for alignment when an element need the same left-margin as the input of a shorttext label/input pair*/
.labelindnt{
	font-size: 1em;
	margin: 0 0 0 17em !important;
}

.shorttext input {

}

.shorttext input:focus{
	border: 1px solid #000;
}

textarea{
	padding: .1em .3em;
	border: 1px solid #bbb;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
}

textarea:focus{
	border: 1px solid #000;
}


/*SECTION 8 TOOLBAR*/
/*see: any tool*/
.navIntraTool{
	/* background: url(images/navIntraTool_bg.png) repeat-x 0 bottom;
	border-bottom: 1px solid #c6c6c6; */
	border-bottom: 3px solid #ddd;
	color: #9c9c9c;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 20px;
	margin: 2px 0 5px 0;
	overflow: hidden;
	padding: 5px 0 5px 0;
	text-align: left;
}

.navIntraTool .seperator, .navIntraTool .separator { display: none; }
.navIntraTool li.firstToolBarItem span { padding-left: 0; }
/*ie does not understand font sizing well - so fix here with the star hack*/
/* * html .navIntraTool{
	font-size: 10px;
} */

.navIntraTool .searchField{
	border: 1px solid #c6c6c6;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding: 2px;
	color: #5d5d5d;
}
.navIntraTool .searchField:focus{border-color:#0069BC}
/*some toolbars will have input buttons*/	
/*see: resources as instructor*/
.navIntraToolLink {
	color: #9c9c9c;
}

.navIntraToolLink input {
	padding: 0 2px;
	border: 1px solid silver;
	background: #efefef;
	font-size: 11px;
	color: #9c9c9c;
}

.navIntraToolLink input.disabled {
	border: 1px solid silver;
	background: #efefef;
	color: #9c9c9c;
}

.navIntraToolLink input.enabled {
	color: #fff;
	border: 1px solid #5d5d5d;
	background: #4d4d4d;
}

.portletToolBarDisabled {
	color: #c6c6c6;
}



/*SECTION 9 MESSAGES*/
/*see: create any item*/
.instruction{
	color: #5d5d5d; font-size: 11px;
}
/*see: create a site*/
.step{
	font-size: 90%;
	height: auto;
}

/*the generic required marker*/
/*see: create any item*/
.reqStar{
	color: #b11;
	width: auto;
	margin-left: -1em;
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	float: left;
	border-top: 3px solid #fff;
}
/*the required marker for a longtext label/input pair*/
/*see: create any item with a textarea*/
.longtext .reqStar{
	color: #b11;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 0 .1em;
	float: left;
}
/*when need to display the required marker inline as a part of a text*/
/*see: create any item - instruction message about requireed fields*/
.reqStarInline{
	color: #b11;
	font-size: 1.2em;
	vertical-align: middle;
	width: 1em;
}

/*inline blob used to indicate progress (see: upload a resource say)
visibility gets toggled*/
#submitnotif{
	background: #fff url(../images/warn.gif) .3em .3em no-repeat;
	border: 1px solid #b11;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	clear: none;
	color: #b11;
	font-size: small;
	text-decoration: blink;
	vertical-align: text-top;
	margin: 0;
	padding: 5px 5px 5px 25px;
}
/*SECTION 10 NAV  PANELS*/
/*positioning etc., are defined in base - here just the skin info*/
/*see any list with more than 20 items - announcements - for example*/
.navPanel{
	background-color:#fff
}
/*the default action in this control - keep in mind that anything you do to it (except to the font) will make 
you loose the native buttonishness affordance of the os/browser */
/*create any item - like an announcement*/
.act .active {
	/*color:#27d*/
}


/*SECTION 10 DATA PANELS*/
.highlightPanel
{
	border:1px solid #eee;
}

.infoPanel{
	border: 1px solid #27d;
}

.infoPanelHead{
	border: 1px solid #27d;
	background: #27d;
	color: #ffd;
}
/*see: topic content in discussion*/
.hierItemBlock {
	background: #ededed;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	padding: 0 .5em .5em .5em;
	width: auto;
}

table.hierItemBlock td{
	width:100%;
}

table.hierItemBlock td h4,table.hierItemBlock td h5,table.hierItemBlock td h6,
.hierItemBlockChild h4,.hierItemBlockChild h5,.hierItemBlockChild h6{
	display:inline;
}

.hierItemBlockWrapper {
	background: #fff;
	padding: 10px 0 10px 0;
	width: auto;
}

.hierItemBlock h4.textPanelHeader, .hierItemBlock h5.textPanelHeader, .hierItemBlock h6.textPanelHeader{
	border-bottom: 1px solid silver;
	margin: 0 -.4em;
	padding:.5em;
	background: #ffd !important;
}

.hierItemBlockChild {
	padding: .5em .5em .5em 10px;
	border-bottom: 1px solid #c6c6c6;
}

.hierItemBlockChild td{
	padding:.3em;
}


/*SECTION 11 LAYOUT REQUIRED IN SPECIFIC TOOLS*/
.chatListHeadWrapper{
	padding:.2em;
	margin-bottom: .5em;
	border-bottom: 1px dotted silver;
}

#chatPresenceHeadWrapper{
	margin-bottom: .5em;
	padding: 0 0  .2em .2em;
	border-bottom: 1px dotted silver;
}

#chatListWrapper{
	width: 83%;
	padding-bottom: .5em;
	float: left;
}

#chatPresenceWrapper{
	width: 16%;
	float: left;
	border-left: 1px dotted silver;
}

#chatList{
	margin: 0;
	padding-left: 1.2em;
	list-style: none;
	width: 96%;
}

#chatList li {
	margin: .2em 0 0 2em;
	padding: .2em 0;
	text-indent: -3em;
	line-height: 1.2em;
}

#chatList li .chatDate{
	font-size: .8em;
}

.discussionToolBarIframe{
	height: 5em;
	width: 100%;
}

#discussionLayoutTop-Bottom{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: silver;
	clear: both;
	width: 100%;
}

#discussionLayoutTop-Bottom .discussionListWrapper{
	padding: 0;
	vertical-align: top;
}

#discussionLayoutTop-Bottom .discussionItemWrapper{
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: silver;
	vertical-align: top;
}

#discussionLayoutLeft-Right{
	border-top: 1px solid silver;
	clear: both;
}

#discussionLayoutLeft-Right .discussionListWrapper{
	padding: 0;
	width: 50%;
	vertical-align: top;
}

#discussionLayoutLeft-Right .discussionItemWrapper{
	padding: 0;
	width: 50%;
	vertical-align: top;
/*	border-left: 1px solid orange;*/
	padding-left:.2em
}

tr.selectedFound td{

}


.rosterImage{
	border:1px solid #bbb;
	height: 75px;
	width:75px
}

.profileTable
{
	width:100%;

	
}
.rosterImageCol{
	width:80px;
	vertical-align:top
}

.profileData{
	padding-left:2em;
	vertical-align:top
}
.profileData span{
	display:block
}
.profileSearch{
	width:40%;
	text-align: right;
	vertical-align:top;

}
.profileSearch table{
	border:1px solid #fff
}
.profileSearch span{
	text-align:left
}
.profileSearchResultsNav{
	float:right
}
.profileSearchResultsList{
	float:right;
	clear:both;
	text-align:right;
	margin-right:0;
	width:auto !important
}
.profileSearchResultsListSingle{
	text-align:left
}



/*SECTION 12 TOOL TITLE SELECTORS and other PORTAL THINGS*/

/*below for "presence in chat" functionality*/
.presenceList{
	font-size: .8em;
	list-style: none;
	margin: 0;
	padding-left: .1em;
}

.presenceList li {
	padding: 0 0 0 .7em;
	margin-bottom: .2em;
}

/*see presense list when one member is in chat room*/
.presenceList li.inChat {
	background: url(images/chatpresicon.gif) -.1em center no-repeat;
}


/* LOI custom */
form p {
	clear: left;
}

#_id2 {
	padding-left: 10px;
}


/* Make a list based css menu */
ul.makeMenu, ul.makeMenu ul {
  	width: auto;
  	background: none; 
  	padding: 0 3px 3px 3px;
  	padding-left: 6px;
  	margin-right: 3px;
  	cursor: default;
 	margin-left: 0px;
	display:inline;
	position: relative;
	text-align: left;
	white-space: nowrap;
}
ul.makeMenu ul { background: #fff; }
.listHier ul.makeMenu img { margin-right: 0; vertical-align: middle; }

ul.makeMenu li {
 	list-style-type: none;
 	margin: 0px;
 	position: relative;
	display:inline;
}
ul.makeMenu li > ul {
 	display: none;
 	position: absolute;
 	top: 4px;
 	left: 0;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {	color: #000; }
ul.makeMenu ul.CSStoShow { display: block; }
ul.makeMenu li:hover > ul {
	color: #f17100;
	display: block;
  	min-width: 14em;
	background-color:#ffffff;
	background-image:none;
	position:absolute;
	border:1px solid #666;
	margin-top:9px;
 	z-index:3
}
ul.makeMenu li a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 2px 6px 2px 6px;
}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #0069bc; }


.loginform label{
   color:#000000;
}

.login td.logo{
	width: 13em;
   background:#fff url(images/loilogo.gif) top left no-repeat
}

/* WIKI */
.navIntraTool .rwiki_searchForm { margin-top: 1px; }
.navIntraTool .rwiki_pageLinks a { padding-left: 18px !important; }
.navIntraTool #rssLink, .navIntraTool #printerFriendlyLink {
	padding: 0 0 0 12px !important;
}
#rwiki_content .heading-h2 {
	color: #5d5d5d;
	font-variant: normal;
	font-weight: bold;
}
#rwiki_content .heading-h3 {
	color:#0069BC;
	font-size:14px;
	font-variant: normal;
	font-weight: normal;
	margin-top:12px
}

/* AMBROSIA */
div.ambrosiaInterface { padding: 0 !important; }
.ambrosiaInterface .ambrosiaModeBar {
	background: none;
	border: 0;
	border-bottom: 3px solid #ddd;
	font-size: 11px;
	margin-bottom: 25px;
	padding-bottom: 5px;
	text-align: left;
}
.ambrosiaEntityActionBar, .ambrosiaContainerComponent { font-size: 11px; }
div.ambrosiaEntityActionBar {
	border: 0;
	padding: 0 0 15px 0;
}
div.ambrosiaEntityActionBar span.ambrosiaNavNormal {
	background: #efefef;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.ambrosiaEntityActionBar span.ambrosiaNavNormal a {
	text-decoration: none;
}
div.ambrosiaEntityActionBar span.ambrosiaNavNormal img { vertical-align: middle !important; }
.ambrosiaEntityListTable td img[title~=picker] {
	padding: 0 5px;
	vertical-align: top;
}
.ambrosiaEntityListTable td a { color: #5d5d5d; text-decoration: underline !important; }
.ambrosiaEntityListTable td a:hover { color: #0069bc; }
div .ambrosiaInterfaceHeader {
	color: #0069bc;
	font-size: 14px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
}
div.ambrosiaEntityList th a:link, div.ambrosiaEntityList th a:visited {
	color: #5d5d5d;
	text-decoration: none;
	border: none;
}
div.ambrosiaEntityList th a:hover { color: #0069bc; }
div.ambrosiaEntityList tr:hover { background: #e5f0f8; }
div.ambrosiaNavigationBar {
	background: none;
	border: 0;
	border-top: 1px solid #ddd;
	padding-top: 5px;
}
span.ambrosiaDivider { padding: 0; }

.ambrosiaModeBar a {
	background: #6ca1cc;
	border: 5px solid #6ca1cc;
	border-right-width: 7px;
	border-left-width: 7px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.ambrosiaModeBar a:visited {
	color: #fff;
	text-decoration: none;
}
.ambrosiaModeBar a:hover {
	background: #2e7cbc;
	border-color: #2e7cbc;
	color: #fff;
	text-decoration: none;
}
.ambrosiaModeBar a:active {
	background: #f17100;
	border-color:#f17100;
	color: #fff;
	text-decoration: none;
}
span.ambrosiaNavNormal {
	padding: 5px 8px;
}




/* Tool_base extend */
.viewNav {
	margin-left: 0;
	padding-left: 0;
}

.itemSummary th, .itemSummary td.header, .itemSummaryLite td.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0;
}


/* 'Info message' component - 29/07/2010 */
.explainBox {
	margin: 20px 0;
	position: relative;
}
	.explainBox h2 {
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 2px;
		padding: 0;
	}
	.explainBox h3 {
		border-bottom: 3px solid #ddd;
		margin-top: 0;
		padding-bottom: 1px;
	}
	.explainBox h4 { margin-top: 0; }
	.explainBox p {
		font-size: 12px;
		line-height: 19px;
	}
	.explainBox .inner {
		display: none;
		padding-top: 10px;
	}
	.explainBox .msg {
		border: 1px solid #b7d3eb;
		padding: 10px 10px 0 10px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	.explainBox .msg p {
		font-size: 11px;
		line-height: 19px;
	}
	.explainBox .plusminus {
		background: url(images/explainBox.gif) no-repeat -20px -1px;
		display: block;
		height: 10px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 10px;
	}
.attention {
	background: #e5f0f8;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.attention .plusminus { background-position: -31px -1px; }
.attention .inner { display: block; }
.attention h3 {
	border-bottom: 0;
	padding-bottom: 0;
}
.paging {
	margin: 5px 0;
	overflow: hidden;
}
	.paging .previous, .paging .next {
		background: url(images/explainBox.gif) no-repeat 0 -34px;
		display: block;
		float: left;
		height: 18px;
		margin: 0 2px;
		width: 18px;
	}
	.paging .previous { margin-left: 0; }
	.paging .next { background-position: 0 -15px; }
	.paging .previous:hover { background-position: -18px -34px; }
	.paging .next:hover { background-position: -18px -15px; }
	.paging .previousGreyed, .paging .previousGreyed:hover { background-position: -36px -34px; }
	.paging .nextGreyed, .paging .nextGreyed:hover { background-position: -36px -15px; }
	.paging .dots {
		float: right;
		overflow: hidden;
		padding-top: 5px;
	}
		.paging .dots a {
			background: url(images/explainBox.gif) no-repeat 0 0;
			display: block;
			float: left;
			height: 7px;
			margin: 0 2px;
			width: 9px;
		}
		.paging .dots .active { background-position: 0 -7px; }


/* 'Last visited' component - 02/08/2010 */
.listing { margin-bottom: 15px; }
	.listing .inner {
		border-top: 3px solid #ddd;
		margin-top: 2px;
	}
		.listing .inner a {
			color: #5d5d5d;
			display: block;
			padding: 2px 5px;
			text-decoration: none;
		}
		.listing .inner span { color: #afafaf; }
		.listing .inner a:hover { background: #e5f0f8; color: #0069bc; }
		.listing .inner a:hover span { color: #0069bc; }
		.listing .even { background: #f4f4f4; }
		.listing p { margin-top: 5px; }
		.listing .blankState { padding: 2px 5px; }
		
		
/* Page Tabs demo - 02/08/2010		
.pageTabs {
	background: url(images/page_tabs.png) repeat-x 0 -224px;
	border: 0;
	overflow: hidden;
	padding: 5px 0 5px 0;
}
	.pageTabs a {
		background: url(images/page_tabs.png) no-repeat right 0;
		color: #5d5d5d;
		display: block;
		float: left;
		font-weight: bold;
		margin: 0 0 0 5px;
		padding: 0;
	}
	.pageTabs em {
		background: url(images/page_tabs.png) no-repeat 0 -28px;
		cursor: pointer;
		display: block;
		font-style: normal;
		padding: 3px 10px 4px 10px;
	}
	.pageTabs a:hover {
		background-position: right -112px;
		color: #5d5d5d;
	}
		.pageTabs a:hover em { 
			background-position: 0 -140px;
			color: #4b4b4b;
		}
	.pageTabs .active, .pageTabs .active:hover { 
		background-position: right -56px;
		color: #f17100;
	}
	.pageTabs .active em, .pageTabs .active:hover em { 
		background-position: 0 -84px;
		color: #f17100;
	}
*/

/* Calendar widget on dashboard */
.sectionContainerNav td { vertical-align: bottom; }
.sectionContainerNav .calRight input {	font-size: smaller; }
.sectionContainerNav h3 { margin-top: 0; }


/* Portfolio Matrix - overruling eport.css */
div.textPanelFooter {
	background: #e5f0f8;
	font-size: 100%;
	margin: 10px 0;
	padding: 10px;
}

table[summary~=Matrix] {
	border-right: 1px solid #b1b1b1;
	margin: 20px 0;
}
td.matrix-COMPLETE, input.matrix-COMPLETE { 
	background-color: #2A82C9 !important;
	cursor: default !important;
}
td.matrix-PENDING, input.matrix-PENDING { 
	background-color: #E5F0F8 !important;
	cursor: default !important;
}
td.matrix-READY, input.matrix-READY { 
	background: url(images/bg_ready.gif) no-repeat 2px 2px !important;
	background-color: #FFFFFF !important;
	padding-left: 20px;
}
td.matrix-LOCKED, input.matrix-LOCKED { 
	background: url(images/bg_locked.gif) !important;
	cursor: default !important;
}
td.matrix-READY { background-position: 9px 3px !important; }

th.matrix-row-heading {
	background: url("images/navIntraTool_bg.png") repeat-x scroll 0 bottom transparent;
	border-width: 1px;
	border-color: #b1b1b1;
	padding: 6px 10px;
	text-align: right;
}
tr + tr th.matrix-row-heading { border-left: 1px solid #b1b1b1; }
tr:first-child th.matrix-row-heading {
	background: none;
	color: #0069bc;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
} 
th.matrix-column-heading {
	background: url("images/navIntraTool_bg.png") repeat-x scroll 0 bottom transparent;
	border-width: 1px;
	border-color: #b1b1b1;
	border-top: 1px solid #b1b1b1;
	color: #5d5d5d;
	padding: 6px;
}
td.matrix-cell-border {
	border-color: #b1b1b1;
	border-width: 1px;
}
.matrix-cell-border {
	padding: 5px 5px 10px 0;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.matrix-cell-border img { margin: 0 5px 2px 0; }
.matrixRowDefault { color: #5d5d5d; }

.matrixLegendTable { width: auto; }
.matrixLegendTable tr { float: left; }
.matrixLegendTable tr td:first-child { display: none; }
.matrixLegendTable td {	white-space: nowrap !important; }
.matrixLegendTable td.matrix-READY {
	background-position: 5px 1px !important;
	padding-left: 0;
}
td.matrixLegend-border { border: 1px solid #b1b1b1; }
table.matrixCellList tr:hover { color: #e5f0f8; }


/* QnA - overruling qna.css */
a.primairyButton {
	background: #6ca1cc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	display: inline-block;
	float: left;
	margin: 0 15px 5px 0;
	padding: 1px 8px 2px 6px;
	text-decoration: none;
}
a.primairyButton em {
	display: block;
	font-style: normal;
}
a.primairyButton img {
	display: inline-block;
	float: left;
	margin: 2px 2px 0 0; 
}
a.primairyButton:hover { background: #2e7cbc; }

a.alignRight {
	float: right;
	margin: 0 0 5px 15px;
}

table.listHier td { padding: 5px; }
table.listHier td img { 
	margin-top: 0;
	padding-top !important: 
	vertical-align: middle;
}
.itemAction {
	font-family: Arial;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
.itemAction a:hover { color: #0069bc; }
.layoutViewContainer { margin-bottom: 20px; }
.layoutViewContainer .tableFlat td a { color: #4b4b4b; }
.layoutViewContainer .tableFlat td a:hover { color: #0069bc; }

div.searchTool { margin-top: 30px; }
.searchTool input[name="search"] {
	background: #fff url(images/bg_search.gif) no-repeat 3px 3px;
	border: 1px solid #8c8c8c;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	height: 18px;
	padding-left: 20px
}



input[type="submit"], input[type="button"] {
	background-color: #6ca1cc !important;
	border: 2px solid #6ca1cc;
	border-width: 4px 1px 3px 1px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	margin: 0 2px;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #2e7cbc !important;
	border-color: #2e7cbc;
	cursor: pointer;
}
input[disabled="disabled"], input[disabled="disabled"]:hover {
	background-color: silver !important;
	border-color: silver;
	color: #efefef;
	cursor: default;
}
.listNav input[type="submit"], .listNav input[type="button"] {
	font-size: smaller;
}
table.listHier td img {	padding-top: 0 !important; }

#navigationIframe { height: 30px; }
.nodeLink.granularity_10 { background-color:red !important; background-image:none; }
.nodeLink.granularity_11 { background-color:blue !important; background-image:none; }
.nodeLink.granularity_12 { background-color:yellow !important; background-image:none; }
.nodeLink.granularity_13 { background-color:green !important; background-image:none; }
.nodeLink.granularity_13 .icon { background-image:none !important; }
.nodeLink.granularity_10 .icon { background-image:none !important; }
.nodeLink.granularity_11 .icon { background-image:none !important; }
.nodeLink.granularity_12 .icon { background-image:none !important; }






/** PRINT STYLES - Keep these at the bottom of this file!!! */
@media print {
	
	.ambrosiaInterface .ambrosiaModeBar, div .ambrosiaInterfaceHeader, div.ambrosiaNavigationBar, .ambrosiaComponentTitle,
 	.ambrosiaComponentTitle + input[type="file"], .ambrosiaComponentTitle + input[type="file"] ~ .ambrosiaNavNormal, .ambrosiaComponentTitle + .ambrosiaHtmlEditContainer,
	.dontPrint {
		display: none !important;
	}
	
	.portletTitleWrap { page-break-after: avoid !important; }
	.portletMainWrap { page-break-before: avoid !important; }
	
}