﻿body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

.bodyBackground {
    background-color: #f0f0f0;
}


/* ---------------------------------------------------------------------- */
/* CONTROLS
/* ---------------------------------------------------------------------- */
/* Textboxes & Textarea */
input[type=text], textarea {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 14px;
    min-height: 28px;
    padding-left: 4px;
    border: 1px solid 728c47;
}

    input[type=text]:hover, textarea:hover {
        border: 1px solid #8F9F5F;
    }

    input[type=text]:focus, textarea:focus {
        border: 1px solid #8F9F5F;
    }



/* Buttons */
input[type=submit], input[type=button] {
    display: inline;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin: auto;
    padding-left: 6px;
    padding-right: 6px;
    min-height: 28px;
    background: #728c47;
    border: 0px;
    min-width: 80px;
}

    input[type=submit]:hover, input[type=button]:hover {
        background: #8F9F5F;
    }


/* ---------------------------------------------------------------------- */
/* TABLE Classes
/* ---------------------------------------------------------------------- */
.tTable {
    display: table;
}

.tRow {
    display: table-row;
}

.tCell {
    display: table-cell;
}

/* ---------------------------------------------------------------------- */
/* Alignments
/* ---------------------------------------------------------------------- */
.alignTop {
    vertical-align: top;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    vertical-align: middle;
}

/* ---------------------------------------------------------------------- */
/* Widths
/* ---------------------------------------------------------------------- */
.w-4 {
    width: 4px !important;
}

.w-68 {
    width: 68px !important;
}

.w-70 {
    width: 70px;
}

.w-80 {
    width: 80px;
}

.w-85 {
    width: 85px !important;
}

.w-90 {
    width: 90px;
}

.w-97 {
    width: 97px !important;
}

.w-100 {
    width: 100px;
}


.w-104 {
    width: 104px !important;
}

.w-105 {
    width: 105px !important;
}


.w-108 {
    width: 108px !important;
}


.w-110 {
    width: 110px;
}

.w-120 {
    width: 120px !important;
}

.w-130 {
    width: 130px;
}

.w-137 {
    width: 137px !important;
}

.w-139 {
    width: 139px;
}

.w-140 {
    width: 140px !important;
}

.w-146 {
    width: 146px !important;
}

.w-160 {
    width: 160px !important;
}

.w-166 {
    width: 166px !important;
}

.w-168 {
    width: 168px !important;
}

.w-170 {
    width: 170px !important;
}


.w-172 {
    width: 172px !important;
}

.w-180 {
    width: 180px !important;
}

.w-185 {
    width: 185px !important;
}

.w-186 {
    width: 186px !important;
}

.w-187 {
    width: 187px !important;
}

.w-192 {
    width: 192px !important;
}
.w-195 {
    width: 195px !important;
}


.w-200 {
    width: 200px !important;
}

.w-208 {
    width: 208px !important;
}

.w-221{
    width: 221px !important;
}

.w-237 {
    width: 237px !important;
}

.w-243 {
    width: 243px !important;
}

.w-272 {
    width: 272px !important;
}


.w-274 {
    width: 274px !important;
}

.w-280 {
    width: 280px !important;
}


.w-283 {
    width: 283px !important;
}

.w-288 {
    width: 288px !important;
}

.w-289 {
    width: 289px !important;
}

.w-340 {
    width: 340px !important;
}

.w-380 {
    width: 380px !important;
}
.w-392 {
    width: 392px !important;
}

.w-468 {
    width: 468px !important;
}

.w-510 {
    width: 510px !important;
}

.w-540 {
    width: 540px !important;
}

.w-580 {
    width: 580px !important;
}

.w-600 {
    width: 600px !important;
}

.w-612 {
    width: 612px !important;
}

.w-620 {
    width: 620px !important;
}



.w-635 {
    width: 635px !important;
}


.w-640 {
    width: 640px !important;
}

.w-642 {
    width: 642px !important;
}

.w-643 {
    width: 643px !important;
}

.w-654
{
    width: 654px !important;
}


.w-799 {
    width: 799px !important;
}


.w-800 {
    width: 800px !important;
}

.w-227 {
    width: 227px !important;
}

.w-232 {
    width: 232px !important;
}

.w-272 {
    width: 272px !important;
}

.w-275 {
    width: 275px !important;
}

.w-305 {
    width: 305px !important;
}

.w-307 {
    width: 307px !important;
}

.w-max {
    width: 100%;
}

.w-20-Perc {
    width: 20% !important;
}

.w-30-Perc {
    width: 30% !important;
}

.w-70-Perc {
    width: 70% !important;
}

.w-80-Perc {
    width: 80% !important;
}

.w-100-Perc {
    width: 100% !important;
}


/* ---------------------------------------------------------------------- */
/* Padding & Margin
/* ---------------------------------------------------------------------- */
.p-0 {
    padding: 0px !important;
}

.p-2 {
    padding: 2px;
}

.p-3 {
    padding: 3px !important;
}

.p-4 {
    padding: 4px;
}

.p-5 {
    padding: 5px !important;
}

.p-6 {
    padding: 6px;
}

.p-8 {
    padding: 8px;
}

.p-10 {
    padding: 10px;
}

p-15 {
    padding: 15px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-9 {
    padding-left: 9px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-275 {
    padding-left: 275px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-2 {
    padding-right: 2px;
}

.pr-4 {
    padding-right: 4px;
}
.pr-5 {
    padding-right: 5px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-7 {
    padding-right: 7px !important;
}

.pr-8 {
    padding-right: 8px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-110 {
    padding-right: 110px !important;
}

.pr-120 {
    padding-right: 120px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pt-4 {
    padding-top: 4px;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}
.mr-0 {
    margin: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-2 {
    margin-top: 2px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-5 {
    margin-bottom: 5px;
}

.ml-275 {
    margin-left: 275px !important;
}

.ml-290 {
    margin-left: 290px !important;
}



/* ---------------------------------------------------------------------- */
/* Heights
/* ---------------------------------------------------------------------- */

.h-5 {
    height: 5px !important;
}

.h-18 {
    height: 18px !important;
}

.h-19 {
    height: 19px !important;
}

.h-20 {
    height: 20px !important;
}

.h-22 {
    height: 22px !important;
}

.h-24 {
    height: 24px !important;
}

.h-25 {
    height: 25px !important;
}

.h-27 {
    height: 27px !important;
}

.h-28 {
    height: 28px !important;
}

.h-29 {
    height: 29px !important;
}

.h-30 {
    height: 30px !important;
}

.h-38 {

    height: 38px !important;
}

.h-50 {
    height: 50px !important;
}

.h-56 {

    height: 56px !important;
}

.h-83 {
    height: 38px !important;
}

.h-92 {
    height: 92px !important;
}

.h-48 {
    height: 48px !important;
}

.h-69 {
    height: 69px !important;
}

.h-98 {
    height: 98px !important;
}

.h-100 {
    height: 100px !important;
}

.h-106 {
    height: 106px !important;
}

.h-108 {
    height: 108px !important;
}

.h-113 {
    height: 113px !important;
}

.h-122 {
    height: 122px !important;
}

.h-137 {
    height: 137px !important;
}

.h-146 {
    height: 146px !important;
}

.h-148 {
    height: 148px !important;
}

.h-154 {
    height: 154px !important;
}

.h-161 {
    height: 161px !important;
}

.h-168 {
    height: 168px !important;
}

.h-169 {
    height: 169px !important;
}

.h-174 {
    height: 174px !important;
}

.h-179 {
    height: 179px !important;
}

.h-201 {
    height: 201px !important;
}

.h-204 {
    height: 204px !important;
}

.h-212 {
    height: 212px !important;
}

.h-243 {
    height: 243px !important;
}

.h-247 {
    height: 247px !important;
}

.h-249 {
    height: 249px !important;
}

.h-300 {
    height: 300px !important;
}


.h-343 {
    height: 343px !important;
}

.h-450 {
    height: 450px !important;
}


.h-620 {
    height: 620px !important;
}


.h-792 {
    height: 792px !important;
}


/* ---------------------------------------------------------------------- */
/* Decroators
/* ---------------------------------------------------------------------- */
.display-inline {
    display: inline;
}


/* ---------------------------------------------------------------------- */
/* Forms :: input labels, static text - anything where it's related to user
            input except the actual controls.
/* ---------------------------------------------------------------------- */
.inputLabel {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #777777;
}

.staticData {
    font-family: 'Consolas' !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    font-weight: 700;
    color: #880000;
}

/* ---------------------------------------------------------------------- */
/* BackGround 
/* ---------------------------------------------------------------------- */
.bg-no-repeat
{
     background-repeat: no-repeat !important;
}

.bg-position-right{
    background-position:right !important;
}


/* ---------------------------------------------------------------------- */
/* BackGround image
/* ---------------------------------------------------------------------- */
.bg-image {
    background-image: url('images/slide1.jpg') !important;
}


.bg-image-staticCling{
   background-image:url(http://www.valutec.net/Newsletter/images/staticCling.gif);
}


/* ---------------------------------------------------------------------- */
/* BackGround Color
/* ---------------------------------------------------------------------- */
.bg-color-7C7C7C {
    background-color: #7C7C7C !important;
}

.bg-color-ffffff {
    background-color: #ffffff !important;
}


.bg-color-666666 {
    background-color: #666666 !important;
}

.bg-color-red {
    background-color: Red !important;
}


.bg-color-D8E4F5
{
     background-color: #D8E4F5 !important;
}

.bg-color-0000CE
{
     background-color: #0000CE !important;
}

.bg-color-C2D5F4 {
    background-color: #C2D5F4 !important;
}

.bg-color-063BA0 {
    background-color: #063BA0 !important;
}

.bg-color-D7DC36 {
    background-color: #D7DC36 !important;
}


/* ---------------------------------------------------------------------- */
/* Text align & decoration
/* ---------------------------------------------------------------------- */
.txt-align-lft {
    text-align: left !important;
}

.txt-align-center {
    text-align: center !important;
}

.txt-decor-underline {
    text-align: underline !important;
}

.txt-align-decor-none {
    text-decoration: none !important;
}


/* ---------------------------------------------------------------------- */
/* Vertical align
/* ---------------------------------------------------------------------- */

.vert-align-btm {
    vertical-align: bottom !important;
}

.vert-align-middle {
    vertical-align: middle !important;
}

.vert-align-top {
    vertical-align: top !important;
}

/* ---------------------------------------------------------------------- */
/* Fonts
/* ---------------------------------------------------------------------- */

.fnt-family-Ar-Hel-Sans {
    font-family: Arial, Helvetica, sans-serif !important;
}


.fnt-family-Ver-Ar-Hel-Sans {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.fnt-bold-9-verdana-Sans {
    font: bold 9px verdana,sans-serif;
}

.fnt-size-10 {
    font-size: 10px !important;
}

.fnt-size-14 {
    font-size: 14px !important;
}

.fnt-size-15 {
    font-size: 15px !important;
}

.fnt-size-18 {
    font-size: 18px !important;
}

.fnt-size-20 {
    font-size: 20px !important;
}


.fnt-size-38 {
    font-size: 38px !important;
}

.fnt-size-larger {
    font-size: larger !important;
}

.fnt-size-xlarge {
    font-size: x-large !important;
}

.fnt-weight-bold {
    font-weight: bold !important;
}
/* ---------------------------------------------------------------------- */
/* Colors
/* ---------------------------------------------------------------------- */

.color-7f7f7f {
    color: #7f7f7f !important;
}

.color-4d4d4d {
    color: #4d4d4d !important;
}

.color-6a546b {
    color: #6a546b !important;
}

.color-666666 {
    color: #666666 !important;
}

.color-ffffff {
    color: #ffffff !important;
}
.color-DEDEDE {
    color: #DEDEDE !important;
}

.color-005000 {
    color: #005000 !important;
}

.color-005000 {
    color: #005000 !important;
}

.color-3030AC {
    color: #3030AC !important;
}

.color-000099 {
    color: #000099 !important;
}

.color-000000 {
    color: #000000 !important;
}

.color-333333 {
    color: #333333 !important;
}

.color-0000CE {
    color: #0000CE !important;
}

/* ---------------------------------------------------------------------- */
/* Letter
/* ---------------------------------------------------------------------- */

.letter-spacing-5 {
    letter-spacing: .5px !important;
}

/* ---------------------------------------------------------------------- */
/* Center align
/* ---------------------------------------------------------------------- */
.login-tbl {
    border: thin;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}


/* ---------------------------------------------------------------------- */
/* General
/* ---------------------------------------------------------------------- */

.Clear-lft {
    clear: left !important;
}

.border-none {
    border: none !important;
}

.border-left-1
{
    border-left:1px !important;
}

.border-left-style-solid
{
  border-left-style:solid !important; 
}

.border-left-width-1 {
    border-left-width: 1px !important; 
}

.border-right-0 {
    border-right: 0px !important; 
}

.border-right-1 {
    border-right: 1px !important; 
}

.border-bottom-1 {
    
        border-bottom:1px !important; 
}

.border-bottom-style-solid {
    border-bottom-style:solid !important; 
}

.border-bottom-width-1 {
    border-bottom-width: 1px !important; 
}


.border-color-333333 {
    border-color: #333333 !important;
}

.lft-auto {
    left: auto !important;
}

.body-margin {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.txt-decor-underline {
    text-decoration: underline !important;
}

.float-lft {
    float: left !important;
}

.float-none {
    float:none !important;
}

/* ---------------------------------------------------------------------- */
/* Main & Side Nav
/* ---------------------------------------------------------------------- */

#mainNavContainer {
    background: url(/images/nav-bg.gif) repeat-x;
    height: 27px;
}

#mainNav {
    float: left;
    margin: 0;
    padding: 0px 0 0 28px;
    list-style: none;
}

    #mainNav li {
        float: left;
        margin: 0px 1px 0px 0px;
        padding: 0;
        font-family: Arial, Helvetica, Geneva, sans-serif;
        font-weight: normal;
        font-size: 1.2em;
        line-height: 1.2em;
        border-right: 1px solid;
        color: #acbf78;
    }

    #mainNav a {
        font-size: 12px;
        float: left;
        display: block;
        margin: 0;
        padding: 6px 8px 6px 8px;
        color: #ffffff;
        text-decoration: none;
        line-height: 1.2em;
        text-shadow: 0 -1px 1px rgba(89,87,87,0.7);
    }

        #mainNav a:hover {
            background-color: rgba(252,252,252,);
            background-color: #adc37d;
            display: block;
            color: #4e5342;
            text-shadow: 0 -1px 1px rgba(255,254,254,0.7);
            -webkit-transition-propery: background-color;
            -webkit-transition-duration: .1s;
            -webkit-transition-timing-function: linear;
        }

#n-previewit a {
    background: url(/images/previewit-11.png) no-repeat;
    width: 124px;
    float: right;
    height: 27px;
    display: block;
}

.headerBG {
    background: url(/images/header-bg-10.gif) no-repeat;
    height: 131px;
}

#headerContainer {
    height: 104px;
}

.divider {
    /*background: url(../images/nav-Line.gif) no-repeat right; */
    border-right: 1px solid;
    color: #8c9679;
}



.footerBackground {
    background: url(/images/footerbg2.gif) repeat-x;
    height: 203px;
    width: 800px;
    display: block;
}

#siteFooter {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    width: 800px;
    text-align: left;
}

#leftPadding {
    padding-left: 30px;
}

#footerLogo {
    background: url(/images/footerLogo.png) no-repeat 0px 0px;
    height: 46px;
    margin-bottom: 15px;
}

    #footerLogo em {
        visibility: hidden;
    }

#footerNavigation {
    width: 210px;
    margin-right: 10px;
    float: left;
}

#footerTopic {
    display: block;
}

#footerTopicLogin ul {
    display: block;
    width: 370px;
}

.footerDivider {
    background: url(/images/line-vert.png) repeat-y right;
}



#siteFooter ul {
    overflow: hidden;
    text-align: left;
    height: 135px;
    margin: 0;
    padding: 0;
}

#footerTitle {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #9b989c;
}

#siteFooter ul li {
    float: left;
    display: inline;
    margin: 0;
    padding-bottom: 3px;
}

#double li {
    width: 50%;
}

/*#triple {
    width: 50%;
}*/

    #triple li {
        width: 33%;
    }

#siteFooter ul li a {
    font-size: 11px;
    color: #9b989c;
    text-decoration: none;
}

    #siteFooter ul li a:hover {
        font-size: 11px;
        color: #ffde82;
        text-decoration: none;
    }


    #triple1 li {
        width: 33%;
    }

.btn-link {
    font-weight: normal !important;
    color: blue !important;
    text-decoration: underline;
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: pointer;
}