/*=== nav3 nav3 nav3 ====*/

 #nav3
{
    margin-top: 30px;
    float: left;
    width: 173px;
    min-height: 300px;
    position: relative;
    top: -14px;
    width: 173px;
    /*height: 400px;*/

    /*background: url(../Image/nav_repeater2.jpg) repeat-y;*/
    font-size: 1.1em;
    color: #964f8e;
    /*border-radius: 3px;*/
}

#nav3 a
{
    text-decoration: none;
}

#nav3 ul
{
    width: 173px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#nav3 ul > li
{
    background: url(../Image/button_a2.jpg) no-repeat;
    /*background-color: #f2f2f2;*/
    /*border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;*/
    line-height: 25px;
    transition: 0.5s;
}

#nav3 ul > li.active
,#nav3 ul > li:hover
{
    background: url(../Image/button_a-over2.jpg) no-repeat;
}


#nav3 ul > li > a
{
    padding-left: 25px;
    color: #680b76;
    font-weight: bold;
    display: block;
    /*transition: .3s;*/
}

#nav3 > ul > li.active > a
, #nav3 > ul > li:hover > a
{
    color: #fff;
}



#nav3 ul > li > ul
{
    display: none;
}


#nav3 ul > li.active > ul
, #nav3 ul > li:hover > ul
{
    display: block;
}

#nav3 ul > li > ul > li
{
    margin: 0;
    background: url(../Image/button_b2.jpg) no-repeat;
    min-height: 25px;
    /*transition: 1.0s;*/

}

/*#nav3 ul > li > ul > li.active*/

#nav3 ul > li > ul > li:hover
{
    background: url(../Image/button_b-over2.jpg) no-repeat;
}

#nav3 ul > li > ul > li.active
{
    background: url(../Image/button_c2.jpg) no-repeat;
}

#nav3 ul > li > ul > li > a
{
    padding-left: 30px;
    font-weight: normal;

}

#nav3 ul > li.special
{
    background: url(../Image/button_c2.jpg) no-repeat;
}

#nav3 ul > li.special:hover
{
    background: url(../Image/button_c-over2.jpg) no-repeat;
}

 /*=== nav3 nav3 nav3 ====*/


/**** nav2 ****/
#nav2
{
    margin-top: 30px;
    float: left;
    width: 173px;
    min-height: 300px;
    position: relative;
    top: -14px;
    width: 173px;
    /*height: 400px;*/

    /*background: url(../Image/nav_repeater2.jpg) repeat-y;*/
    font-size: 1.1em;
    color: #964f8e;
    /*border-radius: 3px;*/
}

#nav2 a
{
    text-decoration: none;
}

#nav2 ul
{
    width: 173px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#nav2 ul > li
{
    background: url(../Image/button_a2.jpg) no-repeat;
    /*background-color: #f2f2f2;*/
    /*border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;*/
    line-height: 25px;
    transition: 0.5s;
}

#nav2 ul > li.active
,#nav2 ul > li:hover
{
    background: url(../Image/button_a-over2.jpg) no-repeat;
}


#nav2 ul > li > a
{
    padding-left: 25px;
    color: #680b76;
    font-weight: bold;
    display: block;
    transition: 0.3s;
}

#nav2 > ul > li.active > a
, #nav2 > ul > li:hover > a
{
    color: #fff;
}



#nav2 ul > li > ul
{
    display: none;
}


#nav2 ul > li.active > ul
{
    display: block;
}

#xnav2 ul > li:hover > ul
{
    display: block;
    transition:all 0.01s;

}

#nav2 ul > li > ul > li
{
    margin: 0;
    background: url(../Image/button_b2.jpg) no-repeat;
    min-height: 25px;
    transition: 1.0s;

}

/*#nav ul > li > ul > li.active*/

#nav2 ul > li > ul > li:hover
{
    background: url(../Image/button_b-over2.jpg) no-repeat;
}

#nav2 ul > li > ul > li.active
{
    background: url(../Image/button_c2.jpg) no-repeat;
}

#nav2 ul > li > ul > li > a
{
    padding-left: 30px;
    font-weight: normal;
}

#nav2 ul > li.special
{
    background: url(../Image/button_c2.jpg) no-repeat;
}

#nav2 ul > li.special:hover
{
    background: url(../Image/button_c-over2.jpg) no-repeat;
}


 /**** nav2 ****/



table.hftable
{
    border: 1px solid #eee3ee;
    border-collapse:collapse;
    border-spacing:0px;
    width: 98%;
    margin-bottom:25px;
    margin-top:5px;
}

table.hftable2
{
    border: 1px solid #e6dde6;
    border-collapse:collapse;
    border-spacing:0px;
}

table.hftableComm
{
    border: 1px solid #e6dde6;
    border-collapse:collapse;
    border-spacing:10px;
    background-color: #fefbfe;
}

td.hftdNote
{
    border: 1px solid #f7f6f7;
    background-color: #fefefe;
    border-radius: 5px;
    padding: 3px;
    color: #964f8e;
    
}


tr.hftrh2
{
    border: 0px solid #e2d0e2;
    background-color: #e6dce6;  /*964f83*/
    color: #6B1873;
    font-size: 1.2em;
}

.hftblLabel {
    color: #6B1873;
    font-weight: bold;
    font-size: 1.2em;
}

tr.hftr
{
    /*border: 1px solid #C6A5CE;*/
    background-color: #e6dce6;  /*  #ebe0eb  #964f83*/
    color: #6B1873;
}

tr.hftrdk
{
    /*border: 1px solid #C6A5CE;*/
    background-color: #680b76;  /*  #ebe0eb  #964f83*/
    color: #FFFFFF;
}

td.hftddk
{
    border: 1px solid #680b76;
    padding: 2px;
    /*background-color: #d2d29f;*/
}

td.hftdbgdk
{
   border: 1px solid #C6A5CE;
    padding: 2px;
    background-color: #680b76;
    color: #FFFFFF;
}


td.hftdbg0
{
    border: 1px solid #e2d0e2;
    padding: 2px;
    background-color: #FFFFFF;
}

td.hftdbg1
{
    border: 1px solid #e2d0e2;
    padding: 2px;
    background-color: #e0d0e0;
}

td.hftdbg2
{
    border: 1px solid #e2d0e2;
    padding: 2px;
    background-color: #e6dce6;
}

td.hftdbg3
{
    border: 0px solid #e2d0e2;
    padding: 2px;
    background-color: #f5f2f5;
}


td.hftd
{
    border: 1px solid #e2d0e2;
    padding: 2px;
    /*background-color: #d2d29f;*/
}


.tab2 ul
{
    padding: 5px 15px 1px 10px;
    margin: 5px 5px 10px 5px;
    list-style: none;   
    border-style: none;
    height: 25px;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: #964f8e;
}

.tab2 ul li
{
    background: #f4eff5;
    border-top: 1px solid #e9deed;
    border-right: 1px solid #e9deed;
    border-left: 1px solid #e9deed;
    float: left;
    font-weight: bold;
    height: 15px;
    margin-right: 2px;
    padding: 5px 5px 5px 5px;
    /*padding: 10px 10px 10px 10px;*/
    text-decoration: none;
    transition: 0.3s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tab2 ul li a
{
    /*color: #fff;*/
    color: #964f8e;
    font-weight: bold;
    padding: 5px 5px 10px 5px;
    margin-top: -5px;
    text-decoration: none;
    transition: 0.3s;

}


.tab2 ul li:hover
{
    /*color: #FFFF00;*/
    
    background:  #d4bddb;
    padding: 5px 5px 10px 5px;
    margin-top: -5px;
}


.tab2 ul li.active
{
    background: #964f8e;
    color: #FFFF00;
    padding: 5px 5px 10px 5px;
    margin-top: -5px;

}

.tab2 ul li.active a
{
    color: #FFFF00;
    border-top: 1px solid #964f8e;
    border-right: 1px solid #964f8e;
    border-left: 1px solid #964f8e;
    background-color: #964f8e;
    padding: 10px 10px 15px 10px;
    margin-top: -5px;
}

hr.purplient { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #964f8e, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #964f8e, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #964f8e, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #964f8e, #f0f0f0); 
}

.txtboxright {
    text-align: right;
    font-size: 1.1em;
   border: 1px solid #f1e9f1;
}

.lblboxright {
    text-align: right;
    font-size: 1.1em;
}

.lblboxrightbold {
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    color: #984b90;
}


.rightAlign {
    text-align: right;
}

.bordlight {
   border: 1px solid #f6eef6;
}

.namelist
{
    font-family: "geneva" , "arial";
    /*font-size: 9px;*/
    color: #000000;
}


/*===================*/
.breakword
{
    white-space: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.executive-summary-explaination {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

.quest2form .SectionRow
{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
}

.quest2form .TopSection
{
    padding-left: 5px;
    background-color: #6B1873;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}

.quest2form .SecondSection
{
    padding-left: 10px;
    background-color: #C6A5CE;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
}

.quest2form .ThirdSection
{
    padding-left: 15px;
    background-color: #E7D6E7;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
}

.quest2form
{
    width: 100%;
    border: 1px solid #C6A5CE;
}

.quest2form .tinytext-q2
{
    font-size: 9px;
}

.quest2form .scorecell
{
    border-left: 1px solid white;
    text-align: center;
    line-height: normal;
}

.quest2form .pinklink
{
    color: #6B1873;
    font-style: italic;
}

.quest2form .scorelist
{
    width: 45px;
}

.separateleft
{
    margin-left: 10px;
}

.italic
{
    font-style: italic;
}

.certificateSetting
{
    width: 600px;
    margin: 5px auto;
    text-align: center;
}

.certificateSettingHighlight
{
    background-color: #7D7C06 !important;
    color: white;
    font-weight: bold;
}

.certificatePartAddress
{
    text-align: left;
    margin-top: 40px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: normal;
    border: 2px solid transparent;
}

.certificatePreviewPartName
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid transparent;
}

.certificatePreviewPartWorkshop
{
    margin-top: 10px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 2px solid transparent;
}

.certificatePreviewPartDate
{
    margin-top: 10px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 2px solid transparent;
}

.certificatePreviewPartImage
{
    position: relative;
    left: 220px;
    top: -30px;
    overflow: hidden;
    width: 35px;
    border: 2px solid transparent;
}

.certificatePreviewPartSignature
{
    width: 70px;
}

.certificatePreviewContainer
{
    border: 1px solid black;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.certificatePartPreview
{
    margin: 50px 30px 0 30px;
    border: 2px solid transparent;
}

.certificatePreviewHighlight
{
    border: 2px solid #D2D2A0 !important;
    cursor:pointer;
}

.certificatePreviewCurrent
{
    border: 2px solid #D2D2A0 !important;
    cursor:pointer;
}

.certificatePartPreviewLeftColumn
{
    float: left;
    width: 40%;
}

.certificatePartPreviewRightColumn
{
    float: left;
    margin-left: 10%;
    width: 45%;
    border: 2px solid transparent;
}

.alignCenter
{
    text-align: center;
}

.content
{
    font-family: "Geneva" , "arial";
    font-size: 13px;
    color: #5654A8;
}

.pull
{
    font-family: "geneva" , "arial";
    font-size: 11px;
    font-weight: bold;
    color: #663399;
    background-color: #FAFABB;
}

.pull2
{
    font-family: "geneva" , "arial";
    font-size: 11px;
    font-weight: bold;
    color: #FAFABB;
    background-color: #65458A;
}

.headlines
{
    font-family: "geneva" , "arial";
    font-size: 11px;
    color: #65458A;
}

.mice
{
    font-family: "geneva" , "arial";
    font-size: 9px;
    color: #FAFABB;
}

A.headerlink
{
    font-family: "geneva" , "arial";
    text-decoration: none;
    color: white;
    font: bold;
}

A:hover.headerlink
{
    font-family: "geneva" , "arial";
    text-decoration: underline;
    color: white;
    font: bold;
}

A:link.headerlink
{
    font-family: "geneva" , "arial";
    text-decoration: none;
    color: white;
}

A.emaillink
{
    font-family: "geneva" , "arial";
    text-decoration: none;
    color: #000000;
}

A:hover.emaillink
{
    font-family: "geneva" , "arial";
    text-decoration: underline;
    color: #000000;
}

A:link.emaillink
{
    font-family: "geneva" , "arial";
    text-decoration: none;
    color: #000000;
}

A
{
    font-family: "geneva" , "arial";
    text-decoration: none;
}

A:hover
{
    font-family: "geneva" , "arial";
    text-decoration: underline;
}

A:link
{
    font-family: "geneva" , "arial";
    text-decoration: none;
}

A:VISITED
{
    font-family: "geneva" , "arial";
    text-decoration: none;
}

.content-b
{
    font-family: "geneva" , "arial";
    font-size: 12px;
    color: #000000;
}
.content-br
{
    font-family: "geneva" , "arial";
    font-size: 12px;
    color: red;
}

.content-bb
{
    font-weight: bold;
}

.content-k
{
    font-family:Tahoma, "arial";
    font-size: 12px;
    color: #757575;
}



.content-kb
{
    font-family: Tahoma , "arial";
    font-size: 12px;
    color: #b7b7b7;
    font-weight: bold;
}


.content-w
{
    font-family: "Geneva" , "arial";
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.content-w2
{
    font-family: "Geneva" , "arial";
    font-size: 12px;
    color: #FFFFFF;
}

.content-g
{
    font-family: "Geneva" , "arial";
    font-size: 12px;
    color: #008218;
}

.tinytext-w
{
    font-family: "geneva" , "arial";
    font-size: 9px;
    color: #FFFFFF;
}
/* bold and centered */
.content-cb
{
    text-align: center;
    font-weight: bold;
}

/*************************Brian*************************/

table.content
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 0px;
}

/******************************************************/

A:hover.tinytext-w
{
    font-family: "geneva" , "arial";
    text-decoration: underline;
    font-size: 9px;
    color: #FFFFFF;
}

A:link.tinytext-w
{
    font-family: "geneva" , "arial";
    text-decoration: none;
    font-size: 9px;
    color: #FFFFFF;
}

.tinytext-k
{
    font-family: "geneva" , "arial";
    font-size: 9px;
    color: #474940;
}

.tinytext
{
    font-family: "geneva" , "arial";
    font-size: 9px;
    color: #000000;
}

.smalltext-k
{
    font-family: "geneva" , "arial";
    font-size: 10px;
    color: #474940;
}

.smalltext
{
    font-family: "geneva" , "arial";
    font-size: 10px;
    color: #000000;
}

.smalltextinputbox
{
    font-family: "geneva" , "arial";
    font-size: 10px;
    color: #000000;
    height: 17px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.TitleText
{
    font-family: "Geneva" , "arial";
    font-size: 21px;
    color: #000000;
}
.MidTitleText
{
    font-family: "Geneva" , "arial";
    font-size: 17px;
    color: #000000;
}

.path
{
    font-family: "Geneva" , "arial";
    font-size: 12px;
    color: #474940;
}

.errorText
{
    font-family: "geneva" , "arial";
    font-size: 12px;
    color: #FF0000;
}

.errorTitle
{
    color: #FF0000;
}

@media print
{
    .printHidden
    {
        display: none;
    }
}

@media screen
{
    .screenHidden
    {
        display: none;
    }
}

/* Reporting style sheet */

/* --- Layout ---*/

#reportHeader table
{
    width: 670px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.floatleft
{
    float: left;
}

/* New CSS */
html
{
    font-size: 12px;
    font-family: Arial;
}

label
{
    display: block;
    font-weight: bold;
}

div.Form
{
    border: 1px solid #E7D6E7;
    padding: 0px;
    border-collapse: collapse;
    color: #6B1873;
    width: 98%;
}
/* 
 * #FAFABB - yellow
 * #E7D6E7 - light purple
 * #C6A5CE - medium purple
 * #6B1873 - dark purple 
 */




div.BookForm
{
    width: 800px;
    vertical-align: top;
    overflow: hidden;
}
div.BookForm a
{
    color: #6B1873;
}
div.BookForm div.Header
{
    overflow: hidden;
    position: relative;
    background-color: #6B1873;
    color: #FFF;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
div.BookForm div.Header div
{
    overflow: hidden;
    display: inherit;
    float: left;
    height: 100%;
    width: 60px;
    text-align: center;
    border-left: 1px dotted #FFF;
    font-size: 10px;
    padding: 10px 0px 10px 0px;
}
div.BookForm div.Header div.Desc
{
    width: 474px;
    padding: 10px;
    text-align: left;
}
div.BookForm div.Ref
{
    overflow: hidden;
    height: 100%;
    display: inline;
    float: left;
    width: 50px;
}
div.BookForm div.Desc
{
    overflow: hidden;
    height: 100%;
    display: inline;
    float: left;
    width: 440px;
}
div.BookForm div.Element
{
    overflow: hidden;
    height: 100%;
    margin: 0px -6px 0px -6px;
    width: 745px;
    display: inline;
    float: left;
    background: #ffffff;
}
div.BookForm div.Score
{
    overflow: hidden;
    height: 100%;
    display: inline;
    float: right;
    width: 49px;
    text-align: center;
}

div.BookForm div.Title
{
    overflow: hidden;
    vertical-align: top;
    position: relative;
    padding: 3px 0px 3px 3px;
    font-size: 16px;
    font-weight: bold;
    background-color: #E7D6E7;
    border-bottom: 1px dotted #FFF;
}
div.BookForm div.Subtitle
{
    overflow: hidden;
    vertical-align: top;
    position: relative;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    background-color: #C6A5CE;
}
div.BookForm div.Title div.Score, div.BookForm div.Subtitle div.Score
{
    height: 100%;
    overflow: hidden;
    float: right;
    vertical-align: baseline;
    border-left: 1px dotted #FFF;
    padding: 3px 3px 3px 8px;
    margin-top: -3px;
    margin-bottom: -2px;
    position: relative;
}
div.BookForm div.Title div.Score
{
    height: 35px;
    font-size: 14px;
}
div.BookForm div.Subtitle div.Score
{
    width: 48px;
    height: 20px;
}
div.BookForm div.Item
{
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    background-color: #E7D6E7;
}

div.BookForm div.Item div.Ref
{
    padding: 3px;
}

div.BookForm div.Chapter
{
    overflow: hidden;
}
div.BookForm div.Paragraph
{
    overflow: hidden;
}

div.BookForm div.Indicator
{
    overflow: hidden;
    vertical-align: top;
    padding: 5px;
    border-bottom: 1px dotted #6B1873;
    position: relative;
}
div.Yellow
{
    background-color: #FAFABB;
}
div.BookForm div.IndicatorName
{
    overflow: hidden;
    display: inline;
    float: left;
    width: 100px;
}
div.BookForm div.IndicatorData
{
    overflow: hidden;
    display: inline;
    float: left;
    width: 584px;
    font-weight: normal;
}

div.BookForm div.Indicator div.Score
{
    padding: 10px 3px 3px 8px;
    margin-top: -5px;
    background-color: #E7D6E7;
    position: absolute;
    vertical-align: baseline;
}
div.BookForm div.Multi
{
    border-bottom: 0px;
    padding-bottom: 5px;
}
div.BookForm div.Last
{
    border-bottom: 0px;
}
div.BookForm div.Divide
{
    border-top: 1px solid black;
}

.EvidenceLocation
{
    margin: 0px 0px 5px 0px;
    border: 0px;
    width: 450px;
    border: 1px solid #C6A5CE;
    color: #6B1873;
}
.FloatRight
{
    overflow: hidden;
    float: right;
    display: inline;
    margin-right: 10px;
}
div.BookForm div.Line
{
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

.ItemDescMain
{
    margin-left: 1em;
}

.DescLine
{
    width: 5px;
    float: left;
}

.ItemDesc
{
    float: right;
    width: 560px;
}

.clear
{
    clear: both;
}

/* css/HighFiveV4.css*/
/* CSS Document */

html
{
    overflow-y: scroll;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

select
{
    font-size: 1em;
}

h1
{
    font-size: 1.8em;
    color: #964f8e;
}
#page
{
    width: 1000px;
    margin: 0 auto;
    background: url(../Image/bg.jpg) repeat-y;
    padding-left: 5px;
    /*font-size:14px;*/
}

#header
{
    width: 990px;
    height: 160px;
    /*background: url(../Image/header2.jpg) no-repeat;*/
}

#logo
{
    position: relative;
    top: 0;
    left: 0px;
    width: 355px;
    height: 94px;
}

#welcome
{
    position: relative;
    top: 16px;
    left: 185px;
    color: #680b76;
    font-weight: bold;
    font-size: 1.2em;
    width: 775px;
}

.bodyLogout
{
    position: relative;
    /*background: url(../Image/nav_repeater2.jpg) repeat-y;*/
    min-height: 350px;
    top: 0px;
    left: 0px;
}

.bodyLogin
{
    position: relative;
    background: url(../Image/nav_repeater2.jpg) repeat-y;
    min-height: 350px;
    top: 0px;
    left: 0px;
}

/*#body
{
    position: relative;
    background: url(../Image/nav_repeater2.jpg) repeat-y;
    min-height: 350px;
    top: 0px;
    left: 0px;
}*/

#body-popup
{
    position: relative;
    min-height: 300px;
}

#nav
{
    margin-top: 30px;
    float: left;
    width: 173px;
    min-height: 300px;
    position: relative;
    top: -14px;
    width: 173px;
    /*height: 400px;*/

    /*background: url(../Image/nav_repeater2.jpg) repeat-y;*/
    font-size: 1.1em;
    color: #964f8e;
    /*border-radius: 3px;*/
}

#nav a
{
    text-decoration: none;
}

#nav ul
{
    width: 173px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#nav ul > li
{
    background: url(../Image/button_a2.jpg) no-repeat;
    /*background-color: #f2f2f2;*/
    /*border-color: #e2e2e2;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;*/
    line-height: 25px;
    transition: 0.5s;
}

#nav ul > li.active
,#nav ul > li:hover
{
    background: url(../Image/button_a-over2.jpg) no-repeat;
}


#nav ul > li > a
{
    padding-left: 25px;
    color: #680b76;
    font-weight: bold;
    display: block;
    transition: 0.3s;
}

#nav > ul > li.active > a
, #nav > ul > li:hover > a
{
    color: #fff;
}



#nav ul > li > ul
{
    display: none;
}


#nav ul > li.active > ul, #nav ul > li:hover > ul
{
    display: block;
}

#nav ul > li > ul > li
{
    margin: 0;
    background: url(../Image/button_b2.jpg) no-repeat;
    min-height: 25px;
    transition: 1.0s;

}

/*#nav ul > li > ul > li.active*/

#nav ul > li > ul > li:hover
{
    background: url(../Image/button_b-over2.jpg) no-repeat;
}

#nav ul > li > ul > li.active
{
    background: url(../Image/button_c2.jpg) no-repeat;
}

#nav ul > li > ul > li > a
{
    padding-left: 30px;
    font-weight: normal;
}

#nav ul > li.special
{
    background: url(../Image/button_c2.jpg) no-repeat;
}

#nav ul > li.special:hover
{
    background: url(../Image/button_c-over2.jpg) no-repeat;
}




#content, #content-popup
{
    padding-left: 10px;
    width: 805px;
    overflow: hidden;
    font-size: 1.1em;
}

#content-popup
{
    width: 978px;
}

.tab ul
{
    padding: 5px 15px 0px 10px;
    margin: 5px 5px 15px 5px;
    list-style: none;   
    border-bottom: 1px solid #b69ebb;
    height: 25px;
}


.tab ul li
{
    float: left;
    padding: 3px 4px 1px 4px;
    margin-right: 2px;
    background: #680b76;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    height: 15px;
}

.tab ul li, .tab ul li a
{
    color: #fff;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    transition: 0.3s;
}


.tab ul li:hover, .tab ul li:hover a, .tab ul li.active, .tab ul li.active a
{
    color: #680b76;
}


.tab ul li:hover
{
    background: #C6A5CE;;
}

.tab ul li.active
{
    background: #ffe900;
}


.tab ul li
{
    float: left;
}

#footer, #footer-popup {
    margin:0 0;
    position: relative;
    width: 990px;
    height: 25px;
    /*background: url(../Image/footer2.jpg) no-repeat;*/
    color: #fff;
    text-align: center;
    padding-top: 30px;
    top: 0px;
    left: 0px;
}
#footer-popup
{
    background: url(../Image/footer_popup.jpg) no-repeat;
}


span.clearfix
{
    display: block;
    clear: both;
}
.cleardiv
{
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}

.defaultpartnerbgcolor
{
    background-color: #333366;
}

.staticsitemenucolor
{
    background-color: #66458C;
}

.staticsitebgcolor
{
    background-color: #FFFBD6;
}

.accountnavbarbgcolor
{
    background-color: #680b76;
}

.redcolor
{
    color: Red;
}

.null_background
{
    background-color: #FFC0CB;
}

.innerTable
{
    border: 2px solid #680b76;
    border-collapse: collapse;
}
.innerTable tr td
{
    border: 2px solid #680b76;
    border-collapse: collapse;
}

table.TrainingList
{
    border: 1px solid #eee3ee;
    border-spacing:0px;
    width: 98%;
    margin-bottom:25px;
    margin-top:5px;
}

table.TrainingList td
{
    padding: 4px;
    /*background-color: #d2d29f;*/
}

.UploadTabrow {
  display: block;
  padding: 6px 0;
  text-align:center;
}
.UploadTabrow > label {
  float: left;
  font-size: 13px;
  margin-right: 13px;
  padding:10px 0;
  text-align: right;
  width:39%;
}
.UploadTabrow span input {
    float: left;
}


.clr
{clear:both;
}
.UploadTabrow input[type="file"] {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid purple;
  cursor: pointer;
  padding: 4px 5px;
}
.UploadTabrow > input[type="submit"] {
  background: none repeat scroll 0 0 purple;
  border: 0 none;
  border-radius: 5px;
  color: #fff;
  padding: 5px 13px;
  transition: all 0.2s ease-in-out 0s;
  cursor:pointer;
}
    .UploadTabrow > input[type="submit"]:hover
    {
        background:#000;
        color:#FFFFCC;
    }


    #cphBody_cphMain_rbtnOption input {
    display: none;
    float: left;
}
    
     #cphBody_cphMain_rbtnOption label{
    float: left;
    font-size: 12px;
    padding:4px 0 0 23px;
    cursor:pointer;
}

.UploadTabrow input[type=radio] + label {
  color: #000;
   background: url(../Image/checkbox.jpg) no-repeat;

} 
.UploadTabrow input[type=radio]:checked + label {
  color: #000;
  font-style: normal;
  background: url(../Image/checked.jpg) no-repeat;
}

 
p.workshoptext {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    padding: 23px;
    text-align: justify;
}
.workshopinput {
  text-align: center;
}
.workshopinput > input[type="submit"] {
  background: none repeat scroll 0 0 purple;
  border: 1px solid purple;
  color: #fff;
  font-size: 14px;
  padding: 5px 20px;
}

.workshopinput > input[type="text"] {
    border: 1px solid purple;
    padding: 6px;
    width: 182px;
}