body
{
/*    background-color: #003768;  */
    font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4
{
    color: #003768;
}

a img
{
    border: none;
}

.header
{
    height: 137px;
    background-image: url(../Images/HeadBG.png);
    background-repeat: repeat;
    background-position: bottom;
}

.logo
{
    height: 120px;
/*    margin-left: 10px;  */
    margin-right: 10px;
    background-image: url(../Images/K2WebsiteLogo2.png);  
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: right;
    color: #003768;
    font-size: larger;
}

.marginarea
{
    margin-left: 10px;
    margin-right: 10px;
    background-color: White;
}

.loginstatus
{
    font-size: 60%;
}

.content
{
    margin-left: 10px;
    margin-right: 10px;
}

.footer
{
    margin-top: 20px;
    height: 244px;
    width: 100%;
    background-image: url(../Images/FootBG2.png);
    background-repeat: repeat;
    background-position: bottom;
    color: #777777;
    text-align: center;
    font-size: 60%;
    font-weight: bolder;
}

.footer .name
{
    font-size: 10pt;
}

.footer ul
{
    padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
    margin: 0;
}

.footer ul li
{
    display: inline;
}

.footer ul li a
{
    color: #777777;
    padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
    margin-right: 20px; /*spacing between each menu link*/
    text-decoration: none;
    border-bottom: 1px solid gray;
    border-bottom-color: white;
}

.footer ul li a:hover, .underlinemenu ul li a.selected
{
    text-decoration: none;
    border-bottom: 1px solid gray;
    border-bottom-color: black;
}

.Features_Column
{
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
    font-size: small;
    background-color: #d6deeb;
    vertical-align: top;
}

.Features_Column a
{
    text-decoration: none;
    color: #777777;
}

.Features_Column a:hover
{
    color: #003768;
}

.Resources_Column
{
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
    font-size: small;
    background-color: #d6deeb;
    vertical-align: top;
}

.WhatsNew_Column
{
    font-size: small;
    width: 40%;
    vertical-align: top;
    color: Black;
    margin: 5px 5px 5px 5px;
    padding: 10px 15px 10px 15px;
}

.Article_Head
{
    font-family: Times, serif;
    color: #003768;
    font-size: large;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.Article_Head a
{
    text-decoration: none;
    color: #003768;
}

.Article_Head a:hover
{
    color: #777777;
}

.Section_Head
{
    color:  Black;
    font-size: smaller;
}

.column_text
{
    margin: 5px 5px 5px 5px;
    color: #777777;
}

.column_text hr
{
    color: #cccccc;
    background-color: #cccccc;
    height: 1px;
    border: 0;
}

.bottom_video
{
    margin-top: 20px;
}

.page_error_label
{
    color: Red;
    font-size: larger
}

/* Styles for CompenentArt SiteMap control */
.SiteMap
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #777777;
    font-size: 60%;
    font-weight: bolder;
    text-align: left;
}

.BreadcrumbsNode
{
}

.BreadcrumbsNode a
{
    color: #777777;
    text-decoration: none;
}

.BreadcrumbsNode a:hover
{
    color: red;
    text-decoration: underline;
}

.SiteMapTree
{
    border: 1px solid black;
    background-color: white;
    font-family: verdana;
    font-size: 10px;
    padding-left: 15px;
}

.SiteMapTreeHeader
{
    background: url(../Images/HeaderBar_BlackIce.gif);
    background-color: #737294;
    color: #FFFFFF;
    border: #57566F 1px solid;
    border-bottom-width: 0px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    cursor: default;
}

.SiteMapTreeRootNode
{
    color: black;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding: 7px;
    padding-top: 7px;
    padding-bottom: 1px;
}

.SiteMapTreeRootNode a
{
    color: black;
    text-decoration: none;
}

.SiteMapTreeRootNode a:hover
{
    color: black;
    text-decoration: underline;
}

.SiteMapTreeParentNode
{
    font-family: verdana;
    font-size: 10px;
}

.SiteMapTreeParentNode a
{
    color: black;
    text-decoration: none;
}

.SiteMapTreeParentNode a:hover
{
    color: black;
    text-decoration: underline;
}

.SiteMapTreeLeafNode
{
    color: black;
    font-family: verdana;
    font-size: 10px;
}

.SiteMapTreeLeafNode a
{
    color: black;
    text-decoration: none;
}

.SiteMapTreeLeafNode a:hover
{
    color: black;
    text-decoration: underline;
}

/* Styles for CompenentArt MaskedInput control */
.MaskedInputField
{
    width: 406px;
    height: 25px;
    /*
        padding: 10px 20px;
    */
    padding: 0 0 15px 0;
    margin: 0;
}

.MaskedInputField span.lbl
{
    float: left;
    width: 160px;
    height: 25px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px 0 0;
    text-align: right;
    cursor: default;
}

.MaskedInputField span input
{
    width: 188px;
    border: none;
    background: transparent url(../Images/MaskedInput.png) no-repeat 0 100px;
    margin: 0;
    padding: 5px 4px 6px 8px;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    position: absolute;
    top: 0;
}

.MaskedInputField span.empty
{
    float: left;
    width: 226px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background: transparent url(../Images/MaskedInput.png) no-repeat right -25px;
    margin: 0;
    position: relative;
}

.MaskedInputField span.empty input
{
    color: #666;
    font-style: italic;
    background-position: 0 -25px;
}

.MaskedInputField span.focused
{
    float: left;
    width: 226px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background: transparent url(../Images/MaskedInput.png) no-repeat right -50px;
    margin: 0;
    position: relative;
}

.MaskedInputField span.focused input
{
    color: #000;
    font-style: normal;
    background-position: 0 -50px;
}

.MaskedInputField span.valid
{
    float: left;
    width: 226px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background: transparent url(../Images/MaskedInput.png) no-repeat right 0;
    margin: 0;
    position: relative;
}

.MaskedInputField span.valid input
{
    color: #0f0;
    font-style: normal;
    background-position: 0 0;
}

.MaskedInputField span.focused-valid
{
    float: left;
    width: 226px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background: transparent url(../Images/MaskedInput.png) no-repeat right -75px;
    margin: 0;
    position: relative;
}

.MaskedInputField span.focused-valid input
{
    color: #0a0;
    font-style: normal;
    background-position: 0 -75px;
}

.MaskedInputField span.invalid
{
    float: left;
    width: 226px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background: transparent url(../Images/MaskedInput.png) no-repeat right -100px;
    margin: 0;
    position: relative;
}

.MaskedInputField span.invalid input
{
    color: #d00;
    font-style: normal;
    background-position: 0 -100px;
}

.MaskedInputField span.disabled
{
    float: left;
    width: 226px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    background: transparent url(../Images/MaskedInput.png) no-repeat right -125px;
    margin: 0;
    position: relative;
}

.MaskedInputField span.disabled input
{
    color: #999;
    font-style: normal;
    background-position: 0 -100px;
}

/* Styles for CompenentArt DataGrid control */
.grid
{
    background: white;
    border: 1px solid black;
    border-top: 0px;
}

.dataArea
{
    height: 410px;
}

.hdr
{
    height: 36px;
    background: transparent url("images/header_bg.png");
    padding-left: 5px;
}

.grid .hdr .txt
{
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.grid .hdr .grp
{
    border: 1px solid #000;
    height: 25px;
    margin-left: 5px;
    cursor: default;
}

.grid .hdr .grp .txt
{
    border: 1px solid #a9a9a9;
    height: 23px;
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
    background: #333 url("images/horizontal.png") repeat-x 0 -177px;
    border-right: none;
}

.grid .hdr .grp img
{
    border: 1px solid #a9a9a9;
    border-left: none;
    display: block;
}

.ftr
{
    background-image: url(images/grid_footer_bg.gif);
    cursor: default;
    padding: 5px;
    height: 40px;
    border: 0px;
}

.ftrtxt
{
    color: #000000;
    font-family: verdana;
    font-size: 11px;
}

.ind,.grp-hd
{
    height: 19px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b1b5;
    background: #efeff4;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    line-height: 19px;
    color: #000;
}

.ind
{
    padding-right: 1px;
}

tr.row .ind
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bfdbf5;
    border-right: 1px dotted #bfdbf5;
    padding: 0;
    background: #fff;
}

.row
{
    border-color: #bfdbf5;
    background: #fff;
    font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    line-height: 23px;
    cursor: default;
}

.row-s
{
    border-color: #bfdbf5;
    background: #fff;
    font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    line-height: 23px;
    background: #dceaf8;
    cursor: default;
}

.row-s .txt
{
    color: #000;
    padding: 0;
}

.row-s .ind,.row-s .dat,.row-s .dat-pri,.row-s .dat-eml,.row-s .dat-att
{
    background: #e6eff7;
    border-top-color: #e6eff7;
    border-bottom: 1px solid #bfdbf5;
    border-right: 1px dotted #bfdbf5;
}

.dat
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bfdbf5;
    border-right: 1px dotted #bfdbf5;
    padding: 0px;
    background: #fff;
    color: #000;
}

.row-hd
{
    height: 25px !important;
    cursor: default;
}

.row-hd .ind
{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #b2b1b5;
    border-right: 1px solid #b2b1b5;
    padding: 0;
    background: #eee url("images/horizontal.png") repeat-x 0 -35px;
}

.row-hd .cell
{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #b2b1b5;
    border-right: 1px solid #b2b1b5;
    padding: 0;
    background: #eee url("images/horizontal.png") repeat-x 0 -35px;
    text-align: center;
}

.row-hd .cell-h
{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #b2b1b5;
    border-right: 1px solid #b2b1b5;
    padding: 0;
    background: #eee url("images/horizontal.png") repeat-x 0 -60px;
}

.row-hd .cell-d
{
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #b2b1b5;
    border-left: 1px solid #b2b1b5;
    padding: 0;
    background: #eee url("images/horizontal.png") repeat-x 0 -85px;
}

.row-hd .txt
{
    font: bold 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
    color: #000;
    line-height: 25px;
    padding: 0 0 0 8px;
}

.SliderPopup
{
    background-color: #ffffff;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    font-size: 11px;
    font-family: Tahoma;
    color: #000000;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999',Direction=135,Strength=5);
}

.LighterDataCell
{
    background-color: #F8FDFF;
}

.DarkerDataCell
{
    background-color: #E8F7FD;
}

/* Styles for ComponentArt Calendar control (small) */

.Cal { width:300px;height:250px;background:transparent url("../Images/CalStatic.png") no-repeat;color:#000;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

.Cal_hdr { width:270px;height:50px;color:#fff;padding:0;margin:5px 15px 10px 15px;cursor:default;color:#333; }
.hdr-d { width:56px;height:100%;float:left;margin:0 8px 0 0;background:transparent url("../Images/CalStatic.png") no-repeat 0 -250px; }
.hdr-d .day { width:100%;height:14px;line-height:14px;text-align:center;font-size:11px;padding-top:6px;  }
.hdr-d .date { width:100%;height:30px;line-height:30px;text-align:center; }

.hdr-m { width:128px;height:100%;float:left;margin:0 8px 0 0; }
.hdr-m a { display:block;height:100%;width:14px;float:left;cursor:default;background:transparent url("../Images/CalStatic.png") no-repeat; }
.hdr-m a.prev { background-position:-112px -250px; }
.hdr-m a.prev:active { background-position:-140px -250px !important;outline:none; }
.hdr-m a.prev:hover { background-position:-126px -250px; }
.hdr-m a.next { background-position:-154px -250px; }
.hdr-m a.next:active { background-position:-182px -250px !important;outline:none; }
.hdr-m a.next:hover { background-position:-168px -250px; }
.hdr-m .month { display:block;height:100%;width:100px;float:left;line-height:50px;text-align:center;background:transparent url("../Images/CalHorizontal.png") repeat-x; }

.hdr-y { width:70px;height:100%;float:left;margin:0; }
.hdr-y .year { width:56px;height:100%;float:left;line-height:50px;text-align:center;background:transparent url("../Images/CalStatic.png") no-repeat -56px -250px; }
.hdr-y .btns { float:right;width:14px;height:100%; }
.hdr-y .btns a { display:block;width:100%;height:50%;cursor:default;background:transparent url("../Images/CalStatic.png") no-repeat 600px -300px; }
.hdr-y a.next { background-position:-196px -250px; }
.hdr-y a.next:active { background-position:-224px -250px !important;outline:none; }
.hdr-y a.next:hover { background-position:-210px -250px; }
.hdr-y a.prev { background-position:-196px -275px; }
.hdr-y a.prev:active { background-position:-224px -275px !important;outline:none; }
.hdr-y a.prev:hover { background-position:-210px -275px; }

.Cal_con {
    width:260px;
    height:160px;
    margin:0 15px;
}

.Cal_ftr { width:100%;height:15px; }

.select-month { cursor:default;color:#333;text-align:center;width:22px;height:26px; }
.select-week { cursor:default;color:#333;text-align:center;width:22px; }
.day-hdr { cursor:default;color:#333;text-align:center; }

/*
a:active,a:focus { outline:none; }
*/

.day { cursor:default;text-align:center;width:33px;height:24px;color:#333; }
.day-h { cursor:default;text-align:center;background:#fff url("../Images/CalStatic.png") no-repeat -238px -250px;width:33px;height:24px;color:#c00; }
.day-s { cursor:default;text-align:center;background:#fff url("../Images/CalStatic.png") no-repeat -238px -273px;width:33px;height:24px;color:#000;text-decoration:underline; }
.day-s-h { cursor:default;text-align:center;background:#fff url("../Images/CalStatic.png") no-repeat -238px -273px;width:33px;height:24px;color:#c00;text-decoration:underline; }
.Cal_other { cursor:default;color:#ccc; }

/* Styles for CompenentArt Upload control */
.FileUpload { width:600px; }
.FileUpload .file { height:25px;width:600px;cursor:default;margin:0 0 10px 0; }
.FileUpload div.filename { width:400px;height:21px;border:1px solid #999;background-color:#fff;padding:2px 0 0 4px;margin:0;display:block;float:left;margin:0 1px 0 0; }
.FileUpload div input { background-color:transparent;width:400px;padding:2px !important;margin:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:none;color:#666;cursor:default !important; }
.FileUpload div.empty { background-color:#e6e6e6; }
.FileUpload div.empty input { color:#999; }
.FileUpload a.browse { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:none;width:68px;height:25px;border:0; }
.FileUpload a.browse img { border:0; }
.FileUpload a.remove,.FileUpload a.remove-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("../Images/UploadFileStatic.png") no-repeat -113px -83px;width:76px;height:25px; }
.FileUpload a.remove:hover { background-position:-113px -108px; }
.FileUpload a.remove:active { background-position:-113px -133px;outline:none; }
.FileUpload a.remove-d { background-position:-113px -158px; } /* Disabled class */

.FileUploadActions { height:25px;width:304px;cursor:default; }
.FileUploadActions a.add,.FileUploadActions a.add-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:url("../Images/UploadFileStatic.png") no-repeat -113px -183px;width:219px;height:25px; }
.FileUploadActions a.add:hover { background-position:-113px -208px; }
.FileUploadActions a.add:active { background-position:-113px -233px;outline:none; }
.FileUploadActions a.add-d { background-position:-113px -258px; } /* Disabled class */
.FileUploadActions a.add-d:active { outline:none; } /* Disabled class */

.FileUploadActions a.upload,.FileUploadActions a.upload-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("../Images/UploadFileStatic.png") no-repeat -189px -83px;width:76px;height:25px; }
.FileUploadActions a.upload:hover { background-position:-189px -108px; }
.FileUploadActions a.upload:active { background-position:-189px -133px;outline:none; }
.FileUploadActions a.upload-d { background-position:-189px -158px; } /* Disabled class */

.FileUploadTitlebar { width:100%;height:40px;cursor:move; }
.FileUploadTitlebar a { margin-top:4px;display:block;float:right;width:35px;height:25px;background:transparent url("../Images/UploadFileStatic.png") no-repeat -18px 0;cursor:default; }
.FileUploadTitlebar a:hover { background-position:-18px -25px; }
.FileUploadTitlebar a:active { background-position:-18px -50px;outline:none; }

.ttlt { width:100%;height:32px; }
.ttlt-l { width:9px;height:100%;background:transparent url("../Images/UploadFileStatic.png") no-repeat;float:left; }
.ttlt-m { height:100%;background:#000 url("../Images/UploadFileHorizontal.png") repeat-x;float:left; }
.ttlt-r { width:9px;height:100%;background:transparent url("../Images/UploadFileStatic.png") no-repeat -9px 0;float:left; }
.ttlt span { cursor:inherit;margin-left:4px;line-height:32px;color:#fff;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

.ttlb { width:100%;height:8px;overflow:hidden; } /*** overflow:hidden to prevent IE6 from rendering the div at the current font height ***/
.ttlb-l { width:9px;height:100%;background:#000 url("../Images/UploadFileStatic.png") no-repeat 0 -38px;float:left; }
.ttlb-m { height:100%;background:#fff url("../Images/UploadFileHorizontal.png") repeat-x 0 -38px;float:left; }
.ttlb-r { width:9px;height:100%;background:#000 url("../Images/UploadFileStatic.png") no-repeat -9px -38px;float:left; }


.FileUploadContent { background:#fff url("../Images/UploadFileVertical.png") repeat-y;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:4px 7px; }

.FileUploadFooter { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
.FileUploadFooter-l { width:9px;height:100%;background:transparent url("../Images/UploadFileStatic.png") no-repeat 0 -83px;float:left; }
.FileUploadFooter-m { height:100%;background:#eee url("../Images/UploadFileHorizontal.png") repeat-x 0 -83px;float:left; }
.FileUploadFooter-r { width:9px;height:100%;background:transparent url("../Images/UploadFileStatic.png") no-repeat -9px -83px;float:left; }

/* Footer buttons */
.FileUploadFooter .btns { float:right;margin-top:4px; }
.FileUploadFooter .btns a { text-decoration:none;color:#333;cursor:default !important;display:inline; }
.FileUploadFooter .btns a span.l { display:block;float:left;width:10px;height:25px;background:transparent url("../Images/UploadFileStatic.png") no-repeat -93px 0;margin-left:2px; }
.FileUploadFooter .btns a span.m { display:block;float:left;padding:0;height:25px;line-height:25px;background:transparent url("../Images/UploadFileHorizontal.png") repeat-x 0 -120px; }
.FileUploadFooter .btns a span.r { display:block;float:left;width:10px;height:25px;background:transparent url("../Images/UploadFileStatic.png") no-repeat -103px 0; }
.FileUploadFooter .btns a:hover { text-decoration:none;color:#000; }
.FileUploadFooter .btns a:hover span.l { background-position: -93px -25px; }
.FileUploadFooter .btns a:hover span.m { background-position:0 -145px; }
.FileUploadFooter .btns a:hover span.r { background-position: -103px -25px; }
.FileUploadFooter .btns a:active span.m { height:23px;line-height:24px;padding-top:2px; }


.FileUploadDialog { color:#999;cursor:default !important; }
.FileUploadDialog .ttlt-m,.FileUploadDialog .ttlb-m,.FileUploadDialog .ftr-m { width:440px; }

.FileUploadDialog .stat,.FileUploadDialog .list { padding:0 15px; }

.FileUploadDialog h3 { margin:0;font-weight:normal;font-size:11px;padding:0 0 4px 0;color:#666; }
.FileUploadDialog .red { color:#dd3409; }
.FileUploadDialog strong { color:#ea6b4a;font-weight:normal; }

.FileUploadDialog .files { height:auto;margin:0 8px 8px 8px;}
.FileUploadDialog .list ul { margin:0;padding:0;list-style-type:none; }
.FileUploadDialog .list ul li { line-height:16px;background:#fff url("../Images/UploadFileStatic.png") no-repeat -384px -32px;padding-left:16px; }
.FileUploadDialog .list ul li.done { color:#000;background-position:-384px 0; }
.FileUploadDialog .list ul li.cur { color:#dd3409;background-position:-384px -16px;}

.FileUploadDialog .info { float:left;font-size:11px;cursor:default !important;margin:0 0 0 8px;height:34px;line-height:34px;font-size:10px; }

.FileUploadProgress { width:412px;height:18px !important;border:1px solid #ccc;border-bottom-color:#ddd;border-right-color:#ddd;padding:0;margin:0;float:left;display:inline;overflow:hidden; }
.FileUploadProgress .FileUploadContent { width:410px;height:16px !important;background:transparent url("../Images/UploadFileHorizontal.png") repeat-x 0 -170px;border:0;margin:0;padding:1px; }
.FileUploadProgress .FileUploadContent .bar { height:16px;background:transparent url("../Images/UploadFileHorizontal.png") repeat-x 0 -188px; } 


