html, body {
height: 100%; width:100%; 
}

#banners li {font-family: 'Raleway', sans-serif;}

* { 
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#333333;
text-decoration: none;
text-align:left;
margin:0; 
padding:0;
border:0;
list-style:none; 
font-weight:normal ;
letter-spacing:normal;
-webkit-text-size-adjust: 100%; 
-webkit-appearance: none;
border-radius:0px;
z-index:1;
outline:none;
background-repeat:no-repeat;
}

a, span, strong, em, table, tr, td ,ul li   { color:inherit; font-size:inherit}
strong{ font-weight:bold;}
input  , select {border-radius:0; }
 

select {
-webkit-appearance: none;
appearance: none;
 padding: 0 5px 0 4px; 
height:36px; 
border:2px solid #ccc;
background-color:#fff;
}

 @media screen and (-webkit-min-device-pixel-ratio:0) {  /*  safari */
 select {
	background-image: url(../images/icons/selectDD.png);
	background-position :right 50%;
	background-repeat:no-repeat;
	-webkit-appearance:none;
	padding: 0 48px 0 10px; 
 height:44px; border:1px solid #ccc;  
  }  }


*.clearFloat{ display:block; clear:both; margin:0; padding:0; height:1px;}

.fadeContent{  opacity: 0.3;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}



.twitterIcon span{ background-image:url(../images/social/twitter.png)   }
.facebookIcon span {	background-image:url(../images/social/facebook.png)}
.googlePlusIcon span{	background-image:url(../images/social/googleplus.png)}
.linkedInIcon   span{ background-image:url(../images/social/linkedin.png) }  
.pinterestIcon  span{ background-image:url(../images/social/pinterest.png) }
.instagramIcon  span{background-image:url(../images/social/instagram.png) ;}
.youTubeIcon  span{background-image:url(../images/social/youtube.png)  }

#ajaxContainer{
position: fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url(../images/bgTrans.png);
background-repeat:repeat;
z-index:1000; display:none
}

#loadingContent{
position: fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url(../images/bgTrans.png);
z-index:1000; background-repeat:repeat;
display:none
} 

#loadingContent span{
position:absolute;
top:40%;
left:0px; width:100%; 	color:#999; 
font-weight: bold;
font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:0.8em;  
}
#loadingContent span img{
display:block;
padding:5px;
margin:0 auto 5px;
height:42px;  background-color:#FFFFFF;
}



/*outer*/
#header{ width:100%; position:relative }

#contentWrapper{
clear: both; 
text-align:left;
z-index: 1;
margin: 0px auto 0px auto; 
background-color:#FFFFFF; 
}

#contentWrapperClear{ height:15px; width:100%; clear:both; display:block}	



#breadcrumb{ 
display:block;  width:100%; overflow:hidden; background:#fff;  width:1000px; padding:8px 0 12px 0 ;margin:0px auto;
}	

#breadcrumb li { display:inline-block;}	
#breadcrumb li p , #breadcrumb li a , #breadcrumb li span { font-size: 0.8em;   font-weight: normal}
#breadcrumb li a {
color:#006699;
text-decoration:underline
}	
#breadcrumb li p {
color:#7F7F7F;
font-style: normal;
margin:0;
padding:0
}
#breadcrumb li span {
color:#e1e1e1; padding:0 2px 0px 6px
}	

#breadcrumb li:last-child span{ display:none}


p#pageBanners{ width:100%; margin:0 auto 10px auto; padding:0 }
p#pageBanners img{ width:100%; margin:0 auto; border:0px solid #e1e1e1; padding:0px;}

 

.contentFull ul ,
.contentRight ul { 	margin:0 auto;   padding:  5px;  }
.contentFull ul li  ,
.contentRight ul li  { margin:0 0 0 15px; list-style-position: inside;list-style:inherit }

.contentFull ul.faqList, ul.faqList{ list-style:none; padding:0; margin:0;}
.contentFull ul.faqList li, ul.faqList li{ list-style:none; margin:0 ; padding:0}
ul.faqList li h3{
font-weight:bold;
cursor:pointer;
font-size:18px;
color:#006699;
margin:5px 0 0  0;
}
ul.faqList li h3:hover{ color:#444}

ul.faqList h3 span{
width:14px;
height:14px;
display:inline-block;
margin-right:4px;
background-image:url(../images/icons/arrowRGray.png);
background-repeat:no-repeat;
background-position:  50%;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}


ul.faqList h3.faqOpen span{
background-image:url(../images/icons/arrowR.png);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); 
}

.contentFull ul.faqList li p, ul.faqList li p{ font-size:16px; padding:0px 0 30px 20px;}





/* site images JQ add class for pop up in fnc */
.siteImage{ cursor:pointer;}
.siteImage:hover{
opacity: 0.9;
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out;
border-color:#666666
}

 
/* bgs and gradients */
.bgBlack{ 	background-color: #333333; color:#FFFFFF;}

.bgBlueDk{	background-color: #003366; 	color:#FFFFFF;}

.bgBlueLt{ background-color: #7195A9;color:#FFFFFF;text-shadow:1px 1px #777;}

.bgGrayLt{ 	background-color: #D2D2D2;	color:#333;}

.bgGrayMid{ background-color:#A3A3A3;color:#FFFFFF;/*text-shadow:1px 1px #999;*/}

.bgGrayDk{ 	background-color: #6C6C6C; 	color:#FFFFFF;}

.bgGreen{ 	background-color: #99CC00; 	color:#FFFFFF;}

.bgRed{ background-color: #D40000;color:#FFFFFF; }

.bgRedDk{ background-color: #780000;color:#FFFFFF; } 	

.gradient{
background-image:url(../images/gradientBG.png);
background-position:left top;
background-repeat:repeat-x; 
}

/* bgs and gradients */



/* ####### buttons  */

.buttons25,
.buttons50,
.buttons75, 
.buttons100, 
.buttons125, 
.buttons150,  
.buttons175, 
.buttons200,
.buttons250,
.buttonsFULL  {
background: transparent;
font-family: Arial, Helvetica, sans-serif;  
text-align:left;
cursor:pointer;
border: 0px;
height:40px; line-height:40px;
background-image:url(../images/buttonsBG.png);
color:#FFFFFF;
padding: 0 15px; text-align:center; position:relative; 
}





.buttonsRed{
color: #FFFFFF;
background-position: left 0px;
background-color: #D81313; 
}
.buttonsDarkGray {
color: #FFFFFF;
background: #333;
}
.buttonsGray {
color: #FFFFFF;
background-position: left -44px;
background-color: #606060;
}

.buttonsLtGray {
color: #000;
background-color: #DBDBDB;
background-position: left -88px; 
}

.buttonsGreen {
color: #FFFFFF;
background-position:left -132px;
background-color: #95BB28; 
}

.buttonsBlue  {
color: #FFFFFF;
background-position: left -176px;
background-color: #385F87;text-shadow:1px 1px #333;
}

.buttonsBlack  {
color: #FFFFFF; 
background-color: #111;
background-position:left bottom
}

.buttons25:active ,
.buttons50:active ,
.buttons75:active , 
.buttons125:active , 
.buttons150:active ,  
.buttons175:active , 
.buttons200:active ,
.buttons250:active ,
.buttonsFULL:active {	
background: #424242; 
color:#FFFFFF;  }







.buttonsLoading{
background:none;
background-image:url(../images/loading-spinner.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
background-size:35px; text-indent:-10000px
}

.buttonLinks,
a.buttonLinks,
.contentFull a.buttonLinks,
.contentRight a.buttonLinks,
.contentLeft a.buttonLinks,
.contentRight p a.buttonLinks,
.contentLeft p a.buttonLinks { 
line-height:40px;height: 40px;
display:inline-block; padding: 0 15px;
color: #fff   ; text-decoration:none ; 
}

/* over ride text as rest are white*/
a.buttonsLtGray,
.contentFull   a.buttonsLtGray,
.contentRight a.buttonsLtGray,
.contentLeft a.buttonsLtGray,
.contentRight p a.buttonsLtGray,
.contentLeft p a.buttonsLtGray{
color: #666666; 
}	

/* for blocking buttons out */

.buttonWrapper, 
div.buttonWrapper, 
p.buttonWrapper, 
.contentFull		p.buttonWrapper,
.contentLeft		p.buttonWrapper,
.contentRight p.buttonWrapper{ 
height:34px; display:block; clear:both; margin:3px auto
}





.standardNav, ul.standardNav{    
margin: 0px 0px 20px 0px  
}

.contentFull .standardNav li ,
.contentRight .standardNav li ,
.standardNav li { display:block; clear:both;  margin:0; padding:0;}


.standardNav li h3{
display:block;
text-decoration:none; 
font-weight:bold;
padding: 6px 0 0 0px;
margin:0px auto 0 auto;
border:0px;  
position:relative;
font-size:1.1em;
font-weight: bold;
display:block; position:relative
}


.contentFull .standardNav li a,
.contentRight .standardNav li a,
.standardNav li a{
text-decoration:none;
font-size:1em;
margin:0px 0; 
padding:6px 0 6px 22px; 
background-image:url(../images/icons/arrowRgrayThin.png);
background-repeat:no-repeat;
background-position:6px 10px;

border-bottom:0px solid #e1e1e1;
color: #006699; 
display:inline-block; 
font-weight: normal
}

.contentFull .standardNav li img, .standardNav li img{ width:100%; width:500px; margin:5px 0; display:block;}

.standardNav li a:hover{ color:#333333  }

.standardNav li ul li { background:none; border:none}



.standardNav li ul{ padding:0 0 0px 0} 

.standardNav li a.docLink{ padding-left:30px;  background-size:auto;  background-image:url(../images/fileTypes/word.png) ;background-position:left 50%;}
.standardNav li a.pdfLink{ padding-left:30px; background-size:auto; background-image:url(../images/fileTypes/pdf.png);background-position:left 50%;}
.standardNav li a.xlLink{ padding-left:30px; background-size:auto; background-image:url(../images/fileTypes/xl.png) ;background-position:left 50%;}
.standardNav li a.imgLink{ padding-left:30px; background-size:auto; background-image:none; padding-left:0px}
.standardNav li a.imgLink img{ padding-left:30px;  background-size:auto;  padding:0; height:80px; display:inline-block; margin:0 0px  0px 0; white-space:nowrap;}




/* button icons*/
.buttons25  span ,
.buttons50 span ,
.buttons75 span ,
.buttons100 span ,
.buttons125 span ,
.buttons150 span ,
.buttons175 span , 
.buttons200 span ,
.buttons250 span ,
.buttonsFULL  span { background-repeat:no-repeat; background-position: right 50%; background-repeat:no-repeat; position:absolute; height:100%; width:30px; right: 10px; top:0px; } 


span.iconArrowW{ background-image:url(../images/icons/arrowRwhite.png); }	
span.iconArrowB{	background-image:url(../images/icons/arrowR.png);}	
span.iconPlusW{background-image:url(../images/icons/plusWhite.png);}	
span.iconPlusB{	background-image:url(../images/icons/plus.png);}	
span.iconMinusW{	background-image:url(../images/icons/minusWhite.png);}	
span.iconMinusB{	background-image:url(../images/icons/minus.png);}	



.buttonsTrash, a.buttonsTrash, 
.contentRight .buttonsTrash,
.contentRight a.buttonsTrash {
cursor: pointer;
height: 25px;
width: 25px;
background-image: url(../images/trash.png);
background-color: transparent;
border: 0;
background-repeat: no-repeat;
background-position: center;
text-decoration:none
} 

 
 

.checkboxRadioList{ position:relative; text-align:left}

.hiddenInput, 
.checkboxRadioList input[type=radio],
.checkboxRadioList  input[type=checkbox]{ position:absolute; left:-99999px; top:0}

.checkboxRadioList li { position:relative; text-align:left;
min-height:26px;
font-size:0.9em; 
} 

.checkboxRadioList input[type=checkbox] + label span,
.checkboxRadioList input[type=radio] + label span{ 
position:absolute; left:0px; top:0px;
border:1px solid #999;
width:22px;
height:22px;
margin: 0 10px 0 0;
background-position:50% 50%;
background-image:none;
background-color:#fff;
background-repeat:no-repeat;
transition:all 0.1s ease-in-out;
}

.checkboxRadioList input[type=radio] + label span{ 
border-radius:12px; }

.checkboxRadioList input[type=checkbox] + label strong,
.checkboxRadioList input[type=radio] + label strong{
position: relative;
display:inline-block;
padding:2px 0 0 28px;
cursor: pointer;
color:#555;
font-size: 1em;
}

.checkboxRadioList  input[type=checkbox]:checked + label strong,
.checkboxRadioList  input[type=radio]:checked + label strong { color:#759C00; } 


.checkboxRadioList  input[type=checkbox]:checked + label span,
.checkboxRadioList  input[type=radio]:checked + label span {
background-image: url(../images/checked.png); border-color:#333;
}
 


/* reg and account stuff */

#loginContainer, 
#registerStartWrap, 
#forgottenContainer {
	border:1px solid #e1e1e1;
	padding: 10px 20px 20px 20px;
	margin:10px 0 0 0;
	background-color:#f9f9f9; 
}

.screen #loginContainer, 
.screen  #registerStartWrap, 
.screen  #forgottenContainer {	width:48%;}


.mobile #loginContainer, 
.mobile  #registerStartWrap, 
.mobile  #forgottenContainer {	width:100%;}
 
.screen #loginContainer, .screen  #forgottenContainer{ float: left}
.screen #registerStartWrap{ float: left; margin-left:20px;}

#accountSignInPage hr{ border:none; background:none}


#accountSignInPage h5{
font-size:1em;
color:#333;
font-weight:bold;
padding:5px 0 0 0;
margin:0px 0 0px 0;
text-shadow: 1px 1px #fff;
}
#accountSignInPage .rows{ margin: 0 0 4px 0;}
#accountSignInPage p.buttonRow{ margin:10px auto 0 auto; clear:both}

#accountSignInPage p.forgottenLink,
p.forgottenLink{
display:block; margin:15px 0 0 0; padding:0;
	color: #006699;
	cursor: pointer;
}
p.forgottenLink:hover{ text-decoration:underline}
 

#accountSignInPage label {
font-weight:bold;
display:block;
font-size:0.8em; 
color:#555;
text-shadow:1px 1px #fff;
padding:8px 0 2px 0;
}

#accountSignInPage input[type=email] , 
#accountSignInPage input[type=text] , 
#accountSignInPage input[type=password]   {border:2px solid #ccc; height:38px; padding-left:5px; width:100%;}

#accountSignInPage input[type=email].inputsErr, 
#accountSignInPage input[type=text].inputsErr, 
#accountSignInPage input[type=password].inputsErr   { border-color:#FF0000}



/*registerForm */
#registerForm{ width:100%; 	border:1px solid #e1e1e1;
	padding: 10px 20px 20px 20px;
	margin:10px 0 0 0; 
	background-color:#f9f9f9; }
	
#registerForm h5{
font-size:1em;
color:#333;
font-weight:bold;
padding:5px 0 0 0;
margin:0px 0 0px 0;
text-shadow: 1px 1px #fff;
}
#registerForm em {
font-weight:bold;font-style:normal;
display:block;
font-size:0.8em;
color:#555;
text-shadow:1px 1px #fff;
padding:8px 0 2px 0;
}

#registerForm .rows{ margin: 0 0 4px 0;}
#registerForm p.buttonRow{ margin:10px auto 0 auto; clear:both}

#registerForm input[type=email] , 
#registerForm input[type=text] , 
#registerForm input[type=password],
#registerForm select   {border:2px solid #ccc; height:38px; padding-left:5px; width:100%;}
#registerForm select#salutation{border:2px solid #ccc; height:38px; padding-left:5px; width:100px;}
#registerForm input[type=email].inputsErr, 
#registerForm input[type=text].inputsErr, 
#registerForm input[type=password].inputsErr  ,
#registerForm select#salutation.inputsErr ,
#registerForm select.inputsErr  { border-color:#FF0000}
#registerForm hr{ border:none; background:none}

#registerForm .verificationCode{ width:18px; background-image:url(../images/verificationCode.png);  
display:block; float:left;height:26px;margin:0px 0px 0 0px ;  }

#registerForm #verificationCode , #registerForm  #verificationCodeR { 
color:#000;
font-size:0.9em; 
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
text-align:center; 
height:26px;
}

#registerForm #verificationCode{ width:96px; margin-left:5px;}

#registerForm #verificationCodeR   {
width: 180px; margin-left:10px;
}
/* eo sign  in*/

#updatePassword{width:100%; 	border:1px solid #e1e1e1;
	padding: 10px 20px 20px 20px;
	margin:10px 0 0 0; 
	background-color:#f9f9f9;}
#updatePassword .rows{ margin: 0 0 4px 0; clear:both}
#updatePassword p.buttonRow{ margin:10px auto 0 auto; clear:both}
 #updatePassword input[type=email] , 
#updatePassword input[type=text] , 
#updatePassword input[type=password] {border:2px solid #ccc; height:38px; padding-left:5px; width:100%; }
#updatePassword input[type=email].inputsErr, 
#updatePassword input[type=text].inputsErr, 
#updatePassword input[type=password].inputsErr   { border-color:#FF0000}
#updatePassword hr{ border:none; background:none}

#updatePassword em {
font-weight:bold;font-style:normal;
display:block;
font-size:0.8em;
color:#555;
text-shadow:1px 1px #fff;
padding:8px 0 2px 0;
}

#updateForm{width:100%; 	border:1px solid #e1e1e1;
	padding: 10px 20px 20px 20px;
	margin:10px 0 0 0; 
	background-color:#f9f9f9;}
#updateForm .rows{ margin: 0 0 4px 0; clear:both}
#updateForm p.buttonRow{ margin:10px auto 0 auto; clear:both}
#updateForm em {
font-weight:bold;font-style:normal;
display:block;
font-size:0.75em;
color:#777;
text-shadow:1px 1px #fff;
padding:8px 0 2px 0;
}
 #updatePassword input[type=email] , 
#updateForm input[type=text] , 
#updateForm input[type=password]   {border:2px solid #ccc; height:38px; padding-left:5px; width:100%; }
#updateForm #salutationU {border:2px solid #ccc; height:38px; padding-left:5px; width:100px; }
#updateForm input[type=email].inputsErr, 
#updateForm input[type=text].inputsErr, 
#updateForm select#salutationU.inputsErr ,
#updateForm input[type=password].inputsErr   { border-color:#FF0000}
#updateForm hr{ border:none; background:none}

#updateForm  #passwordChangeLink{
margin:15px auto 10px auto;
padding:0;
clear:both;
color:#006699;
text-decoration:underline;
font-size:0.9em;
font-weight:bold;
cursor: pointer;
}

#updateForm  #passwordChangeLink span{
height:11px;
width:11px;
display:inline-block;
margin-left:6px;
background-image:url(../images/icons/arrowRGray.png);
background-position:left 50%;

} 
#updateForm  #passwordChangeLink.passwordChangeLinkOpen{ color:#8AB900 }
#updateForm  #passwordChangeLink.passwordChangeLinkOpen span{ background-image:url(../images/icons/arrowDgray.png)}




/* account page links*/
#accountLinks{ display:block; clear:both; padding:10px 0;}
#accountLinks li{ 
display:block; clear:both; 
height:44px;  
 
padding: 12px 0 0 32px;
margin:0;
}
#accountLinks li a{font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
display:inline-block;   color:#006699;  font-size:1.1em;
}

#accountLinks li a:hover{ color:#00496D }
#accountLinks li#accountJobsLink {
background-image:url(../images/accountPage/accountJobs.png);
background-position:2px 15px;
} 
#accountDetailsLink{background-image:url(../images/accountPage/accountEditIcon.png);background-position:0 12px;  }
#accountCVLink{
background-image:url(../images/accountPage/accountCVIcon.png);
background-position:0 12px;
}

#accountSignOutLink{
background-image:url(../images/accountPage/accountIconSignOut.png);
background-position:0 10px;
}



#candidateDocumentList{ width:100%; margin:10px auto 60px auto}
#candidateDocumentList li{
width:100%;  
position: relative; clear:both; margin:0px auto; padding:0px 0 0 0;
} 
#candidateDocumentList li form{ width:100%; margin:0 auto 0px auto; padding:0 }
#candidateDocumentList li form#uploadDocform{ width:100%; margin:0 auto 25px auto; padding:0 }

#uploadLabel{
cursor:pointer;
display:block;
width:350px;
max-width:100%;height:46px;line-height:38px; 
background-image:url(../images/icons/search.png);
background-position: 95% 50%;
background-repeat:no-repeat;
padding-left:10px;
font-weight:bold;
text-align:left;
font-size:0.9em;
color: #888;
border:3px solid #ccc;
border-radius:4px;
}
#uploadDoc{ position:absolute; left:-200000px}
#uploadLabel:hover{ background-color:#f5f5f5;border-color: #999; color: #006699;}
#uploadLabel.uploadErr{ border-color:#FF0000}
 

#candidateDocumentList li a{
display: block;
padding:0px  ;
text-decoration: none;font-size:0.9em; width:100%;
} 


#candidateDocumentList li  .fileType{display:block; float:left; width:25px; height:20px;background-size:18px auto;
background-position:left bottom; background-repeat:no-repeat;} 
#candidateDocumentList li  a em{  font-weight:bold; color:#656565; font-style:normal;display:block; float:left; width:120px; font-weight:normal;   }/* date*/
#candidateDocumentList li  a strong{  font-weight:bold; color: #006699;display:block; float:left; width:40%; width:calc(100% - 180px)} /* name width for mobile*/
#candidateDocumentList li a:hover strong{ text-decoration:underline}

#candidateDocumentList li  .deleteFile{
position:absolute; right:2px; top:2px;
width:18px;
height:18px;
background-color:#888;
background-image:url(../images/icons/deleteWhite.png);
background-position:50% 50%;
background-repeat:no-repeat;
cursor: pointer;
border-radius:1px;
text-indent:-200px;
font-size:0.001em;  
}  
#candidateDocumentList li  .deleteFile:hover{ background-color:#FF0000}
#candidateDocumentList li hr{ display:block; clear:both; height:8px;border:none; background:none; border-bottom:1px dashed #e1e1e1; margin:0 auto 7px auto}
#candidateDocumentList li:last-child hr{ border:none}

#googleMapOuter{
height:400px;
width:100%;
border:2px solid #ccc;
padding:5px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius:  1px; 
margin:10px 0 0 0 
}

@media only screen and (orientation:landscape)   { 
#googleMapOuter{	height:800px;}
}

@media only screen and (orientation:portrait)   { 
#googleMapOuter{	height:500px;}
}



#googleMap { 
height:100%; width:100%;
display:block
}

#googleMap p{ margin:0; padding:3px; font-size:14px; text-align:left; width:200px; height:auto; overflow:visible; font-family:Arial, Helvetica, sans-serif}	

#googleMap img{ max-width:inherit; max-height:inherit}
#googleMap p  img { width:120px; display:block; padding:0px; border:1px solid #fff; margin: 6px 0 }







/* cookies */

#cookieAlertWrap{
width:100%;
position:fixed;
z-index:1000;
bottom:0px;
right:0px  ;
padding:0px 20px;
height:80px;
background-image:url(../images/cookiesBg.png);
background-repeat:repeat
}

#cookieAlertWrap p{ 
font-size:14px; 
color:#e1e1e1; 
padding :0px; 
margin:0px;  line-height:80px;
font-family:Arial, Helvetica, sans-serif;
}

#cookieAlertWrap p strong{
font-family:Arial, Helvetica, sans-serif;
display:inline-block; color:#FFFFFF; padding-right:10px;
} 

#cookieAlertWrap #closer{
padding:0px;
height:34px;
width:34px;
text-align:center;
color:#fff;
font-size:1px;
text-indent:-2000px;
position:absolute;
right:12px;
top:22px;
cursor:pointer;
background-image:url(../images/icons/deleteWhite.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-color:#666666;
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;

}
#cookieAlertWrap #closer:hover{ 
background-color:#FFFFFF; background-image:url(../images/icons/delete.png);
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
}

#cookieAlertWrap #pageLink{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline-block;
margin:0;
padding: 0px 0 0 10px;
color:#99CC00;
text-decoration:underline;
}
#cookieAlertWrap #pageLink:hover{ color:#99CC00}