/* @override http://pito.bc.ca.s69888.gridserver.com/assets/css/screen.css */

/* @override http://dev.pito.dev:8888/assets/css/screen.css */

/*	Desc: *title* Screen Style Sheet
	Author: Heather Mulholland
	Date: *last modified date*
	+ Colours
	- grey: #333
	- blue: #052e4a
	- green: #9ed210
	
=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */



@import 'reset.css';


.alert{
background-color: red;
color:#fff;
padding:10px !important;
}

.red{
color:red;
}

body{
background-color: #cdd5dc;
font-family: Arial;
font-size:12px;
color:#333333;
background-color:#DAE0E5;
}

body.home{
background-color: #dae0e5;
}

a{
text-decoration: none;
}

#topWrapper{
background: url(/assets/images/backgrounds/topwrapper-bg.jpg) repeat-x ;
}

#topContainer{
width:960px;
margin:0px auto;
height:126px;
}

#mainNavWrapper{
background:url(/assets/images/backgrounds/mainnavwrapper-bg.jpg) bottom repeat-x #12344f;
}

#mainNavContainer{
width:960px;
margin:0px auto;
height:70px;
}

#contentWrapper{
background: url(/assets/images/backgrounds/contentwrapper-bg.gif) top repeat-x #cdd5dc;
}

#contentContainer{
width:960px;
margin:0px auto;
}

#footerWrapper, #homeFooterWrapper{
background:url(/assets/images/backgrounds/footerwrapper-bg.gif) repeat-x;
}

#footerContainer, #homeFooterContainer{
width:960px;
margin:0px auto;
}

.contentButton{
background: url(/assets/images/backgrounds/contentbutton-bg.jpg) repeat-x;
text-align: center;
padding:10px 0px 0px 0px;
border:1px solid #042135;
margin:0px 0px 15px 0px;
}

.contentButton a{
color:#fff!important;
}

a, a:visited{
color:#709f0b;
}

a:hover, a:active{
text-decoration: underline;
}

a.plain {
	color: #333333;
}

.numberedList {
padding:15px 0px;
}

.numberedList li{
padding:0px 0px 10px 0px;
}

.numberedList li .number{
font-size:20px;
color:#8594a1;
}

/*=COMMON
=== === === === === === === === === === */

p, li {line-height:140%;}

#middleContent p{
padding:0px 0px 10px 0px;
}

b, strong {color:#fff;background-color: #709f0b;padding:3px;}
i, em {font-style:italic;}

table{
margin:10px 10px 20px 0px;
}

table td, table th{
padding:9px;
vertical-align: top;
}

table tr.even, table tr.odd {
  border-bottom: 2px solid #ccc;
}

table th{
background-color:#052e4a;
color:#fff;
}

table tr.subHead{
background-color: #8c9dab;
font-weight: bold;
}

table tr.contentHeader{
background-color:#dae0e5;
font-weight: bold;
}

table td{
border-bottom: 1px solid #e8e8e8;
}

h1{
color:#052e4a;
font-size:28px;
padding:0px 0px 25px 0px;
}

h2, h2 a, h2 a:visited{
color:#052e4a;
font-size:20px;
}

h3, h3 a, h3 a:visited{
color:#333333;
font-size:16px;
padding:0px 0px 20px 0px;
}

.newsItem h3 {
	padding-bottom: 3px;
}

h4{
font-weight: bold;
padding: 0px 0px 5px 0px;
}

h5{
font-weight: bold;
color:#858585;
font-style: italic;
padding:0px 0px 5px 0px;
}

#middleContentLarge ul.bulletsContainer,
.bulletsContainer{
background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x bottom #e0e5e9;
}

.bullets{
background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x ;
padding:15px 15px 12px 25px;
margin:0px 0px 10px 0px;
}

#middleContentLarge ul.bullets,
#middleContent ul {
padding:15px 15px 12px 25px;
margin:0px 0px 10px 0px;
background:#e0e5e9;
overflow: hidden;
}
#middleContentLarge.larger .bulletsContainer {
	width: 720px;
	float: left;
}

#middleContentLarge.larger ul.bulletsMinusContainer {
	list-style-type: circle;
	list-style-position: inside;
}


#middleContentLarge.larger ul.bulletsMinusContainer li {
background: none;
list-style-type: disc;
line-height: 130%;
padding: 0 0 0 4px;;

}

#middleContentLarge ul.bullets li,
#middleContent li{
padding:0px 0px 5px 20px;
background: url(/assets/images/icons/greenBullet.png) 0px 5px no-repeat;

}



#middleContent li ul{
padding:5px 0px;

}

#middleContent li ul li{
padding:0px 0px 2px 20px;
}

.bulletsMinusContainer{
padding:0px 0px 15px 0px;
overflow: hidden;
}

.bulletsMinusContainer li{
padding:0px 0px 5px 20px;
background: url(/assets/images/icons/greenBullet.png) 0px 5px no-repeat;
}

.marginTop{
margin-top:10px!important;
}

.marginBottom{
margin-bottom: 10px;
}

.paddingTop{
padding-top: 10px;
}

#middleContent .noPadding{
padding:0px!important;
}

.smallText{
font-size:10px;
}

.insideBoxContainer{
background-color: #e0e5e9;
padding: 25px 25px 10px 25px;
margin:0px 0px 15px 0px;
}

/*=TOP CONTAINER
=== === === === === === === === === === */

#logo a{
background: url(/assets/images/logos/pito-logo.jpg) no-repeat;
display: block;
width:258px;
height:124px;
}

#searchForm{
background: url(/assets/images/backgrounds/searchinput-bg.jpg) no-repeat;
width:158px;
height:32px;
padding:8px 10px 8px 15px;
*padding:5px 10px 11px 15px;
}

#searchForm .inputField input{
border:none;
background: none;
color:#cdd5dc;
width:125px;
}

/*=NAVIGATION
=== === === === === === === === === === */

#mainNav li{
display: inline;
float:left;
padding:25px 55px 20px 0px;
line-height: 120%;
}

#mainNav li.last{
padding-right: 0px;
}

#mainNav a{
font-size:18px;
color:#fff;
}

#mainNav a:hover{
color:#9ed210;
text-decoration: none;
}

#mainNav .subText{
color:#93afc8;
font-size:8px;
text-transform: uppercase;
font-family: Verdana;
line-height: 120%;
padding: 3px 0px 0px 0px;
display: block;
}

/*-- Active States for Main Nav--*/

#funding .fundingLink a, 
#whyEmr .whyEmrLink a, 
#phases .phasesLink a, 
#emrLearningCenter .emrLearningCenterLink a, 
#aboutPito .aboutPitoLink a, 
#news .newsLink a, 
#enewsletter .enewsletterLink a, 
#support .supportLink a,
#support .aboutPitoLink a, 
#contact .contactLink a, 
#emrLearningCenter .emrLearningCenterLink a{
color:#9ed210;
}

#topNav{
padding:15px 0px 30px 0px;
}

#topNav li{
display: inline;
text-align: right;
padding:5px 10px 0px 0px;
}

#topNav a{
color:#fff;
}

#topNav a:hover{
color:#9ed210;
}

#topNav .phoneNumber{
background-color: #052740;
padding:5px;
}

#subNav li{
-height:23px;
margin:0px!important;
padding:0px!important;
}

#subNav li a{
display: block;
padding:7px 0px 7px 20px;
-padding:7px 0px 5px 20px;
color:#052e4a;
background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x top;
}

#subNav li ul li a{
background-image: none;
padding:4px 0px 4px 40px;
}

#subNav li ul li a:hover{
background-image: none;
}

#subNav a:hover{
background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x top #e0e5e9;
-background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x top;
color:#709f0b;
text-decoration: none;
}

#subNav a.active{
 color:#709f0b;
font-weight: bold;
}

#subNav li.bottom{
background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x top;
}

/*=INSIDE PAGE  
=== === === === === === === === === === */

#contentContainer{
padding:45px 0px;
}

#contentContainer #leftContent{
width:200px;
}

#contentContainer #middleContent{
width:480px;
margin:0px 40px;
padding:0px 0px 45px 0px;
}

#contentContainer #middleContentLarge{
width:720px;
margin:0px 0px 0px 40px;
padding:0px 0px 45px 0px;
}

#contentContainer #middleContentLarge.larger {
	width: 960px;
	margin: 0;
}

#contentContainer #middleContentLarge.larger ul.tabs {
	width: 960px;
	height: 65px;
}

#contentContainer #middleContentLarge.larger ul.tabs a.largePadding {
	height: 49px;
	width: 96px;
	padding: 16px 4px 0 4px;
}

#contentContainer #middleContentLarge.larger ul.tabs a.mediumPadding.last {
	width: 104px;
	margin-right: 0;
}

#contentContainer #middleContentLarge.larger ul.tabs a.mediumPadding {
	height: 49px;
	width: 96px;
	padding: 16px 4px 0 4px;
}

#contentContainer #middleContentLarge.larger div.panes div {
	width: 910px;
	height: auto;
	float: left;
}

#contentContainer #middleContentLarge.larger div.panes div div.inner {
	width: 500px;
	margin-left: 30px;
	float: left;
	display: block;
	background-color:#f6f7f8;
	padding: 0 0 25px 25px;
}

#contentContainer #middleContentLarge.larger div.panes div div.inner strong {
	color: #333333;
	font-weight: bold;
	background: none;
	padding: 0;
}

#contentContainer #middleContentLarge.larger div.panes div div.spacerclear {
	clear:both;
	height:30px;
	width:910px;
}

#contentContainer #middleContentLarge.larger div.panes div div.innerwrapper {
	width: 910px;
	display: block;
	float: left;
	background-color:#f6f7f8;
}

#contentContainer #rightContent{
width:200px;
}


#linksCallout{
padding: 15px 5px 5px 15px;
font-size:12px;
border:1px solid #fff;
background: url(/assets/images/backgrounds/linkscallout-bg.gif) bottom repeat-x #d8dfe4;
}

#linksCallout a{
color:#052e4a;
}

#linksCallout a:hover{
color:#fff;
}

#linksCallout li{
padding:0px 0px 1px 25px;
margin:0px 0px 10px 0px;
}

#linksCallout .caseStudiesIcon{
background: url(/assets/images/icons/icon_sprite.png) 0px 2px no-repeat;
}

#linksCallout .meetChampionsIcon{
background: url(/assets/images/icons/icon_sprite.png) 0px -28px no-repeat;
}

#linksCallout .downloadBrochureIcon{
background: url(/assets/images/icons/icon_sprite.png) 0px -63px no-repeat;
}

#linksCallout .applyNowIcon{
background: url(/assets/images/icons/icon_sprite.png) 0px -93px no-repeat;
}

.successStory{
margin: 0px 0px 10px 0px;
}

.successStory .text{
border:10px solid #fff;
padding:20px 120px 15px 40px;
}

.successStory .man01{
background:url(/assets/images/casestudies/casestudy_inside_4.jpg) #edf0eb bottom no-repeat;
height:100px;
}

.successStory .man02{
background:url(/assets/images/casestudies/casestudy_inside_2.jpg) #edf0eb bottom no-repeat;
height:100px;
}

.successStory .man03{
background:url(/assets/images/casestudies/casestudy_inside_1.jpg) #edf0eb bottom no-repeat;
height:100px;
}

.successStory .man04{
background:url(/assets/images/casestudies/casestudy_inside_04.jpg) #edf0eb bottom no-repeat;
height:100px;
}

.successStory .man05{
background:url(/assets/images/casestudies/casestudy_inside_05.jpg) #edf0eb bottom no-repeat;
height:100px;
}

.successStory .man06{
background:url(/assets/images/casestudies/casestudy_inside_06.jpg) #edf0eb bottom no-repeat;
height:100px;
}

.successStory .man07{
background:url(/assets/images/casestudies/casestudy_inside_07.jpg) #edf0eb bottom no-repeat;
height:100px;
}

#middleContent .successStory .readMore{
background-color: #dae0e5;
text-align: right;
padding: 5px 10px 5px 0px;
}

.successStory .readMore a{
color:#333;
font-size:11px;
}

.newsItem, .teamItem{
background:url(/assets/images/backgrounds/subnav-line-bg.gif) repeat-x bottom;
padding:0px 0px 10px 0px;
margin:0px 0px 15px 0px;
}

.showmoreinfo {
	display: none;
	color: #666;
	padding-top: 5px;
}

#contentSubmenu{
background:url(/assets/images/backgrounds/content_submenu_bg.gif) no-repeat bottom #fff;
border:1px solid #cccccc;
margin:0px 0px 25px 0px;
*padding:5px 10px;
}

#contentSubmenu ul{
margin:5px 0px 5px 10px;
text-align: center;
}

#contentSubmenu li{
display: inline;
text-align: center;
padding:0px 10px 0px 0px;
}

#contentSubmenu .currentListings li{
padding:0px 20px 0px 0px;
}

#contentSubmenu a{
text-decoration: none;
text-transform: uppercase;
color:#606060;
font-size:10px;
}

#contentSubmenu a:hover{
color:#709f0b;
}

.cutline{
font-size: 16px;
font-weight: bold;
color:#709f0b;

margin:15px 0px;
}


a.libraryButton {
background:url(/assets/images/buttons/library_blank_button.jpg) no-repeat ;
color:#fff;
font-size:14px;
display: block;
width:480px;
padding:10px 0px;
text-align: center;
margin:15px 0px
}

/*=HOMEPAGE  
=== === === === === === === === === === */


/*Headers*/

.header2 .content{
background: url(/assets/images/headers/home-man02.jpg) no-repeat;
padding:85px 0px 0px 450px;
height:280px;
-height:195px
}

.header1 .content{
background: url(/assets/images/headers/home-man01.jpg) no-repeat;
padding:85px 0px 0px 85px;
height:280px;
-height:195px;
}

#headerContainer .content ul li{
display: inline;
float:left;
padding:0px 10px 0px 0px;
}

#homeContent{
width:960px;
margin:0px auto;
}

#headerContainer{
border:10px solid #fff;
height:280px;
}

#headerContainer .bold{
font-weight: bold;
}

#homeContentContainer{
background: url(/assets/images/backgrounds/contentwrapper-bg.gif) top repeat-x #cdd5dc;
}

#leftHomeContent{
width:390px;
padding:25px 0px;
}

#rightHomeContent{
width:515px;
padding:25px 0px;
}

#homeNews{
margin:0px 0px 25px 0px;
}

#homeNews strong{
background:none;
color:#709f0b;
font-weight: bold;
}

#homeNews li{
background-color: #dae0e5;
margin:0px 0px 3px 0px;
padding:7px 12px;
}

#homeNews a.lightBulb{
display: block;
width:11px;
height:16px;
background: url(/assets/images/icons/lightbulb.png) no-repeat;
margin:0px 8px 0px 0px;
}

#homeNews .text{
width:335px;
}

#homeSuccessStories{
margin:0px 0px 35px 0px;
}

#homeSuccessStories ul{
margin:0px 15px 0px 0px;
}

#homeSuccessStories ul.last{
margin:0px;
}


#homeSuccessStories .image{
border:10px solid #fff;
margin: 0px;
padding: 0px;
height: 140px;
*background-color:#fff;
}

#homeSuccessStories .readMore{
background-color: #dae0e5;
text-align: center;
padding:4px 0px;
}

#homeSuccessStories .readMore a{
color:#333;
font-size:11px;
}

#homeSuccessStories .readMore a:hover{
color:#9ed210;
}

#homeWhiteCallout{
background: url(/assets/images/backgrounds/community-plant.jpg) no-repeat #fff;
border:1px solid #b9c4cd;
padding:25px 25px 25px 85px;
}

#homeWhiteCallout h2{
color:#9ed210;
}

#homeWhiteCallout a{
color:#9ed210;
font-size:11px;
}

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

#implementationPhases{
font-size:12px;
margin:15px 0px 25px 0px;
}

#implementationPhases ul{
width:190px;
border:1px solid #c3cdd4;
background-color: #fff;
height:180px;
}

#implementationPhases li.header{
background-color:#c3cdd4;
width:140px;
height:55px;
padding:10px 25px 0px 25px;
}

#implementationPhases li.header .largeText{
font-size:24px;
color:#fff;
text-transform: lowercase;
line-height: 100%;
}

#implementationPhases li.header .subText{
font-size:10px;
color:#333333;
text-transform: uppercase;
line-height: 100%;
}

#implementationPhases li.content{
background-color:#fff;
color:#333;
padding:15px 25px 10px 25px;
width:140px;
height:85px;
}

#implementationPhases li.content a{
color:#333;
display: block;
margin:10px 0px;
}

#implementationPhases li.content a:hover{
text-decoration: underline;
}

#supportFAQ{
width:475px;
background-color: #cdd5dc;
padding:15px 15px 10px 15px;
}

#supportFAQ li{
width:100%;
}

#supportFAQ .chatbox {
display: block;
width:15px;
height:15px;
background:url(/assets/images/icons/chatbox.png) no-repeat;
padding:0px 7px 5px 0px;
}

#supportFooterContainer{
margin:0px 0px 35px 0px;
}

#supportFooterContainer h3{
color:#333;
padding: 0px 0px 7px 0px;
line-height: 120%;
}

#supportFooterContainer #supportFAQ #homeSupportFAQ a{
color:#333;
font-size:12px;
}

#supportContact{
width:350px;
background: url(/assets/images/backgrounds/supportcontact-guy-bg.jpg) no-repeat bottom left #cdd5dc;
padding:25px 0px 0px 90px;
}

#supportContact ul{
width:160px;
}

#supportContact ul.first{
padding:0px 20px 0px 0px;
}

#supportContact .button{
padding:0px 0px 20px 0px;
}

.homeFooterLogos li{
display: inline;
float:left;
margin:0px 20px 0px 0px;
}


/*=FOOTER
=== === === === === === === === === === */

#footerContainer, #homeFooterContainer{
padding:35px 0px;
font-size:9px;
color:#4b6e89;
}

#homeFooterContainer{
padding:40px 0px;
*padding:40px 0px 10px 0px;
}

#footerContainer a, #homeFooterContainer a{
font-size:9px;
color:#4b6e89;
}

#rightFooterContent, #leftFooterContent{
text-transform: uppercase;
}

#rightFooterContent{
margin:10px 0px 0px 0px;
}

#footerContainer a:hover, #homeFooterContainer a:hover{
text-decoration: underline;
}

#footerContainer li, #homeFooterContainer li{
display: inline;
float:left;
padding:0px 0px 0px 2px;
}

#footerContainer li.first, #homeFooterContainer li.first{
padding:0px;
}


/*=TABS
=== === === === === === === === === === */

#middleContent .tabsContainer{
margin:15px 0px;
}

#middleContent #TabsWrapper ul {
	margin: 0;
	padding: 0;
	background: none;
	margin-bottom: 12px;
}

/* root element for tabs  */
#middleContent ul.tabs { 
	list-style:none; 
	margin:0px !important; 
	padding:0;	
	height: 22px;
	background: none;
}

#middleContent ul.primary li.active a {
	border-bottom: 0;
	background: #ffffff;
}

/* single tab */
#middleContent ul.tabs li { 
	float: left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#middleContent ul.tabs a { 
	background-color:#e0e5e9;
	display:block; 
	line-height: 100%;
	width: 100px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	margin:0px 2px 0px 0px;	
	position:relative;
	top:1px;
	text-transform: uppercase;
	font-size:10px;
	padding: 5px;
}

#middleContent ul.tabs a:active {
	outline:none;
		height: 45px;  	
}

#middleContent ul.tabs a.largePadding{
	padding:17px 0px;
	*padding:16px 0px 17px 0px;
}

#middleContent ul.tabs a.mediumPadding{
	padding:12px 0px;
	*padding:11px 0px;
}

#middleContent ul.tabs a.smallPadding{
	padding:7px 0px;
	*padding:5px 0px 6px 0px;

}

/* when mouse enters the tab move the background image */
#middleContent ul.tabs a:hover {
	background-color: #f6f7f8;	
	color:#000000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#middleContent ul.tabs a.current, #middleContent ul.tabs a.current:hover, #middleContent ul.tabs li.current a {
	background-color: #f6f7f8;			
	cursor:default !important; 
	color:#000 !important;
}


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}



div.panes div {
	display:none;		
	padding:25px 25px 0px 25px;
	background-color:#f6f7f8;
	width:662px;
	height:440px;
}



/* FLOATS */
.floatRight {
  float: right;
}
.floatLeft{
  float:left;
}

/* Start Clear fix */
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-block;
}
/* End Clear fix */

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* End hide from IE-mac */


/* FIXES */

#middleContent ul.bulletsMinusContainer li {
padding:0px 0px 0px 20px;
background: url(/assets/images/icons/greenBullet.png) 0px 5px no-repeat;
}

#middleContent h3.eFaq {
	padding-top: 15px;
	padding-bottom: 0;
}

#leftContent div.view.view-archive2 div.item-list ul.views-summary li {
	list-style-type: none;
}


body.careers #mainNav li.aboutPitoLink a,
body.support #mainNav li.aboutPitoLink a,
body.news #mainNav li.newsLink a,
body.document-library #mainNav li.emrLearningCenterLink a {
	color:#9ed210;
}


.view-Careers .views-table {
	width:100%;
}

.field {
	margin-bottom: 12px;
}

#middleContent div.view.view-Articles th.views-field.views-field-field-art-date-value {
	width: 120px;
}

#middleContent div.view.view-Articles div.downloadthis {
	margin-top: 8px;
}

#middleContent div.view.view-Articles div.Title {
	margin-bottom: 12px;
}

#middleContent div.view.view-Articles h2,
#middleContent div.view.view-Articles h2 a {
	padding: 0 5px 1px 0;
}

#middleContent div.view.view-Articles div.Title h3,
#middleContent div.view.view-Articles div.Title h3 a{
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}









/*=TABS
=== === === === === === === === === === */

.tabsContainer{
margin:22px 0px 15px 0;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0px !important; 
	padding:0;	
	height:45px;
	width:720px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background-color:#e0e5e9;
	display:block; 
	line-height: 100%;
	width: 100px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	margin:0px 2px 0px 0px;	
	position:relative;
	top:1px;
	text-transform: uppercase;
	font-size:10px;
}

ul.tabs a:active {
	outline:none;
		height: 45px;  	
}

ul.tabs a.largePadding{
	padding:17px 0px;
	*padding:16px 0px 17px 0px;
}

ul.tabs a.mediumPadding{
	padding:12px 0px;
	*padding:11px 0px;
}

ul.tabs a.smallPadding{
	padding:7px 0px;
	*padding:5px 0px 6px 0px;

}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color: #f6f7f8;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color: #f6f7f8;			
	cursor:default !important; 
	color:#000 !important;
}


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}



div.panes div {
	display:none;		
	padding:25px 25px 0px 25px;
	background-color:#f6f7f8;
	width:662px;
	height:370px;
}