/* LINK STYLES */


a,
a:visited,
a:active
{
    color: #444;
    display: inline-block;
    padding: 0px 2px 0px 2px;
    text-decoration: none; 
}

a:active,
a:selected
{
    text-decoration: underline !important;
}

a:hover
{
    color: #fff;
    background: #888 /*url(../images/columnheader-fade.png) bottom center repeat-x*/;
}

a.linktastic,
a.linktastic:visited
{
    padding: 2px 5px 2px 10px;
    text-decoration: none;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #d3d3d3;    
    /*background: url(../images/columnheader-fade-top-light.png) center top repeat-x;*/
}

.homelinks .vertical a.linktastic
{
    display: block;
    padding: 2px 5px 2px 10px;
    text-decoration: none;
    border-top: 1px solid #777;
    border-bottom: 1px solid #666;        
    color: White;            
}

.homelinks .horizontal a.linktastic
{
    padding: 0px 5px;
    margin: 0px 5px;
    text-decoration: none;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #777 #666;
    color: White;             
}

.homelinks a.current
{
  font-weight:bold;
background:transparent url(../images/arrow-right.gif) no-repeat scroll 2px center;       
}

.homelinks a.indent
{
    font-size: 0.8em;         
}

hr
{
    border: 0px;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #e3e3e3;            
}

hr.light
{
    border: 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #eeeeee;            
}

a.linktastic:hover
{
    background: #888 /*url(../images/columnheader-fade.png) center bottom repeat-x*/;
    color: White;
}

.footerlinks li a,
.footerlinks li a:visited
{
    border: 0px !important;
    font-size: 0.8em;
    display: block;
    padding: 2px 5px 2px 10px;
    text-decoration: none;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #d3d3d3;          
    background: transparent;
    position: relative;
}

.footerlinks li a:hover
{
    text-decoration: underline;
    color: #000;

}

.footerlinks li a.current,
.footerlinks li a.current:hover
{
    background: url(../images/arrow-right.gif) 2px center no-repeat;
    color: #000;
    cursor: default;
    font-weight: bold;
    text-decoration: none;    
}

.footerlinks li a span.subscription
{
    background: url(../images/icons/subscription-grayscale.gif) center right no-repeat;
    display: block;
}

.footerlinks li a:hover span.subscription
{
    background: url(../images/icons/subscription.gif) center right no-repeat;
    display: block;
}

.footerlinks li a span.free
{
/*    background: url(../images/icons/free.gif) center right no-repeat;*/
    display: block;
}

.homelinks a.linktastic:hover
{
    background: #444 /*url(../images/columnheader-fade.png) bottom center repeat-x*/;
    color: white;
}

.homelinks a.linktastic:active,
.homelinks a.selected,
.homelinks a.selected:hover,
.homelinks a.current
{
    background: #fff /*url(../images/columnheader-fade.png) bottom center repeat-x !important*/;
    color: #444 !important;
}

.homelinks .vertical a.selected .arrow
{
    width: 20px;
    height: 20px;
    background:transparent url(../images/icons/arrow-gray-left.gif) no-repeat scroll center center;  
    display: block;
    position: absolute;
    margin-left: -40px;
    margin-top: -19px;    
}

.homelinks .horizontal a.selected .arrow
{
    width: 20px;
    height: 20px;
    background:transparent url(../images/icons/arrow-darkgray-down.gif) no-repeat scroll center center;  
    display: block;
    position: absolute;
    margin-left: 20px;
    margin-top: 12px;    
}

a.mainlink
{
    color:#666666;
    display:block;
    text-decoration:none;
    padding: 2px 0px 2px 0px !important;
    background: #f4f4f4 url(../images/columnheader-fade25.png) center bottom repeat-x;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
}

a.mainlink .linkinner
{
    margin-left: 0px;    
    position: relative;
    display: block;
    padding: 5px 10px 5px 10px;
    
}

a.centrelink,
a.grouplink
{   
    background: #fff /*url(../images/columnheader-fade50.png) repeat-x scroll center bottom*/;
}

.alternate a.centrelink,
.alternate a.grouplink
{
    background: #f4f4f4;
}

a.centrelink
{

}

a.centrelink:hover h1, a.centrelink:hover p,
a.grouplink:hover h1, a.grouplink:hover p
{
    color: White !important;
}

.freeaccess a.mainlink .linkinner,
.freeproduct a.mainlink .linkinner
{
    background: transparent url(../images/icons/free-grayscale.gif) right bottom no-repeat;
    margin-right: 20px;
}

.freeaccess a.mainlink:hover .linkinner,
.freeproduct a.mainlink:hover .linkinner
{
    background: transparent url(../images/icons/free.gif) right bottom no-repeat;
    margin-right: 20px;    
}

ul#myResources li.freeproduct a {

}


ul#myResources li.freeaccess a {

}

ul#myResources li a .link-text,
ul#individualResources li a .link-text
{
    width: 540px;
}

a.mainlink .linkinner .link-icon
{   
    width: 90px
}


a.mainlink .linkinner .link-text
{
    width: 200px;
}



a.mainlink img.prodIcon
{
    height: 59px;
    width: 74px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;    
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;    
    background: #fff; 
    padding: 3px;
}

a.mainlink:hover img.prodIcon
{
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;    
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;    
}

a.mainlink .linkinner p
{
    font-size: 0.8em;
}

a.mainlink:hover
{
    /*background: url(../images/columnheader-fade.png) bottom center repeat-x;*/
    color: #fff !important;
}

.footer-links a:hover
{
    background: #888 /*url(../images/columnheader-fade.png) bottom center repeat-x*/;
    color: White;
}

a h4
{
    margin: 0;
    text-decoration: underline;
}

a p
{
    margin: 0;
}

#toolbar a
{
    color: White; 
}


#toolbar a:hover
{
    color: #2A368A; 
    background: White; 
}


a:hover h4
{
    color: #fff !important;
}

.primaryNav .newsticker-title
{
    font-size: 0.8em;
    text-decoration: none;
    padding: 6px 0px 0 10px;
    color: White;    
    font-weight: bold;
    color: #bbb;
}

.primaryNav .newsticker a
{
    font-size: 0.8em;
    text-decoration: none;
    padding: 3px;
    color: White;
}    

.primaryNav .newsticker a:hover
{
    background: transparent;
    text-decoration: underline;    
}    

.sectionNav
{
    margin:0px;
    border-bottom: 1px solid #888;    
    padding: 0 6px 0 6px;
/*    background: #fff url(../images/second-nav-bg.png) center bottom repeat-x;    */
}

.sectionNav-gap
{

}

.sectionNav .spacer
{
    background: #fafafa /*url(../images/columnheader-fade.png) center bottom repeat-x !important*/;  
    width: 1px;
    height: 2.2em;
}

.sectionNav a.navlink
{
    text-decoration: none;
    background: #fff /*url(../images/columnheader-fade50.png) center bottom repeat-x*/;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;        
}

.sectionNav a.navlink .navlink-text
{
    font-size: 0.9em;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0.15em 8px 0.25em 8px;
    color: #444;
    text-decoration: none;
    line-height: 2em;
    display: inline-block;
}

.sectionNav a.navlink .pointer
{
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    margin-top: 2.15em;
}

.sectionNav .backlink
{
    padding-left: 10px !important;
    background: url(../images/arrow-left.gif) center left no-repeat;    
}

.sectionNav a.navlink:hover .backlink
{
    padding-left: 10px;
    background: url(../images/arrow-left.gif) center left no-repeat;    
}

.sectionNav a.navlink:hover
{
    background: #fff /*url(../images/columnheader-fade50.png) center bottom repeat-x*/;
    color: #444;  
    /*background: url(../images/second-nav-hover.png) center bottom no-repeat;*/
}

.sectionNav a.navlink:hover .pointer
{
    background: url(../images/icons/second-nav-arrows.gif) 0px -20px no-repeat;
}

.sectionNav a.current:hover .pointer
{
    background: url(../images/icons/second-nav-arrows.gif) 0px 0px no-repeat;    
}

.sectionNav a.current,
.sectionNav a.current:hover
{
    background: #fff /*url(../images/columnheader-fade25-top.png) center bottom repeat-x*/;
    color: #2A368A;
    font-weight: bold;
    background-color: #fff;
}

.sectionNav a.current .pointer
{
    background: url(../images/icons/second-nav-arrows.gif) 0px 0px no-repeat;
}

.primaryNav a span,
.primaryNav a img
{
    vertical-align: middle;
    border: 0px;
    padding: 0 2px 0 0;
    margin-top: -2px;
}

.primaryNav .tab a.navlink
{
    /*font-size: 1.1em;*/
    font-weight: normal !important;
    margin: 10px 2px 0 2px;
    padding: 0px 10px 10px 10px;    
    color: #fff;
    text-decoration: none;
    border-top: 1px solid #555;
    border-left: 1px solid #555;    
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;    
    background: transparent url(../images/25percent.png);
    line-height: 2.2em;
    /*font-family: Cambria,Georgia,"Times New Roman",Times,serif !important;*/
}    

.primaryNav .tab a.navlink:hover
{
    background: #fff /*url(../images/columnheader-fade.png) center bottom repeat-x*/;
    color: #444;
    border-top: 1px solid #777;
    border-left: 1px solid #777;    
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #555;        
}    


.primaryNav .tab a.navlink.AspNet-Menu-Selected,
.primaryNav .tab a.navlink.selected,
.primaryNav .tab a.navlink.current
{
    background: #fff /*url(../images/tabs-fade.png) center top repeat-x*/;
    border-bottom: 1px solid #fff;
    color: #2A368A;
    font-weight: bold;
    margin: 2px 2px 0 2px;
    padding: 0px 10px 10px 10px;        
}

.primaryNav .tab a.navlink
{
}

.primaryNav .tab a.navlink:active
{
    background: #fff;
    color: #444;
}    

.primaryNav .tab a.navlink .tabIcon
{
    padding: 0px 10px;
    margin: 7px 5px 0 0;
    background: url(../images/icons/tabicons.gif);
    background-repeat: no-repeat;
    display: inline-block;  
    height: 18px;
    float: left;
}

.primaryNav .tab a.navlink .tabIcon                 {background-position: 0px -1px;}
.primaryNav .tab a.navlink .groupIcon               {background-position: -20px -1px;}
.primaryNav .tab a.navlink .candidateIcon           {background-position: -40px -1px;}
.primaryNav .tab a.navlink .reportsIcon             {background-position: -60px -1px;}
.primaryNav .tab a.navlink .surveysIcon             {background-position: -80px -1px;}
.primaryNav .tab a.navlink .returnIcon              {background-position: -100px -1px;}
.primaryNav .tab a.navlink .homeIcon                {background-position: -120px -1px;}
.primaryNav .tab a.navlink .myMorrisbyIcon          {background-position: -140px -1px;}

.primaryNav .tab a.navlink:hover .tabIcon           {background-position: 0px -21px;}
.primaryNav .tab a.navlink:hover .groupIcon         {background-position: -20px -21px;}
.primaryNav .tab a.navlink:hover .candidateIcon     {background-position: -40px -21px;}
.primaryNav .tab a.navlink:hover .reportsIcon       {background-position: -60px -21px;}
.primaryNav .tab a.navlink:hover .surveysIcon       {background-position: -80px -21px;}
.primaryNav .tab a.navlink:hover .returnIcon        {background-position: -100px -21px;}
.primaryNav .tab a.navlink:hover .homeIcon          {background-position: -120px -21px;}
.primaryNav .tab a.navlink:hover .myMorrisbyIcon    {background-position: -140px -21px;}

.primaryNav .tab a.current .tabIcon                 {background-position: 0px -21px;}
.primaryNav .tab a.current .groupIcon               {background-position: -20px -21px;}
.primaryNav .tab a.current .candidateIcon           {background-position: -40px -21px;}
.primaryNav .tab a.current .reportsIcon             {background-position: -60px -21px;}
.primaryNav .tab a.current .surveysIcon             {background-position: -80px -21px;}
.primaryNav .tab a.current .returnIcon              {background-position: -100px -21px;}
.primaryNav .tab a.current .homeIcon                {background-position: -120px -21px;}
.primaryNav .tab a.current .myMorrisbyIcon          {background-position: -140px -21px;}


.contactInfo .contactItem span
{
    vertical-align: middle;
    font-size: 0.8em;
}

.contactInfo .contactItem .itemIcon
{
    padding: 0px 10px;
    margin: 0px 5px 0 0;
    background: url(../images/icons/contacticons.gif);
    background-repeat: no-repeat;
    display: inline-block;  
    height: 20px;
}

.contactInfo .contactItem .emailIcon                {background-position: 0px -1px;}
.contactInfo .contactItem .webIcon                  {background-position: -20px -1px;}
.contactInfo .contactItem .telephoneIcon            {background-position: -40px -1px;}
.contactInfo .contactItem .mobileIcon               {background-position: -60px -1px;}
.contactInfo .contactItem .fbIcon                   {background-position: -80px -1px;}


#myMorrisby
{
    margin: 0px;
}

#myMorrisby a img
{
    margin: 3px 5px 0 0;
}

#myMorrisby.selected
{
    margin: -1px 0 0 0;   
}

#myMorrisby a.navlink,
.primaryNav .tab a.backhome,
.primaryNav .tab a.home
{

    border-top: 1px solid #666;
    border-left: 1px solid #555;    
    border-bottom: 0px solid white;
    border-right: 1px solid #333;    
    background: #888 /*url(../images/columnheader-fade-top.png) center 18px repeat-x*/;
    margin: 0 10px 0 0;   
    padding: 3px 10px 3px 10px;    
}    


#myMorrisby a.navlink:hover,
.primaryNav .tab a.backhome:hover,
.primaryNav .tab a.home:hover
{
    background: #C4C4C4 /*url(../images/columnheader-fade-top.png) center 16px repeat-x*/;
    color: White;
    border-top: 1px solid #666;
    border-left: 1px solid #444;    
    border-bottom: 0px solid white;
    border-right: 1px solid #444;  
    margin: 0 10px 0 0;   
    padding: 3px 10px 3px 10px;       
}    


#websiteCrossNav
{
    padding: 5px 5px;
    margin: 0px;
}

#websiteCrossNav li
{
    margin: 0px;
    padding: 0px;
}

#websiteCrossNav a.websiteLink
{
    width: 220px;
    height: 78px;
    display: block;
    border-top: 0px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;        
    background: url(../images/columnheader-fade50.png) center bottom repeat-x;
    margin: 3px 0 2px 0;
}

#websiteCrossNav a#prefinio
{
    background: #000 url(../images/logos/Sidebar_Prefinio_Logo.png) left center no-repeat;
}

#websiteCrossNav a#fasttomato
{
    background: #000 url(../images/logos/Sidebar_FastTomato_Logo.png) left center no-repeat;
}

#websiteCrossNav a#ukcf
{
    background: #fff url(../images/logos/Sidebar_UKCF_Logo.png) center center no-repeat;
}

#websiteCrossNav a#prefinio:hover
{
    background: #000 url(../images/logos/Sidebar_Prefinio_Logo_Off.png) left center no-repeat;
}

#websiteCrossNav a#fasttomato:hover
{
    background: #000 url(../images/logos/Sidebar_FastTomato_Logo_Off.png) left center no-repeat;
}

#websiteCrossNav a#ukcf:hover
{
    background: #fff url(../images/logos/Sidebar_UKCF_Logo_Off.png) center center no-repeat;
}

a.startButton
{
    width: 240px;
    height: 240px;
    display: block;
    background: url(../images/icons/start-button.png) center center no-repeat;
}

a.startButton:hover
{
    width: 240px;
    height: 240px;
    display: block;
    background: url(../images/icons/start-button-on.png) center center no-repeat;
}

.groupOperations a {text-decoration: underline; color: #FFF;}
.groupOperations a:hover { cursor: pointer; background-color: #EEE; color: #888;}