/* 
* Default  definitions for template pages 
*/

body, p, h1, h2, h3, h4, h5, a,ul,li {
   color: #555555;
   /* font-family: Raleway-Light, Verdana, Geneva, Arial,sans-serif; */
   font-family: Verdana, Geneva, Arial,sans-serif;
   margin: 0px;
}

body
{
   /*font-size: 80%;   */
   font-size: 10pt;
}

p {
   /*font-size: 1em; */
   font-size:10pt;

}

pre, code {
   font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
   font-size: 10pt;
   margin-left: 0px;
   padding-left: 0px;
}

.nav 
{
   display: none;
}

h1 {
   font-size: 15pt;
}

h2 {
   font-size: 14pt;
}

h3 {
   /* background-color: #ffcc00; */
   background-color: #ffffff;   
   text-align: left;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;

   margin-left: 0px;
   margin-right: 10px;
   margin-bottom: 20px;
   -moz-border-radius: 10px; /* FF1+ */
   -webkit-border-radius: 10px; /* Saf3-4 */
   border-radius: 10px;

   border-style: solid;
   border-color: #555555;
   font-size: 13px;
   font-weight: bold;
   /*height: 4em; */}


h4 {
   /* background-color: #ffcc00; */
   background-color: #ffffff;   
   text-align: center;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   -moz-border-radius: 10px; /* FF1+ */
   -webkit-border-radius: 10px; /* Saf3-4 */
   border-radius: 10px;
   /*border-style: outset;*/
   border-color: #555555;
   font-size: 12pt;
   font-weight: bold;
   /*height: 4em; */
}


h5 {
   font-size: 10pt;
}

/* 
* SGW Page definitions for template pages 
*/
.mfx-page
{
   width: 100%; 
   margin: 0; 
   float: none; 
}

.mfx-page h1
{
   font-weight: bold;
}

.mfx-page h2
{
   font-weight: normal;
}
.mfx-page h3
{
   font-weight: normal;
   font-size: 13pt;
}

.mfx-page p
{
   padding-left: 0px;
   padding-right: 0px;
   font-size: 10pt;
}

.mfx-page ul
{
   margin-left: 20px;
   font-size: 10pt;

}

.mfx-page li
{
   margin-left: 0px;
   padding-left: 0px;
   font-size: 10pt;

}

.mfx-page li ul
{
   margin-left: 20px;
   padding-left: 0px;
   font-size: 10pt;

}

.mfx-page li li
{
   list-style-type: square;
   margin-left: 0px;
   padding-left: 0px;
}

.mfx-quick-links
{   
   display: none;
}

.mfx-article div
{
   background: #ffffff;
   color: #555555;
   padding: 10px 15px 10px 15px;
/*   min-height: 110px;
   max-height: 110px;*/
   font-size: 10pt;
   -moz-border-radius: 10px; /* FF1+ */
   -webkit-border-radius: 10px; /* Saf3-4 */
   border-radius: 10px;
   /*border-style: outset;*/
   border-color: #555555;
   text-overflow: ellipsis;
   text-overflow-ellipsis: '...';
   overflow: hidden;
}

.mfx-article p
{
   color: #555555;
   margin-top: 10px;
   padding-top: 0px;
   text-overflow: ellipsis;
   text-overflow-ellipsis: '...';
   overflow: hidden;
}

/*.mfx-article:hover div {
   background: #222222;
}*/

/*.mfx-article .mfx-art 
{
   display: none;
}

.mfx-article .mfx-headline 
{
   display: inline;
}*/
/*
.title
{
   width: 50%;
   float: left;
}

.sdk
{
   width: 50%;
   float: left;
}


.left-two-thirds
{
   width: 66%;
   float: left;
}

.right-third
{
   width: 23%;
   float: right;
}*/

.side-spacer {
   display: none;
}

.hide-print
{
   display: none;
}

.mfx-header
{
   display: none;
   /*    font-family: Verdana, Geneva, Arial,sans-serif;
      font-family: Verdana, Geneva, Arial,sans-serif;
         background-color: #555555;
      background-color: #555555;
   
      padding: 10px 10px 20px 20px;*/
}
/*
.mfx-logo
{
   float: left;
   font-size: 2.0em;
   display: inline;
   color: #ffcc00;
   font-weight: lighter;
}

.mfx-right
{
   font-size: 1.1em;
   text-align: right;
   padding-top: 10px;
}*/


.justify-content
{

}
.mfx-topnav,
.mfx-footer
{
   /*   display: none; 
    display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-around; 
     justify-content: space-around;*/
}

.mfx-footer
{
   display: none;
   /*   padding-top: 10px;
      padding-bottom: 10px;*/
}


/*.mfx-topnav a,
.mfx-right a
{
    font-family: Raleway-Light, Verdana, Geneva, Arial,sans-serif; 
      font-family: Verdana, Geneva, Arial,sans-serif;
      border-style: outset;
      border-width: 1px;
   border-color: #888888;
   padding: 10px;
   border-style: solid;
   border-width: 1px;
   text-transform: uppercase;
}*/

/*.mfx-right a
{
   width: 400px;
}*/

/*.mfx-logo
{
    font-family: Raleway-Light, Verdana, Geneva, Arial,sans-serif; 
   font-family: Verdana, Geneva, Arial,sans-serif;
}*/

/*.mfx-right a:link,
.mfx-right a:visited,
.mfx-right a:hover,
.mfx-right a:active
{
   color: #ffcc00;
   background-color: #555555;
   text-align: center;
   vertical-align: middle;
   text-decoration: none;
   text-transform: uppercase;
   -moz-border-radius: 6px;  FF1+ 
   -webkit-border-radius: 6px;  Saf3-4 
   border-radius: 6px;
      border-style: outset;
      border-width: 1px;
      border-color: #888888;
}*/

/*.mfx-right a:hover
{
   color: #000000;
   background-color: #ccaa00;
   transition: background-color 0.7s ease;
}*/

/*.mfx-right a:hover,
.mfx-right a:active
{
   color: #ffcc00;
   background-color: #eeeeeeee;
   text-align: center;
   vertical-align: middle;
   text-decoration: none;
   text-transform: uppercase;
   -moz-border-radius: 6px;  FF1+ 
   -webkit-border-radius: 6px;  Saf3-4 
   border-radius: 6px;

}*/

/*.container
{
   width: 100%;
}*/
/*
#article-content,
.article {
   transition: background-color 1.7s ease;
}*/

/*.mfx-footer
{
    font-family: Raleway-Light, Verdana, Geneva, Arial,sans-serif; 
   font-family: Verdana, Geneva, Arial,sans-serif;   font-size: 1.2em;
   background-color: #555555;
      border-width: 1px;
      border-color: #555555;
      border: solid;
}
.mfx-footer img
{
   width: 70px;
   padding: 10px;
}

.mfx-footer a
{
   color: #ffcc00;
}

.mfx-footer a:hover
{
   color: #dddddd;
}
.mfx-topnav
{
    font-family: Raleway-Light, Verdana, Geneva, Arial,sans-serif; 
   font-family: Verdana, Geneva, Arial,sans-serif;   font-size: 1.2em;
      background-color: #666666;
   background-color: #ffffff;

   padding: 7px;
}*/

/*.mfx-topnav ul
{
   list-style-type: none;
   vertical-align: middle;
   margin: 0px;
   padding: 0px;
   background-color: #666666;
   width: 900px; 
}

.mfx-topnav a
{
   min-width: 120px;
   -moz-border-radius: 6px;  FF1+ 
   -webkit-border-radius: 6px;  Saf3-4 
   border-radius: 6px;
   text-align: center;
   vertical-align: middle;
   padding-top: 7px;
   padding-bottom: 4px;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: normal;
}

.mfx-topnav a:link,
.mfx-topnav a:visited
{
   color: #ffcc00;
   background-color: #666666;
   
       display: block;
       width: 120px;
   
}*/

/*.mfx-topnav a:hover
{
      color: #ffcc00;
      background-color: #555555;
   color: #000000;
   background-color: #ccaa00;
   transition: background-color 0.7s ease;
}

a.mfx-selected:link ,
a.mfx-selected:visited,
a.mfx-selected:hover,
a.mfx-selected
{
   background-color: #ffcc00;
   color: #000000;
   font-weight: normal;
   border-style: solid;
   border-width: 1px;
   border-color: #000000;
}*/

.emphasis
{
   color: #222222; 
   text-decoration: underline;
}

.home-product-text
{  padding-left: 20px; 
   padding-right: 20px; 
   padding-bottom: 20px;
   text-align: justify; 
   min-height:10px;
}

/*@media only screen and (max-width:601px) 
{
   .home-product-text
   {
      min-height:50px;
   }

}

.hide-small { 
   display: inherit;
}

.hide-medium { 
   display: inherit;
}

.hide-large { 
   display: none;
}

.display-small-jc
{
   display: none;
}

.display-small {   display: none;
}

.display-medium {   display: inherit;
}

.display-large {   display: inherit;
}

@media only screen and (max-width:993px) 
{
   .display-small-jc
   {
      display: none;
   }

   .display-small {   display: none;
   }

   .display-medium-jc
   {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-around; 
      justify-content: space-around;
   }

   .display-medium {   display: inherit;
   }

   .display-large {   display: none;
   }

   .hide-small {   display: none;
   }
   .hide-medium {    display: none;
   }
   .hide-large {    display: inherit;
   }
   .mfx-article div
   {
      max-height: 110px;
      min-height: 110px;
   }

   .mfx-quick-links h5
   {  
      display: inline;
      padding-right: 5px;
      margin-top: 0px;
      margin-bottom: 3px;
      line-height: 200%;
   }

}

@media only screen and (max-width:601px) 
{
   .display-small-jc
   {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-around; 
      justify-content: space-around;
   }

   .display-small {   display: inherit;
   }

   .display-medium-jc
   {
      display: none;
   }
   .display-medium {   display: none;
   }

   .display-large {   display: none;
   }


   .hide-small {   display: none;
   }
   .hide-medium {   display: inherit;
   }
   .hide-large {    display: inherit;
   }
   .mfx-article div
   {
      max-height: none;
      min-height: 110px;
   }
      .mfx-quick-links
      {  
         padding-right: 5px;
         margin-top: 0px;
         margin-bottom: 3px;
         padding: 0px;
         line-height: 120%;
      }
   

   .mfx-quick-links h2
   {  
      padding-right: 5px;
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 5px;
      line-height: 120%;
   }

   .mfx-quick-links h5
   {  
      display: block;
      padding-right: 5px;
      margin-top: 0px;
      margin-bottom: 3px;
      line-height: 120%;
   }

   .mfx-page
   {
      padding-left: 0px;
      padding-right: 0px;
   }

   .mfx-page p
   {
      padding-left: 10px;
      padding-right: 0px;
   }
}

@media only print and (min-width:1px) 
{
   .hide-print
   {
      display: none;
   }
}

.ui-tooltip 
{
   font-size: 0.9em;
   background: #555555;
   color: #ffcc00;
   font-weight: bold;

}*/
#accordion-standards div,
#accordion-standards h3
{
   background-color: #ffffff !important;
   display: block !important;   
}

#accordion-examples 
{
   display: none;
}