.uppercase-xx{
text-transform:uppercase
}

.lowercase-xx{
text-transform:lowercase
}

.billingNoticeXX, .billing-notice-xx{
    font-family:Tahoma;
    font-weight:normal;
    font-size:18px;
    text-align:center; 
    background:white; 
    padding:5% 0 10%; 
    line-height:150%; 
    color:#333;
}

#back-to-topXX, .back-to-top-xx {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    /*width: 32px;
    height: 32px;*/
    padding:.5% 1%;
    text-align: center;
    /*line-height: 30px;*/
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    display:none;
}
#back-to-topXX:hover {
    background: #e9ebec;
}
#back-to-topXX.show {
    opacity: 1;
    display:block
}

.eventMessageXX{

    padding:10px 0;

    font-size:125px;
}

.centerThisXX {
text-align:center
}

.largeCheckbox20XX {
width:20px;
height:20px
}


.hideThisXX {
display:none !important
}

.builder-button{
    display:none !important
}

.blogPostWrap{
    margin:0 0 25px 0
}

#templatePromoHeaderOLD {
    font-family:Arial !important;
	position: fixed;
	z-index: 2147483648;
	right: 44px;
	top: 250px;
	transform: rotate(-90deg);
	transform-origin: right top 0;
	padding: 8px 16px;
	background: #33cc33;
	font-size: 20px;
    letter-spacing:2px;
    color:black !important;
    line-height:150% !important;
    word-spacing:5px
}

#templatePromoHeaderXX {
    font-family:Arial !important;
	position: fixed;
	z-index: 2147483648;
	right: 0;
	top: 250px;
	transform-origin: right top 0;
	padding: 8px 16px;
	background: #33cc33;
	font-size: 20px;
    letter-spacing:2px;
    color:black !important;
    line-height:150% !important;
    word-spacing:5px
}

#templatePromoHeaderXX:hover{
	background-color: #0066ff;
}

#templatePromoHeaderXX *{
	display:unset !important
}

#templatePromoHeaderXX.goAlert{
	color:white !important;
    text-transform:uppercase !important;
    
    font-weight:bold !important;
    text-decoration:none !important;
}

#templatePromoHeaderXX a{
    text-decoration:underline !important
}


/*#templatePromoHeader{
    text-align:center;
    padding:10px;
    background:white;
    font-size:20px
}*/

/*#templatePromoHeader{
    position:absolute;
    z-index:2147483648;
    width:100%;
    text-align:center;
    padding:10px;
    background:transparent;
    font-size:20px
}*/




.h1SpanXX {
display:block;
font-size:60%
}

.noWrapXX{
    white-space:nowrap
}

.noDecorXX, .noDecorXX a{
    text-decoration:none !important
}

.centerXX{
    text-align:center
}

.flipImageXX
{
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}
 


.floatRightXX
{
    float:right;
    /*margin:0 0 1.5% 2%;*/
    margin:0 0 2% 4%;
    clear:right;
    max-width:40%;
}
    
    
    
.floatLeftXX
{
    float:left;
    margin:0 2% 1.5% 0px;
    clear:left
    }    
    
    
.roundCornersXX, .roundCornersWrapXX img
{
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    


.roundCorners3XX, .roundCornersWrap3XX img
{
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    


.roundCorners4XX, .roundCorners4WrapXX img
{
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }   

.roundCorners5XX, .roundCorners5WrapXX img
{
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }   



.roundCorners6XX, .roundCorners6WrapXX img
{
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  
    
.roundCorners8XX, .roundCorners8WrapXX img
{
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  
    
    
.roundCorners10XX, .roundCorners10WrapXX img
{
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }          


.roundCorners12XX, .roundCorners12WrapXX img
{
    border-radius: 12px; 
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    


.roundCorners14XX, .roundCorners14WrapXX img
{
    border-radius: 14px; 
    -moz-border-radius: 14px; 
    -webkit-border-radius: 14px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    } 


.roundCorners16XX, .roundCorners16WrapXX img
{
    border-radius: 16px; 
    -moz-border-radius: 16px; 
    -webkit-border-radius: 16px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }    









.roundCornersBottomRightXX, .roundCornerBottomRightXX
{
border-radius: 0px 0px 2px 0px; 
-moz-border-radius: 0px 0px 2px 0px; 
-webkit-border-radius: 0px 0px 2px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  


.roundCornersBottomRight3XX, .roundCornerBottomRight3XX
{
border-radius: 0px 0px 3px 0px; 
-moz-border-radius: 0px 0px 3px 0px; 
-webkit-border-radius: 0px 0px 3px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  

.roundCornersBottomRight4XX, .roundCornerBottomRight4XX
{
border-radius: 0px 0px 4px 0px; 
-moz-border-radius: 0px 0px 4px 0px; 
-webkit-border-radius: 0px 0px 4px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
} 

.roundCornersBottomRight5XX, .roundCornerBottomRight5XX
{
border-radius: 0px 0px 5px 0px; 
-moz-border-radius: 0px 0px 5px 0px; 
-webkit-border-radius: 0px 0px 5px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
} 

.roundCornersBottomRight6XX, .roundCornerBottomRight6XX
{
border-radius: 0px 0px 6px 0px; 
-moz-border-radius: 0px 0px 6px 0px; 
-webkit-border-radius: 0px 0px 6px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
} 



.roundCornersBottomRight16XX, .roundCornerBottomRight16XX
{
border-radius: 0px 0px 16px 0px; 
-moz-border-radius: 0px 0px 16px 0px; 
-webkit-border-radius: 0px 0px 16px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  


.roundCornersBottomRight20XX
{
border-radius: 0px 0px 20px 0px; 
-moz-border-radius: 0px 0px 20px 0px; 
-webkit-border-radius: 0px 0px 20px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  






.roundCornersBottomLeftXX
{
border-radius: 0px 0px 0px 12px; 
-moz-border-radius: 0px 0px 0px 12px;  
-webkit-border-radius: 0px 0px 0px 12px;   
border: 0px solid #ffffff;
overflow:hidden;    
}  



.roundCornersBottomLeft20XX
{
border-radius: 0px 0px 0px 20px; 
-moz-border-radius: 0px 0px 0px 20px;  
-webkit-border-radius: 0px 0px 0px 20px;   
border: 0px solid #ffffff;
overflow:hidden;    
}  






    
.roundCornersLeftXX
{
border-radius: 12px 0 0px 12px; 
-moz-border-radius: 12px 0 0px 12px; 
-webkit-border-radius: 12px 0 0px 12px; 
border: 0px solid #ffffff;
overflow:hidden;    
}      

.roundCornersRightXX
{
border-radius: 0px 12px 12px 0px; 
-moz-border-radius: 0px 12px 12px 0px; 
-webkit-border-radius: 0px 12px 12px 0px; 
border: 0px solid #ffffff;
overflow:hidden;    
}  



.roundCornersBottom12XX
{
border-radius: 0px 0 12px 12px; 
-moz-border-radius: 0px 0 12px 12px; 
-webkit-border-radius: 0px 0 12px 12px; 
border: 0px solid #ffffff;
overflow:hidden;    
}   

.roundCornersBottomXX
{
border-radius: 0px 0 4px 4px; 
-moz-border-radius: 0px 0 4px 4px; 
-webkit-border-radius: 0px 0 4px 4px; 
border: 0px solid #ffffff;
overflow:hidden ;    
}   







.shadow555XX, .shadowWrap555XX img
{
    -moz-box-shadow: 6px 6px 9px #666;
    -webkit-box-shadow: 6px 6px 9px #666;
    box-shadow: 6px 6px 9px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333333')";    
}





.shadowXX, .shadowWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
}

    
.shadowLightXX, .shadowLightWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #999;
    -webkit-box-shadow: 9px 9px 12px #999;
    box-shadow: 9px 9px 12px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#999999')";    
}    


.shadowMediumXX, .shadowMediumWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #666;
    -webkit-box-shadow: 9px 9px 12px #666;
    box-shadow: 9px 9px 12px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#666666')";    
}   


.shadowDarkXX, .shadowDarkWrapXX img
{
    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
}        

    





.shadowInnerXX {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}        
    
    
    
    


@media (max-width: 600px) {
.contentWrapperXX img  
{
float:none !important;
max-width:100% !important;
display: block  !important;
margin-left: auto  !important;
margin-right: auto  !important
}
}  
    
        
    
.wikiImportImagesXX 
{
max-width:40%;
display:block;
clear:right;
    }



.wikiImportImagesXX, .theWorksRightXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
  
  
  
.theWorksLeftXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #333;
    -webkit-box-shadow: 9px 9px 12px #333;
    box-shadow: 9px 9px 12px #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#333333')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }  


    






.theWorksRightLightXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #999;
    -webkit-box-shadow: 9px 9px 12px #999;
    box-shadow: 9px 9px 12px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#999999')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
.theWorksLeftLightXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #999;
    -webkit-box-shadow: 9px 9px 12px #999;
    box-shadow: 9px 9px 12px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#999999')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }   
    
    
    

.theWorksRightMediumXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #666;
    -webkit-box-shadow: 9px 9px 12px #666;
    box-shadow: 9px 9px 12px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#666666')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
.theWorksLeftMediumXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #666;
    -webkit-box-shadow: 9px 9px 12px #666;
    box-shadow: 9px 9px 12px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#666666')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }       







      
      
      
.theWorksRightDarkXX
{
    float:right;
    margin:0 0 3% 4%;

    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }      
  
.theWorksLeftDarkXX
{
    float:left;
    margin:0 4% 3% 0;

    -moz-box-shadow: 9px 9px 12px #000;
    -webkit-box-shadow: 9px 9px 12px #000;
    box-shadow: 9px 9px 12px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000')";    
    
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border: 0px solid #ffffff;
    overflow:hidden;    
    }       
      
      
      
      
      
      
      
    
    
.transWhite95XX
{
    background:rgba(255,255,255, 0.95);
    }   
     
.transWhite90XX
{
    background:rgba(255,255,255, 0.90);
    }  
    
.transWhite85XX
{
    background:rgba(255,255,255, 0.85);
    }          
    
.transWhite80XX
{
    background:rgba(255,255,255, 0.80);
    }    
    
.transWhite75XX
{
    background:rgba(255,255,255, 0.75);
    }      
    
    
        
#hhcreditExtra
{
    display:none
    } 
    
    
    
    
h1 a, h1 a:hover {
text-decoration:none;
}    
    
    

.plainLinkXX{
    color:inherit !important;
    text-decoration:none !important;    
}
    
.linkProfileXX, .linkProfileXX:hover
{
    color:inherit !important;
    text-decoration:none !important;
    cursor:text !important;
    }    


.commentSectionWrap 
{
    margin:auto;
    }


    
.commentSectionWrap #disqus_thread
{
margin:auto; 
background:white; 
padding:.5% 1.5% 0    
    }    









.listStyleXX li ul, .listStyleXX li ol {
	margin:.5em 1.5em 0 1.5em !important;
}
.listStyleXX ul, .listStyleXX  ol {
	margin:.5em 1.5em 1.5em 1.5em !important;
}
.listStyleXX ul {
	list-style-type:disc !important;
}
.listStyleXX ol {
	list-style-type:decimal !important;
}
.listStyleXX ol ol {
	list-style: upper-alpha !important;
}
.listStyleXX ol ol ol {
	list-style: lower-roman !important;
}
.listStyleXX ol ol ol ol {
	list-style: lower-alpha !important;
}



.listStyleXX ul { 
   list-style-type: disc !important; 
   list-style-position: inside !important;  
}
.listStyleXX ol { 
   list-style-type: decimal !important; 
   list-style-position: inside !important; 
}
.listStyleXX ul ul { 
   list-style-type: circle !important; 
}
.listStyleXX ol ol { 
   list-style-type: lower-latin !important; 
}
.listStyleXX ol ol, .listStyleXX ul ul { 
   list-style-position: inside !important; 
   margin-left: 20px !important; 
}


.listStyleXX ul > li { 
   list-style: disc !important; 
   text-align:left;
   display:list-item
}
.listStyleXX ol > li { 
   list-style: decimal !important; 
   text-align:left;
   display:list-item
}
 
 
 
 

.unsetListStyleXX li ul, .unsetListStyleXX li ol {
	margin:unset !important;
}
.unsetListStyleXX ul, .unsetListStyleXX  ol {
	margin:unset !important;
}
.unsetListStyleXX ul {
	list-style-type:unset !important;
}
.unsetListStyleXX ol {
	list-style-type:unset !important;
}
.unsetListStyleXX ol ol {
	list-style: unset !important;
}
.unsetListStyleXX ol ol ol {
	list-style: unset !important;
}
.unsetListStyleXX ol ol ol ol {
	list-style: unset !important;
}



.unsetListStyleXX ul { 
   list-style-type: unset !important;
   list-style-position: unset !important;
}
.unsetListStyleXX ol { 
   list-style-type: unset !important;
   list-style-position: unset !important;
}
.unsetListStyleXX ul ul { 
   list-style-type: unset !important;
   list-style-position: unset !important;
   margin-left: unset !important;
}
.unsetListStyleXX ol ol { 
   list-style-type: unset !important;
   list-style-position: unset !important;
   margin-left: unset !important;
}

.unsetListStyleXX ul > li { 
   list-style: unset !important;
   text-align:unset !important;
}
.unsetListStyleXX ol > li { 
   list-style: unset !important;
   text-align:unset !important;
}


 
 
 

.youtubeVideoOuterWrapXX
{
    margin:auto;
    max-width:640px;
    }
.youtubeVideoWrapXX
{ 
    
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0; 
    }
    
.youtubeVideoWrapXX iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.responsiveVideoWrapXX
{
    margin: 35px auto;
    max-width:640px;
    max-height:360px;

    }



.pointerXX
{
    cursor:pointer; 
    }
    
    
.scrolloffXX {
        pointer-events: none;
    }


.buttonXX {
  font-style:bold !important;
  text-decoration: none !important;
  background-color: #EEEEEE !important;
  color: #333333 !important;
  padding: 4px 10px 4px 10px !important;
  border-top: 1px solid #CCCCCC !important;
  border-right: 1px solid #333333 !important;
  border-bottom: 1px solid #333333 !important;
  border-left: 1px solid #CCCCCC !important;
}


.hiddenWrapXX{
    display:none
}


.alignCenterXX{
    text-align:center
}

.alignRightXX{
    text-align:right
}

.alignLeftXX{
    text-align:left
}


.divTableXX{
    display:table
}
.divTableRowXX{
    display:table-row
}
.divTableCellXX{
    display:table-cell
}


.textShadowBlackXX{
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.textShadowWhiteXX{
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}    

.formXX textarea{
    width:100%;
    height:120px;
}

iframeXX {
    height:100%;
    width:100%;
}

.height100XX{
    height:100px
}

.height150XX{
    height:150px
}

.height200XX{
    height:200px
}

.height250XX{
    height:250px
}

.clearBothXX{
    clear:both
}

.maxWidth50PercentXX {
max-width:50% !important
}

.maxHeight200pxXX {
max-height:200px !important
}

.maxHeight250pxXX {
max-height:250px !important
}

.maxHeight300px, .maxHeight300pxXX {
max-height:300px !important
}

.margin-top-40px{
    margin-top:40px
}


@media only screen and (max-width: 480px) {
.floatRightXX
{
    max-width:100%;
}
}