/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

.jcarousel-div
        {
            height: 62  0px;
        }
        
        .jcarousel-skin-tango .jcarousel-container
        {
            -moz-border-radius: 10px;
        }
        .jcarousel-skin-tango .jcarousel-container-horizontal
        {
            width: 970px;
            height: 680px;
        }
        
        .jcarousel-skin-tango .jcarousel-clip-horizontal
        {
            width: 970px;
            height: 646px;
        }
        
        .jcarousel-skin-tango .jcarousel-item
        {
            width: 970px;
            height: 646px;
            padding: 0px;
            position: relative;
        }
        
        .jcarousel-skin-tango .jcarousel-item-horizontal
        {
            margin-right: 10px;
        }
        
        .jcarousel-skin-tango .jcarousel-item-placeholder
        {
            color: #000;
        }
        .jcarousel-skin-tango .jcarousel-next-horizontal
        {
            float: right;
           
            right: 5px;
            width: 32px;
            height: 32px;
            cursor: pointer;
            background: transparent url(/Portals/10/skins/DidierHartong-Skin/images/next-horizontal.png) no-repeat 0 0;
        }
        .jcarousel-skin-tango .jcarousel-next-horizontal:hover
        {
            background-position: -32px 0;
        }
        .jcarousel-skin-tango .jcarousel-next-horizontal:active
        {
            background-position: -64px 0;
        }
        .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
        {
            cursor: default;
            background-position: -96px 0;
        }
        .jcarousel-skin-tango .jcarousel-prev-horizontal
        {
           float: left;
            left: 5px;
            width: 32px;
            height: 32px;
            cursor: pointer;
            background: transparent url(/Portals/10/skins/DidierHartong-Skin/images/prev-horizontal.png) no-repeat 0 0;
        }
        .jcarousel-skin-tango .jcarousel-prev-horizontal:hover
        {
            background-position: -32px 0;
        }
        .jcarousel-skin-tango .jcarousel-prev-horizontal:active
        {
            background-position: -64px 0;
        }
        .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
        {
            cursor: default;
            background-position: -96px 0;
        }
        
        .jcarousel-control
        {
            position: relative;
            text-align: center;
            top: -16px;
        }
        .jcarousel-control a
        {
            font-size: 5%;
            text-decoration: none;
            padding: 0 10px;
        }
        .jcarousel-control a:focus, .jcarousel-control a:active
        {
            outline: none;
        }
        .jcarousel-scroll
        {
            margin-top: 0px;
            text-align: center;
        }
        .jcarousel-scroll form
        {
            margin: 0;
            padding: 0;
        }
        .jcarousel-scroll select
        {
            font-size: 75%;
        }
        
        #mycarousel-next, #mycarousel-prev
        {
            cursor: pointer;
            margin-bottom: -10px;
            text-decoration: underline;
            font-size: 11px;
        }
        
        .carouselcontainer
        {
            width: 970px;
        }
        
        .circle
        {
            display: inline;
            width: 10px;
            height: 10px;
            background: #555;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }


