
 

 
 







  














                       

body {
	font-family: Arial, Verdana;
	font-size: 75%; 
	color: #222222;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background:#6d9db8;
} 
 
table{
	font-size:100%;
}
td,input, button, select {
	font-size:100%;
	font-family: Arial, Verdana;
}
input{
	font-family: Arial, Verdana;
	margin-bottom:1px;
	border: 1px solid #a7a9bb;
	padding: 2px 0px 2px;
	color: #222222;
}  
textarea{
	border: #aaaaaa 1px solid;
	padding:2px;
	font-family: Arial, Verdana;
	font-size:100%;
}
.inputField{
	border: #a7a9bb 1px solid;
	padding:2px;
	padding: 2px 0px 3px;
}
select{
	border: #a7a9bb 1px solid;
	padding:1px;
}
select.small, input.small{
	font-size:100%;
}

div, span, p, td, th { 
	line-height:1.5;
}

ul, li{
	line-height:1.3;
	margin-bottom:.5em;
}
p{ margin: 0 0 1em 0;}


img{
	vertical-align:middle;
	border:none;
	text-decoration:none;
}
form{
	padding:0;
	margin:0;
}

a:link, .wpsLink, a:hover, a:active, .wpsLink:active {
	color: #307998;
	text-decoration:none;
	cursor:pointer;
}
a:visited, .wpsLink:visited { 
	color: #307998;
	text-decoration:none;
}
a:hover{ 
	color: #307998;
	text-decoration:underline !important;
}
   
a:active, .wpsLink:active {
	color: #307998;
	text-decoration:none;
}   

.generalErrorText {
	color: ;
}

.clearing {
	clear: both;
}

.layoutRow {width: 100%; padding:0px;}
.layoutColumn {width: 100%;padding:0px; }

#FLYParent {min-width: 1000px;}

#mainContent {
	padding: 10px;
}
td.mainContent{
	height:100%;
	vertical-align:top;	
}
table.mainWrapper{
	background-image:url(images/login_page_bg_img.gif);
	background-repeat:no-repeat;
	background-position: top center;
}

.themeHeader {
	width:100%;
	margin: 0px;
	padding: 0px; 
	clear: both;
}


.banner {
	margin: 0px;
	padding: 0px;
}
.banner a:link, .banner a:visited, .banner a:active{	
	color:#003f5f;
	font-weight:bold;
}
.bannerTitle{
	font-family: Arial;
	font-size: 150%;
	font-weight: bold;
	padding-left: 20px;
}


.launch {
	float:;
	border: 0px;
	color: ;
	font-family: ;
	font-size: ;
	font-weight: bold;
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: ;
	background-color: ;
}
.launch img {
	vertical-align: baseline;   
}

.launch a, .launch a:visited, .launch a:hover, .launch a:active{
	text-decoration: none;
}
.launch:hover {
	background: ;
	background-color: ;
}

.portlet-separator { 
	margin:0px; 
	line-height:1px;
	background-color: #444444;
}




.breadcrumbNav {
    float:;
    padding: 7px 5px;

}    

.breadcrumbNav a, .breadcrumbNav a:visited, .breadcrumbNav a:hover, .breadcrumbNav a:active{
    color: ;
    text-decoration: none; 
}




.toolbar {
    float:;
    color: ;
    background-color: transparent;
    margin-: 5px;
}

.wpsToolBar p{
	font-family: ;
	font-size: ;
	width:100%;
	color:white;
}

.toolbarLink {
    background-color: transparent;
    text-decoration: none;
}

.toolbarLink img {
    padding: 2px 2px;
    border: 0px;
    vertical-align: middle;
}

a.toolbarLink, a.toolbarLink:visited, a.toolbarLink:hover, a.toolbarLink:active{
    color: ;
    text-decoration: none;
}




.wpsPageBarFirstRow, .wpsPageBar {
	margin:0px;
	width: 100%;
	float:;
	padding-: 0px;  
	height:50px;
}

.wpsPageBarFirstRow {
	font-family: ;
	font-size: ;
	
	background: ;
	background-color: ;
	
}
.wpsPageBar {
	font-family: ;
	font-size: ;
	color: ;
	background:  ;
	background-color: ;
	padding: 3px 0px;
}

.pageBarSeparator {
	width: 100%;
	height: 19px;
	border:none;
	clear: both;
	padding: 0px;

}

.pageBarSeparator1 {
	background-color:;
	width: 100%;
	height: 19px;
	clear: both;
	padding: 0px;
}

.wpsPageBarFirstRow li .wpsPageBar li {
	font-family: ;
	margin-: 2px;
	float:;
}
.wpsPageBarFirstRow li {
	margin-top: 3px;
	margin-bottom: -1px; 
	padding: 4px 8px; 
	padding-left:20px;
	padding-right:20px;
}
.wpsPageBar li {
	padding: 3px 8px;
	padding-left:20px;
	padding-right:20px;
}


.wpsSelectedPage{
	color: ;
	background:;
	background-color: ;
	border: 1px solid;
	border-color: ;       
	border-bottom-color:;
	    
	padding-left:20px;
	padding-right:20px;
	height:35px;
	text-align:center;
}

.wpsPageBar .wpsSelectedPage{
	color: ;
	background: ;
	background-color: ;
	border: 1px solid;
	border-color: ;
	
	-moz-border-radius: 4px;
	margin-bottom: -1px;
	
	padding-left:20px;
	padding-right:20px;
}

.wpsSelectedPage a, .wpsSelectedPage a:visited, .wpsSelectedPage a:hover, .wpsSelectedPage a:active{
	color: ;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	width:130px;
}



.wpsPageBarFirstRow .wpsUnSelectedPage{
	color: ;
	background: ;
	background-color: ;
	border: 1px solid;
	border-color: ; 
	padding-left:20px;
	padding-right:20px; 
}

.wpsUnSelectedPage{
	color: ;
	padding-left:20px;
	padding-right:20px;
	height:35px;
	vertical-align:middle;
	text-align:center;
}


.wpsUnSelectedPage a, .wpsUnSelectedPage a:visited, .wpsUnSelectedPage a:hover, .wpsUnSelectedPage a:active{
	color: ;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	width:130px;
	
}


.menuLink {
	border: 0;
	margin-: 4px;
}



.wpsSideNav{
    font-size: 100%;
    text-decoration: none;
    margin-top:0px;
    margin-bottom:0px;
    margin-: 0px;
    padding-: 0px;
    /* This is a fix for the IE peekaboo bug */
    
    width:100%;
}
/* first sublist is not indented */
.wpsSideNav ul{
    margin-: 15px;
    padding-: 0px;
}
/* indent sublists nested 2 levels or deeper  */
.wpsSideNav ul ul{
    margin-: 15px;
    padding-: 0px;
}


.wpsSideNav li{
    display:inline;
    list-style-image: none;
    margin-: 0px;
    padding-: 0px;
    width:100%;
}
.wpsSideNavTitleBar{
	font-size:120%;
	font-weight:bold;
	white-space: nowrap;
	color:#00344D;
	border-bottom: 1px dashed #CCCCCC;
	line-height:2.4;
	height:33px;
	padding-left:5px;
	margin-bottom:5px;
}
.wpsNavItem{
	text-decoration: none;	
	display:block;
	color:#006096;
	font-size:100%;
	font-weight:normal;
}

.wpsNavItem a, .wpsNavItem a:visited {
	display: inline;
	color: #006096 !important;
}
.wpsNavItem a:hover{
	color: #006096;
}
.sideNavIcon{
	float:left;
	width:10px;
	
}
.selected{
	color: #006096 !important;
	font-weight:bold;
	text-decoration: none;
	display:block;
	cursor:default;
	font-size:100%;
}

.selected a {
	background-image:none;
	background-color:transparent;
	display: inline;
	cursor: pointer; 
	text-decoration: none;	
	font-size:100%;
}

.wpsNavIcon{
    height: 9px;
    width: 9px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: baseline;
}


.menuLinkSideNav {
    border: 0px;
    margin-: -10px;
    padding: 0px 10px;
}

.wpsNavLevel1{
	font-size: 100%;
	padding-top: 3px;
	font-family: Arial;
}


.wpsNavLevel2 wpsNavLevel3 wpsNavLevel4 wpsNavLevel5 wpsNavLevel6 wpsNavLevel7 wpsNavLevel7{
	text-indent:5px;    
}


.portalFlyout{
	position: absolute; 
	left: -390px; 
	width: 382px;
	background-color: ;
}

.portalFlyoutExpanded{
	position: absolute;
	border-top: 1px solid;
	border-: 1px solid;
	border-bottom: 1px solid;
	border-top-color: ;
	border--color: ;
	border-bottom-color: ;
	background-color: ; 
}

.portalFlyoutCollapsed{
	position: absolute;
	background-color: ;
}	
	
.portalFlyoutIframe{
	border: 0px;
}


.footer {
	clear:both;
	
	width:100%;
	background-color: #003f5f;	
	color:#ffffff;		
	border-top:1px solid #ffffff;
	height:30px;
}
.footerGradient{
	/*background-image: url(images/footer_gradient.gif);
	background-repeat: repeat-x;*/
	height: 12px;
	line-height:normal;
	background-position:bottom;
}
#footer{
	padding:5px 10px 5px 10px;
}
hr.footer{
	height:2px;
	border:1px solid #00344D;
	margin-top:18px;
}
.footerText a:link, .footerText a:visited, .footerText a:active{	
	color: #ffffff !important;
	font-size:90%;
}
.footerText a:hover {
	text-decoration:underline;
	font-size:90%;
}

.quickLinks {
	font-size: 100%;
	background-color:#0000ff;
	color:;
	margin:0px;		
	white-space: nowrap;
	border-spacing: 5px 0px;
	padding-: 2px; 
}

.quickLinks li {
	margin-: 4px;
	margin-top: 4px;
	margin-bottom: 2px;
	float:;
	list-style: none;
	padding: 2px 4px 2px 4px;
}

.quickLinkItem{
    color: ;
}

.quickLinkItem a, .quickLinkItem a:visited, .quickLinkItem a:hover, .quickLinkItem a:active{
    color: ;
    text-decoration: none;
}



.wpsFLYflyout{
	border: 10px solid;
	border-color: ;
	text-decoration: none;
	white-space:nowrap;
	background-color: ;
	color:;
}







.wpsPortlet{
	margin:0px;
	border: 1px solid #d6d6d6;
	background-color:#ffffff;
}
.wpsPortletBody{
	margin: 10px;
	background-image:none;	
	min-height: 50px;
	clear:both;
}

.wpsPortletTitleLeft{
	width:6px;
	height:100%;
	float:left;
	display:none;
}
.wpsPortletTitleLeft img{
	position:relative;
	top:-1px;
	left:-1px;
	vertical-align:top;
	display:none;
}
.wpsPortletTitleRight{
	width:6px;
	height:100%;
	float:right;
	vertical-align:top;	
	display:none;
}
.wpsPortletTitleRight img{
	position:relative;
	top:-1px;
	right:-1px;
	vertical-align:top;
	display:none;
}

.wpsPortletTitleMid{
	height:100%;
	margin-left:6px;
	margin-right:6px;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
}
.wpsPortletTitleMid .text{
	padding:10px 5px;
	line-height:normal;
}
.wpsPortletTitleMid ul.icons{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	padding-top:3px;
	display:none;
}
.wpsPortletTitleMid ul.icons li { display: inline; }

.wpsPortletTitleMid ul.icons li a img{ cursor: pointer; }

.wpsPortletTitleBar{
	width:100%;
	height:100%;
	border-bottom: 1px solid #d6d6d6;
}

.wpsPortletTitleBarInner{
	height:100%;	
	background:#b1ba1a url("images/login_portlet_title_bg.gif") repeat-x;
	display:block;
}
.wpsSidePortletTitleBarInner{
	height:100%;
	background:url("images/side_title_bg.gif") repeat-x;
}
.wpsSidePortletTitleBarInner .wpsPortletTitleMid{
	color: #003045;
	font-size: 110%;
}
.wpsPortletTitleBarInnerWhite{ 
	background-color: #ffffff;
	height:100%;
}
.wpsPortletTitleBarInnerWhite .wpsPortletTitleMid{
	color:#00344D;
}
.wpsPortletTitleMidWhite{
	height:100%;
	margin-left:6px;
	margin-right:6px;
	font-size: 120%;
	font-weight:bold;
	white-space: nowrap;
	color:#00344D;
}

.wpsPortletTitleMidWhite .text{	
	float:left;
	padding-top:5px;
	padding-left:5px;
	WIDTH: 100%; 
	MARGIN-RIGHT: -200px;
}

.wpsPortletFooterBar{
	width:100%;	
	height:6px;
	line-height:0;
	display:none;
}
.wpsPortletFooterLeft{
	width:6px;
	height:100%;
	float:left;
	line-height:0;
}
.wpsPortletFooterLeft img{
	position:relative;
	bottom:-1px;
	left:-1px;
	vertical-align:bottom;
}
.wpsPortletFooterRight{
	width:6px;
	height:100%;
	float:right;
	vertical-align:bottom;
	line-height:0;
}
.wpsPortletFooterRight img{
	position:relative;
	bottom:-1px;
	right:-1px;
	vertical-align:bottom;
}
.wpsPortletFooterMid{
	height:100%;
	margin-left:6px;
	margin-right:6px;
	white-space: nowrap;
}


                       


@import url("http://js.tfanet.org/TFACommon_PacketC_Build2.6.1.11/js/tojo-release-1.2.3/dijit/themes/dijit.css");
h1, .h1{
	font-size: 120%;
	font-weight:bold;
	color: #222222;
	margin: 0 0 .5em 0;
}

h2, .h2{
	font-size:110%;
	font-weight:bold;
	color: #666666;
	margin: 0 0 .5em 0;
}
h3, .h3{
	font-size:100%;
	font-weight:bold;
	color: #222222;
	margin: 0 0 .5em 0;
	line-height:normal;
}
.h3_1{
	font-size:100%;
	font-weight:bold;
	color: #222222;
	margin: 0;
	line-height:normal;
}
h4, .h4{
	font-size:100%; 
	font-weight:bold;
	color: #999999;
	margin: 0 0 .5em 0;
	line-height:normal;
}

h5, .h5{
	font-size:100%;
	font-weight:bold;
	color: #d67500;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom: 1px dashed #CCCCCC;
	line-height:normal;
}
h6, .h6{
	font-size:100%;
	font-weight:normal;
	color: #93a200;
	line-height:normal;
}
a.link1{
	font-weight:bold;	
}
a.link3{
	font-size:90%;
}

.text2{
	font-size:90%;
	color:#666666;
}
.text3{
	font-size:90%;
}
.text4{
	font-size:90%;
	color: #999999;
}
.dataEntry{
	color:#999999;
}
img.alignText{
	vertical-align:middle;
}
.clcDate{
	color: #00344D;
}
.clcEditLinks{
	font-size: 90%;
}
ul.clcList{
	margin-top:0px;
	margin-bottom:0px;
}
ul.clcResourcesList{
	margin:0px;
	padding-left:15px;
}
.clsRUDescription{
	margin:0.5em 0;
}
.clcResourceImg{
	margin-top:5px;

}

.cusMainTable{
	width:890px;
	height:580px;
}

.cusSearchContainer{
	/*background:url(images/breadcrumb_gradient.gif) #cccccc repeat-x;*/
	/*background: #d77600;*/
	height:30px;
	margin:0;
	padding: 3px 0px;
	/*padding:3px 0px 3px 0px;*/
	/*border-top:1px solid #efc899;*/
	font-size:100% !important;
}
#bannerCrumbTrailContainer{
	color: #003f5f;
}
span.breadcrumbSeparator{
	color: #003f5f;
}
img.breadcrumbSeparator{
	border:0;
	margin:0px 8px;
}
span.breadcrumbCurrent{
	color: #003f5f;
	font-weight:bold;
}
.cusSearchContainer ul
{
list-style-type: none;
margin: 0;
padding: 0;

}
.cusSearchContainer ul .left { float: left; }
.cusSearchContainer ul .right { float: right; }
.cusSearchContainer ul li{
	padding:0px 10px 0px 10px;
	margin: 0;
}
.cusRelatedLinksContainer{
	padding:10px;
	border-left:1px solid #000000;
}
.cusSearchContainer a, .cusSearchContainer a:link, .cusSearchContainer a:visited{
	color: #003f5f !important;
	
}
div.cusFooter{
	clear:both;
	
	width:100%;
	min-height:26px;
	bottom: 0;
	border-top: 1px solid;   
	color:#ffffff; 
	background-color:#0000ff;  
	padding:5px 10px;
}


div.cusTopNav{
	width:100px;
	vertical-align:middle;
}
.cusSideNavTitleBar{
	font-size: 100%;
	color:#00344D;
	font-weight:bold;
	width:100%;
	white-space: nowrap;
	text-transform: uppercase;
	height:32px;
	border-bottom: 1px dashed #CCCCCC;
}
.cusSideNavTitleLeft{
	background:url(images/sideNavTitleBarLeft);
}
.cusSideNavTitleRight{
	background:url(images/sideNavTitleBarRight);
}
div.welcome{
	/*padding-right:30px;*/
	padding-bottom:10px;
	color:#ffffff;
	font-weight:bold;
}
span.usefulLinks{
	margin-right:10px;
	
}

img.topNav{
	width:107px;
	height:50px;
	border:none;
}
img.topNavDivider{
	width:1px;
	height:50px;
}
table.topNav{
	background-color: #003f5f;
	background-image:url(images/nav_bg_tile.gif);
	background-repeat:repeat-x;	
	
}
.topNav td{
	line-height:1;
	text-align:center;
	padding:0px;
	height:50px;
}
.topNav td.right{
	text-align:right;
}
.topNav a{
	color:#ffffff !important;
	font-weight:bold;
	font-size:110%;
	font-decoration:none !important;
}
.topNav a:hover{ 	
	text-decoration:none !important;
}
.topNavBG{
	background:url(images/nav_bg_tile.gif) #003f5f repeat-x;
}
td.navOn, .navOver{
	background-color:#265f7d;
	background-image:url(images/nav_bg_highlight_tile.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}
.navOn a, .navOver a{
	color: #ffffff !important;	
}

#navlist{
	padding:0px;
	margin: 0;
	background:url(images/nav_bg_tile.gif) repeat-x;
	float: left;
	width: 100%;
}

#navlist li{
	display: inline;
	list-style: none;
}
#navlist li.nodeTitle{
	font-size:150%;
	color:#ffffff;
	float:left;
	padding-top:13px;
	margin-left:10px;
}
.beta{
	margin-left:4px;
	color: #999999;
	font-size:x-small; 
}
.filler{
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	height:50px;
	width:107px;
	background:url(images/nav_bg_tile.gif) repeat-x;
	float:left;
	border-right:1px solid #ffffff;
}

#navlist #active{
	float: right;
	margin-right: 0px;
	/*padding-top:17px;*/
}
#navlist #active a.backToHome{
	color:#FFFFFF !important;
	float:none;
	width:200px;
}
#navlist li a
{
text-decoration: none;
padding: 0px;
margin: 0px;
height:50px;
width:107px;
/*border-right:1px solid #ffffff;*/
float:left;
}
#navlist li a.nav{
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	height:50px;
	width:107px;
	float:left;
}
#navlist li img{
	float:left;
}

#navlist li a.nav{
	background:url(images/nav_staff.gif);
}

#navlist li a.nav:hover{
	background:url(images/nav_staff_on.gif);
}

#navlist li a.navOn{
	background:url(images/selectedPlaceBG.jpg) repeat-x;
}
#navlist li a.navOn:hover{
	background:url(images/selectedPlaceBG.jpg) repeat-x;
}
#navlist li a.navHome{
	background:url(images/nav_home.gif);
}

#navlist li a.navHome:hover{
	background:url(images/nav_home_on.gif);
}
#navlist li a.navHomeOn{
	background:url(images/nav_home_on.gif);
}
#navlist li a.navStaff{
	background:url(images/nav_staff.gif);
}
#navlist li a.navStaff:hover{
	background:url(images/nav_staff_on.gif);
}
#navlist li a.navStaffOn{
	background:url(images/nav_staff_on.gif);
}
#navlist li a.navTeacher{
	background:url(images/nav_teacher.gif);
}
#navlist li a.navTeacher:hover{
	background:url(images/nav_teacher_on.gif);
}
#navlist li a.navTeacherOn{
	background:url(images/nav_teacher_on.gif);
}
#navlist li a.navCareer{
	background:url(images/nav_career.gif);
}
#navlist li a.navCareer:hover{
	background:url(images/nav_career_on.gif);
}
#navlist li a.navCareerOn{
	background:url(images/nav_career_on.gif);
}
#navlist li a.navCommunity{
	background:url(images/nav_community.gif);
}
#navlist li a.navCommunity:hover{
	background:url(images/nav_community_on.gif);
}
#navlist li a.navCommunityOn{
	background:url(images/nav_community_on.gif);
}
#navlist li a.navGiving{
	background:url(images/nav_giving.gif);
}
#navlist li a.navGiving:hover{
	background:url(images/nav_giving_on.gif);
}
#navlist li a.navGivingOn{
	background:url(images/nav_giving_on.gif);
}
#navlist li a.navInstitute{
	background:url(images/nav_institute.gif);
}
#navlist li a.navInstitute:hover{
	background:url(images/nav_institute_on.gif);
}

#navlist li a.navInstituteOn{
	background:url(images/nav_institute_on.gif);
}
a.globalfeedback:link, a.globalfeedback:visited, a.globalfeedback:active, a.globalfeedback:hover{
	color:#ffffff !important;
}

#navlist li img.globalfeedback{
	float:none;
}

.searchActionBtn{
      	background:url("images/green_button_arrow.gif") no-repeat;
      	width:18px;
      	height:20px;
      	border:0px;
      	padding:0px;
      	margin:0px;
}

.searchInput{
	width:120px;
	margin:0px;
}

div.actionLinkContainer{
	margin-top:10px;
}
a.actionLink{	
	font-weight:normal;
	padding-right:10px;
}

a.actionLink:visited, { 
	color: #75A3BD !important;
}

.customTextBoxShort{
	width:110px;
	border-color:default !important;
	border: #aaaaaa 1px solid;
	padding:2px;
}
.customTextBoxMedium{
	width:190px;
	border: #aaaaaa 1px solid;
	padding:2px;
}
.customTextBoxLong{
	width:240px;
	border: #aaaaaa 1px solid;
	padding:2px;
}
.fieldlabel, .fieldLabel{
	text-align:left;
	padding-right:5px;
	font-weight:bold;
	font-size:90%;
}
.fieldlabelTop{
}

.fieldlabelShort{
	width:100px;
	text-align:left;
	padding-right:5px;
}
.fieldlabelMedium{
	width:150px;
	text-align:left;
	padding-right:5px;
}
.fieldlabelLong{
	width:200px;
	text-align:left;
	padding-right:5px;
}
.filterContainer .fieldlabelShort, .filterContainer .fieldlabelMedium, .filterContainer .fieldlabelLong {
	text-align:left;
	padding-left:10px;
}
.fieldTable tr td{
	padding-right:7px;
}
.fieldTable .customTextBox{
	width:100%;
	border: #aaaaaa 1px solid;
	padding:2px;
}
.fieldTable .fieldlabel{
	text-align:left;
	padding-right:0;
}
.required{
	color:#d57500;
	padding-right:3px;
	font-style:italic;
	font-weight:normal;
}
div.fieldlabelShort{
	width:100px;
	float:left;
	clear:both;
	margin-bottom:5px;
}
div.fieldlabelMedium{
	width:150px;
	float:left;
	clear:both;
	margin-bottom:5px;
}
div.fieldlabelLong{
	width:200px;
	float:left;
	clear:both;
	margin-bottom:5px;
}
div.fieldinput{
	margin-bottom:5px;
}
div.fieldClear {
	CLEAR: both
}
div.fieldLeft{
	float:left;
	width:300px;
}
.errorField {
	BORDER: #cc0000 1px solid !important;
	BACKGROUND-COLOR: #ffefd0;	
}
.contentContainer{
	margin-top:14px;
	margin-bottom:14px;
}
td .contentContainer{
	margin-left:10px;
}
.contentHeader{
	font-weight:bold;
	color:#666666;
	width:100%;
	margin: 0 0 .5em 0;
	clear:both;
}

.contentBody{
	clear:both; 
	margin: 0 0 1.5em 0;
}
.contentBodySmall{
	font-size:80%;
	width:100%;
	margin: 0 0 .5em 0;
}
.sectionHeader{
	color:#00344D;
	font-weight:bold;
}
.contentHeader2{
	font-weight:bold;
	color:#00344D;
	margin:5px 0px;
}
.contentContainer2{
	border:1px solid #cccccc;
	padding:10px;
	margin:5px 0px;
}
.contentContainer2 .header{
	background-color:#ebebeb;
	color:#00344D;
	font-size:11pt;
}
table.grid{
	border:1px solid #CCCCCC;
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
}
.grid thead{
	background-color: #ebebeb;
}
.grid th, .grid thead td{
	color: #006096;
	font-weight:normal;
	padding:3px 5px;
	border-bottom:1px dashed #CCCCCC;
}

.grid tbody td{
	font-size:100%;  
}
.grid td{ 
	padding:3px 5px;
	border-bottom:1px solid #CCCCCC;
}
.grid-cell{
	font-size:100% !important;
}

.oddRow{
	background-color: #f6f6f6;
}

.clcProfiles .wcmTable td{
	padding:10px 10px 5px;
}


/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border:1px solid #CCCCCC;
	height: 255px;
	overflow: auto;
	width: 735px;
	overflow-y:scroll;
}
div#newsLetter.tableContainer {
	width: 535px;
}
div#reFeedbackTbl.tableContainer {
	width: 386px;
	/*height:438px;*/
	height:100%;
	overflow:visible;
	border: none !important;
}


/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 735px;	
	padding-bottom:2px;
}
html>body div#newsLetter.tableContainer {
	width: 535px;	
}
html>body div#reFeedbackTbl.tableContainer {
	width: 386px;
}


/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 718px;
}
div#newsLetter.tableContainer table {
	width: 517px;
}
div#reFeedbackTbl.tableContainer table {
	width: 368px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 735px;
}
html>body #newsLetter.tableContainer table {
	width: 535px;
}
html>body #reFeedbackTbl.tableContainer table {
	width: 386px;
}

 
/* set table header to a fixed position. WinIE 6.x only                                       */
.tableContainer .wcmTable thead tr {
	position: relative;
	top: expression(parentNode.parentNode.parentNode.scrollTop); /*IE5+ only*/
	left:expression(parentNode.parentNode.scrollLeft); /*IE5+ only*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body .wcmTable  thead tr {
	display: block;
}

/* make the TH elements pretty */
.wcmTable thead th {
	background-color: #ebebeb;
	color: #006096;
	border-bottom:1px dashed #CCCCCC;
	font-weight: normal;
	padding: 4px 3px;
	cursor:pointer;
}

/* make the A elements pretty. makes for nice clickable headers                */
.wcmTable thead a, thead a:link, thead a:visited {
	display: block;
	text-decoration: none;
	width: 100%;
}

/* make the A elements pretty. makes for nice clickable headers                */
.wcmTable thead a:hover {	
	display: block;
	text-decoration: underline;
	width: 100%;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body .wcmTable tbody {
	display: block;
	height: 230px;
	overflow-y: scroll;
	width: 100%;
}

.wcmTable tbody td, .wcmTable tbody tr.normalRow td {
	border-bottom:1px solid #CCCCCC !important;
	padding: 2px 3px 3px 4px;
}

.wcmTable tbody tr.alternateRow td {
	background: #EEE;
	border-bottom:1px solid #CCCCCC !important;
	padding: 2px 3px 3px 4px;
}
.wcmTable tbody tr{
	height:20px;
}
 
html>body #reFeedbackTbl .wcmTable tbody {	
	/*height: 415px;*/
	display: inline;
	height:100%;
	overflow-y: visible;
	
}
div#reFeedbackTbl .wcmTable th{
	background-color: #f8f8f8;
}
div#reFeedbackTbl .wcmTable td{
	border: none !important;
}
.reFeedbackTable thead th {
	background-color: #f8f8f8;
	color: #006096;
	border-bottom:1px dashed #CCCCCC;
	font-weight: normal;
	padding: 4px 3px;
	cursor:pointer;
}
.reFeedbackTable tbody td, .reFeedbackTable tbody tr.normalRow td {
	padding: 2px 3px 3px 4px;
} 
.successMessage{
	background-color:#ecffd3;
	color:#339933;
	background-image: url(images/successIcon.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:4px 0px 4px 40px;
	margin:15px 0px;
}
.errorMessage{
	background-color:#ffefd0;
	color:#cc0000;
	background-image: url(images/errorIcon.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:4px 0px 4px 40px;
	margin:15px 0px;
}
 


input.actionButton{
	background:#207aa9 url("http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/button_gradient.gif") repeat-x top left;
	border:1px solid #006397;
	color:#ffffff;
	padding:1px 5px 3px 5px;
	
	/*height:22px;*/
	cursor:pointer;
}
input.actionButtonDisabled{
	background:#efefef url("http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/button_gradient_disabled.gif") repeat-x top left;
	border:1px solid #cccccc;
	color:#9d9d9d;
	padding:1px 5px 3px 5px;
	
	/*height:22px;*/
	/*cursor:pointer;*/
}
div.actionButtonContainer{
	text-align:right;
}
span.actionButton, span.actionButtonDisabled{
	float:right;
	font-size:10px;
	margin-right:0px;
}
.actionButton ul, .actionButtonDisabled ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
	cursor:pointer;
	line-height:1;
	margin-bottom:0;
	
}
.actionButton li {
	float:left;
	list-style:none;
	background:url("images/green_button_long.gif") no-repeat right top;
	margin-left:10px;
	padding:0;
	height:20px;
	line-height:1;
	margin-bottom:0;
}
.actionButton span {
	display:block;
	background:url("images/green_button_left.GIF") no-repeat left top;
	padding: 2px 20px 6px 15px;
	color:#ffffff;
	white-space:nowrap;
}
.actionButtonDisabled li {
	float:left;
	list-style:none;
	background:url("images/green_button_long_disabled.gif") no-repeat right top;
	margin:0;
	padding:0;
	height:20px;
	line-height:1;
}
.actionButtonDisabled span {
	display:block;
	background:url("images/green_button_left_disabled.gif") no-repeat left top;
	padding: 2px 20px 6px 15px;
	color:#999999;
	white-space:nowrap;
}
.thermometerOuter{
	width:14px;   
	height:130px;    
	border-top:2px solid #D04b58;
	border-left:2px solid #D04b58;
	border-right:2px solid #D04b58;
}
.thermometerOuter td{
	line-height:0 !important;
}
.thermometerInner{
	background-color:#D04b58;
}
div.listLinks{
	margin-left:0px;
}
.listLinks ul{
	list-style-position:2px;
	color: #666666;
	margin-top:5px;
}
.listLinks li{
	color: #666666;
	margin-left:-15px;
}
img.title{
	margin-top:5px;
	margin-bottom:5px;
}
img.iconLarge{
	margin-top:5px;
	margin-bottom:5px;
}
hr.divider { 
	border-left:0;
	border-right:0;
	border-top:0px;
	border-bottom: 1px solid #dddddd; 
	height:1px;
	width:100%;
	clear:both;
}
div.clcResources{
	border-bottom: 1px dashed #CCCCCC; 
	clear:both;
	padding:1px 0px;
}
div.clcPathOverview{
	height:125px;
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:10px;
}
.filterContainer{
	background-color:#f8f8f8;
	padding:5px;
	margin-top:5px;
	margin-bottom:10px;
}
div.tabContainer{
	margin:10px -10px;
}
table.tab{
	width:100%;
}
table.tab tr{
	
}
table.tab td{	
	padding:5px 10px;
	border-radius: 5px 6px 0px 0px;
	-moz-border-radius: 6px 7px 0px 0px;
	-webkit-border-radius: 5px 6px 0px 0px;
	line-height:1 !important;
	margin:0 !important;
}
td.tab{
	background-color:#ebebeb;
	border:1px solid #cccccc;	
	cursor:pointer;
	color:#006096;

}
td.tabSelected{
	background-color:#ffffff;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #ffffff;
	color:#006096;
	font-weight:bold;
}
td.tabFiller{ 
	border-bottom:1px solid #cccccc;
	padding:0px;
}
.loaderContainer{
	position:relative;
	z-index:99 !important;
	width:100%;text-align:right;
}


.loader{
	  position:absolute;
	  top:0px;
	  right:0px;
	  z-index:99 !important;
	  border:0;
	  display:block; 
	  width:120px;
	  background-color:#ffeb98; 
	  padding:2px 10px;
}
.wpsPortletBody .loader{
	  position:absolute;
	  top:-10px;
	  right:-10px;
} 
.loader span{
  	color:#000000;
}
.expandCollapseContainer{
	margin-top:5px;
	margin-bottom:5px;
}
.expandCollapseContainer img{
	margin-right:5px;
	vertical-align: baseline;
}
.expandCollapseContainer a{
	text-decoration:none !important;
}
.expandCollapseContainer a:hover span{
	text-decoration:underline !important;
}
/*.expandCollapseContainer a:hover{
	text-decoration:none;
}*/
/*.expandCollapseContainer a:hover span{
	text-decoration:underline !important;
}*/
a.sidebar_links {
	text-decoration:none !important;
}
 a.sidebar_links:hover span{
	text-decoration:underline !important;
}
a.sidebar_links:hover img{
	text-decoration:none !important;
}
a.linkWithImg{
	text-decoration:none !important;
}
a.linkWithImg:hover span{
	text-decoration:underline !important;
}

.commentIcon{
	vertical-align:baseline;
}

.arrowUp{
	background:url(images/grid_sort_up.gif) no-repeat 5px center;
	padding-left:10px;
	padding-right:10px;
}
.arrowDown{
	background:url(images/grid_sort_down.gif) no-repeat 5px center;
	padding-left:10px;
	padding-right:10px;
}
.lastHeader.arrowDown{
	background:url(images/grid_sort_down.gif) no-repeat 5px center;
	padding-left:10px;
	padding-right:10px;
} 
.lastHeader.arrowUp{
	background:url(images/grid_sort_up.gif) no-repeat 5px center;
	padding-left:10px;
	padding-right:10px;
}
.wrapList ul{ list-style: none; padding: 0; margin-left:0px;margin-right:0px;margin-bottom:0px;margin-top:10px;}
.wrapList ul li{ float: left; padding: 0; margin-right:20px;width: 320px; }
.wrapList:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrapList {display: inline-block;}
/* Hide from IE Mac \*/
.wrapList {display:block;}
/* End hide from IE Mac */
* html .wrapList{ height: 1px; } 

.verticalLine{
	line-height:19em !important;
	border-right:#cccccc 1px solid;
	margin-left:0px;
	width:2px;
}
.dividerText{
	/*color:#999999;*/
	color:#006096;
	font-weight:normal;
	font-size:100%;	
	margin:10px 0px;
}
.subSectionTitleWhite{
	font-family:Tahoma !important;
	font-size: 120%;
	font-weight:bold;
	white-space: nowrap;
	color:#00344D;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom:5px;
	padding-bottom:5px;
}


 DIV.wpsPortletCallout {
	margin:5px;
	width:225px;
}

DIV.wpsPortletCallout DIV.sectionCentered {
	font-weight:normal;
	text-align:left;
	padding:0;
}

DIV.wpsPortletCallout DIV.wpsPortletBody {
	width:205px;
	overflow-x:hidden;
	margin-top:5px;
}
DIV.wpsPortletTitleBarEMPTY {
	border-bottom:none;
	height:6px;
}

DIV.DivWithImageAndCheckbox IMG {
	vertical-align:top;
}
div.clcLeadershipPathImg{
	float: left;
	margin: 5px 10px 0px 0px;
	padding:0;
}
div.clcLeadershipPathText{
	/*width:335px;*/
	/*margin-right:10px;*/
	margin-bottom:1.5em;
}

button{
	/*
	background:#207aa9 url("http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/button_gradient.gif") repeat-x top left;
	border:1px solid #006397;
	*/
	background:#cd5c4d url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/button_gradient_red.gif) repeat-x scroll left top;
	border:1px solid #bf331c;	
	font-weight:bold; 
	color:#FFFFFF;
	cursor:pointer;
	text-align:left;
	padding:3px 10px;
	
	vertical-align:baseline;
	margin-bottom:1px;
	font-family:Arial, Verdana;
	text-align:center;
	
} 
button.textCentered{
	text-align:center;
}
button img{ 
	margin:0px 5px 0px 5px;
	vertical-align:middle;
}
button span{
	line-height:normal;
	
	position:relative;	
	top:1px;
	
	
}

button.downloadButton{
	width: 90px;
}

button.searchButton{
	 margin-left:5px;
	 width:90px;
	 /*padding:1px;*/
}

button.searchButton img{
	margin-right:8px;	
}

button.actionButton{
	text-align:center;
	padding:2px 5px;
	
	vertical-align:bottom;
}

button.actionButtonDisabled{
	background:#efefef url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/button_gradient.gif) repeat-x scroll left top;
	border:1px solid #cccccc;
	color:#9d9d9d;
	cursor:pointer;
	text-align:center;
	padding:3px 10px;	
	
	vertical-align:top;
	margin-bottom:1px;
}
input.searchButton{
	vertical-align:top;
	margin-left:5px;
}
button.searchImgButton{
	background:none;
	border:none;
	/*padding-left:10px;*/
	padding:0px;
	margin-left:4px;
	
	 
} 

img.searchButton{
	margin-left:5px;
	vertical-align:bottom;
}
button.searchImgButton img{
	margin:0px;
	vertical-align:middle;
}
DIV.plusMinusContainer {border-bottom:1px dashed #ccc; padding:2px 0px; margin:0px 5px; }
DIV.plusMinusContainer DIV.expandCollapseContainer {margin:2px 0px;}
DIV.inlineExpandCollapse{
	display:inline !important;
	border:none;
}
DIV.inlineExpandCollapse DIV.expandCollapseContainer{
display:inline !important;
}

/*
.checkboxGroup ul{ list-style: none; padding: 0; margin-left:0px;margin-right:0px;margin-bottom:0px;margin-top:0px;}
.checkboxGroup ul li{ padding: 0;margin-right:5px; }
.checkboxGroup ul li li{ text-indent:-20px; }
.checkboxGroup ul li input{ margin-right:3px;}
.checkboxGroup:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.checkboxGroup {display: inline-block;}
*/

div.advancedSearchContainer{padding:5px 10px;border-top:1px dashed #ccc;}
div.simpleSearchContainer{padding:5px 10px 10px 10px;}
.reUploadFormContainer div.advancedSearchContainer{background-color:#ffffff;border:0; padding:0;}
.label1{font-weight:bold}

.titleLink{
	font-weight:bold;
	color:blue;
}
.checkboxGroupSectionMain{
	background-color:#e1e1e1;
	height:100%;
	padding:5px;
}
.checkboxGroupSectionMainHover{
	background-color:#f6f6f6;
	height:100%;
	padding:5px;
}
.checkboxGroupSection ul{
	margin:0;
	padding:0px 0px 0px 1.5em;
	text-indent: -1.5em;
}
.checkboxGroupSection ul li, .checkboxGroupSectionHover ul li {
		float:none !important;
		padding-right:5px;
}
.checkboxGroupSection ul{
	list-style: none; padding: 0; margin-left:0px;margin-right:0px;margin-bottom:0px;margin-top:0px;
}

/*
.checkboxGroup ul ul, .checkboxGroupSection ul ul, .checkboxGroupSectionHover ul ul{
	list-style-type: none;
	margin:0px;
	padding:0px 5px 0px 20px;
}
*/

.checkboxFileType ul li li{
	/*width:65px;*/
}
.checkboxGrade ul li li{
	/*width:65px;*/
}
.checkboxGroup input{
	margin-bottom:5px;
	vertical-align:middle;
}
.checkboxGroup ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-left: 20px;
	text-indent: -20px;

}
.checkboxGroup ul li{
	margin:0px;
	padding-right:2px;
}

.checkboxState ul{
	list-style-type: none;
	margin:0px;
	padding-left: 20px;
	text-indent: 0px;

}
.checkboxState ul li li{
	width:165px;
	float:left;
	margin:0px;
	padding-right:2px;
	padding-left:0px;
}
.underline{
	border-bottom: 2px solid #cccccc;
}

.searchGrid thead th {
	background-color: #ebebeb;
	color: #006096;
	border-bottom:1px dashed #CCCCCC;
	font-weight: normal;
	padding: 4px 3px;
	cursor:pointer;
	text-align:center;
}
.searchGrid TBODY TD{
	border:0px !important;
	padding:2px 3px 2px 4px !important;
}
.tagsContainer{
	margin-bottom:5px;
}
div.tagsliderToggleDiv{
	font-size:90%;
}

.currentPage{
	color:red !important;
}
.alignRight{
	text-align:right !important;
}
.alignLeft{
	text-align:left !important;
}

#reUploadTempFileFldDiv{
	position:absolute;
	z-index:1;
}
#reUploadFileFldDiv{
	position:absolute;opacity:0;
	filter:alpha(opacity=0);
	z-index:100;
}

.labelBold{
	font-weight:bold;
}


table.orangeContainer th{
	background-color: #ebbb82;
	border-bottom: 1px dashed #c6bcaf;
	font-weight:bold;
	padding-left:5px;
	color: #663300;
}
table.orangeContainer td{
	background-color:#f9ead9;
}


img.blueRibbon{
	padding:0px 3px;
}
.miniContainer{
	border:1px solid #cccccc;
	margin:10px 5px;
}
.miniContainerHead{
	background-color:#ebebeb;
	border-bottom:1px dashed #cccccc;
	font-weight:bold;
	padding:2px 8px;

}
.miniContainerContent{
	padding:8px;
}
.reFileIconContainer{
	border: 1px solid #cccccc;
	height:90px;
	width:85px;
	text-align:center;
	margin-bottom:5px;
}
.reFileIconContainer .reFileIcon{
	margin-top:20px;
	margin-bottom:5px;
}
div.solidDivider{
	border-bottom:1px solid #cccccc;

	padding:2px;
}
table.externalResources td{
	padding-bottom:3px;
}
.closeText{
	text-align:right;
	cursor:pointer;
	font-weight:bold;
}
.resultsGrid THEAD TH{
	background-color:#ffffff !important;
	border-bottom: 1px solid #CCCCCC !important;
}
.resultsGrid TBODY TD{
	border:0px !important;
	padding:10px 3px 10px 4px !important;
}
.reFooter{
	background-color:#ebebeb;
	border-top:1px dashed #cccccc;
	text-align:center;
	padding:10px;
	margin:5px -10px -10px;
}


.checkboxGroup ul li label.group{
	font-weight:bold;
}

.checkboxGroup ul li li label.group{
	font-weight:normal;
	}
.reFormTable td{
	background-color:#eeeeee;
	padding:5px;
}
.reFormTable tr{
	vertical-align:top;
}
/*.tfaXCheckboxGroup{
	background-color:#eeeeee;
	margin:10px 5px;
}
*/
.timeofyear{
	margin-left:20px; 
	float:left; 
	width:150px;
}
.reAvgRatingContainer{
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
	float:right; 
	width:115px;
	padding:3px;
	/*background-color:#f6f6f6;*/
}
.clcResourceList{
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 5px 7px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	background-color: #ebebeb;
	padding:1px;
	
	padding-bottom:2px;
	
}
.clcResourceListTitle{
	color:#00344d;
	padding: 5px 10px;
	font-weight:bold;
}
.clcResourceListContent{
	background-color: #fbfbfb;
	padding:5px 10px;
}
.callout{
	margin:0px;
	/*border-top:0px;*/
	background-color: #dbeaf0;
	margin:5px 5px 10px 5px;
	width:225px;
}
.calloutBody{
	padding: 0px 10px 10px 10px;
	background-image:none;
	min-height: 50px;
	background-color: #dbeaf0;
	clear:both;
	color: #666666;
}
.calloutTitleLeft{
	width:6px;
	height:100%;
	float:left;
}
.calloutTitleLeft img{
	position:relative;	
	vertical-align:top;
}
.calloutTitleRight{
	width:6px;
	height:100%;
	float:right;
	vertical-align:top;
}
.calloutTitleRight img{
	position:relative;
	right:-1px;
	vertical-align:top;
}
.calloutTitleBar{
	width:100%;
	line-height:.8;
}
.calloutTitleBar span{
	line-height:.8;
}
.calloutTitleBarInner{
	background-color: #dbeaf0;
	height:100%;
}

.calloutTitleMid{
	font-family:Tahoma !important;
	height:100%;
	margin-left:6px;
	margin-right:6px;
	font-size: 120%;
	font-weight:bold;
	white-space: nowrap;
	color:#00344D;
}

.calloutTitleMid .text{	
	float:left;
	padding-top:5px;
	padding-left:5px;
	WIDTH: 100%; 
	MARGIN-RIGHT: -200px;
}

.resourcesPortlet{
	margin:0px;
	/*border-top:0px;*/
	
	margin:5px;
	width:225px;
}
.resourcesPortletBody{
	padding: 0px 10px 10px 10px;
	background-image:none;
	min-height: 50px;
	background-color: #f6f6f6;
	border: 1px solid #ebebeb;
	clear:both;
}
.resourcesPortletTitleLeft{
	width:6px;
	height:100%;
	float:left;
}
.resourcesPortletTitleLeft img{
	/*position:relative;	*/
	vertical-align:top;
	
}
.resourcesPortletTitleRight{
	width:6px;
	height:100%;
	float:right;
	vertical-align:top;
	text-align:right;
}
.resourcesPortletTitleRight img{
	/*position:relative;*/
	/*right:-1px;*/
	vertical-align:top;
}
.resourcesPortletTitleBar{
	width:100%;
	height:26px;
}

.resourcesPortletTitleBarInner{
	background-color: #ebebeb;
	height:100%;
}

.resourcesPortletTitleMid{
	font-family:Tahoma !important;
	height:100%;
	margin-left:6px;
	margin-right:6px;
	font-size: 120%;
	font-weight:bold;
	white-space: nowrap;
	color:#00344D;
} 

.resourcesPortletTitleMid .text{	
	float:left;
	padding-top:3px;
	padding-left:5px;
	WIDTH: 100%; 
	MARGIN-RIGHT: -200px;
} 

.resourcesListItem{
	padding: 5px 0px;

}
.wcmDropDownSortArea{
	background-color:#EBEBEB;
	margin:-10px;
	padding:5px 10px;
}
.wcmDropDownSort .wcmTable td{
	padding:5px 0px;
}
a.reSearchResultsTitle{
	font-weight:bold !important;
}
.searchDropDown {
	background-image:url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/searchDropDown.gif);
	background-repeat:no-repeat;
	height:19px;
	width:17px;
	margin:0.1px;
	
	margin-left:-5px;
	/*margin-top:-1px;*/
	height:20px;
	
	
}
div.lotusTagList span{
	display:block;
	float:left;
	padding:3px 10px 5px 3px;
	line-height:1;
}
div.lotusTagList a{
	font-size:100% !important;
}


.lcIterateModel {
	display:none;
}

DIV.lcPortletDIV {
}




DIV.lcPortletDIV UL.nobulletUL {
	list-style-type:none;
	padding:0;
	margin:0px;
}

DIV.lcPortletDIV LI.lcIterateClone, 
DIV.lc_service_profiles_full .lcIterateClone {
	padding-bottom:4px;
	border-bottom:1px solid #dddddd;
	margin:0px;
	margin-bottom:4px;
}

DIV.lcPortletDIV UL A,
DIV.lcPortlet_tagsDIV  A {
	text-decoration:none;
}

DIV.lcPortletDIV .floatRight {
	float:right;
}

DIV.lcPortletDIV .bold {
	font-weight:bold;
}

DIV.lcPortletDIV .underline {
	text-decoration:underline;
}


DIV.lcPortletDIV FORM.detailEditFORM INPUT,
DIV.lcPortletDIV FORM.detailEditFORM TEXTAREA2 {
	width:400px;
}

DIV.lcPortletDIV FORM.detailEditFORM TEXTAREA2 {
	height:300px;
}

DIV.lcPortletDIV TABLE TD.col_1 {
	text-align:right;
	font-weight:bold;
	padding-right:6px;
	font-size:90%;
}



div.lcPortletFullMid{
	margin-right:5px;
	/*border: 1px solid #d6d6d6;*/
	background-color:#ffffff;
}
div.tagContainer{
	background:#f3f3f3 url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/tags_collapsed_bg.gif) repeat-x;
	border-bottom: 1px solid #d6d6d6;
	margin:0px 0px 5px 0px;
	padding:5px 10px;	
}
div.tagContainer.expandedContainer{
	background-image:url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/tags_bg.gif);	
}
div.tagContainer span.plusMinusTextSPAN{
	font-size:110%;
	color: #666666;
}
div.tagContainer .expandCollapseContainer a:hover{
	text-decoration:none !important;
}
div.wpsPortletBody div.tagContainer{
	margin:-10px -10px 3px -10px;	
}
div.lcPortletFullRight{
	margin-left:5px;
}

div.lcS_medium span.lcS_entries_titleSPAN,
div.lcS_full span.lcS_entries_titleSPAN {
	font-size:100%;
	font-weight:bold;
}
div.lcS_small span.lcS_entries_titleSPAN{
	font-size:100%;
}

div.lcS_small span, div.lcS_small div{
	line-height:1.2;
}
div.lcS_mini span, div.lcS_mini div{
	line-height:1.2;
}


/*nested - not meant to be lcS_full*/
div.lcPortletFullRight span.lcS_entries_titleSPAN {
	font-size:100%;
	font-weight:normal;
}
a.lcS_entries_linkA{
	/*color:#105CB6;*/

}

a.lcS_tagA{
	font-size:100%;
}
a.selectedTagDisplay{
	background-color: #E7EFF4;
	border:1px solid #D0DFE9;
	padding:2px 5px;
}
div.lcS_filterDIV{
	padding-bottom:10px;
	font-size:90%;
}
div.lcPortletFullRight DIV.lcPortletDIV LI {
	border-bottom:none;
}
div.lcPortletFullRight div.wpsPortlet{
	margin-bottom:10px;
}
div.portletTitleLg{
	color:#01537f;
	font-size:170%;
	font-weight:bold;
	/*padding:5px 5px 0px 5px;*/
}
.wpsPortletTitleBar .portletTitleLg{
	padding:5px 5px 0px 5px;
}
span.plusMinusTextSPAN{
	/*color: #666666;*/
	font-size:100%;
	font-weight:bold; 
}
div.pagingContainer{
	background-color:#f3f3f3;
	color:#848484;
	/*padding:3px 10px;*/
	padding:5px 5px;
	font-size:90%;
	margin-bottom:5px;
}
div.advancedsearchDIV input{
	width:200px;
}
span.titleSPAN{
	display:block;
	border-bottom:1px solid #dddddd;
	padding:3px 0px;
	font-size:110%;
	font-weight:bold;
	color: #666666;
	line-height:normal;
	margin-bottom:5px;
}
div.entryDetailSmall{
	font-size:90% !important;
}
div.entryDetailSmall a{	
	/*color:#578cca !important;*/
}
div.lcPortletFullMid div.lcS_entries_summaryDIV, div.lcPortletFullMid div.lcS_entries_contentDIV{
	font-size:100%;
}
div.lcPortletFullMid div.entryDetailSmall, div.lcPortletFullMid div.entryDetailSmall a{
	/*font-size:100%;*/
}
div.lcPortletFullMid .wpsPortletTitleMidWhite, div.lcPortletFullMid .wpsPortletTitleMid{
	font-size:100%;

}
div.lcPortletFullMid .wpsPortletTitleBar{
	border-bottom:0;
}
div.lcPortletFullMid .wpsPortletBody{
	min-height:30px;
}
div.lcS_full{
	margin:-5px;
}

div.lcPortletErrorDIV{
	display:inline;
}
table.typeAheadHome{
	width:100px;
}
input.typeAheadHome{
	width:100px !important;
}
div.typeAheadHome{
	width:100px !important;
}
button.editChildSubmitBUTTON, button.editChildCancelBUTTON, button.editSubmitBUTTON, button.editCancelBUTTON, button.newEntryBUTTON{
	margin-right:5px;
	margin-top:5px;
}
span.filledarrows{
	color:#33596a;
}
.expandCollapseContainer span.filledarrows{
	padding-right:5px;

}
span.lcS_sortSPAN{
	font-size:90%;
}
span.lcS_moreSPAN, .moreLink{
	font-size:90%;
}

/*Dojo Calendar*/
TABLE.dijitCalendarContainer {
	background:#00405F;
	border:1px solid #000;
	padding:4px 12px;
	border-collapse:collapse;
	color:#fff;
	text-align:center;
}

DIV.dijitCalendarMonthLabel,
SPAN.dijitCalendarIncrementControl {
	font-weight:bold;
}

DIV.dijitCalendarMonthLabel {
}

/*'day' cells*/
.dijitCalendarContainer thead tr TH.dijitCalendarDayLabelTemplate,
.dijitCalendarContainer tbody tr TD.dijitCalendarDateTemplate {
	border:1px solid #005B7C;
	text-align:center;
	padding:2px 4px;
}

	TH.dijitCalendarDayLabelTemplate {
		background:#005B7C;
		font-weight:bold;
	}
	TD.dijitCalendarDateTemplate {
		background:#307998;
	}

TD.dijitCalendarPreviousMonth,
TD.dijitCalendarNextMonth {
	color:#6D9DB8;
	font-style:normal;
}
TD.dijitCalendarCurrentDate {
	font-weight:bold;
	text-decoration:none;
	color:#FFCA8B;
}
TD.dijitCalendarSelectedDate {
	font-weight:bold;
	text-decoration:none;
	background:#ADC7D8;
	color:#000;
}

/*year*/
TFOOT.dijitCalendarYearContainer {
}
	H3.dijitCalendarYearLabel {
		font-weight:normal;
		color:#6D9DB8;
		margin:3px;
	}
		SPAN.dijitCalendarSelectedYear {
			font-weight:bold;
			color:#fff;
		}



/*Dojo Editor - Plugin. (button in popup)*/
.dijitButtonText {
	color:#fff;
}


/*BLOG DETAIL*/
DIV.detailCommentHeadingDIV {
	border-bottom:1px solid #ccc;
	margin-top:8px;
}
DIV.lc_service_blogs_full DIV.detailChildDIV LI.lcIterateClone {
	padding:4px 0px;
}
SPAN.lcS_childitem_autoNumberSPAN { /*comment number*/
	color:#fff;
	background:#307998;
	padding:2px 4px 2px 4px;
}
DIV.lcPortletDIV UL.attachedfilesUL {
	margin-top:2px;
	margin-bottom:2px;
	padding:2px 4px;
	background:#D0DFE9;
	width:50%;
}
	DIV.lcPortletDIV UL.attachedfilesUL LI {
		border-bottom:none;
		padding:1px 0px;
		margin:0px;
	}


DIV.fileInputsDiv INPUT {
	display:block;
	padding:2px;
	margin:2px 0px;
}
DIV.childItemDescription{
	padding:5px 0px;
}

.lcS_entryNumber{
	text-align:left;
}

.lcS_previousNext{
	display:block;
	float:right;
	width:85px;
	text-align:right;
}

DIV.tfa_staticList LI {
	padding-bottom:4px;
	border-bottom:1px solid #cccccc;
	margin:0px;
	margin-bottom:4px;
}
DIV.detailContentDIV{
	padding-top:5px;
}

table.regionMap a{
	font-weight:bold;
}
table.regionMap td div{
	padding:3px;
}
.blueHighlightBG{
	background-color:#e7eff4;
}
.pipes {
	padding:0 5px;
	color:#999999;
} 
.collapsibleFormArea{
	background-color:#e7eff4;
}
.collapsibleFormArea .fieldsArea{	
	padding:15px 30px;	
}
.collapsibleFormArea .controlsArea{
	background-color:#d0dfe9;
	padding:10px 30px;
}
 
.welcomeMessageLg{
	font-size:210%;
	color:#ffffff;
	font-weight:bold;
}
.transparentBodyText{
	color:#ffffff;
}
.transparentBodyText h1{
	color:#ffffff;
}
div.transparentPortlet a, div.transparentPortlet a:link, div.transparentPortlet a:visited, div.transparentPortlet a:hover{
	color:#e4eb75;
	font-weight:bold;	
}
div.transparentPortlet .pipes{
	color:#e4eb75;
}
div.transparentPortlet button{
	background:#cd5c4d url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/button_gradient_red.gif) repeat-x scroll left top;
	border:1px solid #bf331c;	
	font-weight:bold; 
	text-align:center;
}
.whitePortlet{
	background-color:#ffffff;
	padding:5px;
}
span.whiteLabel{
	color:#ffffff;
	font-weight:bold;
}
.infoMessage{
	background:#e7eff4 url("http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/info.gif") no-repeat 10px 6px;
	color:#222222;
	font-size:90%;
	padding: 6px 6px 6px 33px;
	margin-bottom:10px;
}
.dataLabel{	
	font-weight:bold;
	font-size:90%;
	color: #999999;
}

.tojoxGrid {
	position: relative;
	/*background-color: #EBEADB;*/
	-moz-outline-style: none;
	outline: none;	
	border:1px solid #CCCCCC;
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
	background-color:#ebebeb;
}
.miniContainerContent .tojoxGrid{
	border:0 !important;
}

.tojoxGrid table {
	font-size:100%;
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
}

.tojoxGrid td {
	-moz-outline: none;
	font-size:100%;
}
.tojoxGrid thead{
	background-color: #ebebeb;
	
}
.tojoxGrid th{
	font-size:100%;
	color: #006096;
	font-weight:normal;
	padding:5px;	
	border-bottom:1px dashed #CCCCCC;
}

/* master header */

.tojoxGrid-master-header {
	position: relative;
	background-color: #ebebeb;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}
.miniContainerContent .tojoxGrid-master-header {
	border-radius:0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius:0px !important;
	background-color: #f6f6f6 !important;
}

/* master view */

.tojoxGrid-master-view  {
	position: relative;
}

/* views */

.tojoxGrid-view {
	position: absolute;
	overflow: hidden;  
	background-color:#ffffff;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 6px 6px;
}
 
/* header */

.tojoxGrid-header {
	position: absolute;
	overflow: hidden;
}

.tojoxGrid-header {
	/*background-color: #E8E1CF;*/
	padding-top:0px;
	padding-bottom:3px;
	/*margin-right:5px;*/
	border-bottom:1px dashed #CCCCCC !important;
}
.miniContainerContent .tojoxGrid-header{
	border:0 !important;
}
.tojoxGrid-header table {
	text-align: center;
}

.tojoxGrid-header .tojoxGrid-cell-content {
	text-align: center;
}

.tojoxGrid-header .tojoxGrid-cell {
	border:none;
	padding-bottom: 0px;
	width:150px;
}

.tojoxGrid-header .tojoxGrid-cell-over {
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0px;
}

.tojoxGrid-sort-down {
	background: url(images/grid_sort_down.gif) no-repeat 5px center; 
	padding-left:10px;
	padding-right:10px;
}

.tojoxGrid-sort-up {
	background: url(images/grid_sort_up.gif) no-repeat 5px center; 
	padding-left:10px;
	padding-right:10px;
}

/* content */
.tojoxGrid-scrollbox {
		position: relative;
		overflow-x: auto;
		overflow-y:auto;
		background-color: white;
		width: 100%;
}

.tojoxGrid-content {
	position: relative;
	overflow: hidden;
	 -moz-outline-style: none;
	outline: none;
}

/* rowbar */

.tojoxGrid-rowbar { 
	border: 1px solid;
	border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
	border-top: none;
	background: #E8E1CF;
}

.tojoxGrid-rowbar-inner {
	border-top: 1px solid #F6F4EB;
}

.tojoxGrid-rowbar-over {
	background-image: none;
	background-color: white;
	border-top-color: #FEBE47;
	border-bottom-color: #FEBE47;
}

.tojoxGrid-rowbar-selected {
	background-color: #D9E8F9;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
}

/* rows */

.tojoxGrid-row {
	position: relative;
	width: 9000em;
}

.tojoxGrid-row {
	border-left: none;
	border-right: none;
	background-color: white;
	border-top: none;
	border-bottom:1px solid #CCCCCC;
}

.tojoxGrid-row-over {
	/*background-color: #cccccc !important;*/
}

.tojoxGrid-row-odd {
	/*background-color: #FFFDF3;*/
}

.tojoxGrid-row-selected {
	/*background-color: #cccccc;*/
}

.tojoxGrid-row-table {
	table-layout: fixed;
	width: 0;
}

.tojoxGrid-invisible {
	visibility: hidden;
}		

.Xtojo-ie .tojoxGrid-invisible {
	display: none;
}		

.tojoxGrid-invisible td, .tojoxGrid-header .tojoxGrid-invisible td {
	border-top-width: 0;
	border-bottom-width: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 0;
	overflow: hidden;
}

/* cells */

.tojoxGrid-cell {
	border:none;
	text-align: left;
	overflow: hidden;
	padding:5px;
	
}

.tojoxGrid-cell-focus {
}

.tojoxGrid-cell-over {
}

.tojoxGrid-cell-focus.tojoxGrid-cell-over {
}

.tojoxGrid-cell-clip {
	width: 100%;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

/* editing */

.tojoxGrid-row-editing td {
	background-color: #F4FFF4;
}

.tojoxGrid-row-inserting td {
	background-color: #F4FFF4;
}
.tojoxGrid-row-inflight td {
	background-color: #F2F7B7;
}
.tojoxGrid-row-error td {
	background-color: #F8B8B6;
}

.tojoxGrid-input, .tojoxGrid-select, .tojoxGrid-textarea {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 100%;
	font-size: 100%;
	font-family: inherit;
}

.tojoxGrid-hidden-focus {
	position: absolute;
	left: -1000px;
	top: -1000px;
	height: 0px, width: 0px;
}



/* Tabs */

.dijitTabPaneWrapper {
	/*
	overflow: hidden;
	*/
	background:#fff; 
	border:1px solid #ccc;
}

.dijitTab {
	line-height:normal;
	margin-right:0px;	/* space between one tab and the next in top/bottom mode */
	padding:0px;
	border:1px solid #cccccc;
	background:#ebebeb;
	color: #006096;
}
.dijitTabLabels-top .dijitTab {
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	
}


.dijitAlignLeft .dijitTab,
.dijitAlignRight .dijitTab {
	margin-right:0px;
	margin-bottom:5px;	/* space between one tab and the next in left/right mode */
}

.dijitTabInnerDiv {
	padding:2px 10px 2px 10px;
	/*border-left:1px solid #fff;*/
	border-bottom:1px solid #fff;
	position:relative;
}

.dijitTabHover,
.dijitTabCloseButtonHover {
	color: #006096;
	text-decoration:underline !important;
	
}

.dj_ie6 .dijitTabHover,
.dj_ie6 .dijitTabCloseButtonHover {
	
}




.dijitTabChecked,
.dijitTabCloseButtonChecked
{
	/* the selected tab (with or without hover) */
	background-color:#ffffff;
	/*border-color: #ccc;
	border-bottom:1px solid #fff;*/
	background-image:none; 
}
.dijitTabLabels-top .dijitTabChecked .dijitTabInnerDiv{
	position:relative;
	min-height:17px;
	height:17px;
	float:left;
	z-index:5;
}
/* make the active tab white on the side next to the content pane */
.dijitAlignTop .dijitTabChecked,
.dijitAlignTop .dijitTabCloseButtonChecked
{
	border-bottom-color:white;
	vertical-align:bottom;
}

.dijitAlignBottom .dijitTabChecked,
.dijitAlignBottom .dijitTabCloseButtonChecked
{
	border-top-color:white;
	-moz-border-radius:2px 2px 0px 0px;	/* eliminate some border detritrus on moz */
}

.dijitAlignLeft .dijitTabChecked,
.dijitAlignLeft .dijitTabCloseButtonChecked
{
	border-right-color:white;
}

.dijitAlignRight .dijitTabChecked,
.dijitAlignRight .dijitTabCloseButtonChecked
{
	border-left-color:white;
}


/* make space for a positioned close button */
.dijitTab .dijitClosable {
	position: relative; 
	padding:6px 20px 4px 10px;
}

.dijitTab .dijitClosable .closeImage {
	position:absolute;
	top: 7px;
	right: 3px;
	height: 12px;
	width: 12px;
	padding: 0;
	margin: 0;
	/*background: url("images/tabClose.png") no-repeat right top;*/
}
.dj_ie6 .dijitTab .dijitClosable .closeImage {
	/*background-image:url("images/tabClose.gif"); */
}

.dijitTabCloseButton .dijitClosable .closeImage {
	/*background-image : url("images/tabClose.png");*/
}
.dj_ie6 .dijitTabCloseButton .dijitClosable .closeImage {
	/*background-image : url("images/tabClose.gif");*/
}

.dijitTabCloseButtonHover .dijitClosable .closeImage {
	/*background-image : url("images/tabCloseHover.png");*/
}
.dj_ie6 .dijitTabCloseButtonHover .dijitClosable .closeImage {
	/*background-image : url("images/tabCloseHover.gif");*/
}
.dijitAlignLeft .dijitTab .dijitClosable {
	padding:6px 10px 4px 20px;
}

/* correct for IE6. 
    We cant force hasLayout as that blows out the shrink wrapped tabs
    ..so we shim in the closeImage position properties instead
*/
.dj_ie6 .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
	left:-20px;
}

.dijitAlignBottom .dijitTab .dijitClosable .closeImage {
	top: auto;
	bottom: 7px;
	right: 3px;
}

.dijitAlignLeft .dijitTab .dijitClosable .closeImage {
	top: 7px;
	left: 3px;
}


/* - chester*/
DIV.dijitTabLabels-top {
  padding-left:13px;
}
DIV.dijitTabContainer {
  /*margin:0 -10px;*/
}
DIV.dijitTab {
  margin:0;
}
.dijitTabLabels-top DIV.dijitTabChecked DIV.dijitTabInnerDiv {
  font-weight:bold;
}
.horizontalTabs{
	margin:0 -10px;
}
.horizontalTabs DIV.dijitTabPaneWrapper {
  border-width:1px 0 0 0;
}
DIV.dijitTabPane {
  margin:10px;
  font-size:100%; /*override dojo css*/
}

/*Tooltip*/
 .dijitTooltip,
 .dijitTooltipDialog {
	/* the outermost dom node, holding the connector and container */
	/*opacity: 0.95;*/
	background: transparent;	/* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
	/* leave room for arrow above content */
	padding-top: 13px;
}

.dijitTooltipAbove {
	/* leave room for arrow below content */
	padding-bottom: 13px;
}

 .dijitTooltipContainer {
	/*
		The part with the text.

		NOTE: 
			FF doesn't clip images used as CSS bgs if you specify a border
			radius. If you use a solid color, it does. Webkit gets it right.
			Sigh.
		background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
	*/
	background-color: #ebebeb;
	border:1px solid #cccccc;
	padding:0;
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
	font-size:100%;
	
}
.dijitTooltipContents{
	background-color:#ffffff;
	padding:8px;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 6px 6px;
	font-size:100%;
	margin-bottom:2px;
	color: #666666;
}
.dijitTooltipContainer .tooltipHeader{
	border-bottom:1px dashed #CCCCCC;
	color:#006096;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	position:relative;top:0;left:0px;
	font-size:100%;
}

  
.tooltipHeader .closeBtn{	
	cursor:pointer;
	position:absolute;
	right:5px;
	top:5px;
}
 .dijitTooltipConnector {
	/* the arrow piece */
	border:0px;
	z-index: 2;
}

 .dijitTooltipABRight .dijitTooltipConnector {
	left: auto !important;
	right: 3px;
}

 .dijitTooltipBelow .dijitTooltipConnector {
	/* the arrow piece for tooltips below an element */
	top: 0px;
	left: 3px;
	width:16px;
	height:14px;
}
  
.dj_ie6 .dijitTooltipBelow .dijitTooltipConnector {
} 

 .dijitTooltipAbove .dijitTooltipConnector {
	/* the arrow piece for tooltips above an element */
	bottom: 0px;
	left: 3px;
	width:16px;
	height:14px;
}
.dj_ie6  .dijitTooltipAbove .dijitTooltipConnector {
}
 .dijitTooltipLeft {
	padding-right: 13px;
}
.dj_ie6  .dijitTooltipLeft {
	padding-right: 15px;
}
 .dijitTooltipLeft .dijitTooltipConnector {
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: 0px;
	bottom: 7px;
	width:16px;
	height:14px;
}
.dj_ie6  .dijitTooltipLeft .dijitTooltipConnector {
}

 .dijitTooltipRight {
	padding-left: 13px;
}
 .dijitTooltipRight .dijitTooltipConnector {
	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
	left: 0px;
	bottom: 7px;
	width:16px;
	height:14px;
}
.dj_ie6  .dijitTooltipRight .dijitTooltipConnector {
}

/*Dialog*/
.dijitDialogCloseIcon {
	/* the default close icon for the dialog */
	background : url("images/close.gif") no-repeat right top;
	float: right;
	position: absolute;
	vertical-align: middle;
	right: 5px;
	top: 5px;
	height: 22px;
	width: 22px;
	cursor: pointer;
}
.dj_ie6 .dijitDialogCloseIcon {
	background-image: url("images/close.gif"); 
}


.clickable {cursor:pointer; color:#006096; }
.clickable:hover {text-decoration:underline; } 
  
DIV.dijitDialog {
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:7px;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:7px;
   border:1px solid #ccc;
   background:#fff;
} 
  
DIV.dijitDialogTitleBar {
  color:#006096;
  border-bottom:1px dashed #ccc;
  padding:5px 8px;
  background-color:#EBEBEB;
} 
  
.disabledINPUT {
  border:1px solid #ccc;
  color:#000;
  padding:2px;
} 
INPUT.readonlyINPUT {
  border:1px solid #ccc;
  background:#ddd;
  padding:2px;
} 
  

DIV.tfaSimpleTree {
	padding-right:12px;
}
DIV.tfaSimpleTree UL {
	list-style-type:none;
	margin:0px;
	padding-left:12px;
	padding-top:4px;
}
DIV.tfaSimpleTree OL {
	margin:4px;
	padding-left:20px;
}
DIV.tfaSimpleTree LI {
	clear:both;
	padding-top:1px;
	border-top:1px solid #ccc;
	margin-top:2px;
} 

DIV.tfaSimpleTree IMG.expandCollapseIMG {
	margin-right:4px;
} 

DIV.tfaSimpleTree SPAN.editIconsSPAN {
	float:right;
}

 
 
/* Custom tree style */
DIV.tfaSimpleTree LI LI {
  border-top:1px solid #eee;
} 

/* custom tabs */
DIV.tfaTabContainer DIV.tfaTabButtonsDIV {
            margin-left:-10px;
            margin-right:-10px;
            margin-bottom:10px;
}
 
DIV.tfaTabContainer TABLE.tab TD {
            white-space:nowrap;
}



/*** T A G   C L O U D ***/
/*a tag cloud is a visual way of displaying the relative importance of tags, with lotusF1 being of least importance and lotusF5 being most important*/
div.lotusTagCloud {line-height:normal;font-size:90%;}
.lotusTagCloud span, .lotusTagCloud div{line-height:normal;}
.lotusTagCloud ul{margin:0;padding:0}
.lotusTagCloud li{display:inline}
.lotusTagCloud a{text-decoration:none;font-weight:bold;color:#adc7d8;}
.lotusTagCloud a:hover, .lotusTagCloud a:focus{text-decoration:underline;}
a.lotusF5, a.lotusF5:visited{font-size:130%;color:#003f5f;}
a.lotusF4, a.lotusF4:visited{font-size:120%;color:#005b7c;}
a.lotusF3, a.lotusF3:visited{font-size:110%;color:#307998;}
a.lotusF2, a.lotusF2:visited{font-size:105%;color:#6d9db8;}
a.lotusF1, a.lotusF1:visited{font-size:100%;color:#adc7d8;} 
/*this is a UI that pops up to show all the tags in a lightbox - see the lotusOverlay class*/
/*this has been replaced by the dojo dialog*/
.lotusAllTagsPopup{position:absolute;top:165px;left:-9999px;border:2px solid #669ce2;width:600px;padding:10px 10px 10px 30px;background-color:#fff}
.lotusAllTagsPopup p{font-weight:bold}
.lotusAllTagsPopup .lotusTagCloud{margin:10px 0}
.lotusAllTagsPopup .lotusClose{float:right;border-width:1px;border-style:solid}
.lotusAllTagsPopup .lotusClose a{padding:1px 3px}
.lotusColLeft .lotusTagCloud, #lotusColLeft .lotusTagCloud, .lotusColRight .lotusTagCloud, #lotusColRight .lotusTagCloud {width:170px; overflow:hidden;} 
/***********************************************************/


/*tooltip*/
.dijitTooltipContainer{border-color:#c5c5c5;background-color:#fff;}




/*slider*/
.dijitSliderImageHandle{border:0;background-position:left bottom;background-repeat:no-repeat;width:10px;height:11px;}
.dijitSliderImageHandleH{
	
}
.dijitSliderBar{border-style:none;}
.dijitSliderBumperH{width:2px;}
.dijitSlider .dijitButtonNode{display:none;}
/*disabled elements*/
.dijitSliderDisabled *, .dijitDisabledClickableRegion, .dijitSpinnerDisabled *, .dijitButtonDisabled *, .dijitDropDownButtonDisabled *, .dijitComboButtonDisabled *, .dijitComboBoxDisabled * {
cursor:not-allowed !important;
}

/*slider*/
.dijit_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle{background-image:url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/connection/tagSliderHandle.gif)}
.dijitSliderProgressBar{background-color:#a5c0ec;}
.dijitSliderRemainingBar{background-color:#e3e3e3;}
.dijitSliderBottomBumper, .dijitSliderLeftBumper{background-color:#a5c0ec;}
/*disabled elements*/
.dijitButtonDisabled .dijitButtonNode, .dijitToggleButtonDisabled .dijitButtonNode, .dijitDropDownButtonDisabled .dijitButtonNode, .dijitComboButtonDisabled .dijitButtonNode, .dijitComboBoxDisabled, .dijitSpinnerDisabled, .dijitSpinnerDisabled .dijitButtonNode {
opacity:0.6;
}
.tundra .dijitButtonNode {
background:#E9E9E9;
border:1px solid #9B9B9B;
padding:0;
vertical-align:middle;
}
.tundra .dijitDropDownButton .dijitA11yDownArrow {
margin:0;
}
.tundra .dijitDropDownButton{
vertical-align:top;
margin:0.1px;
}

.tundra .dijitToolbar button{
	background:transparent;
}
/*** A C T I O N   M E N U ***/
/*these are the styles for drop-down menus*/
ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;left:-9999px;border-width:1px;border-style:solid;width:15em;background-position:top left;background-repeat:repeat-y}
.lotusActionMenu li.lotusSelected a{background-position:4px center; background-repeat:no-repeat;}
.lotusActionMenu li.lotusMenuSeparator{border-top-width:1px;border-top-style:solid !important}
.lotusActionMenu a, .lotusActionMenu a:visited{padding:3px 3px 5px 25px;text-decoration:none;display:block;background-position:3px center;background-repeat:no-repeat}
/*additional styles for dijit drop-down menus (sit on top of dijit.css)*/
.dijitMenu{border-width:1px !important;border-style:solid !important;/*need !important because dijitReset comes after dijitMenu in the list of classes*/}
.dijitMenuTable{background-position:left top;background-repeat:repeat-y;}
.dijitMenuItem td{white-space:nowrap;padding: 2px 0;}
.dijitMenuItemIcon{width:25px;height:16px;background-position:center center}
.dijitMenuItemLabel{padding-left:5px !important;padding-right:5px !important;}
.dijitMenuSeparatorTop{margin-top:0;border-bottom-width:1px;border-bottom-style:solid}
.dijitMenuSeparatorBottom{margin-bottom:0;border:0;}
/***********************************************************/

/*** A C T I O N   M E N U ***/
ul.lotusActionMenu{background-color:#fff;border-color:#649de1;background-image:url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/connection/actionMenuBkgd.gif)}
.lotusActionMenu li{background-color:transparent}
.lotusActionMenu li.lotusSelected a{background-image:url(images/checkmark.gif);}
.lotusActionMenu li.lotusMenuSeparator{border-top-color:#b3cae9 !important}
.lotusActionMenu a, .lotusActionMenu a:visited{color:#000;}
.lotusActionMenu a:hover{color:#000;background-color:#cfecff;}
/*any specific icon menu items (you will need to define them separately for the dojo menu*/
.lotusSendMail a{}
/*additional styles for dijit drop-down menus (sit on top of dijit.css)*/
.dijitMenu{border-color:#649de1 !important;/*need !important because dijitReset comes after dijitMenu in the list of classes*/}
.dijitMenuTable{background-image:url(http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/connection/actionMenuBkgd.gif);}
.dijitMenuItemHover{background-color:#cfecff;color:#000;}
.dijitMenuSeparatorTop{border-bottom-color:#b3cae9;}
/*menu icon classes*/
.dijitMenu .lotusCheckmark{background-image:url(images/checkmark.gif);}
.dijitMenu .lotusSendMail{}
/*type ahead styles*/
ul.dijitMenu{border-color:#999 !important}
li.dijitMenuItemHover{background-color:#fefebb}
/***********************************************************/


.dijitMenu .menuCheckmark{background-image:url("http://images.tfanet.org/TFACommon_PacketC_Build2.6.1.11/images/checkmark.gif");}

.allAppsButton .dijitDropDownButton{
	height:47px;
	margin:0px;
}

.allAppsButton button{
	background:transparent;
	border:none;
	color:#ffffff;
	font-weight:bold;
	font-size:100%;
	padding:10px 0px;
	
}
.allAppsButton .dijitButtonNode{
	border:0;
}
.allAppsButton .dijitA11yDownArrow, .allAppsButton .dijitArrowButtonChar {
	color: #629bb8;
	font-size:8px;
	padding-left:8px;
	display:inline !important;
}
.allAppsButton .dijitArrowButtonInner{
	display:none;
}
.allAppsButton .dijitButtonText {
	font-size:110%; 
	font-family:Arial;
}
.allAppsMenu{
	background-image:url(images/nav-dropdown-checkmark-bar.gif);
	background-repeat: repeat-x;
	background-color: #265f7d;
	color:#bccfdd;
	border: none !important;
}
.allAppsMenu .dijitMenuItemLabel{
	background-color:#003f5f;
	color:#ffffff;
	padding-right:10px !important;	
	padding-top:4px;
	padding-bottom:4px;
	font-size:100% !important;
} 

.allAppsMenu .dijitMenuItemHover, .allAppsMenu .dijitMenuItemHover .dijitMenuItemLabel{
	background-color:#257190;
	color:#ffffff;
}
.dijitMenuSeparatorBG{
	background-color:#003f5f;
}
.allAppsMenu .dijitMenuSeparatorTop{
	border:none;
	background-image:url(images/nav_dropdown_separator.gif);	
	height:2px;
	margin:0px 10px 0px 5px;
	padding:0px;
} 

.profileSearch .dijitButtonNode{
	padding:0;
	margin:0px;
	border:none;
	width:17px;
	
	background:none;
} 
.tfaTooltipDialog .dijitTooltipContainer{
	background-color: #ebebeb;
}

div.dijitInputField, div.lcS_mini div.dijitInputField{
	line-height:1.5;
	/*height:20px;*/
	
}
.dijitTextBox{
	border: 1px solid #a7a9bb;
	background-color:#ffffff !important;
}
.dijitTextBox input{
	padding-top:2px;
	padding-bottom:2px;
	background-color:#ffffff !important;
}
                  