/**
 * Vertical tabs, aka drawers
 * @author Bevan Rudge drupal.geek.nz
 * @license GPL 2
 */

/* Border style of tabs and content */
.vertical-tabs,
.vertical-tabs ul.ui-tabs-nav,
.vertical-tabs ul.ui-tabs-nav a {
  border: 1px solid #D9EAF5;
}

/* Make space for the tabs on the side */
.vertical-tabs-left {
  margin-left: 180px;
}

.vertical-tabs-right {
  margin-right: 180px;
}

/* Set the background image on the tabs and content */
.vertical-tabs,
.vertical-tabs ul.ui-tabs-nav {
  background: #ffffff repeat-x top;
}


/* Position and layout of tabs container */
.vertical-tabs ul.ui-tabs-nav { 
  width: 179px;
  padding: 0;
}

.vertical-tabs-left ul.ui-tabs-nav { 
  float: left;
  margin: -1px 0 -1px -180px;
  border-width: 1px 0 0 1px;
}

.vertical-tabs-right ul.ui-tabs-nav { 
  float: right;
  margin: -1px -180px -1px 0;
  border-width: 1px 1px 0 0;
}

/* Reset LIs which probably have awkward layout inherited from tabs */
.vertical-tabs ul.ui-tabs-nav li {
  float: none;
  margin: 0;
  padding: 0;
  background-image: none;
    font-size:11px;

}

/* Layout of each tab */
.vertical-tabs ul.ui-tabs-nav a {
  display: block;
  margin: 0;
  padding: .6em .3em .1em .6em;
  background: #EDF5FA;
  text-align: left;
  font-weight: bold;
  font-size:1em;
  font-family:Tahoma;
}

.vertical-tabs ul.ui-tabs-nav .description {

  font-family:Tahoma;
  padding: 2px 0px 0px 0px;
  line-height: normal;
  min-height: 0;
  white-space: normal;;
  font-size:1em;
    font-weight:normal;
}

.vertical-tabs ul.ui-tabs-nav .duration {
  font-family:Tahoma;
  padding:0px;
  margin:0px;
  text-align:right;
  line-height: normal;
  min-height: 0;
  white-space: normal;;
  font-size:0.75em;
  font-weight:bold;
}

.vertical-tabs-left ul.ui-tabs-nav a {
  border-width: 0 1px 1px 0;
}

.vertical-tabs-right ul.ui-tabs-nav a {
  border-width: 0 0 1px 1px;
}

/* Hover state of tabs */
.vertical-tabs ul.ui-tabs-nav a:hover {
  color: #0062A0;
  background-color: transparent;
}

/* Selected tab */
.vertical-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
  color: #555555;
}

.vertical-tabs-left ul.ui-tabs-nav li.ui-tabs-selected a {
  border-right: 0 none;
}

.vertical-tabs-right ul.ui-tabs-nav li.ui-tabs-selected a {
  border-left: 0 none;
  /*background-color: transparent; 2009/05/05*/
  background-color: #ffffff;
}

/* Reset some important elements of each panel */
.vertical-tabs .ui-tabs-panel {
  margin: 0;
  padding: 0em;
  border: 0 none;
  background: #ffffff none;
}

/* Hide Fielset's legends -- context is given by tab */
.vertical-tabs fieldset.ui-tabs-panel legend {
  display: none;
}


/*GT*/

.vertical-tabs-right {
margin:0px 200px 20px 20px;
}


div.tutorial-content{
height:410px;
background-color:transparent;
}

.vertical-tabs ul.ui-tabs-nav li a{
min-height:75px;
height:75px;
display: block;
}

#tutorial-more-text {
text-align:center;
padding-top:140px;
}