/*------------ Common style --------------- */
html, body {  height: 100%; }

body { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; 
  padding: 0;    margin: 0;    min-width: 900px;      color: #333; 
  font-size: 15px; }

img { filter: custom(url(foo.fs), 20 20, phase 90); }


/* link */
a   { color: #336699;        text-decoration: none;  }
a.readmore-link            { color: #336699;   text-decoration: none;  }
a:hover, a:active, a:focus { color:#b42be6;    text-decoration:underline;}
a img{  border: 0;}


.clearfix:before, .clearfix:after {  content: "";  display: table;}
.clearfix:after {  clear: both;}
.clear   { clear:both;}
.cleared { font: 0/0 serif;  clear: both;}

form     { padding: 0 !important;  margin: 0 !important; }
.small   { font-size: 0.8em;   }
table.position {  position: relative;  width: 100%;  table-layout: fixed;}
pre{  overflow: auto;  padding: 0.1em;}

ul { list-style-type: none;      }
ol { list-style-position: inside;}

li h1,  .diablodesign-postcontent li h1,  .diablodesign-blockcontent li h1, 
li h2,  .diablodesign-postcontent li h2,  .diablodesign-blockcontent li h2, 
li h3,  .diablodesign-postcontent li h3,  .diablodesign-blockcontent li h3, 
li h4,  .diablodesign-postcontent li h4,  .diablodesign-blockcontent li h4, 
li h5,  .diablodesign-postcontent li h5,  .diablodesign-blockcontent li h5, 
li h6,  .diablodesign-postcontent li h6,  .diablodesign-blockcontent li h6 { 
  margin: 1px;}

li p,               .diablodesign-postcontent li p, 
.diablodesign-blockcontent li p {  margin: 1px;}

.diablodesign-article img,  img.diablodesign-article, 
.diablodesign-footer img { margin:10px 10px;}


.diablodesign-slider-inner {  position: relative;
  overflow: hidden;  width: 100%;  height: 100%; }

.diablodesign-slidenavigator > a {  display: inline-block;
  vertical-align: middle;  outline-style: none;  font-size: 1px; }

.diablodesign-slidenavigator > a:last-child{ margin-right: 0 !important;}

#diablodesign-main { background: #8C8C8C url('../images/page.png') scroll;
  background: url('../images/pageglare.png') no-repeat, url('../images/page.png'), #8C8C8C;
  margin: 0 auto;            overflow: hidden;
  position: relative;    left: 0;            top: 0;
  width: 100%;           min-height: 100%;   cursor: default; }

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{  margin: 0;  padding: 0;}

.diablodesign-button{  border: 0;  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #F0F0F0;          padding: 0 10px;       margin: 0 auto;   
  background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  background: -webkit-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  background: -moz-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  background: -o-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  background: -ms-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  -svg-background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
  -webkit-border-radius: 3px;    -moz-border-radius: 3px;
  border-radius: 3px;            height: 26px;         
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);         }


header, footer, article, #diablodesign-hmenu-bg, .diablodesign-sheet, 
.diablodesign-hmenu a, .diablodesign-vmenu a, .diablodesign-slidenavigator > a, 
.diablodesign-checkbox:before, .diablodesign-radiobutton:before {
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important; }

header,      footer,     article,   #diablodesign-hmenu-bg, 
.diablodesign-sheet,               .diablodesign-slidenavigator > a, 
.diablodesign-checkbox:before,     .diablodesign-radiobutton:before {
  display: block;                   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;      box-sizing: border-box;         }


/*-------------------------------------------*/
/*                   Header                  */
/*-------------------------------------------*/
.diablodesign-header{ margin:0 auto;   position:relative;    height:115px;  
  background: url('../images/header.png') center top no-repeat; }

.responsive .diablodesign-header{
  background: url('../images/header.png')  center center;  }

.diablodesign-shapes{   overflow:hidden;   z-index: 0; 
  position: absolute;   top: 0;            right: 0;     bottom: 0;    left: 0;}


/***** logo *****/
.diablodesign-object173655472{  display: block;
  margin-left: -6px;  position: absolute;     top: 0px;     left: 0%;
  width: 314px;       height: 71px;           z-index: 5;}

.site-slogan  {       margin: 0;              font-size:90%;     
   color:#333;        padding:2px 5px;        z-index: 10;
   position: absolute;     top: 40px;   left: 10px;}
/***** end of logo *****/


.diablodesign-header-inner{  position: relative;  width: 980px;
  z-index: auto !important;  margin: 0 auto;}

.diablodesign-icon{ display:block;     position:absolute; 
   width:500px;     height:200px;      z-index:2000;
   margin-top:-190px;                  margin-left:365px; }

.diablodesign-header>div.diablodesign-nostyle, .diablodesign-header>div.diablodesign-block, 
.diablodesign-header>div.diablodesign-post  { position:absolute;  z-index:101; }

/***** Search *****/
.diablodesign-object714367995 h1,   .diablodesign-object714367995 h2, 
.diablodesign-object714367995 h3,   .diablodesign-object714367995 h4, 
.diablodesign-object714367995 h5,   .diablodesign-object714367995 h6, 
.diablodesign-object714367995 p,    .diablodesign-object714367995 a, 
.diablodesign-object714367995 ul,   .diablodesign-object714367995 ol, 
.diablodesign-object714367995 li    {  line-height: 125%;}

.diablodesign-object714367995 { 
  background: url('../images/object714367995.png') 0px 0px  no-repeat;
  position: absolute;      top: 98px;      left: 60px;
  overflow: hidden;        z-index:101;    width: 200px;  height: 24px;
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);       -ms-transform: rotate(0deg);
  transform: rotate(0deg);        }

form.diablodesign-search input[type="text"] {  background: #F0F0F0;
  -moz-border-radius: 4px;       -webkit-border-radius: 4px;   
  -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;
  box-sizing: border-box;        border-radius: 4px;            
  border: 1px solid #ABABAB;     margin: 0 auto; 
  color: #262626 !important;     width: 100%;       padding: 3px 0;     
  font-weight: normal;           font-size:13px;    font-style: normal;  }

form.diablodesign-search {  background-image: none;        border: 0;
  position: relative;       top: 0;       display: block;   
  line-height: 0;           padding:0;    margin:5px;      left: 0;  }

form.diablodesign-search input { top: 0;    right: 0; }
form.diablodesign-search>input { bottom:0;  left:0;  vertical-align:middle;}

form.diablodesign-search input[type="submit"] {
  background: url('../images/searchicon.png') center center no-repeat;
  display: block;       margin: 0 auto;      color: #000000 !important;
  position: absolute;   left: auto;          border: none;
  width: 24px;          height: 100%;        padding: 0;  }

/***** end of Search *****/



/***** header dropdown menu   *****/
.diablodesign-nav { position: absolute;    top: 96px;    width: 100%;
  z-index: 100;     margin: 0,    
  background: #FFFFFF url(../images/header-nav.png) repeat-x;
  background: rgba(255, 255, 255, 0.3) url('../images/header-nav.png') repeat-x;  }

div.diablodesign-nav-inner { text-align:left;  margin:0 auto;   }

/* -------- All levels -------- */
div.diablodesign-nav-inner ul.diablodesign-hmenu {   display: inline-block; 
   position:relative;    left:250px;    float:left;  margin:0;  padding:0;            
   border-left: 1px solid #c0bfc9;      border-right: 1px solid #c0bfc9; }

  
div.diablodesign-nav-inner li   { float:left;      list-style: none;
   background:none;      margin:0;        padding: 0;} /* all list items */
   
div.diablodesign-nav-inner li a { color:#000;   font-weight:bold; font-size:15px;}
div.diablodesign-nav-inner li a:hover { text-decoration: none; } 

/* -------- Top level -------- */
div.diablodesign-nav-inner ul.diablodesign-hmenu li {  float: left;
   display: block;         cursor: pointer;            z-index: 5; 
   position: relative;     border: 0;}/* all list items */

div.diablodesign-nav-inner ul.diablodesign-hmenu li a { padding: 5px 20px;
   display: block;         color:#000;      border-left: 1px solid #c0bfc9;    
   font-weight: bold;      margin:0;        border-right: 1px solid #c0bfc9;   
   }

div.diablodesign-nav-inner ul.diablodesign-hmenu li a:hover,
div.diablodesign-nav-inner ul.diablodesign-hmenu li a:active,
div.diablodesign-nav-inner ul.diablodesign-hmenu li a:focus {color: #FFFFFF;
   background: url(../images/arrow2.png) no-repeat bottom center #555555;  }


div.diablodesign-nav-inner ul.diablodesign-hmenu li:hover {color: #FFFFFF;
   background: url(../images/arrow2.png) no-repeat bottom center #555555;  }

div.diablodesign-nav-inner ul.diablodesign-hmenu li.active a,
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active a:hover,
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active a:active,
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active a:focus {color: #FFFFFF;
   background: url(../images/arrow2.png) no-repeat bottom center #333333;  }



/********** second-level lists ************/
/* all 2nd level and sub lists */
div.diablodesign-nav-inner ul.diablodesign-hmenu ul    { margin: 0;   padding: 0;}

div.diablodesign-nav-inner ul.diablodesign-hmenu li ul { 
   visibility: hidden;      height: auto;          border:1px solid #333;   
   z-index: 100;            position: absolute;    width:280px !important;
   background:#555555 url(../images/opaque.png);}  

div.diablodesign-nav-inner ul.diablodesign-hmenu li ul li.cleared{ display:none}
div.diablodesign-nav-inner ul.diablodesign-hmenu li ul li { background: none; 
   border-top: 1px solid #777;       margin: 0;        padding: 0;
   border-bottom: 1px solid #444;   /*  border-right: 1px solid #c0bfc9;  */ }

div.diablodesign-nav-inner ul.diablodesign-hmenu li ul li a { margin: 0;  
   color: #FFFFFF;   border-right:none;   padding:5px 8px;    width: 262px;  }




div.diablodesign-nav-inner ul.diablodesign-hmenu li.parent:hover ul, 
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active:hover ul, 
div.diablodesign-nav-inner ul.diablodesign-hmenu li.parent:hover ul li {
   visibility:visible !important;     z-index:100;     }

div.diablodesign-nav-inner ul.diablodesign-hmenu li ul a:hover,
div.diablodesign-nav-inner ul.diablodesign-hmenu li ul a:active,
div.diablodesign-nav-inner ul.diablodesign-hmenu li ul a:focus,
div.diablodesign-nav-inner ul.diablodesign-hmenu ul li:hover {
   background: #444444; color: #FFFFFF;         }

div.diablodesign-nav-inner ul.diablodesign-hmenu ul li.active a,
div.diablodesign-nav-inner ul.diablodesign-hmenu ul li.active a:hover,
div.diablodesign-nav-inner ul.diablodesign-hmenu ul li.active a:active,
div.diablodesign-nav-inner ul.diablodesign-hmenu ul li.active a:focus {   
   background: none !important;   color: #FFFFFF;   font-weight: bold;}

div.diablodesign-nav-inner ul.diablodesign-hmenu li.active li a,
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active li a:hover,
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active li a:active,
div.diablodesign-nav-inner ul.diablodesign-hmenu li.active li a:focus {   
   background: none !important; }


/*****  mouse over effect *****/


/***** end of  header menu *****/


.diablodesign-menuitemcontainer {  margin: 0 auto;}

/*
.desktop-nav.diablodesign-nav { padding-left: 0;  padding-right: 0;}
.desktop-nav.diablodesign-nav-inner {
  width: 980px;           padding-left: 0;   padding-right: 0;}

.desktop-nav .diablodesign-hmenu ul li:hover>a {  color: #404040;}
.desktop-nav ul.diablodesign-hmenu li li ul>li:first-child { margin-top: 0;}
.desktop-nav ul.diablodesign-hmenu>li>ul>li { margin-top:0;     margin-bottom: 0;}
.desktop-nav .diablodesign-hmenu>li>ul>li>a { font-weight: bold !important;}
.desktop-nav .diablodesign-hmenu>li>ul>li   { float: left;}

.desktop-nav .diablodesign-hmenu>li>ul>li>ul{
  position: relative;      left: 0 !important;    right: auto !important;
  padding: 0 !important;   margin: 0 !important; }

.desktop-nav .diablodesign-hmenu>li:hover>ul>li>ul  { visibility: visible;}
.desktop-nav .diablodesign-hmenu>li>ul>li>ul:before { visibility: hidden;}

.desktop-nav ul.diablodesign-hmenu li:hover>ul   { top:100%;  visibility:visible; }
.desktop-nav ul.diablodesign-hmenu li li:hover>ul{ top: 0;    left: 100%;}


.desktop-nav ul.diablodesign-hmenu>li>ul {
  padding: 11px 31px 31px 31px;  margin: -10px 0 0 -30px;}

.desktop-nav ul.diablodesign-hmenu ul ul {
  padding: 31px 31px 31px 11px;  margin: -31px 0 0 -9px;}

.desktop-nav ul.diablodesign-hmenu ul.diablodesign-hmenu-left-to-right {
  right: auto;  left: 0;  margin: -10px 0 0 -30px;}

.desktop-nav ul.diablodesign-hmenu ul.diablodesign-hmenu-right-to-left {
  left: auto;  right: 0;  margin: -10px -30px 0 0;}

.desktop-nav ul.diablodesign-hmenu li li:hover>ul.diablodesign-hmenu-left-to-right
{  right: auto;  left: 100%;}

.desktop-nav ul.diablodesign-hmenu li li:hover>ul.diablodesign-hmenu-right-to-left
{  left: auto;  right: 100%;}

.desktop-nav ul.diablodesign-hmenu ul ul.diablodesign-hmenu-left-to-right {
  right: auto;        padding: 31px 31px 31px 11px;
  left: 0;            margin: -31px 0 0 -9px;}

.desktop-nav ul.diablodesign-hmenu ul ul.diablodesign-hmenu-right-to-left {
  left: auto;         padding: 31px 11px 31px 31px;
  right: 0;           margin: -31px -9px 0 0;          }

.desktop-nav ul.diablodesign-hmenu li ul>li:first-child{ margin-top: 0;   }
.desktop-nav ul.diablodesign-hmenu li ul>li:last-child { margin-bottom: 0;}

.desktop-nav ul.diablodesign-hmenu ul ul:before{  border-radius: 0;
  top: 30px;  bottom: 30px;  right: 30px;  left: 10px;}

.desktop-nav ul.diablodesign-hmenu>li>ul:before{  top: 10px;
  right: 30px;  bottom: 30px;  left: 30px;}

.desktop-nav ul.diablodesign-hmenu>li>ul.diablodesign-hmenu-left-to-right:before
{  right: 30px;  left: 30px;}

.desktop-nav ul.diablodesign-hmenu>li>ul.diablodesign-hmenu-right-to-left:before
{  right: 30px;  left: 30px;}

.desktop-nav ul.diablodesign-hmenu ul ul.diablodesign-hmenu-left-to-right:before
{  right: 30px;  left: 10px;}

.desktop-nav ul.diablodesign-hmenu ul ul.diablodesign-hmenu-right-to-left:before
{  right: 10px;  left: 30px;}
*/

/*------------ end of header ---------------*/


/*---------------------------------------*/
/*------------ footer -------------------*/
/*---------------------------------------*/
.diablodesign-page-footer { position: relative;    z-index:auto !important; 
   background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
   padding: 20px 2px 30px;            border-top: 5px solid #CCCCCC;  
   text-align: center !important;     clear: both;      }

.diablodesign-page-footer a, .diablodesign-page-footer a:link, 
.diablodesign-page-footer a:visited { font-weight: bold;   } 

.footer-in    { padding:0;   color:#666666;   position:relative;    left:35px;}
.footer-in ul { padding: 0;  margin: 0 0 5px;   }
.footer-in li { padding:0;   display:inline;  background: none;   }
div.footnav   { padding-left: 0; }

div.footnav li a {    
   display: inline;    font-weight: bold;      border-left: 2px solid #CCCCCC;
   font-size: 92%;     margin: 0 10px 0 0px;   padding: 0 2px 0 10px;   }


/*------------ end of footer -----------*/


/*---------------------------------------*/
/*----- leftcolumn /rightcolumn  --------*/
/*---------------------------------------*/
div.diablodesign-block     { margin: 10px 2px;  }
div.diablodesign-block img { border: none;  margin: 0;}
.diablodesign-block select{  width: 96%;}
.opera .diablodesign-block ul>li:before           {  bottom: 0;}
.diablodesign-block ul>li, .diablodesign-block ol {  padding: 0;}



/***** sidebar menu header *****/
div.diablodesign-sidebar1 div.diablodesign-blockheader {
  background: #F0F0F0 url('../images/blockheader.png') left bottom repeat;
  background: linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), -webkit-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), -moz-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), -o-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), -ms-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  -svg-background: linear-gradient(top, rgba(255, 255, 255, 0.25) 0, rgba(224, 224, 224, 0.15) 50%, rgba(182, 182, 182, 0.09) 50%, rgba(209, 209, 209, 0.07) 100%) no-repeat, url('../images/blockheader.png'), linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  
  -webkit-border-radius: 6px 6px 0 0;      -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;              padding-bottom: 10px !important;     
  margin: 0 auto;         height: 22px;  }

.diablodesign-blockheader h3.t,       .diablodesign-blockheader .t a, 
.diablodesign-blockheader .t a:link,  .diablodesign-blockheader.t a:visited,   
.diablodesign-blockheader .t a:hover { padding: 0 2px 0px 10px;    
  font-size: 15px !important;    height: 0px;     font-weight: bold; 
   }
  
div.diablodesign-sidebar1 div.diablodesign-blockheader {    }  

div.diablodesign-sidebar1 div.diablodesign-blockheader h3 {  /* border: solid 1px #CC0000;  */ }  
/***** end of sidebar menu header *****/

.diablodesign-blockcontent {  background: #E3E3E3;
  background: linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  background: -moz-linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  background: linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  -svg-background: linear-gradient(top, rgba(237, 237, 237, 0.4) 0, rgba(207, 207, 207, 0.4) 100%) no-repeat;
  -webkit-border-radius: 0 0 6px 6px;         -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  border: 1px outset rgba(240, 240, 240, 0.4);
  padding: 1px 1px 1px 9px;       margin: 0 auto;         }


.diablodesign-blockcontent p { margin: 6px 0;}

/***** sidebar menu content *****/

/* 1st level sidebar menu */
ul.menu-main    { margin: 0;   padding: 0 0 0 0px;     }
ul.menu-main li { padding-left: 0px;   margin: 0;   }

ul.menu-main li a,      ul.menu-main li.parent a { color: #0075ff; 
   display:block;       font-size: 15px;                             
   font-weight:500;     padding:0 0 0 10px;  line-height:24px;  
   background:transparent url('../images/blockbullets1.png') no-repeat left center; }

ul.menu-main li#current a,     ul.menu-main li.active  a {    
   color: #06D440;    font-weight: 600;   
   background:transparent url('../images/menu-expanded.png') no-repeat 0px .6em; }


/* 2nd level menu */
ul.menu-main li ul {/*  background: #ECECEC;    border: 1px solid #333; */
   padding-left:9px;     margin:1px 1px;   }

ul.menu-main li.parent ul li a,     ul.menu-main li#current ul li a { 
  display:block;      color: #0075ff;      padding:1px 0 1px 11px;  
  font-size: 14px;    font-weight: 500;    line-height:16px;    
  background: transparent url('../images/blockbullets2.png') no-repeat 0px .4em; }

ul.menu-main li ul li.parent a,  ul.menu-main li#current ul li.parent a {  
   display:block;      color: #0075ff;     padding: 1px 0 1px 10px;  
   background: transparent url('../images/menu_blue.gif') no-repeat 1px .5em;}

ul.menu-main li ul li.active a,     ul.menu-main li ul li#current a { 
   display:block;      color: #06D440;    font-weight: 600;  padding:1px 0 1px 11px;
   background: transparent url(../images/menu-expanded.png) no-repeat 1px .5em;}


/* 3rd level menu */
ul.menu-main li ul li ul {      margin-left:0px;      }

ul.menu-main li ul li.parent ul li a,  ul.menu-main li ul li#current ul li a { 
  display:block;      color: #0075ff;      padding:1px 0 1px 12px;  
  font-size: 14px;    font-weight: 500;    line-height:15px;
  background: transparent url('../images/menu-leaf_L3.gif') no-repeat 0px .4em; }

ul.menu-main li ul li ul li.parent a, 
ul.menu-main li ul li#current ul li.parent a {  
   display:block;      color: #0075ff;     padding: 1px 0 1px 12px;  
   background: transparent url('../images/menu_blue.gif') no-repeat 2px .5em;}


ul.menu-main li ul li ul li.active a,  ul.menu-main li ul li ul li#current a {
   display:block;     color:#06D440;    font-weight:600;  padding:1px 0 1px 12px;
   background: transparent url(../images/menu-expanded.png) no-repeat 1px .5em;}


/* 4th level menu */
ul.menu-main li ul li ul li ul { list-style:none;      margin-left:3px;  }

ul.menu-main li ul li ul li.parent ul li a,    
ul.menu-main li ul li ul li.parent ul li a:link,
ul.menu-main li ul li ul li#current ul li a,    
ul.menu-main li ul li ul li#current ul li a:link { 
  display:block;      color: #0075ff;      padding:0 0 0 15px;  
  font-size: 14px;    font-weight: 500;    line-height:16px;
  background: transparent url('../images/menu-leaf_L4.gif') no-repeat 4px .4em; }

ul.menu-main li ul li ul li ul li.parent a,    
ul.menu-main li ul li ul li ul li.parent a:link
ul.menu-main li ul li ul li#current ul li.parent a,    
ul.menu-main li ul li ul li#current ul li.parent a:link {  
   display:block;      color: #0075ff;     padding: 0 0 0 15px;  
   background: transparent url('../images/menu_blue.gif') no-repeat 5px .5em;}

ul.menu-main li ul li ul li ul li.active a,   
ul.menu-main li ul li ul ul li li.active a:link,
ul.menu-main li ul li ul li ul li#current a,  
ul.menu-main li ul li ul li ul li#current a:link { 
   display:block;      color: #06D440;    font-weight: 600;  padding:0 0 0px 15px;
   background: transparent url(../images/menu-expanded.png) no-repeat 7px .5em;}
   

/* Left col mouse over effect */
ul.menu-main li a:hover,             ul.menu-main li ul li a:hover,
ul.menu-main li ul li ul li a:hover, ul.menu-main li ul li ul li ul li a:hover
   { color:#b42be6;   text-decoration:underline; }

ul.menu-main li#current a:hover { color:#b42be6;    text-decoration:underline; }

ul.menu-main li#current ul li a:hover
   { color:#b42be6;     text-decoration:underline; }

ul.menu-main li.parent ul li a:hover   
   { color:#b42be6;     text-decoration:underline; }
   









/*+++++ latest comments +++++*/
ul.jcomments-latest li span.author { float:left;   margin:1px 10px 2px 2px; }
ul.jcomments-latest li span.date   { float:right;  margin:1px 18px 2px 10px; }
/*+++++ end of latest comments +++++*/


/***** end of sidebar menu content *****/



.diablodesign-vmenublock {  margin: 10px;}
div.diablodesign-vmenublock img {  margin: 0;}

.diablodesign-vmenublockheader {
  background: #F0F0F0 url('../images/vmenublockheader.png') scroll;
  background: linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), -webkit-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), -moz-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), -o-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), -ms-linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  background: linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  -svg-background: linear-gradient(top, rgba(255, 255, 255, 0.18) 0, rgba(224, 224, 224, 0.1) 50%, rgba(182, 182, 182, 0.06) 50%, rgba(209, 209, 209, 0.05) 100%) no-repeat, url('../images/vmenublockheader.png'), linear-gradient(top, #FFFFFF 0, #EBEBEB 50%, #CFCFCF 50%, #E0E0E0 100%) no-repeat;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  border-top: 2px solid #FFFFFF;
  padding: 4px 0;
  margin: 0 auto 7px;}

.diablodesign-vmenublockheader .t, .diablodesign-vmenublockheader .t a, .diablodesign-vmenublockheader .t a:link, .diablodesign-vmenublockheader .t a:visited, .diablodesign-vmenublockheader .t a:hover {   text-shadow: 1.4px 1.4px 0 rgba(23, 23, 23, 0.82);
  font-size: 14px;  margin: 0 10px 0 5px;}

.diablodesign-vmenublockcontent {  margin: 0 auto;}
ul.diablodesign-vmenu { margin-top: 0;  margin-bottom: 0;}
ul.diablodesign-vmenu, ul.diablodesign-vmenu ul{ list-style: none;  display: block;}

ul.diablodesign-vmenu, ul.diablodesign-vmenu li{  display: block;  margin: 0;
  padding: 2px;  width: auto;  line-height: 0;}

ul.diablodesign-vmenu ul{  display: none;
  margin: 0;  padding: 0;  position: relative;}

ul.diablodesign-vmenu ul.active{  display: block;}

ul.diablodesign-vmenu>li>a{  padding: 5 10px;    margin: 0 auto;
  -moz-border-radius: 5px;   -webkit-border-radius: 5px;  
  border-radius: 5px;        min-height: 28px;   line-height: 28px; 
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  background: #D4D4D4 url('../images/vmenuitem.png') scroll; }

ul.diablodesign-vmenu a{ position: relative;       font-size: 13px;  
  display: block;        cursor: pointer;          z-index: 1;   }

ul.diablodesign-vmenu li {  position: relative;}
ul.diablodesign-vmenu>li {  margin-top: 2px;}
ul.diablodesign-vmenu>li>ul{  padding: 0;  margin-top: 2px;  margin-bottom: 2px;}
ul.diablodesign-vmenu>li:first-child{  margin-top: 0;}

ul.diablodesign-vmenu>li>a:before{  content: url('../images/vmenuitemicon.png');
  margin-right: 5px;   margin-left:3px;  bottom: 2px;
  position: relative;  display: inline-block;  
  font-size: 0;        line-height: 0;       vertical-align: middle;}

.opera ul.diablodesign-vmenu>li>a:before {  bottom: 0;}

ul.diablodesign-vmenu>li>a.active:before {   display: inline-block;
  content: url('../images/vmenuactiveitemicon.png');  
  bottom: 2px;         margin-right: 5px;    position: relative;
  font-size: 0;        line-height: 0;       vertical-align: middle; }

.opera ul.diablodesign-vmenu>li>a.active:before {  bottom: 0;}

ul.diablodesign-vmenu>li>a:hover:before { font-size: 0;    line-height:0; 
  content: url('../images/vmenuhovereditemicon.png');
  margin-right: 5px;     display: inline-block;
  position: relative;    bottom: 2px;     vertical-align: middle; }

.opera ul.diablodesign-vmenu>li>a:hover:before {  bottom: 0;}

ul.diablodesign-vmenu>li>a:hover, ul.diablodesign-vmenu>li>a.active:hover {
  background: #ABABAB url('../images/vmenuhovereditem.png') scroll;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  padding: 0 10px;  margin: 0 auto; }

ul.diablodesign-vmenu a:hover, ul.diablodesign-vmenu a.active:hover { }

ul.diablodesign-vmenu>li>a.active:hover>span.border-top, ul.diablodesign-vmenu>li>a.active:hover>span.border-bottom {
  background-color: transparent; }

ul.diablodesign-vmenu>li>a.active {
  background: #E3E3E3 url('../images/vmenuactiveitem.png') scroll;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  padding: 0 10px;  margin: 0 auto;  }

ul.diablodesign-vmenu>li>ul:before {   
  margin: 0 auto;  display: block;    content: ' ';
  position: absolute;   top: 0;  right: 0;  bottom: 0;  left: 0;  }

ul.diablodesign-vmenu li li a { margin: 0 auto;   position: relative;
  background: #C7C7C7;          background: rgba(199, 199, 199, 0.5); }

ul.diablodesign-vmenu ul li {  margin: 0;  padding: 0;}
ul.diablodesign-vmenu li li{  position: relative;  margin-top: 1px;}

ul.diablodesign-vmenu ul a { display: block;
  position: relative;  min-height: 28px;  overflow: visible;
  padding: 0 0 0 25px;  z-index: 0;  line-height: 28px;  
  font-size: 12px;  margin-left: 0;  margin-right: 0;}

ul.diablodesign-vmenu ul a:visited,   ul.diablodesign-vmenu ul a.active:hover, 
ul.diablodesign-vmenu ul a:hover,     ul.diablodesign-vmenu ul a.active {
    }

ul.diablodesign-vmenu ul ul a   {  padding-left: 50px;}
ul.diablodesign-vmenu ul ul ul a{  padding-left: 75px;}
ul.diablodesign-vmenu ul ul ul ul a   {  padding-left: 100px;}
ul.diablodesign-vmenu ul ul ul ul ul a{  padding-left: 125px;}

ul.diablodesign-vmenu li li a:before {  position: relative;  display: inline-block;
  content: url('../images/vmenusubitemicon.png');     vertical-align: middle;
  font-size: 0;      line-height: 0;    margin-right: 10px;  bottom: 1px; }

.opera ul.diablodesign-vmenu li li a:before{  bottom: 0;}

ul.diablodesign-vmenu ul>li>a:hover, ul.diablodesign-vmenu ul>li>a.active:hover{
  margin: 0 auto;   background:#E3E3E3;    background:rgba(227, 227, 227, 0.6);}

ul.diablodesign-vmenu ul li a:hover, 
ul.diablodesign-vmenu ul li a.active:hover    {  color: #b42be6;}
ul.diablodesign-vmenu ul a:hover:after { background-position: center;}
ul.diablodesign-vmenu ul a.active:after{ background-position: bottom;}
ul.diablodesign-vmenu ul a.active:hover:after { background-position: center;}

ul.diablodesign-vmenu li li a:hover:before{ position:relative;    bottom: 1px;  
  content: url('../images/vmenuhoveredsubitemicon.png');
  font-size: 0;     margin-right: 10px;     display: inline-block;
  line-height: 0;   vertical-align: middle; }

.opera ul.diablodesign-vmenu li li a:hover:before{  bottom: 0;}

ul.diablodesign-vmenu ul>li>a.active{  margin: 0 auto;
  background: #D8DAD3;  background: rgba(216, 218, 211, 0.5);}

ul.diablodesign-vmenu ul a.active, ul.diablodesign-vmenu ul a:hover, 
ul.diablodesign-vmenu ul a.active:hover{  color: #b42be6;}

ul.diablodesign-vmenu li li a.active:before{ position:relative;    bottom: 1px;  
  content: url('../images/vmenuactivesubitemicon.png');
  font-size: 0;     margin-right: 10px;     display: inline-block;
  line-height: 0;   vertical-align: middle; }

.opera ul.diablodesign-vmenu li li a.active:before{  bottom: 0;}

ul.diablodesign-vmenu li li:after{  display: block;  content: ' ';  
  position:absolute;    left: 0;    top:-1px;     right: 0;
  z-index:1;            height:0;   border-bottom: 1px dotted #BFBFBF;}

ul.diablodesign-vmenu li li:before {  display: block;   content: ' ';
  position: absolute;  left: 0;  right: 0;  top: -1px;
  z-index: 0;  height: 1px;  background-color: rgba(199, 199, 199, 0.5);}

ul.diablodesign-vmenu>li>ul>li:first-child:before, 
ul.diablodesign-vmenu>li>ul>li:first-child:after{  display: none;}




/*----- end of leftcolumn /rightcolumn  --------*/


/*=============================================*/
/*              Forms                          */
/*=============================================*/
span.star { color:red;  }
fieldset label   { display: inline-block;  width: 12em;}
fieldset textarea{ vertical-align: text-top;}
fieldset dl { display: block;  margin: 0;  padding: 0;  background: none;}

fieldset dt { display: block;
  box-sizing: border-box;  -moz-box-sizing: border-box;
  width: 12em;             height: 2em;    line-height: 2em;
  margin: 0;               padding: 0;     overflow: hidden;
  float: left;             clear: both;    background: none;   }

fieldset dd { display: block;  min-height: 2em;    padding: 0;
  margin: 0 0 0 12em;          background: none;   line-height: 2em;  }

input[type="text"],   input[type="password"], 
input[type="email"],  input[type="url"],      textarea{ background:#F0F0F0;
  width: 70%;  padding:4px 2px;   color: #262626 !important;   
  -webkit-border-radius: 4px;     -moz-border-radius: 4px;
  border-radius: 4px;             margin: 2px auto;    border:1px solid #ABABAB; }

/* mouse over effect */
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover,  
input[type="url"]:hover,  textarea:hover { background:#6BBDF3;}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,  
input[type="url"]:focus,  textarea:focus { background:#D9F2F8; }

input.diablodesign-error, textarea.diablodesign-error{
  background: #F0F0F0;  border: 1px solid #F5250A;  margin: 0 auto;}

input.diablodesign-error, textarea.diablodesign-error{ font-style: normal;  
  font-size: 13px;   font-weight: normal;   color: #262626 !important;}


input, select, textarea{  vertical-align: middle;  
  text-shadow: 0 1px 0 rgb(252, 252, 252);}

input.diablodesign-button{  float: none !important;}

label.diablodesign-checkbox:before {  background: #F0F0F0;
  -webkit-border-radius: 1px;  -moz-border-radius: 1px;
  border-radius: 1px;  margin: 0 auto;  width: 16px;  height: 16px;}

label.diablodesign-checkbox {  cursor: pointer;
  font-size: 13px;    line-height: 16px;  display: inline-block;}

.diablodesign-checkbox>input[type="checkbox"]{  margin: 0 5px 0 0;}

label.diablodesign-checkbox.active:before, 
label.diablodesign-checkbox.hovered:before { background: #A3A3A3;
  -webkit-border-radius: 1px;  -moz-border-radius: 1px;
  border-radius: 1px;  margin: 0 auto;
  width: 16px;  height: 16px;  display: inline-block;}

label.diablodesign-radiobutton:before{  background: #F0F0F0;
  -webkit-border-radius: 3px;  -moz-border-radius: 3px;
  border-radius: 3px;  margin: 0 auto;  width: 12px;  height: 12px;}

label.diablodesign-radiobutton{  cursor: pointer;
  font-size: 13px;    line-height: 12px;  display: inline-block;}

.diablodesign-radiobutton>input[type="radio"]{
  vertical-align: baseline;  margin: 0 5px 0 0;}

label.diablodesign-radiobutton.active:before, 
label.diablodesign-radiobutton.hovered:before { background:#A3A3A3;  width:12px;
  -webkit-border-radius: 3px;  -moz-border-radius: 3px;
  border-radius:3px;   margin:0 auto;   height:12px;   display:inline-block;}


/*--------- Login Form  -----------*/
#login-form #form-login-username label, 
#login-form #form-login-password label{  display: block;}

#login-form #form-login-username input, 
#login-form #form-login-password input{  width: 80%;  max-width: 300px;
  box-sizing: border-box;  -moz-box-sizing: border-box;}


/*** left/right login Form ***/
.diablodesign-blockcontent form div.input-prepend,
.diablodesign-blockcontent form span.add-on { display: block;} 
.diablodesign-blockcontent form fieldset.userdata { 
   padding-bottom:0; margin-left:-2px;  border: dotted 1px #336699; }

.diablodesign-blockcontent form#login-form { margin:5px 0 8px 0;  }
.diablodesign-blockcontent p { margin:0;  padding:0; }

.diablodesign-blockcontent p#form-login-remember label { width:93px !important;  }
.diablodesign-blockcontent form#login-form label { width:73px; 
   margin:2px;        padding: 1px 0 0 0;          float:left;}
   
.diablodesign-blockcontent p#form-login-username input#modlgn-username,
.diablodesign-blockcontent p#form-login-password input#modlgn-passwd {
 /*   margin:0;   position:relative;   left: 25px;   border: solid 1px #0C0;*/}

.diablodesign-blockcontent input#modlgn-username, 
.diablodesign-blockcontent input#modlgn-passwd   { display: inline; 
   height: 20px;      margin:3px 0;       width: 120px !important;
   padding-left:2px;  padding-top:2px;    border: solid 1px #CCCCCC; }

.diablodesign-blockcontent form#login-form input.button,
.diablodesign-blockcontent form#login-form button.btn { clear:both;  
   font-size:13px;    font-weight:700;
   float:right;       position:relative;   top:-20px;    right:10px;  }

.diablodesign-blockcontent form#login-form input.button { left: 24px;}

.diablodesign-blockcontent form#login-form div.login-greeting {
   width:150px;   float:left;      }
   
.diablodesign-blockcontent form#login-form div.logout-button input.button { 
   position:relative;   top:1px;            left:18px;    
   height: 18px;        padding: 0 0 1px 0; }

.diablodesign-blockcontent form#login-form button:hover { color:#666;}
.diablodesign-blockcontent form#login-form ul.unstyled  { 
   clear:both;        position:relative;   top:-10px;  }
/*** end of left/right login Form ***/

/*** Registration Form ***/
div.registration { font-size: 14px;     margin:0 0 10px 20px;  } 

div.registration div.accordion-group { clear:both;  }
div.registration div.control-group   { display:block;  clear:both;}
div.registration div.control-group div.control-label { float:left; }
div.registration div.control-group div.controls { display:inline;  }

/*** end of Registration Form ***/


/*** contact Form ***/
div.contact { font-size: 14px;     margin:0 0 10px 20px;  } 

div.contact div.thumbnail img { float:right;  
   position:relative;           top:-50px;        right:40px;    }
   
div.contact div.accordion-group { clear:both;  }
div.contact div.control-group    { display:block;  }
div.contact div.control-group div.control-label { float:left; }
div.contact div.control-group div.controls { display:inline;  }

/*** end of contact Form ***/





   
   

/*-------------------------------------------*/
/*                   Content                 */
/*-------------------------------------------*/

/*-------- breadcrumb --------- */
ul.breadcrumb,     .diablodesign-breadcrumbs { display:block;    margin:3px 10px;}
ul.breadcrumb li,  .breadcrumbs li  { margin:0 2px;   display:inline;     } 
ul.breadcrumb img, .breadcrumbs img { padding:0;      border:none;  outline:none;}

/*-------- end of breadcrumb --------- */


.diablodesign-sheet {          z-index: auto !important;
  font-size: 14px;              width:980px;             cursor:auto; 
  background: #F0F0F0;         background: rgba(240, 240, 240, 0.6);
  -moz-border-radius: 5px;     -webkit-border-radius: 5px;
  border-radius: 5px;          margin: 10px auto 0;     position: relative; }

.diablodesign-layout-wrapper { z-index: auto !important; 
  position: relative;          margin: 0 auto 0 auto;  }

.diablodesign-content-layout { border-collapse: collapse;
  display: table;              width: 100%;           table-layout: fixed; }

.diablodesign-content-layout-row {  display: table-row;}
.diablodesign-layout-cell { display: table-cell;  vertical-align: top; }



/****** content list view   ********/
table th#categorylist_header_title,
table td.list_title  { font-size:1.1em; width:440px;  padding:5px 10px 4px 0;}

table th#categorylist_header_date { width:30px; padding-right:10px;}
table td.list-author { width:70px;  padding-right:2px;}

table th#categorylist_header_date,      table td.list-date, 
table th#categorylist_header_author,    table td.list-author, 
table th#categorylist_header_hits,      table td.list-hits { font-size: 0.8em; }

table.category td, table.table-striped td,
table.category th, table.table-striped th { vertical-align:top;   } 

div.category-list  {  width:98%;  } 
div.category-list  div.content-category {  } 


/****** end of content list view ******/

.diablodesign-postcontent,         .diablodesign-postheadericons, 
.diablodesign-postfootericons,     .diablodesign-blockcontent {  text-align: left;}

.diablodesign-postcontent,           .diablodesign-postcontent li, 
.diablodesign-postcontent table,     .diablodesign-postcontent a, 
.diablodesign-postcontent a:link,    .diablodesign-postcontent a:visited, 
.diablodesign-postcontent a.visited, .diablodesign-postcontent a:hover, 
.diablodesign-postcontent a.hovered { text-align: justify;}

.diablodesign-postcontent p { margin:5px 0;}

.diablodesign-postcontent h1,           .diablodesign-postcontent h1 a, 
.diablodesign-postcontent h1 a:link,    .diablodesign-postcontent h1 a:visited, 
.diablodesign-postcontent h1 a:hover,   .diablodesign-postcontent h2, 
.diablodesign-postcontent h2 a,         .diablodesign-postcontent h2 a:link, 
.diablodesign-postcontent h2 a:visited, .diablodesign-postcontent h2 a:hover, 
.diablodesign-postcontent h3,           .diablodesign-postcontent h3 a, 
.diablodesign-postcontent h3 a:link,    .diablodesign-postcontent h3 a:visited, 
.diablodesign-postcontent h3 a:hover,   .diablodesign-postcontent h4, 
.diablodesign-postcontent h4 a,         .diablodesign-postcontent h4 a:link, 
.diablodesign-postcontent h4 a:visited, .diablodesign-postcontent h4 a:hover, 
.diablodesign-postcontent h5,           .diablodesign-postcontent h5 a, 
.diablodesign-postcontent h5 a:link,    .diablodesign-postcontent h5 a:visited, 
.diablodesign-postcontent h5 a:hover,   .diablodesign-postcontent h6, 
.diablodesign-postcontent h6 a,         .diablodesign-postcontent h6 a:link, 
.diablodesign-postcontent h6 a:visited, .diablodesign-postcontent h6 a:hover, 
.diablodesign-vmenublockheader .t, 
.diablodesign-vmenublockheader .t a,    .diablodesign-vmenublockheader .t a:visited,
.diablodesign-vmenublockheader .t a:link, .diablodesign-vmenublockheader .t a:hover, 
.diablodesign-headline,                 .diablodesign-headline a, 
.diablodesign-headline a:link,          .diablodesign-headline a:visited, 
.diablodesign-headline a:hover,         .diablodesign-slogan, 
.diablodesign-slogan a,                 .diablodesign-slogan a:link, 
.diablodesign-slogan a:visited,         .diablodesign-slogan a:hover, 
.diablodesign-postheader,               .diablodesign-postheader a, 
.diablodesign-postheader a:link,        .diablodesign-postheader a:visited, 
.diablodesign-postheader a:hover { font-size: 32px;
  font-weight: bold;  font-style: normal;  text-decoration: none; }

.diablodesign-postcontent a, .diablodesign-postcontent a:link{
  text-decoration: none; }

.diablodesign-postcontent a:visited, .diablodesign-postcontent a.visited{
  text-decoration: none;  }

.diablodesign-postcontent  a:hover, .diablodesign-postcontent a.hover{
  text-decoration:underline;   }

.diablodesign-postcontent h1{  color: #757575;
  margin-bottom: 21px;         margin-top: 21px;      font-size: 32px;  }

.diablodesign-blockcontent h1{
  margin-bottom: 21px;         margin-top: 21px;      font-size: 32px; }

.diablodesign-postcontent h1 a,        .diablodesign-postcontent h1 a:link, 
.diablodesign-postcontent h1 a:hover,  .diablodesign-postcontent h1 a:visited, 
.diablodesign-blockcontent h1 a,       .diablodesign-blockcontent h1 a:link, 
.diablodesign-blockcontent h1 a:hover, .diablodesign-blockcontent h1 a:visited {    
  font-size: 32px; }

.diablodesign-postcontent h2 {  color: #757575;
  margin-top: 19px;  margin-bottom: 19px;  font-size: 24px;}

.diablodesign-blockcontent h2{
  margin-top: 19px;  margin-bottom: 19px;  font-size: 24px; }

.diablodesign-postcontent h2 a,         .diablodesign-postcontent h2 a:link, 
.diablodesign-postcontent h2 a:hover,   .diablodesign-postcontent h2 a:visited, 
.diablodesign-blockcontent h2 a,        .diablodesign-blockcontent h2 a:link, 
.diablodesign-blockcontent h2 a:hover,  .diablodesign-blockcontent h2 a:visited {  
  font-size: 24px; }

.diablodesign-postcontent h3{  color: #8F8F8F;
  margin-top: 19px;  margin-bottom: 19px;  font-size: 19px; }

.diablodesign-blockcontent h3{
  margin-top: 19px;  margin-bottom: 19px;  font-size: 19px; }

.diablodesign-postcontent h3 a,        .diablodesign-postcontent h3 a:link, 
.diablodesign-postcontent h3 a:hover,  .diablodesign-postcontent h3 a:visited, 
.diablodesign-blockcontent h3 a,       .diablodesign-blockcontent h3 a:link, 
.diablodesign-blockcontent h3 a:hover, .diablodesign-blockcontent h3 a:visited {  
  font-size: 19px; }

.diablodesign-postcontent h4{  color: #242424;
  margin-top: 20px;  margin-bottom: 20px;  font-size: 16px;}

.diablodesign-blockcontent h4{
  margin-top: 20px;  margin-bottom: 20px;  font-size: 16px;}

.diablodesign-postcontent h4 a,        .diablodesign-postcontent h4 a:link, 
.diablodesign-postcontent h4 a:hover,  .diablodesign-postcontent h4 a:visited, 
.diablodesign-blockcontent h4 a,       .diablodesign-blockcontent h4 a:link, 
.diablodesign-blockcontent h4 a:hover, .diablodesign-blockcontent h4 a:visited{  
font-size: 16px; }

.diablodesign-postcontent h5{  color: #242424;
  margin-top: 26px;  margin-bottom: 26px;  font-size: 13px;  }

.diablodesign-blockcontent h5{
  margin-top: 26px;  margin-bottom: 26px;  font-size: 13px; }

.diablodesign-postcontent h5 a,        .diablodesign-postcontent h5 a:link, 
.diablodesign-postcontent h5 a:hover,  .diablodesign-postcontent h5 a:visited, 
.diablodesign-blockcontent h5 a,       .diablodesign-blockcontent h5 a:link, 
.diablodesign-blockcontent h5 a:hover, .diablodesign-blockcontent h5 a:visited {
  font-size: 13px; }

.diablodesign-postcontent h6 {  color: #595959;
  margin-top: 35px;  margin-bottom: 35px;  font-size: 11px; }

.diablodesign-blockcontent h6 {
  margin-top: 35px;  margin-bottom: 35px;  font-size: 11px; }

.diablodesign-postcontent h6 a, .diablodesign-postcontent h6 a:link, 
.diablodesign-postcontent h6 a:hover, .diablodesign-postcontent h6 a:visited, 
.diablodesign-blockcontent h6 a, .diablodesign-blockcontent h6 a:link, 
.diablodesign-blockcontent h6 a:hover, .diablodesign-blockcontent h6 a:visited {
  font-size: 11px; }

.diablodesign-postcontent ul>li:before, 
.diablodesign-post ul>li:before, 
.diablodesign-textblock ul>li:before {
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /*font-size: 0;
  line-height: 0;*/}

.opera .diablodesign-postcontent ul>li:before, 
.opera .diablodesign-post ul>li:before, 
.opera .diablodesign-textblock ul>li:before{  bottom: 0;}

.diablodesign-postcontent li, .diablodesign-post li, 
.diablodesign-textblock li{ font-size: 13px;  color: #363636;  margin: 0 0 0 26px;}

.diablodesign-postcontent ul>li, .diablodesign-post ul>li, 
.diablodesign-textblock ul>li, .diablodesign-postcontent ol, 
.diablodesign-post ol, .diablodesign-textblock ol{  padding: 0;}

.diablodesign-postcontent ul>li, .diablodesign-post ul>li, 
.diablodesign-textblock ul>li {  padding-left: 13px;}

.diablodesign-postcontent ul>li:before, .diablodesign-post ul>li:before, 
.diablodesign-textblock ul>li:before{  margin-left: -13px;}

.diablodesign-postcontent ol, .diablodesign-post ol, 
.diablodesign-textblock ol, .diablodesign-postcontent ul, 
.diablodesign-post ul, .diablodesign-textblock ul{  margin: 1em 0 1em 26px;}

.diablodesign-postcontent li ol, .diablodesign-post li ol, 
.diablodesign-textblock li ol, .diablodesign-postcontent li ul, 
.diablodesign-post li ul, .diablodesign-textblock li ul{ margin:0.5em 0 0.5em 26px;}

.diablodesign-postcontent li, .diablodesign-post li, 
.diablodesign-textblock li{  margin: 0 0 0 0;}

.diablodesign-postcontent ol>li, .diablodesign-post ol>li, 
.diablodesign-textblock ol>li{  overflow: visible;}

.diablodesign-postcontent ul>li, .diablodesign-post ul>li, 
.diablodesign-textblock ul>li{  overflow-x: visible; /* overflow-y: hidden;*/}







a.diablodesign-button,              a.diablodesign-button:link, 
a:link.diablodesign-button:link,    body a.diablodesign-button:link, 
a.diablodesign-button:visited,      body a.diablodesign-button:visited, 
input.diablodesign-button,          button.diablodesign-button{
  text-decoration: none;
  font-size: 13px;
  text-shadow: 0 1px 0 rgb(252, 252, 252);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #000000;
  margin: 0 !important;
  overflow: visible;
  cursor: pointer;
  text-indent: 0;
  line-height: 26px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.diablodesign-button img{  margin: 0;  vertical-align: middle;}
.firefox2 .diablodesign-button{  display: block;  float: left;}


.diablodesign-button.active, .diablodesign-button.active:hover{
  background: #BABABA;
  background: linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  background: -webkit-linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  background: -moz-linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  background: -o-linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  background: -ms-linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  background: linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  -svg-background: linear-gradient(top, #CFCFCF 0, #A6A6A6 100%) no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  padding: 0 10px;
  margin: 0 auto;}

.diablodesign-button.active, 
.diablodesign-button.active:hover {  color: #000000 !important;}

.diablodesign-button.hover, .diablodesign-button:hover{  background: #E3E3E3;
  background: linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  background: -webkit-linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  background: -moz-linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  background: -o-linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  background: -ms-linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  background: linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  -svg-background: linear-gradient(top, #FAFAFA 0, #CFCFCF 100%) no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  padding: 0 10px;
  margin: 0 auto;}

.diablodesign-button.hover, .diablodesign-button:hover{ color: #000 !important;}



.diablodesign-post{
  background: #FAFAFA;
  background: rgba(250, 250, 250, 0.17);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.03);
  border: 1px solid transparent;
  padding: 7px;
  margin: 7px;
}

.diablodesign-metadata-icons img{  border: none;
  vertical-align: middle;  margin: 2px;}

.diablodesign-article table, table.diablodesign-article{
  border-collapse: collapse;  margin: 1px;}

.diablodesign-post .diablodesign-content-layout-br{  height: 0;}

.diablodesign-article th{  text-align: center;
  vertical-align: middle;  padding: 7px;}

.preview-cms-logo{  border: 0;  margin: 1em 1em 0 0;  float: left;}

.image-caption-wrapper{
  padding: 10px 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-caption-wrapper img{
  margin: 0 !important;         -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  box-sizing: border-box;}

.image-caption-wrapper div.diablodesign-collage{
  margin: 0 !important;         -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  box-sizing: border-box;}

.image-caption-wrapper p{  font-size: 80%;  text-align: right;  margin: 0;}

.diablodesign-postheader{
  margin: 5px 0;  font-size: 16px;text-shadow:1px 1px 0px #FFFFFF}

.diablodesign-postheader a,         .diablodesign-postheader a:link, 
.diablodesign-postheader a:visited, .diablodesign-postheader a.visited, 
.diablodesign-postheader a:hover,   .diablodesign-postheader a.hovered{
  font-size: 16px;  text-shadow:1px 1px 0px #FFFFFF}

.diablodesign-postheader a, .diablodesign-postheader a:link{
  text-decoration: none;  text-align: left;  }

.diablodesign-postheader a:visited, .diablodesign-postheader a.visited{
  text-decoration: none;  text-align: left;  }

.diablodesign-postheader a:hover, .diablodesign-postheader a.hovered{
  text-decoration: none;  text-align: left;  }

.diablodesign-postheadericons, .diablodesign-postheadericons a, 
.diablodesign-postheadericons a:link, .diablodesign-postheadericons a:visited, 
.diablodesign-postheadericons a:hover{ }

.diablodesign-postheadericons{  display: inline-block;  padding: 1px;}

.diablodesign-postheadericons a, .diablodesign-postheadericons a:link{
  text-decoration: none;  }

.diablodesign-postheadericons a:visited, 
.diablodesign-postheadericons a.visited{
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  color: #4F4F4F;}

.diablodesign-postheadericons a:hover, .diablodesign-postheadericons a.hover{
  font-weight: normal;
  font-style: italic;
  text-decoration: underline;
  color: #1A1A1A;}

.diablodesign-postdateicon:before{
  content: url('../images/postdateicon.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;}

.opera .diablodesign-postdateicon:before{  bottom: 0;}

.diablodesign-postauthoricon:before{
  content: url('../images/postauthoricon.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;}

.opera .diablodesign-postauthoricon:before{  bottom: 0;}

.diablodesign-postpdficon:before{
  content: url('../images/system/pdf_button.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;}

.opera .diablodesign-postpdficon:before{  bottom: 0;}

.diablodesign-postprinticon:before{
  content: url('../images/system/printButton.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;
}

.opera .diablodesign-postprinticon:before{  bottom: 0;}

.diablodesign-postemailicon:before{
  content: url('../images/system/emailButton.png');
  margin-right: 6px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.opera .diablodesign-postemailicon:before{  bottom: 0;}

.diablodesign-postediticon:before{
  content: url('../images/system/edit.png');
  margin-right: 6px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  bottom: auto;}

.opera .diablodesign-postediticon:before{  bottom: 0;}

blockquote {
  background: #D8DAD3 url('../images/postquote.png') no-repeat scroll;
  padding: 10px 10px 10px 47px;
  margin: 10px 10px 10px 50px;
  color: #2E2E2E;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  overflow: auto;
  clear: both;}

blockquote a,           .diablodesign-postcontent blockquote a, 
.diablodesign-blockcontent blockquote a, .diablodesign-footer blockquote a, 
blockquote a:link,      .diablodesign-postcontent blockquote a:link, 
.diablodesign-blockcontent blockquote a:link, .diablodesign-footer blockquote a:link, 
blockquote a:visited,   .diablodesign-postcontent blockquote a:visited, 
.diablodesign-blockcontent blockquote a:visited, 
.diablodesign-footer blockquote a:visited, blockquote a:hover, 
.diablodesign-postcontent blockquote a:hover, 
.diablodesign-blockcontent blockquote a:hover, 
.diablodesign-footer blockquote a:hover{  
  font-weight: normal;  font-style: italic;  text-align: left;}

blockquote p,             .diablodesign-postcontent blockquote p, 
.diablodesign-blockcontent blockquote p, .diablodesign-footer blockquote p{
  margin: 0;  margin: 2px 0 2px 15px;}

.diablodesign-postmetadatafooter{
  background: #E3E3E3;
  background: transparent;
  border-bottom: 1px solid #D4D4D4;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 1px;}

.diablodesign-postfootericons, .diablodesign-postfootericons a, 
.diablodesign-postfootericons a:link, .diablodesign-postfootericons a:visited, 
.diablodesign-postfootericons a:hover {   }

.diablodesign-postfootericons {  display: inline-block;  padding: 1px;}

.diablodesign-postfootericons a, .diablodesign-postfootericons a:link,  
.diablodesign-postfootericons a:visited, 
.diablodesign-postfootericons a.visited { text-decoration:none;  }

.diablodesign-postfootericons a:hover, 
.diablodesign-postfootericons a.hover { text-decoration:none;   }

.diablodesign-postcategoryicon:before { margin-right:6px;  display:inline-block;
  content: url('../images/postcategoryicon.png');
  position: relative;    bottom:auto;   line-height: 0;
  font-size: 0;          vertical-align: middle;         }

.opera .diablodesign-postcategoryicon:before {  bottom: 0; }

.diablodesign-posttagicon:before { margin-right:6px;  display:inline-block;
  content: url('../images/posttagicon.png');
  position: relative;    bottom:auto;   line-height: 0;
  font-size: 0;          vertical-align: middle;         }


.opera .diablodesign-posttagicon:before {  bottom: 0;}

.diablodesign-postcommentsicon:before {  margin-right:6px;  display:inline-block;
  content: url('../images/postcommentsicon.png');
  position: relative;    bottom:auto;    line-height: 0;
  font-size: 0;          vertical-align: middle;         }

.opera .diablodesign-postcommentsicon:before {  bottom: 0; }

.Navigator .diablodesign-ccs-navigator img, .Navigator img {
  border: 0;             margin: 0;       vertical-align: middle;}

tr.Navigator td, td span.Navigator { text-align:center;  vertical-align:middle;}

.Sorter img { border: 0;         padding: 0;   width:12px;     height: 6px;
  margin:0;   position:static;   z-index:1;    vertical-align: middle;  }

.Sorter a {   position: relative;   }
.Sorter a:link, .Sorter a:visited, .Sorter a.visited {   }

.Sorter a:hover, .Sorter a.hover {   }
.Sorter {   color: #363636;}


.diablodesign-rss-tag-icon{
  background: url('../images/footerrssicon.png') no-repeat scroll;
  margin: 0 auto;
  min-height: 32px;
  min-width: 32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;}

.diablodesign-rss-tag-icon:empty{  vertical-align: middle;}
img.diablodesign-lightbox{  cursor: pointer;}
#diablodesign-lightbox-bg *{  padding: 0;  margin: 0;}

div#diablodesign-lightbox-bg{
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 9999;
}

img.diablodesign-lightbox-image {
  -webkit-transition: opacity 350ms ease-in-out;
  -moz-transition: opacity 350ms ease-in-out;
  -o-transition: opacity 350ms ease-in-out;
  -ms-transition: opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out;
  cursor: pointer;
  z-index: 10000;
  position: fixed;
  border: 6px solid #fff;
  border-radius: 3px;
  opacity: 0;
  filter: alpha(opacity=0);}

img.diablodesign-lightbox-image.active{  opacity: 1;  filter: alpha(opacity=100);}

.lightbox-error{  position: fixed;  background: #fff;  z-index: 100;
  opacity: 0.95;  padding: 20px;  border: 1px solid #b4b4b4;
  border-radius: 10px;  box-shadow: 0 2px 5px #333;  width: 300px;
  height: 80px;}

.loading{  position: fixed;  box-shadow: 0 2px 5px #333;
  background: #fff url('../images/preloader-01.gif') center center no-repeat;
  width: 32px;  height: 32px;  z-index: 10100;  opacity: 0.5;
  padding: 10px;  border: 1px solid #b4b4b4;  border-radius: 10px;}

.arrow{  height: 100px;  width: 82px;  z-index: 10003;
  position: fixed;  cursor: pointer;  opacity: 0.5;  filter: alpha(opacity=50);}

.arrow.left{  left: 9px;}
.arrow.right{  right: 9px;}
.arrow:hover{  opacity: 1;  filter: alpha(opacity=100);}
.arrow.disabled{  display: none;}

.arrow-t, .arrow-b{  height: 6px;
  width: 30px;
  left: 26px;
  background-color: #fff;
  position: relative;
  border-radius: 3px;}

.arrow-t{  top: 38px;}

.arrow-b{  top: 50px;}

.close{  width: 22px;  height: 22px;
  position: fixed;  top: 30px;  right: 39px;
  cursor: pointer;  opacity: 0.5;  filter: alpha(opacity=50);}

.close:hover{  opacity: 1;  filter: alpha(opacity=100);}

.close .cw, .close .ccw{
  position: absolute;
  top: 8px;
  left: -4px;
  width: 30px;
  height: 6px;
  background-color: #fff;
  border-radius: 3px;}

.cw{
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.ccw{
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);}

.close-alt, .arrow-right-alt, .arrow-left-alt{
  display: none;  color: #fff;  font-size: 2.5em;}

.ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt{
  display: block;}

.ie8 .cw, .ie8 .ccw{  display: none;}

.diablodesign-content-layout .diablodesign-sidebar1{
  background: #D4D4D4;
  background: rgba(212, 212, 212, 0.4);
  -webkit-border-radius: 5px 0 0;
  -moz-border-radius: 5px 0 0;
  border-radius: 5px 0 0;
  border-right: 1px dotted #ABABAB;
  margin: 0 auto;
  width: 250px;}

.diablodesign-content-layout .diablodesign-content{  margin: 0 auto;}

.img-fulltext-left, .img-intro-left{
  float: left;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0.3em 0.3em 0;
  margin-top: 0;}

.img-fulltext-right, .img-intro-right{
  float: right;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 0.3em 0.3em;
  margin-top: 0;}

div.item-page dl.tabs{  display: block;  margin: 0;  padding: 0;}

div.item-page dl.tabs:before{  display: block;  float: left;
  box-sizing: border-box;      -moz-box-sizing: border-box;
  width: 1em;    height: 2em;  overflow: hidden;}

div.item-page dl.tabs dt{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  height: 2em;
  overflow: hidden;
  border-left: 1px solid black;
  border-top: 1px solid black;
}

div.item-page dl.tabs dt h3{  margin: 0;  padding: 0 1em;
  line-height: 2em;  font-size: 100%;  overflow: hidden;}

div.item-page dl.tabs dt h3 a{  text-decoration: none;}

div.item-page dl.tabs:after{  border-left: 1px solid black;
  box-sizing: border-box;  -moz-box-sizing: border-box;
  display: block;  content: " ";  overflow: hidden;  height: 2em;}

div.item-page div.current{  clear: both;  border: 1px solid black;}
div.item-page div.current dd.tabs{  margin: 0;  padding: 0;}
div.item-page .panel{  border: 1px solid black;  margin-top: -1px;}
div.item-page .panel h3{  margin: 0;  padding: 0;}

div.item-page .panel h3 a{  display: block;  padding: 6px;
  text-decoration: none;}

div.item-page .panel h3.pane-toggler-down a{ border-bottom: 1px solid black;}
div.item-page .panel .pane-slider{  margin: 0;  padding: 0;}

#searchForm .phrases-box{  display: block;  float: left;}
#searchForm .ordering-box{  text-align: right;}

#searchForm .phrases-box label, #searchForm .ordering-box label, 
#searchForm .only label {  display: inline-block;
  width: auto;  height: 2em;  margin: 0;  padding: 0 0.3em;}

#mod-finder-searchform label{  display: block;}

#mod-finder-searchform input.inputbox{  width: 100%;  max-width: 300px;
  box-sizing: border-box;  -moz-box-sizing: border-box;}


dl.stats-module{  padding: 0.3em 0 0.3em 0.3em;  margin: 0;}

dl.stats-module dt{
  float: left;
  display: block;
  line-height: 1.5em;
  min-height: 1.5em;
  width: 10em;
  padding: 0.3em 0.3em 0 0;
  margin: 0;
  font-weight: bold;}

dl.stats-module dd{  display: block;
  line-height: 1.5em;  min-height: 1.5em;  margin-left: 0 0 0 10em;}

div.mod-languages ul{  margin: 0;  padding: 0;  list-style: none;}
div.mod-languages li{  background: none;  margin: 0 0.3em;  padding: 0;}

div.mod-languages ul.lang-inline li { display: inline;}
div.mod-languages ul.lang-block li  { display: block;}
div.mod-languages img{ border: none;  margin: 0;  padding: 0;}
div.clr{  clear: both;}
#system-message ul li{  background-image: none;}

ul.actions, ul.actions li, ul.actions li img{  display: inline;
  margin: 0;  padding: 0;  border: none;}

ul.actions li{  background: none;  list-style: none;}

.items-row{  display: table;  width: 100%;
  table-layout: fixed;  border-collapse: collapse;}

.items-row .item{  display: table-cell;  vertical-align: top;}
.items-row .row-separator{  display: none;}

div.tip-wrap{  background: #fff;  border: 1px solid #aaa;}
div.tip-wrap div.tip{  padding: 0.3em;}

div.tip-wrap div.tip-title{  font-weight: bold;}
table.category{  width: 100%;}
table.category thead th img{ padding: 0 0 0 0.3em;  margin: 0;  border: none;}
span.hasTip a img{  padding: 0;  margin: 0;  border: none;}

div.categories-list ul li span.item-title, 
div.cat-children ul li span.item-title{ display:block;  margin: 0 0 0.3em 0;}

div.categories-list ul li div.category-desc, 
div.cat-children ul li div.category-desc{  margin: 0 0 0.3em 0;}

div.categories-list dl, div.cat-children dl{  display: block;
  padding-left: 0;  padding-right: 0;  margin-left: 0;
  margin-right: 0;  background: none;}

div.categories-list dl dt,   div.cat-children dl dt, 
div.categories-list dl dd,   div.cat-children dl dd{ display: inline-block;
  padding: 0;  margin: 0;  background: none;}

div.img_caption p.img_caption{  padding: 0.3em 0;    margin: 0;}

.ani{ display: block;   width: 974px;  height:235px;
  position:absolute;    left: 5px;     top: -97px;   z-index:3000;}
  
#toTop {  width: 100px;  border: 1px solid #999;  background: #CCC;
  opacity: 0.7;  text-align: center;  padding: 5px;
  position: fixed; /* this is the magic */
  bottom: 10px; /* together with this to put the div at the bottom*/
  right: 10px;  cursor: pointer;  display: none;
  text-shadow:0px 1px 0px #FFFFFF;
  font-family: verdana;  font-size: 11px;  z-index: 1100;}
  
/****** content pagination   ******/
div.item-page div.pagination ul{  clear: both;  list-style: none;
  display: block;  margin: 0;  padding: 0;}

div.item-page div.pagination li{  display: block;  width: 50%;
  margin: 0;  padding: 0;  text-align: center;
  float: left;  white-space: nowrap;}

div.item-page div.pagination:after{  visibility: hidden;
  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

div.pagination ul, div.pagination ul li, div.pagination ul > li:before{
  margin: 0;         display: inline-block;   list-style: none;
  padding: 0 0.3em;  background: none;        content: normal;}

div.pagination p.counter {  display: inline-block;
  margin: 0 0.3em 0 0;  padding: 0;  background: none;   }

ul.pagenav{  clear: both;  list-style: none;
  display: block;  margin: 0;  padding: 0;}

ul.pagenav li, ul.pagenav li:before{  display: block;  background: none;
  margin: 0;  padding: 0;  width: 50%;
  text-align: center;  content: normal;}

ul.pagenav li.pagenav-prev{  float: left;}
ul.pagenav li.pagenav-next{  margin: 0 0 0 50%;}
div.pagination  { text-align: center;  margin: 5px 0; }
span.pagination { font-size: 11px; font-family:tahoma; white-space: nowrap;}

span.page_inactive { background: #c9ddf5;  }

span.pagination span       {border:1px solid #bbbbbb; 
   padding:1px 5px 2px 5px; margin:2px;}
   
span.pagination span:hover {border:1px solid #ff0000;}

/****** end of content pagination   ******/
  
  
/******** content footer   ********/
.diablodesign-footer { padding:20px;    margin:0 auto;  position: relative;
  background: #F0F0F0;                  background: rgba(240, 240, 240, 0.5);
  -moz-border-radius: 0 0 5px 5px;      -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;           border-top: 1px groove #ABABAB;
  font-size: 11px;     color: #242424;  text-align: center;}

.diablodesign-footer a,         .diablodesign-footer a:link, 
.diablodesign-footer a:visited, .diablodesign-footer a:hover, 
.diablodesign-footer td,        .diablodesign-footer th, 
.diablodesign-footer caption {    font-size: 12px;}

.diablodesign-footer p{  padding: 0;  text-align: center;}
.diablodesign-footer a, .diablodesign-footer a:link{
  color: #404040;  text-decoration: none;}

.diablodesign-footer a:visited{  }
.diablodesign-footer a:hover  {    text-decoration: underline;}
.diablodesign-footer img      {  border: none;  margin: 7px;}

.diablodesign-footer ul>li:before { position: relative;   bottom: 1px; 
  content: url('../images/footerbullets.png');
  margin-left: -15px;      margin-right: 6px;   display: inline-block;
  vertical-align: middle;  font-size: 0;        line-height: 0; }

.opera .diablodesign-footer ul>li:before {  bottom: 0; }
.diablodesign-footer li   {  font-size: 12px;  }
.diablodesign-footer ul>li{  padding-left: 15px;}
.diablodesign-footer ul>li, .diablodesign-footer ol {  padding: 0;}



/*-------------------------------------------------------------*/
/*                       customized style                      */
/*-------------------------------------------------------------*/
div.slogin-buttons span { height: 40px;    width: 48px;    }
div.slogin-buttons a    { width: 50px;     padding:3px 3px 3px 3px; }

div.slogin-buttons a, div.slogin-buttons a:hover {
    -webkit-border-radius: 7px;    -moz-border-radius: 7px;
    border-radius: 7px; }



/***** content rating *****/
div.content_rating { display: block; }
div.content_rating p, div.content_rating img { display: inline;   }
div.content_rating p { margin: 5px; }
div.diablodesign-postcontent form.form-inline label { margin-right: 7px; }

div.diablodesign-postcontent form.form-inline span.content_vote { 
  position: relative;    left:300px;   top:-17px;  }
/***** end of content rating *****/


/***** fabrik *****/
div.page-header    { margin-bottom: 0px;  padding:10px 0;   clear:both;}
div.page-header h1 { margin: 0px;         padding:1px 0;    }
form.fabrikForm    { margin-top: -20px;   padding:0;        } 
form.fabrikForm div.row-fluid    { margin: 0px; padding:0;  }
form.fabrikForm div.row-fluid ul { margin: 0px; padding:0;  }


form.fabrikForm div.row-fluid ul li.dropdown { 
    background: #f3f7a3;       margin: 0px; padding:0; }
    
form.fabrikForm div.row-fluid ul li.dropdown ul.dropdown-menu  { 
    border: solid 2px #F00;  /*border: solid 2px #0069aa; */}
    
form.fabrikForm ul.dropdown-menu li {  margin-left: 0px;  
   border-bottom: solid 1px #0069aa;       }
 
form.fabrikForm ul.dropdown-menu li:hover,  ul.dropdown-menu li a:hover,
form.fabrikForm ul.dropdown-menu li:focus { background: #4176b3;      }


/*--- fabrik list ---*/
div.fabrikDataContainer { background: #fff;   }

div.fabrikDataContainer table {  border-top: solid 1px #0069aa; }

div.fabrikDataContainer table td, div.fabrikDataContainer table th {  
   text-align:center;    border: solid 1px #0069aa; }

div.fabrikDataContainer table .fabrik_groupheading td { display: none; }
div.fabrikDataContainer table tr.fabrik___heading {  }
div.fabrikDataContainer table td img.fabrikLightBoxImage { max-width:70px; }

div.fabrikDataContainer table .search_engine___type { 
   padding:10px 0px;  text-align:center;  }

div.fabrikDataContainer table .search_engine___type ul.fabrikRepeatData {
   font-family: Serif, Impact, Arial;   
   margin: 0px;    padding:0;     width:90px;      }
   
div.fabrikDataContainer table .search_engine___type ul.fabrikRepeatData li {
   text-align:center;  margin: 0px;       padding:0;   overflow:hidden;  }
   
div.fabrikDataContainer table .search_engine___location { 
   text-align:center;  font-size:12px;    width:50px;  padding:10px 0px;  }
   
div.fabrikDataContainer table .search_engine___description { 
   text-align:left;  width:230px; }

div.fabrikDataContainer table td.fabrik_actions { 
   padding:10px 0;          margin: 0px; }

div.fabrikDataContainer table td.fabrik_actions a.fabrik_view { 
   padding:0;          margin: 0px; }

div.fabrikDataContainer table td.fabrik_actions a.fabrik_view i.icon-search { 
   padding:0;          margin: 0px;     width:15px;          }
 
div.fabrikDataContainer table .search_engine___alexa_rank { 
   text-align:center;  font-size:12px;    width:50px;  padding:10px 0px;  }
/*--- end of fabrik list ---*/

div.text2 div.list-footer { /*border: solid 1px #F00;*/ }
div.text2 div.limit {}

div.text2 div.fabrikDataContainer table div.pagination { clear:both;   
   text-align:center !important;  }
   
div.text2 div.fabrikDataContainer table ul.pagination-list { 
   padding:1px 1px 1px 60px;        clear:both;         width:60%; 
   text-align:center !important;    margin: 0px auto;   display:block; }
   
div.text2 div.fabrikDataContainer table ul.pagination-list li { 
   display:inline;    max-width:45px;   text-align:center;  
   padding: 1px;      /*border: solid 1px #0F0;*/  }
   
div.text2 div.fabrikDataContainer table ul.pagination-list li.active a { 
   background: #f3f7a3;  }

div.text2 div.fabrikDataContainer table ul.pagination-list li a{ 
   /*width:20px;*/      margin:1px;         border: 1px solid #bbbbbb;
   font-size: 11px;     font-family:tahoma;  white-space: nowrap;
   padding:1px 6px 2px 6px; } 

div.text2 div.fabrikDataContainer table ul.pagination-list li a:hover{ 
   text-decoration:none;  border:1px solid #ff0000; } 




/***** end of fabrik *****/


/***** MultiAds Plugin *****/
div.multiads-topleft  { float:left;   text-align:left;  padding:0px 3px; }   
div.multiads-toptright{ float:right;  display:inline;   padding: 0; }
div.multiads-toptright div.cse-branding-bottom   { margin-left:3px;  margin:0; }
div.multiads-toptright form#cse-search-box input { max-width: 109px;  }
div.host-banner { position:relative; top:-7px;    margin-left:-7px;  }


/***** end of MultiAds Plugin *****/



.hosting table{font-size:12px;  line-height:18px;   background:#DADADA;
               width:710px;     overflow: display;  border: solid 2px #0F53FF; }
               
.hosting table td.hosting-td0 { padding:2px;      width:120px !important;}
.hosting table td.hosting-td1 { padding-left:4px; width:180px !important;}
.hosting table td.hosting-td2 { padding-left:4px; width:280px !important;}
.hosting table td    { border: solid 1px #0F53FF;}
.hosting table td img{ width:120px !important;  margin:0;}

.tbl1 {width:640px; border: solid 2px #0F53FF; }
          
.tbl1 th {background:#FAF120; text-align:left;  
          padding:3px 30px;   font-size:18px;    font-weight:600;}
               
.tbl1 .td1{width:140px;       text-align:center; background: #E0E4EB;  
           padding-left:3px;  padding-top:5px;   vertical-align:top;  }
           
.tbl1 .td2{width:500px;    background: #FFFCEB;  padding:4px;}


.tbl2      {line-height:19px; }
.tbl2 th   {margin-left:5px;   padding:2px 5px;  text-align:center; 
            width:180px;}
.tbl2 th a {font-weight:bold; }
.tbl2 td   {font-weight:500;   padding:2px 5px;}

.tbl3      { width:650px;         font-size:1em;     background: #D9F2F8;
             padding-left:5px;    border-left: solid 2px #000;}
.tbl3 td   { vertical-align:top;  padding:1px 3px 1px 5px; }
.tbl3 ul   { padding: 0px;        line-height:1em;     }
.tbl3 ul li{ padding: 0px;        margin: 1px;    }

.tbl4     { width:500px;         font-size:1em;     background: #D9F2F8;
            margin-left:35px !important;    border: solid 1px #666;}
            
.tbl4 td  { text-align:center;   padding:4px;  }

div.text1 { color:#3B4553;     text-align:justify;  padding-right:10px;  }
div.text1 p        { margin:7px 0;  }
div.text1 ol li    { color:#3B4553; }
div.text1 ol li h2 { margin:5px;      display: inline; }
div.text1 blockquote { background:none;  font-style:normal; margin:6px 15px; }
div.text2    { padding-right:10px;  }
div.text2 h5 { margin:5px 0;  color: rgb(33, 120, 196); }

ol.ol-style1 li { margin:6px 0;}
ol.ol-style2 li { font-size:15px !important;    line-height: 1.5em;}
ol.ol-style3 li { text-align:left; }

ul.ul-look2    { color:#3E3F3F;      list-style-type: disc;   
                 margin-top: 0.6em;  margin-left:25px;}

ul.ul-look5    { color:#3E3F3F;      list-style-type: disc;   
                 margin-top: 0.6em;  margin-left:-10px;}

ul.ul-look2 li, 
ul.ul-look5 li { font-size:15px !important;     line-height: 1.5em;  }


.style1  { font-weight:bold;   font-size:1.5em;}
.style11 { font-weight:bold;   font-size:1.5em;   color:blue; text-align: center;}

.style2 { color: red;         font-weight: bold;    font-size:1.0em;}
.style3 { color: green;       font-weight: bold;    font-size:1.0em;}

.style4   { font-weight:bold; font-family: Arial Rounded MT Bold; }
.style4-1 { color: blue;      font-weight: 500;   font-size:.8em;  }
.style4-2 { color: blue;      font-weight: 500;   font-size:1em;  }
.style4-3 { color: blue;      font-weight: bold;  font-size:1.2em;
            text-align: left;   }

.style5  { color: blue;        font-size:1.2em;  }
.style6  { color: brown;       font-weight: bold;  }
.style7  { color: blue;        text-align: center;}
.style77 { background:yellow;  font-weight: bold; }
table.style8    { font-size:0.9em;  }
table.style8 td { text-align: left;    }



pre.code-text { margin-left: 50px;      padding:0 10px;    width:400px; }

.wp-caption { margin: 10px 1px;         margin-left:-15px;
   -moz-border-radius-bottomleft:3px;   -moz-border-radius-bottomright:3px;
   -moz-border-radius-topleft:3px;      -moz-border-radius-topright:3px;
   background-color:#C88EF5;            border:1px solid #DDDDDD;
   padding:4px 0 4px;                   text-align:center;}

.wp-caption-text { padding:1px 0 0;    font-size:13px;}





#jflanguageselection .rawimages { padding-right:  50px;}
.modifydate                     { padding-bottom: 15px;  padding-top:  40px;}



/***** other *****/
.addressContainer { float: left;    margin: 20px 0px 35px;
    border-left: 1px solid #DDD;    padding-left: 10px;
    white-space: nowrap;            width: 690px;  }
    
.detailsList {  padding-left: 0;    margin-left:-7px;  
    height: 22px;         font-size: 20px;    list-style: none;
    width: 650px;         white-space: nowrap; 
    position:relative;    left:-40px;  }

.detailsList li  { float:left;      margin-left:7px;   
   line-height:20px;                color: #e11b22;    }
   
   
.detailsList sub { font-size:13px;  bottom: 0em;    }
.detailsList li:first-child { list-style:none;    margin-left:0;}

.imageArea { float:left;    margin: 0 10px 20px 0;
   position:relative;       text-align:left;       width:420px; }

.imageArea a {  border: medium none !important;  }

#mainImage   { position: relative;    width: 400px;    height: 340px;
    box-shadow: #bbb 0 0 3px;    -webkit-box-shadow: #bbb 0 0 3px;
    -moz-box-shadow: #bbb 0 0 3px;    
    margin:4px auto 20px;             padding:1px;
    background: #fff no-repeat center center url(/gui/images/icons/loading_01.gif);
    behavior: url(/PIE.htc);
    -pie-poll:true;    }


#walkScore { height: 350px;}

#mainImage > .newRibbon  { display:block;
    position:absolute;     top:-6px;     left:-7px;    }

#mainImage > .xmasRibbon { display:block;
    position:absolute;     top:-32px;    left: 430px; }



#expandedImage, .expandedImage { width: 380px;  height: 320px;  }

#previousImageButton, #nextImageButton {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: absolute;    top: 50%;         left: 15px;
    margin-top: -20px;     width: 40px;      height: 40px;
    font-size: 60px;       font-weight: 100;
    line-height: 30px;     color: #FFF;      text-align: center;
    background: #222 none repeat scroll 0% 0%;
    border: 3px solid #FFF !important;    border-radius: 23px;
    opacity: 0.5;   }

.thumbnailArea { margin-bottom:20px;  white-space:nowrap;  width:400px;}

.thumbnailArea a.thumbnail { float: left;    position: relative;
    display: block;          width: 70px;    height: 60px;
    outline: medium none;    border: medium none !important;
    margin:0px 5px 0px 0px;  padding: 6px 0px;    }
    

.mapType { height: auto;         zoom: 1;
    border: 1px solid #DDD;   -moz-border-radius: 4px;
    border-radius: 4px;       -webkit-border-radius: 4px;  }
    
.listingDetails { float: right;        width: 250px;
                  padding-top: 3px;    margin: 10px 10px 20px 1px;}

.price-fw     { color: red;        font-size: 18px;    }
h1.name-prop  { color: #336699;    text-align:left;    font-size:1.3em; }

div.fw-list-property h2 a { 
   text-align:left !important;    font-size:18px !important; }
   
div.fw-list-property div.span6 h3    { color: red;          }
div.fw-item div.span5 table td span { color:red;  font-weight:bold; }

div.fw-list-property ul { float: right; 
   position: relative;     top:-10px; }
   
div.fw-list-property ul li.fw-link-details {  }