/* 
    Document   : layout
    Created on : Aug 10, 2009, 4:08:30 PM
    Author     : rich - ta design
    Description: timeware.co.uk professional site layout
*/

#professionalContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: 0em 0em 0em 4em;
    text-align: left;
}

        #professionalItem
        {
            float: left;
            width: 80em;
            margin: 1em 0em 1em 0em;
        }


#professionalContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: 0em 0em 0em 4em;
    text-align: left;
}

        #professionalTopLeft
        {
            float: left;
            width: 50em;
            margin: 1em 0em 1em 0em;
        }

        #professionalTopRight
        {
            float: left;
            width: 25.5em;
            margin: 1em 0em 1em 6em;
        }   

/* 2010 screenshots */



#professionalImageRight
{
    float: right;
    width: 100px;
    height: 100px;
}

#proscreen
{
    float: left;
    width: 24em;
    padding: 0;
    margin: 0.5em 0em 0em 0em;
    text-align: left;
}

/* Access Control */

#proscreenAcc001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access/acc001thumb.png) no-repeat;
}

        #proscreenAcc001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAcc001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAcc002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access/acc002thumb.png) no-repeat;
}

        #proscreenAcc002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAcc002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAcc003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access/acc003thumb.png) no-repeat;
}

        #proscreenAcc003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAcc003 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAcc004
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access/acc004thumb.png) no-repeat;
}

        #proscreenAcc004 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAcc004 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAcc005
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access/acc005thumb.png) no-repeat;
}

        #proscreenAcc005 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAcc005 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAcc006
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access/acc006thumb.png) no-repeat;
}

        #proscreenAcc006 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAcc006 a:hover {
          text-decoration:none;
          color: #0071B7;
        }


/* professional General Screens thumbnails */

#proscreenGen001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/general/gen001thumb.png) no-repeat;
}

        #proscreenGen001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenGen001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenGen002a
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/general/gen002athumb.png) no-repeat;
}

        #proscreenGen002a a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenGen002a a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenGen002b
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/general/gen002bthumb.png) no-repeat;
}

        #proscreenGen002b a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenGen002b a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenGen003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/general/gen003thumb.png) no-repeat;
}

        #proscreenGen003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenGen003 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenGen004
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/general/gen004thumb.png) no-repeat;
}

        #proscreenGen004 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenGen004 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenGen005
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/general/gen005thumb.png) no-repeat;
}

        #proscreenGen005 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenGen005 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

/* professional Attendance Screens thumbnails */

#proscreenAdj001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/adj001thumb.png) no-repeat;
}

        #proscreenAdj001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAdj001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }
        
#proscreenAdj002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/adj002thumb.png) no-repeat;
}

        #proscreenAdj002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAdj002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        

#proscreenSch001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch001thumb.png) no-repeat;
}

        #proscreenSch001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenSch002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch002thumb.png) no-repeat;
}

        #proscreenSch002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }
        
#proscreenSch003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch003thumb.png) no-repeat;
}

        #proscreenSch003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch003 a:hover {
          text-decoration:none;
          color: #0071B7;
        }   
        
#proscreenSch004
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch004thumb.png) no-repeat;
}

        #proscreenSch004 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch004 a:hover {
          text-decoration:none;
          color: #0071B7;
        }                

#proscreenSch005
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch005thumb.png) no-repeat;
}

        #proscreenSch005 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch005 a:hover {
          text-decoration:none;
          color: #0071B7;
        } 
        
#proscreenSch006
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch006thumb.png) no-repeat;
}

        #proscreenSch006 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch006 a:hover {
          text-decoration:none;
          color: #0071B7;
        } 
        
#proscreenSch007
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch007thumb.png) no-repeat;
}

        #proscreenSch007 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch007 a:hover {
          text-decoration:none;
          color: #0071B7;
        }
        
#proscreenSch008
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/attendance/sch008thumb.png) no-repeat;
}

        #proscreenSch008 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenSch008 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

/* professional Absence Screens thumbnails */

#proscreenAbs001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/absence/abs001thumb.png) no-repeat;
}

        #proscreenAbs001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAbs001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAbs002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/absence/abs002thumb.png) no-repeat;
}

        #proscreenAbs002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAbs002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenAbs003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/absence/abs003thumb.png) no-repeat;
}

        #proscreenAbs003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenAbs003 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

/* personnel */

#proscreenPer001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per001thumb.png) no-repeat;
}

        #proscreenPer001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenPer002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per002thumb.png) no-repeat;
}

        #proscreenPer002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

 #proscreenPer003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per003thumb.png) no-repeat;
}

        #proscreenPer003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer003 a:hover {
          text-decoration:none;
          color: #0071B7;
        } 
        
#proscreenPer004
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per004thumb.png) no-repeat;
}

        #proscreenPer004 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer004 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        
        
#proscreenPer005
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per005thumb.png) no-repeat;
}

        #proscreenPer005 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer005 a:hover {
          text-decoration:none;
          color: #0071B7;
        }  
        
#proscreenPer006
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per006thumb.png) no-repeat;
}

        #proscreenPer006 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer006 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        
        
#proscreenPer007
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per001thumb.png) no-repeat;
}

        #proscreenPer007 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer007 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        
        
#proscreenPer008
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per008thumb.png) no-repeat;
}

        #proscreenPer008 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer008 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        
        
#proscreenPer009
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per009thumb.png) no-repeat;
}

        #proscreenPer009 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer009 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        
 
#proscreenPer010
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per010thumb.png) no-repeat;
}

        #proscreenPer010 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer010 a:hover {
          text-decoration:none;
          color: #0071B7;
        }        
        
#proscreenPer011
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per011thumb.png) no-repeat;
}

        #proscreenPer011 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer011 a:hover {
          text-decoration:none;
          color: #0071B7;
        }
        
#proscreenPer012
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/personnel/per012thumb.png) no-repeat;
}

        #proscreenPer012 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPer012 a:hover {
          text-decoration:none;
          color: #0071B7;
        }


/* professional Reporting Screens thumbnails */

#proscreenRep001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/reporting/rep001thumb.png) no-repeat;
}

        #proscreenRep001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenRep001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenRep002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/reporting/rep002thumb.png) no-repeat;
}

        #proscreenRep002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenRep002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenRep003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/reporting/rep003thumb.png) no-repeat;
}

        #proscreenRep003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenRep003 a:hover {
          text-decoration:none;
          color: #0071B7;
        }


/* professional Reporting Screens thumbnails */

#proscreenPip001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/pip/pip001thumb.png) no-repeat;
}

        #proscreenPip001 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPip001 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenPip002
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/pip/pip002thumb.png) no-repeat;
}

        #proscreenPip002 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPip002 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenPip003
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/pip/pip003thumb.png) no-repeat;
}

        #proscreenPip003 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPip003 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenPip004
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/pip/pip004thumb.png) no-repeat;
}

        #proscreenPip004 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPip004 a:hover {
          text-decoration:none;
          color: #0071B7;
        }

#proscreenPip005
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/pip/pip005thumb.png) no-repeat;
}

        #proscreenPip005 a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

        #proscreenPip005 a:hover {
          text-decoration:none;
          color: #0071B7;
        }


#proscreenDetailsToFollow
{
    float: left;
    width: 16em;
    height: 12em;
    margin-top: -2em;
    background: url(images/details-to-follow.png) no-repeat;
}


.proTitle
{
    font-size: 1.3em;
    color: #000000;
    margin: 0.2em 1em 0.5em 8.5em;
}

img.imgFloatRightProfessional
{
    float: right;
    border: none;
    margin: 7em 6em 0em 2em;
}