/*NOTE:This file is linked to after the tool_base.css file inside of tools. It provides for skinning.*/
/*PART 1:GENERIC SELECTORS*/
body {
	font:80% Verdana,Arial,Helvetica,sans-serif;padding:5px;
}
a:link{color:#369;text-decoration:none}
a:visited{color:#9ad;text-decoration:none}
a:hover{color: Black !important;text-decoration:underline;background:transparent} 
/*PART 2:TOOL TITLE SELECTORS and other PORTAL THINGS*/
.portletTitle {
	width:100%;
	height: 25px;
	position: relative;
	top: -5px;
}
.portletTitle .title img {
	margin-right: 9px;
	padding: 0;
	vertical-align: center;
	width: 14px;
}

.portletTitle .title{
	float: left;
	padding: 0em;
	font-size: 1.4em;
	color: #72634E;
	text-transform: none;
}
.portletTitle .title h2{
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display: inline;
}
.portletTitle .title a {background:url(images/reload.gif) no-repeat top left;}
.portletTitle .title a:hover {background:url(images/reload.gif) no-repeat top left;}

.portletTitle .action {padding:0px;}
.portletTitle .action img {padding-left: 15px;padding-top: 0px; width:14px;}
.portletTitle .action a {background:url(images/help.jpg) no-repeat center;border:1px solid White;}
.portletTitle .action a:hover {background:url(images/help.jpg) no-repeat center;}

#rsmart_filter_pager_id{
   width: 100%;
}

#rsmart_filter_pager_id_td_2{
   width: 50%;
}

.presenceList{font-size:.8em;
	list-style: none;
	margin: 0;
	padding-left: .1em;
	background: White;
	color: #998b7d;
	border: 0px solid #999999;
	width: 100%;
}
.presenceList li {
	padding: 0 0 0 .3em;
	margin-bottom: .2em; /*	white-space: nowrap;*/
}

.presenceList li.inChat {
	background:url(../../images/chatpresicon.gif) -.1em center no-repeat;
	}
.login td.logo{background:url(images/highlighterCLE.jpg) no-repeat left; width:190px; height: 157px;}
.login th {background: #990000; color: White;}
.loginform label {color:#666666;font-weight:normal;}
.loginform input {
	border: 1px solid #999999;
	background-color: White;
	color: #084A87;
}
/*PART 3:CALENDAR SELECTORS*/
table.calendar th{font-weight:normal;text-align:center;background:#DDDFE4}
.bgActivity{border:1px solid #E9ECF3;text-align:right;background:#E9ECF3}
.bgWithoutActivity{border:1px solid #E9ECF3;text-align:right;background:#fff}
.borderGrayYear{border:1px solid #E9ECF3;text-align:right;background:#C2CADD}
.borderGrayDayWeek{border-bottom:none;border-collapse:collapse;border-left:1px solid #E9ECF3;border-right:1px solid #E9ECF3;border-top:1px solid #E9ECF3}
.borderGrayBackground{border-bottom:none;border-left:1px solid #E9ECF3;border-right:1px solid #E9ECF3;border-top:1px solid #E9ECF3;background:#E3EAF4}
.borderGrayTodayBgCenter{border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #E9ECF3;background:#E9ECF3}
.borderGrayTodayEmptyMiddleBottom{border:1px solid #E9ECF3;background:white}
.borderGrayTodayEmptyMiddleCenter{border-left:1px solid #E9ECF3;border-right:1px solid #E9ECF3;border-top:1px solid #E9ECF3;background:white}
.borderGrayTodayLeftBottom{border-bottom:1px solid #E9ECF3;border-left:1px solid #000;border-right:1px solid #E9ECF3;border-top:1px solid #E9ECF3}
.borderGrayTodayLeftCenter{border-left:1px solid #000;border-right:1px solid #E9ECF3;border-top:1px solid #E9ECF3}
.borderGrayTodayMiddleCenter{border-left:1px solid #E9ECF3;border-right:1px solid #E9ECF3;border-top:1px solid #E9ECF3}
.borderGrayTodayRightBottom{border-bottom:1px solid #E9ECF3;border-left:1px solid #E9ECF3;border-right:1px solid #000;border-top:1px solid #E9ECF3}
.borderGrayTodayRightCenter{border-left:1px solid #E9ECF3;border-right:1px solid #000;border-top:1px solid #E9ECF3}
.borderOnlyLeftDay{border-left:1px solid #E9ECF3;background:#E3EAF4}
.borderOnlyLeft{border-left:1px solid #E9ECF3}
.borderToday{border:1px solid #000}
.borderTodayCenter{border-bottom:1px solid #E9ECF3;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #E9ECF3}
.borderTodayTop{border-bottom:1px solid #E9ECF3;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000}
.borderTodayWithActivity{border:1px solid #000;text-align:right;background:#E9ECF3}
.borderTodayWithoutActivity{border:1px solid #000;text-align:right;background:#FFF}
.borderTopLeft{border-left:1px solid #E9ECF3;border-right:1px solid  #E9ECF3;border-top:1px solid #E9ECF3;background:#E3EAF4}
.borderTopLeftWhite{border-left:1px solid #E9ECF3;border-right:1px solid  #E9ECF3;border-top:1px solid #E9ECF3}
.borderWhiteYear{border:1px solid #fff;text-align:center;background:#E9ECF3}
.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 #E9ECF3}
.borderGrayTodayEmptyRightBottom,.borderGrayTodayEmptyRightCenter{border-left:1px solid #E9ECF3;border-right:1px solid #000;border-top:1px solid #E9ECF3;background:white}
.borderGrayTodayMiddleBottom,.borderFullGray,.borderGrayMonth{border:1px solid #E9ECF3}
.borderTodayBottom,.borderGrayTodayBottom,.borderOnlyLeftTodayBottom{border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #E9ECF3}
table.calendar .event{background-color:#E3EAF4}
/*PART 4:LAYOUT*/
.portletBody {
	padding:0 2em 0 2em;
	background-color : #E6E6E6;
}
body {
	background-color: transparent;
}
table{font-size:1em}
.listHier{font-size:1em}
.listHier th{text-align:left;background:#dddfe4;color:#666666;}
.listHier td{vertical-align:top;padding:.4em;border-bottom : thin dotted #666;}
.listHier a:link,.listHier a:visited{color:#666666;text-decoration:none}
.listHier a:link img,.listHier a:visited img {vertical-align: middle;padding-right:5px}
.listHier th a:link,.listHier th a:visited{color:#666666;text-decoration:none}
.listHier th a:hover {color:Black;}
.listHier a:hover {color:Black;}
.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;font-size:1em;background:none;font-weight:normal}
table.lines{border-collapse:collapse}
table.lines td{border-bottom:1px solid #D7D7D7;border-top:1px solid #D7D7D7}
.lines tr:hover{background: #E6E6E6}
.lines tr.exclude:hover{background:transparent}
tr.selectedCopy{background:#ffe}
tr.selectedMove{color:#8A8A8A;background:#F8F8F8}
tr.selectedMove a:link,tr.selectedMove a:visited{color:#8A8A8A}
tr.highLightRow{background:#DDDFE4}
.currentSort{font-weight:bold;text-decoration:none}
.notCurrentSort{font-weight:normal;text-decoration:none}
.listHier td .itemAction  a{text-decoration:underline !important}
.chefEditItem,.itemSummaryForm{margin-left:.1em}
.chefEditItem th,.itemSummaryForm th{color:#000;font-weight:normal !important;font-family:Arial,Helvetica,sans-serif;width:15.3em;text-align:left}
.chefEditItem td,.itemSummaryForm td{padding:.5em 0;vertical-align:top}
legend{font-size:140%;color:#5E7A00;padding-bottom:.3em;font-weight:bold;margin:.5em 0}
/*PART 5:HIERARCHY*/
h2{font-size:140%;color:#72634E;padding:0.3em;font-weight:normal;margin:0.5em -0.3em;background:transparent !important}
/* .title h2 {font-size:20px !important;font-style:italic !important;color:#9d1717;padding:0.3em;font-weight:normal !important;margin:0.5em -0.3em;background:transparent !important} */
h3{font-size:130%;color:#333;padding:0.3em;font-weight:normal;margin:0.5em -0.3em;background:transparent !important}
h4{font-size:110%;color:#333;padding-bottom:.3em;font-weight:normal;margin:.5em 0}
h5{font-size:100%;color:#333;font-weight:bold;margin:0.03em 0 0.03em;background:transparent}
h6{font-size:100%;color:#333;font-weight:normal;margin:0.03em 0 0.03em;background:transparent}
/*PART 6:INPUTS*/
.act{padding:1em 0}
.act input{border-width:1px;border-color:#998B7D #5A6D95 #5A6D95 #998B7D;border-style:solid;background:#eee}
.act input:hover{border-width:1px;border-color:#5A6D95 #998B7D #998B7D #5A6D95;border-style:solid;background:#DDDFE4}
.act input.active{border-width:2px;border-color:#444;border-style:solid}
.act input.active:hover{border-width:2px;border-color:#5A6D95 #998B7D #998B7D #5A6D95;border-style:solid}
.leftNav{font-size:1em}
.leftNav form{display:inline}
.rightNav{font-size:1em}
.righNav form{display:inline}
.rightNav span.instruction{display:block;padding-bottom:.5em}
.rightNav input[type="submit"]{font-size:90%;padding:.3em}
.rightNav input[type="button"]{font-size:90%;padding:.3em}
label{color:#000;font-weight:bold;font-family:Arial,Helvetica,sans-serif;margin-top:.3em;margin-right:.5em;}
.shorttext .reqStar{color:#c00;width:auto;margin:0 0 0 -1em;font-weight:bold;font-size:1em;padding:0}
.labelindnt {font-size:1em;margin:0 0 0 240px;border:1px solid #f0f0f0}
.shorttext input{padding:.1em .3em;border:1px solid #998B7D}
textarea{padding:.1em .3em;border:1px solid #998B7D;font:100% Verdana,Arial,Helvetica,sans-serif}
label.block{display:block}
.inlineForm{margin:0px;padding:0px;display:inline;}
.inlineForm a{border:none;background:transparent}
.inlineForm input{font: normal x-small Arial, Helvetica, sans-serif; vertical-align:middle;}
/*PART 7:TOOLBAR*/
.navIntraTool{
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	line-height: 29px;
	background: White url(images/tool_grad.jpg);
	margin: 0em -2.5em 0em -2.5em;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid White;
	padding-left: 5px;
}
.navIntraTool a, .navIntraTool a:link{
	text-decoration:none !important;
	color:#666666 !important;
	padding-right: 4px;
}

.navIntraTool a:hover{text-decoration:none;color: Black !important;padding-right: 4px;}
.navIntraTool a:visited{
	padding-right: 4px;
	color: White;
	text-decoration: none;
	border-right: 1px solid White;
}
.navIntraTool input {
	font: normal x-small Arial, Helvetica, sans-serif;
	height: 16px;
	vertical-align: middle;
}
.navIntraToolLink input{padding:0;border:none;background:transparent}
.navIntraToolLink input.disabled{padding-bottom:1px}
.navIntraToolLink input.enabled{color:#000;border-bottom:1px dashed #90A1C6}
.navIntraToolLink input.enabled:hover{border-bottom:1px solid #fff;color:#084A87}
.currentView{font-weight:normal}

* html form {
	padding-left: 7px;
	padding-right: 7px;
}

iframe {
	background: transparent;
}

.nav {
	float: right;
}

form h3 {
	padding-left: 1em;
	color: #808080;
	font-size: 1em;
}

.listHier {
	border-top: 1px solid #999999;
	color: #808080;
}

.listHier td a, .listHier td a:link, .listHier td a:visited {
	font: bold 1em Trebuchet MS, Arial, Helvetica, sans-serif;
}

.listHier td a:hover {
	font: bold 1em Trebuchet MS, Arial, Helvetica, sans-serif;
}

.org_theospi_portfolio_portal_course {
/*	background: url(images/coursesSiteOverview.gif) top left no-repeat; */
	margin-left: -20px;
}

.org_theospi_portfolio_portal_project {
/*	background: url(images/projectsSiteOverview.gif) top left no-repeat; */
	margin-left: -20px;
}

.org_theospi_portfolio_portal_portfolio {
/*	background: url(images/portfolioSiteOverview.gif) top left no-repeat; */
	margin-left: -20px;
}

.org_theospi_portfolio_portal_portfolioAdmin {
/*	background: url(images/portfolioAdminSiteOverview.gif) no-repeat; */
	margin-left: -20px;
}

.coursesLink {
	background: url(images/coursesLink.gif) top left no-repeat;
	text-indent : 1.5em;
}

.portfolioLink {
	background: url(images/portfolioLink.gif) top left no-repeat;
	text-indent : 1.5em;
}

.projectsLink {
	background: url(images/projectsLink.gif) top left no-repeat;
	text-indent : 1.5em;
}

.portfolioAdminLink {
	background: url(images/portfolioAdminLink.gif) top left no-repeat;
	text-indent : 1.5em;
}
.insColor {
	display : inline-block;
	color: #333333;
}
div .searchNav {
	position: relative;
	top: -22px;
	float: right;
}


/*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;
/* no height - so no distortion - adjust to a specific size if size known - otherwise leave as is
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
}

.profileTable h3
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
}

div.searchNav input {
	font: normal x-small Arial, Helvetica, sans-serif;
	height: 17px;
	position: relative;
	top: -1px;
}

div.searchNav .searchField {
	font: normal x-small Arial, Helvetica, sans-serif;
	height: 9px;
	position: relative;
	top: 0px;
	*/top: -2px;
}

div.viewNav form {
	position: relative;
	top: 10px;
}

div.viewNav span {
	position: relative;
	top: 20px;
}

.navIntraTool input.searchField {
	height: 10px;
	*/height: 8px;
}

/* The following two classes control the superfluous vertical bars that appear in a few places in navIntraTool */
/* .navIntraTool span { display: none; } */
.navIntraTool span.rwiki_searchBox, .navIntraTool span.rwiki_pageLinks { display: inline; }
.navIntraTool span.rwiki_pageLinks a, .navIntraTool span.rwiki_pageLinks a:link {padding: 0px 0px 0px 18px;}

#wciframe {
	background: #E6E6E6;
}

/* Make a list based css menu */

ul.makeMenu, ul.makeMenu ul {
  width: auto;
  border: 0px solid #dddddd;
  background: #E6E6E6; 
  padding: 3px;
  padding-left: 6px;
  margin-right: 3px;
  cursor: default;
  margin-left: 0px;
	display:inline;
	position: relative;
	text-align: left;
	white-space: nowrap;
}
ul.makeMenu:hover{
	border:0px solid #666666;
}	
.listHier ul.makeMenu img{
	margin-right: 0;
	vertical-align: middle;
}

ul.makeMenu li {
  list-style-type: none;
  margin: 0px;
  position: relative;
  color: #000000;
 display:inline;
}
ul.makeMenu li > ul {
  display: none;
  position: absolute;
  top: 4px;
  left: 0;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  color: #000000;
}
ul.makeMenu ul.CSStoShow {
  display: block;
}
ul.makeMenu li:hover > ul {
	display: block;
  	width: 15em;
	background-color:#ffffff;
	background-image:none;
	position:absolute;
	border:1px solid #666666;
	margin-top:9px;
 	z-index:3
}
ul.makeMenu li a { display: block; width: 100%; text-decoration: underline; padding:1px; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000000; }
ul.makeMenu li:hover > a { color: #000000; }

.viewNav .instruction span {
	font-size: 0.8em;
	position: relative;
	top: -1px;
}

#forgotpass a{
	background: #FFFFFF;
	padding-left: 19px;
	position: relative;
	top: -10px;
}