* {

}

@font-face
{
    font-family:     'Nunito';
    font-weight:     700;
    font-style:      bold;
    src:             url('../fonts/Nunito-Bold.ttf');
}

@font-face
{
    font-family:     'OpenSans';
    font-weight:     400;
    font-style:      normal;
    src:             url('../fonts/OpenSans-Regular.ttf');
}

@font-face
{
    font-family:     'OpenSans';
    font-weight:     700;
    font-style:      bold;
    src:             url('../fonts/OpenSans-Bold.ttf');
}

@font-face
{
    font-family:     'SueEllenFrancisco';
    font-weight:     400;
    font-style:      normal;
    src:             url('../fonts/NothingYouCouldDo.ttf');
}

body 
{
   font-family:      OpenSans, Verdana, Arial, Helvetica, sans-serif;
   font-size:        14px;
   line-height:      1.5;
   margin:           0;
   padding:          0;
   xbackground:      #111;
}

h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address 
{
   margin:           0.5em 0;
}

h1,h2,h3,h4,h5,h6 
{
   font-family:      Nunito, sans-serif;
}

p 
{
   margin:           0 0 0.5em 0;
}

img 
{
   border:           0px;
}

ol 
{
   margin:           0 0 0 0.2em;
   padding-left:     2em;
}

ul 
{
   margin:           0 0 0 0.2em;
   padding-left:     1em;
}

li 
{
   margin:           0 0 0.2em 0;
}

a
{
   color:            #2d84f6; /* #586CAA; */
}

span.inverse a 
{
   color:            #ffffff;
}

span.black a 
{
   color:            #000000;
}

a, a:link 
{
   text-decoration:  none;
}
a:visited {
 
   text-decoration:  none;
}
a:focus,
a:active 
{
   text-decoration:  none;
}
a:hover 
{
   color:            #EDA400;
   text-decoration:  none;
}

/*
   Editor styles
*/
.text-title-bold 
{
   color:            #444;
   font-weight:      bold;
   font-size:        120%;
   font-family:      Nunito, sans-serif;
}

.text-title-bold-dark
{
   color:            #ccc;
   font-weight:      bold;
   font-size:        120%;
   font-family:      Nunito, sans-serif;
}

.text-title-underline {
   text-decoration:  underline;
}

.text-release-modifications {
   color:            #6A6A6A;
}

.info-box-important {
   border-radius:    10px;
   border:           2px solid #FF5200;
   box-shadow:       0 0 10px #FF8E58;
   margin:           30px;
   padding:          10px;
}

.info-box 
{
   background:       #FFFFBF;
   border-radius:    5px;
   border:           1px solid #E3E38B;
   margin:           5px;
   padding:          5px;
}
.info-box-console 
{
   background:       #FFFFBF;
   border-radius:    10px;
   border:           1px solid #E3E38B;
   margin:           15px;
   padding:          10px;
}

.important-color 
{
   color:            #FF5200;
}

.release-items 
{
   font-family:      SueEllenFrancisco, sans-serif;
   color:            #888;
   font-size:        150%;
   padding-left:     10px;
}

.release-items-dark
{
   font-family:      SueEllenFrancisco, sans-serif;
   color:            #fff;
   font-size:        150%;
   padding-left:     10px;
}

.release-items-special
{
   transform:        rotate(-26deg);
   transform-origin: 30% 87% 0px;
}

.release-sub-items 
{
   font-family:      SueEllenFrancisco, sans-serif;
   color:            #888;
   font-size:        200%;
}

.center-div 
{
   text-align:       center;
}

.version
{
   font-family:      Nunito, sans-serif;
   font-weight:      bold;
   font-size:        130%;
}

/*
 Center a table with  <table class="center">
*/
table.center-table {
   margin-left:      auto; 
   margin-right:     auto;
}

.content-directory
{
   xwidth:           18em;
   margin-left:      1em;
   padding:          0.5em 1em 0.5em 1em;
   background:       #F5FAFF;            
}


/*
 List styles
*/
ul.bullet8
{
    padding-left:    0em;
}
ul.bullet8 li 
{
    background:      url(../images/bullet-8.png) 0em 0.6em no-repeat;
    padding-left:    0.8em;
    list-style:      none;
}

/*
 2-column layout
   width:               790px;
*/
#outer-page 
{
   width:             840px;
   margin:            0 auto;
   xpadding-bottom:   20px;
   background-color:  #ffffff;
   box-shadow:        0px 0px 50em #606060;
}

/*
   width:             770px;
*/
#page 
{
   width:             820px;
   text-align:        left;
   margin:            0 auto;
}

#header 
{
   height:            100px;
   width:             100%;
   background-color:  #ffffff;
}

#inner-page-header 
{
   margin-left:       10px;
   padding-top:       5px;
   xborder-top:       1px solid #A0C9FF;
   xborder-right:     1px solid #A0C9FF;
   xborder-left:      1px solid #A0C9FF;
   
   border-top-right-radius:         10px;
   border-top-left-radius:          10px;
   -moz-border-radius-topright:     10px;
   -moz-border-radius-topleft:      10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-top-left-radius:  10px;

   /*background: #FF9500; /* for non-css3 browsers */

   /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0C9FF', endColorstr='#ffffff'); /* for IE */
   /*background: -webkit-gradient(linear, left top, left bottom, from(#A0C9FF), to(#ffffff)); /* for webkit browsers */
   /*background: -moz-linear-gradient(top,  #FF9500,  #ffffff); /* for firefox 3.6+ */ 
}

#inner-page 
{
   /*margin-left:    10px; /**/
   margin-left:      10px; /**/
   xborder-right:    1px solid #A0C9FF;/*FF9500;*/
   xborder-left:     1px solid #A0C9FF;
}

/*
   width:            150px;
*/
#sidebar 
{
   float:            left;
   width:            200px;
   margin-top:       -2px;
   margin-left:      -6px; 
   
   position:         relative;
   z-index:          10;
}

#content 
{
   float:            left;
   width:            600px;
   margin-left:      15px;
   margin-top:       0px;
}

/*
   width:            790px;
*/
#footer 
{
   width:            840px;
   margin:           0 auto;
   background-color: #ffffff;
   box-shadow:       0em 4em 11em #929292;
}

/*
   borders
*/
div.rounded_border 
{
   border-radius:    10px;
}

div.rounded_border_top 
{
   border-top-right-radius:      8px;
   border-top-left-radius:       8px;
}

div.rounded_border_bottom 
{
   border-bottom-right-radius:   8px;
   border-bottom-left-radius:    8px;
}

/*
   Menu background
*/

ul.mod-menu                                     /* j5 */
{
   width:            200px;
   margin:           2px 0px 0px 0px;
   line-height:      1.0;
   padding-left:     0px;
   
   background:       #ffffff; 

   margin-right:     0px;
   
   border-top:       1px solid #fff;
   border-bottom:    1px solid #fff;
   border-right:     1px solid #eee;
   border-left:      1px solid #fff;
}

/*
   Menu
*/

ul.mod-menu a:hover                             /* j5 */
{
   background:       #ccc none repeat scroll 0% 50% ! important;   
   color:            #000000 ! important; 
}

ul.mod-menu li                                  /* j5 */
{
   margin:           0px;
   padding:          0px;
   list-style-type:  none;
}

ul.mod-menu__sub                                /* j5 */
{
   margin:           0px;
   padding:          0px;
}

/*
*/
ul.menu > li > ul > li > a 
{
   background:       linear-gradient(to right, 
                        #FFF     0px,
                        #FFF     5px,
                        #F2F9FF  20px, 
                        #FFF     100%
                     );
}

ul.mod-menu > li > ul > li > a                        /* j5 */
{
   background:       linear-gradient(to right, 
                        #FFF     0px,
                        #FFF     5px,
                        #F2F9FF  20px, 
                        #FFF     100%
                     );
}

ul.menu > li > ul > li > ul > li > a 
{
   background:       linear-gradient(to right, 
                        #fff     0%, 
                        #fff     17px, 
                        #F2FFE4  32px, 
                        #FFF     100%
                     );
}

ul.mod-menu > li > ul > li > ul > li > a              /* j5 */
{
   background:       linear-gradient(to right, 
                        #fff     0%, 
                        #fff     17px, 
                        #F2FFE4  32px, 
                        #FFF     100%
                     );
}

ul.menu > li > ul > li > ul > li > ul > li > a 
{
   background:       linear-gradient(to right, 
                        #fff     0%, 
                        #fff     29px, 
                        #FFF8E2  44px, 
                        #FFF     100%
                  );
}

ul.mod-menu > li > ul > li > ul > li > ul > li > a    /* j5 */
{
   background:       linear-gradient(to right, 
                        #fff     0%, 
                        #fff     29px, 
                        #FFF8E2  44px, 
                        #FFF     100%
                  );
}

/* 
   Selected parent 
*/
ul.menu li.active.parent > a 
{
   color:            #000;
   background:       linear-gradient(to right, 
                        #CCE6FF  0px,
                        #fff     80%
                     );
}

ul.mod-menu li.active.parent > a                      /* j5 */
{
   color:            #000;
   background:       linear-gradient(to right, 
                        #CCE6FF  0px,
                        #fff     80%
                     );
}

ul.menu li ul li.active.parent > a 
{
   color:            #000;
   background:       linear-gradient(to right, 
                        #FFF     0px,
                        #FFF     11px,
                        #CFFF9B  12px,
                        #fff     80%
                     );
}

ul.mod-menu li ul li.active.parent > a                /* j5 */
{
   color:            #000;
   background:       linear-gradient(to right, 
                        #FFF     0px,
                        #FFF     11px,
                        #CFFF9B  12px,
                        #fff     80%
                     );
}

ul.menu li ul li ul li.active.parent > a 
{
   color:            #000;
   background:       linear-gradient(to right, 
                        #FFF     0px,
                        #FFF     23px,
                        #FFEEB9  24px,
                        #fff     80%
                     );
}

ul.mod-menu li ul li ul li.active.parent > a          /* j5 */
{
   color:            #000;
   background:       linear-gradient(to right, 
                        #FFF     0px,
                        #FFF     23px,
                        #FFEEB9  24px,
                        #fff     80%
                     );
}

/* 
   Menu level 1 
*/

ul.mod-menu li a                                         /* j5 */
{
   padding:          4px 3px 4px 3px;
   display:          block;
   text-decoration:  none;
   font-size:        100%;
   line-height:      1.3em;
   color:            #000;
}

ul.mod-menu li.current > a                               /* j5 */
{
   color:            #000;
}

/* Menu level 2 */

ul.mod-menu li ul li a                                   /* j5 */
{
   padding:          4px 2px 4px 15px;
}

ul.mod-menu li.current ul li a                           /* j5 */
{
   color:            #000;
}

/* Menu level 3 */

ul.mod-menu li ul li ul li a                             /* j5 */
{
   padding:          5px 2px 5px 27px;
}

ul.mod-menu li ul li.current ul li a                     /* j5 */
{
   color:            #000;
}

/* Menu level 4 */

ul.mod-menu li ul li ul li ul li a                       /* j5 */
{
   padding:          5px 2px 5px 39px;
}

ul.mod-menu li ul li ul li.current ul li a               /* j5 */
{
   color:            #000;
}


/* 
   Selected item 
*/
ul.menu > li.active.current > a 
{
   color:            #ffffff; 
   background:       #84AB1B  none repeat scroll 0%;   
}

ul.mod-menu > li.active.current > a                                                       /* j5 */
{
   color:            #ffffff; 
   background:       #84AB1B  none repeat scroll 0%;   
}

ul.menu > li.active > ul > li.active.current > a 
{
   color:            #ffffff; 
   background:       #84AB1B  none repeat scroll 0%;   
}

ul.mod-menu > li.active > ul > li.active.current > a                                      /* j5 */
{
   color:            #ffffff; 
   background:       #84AB1B  none repeat scroll 0%;   
}

ul.menu > li.active > ul > li.active > ul > li.active.current > a 
{
   color:            #ffffff; 
   background:       #84AB1B  none repeat scroll 0%;   
}

ul.mod-menu > li.active > ul > li.active > ul > li.active.current > a                     /* j5 */
{
   color:            #ffffff; 
   background:       #84AB1B  none repeat scroll 0%;   
}

ul.menu > li.active > ul > li.active > ul > li.active > ul > li.active.current > a 
{
   color:            #ffffff; 
   background:       #84AB1B none repeat scroll 0%;   
}

ul.mod-menu > li.active > ul > li.active > ul > li.active > ul > li.active.current > a    /* j5 */
{
   color:            #ffffff; 
   background:       #84AB1B none repeat scroll 0%;   
}

div.mod-menu li               /* j5 */
{
   margin:         0;
}


/*
   Header styles
*/

h1 
{
   color:            #2d84f6; 
   font-size:        152%; 
   font-weight:      bold; 
   margin-top:       0;
   width:            98%;
}

h2 {
   color:            #FF4612; 
   font-size:        136%; 
}

h3 {
   color:            #303030; 
}

h4 {
   color:            #303030; 
}

/*
 Table styles
*/
.mt-table, .mt-table-header 
{
   border-collapse:  collapse;
   background-color: #fbfbfb; /*#E3F0FF; /**/
}

.mt-table-header th 
{
   color:            #505050;
   background-color: #e7e7e7;
   padding:          4px 10px 0px 4px;
}

.mt-table > tbody > tr > td
{
   padding:          4px 10px 0px 4px;
   border-top:       1px solid #ddd;
   border-bottom:    1px solid #ddd;
}

.mt-table-header > tbody > tr > td 
{
   padding:          4px 10px 0px 4px;
   border-bottom:    1px solid #ddd;
}

.table-bg {
   background-color: #f9f9f9; /*#E3F0FF; /**/
   /*background-color:   #f00; /*#E3F0FF; /**/
}


/*
   Joomla styles
*/
.contentpaneopen {
   width:            100%;
}