@import url(../StyleSheet.css);

body
{
    background: #c4d9a6 url(Header/MainBgTop.gif) repeat-x;
    text-align: center;
    margin: 0;
}
.nocookiesWarning
{
    padding:25px 10px; margin:10px auto; width: 800px; background-color:#fff; border:solid 2px #ccc; font-size: 1.2em;
}
.clear
{
    clear: both;
}
.right
{
    float: right;
}
.left
{
    float: left;
}
.error
{
    font-weight: bold;
    color: Red;
}
.error a
{
    color: Red !important;
    text-decoration: underline;
}
.errorPane
{
    margin: 0 0 1em 0;
}
.engineTable th, .engineTable td
{
    padding: 5px 5px 0px 0px;
}

/**** Set up foundation *****************************/
#pageUrl
{
    display: none;
}
#container, #footer .wrapper
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
#container
{
    background: #fff;
    position: relative;
    /*min-height: 744px;*/
    min-height: 500px;
    height: auto !important;
    /*height: 744px;*/
    height: 500px;
}
#canvas
{
    background: url(Content/ContentBg.gif) center repeat-y;
}
#canvasBg
{
    background: url(Content/ContentSideShadows.jpg) top center no-repeat;
}
#mainContent
{
    width: 960px;
}
#logo
{
    height: 98px;
}
#header
{
    background: url(Header/HeaderGradient.gif) top right no-repeat;
    width: 960px;
}
#header hr, #footer hr
{
    display: none;
}

.logo img
{
    border: 0;
}

.shareThisLink
{
}

a.externalLink
{
    background: url(Content/ExternalLink.gif) no-repeat right center;
    padding-right: 15px;
}

/****** Main Navigation *********************************************/
ul#mainTool, ul#mainTool li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul#mainTool
{
    background: #055439 url(MainNav/MainNavSync.gif) top repeat-x;
    height: 45px;
    padding-left: 25px;
    background-position: 23px 0;
}
ul#mainTool li
{
    float: left;
    background-position: top right;
}
ul#mainTool li a
{
    height: 45px;
    display: block;
    position: relative;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}
ul#mainTool li a .tofu
{
    height: 45px;
    width: 300px;
}
ul#mainTool a:hover
{
    background-position: 0 -45px;
}
ul#mainTool li.selected a
{
    background-position: 0 -90px;
}
ul#mainTool li.selected a:hover
{
    background-position: 0 -135px;
}

ul#mainTool .mt_AboutUsSection a
{
    background-image: url(MainNav/AboutUs.gif);
    width: 117px;
}
ul#mainTool .mt_WhyValiditySection a
{
    background-image: url(MainNav/WhyValidity.gif);
    width: 147px;
}
ul#mainTool .mt_ServiceSection a
{
    background-image: url(MainNav/Services.gif);
    width: 116px;
}
ul#mainTool .mt_SoftwareSolutionsSection a
{
    background-image: url(MainNav/SoftwareSolutions.gif);
    width: 207px;
}
ul#mainTool .mt_ResourcesSection a
{
    background-image: url(MainNav/Resources.gif);
    width: 131px;
}
ul#mainTool .mt_NewsInsightSection a
{
    background-image: url(MainNav/NewsAndInsights.gif);
    width: 194px;
}

#contactLink
{
    position: absolute;
    top: 25px;
    right: 14px;
}

/******* Search Box *******************************************/
#searchBox
{
    position: absolute;
    top: 65px;
    right: 7px;
}
#searchBox .searchForm
{
    padding-right: 6px;
    position: relative;
}
#searchBox .searchInput input
{
    width: 153px;
    background: transparent;
    border: 0px solid #fff;
}
#searchBox .searchInput
{
    display: inline-block;
    background: url(Search/SearchTextBox.gif) top left no-repeat;
    height: 20px;
    margin-left: 10px;
    padding: 1px 3px;
}
#searchBox label
{
    position: relative;
    top: 1px;
}
#searchBox .searchButton
{
    position: absolute;
    top: -5px;
    right: 0;
}
/****** Footer ***************************************************/
#footer
{
    background: url(Footer/FooterShadow.gif) top center no-repeat;
    font-size: .9em;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0;
}
#footer, #footer a
{
    color: #32753e;
}
#footer ul.links, #footer ul.links li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#footer ul.links li
{
    display: inline;
}
#footer ul.links li a
{
    display: inline-block;
    border-right: 1px solid #32753e;
    padding-right: 10px;
    margin-right: 10px;
}
#footer ul.links li.lastChild a
{
    border: 0;
}
#footer ul.links
{
    float: left;
    width: 55%;
}
#footer ul.links li.ClientLogin a 
{
    color: #CE7821;
}
#footer .copyright
{
    float: right;
    width: 40%;
    text-align: right;
}

/**** Icons *******************************************************/
a.icon
{
    background: url(Content/IconSprite.gif) top left no-repeat;
    display: inline-block;
    padding: 4px 10px 3px 20px;
}
a.share
{
    background-position: 0 0;
}
a.print
{
    background-position: 0 -40px;
}
a.download
{
    background-position: 0 -80px;
}
a.call
{
    background-position: 0 -120px;
}
a.click
{
    background-position: 0 -160px;
}
a.chat
{
    background-position: 0 -200px;
}

a.moreInfo, ul.moreInfo li
{
    background: url(Content/MoreInfo.gif) 0 6px no-repeat;
}
a.moreInfo
{
    display: -moz-inline-box;
    display: inline-block;
    padding-left: 10px;
    font-size: 12px;
    margin-left: 5px;
}
ul.moreInfo, ul.moreInfo li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.moreInfo li
{
    padding: 0 0 10px 10px;
    background: url(Content/MoreInfo.gif) 0 6px no-repeat;
}

/**** Pager Frame *************************************************/
table.pagerFrame
{
    width: 100%;
    border-collapse: collapse;
}
table.pagerFrame .header th
{
    text-align: left;
}
table.pagerFrame td
{
    background-color: #fff;
    padding: 3px 0px;
}
table.pagerFrame td.alternate
{
    background-color: #f6f6f6;
}


/**** Glider styles **************************************************/
#clientScroller
{
    width: 190px;
    height: 80px;
    overflow: hidden;
}
#clientScroller .section
{
    width: 190px;
    height: 80px;
    text-align: center;
    padding: 1em 0;
}

/* testimonialScroller*/
#testimonialScroller
{
    width: 175px;
    overflow: hidden;
    height: 150px;
}
#testimonialScroller .section
{
    width: 175px;
    text-align: left;
}
#testimonialScroller .scroller
{
    /* modify width and height of scrolling section if necessary	*/
    width: 175px; /*height: 80px;*/
    overflow: hidden;
}
#testimonialScroller div.scroller div.section
{
    /* modify width and height of each section as needed (should match the size of the scroller window)	*/
    width: 175px; /*height: 80px;*/
    overflow: hidden;
    float: left;
    padding: 0em;
}
#testimonialScroller div.scroller div.content
{
    width: 10000px;
}
#testimonialScroller h2, #testimonialScroller h4
{
    text-align: left;
}
#testimonialControls .pager, #testimonialControls .pausePlay
{
    display: none;
}
#testimonialControls ul, #testimonialControls ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#testimonialControls ul
{
    height: 20px;
    position: relative;
}
#testimonialControls li.previous
{
    position: absolute;
    top: 4px;
    left: 0;
}
#testimonialControls li.previous a
{
    display: block;
    background: url(/App_/ROOT/Command/ArrowPrevious_O.gif) 0px 3px no-repeat;
}
#testimonialControls li.next
{
    position: absolute;
    top: 4px;
    right: 0;
}
#testimonialControls li.next a
{
    display: block;
    background: url(/App_/ROOT/Command/ArrowNext_O.gif) right 3px no-repeat;
}
#testimonialControls li a
{
    overflow: hidden;
    text-indent: -1000px;
    width: 15px;
    height: 17px;
}

/***** Forms *****************************************************************/

.errorPane
{
    color: #C00;
    font-weight: bold;
}

.engineTable th
{
    text-align: left;
    vertical-align: top;
}

/***** Partner Page **********************************************************/

div.partnerBox
{
    clear: left;
    padding: 5px;
}

div.partnerBox h3
{
    margin: 5px 0;
}

div.partnerLogo
{
    /**background: url(Partner/Partner.png) no-repeat;*/
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 5px;
    width: 135px;
}
.noscriptMessage{ padding:25px 10px; margin:10px auto; width: 800px; background-color:#fff; border:solid 2px #ccc; font-size: 1.2em; }

.ChecklistForm td.QuestionLabel
{
    font-weight: bold;
}

.RowHead
{
    margin-bottom: 10px; /*font-size: 18px;*/
    clear: both;
}
.RowHead a
{
    /*font-size: 18px;*/
}
.RowGroup
{
    margin: 0px 15px 10px 35px;
    clear: both;
}
.RowItem
{
    margin-bottom: 10px;
    clear: both;
}
.ViewArchiveLink
{
    margin: 10px 0px;
    clear: both;
}
.ViewMoreLink a
{
    font-size: 12px;
    margin-right: 15px;
}
.HideLink
{
    margin-bottom: 15px;
}