/* 
    Document   : layout
    Created on : Aug 10, 2009, 4:08:30 PM
    Author     : rich - ta design
    Description: timeware community 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
{
    float: left;
    width: 65.6em;
    height: 11.1em;
    padding: 0;
    margin: 0;
    text-align: left;
    border: none;
}

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

#noFlashBanner
{
    float: left;
    width: 656px;
    height: 111px;
    padding: 0;
    margin: 0;
    text-align: left;
    background: url(images/flash-banner-filler.png) no-repeat;
}

#noFlashBannerAlt
{
    position: absolute;
    top: 15em;
    left: 0em;
    width: 656px;
    height: 111px;
    padding: 0;
    margin: 0;
    text-align: left;
    background: url(images/who-is-walking-banner.png) no-repeat;
}
        #noFlashBannerAlt a {
          display:block;
          width:100%;
          height:100%;
          color: #000000;
          text-decoration:none;
        }

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

#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: 38em;
            margin: 0;
            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;
        }


/* product boxes */

#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/2010/news-box.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;
        }
*/

#newsItem
{
    width:auto;
    height: auto;
    margin: 15px;
}

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

#boxnews_item
{
    float: left;
    width: auto;
    height: auto;
    margin: 5px 15px 0px 15px;
}

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

        #boxnews_item 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/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/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/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/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/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/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 0em 0em;
    background: url(images/boxes/2010/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 0em 0em;
    background: url(images/boxes/2010/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: 6em 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;
}

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





/* 2010 New Box layout */



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


/* timeware tabs */

#rwTABS { float: left; width: 379px;  height: 379px; margin: 1em 0.8em 0em 0.8em; background-image: url(images/boxes/2010/news-box.png);}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 8px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{

text-decoration: none;
position: relative;
z-index: 1;
behavior: url(PIE.htc);
padding: 8px 14px;
margin-right: 3px;
border: 1px solid #666;
color: #fff;
background: #0471b7 top left repeat-x;



-o-border-radius: 15px 15px 0px 0px; -icab-border-radius: 15px 15px 0px 0px; -khtml-border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px;

/* -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; */
	border-radius: 15px 15px 0px 0px; 
}

.shadetabs li a:visited{
color: #fff;
}

.shadetabs li a:hover{
text-decoration: none;
color: #000;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-color: #0471b7;
border-bottom-color: #0471b7;
color: #000; 
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
height: auto;
min-height: 205px;
}

@media print {
.tabcontent {
display:block !important;
}
}