/* - Blocks*/
.block {
  background:#ececec;
  margin-bottom:1.5em;
  //zoom:1;
}

.block .c {
  padding:10px 20px;
}

.block .tb, .block .bb { 
  height:10px;
  overflow:hidden;
  position:relative;
  margin:0;
}

.block .cn {
  position: relative;
  overflow:hidden;
  height:400px;
  width:10px;
  background: url(../images/block-shapes.png) left top no-repeat;
}

.block .bb .cn { margin-top:-20px; }

.block .cn.l { margin-right:10px; width:auto; }
.block .cn.r { left:-10px; top:-10px; margin-left:100%; position:absolute;  }

.block.hover { background:#d4e1eb; }
.block.hover .cn { background-position: left -40px; }

table .block .cn.r { width:100%;  }
table table .block .cn.r { left:100%; margin-left:-10px;}
table table .block { width:100%; //zoom:0;}


  /*Extra block*/
  .extra-block .c { padding:20px;}

  /*Green*/
  .block.green { background:#b9cc26; }
  .block.green .cn { background-position: left -80px; }
  .block.green .c { padding:0 12px; }
  
  .content .block.selected {
    padding-bottom:13px; 
    background:#b9cc26 url(../images/green-block-active.png) center bottom no-repeat;
    color:#fff;
  }
  
  .block .block.green { margin:0; }
  .block .block.green .cn { background-position: left -360px; }
  .block .block.green .tb, .block .block.green .bb  { margin:0;}
  
  .green-border  .block.green { margin:0; }
  .green-border  .block.green .cn { background-position: left -80px !important;}
  
  
  /*Double Border Green*/
  .block.green-border { 
    background:#fff;
    border: 2px solid #9eb300 !important;
  }
  .block.green-border .cn { background-position: left -120px; }
  .block.green-border .tb, .block.green-border .bb { 
    margin:-2px;
  }
  .block.green-border .c { padding:0px 12px; }
      
    .block .block.green-border { margin-bottom:0;}
    .block .block.green-border .cn { background-position: left -160px; }


  /*Double Border Red*/
  .block.red-border { 
    background:#fff;
    /*border: 2px solid red !important;*/
  }
  .block.red-border .cn { background-position: left -120px;
			position: relative;
  overflow:hidden;
  height:400px;
  width:10px;
  background: none; }
  .block.red-border .tb, .block.green-border .bb { 
    margin:-2px;
  }
  .block.red-border .c { padding:0px 12px; }
      
    .block .block.red-border { margin-bottom:0;}
    .block .block.red-border .cn { background-position: left -160px; }



    
  /*Light*/ 
  .block.light { background:#f5f5f5; margin-bottom:0; } 
  .block.light { margin-bottom:13px;}
  .block.light .cn { background-position: left -200px; }
  .block.light .c { padding:0px 12px; }
  
  /*Blue-head*/
  .block.blue-head { 
    background:#eeeeee;
    border-bottom: 1px solid #dbdbdb;
  }
  
  .block.blue-head .c { 
    padding:10px 12px 0 12px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-top:1px solid #f1f1f1;
  }
  
  .block.blue-head .cn { background-position: left -240px; }
  .block.blue-head .bb { margin-bottom:-1px; }  
  
  .block.blue-head h2 {
    font-size:16px;
    color:#fff;
    font-weight:normal;
    margin: 0;
    padding:0 12px 10px 12px;
    background: #004982 url(../images/blue-head.png) left -10px repeat-x;
    //zoom:1;
  }
  
  .block.blue-head .tb { background:url(../images/blue-head.png) left top repeat-x; }
  
  /*Green-head*/
  .block.green-head { 
    background:#eeeeee;
    border-bottom: 1px solid #dbdbdb;
    margin-top:10px;
    height:237px;
  }
  
  .block.green-head .c { 
    padding:10px 12px 0 12px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-top:1px solid #f1f1f1;
    height:173px;
  }
  
  .block.green-head .cn { background-position: left -320px; }
  .block.green-head .bb { margin-bottom:-1px; }  
  
  .block.green-head h2 {
    font-size:16px;
    color:#fff;
    font-weight:normal;
    margin: 0;
    padding:0 12px 10px 12px;
    background: #9baf00 url(../images/green-head.png) left -10px repeat-x;
    //zoom:1;
  }
  
  .block.green-head .tb { background:url(../images/green-head.png) left top repeat-x; }
  
  /*Double Border Green Gray*/
  .block.green-border-gray { 
    background:#ebebeb;
    border: 2px solid #9eb300;
  }
  .block.green-border-gray .cn { background-position: left -280px; }
  .block.green-border-gray .tb, .block.green-border-gray .bb { 
    margin:-2px;
  }
  
  
  /*Shadowed block*/
  .block.shadow {
    position:relative;
    background:none;
    margin-bottom:0em;
    //zoom:1;
  }
  
  .block.shadow  .c {
    padding:10px 30px;
    background:url(../images/shadow-block-body.png) left top no-repeat;
    //background-image: none;
    //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.softlution.com/opencms/opencms/system/modules/com.softlution.modules.redesign/resources/images/shadow-block-body.png', sizingMethod='crop');
    //zoom:1;
  }
  
  .block.shadow  .homepage {
    padding:10px 30px;
    background:url(../images/block_trns_home.png) left top no-repeat #EFF1E5;
    height:258px;
    padding-left: 235px;
    /*//background-image: none;*/
   /* //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.softlution.com/opencms/opencms/system/modules/com.softlution.modules.redesign/resources/images/block_trns_home.png', sizingMethod='crop');
    //zoom:1;*/
  }
  
  .block.shadow  .tb, .block.shadow  .bb { 
    height:20px;
    overflow:hidden;
    position:relative;
    margin:0;
  }
  
  .block.shadow  .cn {
    position: relative;
    overflow:hidden;
    height:80px;
    width:20px;
    background: url(../images/shadow-block-shape.png) left top no-repeat;
    //background-image: none;
    //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.softlution.com/opencms/opencms/system/modules/com.softlution.modules.redesign/resources/images/shadow-block-shape.png', sizingMethod='crop');
  }
  
  .block.shadow  .bb .cn { margin-top:-40px; }
  
  .block.shadow  .cn.l { margin-right:20px; width:auto; }
  .block.shadow  .cn.r { left:-20px; top:-20px; margin-left:100%; position:absolute; }
  
  /*banner*/
  .block.banner .c { 
    min-height:199px; 
    //height:199px;
    padding-left:235px;
  }
   
  .block.banner .cfaq { 
    padding-left:50px;
  }
   

  .block.banner img { 
    position:absolute;
    left:9px;
    top:11px;
    z-index:5;
  }  

/* - Buttons*/
.button {
  height:27px;
  position:relative;
  overflow:hidden;
  width:100%;
}

.button .rounded {
  position:absolute;
  width:100%;
  height:27px;
  left:-11px;
  top:0;
  overflow:hidden;
  
}

.button .rounded { background: url('../images/button.png') 0 0 no-repeat; } 

.button .label {
  margin:0px 10px;
  text-align:center;
  background-color:#1775ba;
  //zoom:1;
}

.button.tab a:link, .button.tab  a:visited {
  color:#333;
  font-weight:normal;
  text-decoration:none;
  padding:5px 20px;
  font-size:16px;
}

.button.tab a:link, .button.tab  a:visited {
  color:#333;
  font-weight:normal;
  text-decoration:none;
  padding:5px 20px;
  font-size:16px;
}

.button .r { margin-left:100%; }

.button a:link, .button a:visited, .button a:hover {
  cursor: pointer;
  color:#fff;
  font-weight:normal;
  text-decoration:none;
  position:relative;
  display:block;
  padding:2px 5px;
  z-index:2;
}
  
  /*Green*/
  .button.more .rounded { background-position: left -95px;}
  .button.more .label { background-color:#bcd216; }
  .button.more .label { font-weight:regular; }

/* - Tabs*/
.tabs { margin-bottom:0.5em; }
.button.tab { padding-bottom:1em;}
.button.tab, .button.tab .rounded,
.button.tab .label  { height:34px;}

.button.tab .rounded,
.button.tab .label { background: #d8dacb url('../images/button.png') left -27px no-repeat; } 

.button.tab .label {
  margin:0 0 0 -1px;
  border:none;
  border-left: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  background-position: -22px -27px;
  //zoom:1;
}

.button.tab a:link, .button.tab  a:visited {
  font-weight:normal;
  text-decoration:none;
  padding:5px 20px;
  font-size:16px;
}
.button.tab  a:hover { text-decoration: underline; }

.button.active { background:url(../images/tab-active.png) center bottom no-repeat;}
.button.active .rounded,
.button.active .label { background: #b9cc26 url('../images/button.png') left -61px no-repeat; } 

.button.active .label {
  margin:0;
  border-left: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  background-position: -22px -61px;
  //zoom:1;
}

.button.active a:link, .button.active a:visited,
.button.active a:hover {
  color:#fff;
  text-decoration:none;
}