/*Module Related Styling: module icons, hover effects etc.
*/
/*#region New Layout*/

#ModuleContainer{
    
    display: none;
    background: #21242c;    
    right: 0;  
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    margin-bottom: 20px;
    margin-top: 20px;
    _margin-left: 5px!important;
}    

/*.nomodules .modules*/
.modules 
{
    display: inline-block;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background:#21242c;   
    /*padding:10px 8px 5px;*/
    padding: 0px;
    margin: 0px;
	*display: block !important;
}

.modules li
{
    /*width:300px;*/
    /*height:110px;*/
    float:left;
    list-style:none;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    /*padding8px;*/
    /*margin-left: 3px;
    margin-right: 3px;*/
    padding: 5px 0px;
}



.modules li a
{
    /*height:60px;*/
	/*display:block;	
	background:url(../../images/modules.png) no-repeat -123px 0 transparent;*/
    /*_background:url(../../images/modules.gif) no-repeat -123px 0 transparent; IE 6 background*/
	/*margin:0 auto;*/
	
	/*New*/
	height:100px;
    -moz-box-shadow:0 3px 5px -1px rgba(0,0,0,0.9);
    -webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.9);
    box-shadow:0 3px 5px -1px rgba(0,0,0,0.9);

    text-decoration:none;
    display:block;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;

    width: 300px;
}


.modules li.adSmart div,
.modules li.Folders div,
.modules li.careSmart div,
.modules li.caseSmart div,
.modules li.tracSmart div,
.modules li.testSmart div,
.modules li.eventSmart div,
.modules li.checkSmart div,
.modules li.actSmart div,
.modules li.sellSmart div,
.modules li.peopleSmart div,
.modules li.recruitSmart div
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    /*height:110px;*/
    /*background-image:url(../assets/img/sitenav/main-sprite.png);*/
    background-repeat:no-repeat;
    padding: 8px;
}

.modules h2 {
    /*position:absolute;*/
    /*top:12px;*/
    /*left:10px;*/
    font-size:24px;
    line-height:24px;
    color:#fff;
    font-family:"Segoe UI Light",Tahoma,arial,sans-serif;
    display:inline-block;
    width:100%;
    /*vertical-align: middle;*/
    margin: 0px;
    font-weight: 400;
    text-align: left;
}


.modules p {    
    padding: 8px;
    padding-right:40px;
    font-size:13px;
    line-height:18px;
    color:#fff;   
    text-align: left;
    vertical-align: middle;
     background: url("../../Images/icon-sprite.png") no-repeat 290% -146px transparent;
    _background: url("../../Images/icon-sprite.gif") no-repeat 290% -146px transparent;
    
}

.modules li.active a,
.modules li:hover a {box-shadow:none;}

/*#region Module specific colours*/
    
.module-icon 
{ 
    width:60px;
    height: 50px;        
    display:inline-block;
    vertical-align:middle;
    background:url(../../images/modules2015.png) no-repeat -123px 0 transparent;
    _background:url(../../images/modules.gif) no-repeat -123px 0 transparent; /*IE 6 background*/
    margin:0 auto;
}
        
.ad-icon
{
    background-position:-62px -312px;
}        
        
.act-icon
{
    background-position:-62px -495px;
}
.caresmart-icon
{
    background-position:-62px -9px;
}
.case-icon
{
    background-position:-62px -373px;
}
.tracsmart-icon
{
    background-position:-62px -68px;
}        
.chck-icon
{
    background-position:-62px -434px;
}
.testsmart-icon
{
    background-position:-62px -129px;
}
.evtsmart-icon
{
    background-position:-62px -190px;
}
.pplsmart-icon 
{
    background-position:-62px -251px;
}
        
.sell-icon
{
    background-position:-62px -556px;
}
        
.tvClassic-icon 
{
    background-position:-62px -678px;
}
        
.recruit-icon
{
    background-position:-62px -738px;
}
    
.modules li.actSmart a
{
    background-color: #ffa100;
}
   
.modules li.actSmart:hover,
.modules li.actSmart.active 
{
    background-color:rgba(224,192,9,0.25);
     box-shadow:none;
}
    
.modules li.adSmart a
{
    background-color: #750081;
}
.modules li.adSmart:hover,
.modules li.adSmart.active 
{
    background-color:rgba(201,90,31,0.25);
    box-shadow:none;
}
    
    
.modules li.caseSmart a
{
        
    background-color: #ff0000;    
}
    
.modules li.caseSmart:hover,.modules li.caseSmart.active {
    background-color:rgba(254,104,84,0.25);
    box-shadow:none;
}


.modules li.careSmart a
{
    background-color: #ff0000;
}
  
.modules li.careSmart:hover,.modules li.careSmart.active 
{
    background-color:rgba(6,138,204,0.25);
    box-shadow:none;
}
    
.modules li.checkSmart a
{
    background-color: #ff0000;
}
  
.modules li.checkSmart:hover,.modules li.checkSmart.active 
{
    background-color:rgba(159,21,49,0.25);
    box-shadow:none;
}  

.modules li.eventSmart a
{
    background-color: #00c8ff;
}   
    
.modules li.eventSmart:hover,
.modules li.eventSmart.active {
    background-color:rgba(113,173,16,0.25);
    box-shadow:none;
}    
   
.modules li.peopleSmart a
{
    background-color: #007e00;
}
    
.modules li.peopleSmart:hover,
.modules li.peopleSmart.active {
    background-color:rgba(224,192,9,0.25);
    box-shadow:none;
}  
    
.modules li.tracSmart a
{
    background-color: #00c8ff;
}
    
.modules li.tracSmart:hover,
.modules li.tracSmart.active 
{
    background-color:rgba(2,163,139,0.25);
    box-shadow:none;
}  
    
.modules li.Folders a
{
    background-color:#7d7c7d;
}

   
.modules li.tvClassic:hover,
.modules li.tvClassic.active {
    background-color:rgba(125,124,125,0.25);
    box-shadow:none;
}  
    
/*testSmart*/
.modules li.testSmart a
{
	background-color: #00c8ff !important;
}


.modules li.testSmart:hover,
.modules li.testSmart.active {
    background-color:rgba(33,176,88,0.25);
    box-shadow:none;
}

/*sellSmart*/
.modules li.sellSmart a
{
    background-color: #750081;
}

.modules li.sellSmart:hover,
.modules li.sellSmart.active {
    background-color:rgba(119, 63, 145, 0.25);
    box-shadow:none;
}

/*recruitSmart*/
.modules li.recruitSmart a
{
    background-color: #007e00;
}
    
.modules li.recruitSmart:hover,
.modules li.recruitSmart.active {
    background-color:rgba(224,192,9,0.25);
    box-shadow:none;
}  
/*#endregion*/

.home-icon
{

    background: url("../../Images/icon-sprite.png") no-repeat scroll 0px -97px transparent;
    *background: url("../../Images/icon-sprite.gif") no-repeat scroll 0px -97px transparent;
    _background: url("../../Images/icon-sprite.gif") no-repeat scroll 0px -97px transparent; /*IE6 Hack*/
    display: block;
    *display: inline;
    height: 33px;
    *height: 35px;
    /*margin: 5px 0px 0px 5px;*/
    width: 50px;
    *zoom: 1;
}
/*#region Selected Module Colours*/
.selected-module span
{
    font-size: 20px;
    line-height: 30px;
}
.container .selected-module span.selected-module-suffix {
    margin-left: -2px;
}

.container .selected-module span.ad  
{
    color: #750081;	
}

.container .selected-module span.act  
{
    color: #ffa100;	
}

.container .selected-module span.case  
{
    color: #ff0000;	
}

.container .selected-module span.check  
{
    color: #ff0000;	
}


.container .selected-module span.event  
{
    color: #00c8ff;	
}

.container .selected-module span.care  
{
    color: #ff0000;	
}
.container .selected-module span.trac  
{
    color: #00c8ff;	
}
.container .selected-module span.test  
{
    color: #00c8ff;	
}

.container .selected-module span.people  
{
    color: #007e00;	
}
.container .selected-module span.recruit  
{
    color: #007e00;	
}
.container .selected-module span.sell  
{
    color: #750081;	
}
.container .selected-module span.learn  
{
    color: #00c8ff;	
}

/*#endregion*/

/*#emdregion*/


.nologo .modules ul li.home a
{
	background-image:none;
}

.modules ul li.home a
{
	background:url(../../images/home.png) no-repeat scroll -3px 0;
	_background:url(../../images/home.gif) no-repeat scroll -3px 0; /*IE 6 background*/
	text-align:center;
}

.selected-module
{   
    display: inline-block;
    background-color: white;
    *background-color: transparent;
    margin-bottom: 5px;
    margin-top: 0px;   
    *zoom: 1;
    *display: inline;   
    width: 100%;
    
    _margin-top: 0px;
    _margin-bottom: 0px;
    _height: auto;  
}

.selected-module h1{
    /*display: inline-block;
    margin: 3px 0px 0px 10px;
    height: 30px;
    _height: 35px;
    *zoom: 1;
    *display: inline;
    *padding-bottom: 8px;
    *height: auto; */   
}

#HeaderModuleButtons .moduleLink{
    height: 19px;
    margin-top: 5px;
}