/** VisualForce/Standard Styling **
 * from /HTStaticRes/css/HTHome.css
 **********************************/
 a {
    text-decoration: none;
}

.headerRow th {
      border-bottom: 2px solid #ccc;
      font-weight: bold;  
      white-space: nowrap;
}

.bPageBlock {
    background-color: transparent;
}

.bPageBlock .pbBody {   
    margin-right: 4px;
    padding: 0; 
}

.bPageBlock .pbFooter,
.bWizardBlock .pbFooter {
    float: left;
    display: block;
    height: 0;
    width: 0;
}

.secondaryPalette {
    border-width: 0;
    padding-bottom: 0;
    background: transparent none;
}

.apexp {
    width: 100%;
    background: transparent none;
}

.empty {
    display: none;  
}

.apexp .bPageBlock .detailList {
    width: 100%;
    margin-left: 0;
    padding: 0;
}

.apexp .bPageBlock .detailList .list {
    width: 100%;
    margin-left: 0; 
    padding: 0;
    border-width: 0;
}


/** Add Gadgets Container **
 ***************************/
.gadgetOption {
   margin: 5px 0px 0 15px; 
   width: 200px;
}

#HTPanel {
    margin-left: 15px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #333;
}

/* add gadget style */
.HTPanel {
    margin-left:15px;
    margin-right:15px;
}

#closeAddGadgets {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll 0 -54px;
    cursor:pointer;
    float:right;
    height:20px;
    width:20px;
}

.ac_tab { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    float: right;
    top: 1px;
    position: relative;
}

a.ac_tab {
    background: url(HTStaticRes/imagese/images/ac_tab_cap.gif) no-repeat scroll top right;
    display: block;
    height: 35px;
    margin-right: 16px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

a.ac_tab span {
    background: url(HTStaticRes/imagese/images/ac_tab_span.gif) no-repeat;
    display: block;
    height: 35px;
    padding: 5px 3px 0px 10px;
}

.ac_tab a:hover {
    color: #555;
    text-decoration: underline;
}

a.ac_tab span span{
    background: url(HTStaticRes/imagese/images/icon_add_content.gif) no-repeat 0px 2px;
    text-indent:14px;
    display:block;
}
.portletIcon {
    float:left;
    height:48px;
    margin-right:15px;
    width:48px;
}
.portletTitle {
    display:block;
    line-height:20px;
    margin-top:5px;
    font-size:11px;
    font-weight:bold;
    width:74px;
}

.ht_quick_links {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -564px -25px;
}

.ht_quick_links_image_container {
    position:absolute;
    top:37px;
    left:2px;
    color: black;
    font-family: arial;
    font-size:11px;
    width: 58px;
    height: 30px;
    white-space:normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    text-align:center;
}

.ht_recent_items {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -612px -25px;
}

.ht_browse_knowledge_base {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -708px -25px;
}

.ht_faq {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -756px -25px;
}

.ht_top_support_question {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -775px -191px;
}

.ht_popular_topics {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -728px -191px;
}

.ht_help_tv {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -804px -25px;
}

.ht_organization_information_header {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -852px -25px;
}
        
.ht_reports_header {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -900px -25px;
}

.ht_top_questions {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -391px -192px;
}

.ht_documentation {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -439px -192px;
}

.ht_cases {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -487px -192px;
}

.ht_highest_rated_articles {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -535px -192px;
}

.ht_social {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -583px -192px;
}

.ht_training {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -631px -192px;
}

#prevGadgets {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -680px -192px;
    cursor:pointer;
    height: 26px;
    position: absolute;
    width: 17px;
} 

#nextGadgets {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -700px -192px;
    cursor:pointer;
    height: 26px;
    left: -17px;
    position: absolute;
    width: 17px;
}     
/* END add content tab */

#ac_bucket {
    width: 948px;
    clear: right;
    margin: 0px 10px 20px 15px;
    padding: 0;
}

.ac_bucket_top {
        height:36px;
        background:url(HTStaticRes/images/sprite/home.png) no-repeat 0 -76px;
}


.ac_bucket_content {
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    background: #fff;
    height: 150px;
}


#ac_bucket p{
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 5px;
    color: #333;
}

.ac_bucket_bottom {
    height:11px;
    background:url(HTStaticRes/images/sprite/home.png) no-repeat 0 -408px;
    margin-bottom:30px;
}

.ac_bucket_bottom span {
    display:block;
    position:relative;
    height:5px;
}

/** BEGIN:Homepage Billboard (a.k.a. What's New) **
 ***************************/
#billboard_container {
    width: 956px;
    clear: right;
    margin: 20px 10px 20px 15px;
    padding: 0;
}

#billboard_top {
    height:9px;
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat 0px 0px;
}

#billboard_content {
    background: #fff;
    border-left: 1px solid #51afcf;
    border-right: 1px solid #51afcf;
    padding-left:8px;
    padding-right:15px; 
}

#billboard_content #billboard_title {
    border-bottom:1px dotted #D3D3D3;
    font-size: 15px;
    font-weight: bold;
    line-height: 42px;
    padding-bottom:5px;
    width: 920px;
}

#billboard_title #billboard_icon {
    background:transparent url(HTStaticRes/images/sprite/home.png) -473px -24px;
    float:left;
    height:31px;
    margin-left:4px;
    margin-right:9px;
    margin-top:3px;
    vertical-align: middle;
    width:36px;
}

#billboard_title #closeBillboard {
    background:transparent url(HTStaticRes/images/sprite/home.png) 0 -54px;
    height: 20px;
    width: 20px;
    cursor:pointer;
    float:right;
    margin-top:10px;
}

#billboard_body {
    background:transparent url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-line.gif) repeat-y scroll 185px top;
    font-size: 13px;
    overflow:hidden;
    padding-top:12px;
    width: 920px;
}

#billboard_left {
    float:left;
    width:207px;
}

#billboard_categories li {
    height: 24px;
    list-style-position:outside;
    padding-left:10px;
    padding-top:5px;    
}

#billboard_categories li:hover {
    cursor:pointer;
    font-weight: bold;  
}

#billboard_categories .active {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat 0px -23px;
    font-weight: bold;
    width:200px;
}

body.ext-ie6 #billboard_categories .active {
    background: url(HTStaticRes/images/nav/whatsnew-menuHighlight.jpg) no-repeat left top;
}

#billboard_right {
    float:right;
    padding-left:15px;
    margin-right:17px;
    width:74%;
}

#billboard_right ul {
    list-style-position:inside;
    list-style-type:disc;
    margin:12px 0 12px 6px;
}

#billboard_right img {
    float:right;
    margin-left:20px;
}

#billboard_right p, #billboard_right ul {
    font-size: 12px;
}

#billboard_bottom {
    height:13px;
    background:url(HTStaticRes/images/sprite/home.png) no-repeat 0px -11px;
}

#billboard_bottom span {
    display:block;
    position:relative;
    height:5px;
}

body.ext-ie6 #billboard_bottom span {
    margin-top: -5px;
}
/** END:Homepage Billboard (a.k.a. What's New) **
 ***************************/
 
.prevLinkStyle {
    color: blue;
    font-weight: bold;
    font-size: 11px;
}

.nextLinkStyle {
    color: blue;
    font-weight: bold;
    font-size: 11px;
}

.prevLinkStyleNA {
    color: #cccccc;
    font-weight: bold;
    font-size: 11px;
}

.nextLinkStyleNA {
    color: #cccccc;
    font-weight: bold;
    font-size: 11px;
}

.browseUL {
    display: block;
    width: auto;
}

.browseContentHeaderStyle {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    background-color: transparent;
    width: auto;
}

.gadgets{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-weight:bold;
    font-size: 16px;
    background: transparent;
    display: inline-block;
    margin-right:10px;
    display: -moz-inline-stack;
    vertical-align: middle;
    zoom: 1; 
    *display: inline;
    width:auto;
    color: #000000;
}

.browseContentItemStyle {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    font-size: 11px;
    background: transparent;
    display: inline-block;
    margin-right:10px;
    display: -moz-inline-stack;
    zoom: 1; 
    *display: inline;
    width:auto;
}

.browseContentItemStyle a{
    color: #336699;
    margin-right: 3px;
}

.browseContentItemStyle a:hover{
    color: #000000;
    text-decoration:underline;
}

.browseContentSelectedStyle a{
    color: #000000;
}

.browseContentSelectedStyle {
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    font-size: 11px;
    background: transparent;
    display: inline-block;
    margin-right:10px;
    display: -moz-inline-stack;
    zoom: 1; 
    *display: inline;
    width:auto;
}

.browseSectionStyle {
    overflow: auto;
    height: auto;
    width:auto;
}



.ac_tab {
    margin-right: 4px;
    top: 3px;
}



.ac_tooltip {
    position: relative;
    width: 208px;
}

.ac_tooltip_top {
    padding: 0px 0px 0px 0px;
    background: transparent url(HTStaticRes/imagese/images/ac_hover_icon_bucket.gif) no-repeat scroll 0 0;
    height: 65px;
    width: 71px;
}

.ac_tooltip_content {
    padding: 0px 0px 0px 0px;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll 0 -305px;
    height: 100px;
    width: 208px;
    position: absolute;
    top: -1px;
    left: 0px;
}

.ac_tooltip .ac_tooltip_content p {
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    height: 145px;
}

.ac_tooltip .ac_tooltip_content b {
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.ac_tooltip .ac_tooltip_content .addText {
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.ac_tooltip .ac_tooltip_content p {
    height: 30px;
    padding: 8px;
    text-align: left;
}

.ac_tooltip .ac_tooltip_content .addText {
    color: #999999;
    padding: 50px;
}
/* END add gadget style */

/* Gadget Icon Container */
#HTPanelid {
    position: relative;
    z-index: 50;
}

#HTPanelid .x-panel-bwrap,#HTPanelid .x-plain-body,#HTPanelid .x-portlet,#HTPanelid .x-column,#HTPanelid .x-column-inner,#HTPanelid .x-panel-body {
    overflow: visible ! important;
}

/** Portlet Gear Menu **
 ***********************/
#mainMenu {
    background-image: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
}

#quickLinksSubMenu {
    background-image: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
}

#mainMenu a.x-menu-item {
    padding-left: 3px! important;
    padding-right: 16px! important; 
}

#mainMenu .x-menu-item-text {
    color: #356FB6;
}

.no-icon {
    display: none;
}


/** Portlet - Inserted/Used by HTHome javascript **
 **************************************************/
#HTContent {
    width: 100%;
    background: transparent;
    padding-bottom: 50px;
    clear: both;
}

#HTContent div.ht-portlet {
    position: relative;
}

.ht-portlet-ml {
    border-left: 1px solid #d5d5d5;
    background: #fff none repeat scroll 0 0;
}

.ht-portlet-mc {
    background: #fff none repeat scroll 0 0;
}

.ht-portlet-mr {
    border-right: 1px solid #d5d5d5;
    background: #fff none repeat scroll 0 0;
}

.ht-portlet-tl {
    height: 49px;
    padding-left: 6px;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -207px -317px; 
    z-index: 20;
}

.ht-portlet-tr {
    display: block;
    height: 49px;
    padding-right: 6px;
    padding-top: 6px;
    background: transparent url(HTStaticRes/imagese/portlet_images/gadget-cap-right.gif) no-repeat scroll right top;
}

.ht-portlet-tc {
    width: 100%;
    overflow: hidden;
    background: none;
}

.ht-portlet-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 49px;
    opacity: 0;
    z-index:-1;
}

.ht-portlet-fade-tl {
    width: 100%;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll 0 -466px;
}

.ht-portlet-fade-tr {
    display: block;
    background: transparent url(HTStaticRes/imagese/portlet_images/gadget-cap-move-right.gif) no-repeat scroll right top;    
}
.ht-portlet-fade-text {
    position:relative;
    top:15px;
    left:38px;
    overflow: hidden;
    color: #AAAAAA;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.ht-portlet-fade-tc {
    width: 94px;
    height: 49px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -265px -24px;
}

.ht-portlet-fade-tc img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ht-portlet-bl {
    height: 11px;
    padding-left: 5px;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll 0px -408px;
}

.ht-portlet-br {
    display: block;
    float: right;
    position: relative;
    height: 20px;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -937px -408px;
    background-color:#FFFFFF;
    width: 10px;
}

.ht-portlet-bc {
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
}

.ht-portlet-bwrap {
    overflow: hidden;
}

.ht-portlet-body {
    background: none;
    margin-left: 14px;
    margin-right: 16px;
    padding: 10px 0 12px 2px;
    border: 0 none;
    color: #464646;
    font-size: 12px;
    line-height: 16px;
}

body.ext-ie6 .ht-portlet-body {
    margin: 0 10px 0 0;
}

.ht-portlet-header-text {
    padding: 18px 10px 5px;
    color: #356fb6;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
}

/** Portlet Header Toolbar - activates on mouseover **/
.ht-portlet-header .x-tool-toggle, .x-tool-plus, .x-tool-gear {
    position: relative;
    z-index: 5;
}

.ht-portlet-header .x-tool-toggle,
.ht-portlet-header .x-tool-toggle-over {
    height: 13px;
    width: 13px;
    margin-right: 10px;
    margin-top: 9px;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat -227px -23px;
    z-index: 2;
}

.x-panel-collapsed .ht-portlet-header .x-tool-toggle {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -248px -23px;
}

.ht-portlet-header .x-tool-toggle-over {
    background: url(HTStaticRes/images/sprite/home.png) -227px -23px;
}
.x-panel-collapsed .ht-portlet-header .x-tool-toggle-over {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -248px -23px;
}

.x-panel-collapsed .x-plain-header-text {
    font-weight: normal;
}

.ht-portlet-header .x-tool-gear {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-top: 10px;
    background: transparent url(HTStaticRes/images/sprite/home.png) no-repeat -211px -23px;
    z-index: 2;
}

.inactivePortletTitle {
    display: block;
    margin-top: 5px;
    font-size: 90%;
    font-weight: bold;
}

.lastcolumn {
    float: none;
    clear: none;
    padding-right: 0;
}


/** Social Media Tabs - After mouseover **
 *****************************************/
a.sm_tab {
    background: url(HTStaticRes/imagese/social_images/ac_tab_cap.gif) no-repeat scroll top right;
    height: 40px;
    font-weight: bold;
}

a.sm_tab span {
    background: url(HTStaticRes/imagese/social_images/ac_tab_span.gif) no-repeat;
    height: 40px;
}

/** Social Media Buttons - Before mouseover **
 *********************************************/
#ht_social_content_div a { /* generic container (i.e. div) for floating buttons */
    color: #333;
    display: block;
    font-size: 11px;
    margin-top: 2px;
    overflow: hidden;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
    float: left;
    top: 1px;
    position: relative;
}

a.sm_button {
    background: url(HTStaticRes/imagese/social_images/ac_button_cap.gif) no-repeat scroll top right;
    height: 35px;
}

#ht_social_content_div a span {
    display: block;
}

a.sm_button span {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -209px -367px;
    height: 30px;
}

#ht_social_content_div .sm_button a:hover {
    color: #555;
    text-decoration: underline;
}

#ht_social_content_div a span.tab {
    cursor:pointer;
    padding: 5px 3px 0 25px;
}

#ht_social_content_div a span.channel {
    display:inline;
    float:left;
    height:15px;
    margin:6px 0 0 5px;
    padding:0;
    width:15px;
}
#ht_social_content_div a span span.twitter{
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -247px -39px;
}

#ht_social_content_div a span span.facebook{
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -228px -39px;
}


/** Portlet-Specific **
 **********************/
#ht_documentation_content_div li.helpdoc,
#ht_documentation_content_div li.printableguide,
#ht_documentation_content_div li.tipsheets,
#ht_documentation_content_div li.devguide,
#ht_documentation_content_div li.glossary {
    display: block;
    padding-bottom: 10px;
    font-weight: normal;
}

#ht_documentation_content_div a {
    color: #336699;
    font-size: 14px;
    text-decoration: none;
}
    
#ht_documentation_content_div a:hover {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

#ht_documentation_content_div .linesection {    
    display: block;
    height: 10px;
    background: transparent url(HTStaticRes/images/hr.png) repeat-x scroll 0 100%;
}


/** ExtJS Style Overrides **
 ***************************/
.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
    background-image: none
}

.x-panel-mc .x-panel-body {
    padding: 4px;
}


.x-portlet, .x-panel {
    padding-bottom: 10px;
}

/** END VisualForce/Standard Styling **
 * from /HTStaticRes/css/HTHome.css
 **********************************/
 
 
 
/**
 * START from /HTStaticRes/css/HTExtCustom.css
 **/
.common-tree .x-tree-node {
    white-space: normal
}
.common-tree .x-tree-node a span {
    color: #336699;
}


.common-tree .x-tree-lines .x-tree-elbow,
.common-tree .x-tree-lines .x-tree-elbow-line, 
.common-tree .x-tree-lines .x-tree-elbow-end  {
    background-image: none;
}

.common-tree .x-tree-no-lines .x-tree-elbow-minus {
    background-image: url(HTStaticRes/imagese/images/icon_tree_minus.gif);
    margin-right:1px;
    margin-left:0px;
    margin-top:4px;     
    height:15px;
    width:15px;
    vertical-align: text-bottom;    
        
}
.common-tree .x-tree-ec-over .x-tree-elbow-minus {
    background-image: url(HTStaticRes/imagese/images/icon_tree_minus_hover.gif);
    margin-right:1px;
    margin-left:0px;
    margin-top:4px;     
    height:15px;
    width:15px;
    vertical-align: text-bottom;        
}
.common-tree .x-tree-no-lines .x-tree-elbow-plus {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -360px -59px;
    margin-right:1px;
    margin-left:0px;
    margin-top:4px;     
    height:15px;
    width:15px;
    vertical-align: text-bottom;            
}   
.common-tree .x-tree-ec-over .x-tree-elbow-plus {
    background: url(HTStaticRes/imagese/images/icon_tree_plus_hover.gif) no-repeat;
    margin-right:1px;
    margin-left:0px;
    margin-top:4px;     
    height:15px;
    width:15px;
    
    vertical-align: text-bottom;        
}   
.common-tree .x-tree-no-lines .x-tree-elbow-end-minus{
    background-image: url(HTStaticRes/imagese/images/icon_tree_minus.gif);
    margin-right:6px;
    margin-left:0px;
    margin-top:2px;     
    height:15px;
    width:15px;
    
    vertical-align: text-bottom;
}   
.common-tree .x-tree-ec-over .x-tree-elbow-end-minus{
    background-image: url(HTStaticRes/imagese/images/icon_tree_minus_hover.gif);
    margin-right:6px;
    margin-left:0px;
    margin-top:2px;     
    height:15px;
    width:15px;
    
    vertical-align: text-bottom;
}       
.common-tree .x-tree-no-lines .x-tree-elbow-end-plus {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat -360px -59px;
    margin-right:6px;
    margin-left:0px;
    margin-top:2px;
    height:15px;
    width:15px;
    
    vertical-align: text-bottom;
}
.common-tree .x-tree-ec-over .x-tree-elbow-end-plus {
    background: url(HTStaticRes/imagese/images/icon_tree_plus_hover.gif) no-repeat;
    margin-right:6px;
    margin-left:0px;
    margin-top:2px;
    height:15px;
    width:15px;

    vertical-align: text-bottom;        
}
.common-tree .x-tree-node .x-tree-node-over, 
.common-tree .x-tree-node .x-tree-selected {
    background-color: transparent; 
}
.common-tree li.x-tree-node{
    margin-left: 0px;
    font-size: 12px ;
}

.common-tab-panel .x-tab-panel-body-top {
    border-style: none;

}

.common-tab-panel .x-tab-panel-body {
    border-style: none;

}

.common-tooltip div.x-ie-shadow {
    display: none! important;
}
/**
 * END from /HTStaticRes/css/HTExtCustom.css
**/

.trainingAbstract {
    width: 238px;
} 

.courseDetail {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/resource/1278463022000/HTStaticRes/imagese/images/icon_pdf.gif) no-repeat scroll 7px 0;
    float:right;
    height:18px;
    width:24px;
}

.infoIcon {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -42px -55px;
    float: right;
    height: 16px;
    width: 16px;
}

.premierTraining {
    font-size:13px;
    font-weight: bold;
    padding-bottom:8px;
    padding-top:8px;
    text-align:center;
}

/**
 * START Generic gadget styles
**/
.gadgetToolTip {
    color: #000000;
    font-size:12px;
    font-weight: bold;
    padding: 5px;
    text-align:center;
}
/**
 * END Generic gadget styles
**/

    
/**
 * START FAQ gadget
**/
#faq_detail_link_container {
    border-top:1px dotted #808080;
    margin: 10px 0 0 0;
    padding-top:14px;
    text-align:center;
}

/**
 * END FAQ gadget
**/

/**
 * START TopSupportQuestion/Popular Topics gadget
**/
#ht_top_support_question_detail_link_container, #ht_popular_topics_detail_link_container {
    border-top:1px dotted #808080;
    margin: 10px 0 0 0;
    padding-top:14px;
    text-align:center;
}

/**
 * END TopSupportQuestion/Popular Topics gadget
**/

/**
 * START HelpTV
**/
#ht-tv-panel label {
    float:left;
    padding: 3px 5px 0 0;
}

.featured_thumbnail {
    width: 100%;
}

#ht-tv-panel {
    width: 275px;
    *width: 270px;
}

#ht-tv-panel #featured_title {
    font-size:12px;
    font-weight:bold;
    padding:5px 0;
}

#ht-tv-panel .featured_rating {
    border-bottom:1px dotted #999999;
    color:#808080;
    display:block;
    font-weight:normal;
    height:14px;
    padding:0 0 10px 0; 
}

#ht-tv-panel .featured_rating span {
    float: left;
    margin: 2px 2px 0 0;
}

#ht-tv-panel span.video_rating_container {
    background: url(HTStaticRes/images/background/star.png) repeat-x scroll right bottom;
    height:12px;
    margin: 3px 0 0 0;
}

#ht-tv-panel .featured_rating span#lightbox_video {
    float: right;
    padding-left: 18px;
}

#ht-tv-panel .featured_rating span#lightbox_video_icon {
    background: url(HTStaticRes/images/sprite/home.png) no-repeat scroll -23px -55px;
    height: 18px;
    width: 18px;
}

#ht-tv-feature-panel select {
    margin: 10px 0 0px 0;
}

#ht-tv-playlist-panel {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 110px;
    width: 100%;
}

#ht-tv-feature-panel .x-panel .x-panel {
    border-bottom:1px dotted #999999;
}

.video_thumbnail {
    cursor:pointer;
    float:left;
    height:45px;
    width:60px;
}

.video_thumbnail_container {
    float: left;
}

.video_title_container {
    color:#808080;
    float: left;
    padding:0 0 0 5px;
    width:190px;
}

.video_title_container span {
    display:block;
    font-weight: bold;
    height:32px;
}

.video_title_container span.video_rating_container {
    float:right;
}                   
/**
 * END HelpTV
**/

/**
 * START Quick Links
**/
#ht-quick-links {
    overflow: auto;
}

.ext-ie7 #ht-quick-links .quicklink_link .x-panel-body {
    width: 66px !important;
}

#ht_quick_links_id .categoryName {
    border-bottom: 1px dotted;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 2px;
}

#ht_quick_links_id .x-panel-bwrap {
    width: auto;
}
.ql-list-badges{
    margin:0px;
    padding:0px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    width:280px;
}

.ql-list-badges li{
    list-style:none;
    padding:0px 0 0px 28px;
    margin:0 0 0 0;
    height:24px;
    line-height:24px;
    background-repeat:no-repeat;
    background-position:left center;
}
/**
 * END Quick Links
**/

/**
 * START
 * Styles for Fusion charts.
 * Previously in HTReportPortlet.component
 */
.chartPanel {
    margin-left:0px;
    margin-right:0px;
    padding-top:15px;
    margin-bottom:10px;
}

.portlet_view .chartPanel {
    min-height: 290px;
}

.portlet_view .chartPanel .FusionCharts {
    border: 1px solid #6CB5DA;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
    -moz-box-shadow: 0 0 10px #6CB5DA;
    -webkit-box-shadow: 0 0 10px #6CB5DA;
    box-shadow: 0 0 10px #6CB5DA;
}

.dotLine {
    background:transparent url(HTStaticRes/images/hr.png) repeat-x scroll 0 0;
    margin-top:10px;
}

ul.chartOptionWrapper { 
    list-style: none; 
    margin-top:15px;
}
ul.chartOptionWrapper li { 
    display: inline;
    padding-top:5px;
    line-height:25px;
}

.additionalChartWrapper {
    margin:0 auto;
    width:210px;
}

.filtersOptionWrapper {
    width: 600px;
    margin:0 auto;
    white-space: nowrap;
}

.chartOptionWrapper {
    margin:0 auto;
    width: 250px;
}

.portlet_view .chartOptionWrapper {
    float: right;
    margin-bottom: 5px;
    width: auto;
}

.zoomInLayerOptionWrapper {
    width:160px;
    margin:0 auto;
    padding-top:10px;
}

#zoomInLayer {
    height: 500px;
}

.zoomIn {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -397px -26px;
}

.print {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -422px -26px;
}

.export {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -447px -26px;
}

.columnChart, .lineChart {
    float:left;
    margin-right:10px;
}

.donutChart {
    float:left;
}

.columnChart a {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -207px -191px;
    display:block;
    height:62px;
    width:61px;
}


.columnChart a:hover {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -268px -191px;
}

.donutChart a {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -329px -191px;
    display:block;
    height:62px;
    width:61px;
}

.donutChart a:hover{
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -331px -254px;
}

.lineChart a {
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -207px -254px;
    display:block;
    height:62px;
    width:61px;
}

.lineChart a:hover{
    background:transparent url(HTStaticRes/images/sprite/home.png) no-repeat scroll -269px -254px;
}
/**
 * END
 * Styles for Fusion charts.
 * Previously in HTReportPortlet.component
 */
 
 /**
 * START
 * Styles for Fusion charts.
 * Used In Analytics ChartPages for Education
 */
.pageHeader {
    height: 35px;
}
        
.analyticsPageHeaderTitle {
    font-size: 18px;
    font-weight: bold;
    margin-left: 15px;
}

#analytics-tab .selectContainer {
    background: none repeat scroll 0 0 transparent;
    height: 29px;
    width: 580px;
    margin-left: 10px;
}

.classTypeSelectClear {
    border-bottom: 5px solid #4698C0;
    clear: both;
    margin-left: 12px;
}

#analytics-tab #classTypeSelect td {
    background-color: #4698C0;
    background-image: url("/img/alohaSkin/tabs_sprite.png");
    background-position: left 0;
    background-repeat: no-repeat;
    border: medium none #4698C0;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
}

#analytics-tab #classTypeSelect td div {
    background-image: url("/img/alohaSkin/tabs_sprite.png");
    background-position: right -150px;
    background-repeat: no-repeat;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    max-height: 15px;
    padding: 7px 10px;
    text-align: center;
    font-size: 16px;
}

#analytics-tab #classTypeSelect td div a {
    display:block;
    text-align:center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 10px;
}

#analytics-tab #classTypeSelect td.activefalse {
    background-color: #C8E2E9;
}

#analytics-tab #classTypeSelect td.activefalse a {
    color: #000000;
}

.analytics-eduction-body {
    border: 5px solid #4698C0;
    margin-bottom: 5px;   
}   
 
.additionalCharts {
    height: 100px;
    margin-bottom: 10px;
}
 
.filters {
    margin: 10px 10px 10px 20px;
    font-weight: bold;
    font-size: 15px;
}

.topText {
    margin: 10px 10px 10px 160px;
    font-weight: normal;
    font-size: 12px;
}

/**
 * END
 * Styles for Fusion charts.
 * Used In Analytics ChartPages for Education
*/

 /**
 * START
 * Browse Knowledge gadget styles
 */
#browsekb-tree .common-tree .x-tree-node .category-node img,
#browsekb-tree .common-tree .x-tree-node .subcategory-node img {
    float:left;
}

#browsekb-tree .common-tree .category-text,
#browsekb-tree .common-tree .subcategory-text {
    line-height: 16px;
}
#browsekb-tree .common-tree {
    cursor: default;
}
#browsekb-tree .common-tree a:hover {
    cursor: pointer;
}
#browsekb-tree .common-tree .category-node .category-text,
#browsekb-tree .common-tree .subcategory-node  .subcategory-text{
    float:left;
    width:90%;
    display:inline-block;
}
#browsekb-tree .common-tree .x-tree-node .subcategory-node {
    margin-left: 10px;
}
#browsekb-tree .common-tree .x-tree-node a:hover span{
    color: black;
    text-decoration: underline;
}
 /**
 * END
 * Browse Knowledge gadget styles
 */
/*Reminder styles*/
body {
    position: relative;
}
.reminderBackground {
    border: none;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 50100;
    background: black;
    opacity: 0.6;
    filter: alpha(Opacity=60);
    color: #fff;
}
.reminderSection {
    position: fixed;
    width: 500px;
    height: 250px;
    left: 50%;
    display: block;
    margin-top: -150px;
    margin-left: -250px;
    z-index: 50101;
}
.reminderTop {
    background: rgb(240,249,255);
    border-radius: 5px 5px 0 0;
    padding: 10px;
    width: 480px;
    height: 10%;
    font-size: 20px;
}
.reminderCenter {
    background: rgb(240,249,255);
    border-radius: 0 0 5px 5px;
    width: 100%;
    height: 85%;
}
.reminderTitle {
    float: left;
    height: 100%
}
.reminderMain {
    height: 50px;
    padding: 50px 0 50px 30px;
    font-size: 18px;
}
.reminderButtons {
    text-align: center;
    width: 100%;
    height: 30%;
    font-size: 15px;
}
.takeMeThere, .preferenceConfirmed {
    -moz-appearance: button-bevel;
    padding: 10px;
}
.reminderCenter, .reminderTop{
    background: rgb(240,249,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(240,249,255) 0%, rgb(214,214,214) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,249,255)), color-stop(100%,rgb(214,214,214))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(240,249,255) 0%,rgb(214,214,214) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(240,249,255) 0%,rgb(214,214,214) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(240,249,255) 0%,rgb(214,214,214) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(240,249,255) 0%,rgb(214,214,214) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}