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

/* 2010 professional page styles */

#proIntroIMG
{
    float: left;
    width: 10em;
    border: none;
    margin-right: 2em;
}

#proLeftText
{
    float: left;
    width: 30em;
    margin-right: 4em;
}

#proLeftProductText
{
    float: left;
    width: 26em;
    margin-top: -3em;
}

#proLeftProductTextContainer
{
    position: relative;
    width: 24em;
    height: 24px;
    clear: both;
}

.proPrice
{
    width: 10em;
    font-size: 1.5em;
    color: #cc0000;
    padding: 0;
    margin: 1em 0em 0em 1em;
}

.proPriceRIGHT
{
    position: absolute;
    top: -10px;
    left: 150px;
    width: 10em;
    font-size: 1.5em;
    color: #cc0000;
    padding: 0;
    margin: 1em 0em 0em 1em;
}

.proDOWNLOAD
{
    position: absolute;
    top: -5px;
    right: 15px;
    width: 4em;
    height: 4em;
    color: #cc0000;
    padding: 0;
    margin: 0;
    z-index: 100;
}

#proRightText
{
    float: left;
    width: 10em;
}

#proIntroPDF
{
    float: left;
    width: 13em;
    border: none;
    margin: 1.5em 3em 0em 0.5em;
}

.bodyPro
{
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}

.bodyProBold
{
    font-size: 1.3em;
    font-weight: bold;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}

.bodyProLEFT
{
    position: absolute;
    top: 0px;
    left: 0px;
    width:15em;
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 0em;
}

.bodyProSPAN
{
    width: 20em;
    color: #666666;
    padding: 0;
    margin: 0.5em 0em 0.5em 4em;
}

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

#professionalIntroContainer
{
    float: left;
    width: 80em;
    padding: 0;
    margin: 2em 0em 2em 0em;
    text-align: left;
}

#professionalItemContainer
{
    float: left;
    width: 80em;
    padding: 0;
    margin: 0em 0em 0em 0em;
    text-align: left;
}

#professionalLeftColumn
{
    float: left;
    width: 45em;
    padding: 0;
    margin: 1em 0em 0em 0em;
    text-align: left;
}

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

#professionalRightColumn
{
    float: left;
    width: 34em;
    padding: 0;
    margin: 0.6em 0em 0em -1em;
    text-align: left;
}

#professionalRightColumnWide
{
    float: left;
    width: 54em;
    padding: 0;
    margin: 0.6em 0em 0em -1em;
    text-align: left;
}

.professionalIntroParaPLACEHOLDER
{
    width: 40em;
    min-height: 150px;
    height: auto;
    padding: 0;
    margin: 0em;
    border: solid;
    border-width: 1px;
    border-color: #b2b2b2;
    text-align: left;
}

.professionalIntroPara
{
    width: 36em;
    min-height: 150px;
    height: auto;
    padding: 0;
    margin: 0em;
    border: solid;
    border-width: 0px;
    border-color: #b2b2b2;
    text-align: left;
}

.professionalIntroParaWide
{
    width: 56em;
    min-height: 150px;
    height: auto;
    padding: 0;
    margin: 0em;
    border: solid;
    border-width: 0px;
    border-color: #b2b2b2;
    text-align: left;
}

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


        #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;
}

/* NEW 2012-13 CSS */

#proscreenshot
{ float: left; width: 22em; height: 7em; }

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

        #proscreenshot a:hover {
          text-decoration:none;
          color: #0071B7;
        }
        
        #proscreenshot .screenSOON {
			background: url(images/professional/screens/screenshot-soon.png) no-repeat;
		}

/* @group Thumbnails */

/* professional General Screens thumbnails */

.proscreenGen001 { background: url(images/professional/screens/general/gen001thumb.png) no-repeat; }
.proscreenGen002 { background: url(images/professional/screens/general/gen002thumb.png) no-repeat; }
.proscreenGen003 { background: url(images/professional/screens/general/gen003thumb.png) no-repeat; }
.proscreenGen004 { background: url(images/professional/screens/general/gen004thumb.png) no-repeat; }
.proscreenGen005 { background: url(images/professional/screens/general/gen005thumb.png) no-repeat; }
.proscreenGen006 { background: url(images/professional/screens/general/gen006thumb.png) no-repeat; }
.proscreenGen007 { background: url(images/professional/screens/general/gen007thumb.png) no-repeat; }
.proscreenGen008 { background: url(images/professional/screens/general/gen008thumb.png) no-repeat; }
.proscreenGen009 { background: url(images/professional/screens/general/gen009thumb.png) no-repeat; }
.proscreenGen010 { background: url(images/professional/screens/general/gen010thumb.png) no-repeat; }

/* personnel */
.proscreenPer001 { background: url(images/professional/screens/personnel/per001thumb.png) no-repeat; }
.proscreenPer002 { background: url(images/professional/screens/personnel/per002thumb.png) no-repeat; }
.proscreenPer003 { background: url(images/professional/screens/personnel/per003thumb.png) no-repeat; }
.proscreenPer004 { background: url(images/professional/screens/personnel/per004thumb.png) no-repeat; }       
.proscreenPer005 { background: url(images/professional/screens/personnel/per005thumb.png) no-repeat; } 
.proscreenPer006 { background: url(images/professional/screens/personnel/per006thumb.png) no-repeat; }     
.proscreenPer007 { background: url(images/professional/screens/personnel/per007thumb.png) no-repeat; }
.proscreenPer008 { background: url(images/professional/screens/personnel/per008thumb.png) no-repeat; }      
.proscreenPer009 { background: url(images/professional/screens/personnel/per009thumb.png) no-repeat; }      
.proscreenPer010 { background: url(images/professional/screens/personnel/per010thumb.png) no-repeat; }       
.proscreenPer011 { background: url(images/professional/screens/personnel/per011thumb.png) no-repeat; }        
.proscreenPer012 { background: url(images/professional/screens/personnel/per012thumb.png) no-repeat; }
.proscreenPer013 { background: url(images/professional/screens/personnel/per013thumb.png) no-repeat; }
.proscreenPer014 { background: url(images/professional/screens/personnel/per014thumb.png) no-repeat; }
.proscreenPer015 { background: url(images/professional/screens/personnel/per015thumb.png) no-repeat; }
.proscreenPer016 { background: url(images/professional/screens/personnel/per016thumb.png) no-repeat; }

/* professional Absence Screens thumbnails */

.proscreenAbs001 { background: url(images/professional/screens/absence/abs001thumb.png) no-repeat; }
.proscreenAbs002 { background: url(images/professional/screens/absence/abs002thumb.png) no-repeat; }
.proscreenAbs003 { background: url(images/professional/screens/absence/abs003thumb.png) no-repeat; }
.proscreenAbs004 { background: url(images/professional/screens/absence/abs004thumb.png) no-repeat; }
.proscreenAbs005 { background: url(images/professional/screens/absence/abs005thumb.png) no-repeat; }
.proscreenAbs006 { background: url(images/professional/screens/absence/abs006thumb.png) no-repeat; }
.proscreenAbs007 { background: url(images/professional/screens/absence/abs007thumb.png) no-repeat; }
.proscreenAbs008 { background: url(images/professional/screens/absence/abs008thumb.png) no-repeat; }      
.proscreenAbs009 { background: url(images/professional/screens/absence/abs009thumb.png) no-repeat; }      
.proscreenAbs010 { background: url(images/professional/screens/absence/abs010thumb.png) no-repeat; }        
.proscreenAbs011 { background: url(images/professional/screens/absence/abs011thumb.png) no-repeat; }       

/* professional Attendance Screens thumbnails */

.proscreenAtt001 { background: url(images/professional/screens/attendance/att001thumb.png) no-repeat; }
.proscreenAtt002 { background: url(images/professional/screens/attendance/att002thumb.png) no-repeat; }
.proscreenAtt003 { background: url(images/professional/screens/attendance/att003thumb.png) no-repeat; }
.proscreenAtt004 { background: url(images/professional/screens/attendance/att004thumb.png) no-repeat; }
.proscreenAtt005 { background: url(images/professional/screens/attendance/att005thumb.png) no-repeat; }
.proscreenAtt006 { background: url(images/professional/screens/attendance/att006thumb.png) no-repeat; }
.proscreenAtt007 { background: url(images/professional/screens/attendance/att007thumb.png) no-repeat; }
.proscreenAtt008 { background: url(images/professional/screens/attendance/att008thumb.png) no-repeat; }
.proscreenAtt009 { background: url(images/professional/screens/attendance/att009thumb.png) no-repeat; }
.proscreenAtt010 { background: url(images/professional/screens/attendance/att010thumb.png) no-repeat; }
.proscreenAtt011 { background: url(images/professional/screens/attendance/att011thumb.png) no-repeat; }
.proscreenAtt012 { background: url(images/professional/screens/attendance/att012thumb.png) no-repeat; }
.proscreenAtt013 { background: url(images/professional/screens/attendance/att013thumb.png) no-repeat; }
.proscreenAtt014 { background: url(images/professional/screens/attendance/att014thumb.png) no-repeat; }
.proscreenAtt015 { background: url(images/professional/screens/attendance/att015thumb.png) no-repeat; }
.proscreenAtt016 { background: url(images/professional/screens/attendance/att016thumb.png) no-repeat; }
.proscreenAtt017 { background: url(images/professional/screens/attendance/att017thumb.png) no-repeat; }
.proscreenAtt018 { background: url(images/professional/screens/attendance/att018thumb.png) no-repeat; }
.proscreenAtt019 { background: url(images/professional/screens/attendance/att019thumb.png) no-repeat; }

/* Access Control */

.proscreenAcc001 { background: url(images/professional/screens/access-control/acc001thumb.png) no-repeat; }
.proscreenAcc002 { background: url(images/professional/screens/access-control/acc002thumb.png) no-repeat; }
.proscreenAcc003 { background: url(images/professional/screens/access-control/acc003thumb.png) no-repeat; }
.proscreenAcc004 { background: url(images/professional/screens/access-control/acc004thumb.png) no-repeat; }
.proscreenAcc005 { background: url(images/professional/screens/access-control/acc005thumb.png) no-repeat; }
.proscreenAcc006 { background: url(images/professional/screens/access-control/acc006thumb.png) no-repeat; }
.proscreenAcc007 { background: url(images/professional/screens/access-control/acc007thumb.png) no-repeat; }
.proscreenAcc008 { background: url(images/professional/screens/access-control/acc008thumb.png) no-repeat; }
.proscreenAcc009 { background: url(images/professional/screens/access-control/acc009thumb.png) no-repeat; }
.proscreenAcc010 { background: url(images/professional/screens/access-control/acc010thumb.png) no-repeat; }
.proscreenAcc011 { background: url(images/professional/screens/access-control/acc011thumb.png) no-repeat; }
.proscreenAcc012 { background: url(images/professional/screens/access-control/acc012thumb.png) no-repeat; }
.proscreenAcc013 { background: url(images/professional/screens/access-control/acc013thumb.png) no-repeat; }
.proscreenAcc014 { background: url(images/professional/screens/access-control/acc014thumb.png) no-repeat; }      
.proscreenAcc015 { background: url(images/professional/screens/access-control/acc015thumb.png) no-repeat; } 
.proscreenAcc016 { background: url(images/professional/screens/access-control/acc016thumb.png) no-repeat; }
.proscreenAcc017 { background: url(images/professional/screens/access-control/acc017thumb.png) no-repeat; }                              

/* pro screen Job Costing */

.proscreenJob001 { background: url(images/professional/screens/job-costing/job001thumb.png) no-repeat; }      
.proscreenJob002 { background: url(images/professional/screens/job-costing/job002thumb.png) no-repeat; }
.proscreenJob003 { background: url(images/professional/screens/job-costing/job003thumb.png) no-repeat; }
.proscreenJob004 { background: url(images/professional/screens/job-costing/job004thumb.png) no-repeat; }
.proscreenJob005 { background: url(images/professional/screens/job-costing/job005thumb.png) no-repeat; }
.proscreenJob006 { background: url(images/professional/screens/job-costing/job006thumb.png) no-repeat; }
.proscreenJob007 { background: url(images/professional/screens/job-costing/job007thumb.png) no-repeat; }
.proscreenJob008 { background: url(images/professional/screens/job-costing/job008thumb.png) no-repeat; }
.proscreenJob009 { background: url(images/professional/screens/job-costing/job009thumb.png) no-repeat; }
.proscreenJob010 { background: url(images/professional/screens/job-costing/job010thumb.png) no-repeat; }
.proscreenJob011 { background: url(images/professional/screens/job-costing/job011thumb.png) no-repeat; }
.proscreenJob012 { background: url(images/professional/screens/job-costing/job012thumb.png) no-repeat; }

/* pro screen Cost Centre Analysis */

.proscreenCCA001 { background: url(images/professional/screens/cost-centre-analysis/cca001thumb.png) no-repeat; }      
.proscreenCCA002 { background: url(images/professional/screens/cost-centre-analysis/cca002thumb.png) no-repeat; }
.proscreenCCA003 { background: url(images/professional/screens/cost-centre-analysis/cca003thumb.png) no-repeat; }
.proscreenCCA004 { background: url(images/professional/screens/cost-centre-analysis/cca004thumb.png) no-repeat; }
.proscreenCCA005 { background: url(images/professional/screens/cost-centre-analysis/cca005thumb.png) no-repeat; }
.proscreenCCA006 { background: url(images/professional/screens/cost-centre-analysis/cca006thumb.png) no-repeat; }

/* professional Reporting Screens thumbnails */

.proscreenRep001 { background: url(images/professional/screens/reporting/rep001thumb.png) no-repeat; }
.proscreenRep002 { background: url(images/professional/screens/reporting/rep002thumb.png) no-repeat; }
.proscreenRep003 { background: url(images/professional/screens/reporting/rep003thumb.png) no-repeat; }
.proscreenRep004 { background: url(images/professional/screens/reporting/rep004thumb.png) no-repeat; }
.proscreenRep005 { background: url(images/professional/screens/reporting/rep005thumb.png) no-repeat; }
.proscreenRep006 { background: url(images/professional/screens/reporting/rep006thumb.png) no-repeat; }
.proscreenRep007 { background: url(images/professional/screens/reporting/rep007thumb.png) no-repeat; }
.proscreenRep008 { background: url(images/professional/screens/reporting/rep008thumb.png) no-repeat; }
.proscreenRep009 { background: url(images/professional/screens/reporting/rep009thumb.png) no-repeat; }
        

/* professional Reporting Screens thumbnails */

.proscreenPip001 { background: url(images/professional/screens/pip/pip001thumb.png) no-repeat; }
.proscreenPip002 { background: url(images/professional/screens/pip/pip002thumb.png) no-repeat; }
.proscreenPip003 { background: url(images/professional/screens/pip/pip003thumb.png) no-repeat; }
.proscreenPip004 { background: url(images/professional/screens/pip/pip004thumb.png) no-repeat; }
.proscreenPip005 { background: url(images/professional/screens/pip/pip005thumb.png) no-repeat; }      
.proscreenPip006 { background: url(images/professional/screens/pip/pip006thumb.png) no-repeat; }
.proscreenPip007 { background: url(images/professional/screens/pip/pip007thumb.png) no-repeat; }
.proscreenPip008 { background: url(images/professional/screens/pip/pip008thumb.png) no-repeat; }
.proscreenPip009 { background: url(images/professional/screens/pip/pip009thumb.png) no-repeat; }
.proscreenPip010 { background: url(images/professional/screens/pip/pip010thumb.png) no-repeat; }
.proscreenPip011 { background: url(images/professional/screens/pip/pip011thumb.png) no-repeat; }
.proscreenPip012 { background: url(images/professional/screens/pip/pip012thumb.png) no-repeat; }
.proscreenPip013 { background: url(images/professional/screens/pip/pip013thumb.png) no-repeat; }
.proscreenPip014 { background: url(images/professional/screens/pip/pip014thumb.png) no-repeat; }
.proscreenPip015 { background: url(images/professional/screens/pip/pip015thumb.png) no-repeat; } 
                
/* pro screen fire roll call */

.proscreenFire001 { background: url(images/professional/screens/fire/fire001thumb.png) no-repeat; }
.proscreenFire002 { background: url(images/professional/screens/fire/fire002thumb.png) no-repeat; }
.proscreenFire003 { background: url(images/professional/screens/fire/fire003thumb.png) no-repeat; }
.proscreenFire004 { background: url(images/professional/screens/fire/fire004thumb.png) no-repeat; }
.proscreenFire005 { background: url(images/professional/screens/fire/fire005thumb.png) no-repeat; }
.proscreenFire006 { background: url(images/professional/screens/fire/fire006thumb.png) no-repeat; }
.proscreenFire007 { background: url(images/professional/screens/fire/fire007thumb.png) no-repeat; }

        
/* @end */        


/* pro screen details to follow */

#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;
}

#proBullets
{
    width: 32em;
    font-size: 1.2em;
    color: #000000;
    padding-top: 0.5em;
    margin: 0 0 0 -2em;
}

#proBullets li
{
    font-size: 1em;
    list-style-type: disc;
    margin: 0.5em 0em 0.5em 0em;
}