/* 
    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: 35em;
    margin-right: 4em;
}

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

#proLeftProductTextContainer
{
    position: relative;
    width: 26em;
    height: 26px;
    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: 88em;
    padding: 0;
    margin: 0em 0em 0em 4em;
    text-align: left;
}

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

#professionalItemContainer
{
    float: left;
    width: 88em;
    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: 40em;
    padding: 0;
    margin: 0.6em 0em 0em -1em;
    text-align: left;
}

#professionalRightColumnWide
{
    float: left;
    width: 60em;
    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: 40em;
    min-height: 150px;
    height: auto;
    padding: 0;
    margin: 0em;
    border: solid;
    border-width: 0px;
    border-color: #b2b2b2;
    text-align: left;
}

.professionalIntroParaWide
{
    width: 60em;
    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;
}

/* Screenshot coming soon */

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

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

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

/* Access Control */

#proscreenAcc001
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/access-control/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-control/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-control/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-control/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-control/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-control/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;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* professional Attendance Screens thumbnails */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #proscreenAbs008 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/per007thumb.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;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #proscreenRep008 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;
        }
        
#proscreenPip006
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/professional/screens/pip/pip006thumb.png) no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* pro screen fire roll call */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 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: 36em;
    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;
}