/* CSS RESET */
* { margin: 0; padding: 0; }
body { 
background: #fff; 
height: 100%; 
color: #ccc; font: 12px font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
}


/* text elements */
h1 { 
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
font-weight: bold;
color:#666666;
font-size: 24px; 
margin: 0px 0px 25px 5px; 
}

h2 { 
font-family: Arial, Helvetica, sans-serif; 
color:#666666; font-size: 16px; 
margin: 0 0 15px 0; 
font-weight: bold; 
}

h3 { 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color:#666666; 
font-size: 1.5em; 
margin: 10px 0 12px 0; 
}

h4 { 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.3em;
font-size: 2em; 
margin: 15px 0 0px 0; 
color: #666666;

}

h5 { 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color:#666666; 
padding: 0 8px;
font-size: 12px; 
margin: 10px 0 12px 0; 
}

p {
margin: 10px 5px 10px 5px; 

}




blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
::selection { background: #b8e5ff; color: #000; }
::-moz-selection { background: #b8e5ff; color: #000; }

/* lists */
ul, ol { margin: 10px 0 10px 20px; }
ul { list-style: none; }
li { margin: 5px 0; }

/* links */
a img { border: 0; }
a { text-decoration: none; color: #b43235; }
a:hover { text-decoration: underline; color: #393939; }

/* tables */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
th { vertical-align: middle; }
td { vertical-align: top; }
/* basic classes */
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; }
.hidden { display: none; }
.draggable { cursor: move; }
table.wrapper { width: 100%; margin: 0; padding: 0; border: 0; }
table.wrapper tr, table.wrapper td { margin: 0; padding: 0; border: 0; vertical-align: top; }
/* STYLES */


img.background {
    position: fixed;
    z-index: 1;
}

.global-wrapper {
    padding: 70px 0 50px 150px;
	height: auto;
	width: auto;
    position: relative;
    z-index: 2;
}

.global-wrapper .wrapper {
	color: #333;
	background-color: #eeeeee;
	border-radius: 0 0 0 25px;
	box-shadow:1px 1px 4px #000;
	width: 300px;
	height: auto;
	margin: 0 0 10px 0;
	border: 1px solid #666;
  	}




hr {
      border-top: 1px solid #191919;
      border-bottom: 1px solid #232323;
      border-right:hidden;
      border-left:hidden;
      height: 2px;
      color: #202020;
      background-color: #202020;
}

sup {
	color:#444;
	font-weight:normal;
	line-height: 0;
vertical-align:text-center; 
font-size:50%;	
margin-left: 2px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
margin:10px 5px 20px 5px ;
height: 100%;
width: 100%;
padding-top: 20px;
padding-bottom: 0px;
padding-right: 5px;

}

ul.tabbernav li {

list-style: none;
margin: 0;
display: inline;
 
}

ul.tabbernav li a {
font-weight:normal;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 22px;
 padding-right: 22px;
 margin-right: 2px;
 text-decoration: none;
 background-color: #242424;
 -moz-border-radius: 3px;
 border-radius: 3px;

 

}

ul.tabbernav li a:link { color: #999; }
ul.tabbernav li a:visited { color: #343434; }

ul.tabbernav li a:hover {
 background-color: #282828;
 color: #f1f1f1;

}

ul.tabbernav li.tabberactive a {
 background-color: #282828;
 color: #f1f1f1;

}

ul.tabbernav li.tabberactive a:hover {
 background-color: #282828;
 color: #f1f1f1;

 }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding-top: 10px;
 padding-bottom: 15px;
 border-top:0;
 }

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
/*.tabberlive .tabbertab h3 {
 display:none;
} */

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* fx.slide */


h3.section {
    margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 4px;
    font-weight: normal;
}

div.marginbottom {
    /* Since the Fx.Slide element resets margins, we set a margin on the above element */
    margin-bottom: 10px;
}