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

body
{
	text-align:center;
	font-size: 62.5%;
    font-family: Arial, Verdana, Helvetica, 'Trebuchet MS', sans-serif;
	margin: 0;
	padding: 0;
	background: #ffffff url(images/fingerprint-bg.gif) no-repeat fixed left top;
}

/* navigation top bar */

#topNav
{
    width: 100%;
    height: 2.9em;
    font-size: 1em;
    list-style-type: none;
    color: #ffffff;
    padding-top: 0.1em;
    background: url(images/gray-nav-repeat.png) repeat-x;
}

#topNav li
{
    font-size: 1em;
    list-style-type: none;
    margin: 0em 2em 0em 2em;
    display: inline;
}

#topNav li a
{
    font-size: 1em;
    text-decoration: none;
}

#topNav li a:hover
{
    font-size: 1em;
    text-decoration: none;
}


#wrapper
{
    margin-left: auto;
    margin-right: auto;
    padding: 0em;
    width: 930px;
    height: auto;
}

#header
{
    position: relative;
    width: auto;
    height: 25.5em;
}

/* header items */

#logo
{
    position: absolute;
    width: 44em;
    height: 14.6em;
    padding: 0;
    top: 0.5em;
    left: -3em;
    text-align: left;
}

#testimonial
{
    position: absolute;
    top: 0.5em;
    right: 0em;
    width: 48.8em;
    height: 14.6em;
    padding: 0;
    text-align: left;
}

#flashBanner
{
    float: left;
    width: 65.6em;
    height: 11.1em;
    padding: 0;
    margin: 0;
    text-align: left;
    border: none;
}

#Banner
{
    position: absolute;
    top: 15em;
    left: 22px;
    width: 634px;
    height: 111px;
    padding: 0;
    margin: 0;
    text-align: left;
    /* background: url(images/next-gen-banner.png) no-repeat; */
}

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

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

#bannerNews
{
    float: left;
    width: 325px;
    height: 110px;
    margin: 0px 0px 0px 80px;
    padding: 0;
}

#bannerPro
{
    float: left;
    width: 250px;
    height: 111px;
    margin: 0;
    padding: 0;
}


#WreathLionYoutubeTwitter
{
	position: absolute;
	top: 14.6em;
	right: 3em;
	width: 253px;
	height: 118px;
    padding: 0em;
    z-index: 12;
}

		.Wreath2010 { border:none; margin:0px; padding: 0px; float:left; }
		
		.Lion2010 { border:none; margin:0px; padding: 0px; float:left; }
		
		.Youtube2010 { border:none; margin:0px; padding: 0px; float:left; }
		
		.Twitter2010 { border:none; margin:0px; padding: 0px; float:left; }


/* #spacer
{
    float: left;
    width: 26.4em;
    height: 11.1em;
    padding: 0;
    margin: 0;
    text-align: left;
    background: url(images/spacer.png) no-repeat;
} */

/* Content */

        #contentTop
        {
            height: 3.4em;
            margin: 0;
            background: url(images/top-content-box.png) no-repeat;
        }

        #content
        {
            height: 39em;
            margin: 0px;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

        #contentTV
        {
            height: 270em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

        #contentReports
        {
            height: 48em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

        #contentAuto
        {
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

                .About
                {
                    overflow: auto;
                }

                .Ireland
                {
                    overflow: auto;
                }

                .Africa
                {
                    overflow: auto;
                }

                .ConvertSystem
                {
                    overflow: auto;
                }

                .Support
                {
                    overflow: auto;
                }

                .Training
                {
                    overflow: auto;
                }

                .Expand
                {
                    overflow: auto;
                }

                .Bespoke
                {
                    overflow: auto;
                }

                .Consumables
                {
                    overflow: auto;
                }

        #contentBottom
        {
                height: 3.4em;
                margin: 0;
                background: url(images/bottom-content-box.png) no-repeat;
        }

/* Home page section boxes */

/* updated 13th July 2010 */

#boxContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}

#boxContainer_new
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}

#boxnews_new
{
    float: left;
    width: 379px;
    height: 379px;
    margin-top: 1em;
    margin-left: 0.8em;
    margin-right: 0.8em;
    background: url(images/boxes/news-box-test.png) no-repeat;
}

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

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

#box1_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 1em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-1.png) no-repeat;
}

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

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

 #box2_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 1em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-2.png) no-repeat;
}

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

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

#box3_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 0em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-3.png) no-repeat;
}

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

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

 #box4_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 0em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-4.png) no-repeat;
}

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

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

#box5_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 0em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-5.png) no-repeat;
}

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

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

 #box6_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 0em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-6.png) no-repeat;
}

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

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

#box7_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 0em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-7.png) no-repeat;
}

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

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

 #box8_new
{
    float: left;
    width: 225px;
    height: 89px;
    margin: 0em 1em 0.8em 0em;
    background: url(images/boxes/2010-2/box-8.png) no-repeat;
}

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

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


/* right column */

#rightInfo
{
    float: left;
    width: 24em;
    height: 40em;
    padding: 0em 0em 0em 4em;
    margin: 0;
    text-align: left;
    background: url(images/column-splitter.png) no-repeat;
}

#drillContainer
{
    float: left;
    width: 60.5em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#rightInfoDrill
{
    float: left;
    width: 24em;
    height: auto;
    padding: 6em 0em 0em 4em;
    margin: 0;
    text-align: left;
}

#version
{
    float: left;
    margin: 0;
    width: 20.2em;
}

#versionTop
{
    float: left;
    width: 20.2em;
    height: 8.7em;
    margin: 0;
    padding-right: 1em;
    text-align: center;
    background: url(images/timeware-version-info.png) no-repeat;
}

#versionInfo
{
    float: left;
    width: 20.2em;
    height: 6.3em;
    margin: 0;
    text-align: center;
    background: url(images/timeware-version-info-mid.png) no-repeat;
}

#versionNotes
{
    float: left;
    width: 20.2em;
    height: 3.4em;
    margin: 0;
    text-align: center;
    background: url(images/timeware-version-notes.png) no-repeat;
}

#versionDownload
{
    float: left;
    width: 20.2em;
    height: 8.1em;
    margin: 0;
    text-align: center;
    z-index: 10;
    background: url(images/download-version.png) no-repeat;
}


            #versionDownload a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

            #versionDownload a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }



#featureBOX
{
    width: 50em;
    height: 17em;
    margin: 0em 0em 1em 0em;
    position: relative;
    padding: 1em 2em 0em 2em;
    text-align: left;
}

        .feature1
        {
            background: url(images/new-features/retirement-thumb.png) no-repeat;
        }

        .feature2
        {
            background: url(images/new-features/years-service-thumb.png) no-repeat;
        }

        .feature3
        {
            background: url(images/new-features/pip-thumb.png) no-repeat;
        }

#countdown
{
    float: left;
    width: 20em;
    height: 8em;
    padding: 0;
    margin: 10em;
    text-align: left;
}


/* terminal page layout */

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

        #terminalLeft
        {
            float: left;
            width: 30em;
        }

        #terminalRight
        {
            float: left;
            width: 35em;
            margin-left: 2em;
        }

 /* terminal page layout */


#terminalAddOnBox
{
    clear: both;
    height: auto;
}

#terminalImage
{
    margin-top: 1em;
}


#consumableContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}

#newstimewareProp
{
    width: 40em;
    height: 17em;
}

/* layout for videos page */

#contentTV
        {
            height: 270em;
            margin: 0;
            background-color: white;
            background: url(images/content-box-repeat.png) repeat-y;
        }

#drillContainer
{
    float: left;
    width: 60.5em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#drillContainerSpecial
{
    float: left;
    width: 550px;
    height: auto;
    padding: 0;
    margin: 0px -14px 0px 40px;
    text-align: left;
}

#drillContainerSpecialRight
{
    float: right;
    width: 320px;
    height: auto;
    padding-top: 121px;
    margin: 0px;
    text-align: center;
}

#drillContainerSpecial2
{
    float: left;
    width: 55em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 10em 4em;
    text-align: left;
}

#drillContainerTraining
{
    float: left;
    width: 50em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#tvContainer
{
    float: left;
    width: 88em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#tvRightInfo
{
    float: left;
    width: 24em;
    height: 40em;
    padding: 0em 0em 0em 2.9em;
    margin: 6em 0em 0em 0em;
    text-align: left;
    z-index: 6;
    background: url(images/column-splitter.png) no-repeat;
}

#rightInfoDrill
{
    float: left;
    width: 24em;
    height: auto;
    padding: 6em 0em 0em 4em;
    margin: 0;
    text-align: left;
}


#rightInfoDrillSpecial
{
    float: left;
    width: 24em;
    height: auto;
    padding: 1em 0em 0em 4em;
    margin: 0;
    text-align: left;

}

#version
{
    float: left;
    margin: 0;
    width: 20.2em;
}

#versionTop
{
    float: left;
    width: 20.2em;
    height: 8.7em;
    margin: 0;
    padding-right: 1em;
    text-align: center;
    background: url(images/timeware-version-info.png) no-repeat;
}

#versionInfo
{
    float: left;
    width: 20.2em;
    height: 6.3em;
    margin: 0;
    text-align: center;
    background: url(images/timeware-version-info-mid.png) no-repeat;
}

#versionNotes
{
    float: left;
    width: 20.2em;
    height: 3.4em;
    margin: 0;
    text-align: center;
    background: url(images/timeware-version-notes.png) no-repeat;
}

#versionDownload
{
    float: left;
    width: 20.2em;
    height: 8.1em;
    margin: 0;
    text-align: center;
    z-index: 10;
    background: url(images/download-version.png) no-repeat;
}


            #versionDownload a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

            #versionDownload a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

#bubbles
{
    float: left;
    margin: 0;
    padding: 0;
    width: 22.2em;
    height: 28em;
    background: url(images/big-bubble.png) no-repeat;
}

#bubbleOne
{
    width: 18.4em;
    height: 9em;
    margin: 0 1.9em 0 0;
    padding: 0;
    text-align: center;
}
            #bubbleOne a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
            }

            #bubbleOne a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

#bubbleDetailedNotes
{
    float: left;
    width: 11.1em;
    height: 2em;
    margin: -1em 0 1em 0;
    padding: 0;
    text-align: center;
}

            #bubbleDetailedNotes a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
            }

            #bubbleDetailedNotes a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

#bubbleFeature
{
    float: left;
    width: 11.1em;
    height: 2em;
    margin: -1em 0 1em 0;
    padding: 0;
    text-align: center;
}

            #bubbleFeature a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
            }

            #bubbleFeature a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

#bubbleTwo
{
    width: 18.4em;
    height: 8em;
    margin: 3em 0 2em 3em;
    padding: 0;
    text-align: center;
}

            #bubbleTwo a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
            }

            #bubbleTwo a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

#bubbleDetailedNotesTwo
{
    float: left;
    width: 11.1em;
    height: 3em;
    margin: -0.1em 0.3em 0 -0.2em;
    padding: 0;
    text-align: center;
}

            #bubbleDetailedNotesTwo a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
            }

            #bubbleDetailedNotesTwo a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

#bubbleFeatureTwo
{
    float: left;
    width: 11.1em;
    height: 3em;
    margin: -0.7em -0.3em 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

            #bubbleFeatureTwo a {
              display:block;
              width:100%;
              height:100%;
              text-decoration:none;
              z-index: 10;
            }

            #bubbleFeatureTwo a:hover {
              text-decoration:none;
              z-index: 10;
              color: #000000;
            }

/* end of the bubble features stuff */

#featureBOX
{
    width: 50em;
    height: 17em;
    margin: 0em 0em 1em 0em;
    position: relative;
    padding: 1em 2em 0em 2em;
    text-align: left;
}

        .feature9071
        {
            background: url(images/new-features/907daily_thumb.png) no-repeat;
        }

        .feature9072
        {
            background: url(images/new-features/907period_thumb.png) no-repeat;
        }

        .feature9073
        {
            background: url(images/new-features/907personnel_thumb.png) no-repeat;
        }
        
        
        .featureOld1
        {
            background: url(images/new-features/retirement-thumb.png) no-repeat;
        }

        .featureOld2
        {
            background: url(images/new-features/years-service-thumb.png) no-repeat;
        }

        .featureOld3
        {
            background: url(images/new-features/pip-thumb.png) no-repeat;
        }



#countdown
{
    float: left;
    width: 20em;
    height: 8em;
    padding: 0;
    margin: 10em;
    text-align: left;
}

#betaBox
{
    clear: both;
    float: left;
    height: 17em;
    width: 60em;
    margin-bottom: 1em;
}


/* terminal page layout */

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

        #terminalLeft
        {
            float: left;
            width: 30em;
        }

        #terminalRight
        {
            float: left;
            width: 35em;
            margin-left: 2em;
        }

#terminalAddOnBox
{
    clear: both;
    height: auto;
}

#terminalImage
{
    margin-top: 1em;
}


#consumableContainer
{
    float: left;
    width: 88em;
    padding: 0;
    margin: -1em 0em 0em 2.8em;
    text-align: left;
}


/* timeware.org timeware downloads page */

#datasheetImageSml
{
    float: right;
    margin: -10px 30px 0px 0px;
}

#downloadContainer
{
    float: left;
    width: 860px;
    height: 78em;
    padding: 0;
    margin: 0em 0em 0em 40px;
    text-align: left;
}

#downloadContent
{
    float: left;
    width: 860px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

        #downloadLeft
        {
            float: left;
            width: 535px;
            margin: 0px 0px 10px 0px;
            padding: 0px;
        }

        #downloadRight
        {
            float: left;
            width: 255px;
            margin: 0px 0px 10px 70px;
            padding: 0px;
        }

#downloadContainerTop
{
    float: left;
    width: 860px;
    height: 335px;
    padding: 0;
    margin: 0em 0em 0em 40px;
    text-align: left;
}

        #downloadRightTop
        {
            float: left;
            width: 255px;
            margin: 0px 0px 0px 70px;
            padding: 0px;
        }


#downloadContainerBottom
{
    float: left;
    width: 860px;
    height: 335px;
    padding: 0;
    margin: 0em 0em 0em 40px;
    text-align: left;
}


#downloadPanelIcon
{
    float: left;
    width: 22em;
    height: 8em;
    background: url(images/download-icon-lrg.png) no-repeat;
    background-position: right;
}

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

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

#downloadPanelIconLeft
{
    float: right;
    width: 22em;
    height: 8em;
    background: url(images/download-icon-lrg.png) no-repeat;
    background-position: right;
}

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

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

#downloadPanelIconSml
{
    float: left;
    width: 22em;
    height: 8em;
    background: url(images/download-icon-sml.png) no-repeat;
    background-position: right;
}

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

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

#downloadPanelIconBETA
{
    float: left;
    width: 22em;
    height: 8em;
    background: url(images/download-icon-lrg-beta.png) no-repeat;
    background-position: right;
}

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

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

#downloadPanelIconSmlBETA
{
    float: left;
    width: 22em;
    height: 8em;
    background: url(images/download-icon-sml-beta.png) no-repeat;
    background-position: right;
}

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

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

/* from timeware.tv styles */

#vidThumbTIA2
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia2.png) no-repeat;
}

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

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

#taFooter
{
     width: 930px;
     margin: 0 auto 0 auto;
     padding: 0 50px 0 0;
}



/* styles from timeware.tv added 10/12/09 */

/* timeware.tv video thumbnails */

.vidTitle
{
    font-size: 1.3em;
    font-weight: bold;
    color: #0071B7;
    margin: 0.5em 1em 0.5em 8.5em;
}

.vidDescription
{
    font-size: 1.1em;
    color: #000000;
    margin: 0em 1em 0.5em 10em;
}

.vidTitleLRG
{
    font-size: 1.4em;
    font-weight: bold;
    color: #0071B7;
    margin: 0.5em 1em 0.5em 12em;
}

.vidDescriptionLRG
{
    font-size: 1.2em;
    color: #000000;
    margin: 0em 1em 0.5em 13.9em;
}


#videoContainer
{
    float: left;
    width: 80em;
    height: auto;
    padding: 0;
    margin: 0em -1.4em 0em 4em;
    text-align: left;
}

#video
{
    float: left;
    width: 80em;
    height: 40em;
    padding: 0;
    margin: 0.5em 0em 0em 0em;
    text-align: left;
    overflow: auto;
}

#vidThumbtimeware
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vidtimeware.png) no-repeat;
}

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

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

#vidThumb1
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid1.png) no-repeat;
}

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

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

#vidThumb2
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid2.png) no-repeat;
}

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

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

#vidThumb3
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid3.png) no-repeat;
}

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

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

#vidThumb4
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid4.png) no-repeat;
}

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

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

#vidThumbTIA1
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia1.png) no-repeat;
}

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

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

#vidThumbTIA2
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia2.png) no-repeat;
}

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

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

#vidThumbTIA3
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia3.png) no-repeat;
}

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

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

#vidThumbTIA4
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/tia4.png) no-repeat;
}

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

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

#vidThumbTIA5
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/vid1.png) no-repeat;
}

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

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

 #vidThumbTIASoon
{
    float: left;
    width: 22em;
    height: 7em;
    background: url(images/video-thumbs/coming-soon.png) no-repeat;
}

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

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


 #vidThumbSoonLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/coming-soon-lrg.png) no-repeat;
}

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

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

#vidThumbBiometricEnrolLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/biometric-enrolment-lrg.png) no-repeat;
}

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

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


#vidThumbBiometricTerminalLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/t8-3030-biometric-reader.png) no-repeat;
}

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

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

#vidThumbChannelMLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/channel-m-lrg.png) no-repeat;
}

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

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

#vidThumbtimewareLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/timeware-lrg.png) no-repeat;
}

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

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

#vidThumbtimewarePersonnelLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/timeware-personnel-lrg.png) no-repeat;
}

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

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

#vidThumbtimewareTimeAttendLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/timeware-time-attendance-lrg.png) no-repeat;
}

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

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

#vidThumbtimewareJobCostingLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/timeware-job-costing-lrg.png) no-repeat;
}

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

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

#vidThumbtimewareAccessControlLRG
{
    float: left;
    width: 300px;
    height: 120px;
    background: url(images/video-thumbs/timeware-access-control-lrg.png) no-repeat;
}

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

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

/* Added November 2009 */

/* timeware Datasheets styles */

#datasheetContainer
{
    float: left;
    width: 40em;
    height: 18em;
    padding: 0;
    margin: 2em 0 1em 0;
}

#datasheetContainerUpgrade
{
    float: left;
    width: 40em;
    height: 11em;
    padding: 0;
    margin: 2em 0 1em 0;
}

#datasheetImage
{
    float: left;
    width: 14.2em;
    height: 18em;
}


#datasheetCodeDate
{
    float: left;
    width: 12em;
    margin-left: 2em;
}

    .datasheetCode
    {
        font-size: 1.2em;
        color: #666666;
        padding: 0;
        margin: 0;
    }

    .datasheetDate
    {
        font-size: 1.2em;
        color: #666666;
        padding: 0;
        margin: 1em 0em 0em 0em;
    }

#datasheetDescription
{
    float: left;
    width: 25em;
}

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

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



/* timeware Report */

#reportContainerFullWidth
{
    float: left;
    width: 80em;
    height: auto;
    padding: 0;
    margin: 2em 0 1em 0;
}

#reportContainer
{
    float: left;
    width: 40em;
    height: 18em;
    padding: 0;
    margin: 2em 0 1em 0;
}

#reportContainerUpgrade
{
    float: left;
    width: 40em;
    height: 11em;
    padding: 0;
    margin: 2em 0 1em 0;
}

#reportImage
{
    float: left;
    width: 14.2em;
    height: 18em;
}

#reportCodeDate
{
    float: left;
    width: 12em;
    margin-left: 2em;
}

    .reportCode
    {
        font-size: 1.2em;
        color: #666666;
        padding: 0;
        margin: 0;
    }

    .reportDate
    {
        font-size: 1.2em;
        color: #666666;
        padding: 0;
        margin: 1em 0em 0em 0em;
    }

#reportDescription
{
    float: left;
    width: 25em;
}

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

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

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





/* 2010 Suggestion Form */

#wrapper-suggestion
{
	width:730px;
        text-align: left;
}

#header-suggestion
{
        width: auto;
        height: 131px;
	background-image: url(images/timeware-community-logo.png);
	background-repeat: no-repeat
}

#contact-suggestion
{
	width:290px;
        margin: 10px;
	float:right;
}


/* 2010 Contact forms */

/* Pop-up contact page */

#contactformContainerPopup
{
    float:left;
    width: 360px;
    padding: 10px;
    margin: 10px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
}

#contact-area
{
    width: 350px;
    margin-top: 10px;
}

#contact-area input, #contact-area textarea
{
    padding: 5px;
    width: 350px;
    height: auto;
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #ccc;
}

#contact-area textarea
{
    height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus
{
    border: 1px solid #900;
}

#contact-area input.submit-button
{
    width: 80px;
    float: left;
}


/* 2010 Contact forms */

/* Non pop-up contact page */

#contactformContainer
{
    width: 360px;
    padding: 10px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
}

#contact-areaNoPop
{
    width: 350px;
    margin-top: 10px;
}

#contact-areaNoPop input, #contact-areaNoPop textarea
{
    padding: 5px;
    width: 350px;
    height: 25px;
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #ccc;
}

#contactNoPop-area textarea
{
    height: 90px;
}

#contactNoPop-area textarea:focus, #contact-areaNoPop input:focus
{
    border: 1px solid;
    border-color: #900;
}

#contact-areaNoPop input.submit-button
{
    width: 80px;
    float: left;
}

/* both contact pages */

label
{
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 100px;
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 10px;
}




/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
            */
                width:634px;
		height:111px;
		overflow:hidden;
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn, #slider1next{
		left:634px;
		}
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a, #slider1next a{
		background:url(../images/btn_next.gif) no-repeat 0 0;
		}

	/* numeric controls */

	ol#controls{
		margin:0;
		padding:0;
                position:absolute;
                top: 80px;
                right: 14px;
		}
	ol#controls li{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		list-style:none;
                color: #000;
		}
	ol#controls li a{
		float:left;
		padding:0px 5px 5px 5px;
                color: #000;
                background-image: url('images/bullet-off.png');
                background-repeat: no-repeat;
		text-decoration:none;
		}
         ol#controls li a:hover { color: #000; }

	ol#controls li.current a{
		padding:0px 5px 5px 5px;
                color: #fff;
                background-image: url('images/bullet-on.png');
                background-repeat: no-repeat;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */