/*
.Area-UWCA1LArea1,
.Area-UWCA1PArea1,
.Area-UWCA1NArea1 {
	text-align:right;
}
*/

.Area-UWCA1NArea2 .Portlet,
.Area-UWCA1LArea2 .Portlet,
.Area-UWCA1PArea2 .Portlet {
	text-align:right;
	margin: 15px 21px 0px 0px;	
}

.Area-UWCA1LArea2 a, .Area-UWCA1LArea2 a:link, .Area-UWCA1LArea2 a:visited, .Area-UWCA1LArea2 a:active,
.Area-UWCA1PArea2 a, .Area-UWCA1PArea2 a:link, .Area-UWCA1PArea2 a:visited, .Area-UWCA1PArea2 a:active,
.Area-UWCA1NArea2 a, .Area-UWCA1NArea2 a:link, .Area-UWCA1NArea2 a:visited, .Area-UWCA1NArea2 a:active {
    color: #ffffff;
    text-decoration: none;
    font-weight:bold;
    font-size:16px;
}

.Area-UWCA1NArea3 .Portlet,
.Area-UWCA1LArea3 .Portlet,
.Area-UWCA1PArea3 .Portlet {
	text-align:right;
}

.Area-UWCA1NArea4 .Portlet,
.Area-UWCA1LArea4 .Portlet,
.Area-UWCA1PArea4 .Portlet {
	text-align:left;
}

.Area-UWCA1NArea5 .Portlet,
.Area-UWCA1LArea5 .Portlet,
.Area-UWCA1PArea5 .Portlet {
	text-align:center;
}

.Area-UWCA1NArea6 .Portlet,
.Area-UWCA1LArea6 .Portlet,
.Area-UWCA1PArea6 .Portlet {
	text-align:right;
}

.Area-UWCA1NArea7 .Portlet,
.Area-UWCA1LArea7 .Portlet,
.Area-UWCA1PArea7 .Portlet {
	text-align:left;
}

.Area-UWCA1NArea8 .Portlet,
.Area-UWCA1LArea8 .Portlet,
.Area-UWCA1PArea8 .Portlet {
	text-align:left;
	margin-right: 15px;
}

.Area-UWCA1NArea9 .Portlet,
.Area-UWCA1LArea9 .Portlet,
.Area-UWCA1PArea9 .Portlet {
	text-align:left;
}

.Area-UWCA1NArea10 .Portlet,
.Area-UWCA1LArea10 .Portlet,
.Area-UWCA1PArea10 .Portlet {
	text-align:center;
}

.Area-UWCA1NArea11 .Portlet,
.Area-UWCA1LArea11 .Portlet,
.Area-UWCA1PArea11 .Portlet {
	text-align:right;
}

.Area-UWCA1NArea12 .Portlet,
.Area-UWCA1LArea12 .Portlet,
.Area-UWCA1PArea12 .Portlet {
	text-align:left;
}

.Area-UWCA1NArea13 .Portlet,
.Area-UWCA1LArea13 .Portlet,
.Area-UWCA1PArea13 .Portlet {
	text-align:center;
}

.Area-UWCA1NArea14 .Portlet,
.Area-UWCA1LArea14 .Portlet,
.Area-UWCA1PArea14 .Portlet {
	text-align:right;
}

.Area-UWCA1PArea1,
.Area-UWCA1LArea1,
.Area-UWCA1NArea1 {
    margin: 11px 0px 0px 14px;
}

.Col-UWCA1PArea1,
.Col-UWCA1LArea1,
.Col-UWCA1NArea1 {
    vertical-align: middle;
}

.Area-UWCA1LArea1 .Logo.WebLogoL,
.Area-UWWRed1PLogo,
.Area-UWWRed1LLogo,
.Area-UWWRed1NLogo {
	/*background: url(https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A416175616F6838795273495437724A6A6E457274706B307042514B542D7378574E493452686566735A455F547A67/UWCEO_logo.png) no-repeat top left;*/
    	max-height: 101px;
	max-width: 239px;
	width: 30vw;
	height: 9vw;
	background-size:contain;
}

.Area-UWCA1LArea8 .Logo.WebLogoL {
	background: url(https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4162652D74577A743042332D41476E464E35666A48457164504A4674437779644262685379684C46785A65544777/UWCEO_logo.png) no-repeat bottom right;
    	max-height: 101px;
	max-width: 239px;
	width: 30vw;
	height: 9vw;
	background-size:contain;
}

.Area-UWCA1LArea1 img,
.Area-UWCA1LArea8 img {
	display: none;
}

/*
.Area-UWWRed1PLogo img,
.Area-UWWRed1LLogo img,
.Area-UWWRed1NLogo img {
	display: none;
}
*/

.Area-UWCA1PArea8,
.Area-UWCA1LArea8,
.Area-UWCA1NArea8 {
    margin: 12px 10px 11px 9px;
    text-align: right;
}

.Area-UWCA1PArea8 .PortletNote a img,
.Area-UWCA1LArea8 .PortletNote a img,
.Area-UWCA1NArea8 .PortletNote a img { 
    width: auto !important;
    float: right;
}

.Area-UWCA1PArea7 .PortletNote a img,
.Area-UWCA1LArea7 .PortletNote a img,
.Area-UWCA1NArea7 .PortletNote a img { 
    width: auto !important;
    float: left;
}

.Area-UWCA1PArea7 .PortletNote td.TrusteIcon  a img, 
.Area-UWCA1LArea7 .PortletNote td.TrusteIcon  a img, 
.Area-UWCA1NArea7 .PortletNote td.TrusteIcon  a img { 
    min-width:75px !important;
    max-width:185px !important;
    width: 100% !important;
    height: auto !important;
}

.Area-UWCA1PArea7 .PortletNote td.GeoTrustIcon  a img, 
.Area-UWCA1LArea7 .PortletNote td.GeoTrustIcon  a img, 
.Area-UWCA1NArea7 .PortletNote td.GeoTrustIcon  a img { 
    min-width:75px !important; 
    max-width:115px !important;
    width: 100% !important;
    height: auto !important;
}

.Col-UWCA1PArea8 .Area-UWCA1PArea8 .PortletLogo,
.Col-UWCA1LArea8 .Area-UWCA1LArea8 .PortletLogo,
.Col-UWCA1NArea8 .Area-UWCA1NArea8 .PortletLogo {
	min-width: 140px;
}

.Area-UWCA1PArea8 .PortletLogo img,
.Area-UWCA1LArea8 .PortletLogo img,
.Area-UWCA1NArea8 .PortletLogo img { 
    width: 100% !important; 
}

.Area-UWCA1LArea3 .PortletNote,
.Area-UWCA1NArea3 .PortletNote {
	text-align: center;
	padding: 17px 0px 0px 130px;
	font-weight: bold;
	font-size: 20px;
	/*color: #000000;*/
}

.Col-UWCA1PArea4 img,
.Col-UWCA1LArea4 img,
.Col-UWCA1NArea4 img {
	border-radius: 0px;
	border-radius: 0px;
	width: auto;
}

.Col-UWCA1PArea4 .Portlet,
.Col-UWCA1LArea4 .Portlet,
.Col-UWCA1NArea4 .Portlet {
	text-align: left;
	margin-left: 30px;
}

/*
.col-sm-3 {
	padding-left: 0px;
	width: auto;
}
*/

.AccountDate div,
.AccountDate div:nth-child(2),
#birthDate_YEAR,
#birthDate_MONTH,
#birthDate_DAY {
	width: auto;
}

#BirthMonth,
#BirthDay,
#BirthYear {
	font-size: 12px;
	font-weight: bold;
}

.SelectedAgendiesTable th, .SelectedAgendiesTable td {
    padding: 10px;
}

.form-horizontal .control-label {
	padding-top: 0px;
}

.Col-IndBirthLabel {
	padding-top: 25px !important;
}

.Section-IProfile .EmployeeID,
.Section-IProfile .EmployerInfo .EmployerAddress {
	display: none;
}

.Section-IProfile .LoginInformationSection .col-sm-9 {
	width: 50%;
}

.Section-IProfile .UserDefinedInformationSection .col-sm-9 {
	width: auto;
}

.Page-IProfile .control-label,
.Page-IProfile .PhoneTypeHOME,
.Page-IProfile .PhoneTypeWORK,
.Page-IProfile .AddressType {
	padding-left: 15px;
}

.Page-IProfile #phoneRow .control-label {
	padding-left: 0px;
}

.Section-IProfile .EmployerInfo .col-sm-offset-3,
.Section-IProfile #RequiredNote .col-sm-offset-3,
.Page-IProfile .col-sm-offset-3.col-sm-9 {
	margin-left: 0px !important;
}

.FlagTable .col-sm-offset-3 {
	margin-left: 0px !important;
}

.Col-UWCA1NArea3 {
	display: none;
}

.Page-UserRegistration .IndEMailLabel {
	display: block;
	float: none;
}

.Page-UserRegistration .Col-IndEMail {
	padding-left: 0px !important;
}

.Page-UserRegistration .SecurityTopNoteEmp {
	display: none;
}

.Page-UserRegistration #LoginLinkDiv {
	display: inline;
	padding: 2px 5px 4px 5px;
}

.Page-UserRegistration #LoginLink,
.Page-UserRegistration #ShowChangeEmployerStepsLink {
	padding: 2px 5px 4px 5px;
	border: solid 1px #da291c;
	border-radius: 5px;
	padding: 2px 5px 4px 5px;
}

.Page-UserRegistration #LoginLinkDiv a:hover,
.Page-UserRegistration #ShowChangeEmployerStepsLink:hover {
	background-color: #EF3E42;
	border: solid 1px #EF3E42;
	border-radius: 5px;
	padding: 2px 5px 4px 5px;
	color: #FFFFFF;
}

.Page-UserRegistration .ChangeEmployerStepsLink {
	background-color: #FFFFFF;
	Border: 0px none;
	color: #EF3E42;
	padding: 0px 5px 2px 5px;
}

.Page-UserRegistration #nameRow,
.Page-UserRegistration #IndInfoBirthNote,
.Page-UserRegistration #IndInfoBirth,
#RegisterForm .IndEMail,
#RegisterForm .Row-BirthdateError {
	margin-bottom: 0px !important;
}

#RegisterForm .SecurityCodeLabel {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.Page-UserRegistration #UD_SORTFIELD1 {
	margin-bottom: 5px !important;
}

.Page-UserRegistration .ChangeEmployerStepsLinkOver {
	background-color: #EF3E42;
	border: 0px none;
	border-radius: 3px;
	padding: 0px 5px 2px 5px;
	color: #FFFFFF;
}

.Page-UserRegistration .Col-IndEMail {
	width: 50%;
}

.Page-UserRegistration .BlockDetails {
	/*margin-left: 40px;*/
	margin-right: 17px !important;
	width: 60%;
	float: left;
}

.Page-UserRegistration .Col-Password {
	width: 50%;
}

.Page-UserRegistration #IndNameTable {
	margin-left: 22px;
}

.Page-UserRegistration #Password {
	margin-left: 33px;
}

.Page-UserRegistration #PasswordHint {
	margin-left: 70px;
}

#EmpRegImage {
	float: left;
	width: 35%;
}

#EmpRegImage img {
	width: 90%;
	margin-top: -45px
}

.EmpRegText {
	margin-left: 25px;
	float: left;
	width: 60%;
}

.Page-UserRegistration .SecurityCodeImage {
	margin-top: 20px;
}

.Page-UserRegistration .SecurityCode {
    width: 25%;
    max-width: 50%;
    float: right;
    margin-right: 37% !important;
}

.Page-UserRegistration .Navigation li {
    float: left;
}

.Page-UserRegistration .Navigation {
    clear: both;
    float: left;
    margin-left: 35%;
    padding-left: 30px;
}

.Page-UserRegistration #CountryCode_Main,
.Page-UserRegistration #Info_SORTFIELD1,
.Page-UserRegistration #Info_SORTFIELD2 {
	width: auto;
}

.Page-UserRegistration .Label_SORTFIELD1,
.Page-UserRegistration .Label_SORTFIELD2 {
	width: 107px;
}

.Page-UserRegistration #employeeIDRow {
	display: none !important;
}

.Area-UWCA1NArea4 .WebLogoR {
	margin-left: 35%;
}

.Area-UWCA1NArea4 .WebLogoR img {
	/*width: 100%;*/
	max-width: 400px;
	margin-top: 20px;
}

.Page-UserRegistration .UserReg,
.Page-UserRegistration .GenericMainBody .UWCAHeader .col-md-12 {
	display: none;
}

.Page-UserRegistration a,
.Page-UserRegistration a:link,
.Page-UserRegistration a:visited,
.Page-UserRegistration a:active {
	color: #da291c;
	text-decoration: none;
}

.Section-PledgeAddInfo .FlagTable .FlagText {
	width: auto !important;
	vertical-align: top;
}

.PledgeProgress ol {
	list-style: none;
}

.Page-IPledgeDes1 .PASearchResults .Col-MoreInfo {
	display: none;
}

.PledgeProgress li {
	display: inline;
	color: #000000;
	background-color: #ffffff;
	border: none;
	padding: 0px 7px;
	text-align: center;
}

.fa-plus::before {
    content: "Add/Ajouter" !important;
    border: 1px solid !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
}

.fa-pencil-square-o::after {
    content: "Edit/Modifier" !important;
    border: 1px solid !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    margin-left: 10px !important;
}

.PledgeProgress .ProgressStepCurrent {
	color: #da291c;
	background-color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.PledgeProgress .ProgressArrow {
	background-color: #ffffff;
	color: #000000;
	padding: 2px;
}

.iconText.PledgeATxt:after{
	content: "\25BA";
}

.LoginButtonPanel li {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.LoginButtonPanel .Login.LoginButton1.Login .button,
.LoginButtonPanel .Forgot.LoginButton2.Forgot .button,
.LoginButtonPanel .Hint.LoginButton3.Hint .button {
	display: block;
	width: 200px;
}

.button, .button:link, .button:visited, .button:active {
	color: #da291c;
	background-color: #ffffff;
	border: solid 1px #da291c;
	padding: 5px 7px;
	border-radius: 7px;
	text-decoration: none;
	margin-right: 10px;
	text-decoration: none;
}

.button:hover {
	color: #ffffff !important;
	background-color: #da291c;
	border: solid 1px #da291c;
	padding: 5px 7px;
	border-radius: 7px;
	text-decoration: none;
	margin-right: 10px;
	text-decoration: none;
}

.LoginButtonPanel .Register {
	display: none;
}

.ServerMaintenance {
	color: #ffff00;
}

.Page-AHistory .QuickSumTable .Col-Details {
	display: none;
}

.DIV-SPRPRegNote1, .Col-RequiredNote {
	padding: 10px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.MainPage .Area-Registration {
    width: 100%;
}

.PledgeNavigation,
.Navigation,
.NavigationButtons,
.ActionButtons,
.ButtonPanel {
	margin-top: 20px;
}

.PledgeNavigation li,
.Navigation li,
.NavigationButtons li,
.ActionButtons li,
.ButtonPanel li {
	margin-bottom: 15px;
}

.PledgeNavigation1.PledgeNavigationNextPP.PPExpress .button {
	background-color: #ffffff !important;
	border: none !important;
}

.PledgeNavigation1.PledgeNavigationNextPP.PPExpress .button:hover {
	background-color: #ffffff !important;
	border: none !important;
}

/*
.ServiceCategories .col-sm-8,
.CommunityCare .col-sm-8,
.TargetedAgencies .Col-Input,
.Page-IPledgeDesFedList .Col-Input,
.Federations .Col-FedAmount {
	width: auto;
	max-width: 110px;
	float: right;
}
*/

.CampaignImage {
	width: 100%;
	/*height: 303px;*/
}

.MainPage .Area-Registration .DIV-WebRegister1 table,
.MainPage .Area-Registration .RegistrationInclude {
	max-width: 750px;
}

.LoginForgotTable .Row-UserID {
	display: none;	
}

.Federations a, .Federations a:link, .Federations a:visited, .Federations a:active {
    color: #000000;
    text-decoration: underline;
}

.Federations h2 {
	margin-bottom: 15px;
}

.KeywordSearchInput .input-group-addon {
	background-color: #FFF;
	border: 0px #FFF;
}

#AgencySearchSection .KeywordSearchInput input[type="text"] {
	width: 95%;
}

#BirthdateError {
	display: none;
}

.Area-Registration .LeftAlign td {
	border: 0px none;
}

.MainPage .Area-Registration {
    width: 100%;
}

.MainPage .Area-Registration .DIV-WebRegister1 table,
.MainPage .Area-Registration .RegistrationInclude {
	max-width: 750px;
}

.Page-preLoginJAAS .LoginButtonPanel div {
	display: block;
}

.Page-preLoginJAAS .LoginButtonPanel {
	margin: 0px;
}

.Page-preLoginJAAS .BlockFooter {
	display: none;
}

.Page-preLoginJAAS {
	margin-top: 20px;
}

.Page-preLoginJAAS .BlockDetails .Row-UserID td.Col-text {
	padding: 20px 0px 0px 0px;
}

.Page-preLoginJAAS .Row-UserID .Col-Input input,
.Page-preLoginJAAS .Row-Password .Col-Input input {
	width: 173px;
	background-color: transparent;
}

.Page-preLoginJAAS .Block .BlockDetails Table .Col-Input input {
    margin-right: 0px;
    margin-leftt: 0px;
}
/*
.Page-preLoginJAAS .BlockDetails {
	padding: 0px 55px 0px 0px;
}
*/
.Page-preLoginJAAS .Col-UserId,
.Page-preLoginJAAS .Col-Password {
	display: none;
}

.Page-preLoginJAAS .BlockHeader {
	padding: 0px 5px 0px 0px;
}

.Page-preLoginJAAS .Row-UserID .Col-Input div,
.Page-preLoginJAAS .Row-Password .Col-Input div {
	display: inline;
}

.ServiceCatTable,
.TargetedAgenciesTable {
	width: auto;
}

.ServiceCatTable td,
.TargetedAgenciesTable td,
.ServiceCatTable th,
.TargetedAgenciesTable th,
.ServiceCategories .Classic,
.TargetedAgencies .Classic {
	border: 0px;
}

.ServiceCategories {
	padding: 0px 0px 5px 0px;
}

.TargetedAgencies {
	padding: 5px 0px 5px 0px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.ServiceCatTable .Col-Input input,
.TargetedAgenciesTable .Col-Input input {
	width: 80px;
	text-align: right;
}

.ServiceCatTable .Col-Input,
.TargetedAgenciesTable .Col-Input {
	text-align: center;
	padding: 2px 5px 5px 5px;
}

.ServiceCatTable .Col-Image,
.TargetedAgenciesTable .Col-Image {
	display: none;
}

.Designation2Button,
.DesignationTotals {
	padding: 0px 0px 20px 0px;
	border-bottom: 2px solid #000000;
}


.ServiceCatTable .Col-Name,
.TargetedAgenciesTable .Col-Name {
	width: 100%;
}

.ServiceCatTable .Row-Header th,
.TargetedAgenciesTable .Row-Header th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}

td.Col-Name {
	vertical-align: middle;
}

.Section-PledgeConfirm .PledgeNavigation {
    height: 100px;
}

.Col-UWCA1PArea8,
.Col-UWCA1LArea8,
.Col-UWCA1NArea8 {
	vertical-align: bottom;
}

.Area-UWCA1PArea7 a, .Area-UWCA1PArea7 a:link, .Area-UWCA1PArea7 a:visited, .Area-UWCA1PArea7 a:active,
.Area-UWCA1LArea7 a, .Area-UWCA1LArea7 a:link, .Area-UWCA1LArea7 a:visited, .Area-UWCA1LArea7 a:active,
.Area-UWCA1NArea7 a, .Area-UWCA1NArea7 a:link, .Area-UWCA1NArea7 a:visited, .Area-UWCA1NArea7 a:active {
    color: #ffffff;
    text-decoration: underline;
    font-weight:bold;
    font-size: 1vw;
    font-size: 12px;
}

.Page-AccountSearch .SearchResultList .Col-Text.Col-Address {
                color: #ffffff;
                font-size: 0px;
                width: 0px;
}

#footeruwoName a, #footeruwoName a:link, #footeruwoName a:visited, #footeruwoName a:active {
    text-decoration: none;
}

ul.pureCssMenu {
	margin: 14px 25px 0px 150px;
	float: right;
}

ul.pureCssMenu li {
    padding: 0px 10px;
}

#UW_Info {
	margin-left: 25px;
}

#SecurityIcons {
	margin-bottom: 15px;
	margin-top: 3px;
}

#FooterTable {
	margin-top: 10px;
}

#SecurityIcons img {
	width: 175px;
}

.MainPage {
	width: 100%;
}

#RoleMenuTitle {
            display:block; 
            color:#ffffff;
            font-weight:bold;
            font-size:16px;
            cursor:pointer; 
            margin: 0px 0px 0px 0px; 
}

.Page-IProfile .col-EmployerAddline1,
.Page-IProfile .col-EmployerAddcity,
.Page-IProfile .col-Heading.col-Space { 
                display: none; 
}

.DIV-WebGreeting h2 {
    display:none;

}

table.MyOutputs th.Col-Joblabel,
table.MyOutputs td.Col-JobName { 
                display: none; 
}

.Page-SinglePageRegEvent .SPAN-EventRegSndCofASER {
display: none;
}

.Page-SinglePageRegEvent .SPAN-EventRegSendCofSER {
display: none;
}

.Page-Home .ArticleHeader {
                display: none; 
}

.Page-MLSubscribe .Area-UWCA1LArea1 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea2 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea3 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea4 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea5 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea6 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea7 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea8 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea9 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea10 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea11 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea12 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea13 .Portlet,
.Page-MLSubscribe .Area-UWCA1LArea14 .Portlet {
	display: none;
}

/*
.Page-IProfile td.Col-AccountDateMonth,
.Page-IProfile td.Col-AccountDateDay,
*/
.Page-IProfile td.Col-AccountDateYear,
.Page-IProfile td.Col-BirthLabel,
.Page-IProfile .IndProfileInclude .Row-Birth tr {
	display: none;
}

/*
.Col-AccountDateMonth,
.Col-AccountDateDay {
	display: none;
}
*/

.Page-preLoginJAAS div.Register {
    display: none;
}

.Section-SubscriptionVolunteerRelease {
	display: none;
}

.Page-AHistory .AccountSummary .Col-Space {
	display: none;
}

.Page-AHistory .AccountSummary .Col-Image.Col-Details {
	display: none;
}

.Page-UserRegistration .Signoff {
	display: none;
}

/*
.UWCAHeaderContent .ROLE .Menu-Right .MenuHeader:before { 
            content:"Change Role";
            display:block; 
            color:#ffffff;
            font-weight:bold;
            font-size:16px;
            cursor:pointer; 
            margin:76px 0 0 0; 
} 
*/
.UWCAHeaderContent .ROLE .Menu-Right table { 
            display:none; 
            width:auto; 
            position:absolute; 
            right:0; 
            top:18px; 
            z-index:30000; 
} 
  
.UWCAHeaderContent .ROLE .Menu-Right { 
            position:relative; 
} 
  
.UWCAHeaderContent .ROLE .Menu-Right:hover>table { 
            display:block; 
} 
  
.UWCAHeaderContent .ROLE .Menu-Right table td { 
            text-align:right; 
            background-color: #666666; 
            color:#ffffff; 
            padding:3px 20px; 
            border-bottom:1px solid #999999; 
}

/* ---to remove the bottom bump
.UWCAFooterArea {
    background-image: none;
}
*/

	#outlook a{
			padding:0;
		}
		body{
			width:100% !important;
		}
		.ReadMsgBody{
			width:100%;
		}
		.ExternalClass{
			width:100%;
		}
		body{
			-webkit-text-size-adjust:none;
		}
		body{
			margin:0;
			padding:0;
		}
		img{
			border-style: none;
    border-color: inherit;
    border-width: 0;
/*height:18px;*/
			    line-height:100%;
			    outline:none;
			    text-decoration:none;
		}
		table td{
			border-collapse:collapse;
		}
		
		#backgroundTable{
			height:100% !important;
			maxpading:0;
			width:100%;
		}
		
		
	.centerbodyTable
	{ 
	    border:0;
	    border-collapse:collapse;
	    width: 600;
	}
	
		centerbodyTable table,	centerbodyTable td, centerbodyTable th  { 
    	padding:0; 
    	border-collapse:collapse;
         border: 0;
	
	}
	
	#templateBody
	{
	    height:600px;
	    /*width :800px;*/
	    width :100%;
          background-color:transparent;
	}
	
	/*
	@tab Page
	@section background color
	@tip Set the background color for your email. You may want to choose one that matches your company's branding.
	@theme page
	*/

	/*
	@tab Page
	@section email border
	@tip Set the border for your email.
	*/
		#templateContainer{
			/*@editable border:1px solid #31414d;*/
		}
	/*
	@tab Page
	@section heading 1
	@tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
	@style heading 1
	*/
 		h1,.h1{
			/*@editable*/color:#EF3E42;
			/*@editable*/display:block;
			/*@editable*/font-family:Arial;
			/*@editable*/font-size:24px;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:100%;
			/*@editable*/margin-top:0px;
			/*@editable*/margin-right:0;
			/*@editable*/margin-bottom:10px;
			/*@editable*/margin-left:0;
			/*@editable*/text-align:left;
		}
	*/
	@tab Page
	@section heading 2
	@tip Set the styling for all second-level headings in your emails.
	@style heading 2
	*/
		h2,.h2{
			/*@editable*/color:#EF3E42;
			/*@editable*/display:block;
			/*@editable*/font-family:Arial;
			/*@editable*/font-size:30px;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:100%;
			/*@editable*/margin-top:0;
			/*@editable*/margin-right:0;
			/*@editable*/margin-bottom:10px;
			/*@editable*/margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Page
	@section heading 3
	@tip Set the styling for all third-level headings in your emails.
	@style heading 3
	*/
		h3,.h3{
			/*@editable*/color:#EF3E42;
			/*@editable*/display:block;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:12pt;
			/*@editable font-weight:bold; */
			/*@editable*/line-height:100%;
			/*@editable*/margin-top:0;
			/*@editable*/margin-right:0;
			/*@editable*/margin-bottom:10px;
			/*@editable*/margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Page
	@section heading 4
	@tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
	@style heading 4
	*/
		h4,.h4{
			/*@editable*/color:#EF3E42;
			/*@editable*/display:block;
			/*@editable*/font-family:Arial;
			/*@editable*/font-size:16px;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:100%;
			/*@editable*/margin-top:0;
			/*@editable*/margin-right:0;
			/*@editable*/margin-bottom:10px;
			/*@editable*/margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Header
	@section preheader style
	@tip Set the background color for your email's preheader area.
	@theme page
	*/

	/*
	@tab Header
	@section preheader text
	@tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
	*/
		.preheaderContent div{
			/*@editable*/color:#ffffff;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:8pt;
			/*@editable*/line-height:100%;
			/*@editable*/text-align:left;
		}
	/*
	@tab Header
	@section preheader link
	@tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
	*/
		.preheaderContent div a:link,.preheaderContent div a:visited,.preheaderContent div a .yshortcuts {
			/*@editable*/color:#000000;
			/*@editable*/font-weight:normal;
			/*@editable */ text-decoration:none;  
		}
	/*
	@tab Header
	@section header style
	@tip Set the background color and border for your email's header area.
	@theme header
	*/
		#templateHeader{
			/*@editable*/background-color:transparent;
			/*@editable*/border-bottom:0;
		}
	/*
	@tab Header
	@section header text
	@tip Set the styling for your email's header text. Choose a size and color that is easy to read.
	*/
		.headerContent{
			/*@editable*/color:#202020;
			/*@editable*/font-family:Arial;
			/*@editable*/font-size:34px;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:100%;
			/*@editable*/padding:0;
			/*@editable*/text-align:left;
			/*@editable*/vertical-align:middle;
			width : 100%;
		}
		
		.headerContent th, .headerContent td
		{
		    padding:0;
		}
		
		.postHeaderContent 
		{
		  background-color:#d6d8d3 ;
		  height:100px;
			/*width : 100%;*/
			width:1024px;
		}
			.postHeaderContent th, .postHeaderContent td
		{
		    padding:0;
		}
		
	/*
	@tab Header
	@section header link
	@tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
	*/
		.headerContent a:link,.headerContent a:visited,.headerContent a .yshortcuts {
			/*@editable*/color:#336699;
			/*@editable*/font-weight:normal;
			/*@editable*/text-decoration:underline;
		}
	/*
	@editable
	*/
		#headerImage{
			/*@editable*/height:auto;
			/*@editable*/max-width:600px;
		}
	/*
	@tab Body
	@section body style
	@tip Set the background color for your email's body area.
	*/
		#templateContainer,.bodyContent, .headerContent{
			/*@editable*/background-color:transparent;
		
		}
	/*
	@tab Body
	@section body text
	@tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
	@theme main
	*/
		.bodyContent div{
			/*@editable color:#31414D;*/
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:9pt;
			/*@editable*/line-height:150%;
			/*@editable*/text-align:left;
		
		}
	/*
	@tab Body
	@section body link
	@tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
	*/
		.bodyContent div a:link,.bodyContent div a:visited,.bodyContent div a .yshortcuts {
			/*@editable*/color:#5D87A1;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:9pt;
			/*@editable */  text-decoration: none;
			
		}
	/*
	@editable
	*/
		.bodyContent img{
			/*@editable*/display:inline;
			/*@editable*/height:159px;
		}
	/*
	@tab Sidebar
	@section sidebar style
	@tip Set the background color and border for your email's sidebar area.
	*/
		#templateSidebar{
			/*@editable*/background-color:transparent;
			/*@editable*/border-left:0;
			font-size: 9pt ;

		}
	/*
	@tab Sidebar
	@section sidebar text
	@tip Set the styling for your email's sidebar text. Choose a size and color that is easy to read.
	*/
		.sidebarContent div{
			/*@editable*/color:#31414d;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:9pt;
			/*@editable*/line-height:150%;
			/*@editable*/text-align:left;
		}
	/*
	@tab Sidebar
	@section sidebar link
	@tip Set the styling for your email's sidebar links. Choose a color that helps them stand out from your text.
	*/
		.sidebarContent div a:link,.sidebarContent div a:visited,.sidebarContent div a .yshortcuts {
			/*@editable*/color:#336699;
			/*@editable*/font-weight:normal;
			/*@editable*/text-decoration:none  ;
			
			
		}
	/*
	@editable
	*/
		.sidebarContent img{
			/*@editable*/display:inline;
			/*@editable*/height:auto;
		}
	/*
	@tab Columns
	@section left column text
	@tip Set the styling for your email's left column text. Choose a size and color that is easy to read.
	*/
		.leftColumnContent{
			/*@editable*/background-color:transparent;
		}
	/*
	@tab Columns
	@section left column text
	@tip Set the styling for your email's left column text. Choose a size and color that is easy to read.
	*/
		.leftColumnContent div{
			/*@editable*/color:#5D87A1;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:13px;
			/*@editable*/line-height:150%;
			/*@editable*/text-align:left;
		}
	/*
	@tab Columns
	@section left column link
	@tip Set the styling for your email's left column links. Choose a color that helps them stand out from your text.
	*/
		.leftColumnContent div a:link,.leftColumnContent div a:visited,.leftColumnContent div a .yshortcuts {
			/*@editable*/color:#336699;
			/*@editable*/font-weight:normal;
			/*@editable text-decoration:underline; */
		}
	/*
	@editable
	*/
		.leftColumnContent img{
			/*@editable*/display:inline;
			/*@editable*/height:auto;
		}
	/*
	@tab Columns
	@section center column text
	@tip Set the styling for your email's center column text. Choose a size and color that is easy to read.
	*/
		.centerColumnContent{
			/*@editable*/background-color:transparent;
		}
	/*
	@tab Columns
	@section center column text
	@tip Set the styling for your email's center column text. Choose a size and color that is easy to read.
	*/
		.centerColumnContent div{
			/*@editable*/color:#5D87A1;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:9pt;
			/*@editable*/line-height:150%;
			/*@editable*/text-align:left;
		}
	/*
	@tab Columns
	@section center column link
	@tip Set the styling for your email's center column links. Choose a color that helps them stand out from your text.
	*/
		.centerColumnContent div a:link,.centerColumnContent div a:visited,.centerColumnContent div a .yshortcuts {
			/*@editable*/color:#336699;
			/*@editable*/font-weight:normal;
			/*@editable text-decoration:underline; */
			 
		}
	/*
	@editable
	*/
		.centerColumnContent img{
			/*@editable*/display:inline;
			/*@editable*/height:auto;
		}
	/*
	@tab Columns
	@section right column text
	@tip Set the styling for your email's right column text. Choose a size and color that is easy to read.
	*/
		.rightColumnContent{
			/*@editable*/background-color:transparent;
		}
	/*
	@tab Columns
	@section right column text
	@tip Set the styling for your email's right column text. Choose a size and color that is easy to read.
	*/
		.rightColumnContent div{
			/*@editable*/color:#5D87A1;
			/*@editable*/font-family:Verdana;
			/*@editable*/font-size:13px;
			/*@editable*/line-height:150%;
			/*@editable*/text-align:left;
		}
	/*
	@tab Columns
	@section right column link
	@tip Set the styling for your email's right column links. Choose a color that helps them stand out from your text.
	*/
		.rightColumnContent div a:link,.rightColumnContent div a:visited,.rightColumnContent div a .yshortcuts {
			/*@editable*/color:#336699;
			/*@editable*/font-weight:normal;
			/*@editable text-decoration:underline; */
		   
		}
	/*
	@editable
	*/
		.rightColumnContent img{
			/*@editable*/display:inline;
			/*@editable*/height:auto;
		}

	/*
	@editable
	*/
		#monkeyRewards img{
			/*@editable*/max-width:190px;
		}
		
		backgroundTable table, td, th
		{
		    padding: 0;
		}
		h1,.h1{
			color:#EF3E42;
			font-family:Verdana;
			font-weight:normal;
		}
		h2,.h2{
			font-family:Verdana;
			font-size:20px;
			color:#EF3E42;
		}
		h3,.h3{
			/*color:#31414d;*/
			color:#EF3E42;
			font-family:Verdana;
			font-size:12pt;
		}
		h4,.h4{
			color:#EF3E42;
			font-family:Verdana;
			font-size:16px;
		}
		.sidebarContent div a:link,.sidebarContent div a:visited,.sidebarContent div a .yshortcuts{
			color:#EF3E42;
		} 
		.bodyContent div a:link,.bodyContent div a:visited,.bodyContent div a .yshortcuts{
			color:#EF3E42;
		}
		.leftColumnContent div a:link,.leftColumnContent div a:visited,.leftColumnContent div a .yshortcuts{
			color:#EF3E42;
		}
		.centerColumnContent div a:link,.centerColumnContent div a:visited,.centerColumnContent div a .yshortcuts{
			color:#EF3E42;
		}
		.rightColumnContent div a:link,.rightColumnContent div a:visited,.rightColumnContent div a .yshortcuts{
			color:#EF3E42;
		}
		.preheaderContent div a:link,.preheaderContent div a:visited,.preheaderContent div a .yshortcuts{
			color:#EF3E42;
		}
		
		.bodyContent div linkDiv
		{
		  text-align:right;
		}
		
.bodyContent div div
	{
	    text-align:right;
	}
	
		
	.tableBorderStyle 
	{
	   
	    border: solid 2px #000000;
	    color:#31414d;
		font-family:Verdana;
	   font-size:9pt;
	}
	
	.vedioTextStyle 
	{
	   
	    width: 250px ;
	    color:White;
		font-family:Verdana;
	   font-size:9pt;
	}

.CampaignVideo {
	width: 100%;
	height: auto;
	max-width: 420px;
	max-height: 236px;
}

.PledgeButton {
	max-width: 234px;
	max-height: 38px;
	width: auto;
	height: auto;
}

.BottomPledgeButton {
    display: none;
}

.rightColumnContent {
    display: block;
    width: 100%;
}

.rightColumnContent .Title {
    width: 100%;
}

@media screen and (max-width: 1000px) {

.Area-UWCA1LArea3 .PortletNote {
	display: none;
}

.Page-SinglePageRegPledge .TranUDFTable {
	margin-left: 14px;
}

.Page-SinglePageRegPledge .TranUDFTable .Col-UDF10 input {
	min-width: 250%;
}

.CampaignVideo,
.CampaignImage {
	width: 90%;
	height: auto;
}

.rightColumnContent {
    display: none;
}

.BottomPledgeButton {
    display: block;
	width: 100%;
}

.footeruwoName,
.footerContent {
    font-size: 1.75vw;
}

.Area-UWCA1PArea7 a, .Area-UWCA1PArea7 a:link, .Area-UWCA1PArea7 a:visited, .Area-UWCA1PArea7 a:active,
.Area-UWCA1LArea7 a, .Area-UWCA1LArea7 a:link, .Area-UWCA1LArea7 a:visited, .Area-UWCA1LArea7 a:active,
.Area-UWCA1NArea7 a, .Area-UWCA1NArea7 a:link, .Area-UWCA1NArea7 a:visited, .Area-UWCA1NArea7 a:active {
    font-size: 1.75vw;
}
/*
.Page-preLoginJAAS .Col-UserId,
.Page-preLoginJAAS .Col-Password {
	font-size: 1.5vw;
}
*/
}

@media screen and (max-width: 520px) {

.Area-UWWRed1PLogo,
.Area-UWWRed1LLogo,
.Area-UWWRed1NLogo {
    	background-image: url(https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4162652D74577A743042332D41476E464E35666A48457164504A4674437779644262685379684C46785A65544777/UWCEO_logo.png) no-repeat bottom right;
    	vertical-align: middle;
    	max-height: 101px;
	max-width: 239px;
	width: 50vw !important;
	height: 30vw !important;
	background-size:contain;
}

.Area-UWWRed1LLogo .Logo.WebLogoL {
	background: url(https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4162652D74577A743042332D41476E464E35666A48457164504A4674437779644262685379684C46785A65544777/UWCEO_logo.png) no-repeat top left;
	max-height: 101px;
	max-width: 239px;
	width: 50vw !important;
	height: 30vw !important;
	background-size:contain;
}

}