/* File Name :- KbStyleSheet.css */

/* This file will inherit all the stylesheet properties from Common css file */

/* Along with that it will have its own css to be used in KB Module */





/*Different Titles*/ 

.title, .title1, .title2, .title3 { padding: 2px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.title1 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #387B69;}



/*.title {font-size: 16px;BORDER-BOTTOM : 2px solid #387B69;text-align:left; line-height: normal; font-weight: bold; text-transform: none; color: #387B69;} */ 

.title {font-size: 12px;BORDER-BOTTOM : 2px solid #387B69;text-align:left; line-height: normal; font-weight: bold; text-transform: none; color: #387B69; padding: 2px 0px 2px 0px; } 

.title2 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #10828D;}

.title3 {font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; color: #10828D;} 



/* container bgcolor ( like TABLE )*/ 

.contnrBgcolor { background:#EdF9F1; }

.scrollerstyle{ scrollbar-base-color:#d2e6dc;scrollbar-arrow-color:black;} 



/*mandatory*/

.mandatory{color: red;} 



/*Message Boxes*/ 

.success {border:2px solid #ddd;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif; } 

.success {background:#E6EFC2;color:#264409;border-color:#C6D880;} 

.success a {font-size:10px; color:#869840; text-decoration: none;} 

.success a:link, a:active, a:visited{text-decoration: none;}

.success a:hover {color:#AD751F;text-decoration:underline;} 

.subheader3{font-size:10px;padding: 4px 0 4px 0; color: #191919; background: #d2e6dc;} 

.subheader3 a u, .subheader3 a b {color:#191919;} 



/* button style */

.formButton{font-size:10px;background:#83c0b0;color:#ffffff;font-weight:bold;border: 1px solid #10828D; border-right: 1px outset #10828D;border-bottom:1px outset #10828D; cursor:pointer;font-family: Verdana, Arial, Helvetica, sans-serif; }

.formButton u {color: yellow; font-weight:bold;}



/* ALT key representation */ 

.formButton b { text-decoration: overline; color: yellow; font-weight:bold;}



/* SHIFT key representation */ 

.formButton:focus {outline: 1px solid orange; cursor:hand;} 

.formButton:disabled { color: #DEDDB4; cursor: pointer;} /*****************************************************************************/ /*Styles related to rounded corner form container*/ .r{display:block} .r *{ display:block;height:1px;overflow:hidden;font-size:.01em;background:#EDF9F1;} .r1{ margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #c7e9ed;border-right:1px solid #c7e9ed;background:#d2f6fc;} .r1 b{background:#d2f6fc;} .r2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #cdedee;border-right:1px solid #cdedee;background:#d1f5fc;} .r3{margin-left:1px;margin-right:1px;border-left:1px solid #c1e5ec;border-right:1px solid #c1e5ec;} .r4{border-left:1px solid #c7e9ed;border-right:1px solid #c7e9ed;} .r5{border-left:1px solid #c2e6ec;border-right:1px solid #c2e6ec;} .rfg{border-left:1px solid #c7e9ed;border-right:1px solid #c7e9ed;background:#EdF9F1;padding: 7px 10px 7px 10px; width: auto; *width:100%;}



.rptHeader1{padding: 4px;background: #387B69; color: #ffffff; font-weight:bold;font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }



                                                         /*Anchor style*/

a.anchor_link:link, a:visited {text-decoration: none;}

a.anchor_link:hover {color: #73471b; text-decoration: underline;}

a.anchor_link {color:#74a838;font-family:  Arial; font-size: 12px; }





 a.anchor_link:hover{color: #aD751F; text-decoration:underline;}

//



.ListSubHeader2{padding: 4px 0 4px 0;background: #93D0C0; color: #191919;}



.ListSubHeader2 a:link, a:visited{text-decoration: none;}



.ListSubHeader2

.ListSubHeader2 a {color:#F3FF89;}



.ListSubHeader2 a u, .ListSubHeader2 a b {color:#191919;}



.ListSubHeader2 a:hover u, .ListSubHeader2 a:hover b {color:#aD751F;}

input,textarea,select{font-size:10px; font-family:inherit; font-weight:inherit;}





fieldset,img{border:0;}



.ListSubHeader1{ font-size:10px; padding: 4px 0 4px 0;background: #59A08E; color: #FFFFFF;}

.ListHeader{background: #387B69; color: #FFFFFF;font-weight: bold}

.ListHeader1{padding: 4px;background: #387B69; color: #ffffff; font-weight: bold;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  }

.ListHeader1 a:link, a:visited, .ListHeader2 a:link, a:visited, .ListSubHeader1 a:link, a:visited{text-decoration: none;}

.ListHeader1 a, .ListHeader2 a, .ListSubHeader1 a {color:#E3EF69;font-weight:bold;}

.ListHeader1 a:hover, .ListHeader2 a:hover, .ListSubHeader1 a:hover{color: #FDB55F; text-decoration:underline;font-weight:bold;}

.ListHeader1 a u, .ListHeader1 a b {color:#ffffff;} 

.ListHeader1 a:hover u, .ListHeader1 a:hover b {color:#FDB55F;} 

.ListSubHeader1 a u, .ListSubHeader1 a b {color:#ffffff;}

.ListSubHeader1 a:hover u, .ListSubHeader1 a:hover b {color:#FDB55F;}



/*Gap classes*/

.smallGap { padding: 0;padding-top: 2px;margin: 0;height: 2px; line-height: 2px;}

.gap { padding: 0;padding-top: 4px; margin: 0; height: 4px; line-height: 4px;}

.bigGap { padding: 0;padding-top: 8px; margin: 0; height: 8px; line-height: 8px;}

  .ImagePanelStyle

    {

       overflow      : auto;

       BORDER-RIGHT  : 1px solid #b2b2b2;

       BORDER-TOP    :1px solid #b2b2b2;

       BORDER-BOTTOM :1px solid #b2b2b2;

       BORDER-LEFT :1px solid #b2b2b2;

       background-color : #ffffff;

    }



    .imagePanelHeader

    {

        FONT: 11px verdana;

        COLOR : #23799b;

        BORDER-BOTTOM :1px solid #b2b2b2;

    }



    .linkDelStyle

    {

        FONT-FAMILY: Verdana;

        FONT-SIZE: 10;       

        COLOR: maroon; 

        CURSOR: HAND;

    }



    .backImage

    {

        BACKGROUND: url("/tcmweb/images/kb/toolbar_background.gif") repeat-x right;

    }



    .removeBackImage

    {

        BACKGROUND : '';

    }



    .divStyle

    {

        z-index          : 5;

        width            : '350px';

        height           : '250px';

        position         : absolute;

        border           : 3px solid #387b69;

        background-color : #ffffff;

    }



    thead tr

    {

     position:relative; 

     top: expression(offsetParent.scrollTop); /*IE5+ only*/

    }



    tbody

    {

        display : table-row-group;

    }



    .HighlightRow{background: #387B69; color: #ffffff; font-weight: bold;}



    .ColumnHeaderBorderStyle

    {

     border-right: 1px solid #92BEBA;

     font-weight:bold;

    }



    .ActiveHighLighted

    {

     font-weight:bold;

    }



    .InActiveHighLighted

    {

     font-weight:normal;

    }



    .InActiveRow

    {

     font-weight:normal;

    }



    .InActiveBGColor

    {

     padding: 4px 0 4px 0;

     color: #191919; 

     background: #EFEFEF;}

    }



    .StyleItalic

    {

     font-style:italic;

    }



    .Padding3px

    {

     PADDING:3px;

    }



    .Padding2px

    {

     PADDING:2px;

    }



    .Padding0px

    {

     PADDING:0px;

    }



    .BorderCollapse

    {

     border-collapse:collapse;

    }



    .ContentScrollbar

    {

     scrollbar-base-color:#E4F5F0;

     scrollbar-arrow-color:#59A08E;

    }





    /*  these two classes were used for Active and Inactive Tabs  */

    .local_title3

    {

     font-weight: bold;

     text-align : center;

     color: #10828D;

     cursor:hand;

     background-color:#EDF9F1;

     border-top:1px solid #D2E6DC; 

     border-left:1px solid #D2E6DC;

     border-right:1px solid #D2E6DC;

     border-bottom:1px solid #93D0C0;

    }

    

    .local_title2

    {

     font-weight: bold;

     text-align : center;

     color: #191919;

     cursor:hand;

     background-color:#FCFCFE;

     border-top:1px ridge #D2E6DC;

     border-left:1px solid #D2E6DC;

     border-right:1px solid #D2E6DC;

     border-bottom:1px solid #FFFFFF;

    }



    /* Required since <B> tag is not working */

    .FontBold

    {

     font-weight:bold;

    }



    .FontNormal

    {

     font-weight:normal;

    }



    /* required for folder view navigation pane */

    .HighlightFolder

    {

        COLOR            : #FFFFFF;

        BACKGROUND-COLOR : #316AC5;

        CURSOR           : Hand;

    }

    .UnHighlightFolder

    {

       COLOR             : #000000;

       BACKGROUND-COLOR  : #FFFFFF;

       CURSOR            : Hand;

    }

    .WorkFlowSubHeader

    {

        COLOR            : #000000;

        PADDING          : 3px 0 3px 0;

        FONT-STYLE       : italic;

        BACKGROUND-COLOR : #f1f1f1

    }

    .WorkFlowHeader

    {

        COLOR            : #000000;

        PADDING          : 3px 0 4px 0;

        BACKGROUND-COLOR : #ccdddd;

        font-weight      : bold;

    }

    .FolderBorder

    {

        BORDER           : 1px solid #BFE3E1;

    }





.content {font-size: 10px;line-height: normal; font-weight: normal; text-transform: none; color: #3F3F3F; text-align: justify;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3F3F3F;}





    //.title, .title1, .title2, .title3 { padding: 2px;}

    //

    //.title { font-size: 13px;BORDER-BOTTOM : 2px solid #387B69;text-align:left; line-height: normal; font-weight: bold; text-transform: none; color: #387B69; padding: 2px 0px 2px 0px; }

    //.title1 {font-size: 13px; line-height: normal; font-weight: bold; text-transform: none; color: #387B69;}

    //

    //.title2 {font-size: 12px; line-height: normal; font-weight: bold; text-transform: none; color: #10828D;}

    //.title3 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #10828D;}

    //

    //.subheader3{padding: 4px 0 4px 0; color: #191919; background: #d2e6dc;}

    //

    //.ListHeader1{padding: 2px;background: #387B69; color: #ffffff; font-weight: bold;}

    //a.disabled:hover{color: #a4a4a4; text-decoration: none; cursor:default;}

    //

    //body, body * { font:  Verdana, Arial, Helvetica, sans-serif; } /* color:#6d6e71 */ 

   .//content {font-size: 10px;line-height: normal; font-weight: normal; text-transform: none; color: #3F3F3F; text-align: justify;}

    //                                                                                      /* color:#6d6e71 */

    //

    //a:link, a:visited {text-decoration: none;font-size:12px}

    //a:hover {color: #73471b; text-decoration: underline;font-size:12px}

    //a {color:#74a838;font-size:10px}

    //

    //.borderAll {border: 1px solid #a2b6Ac;}

    



/*mandatory*/

/*.mandatory{color:red;font-weight:bold;}*/

.mandatory{color: red;}



