*, ::before, ::after {
margin:0;
padding:0;
box-sizing: inherit;
}

html {
height:100%;
box-sizing: border-box;
}

body {
background:#F4F4F4;
font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
font-size:1em;
line-height:1.5em;
color:#000;
font-weight:100;
border:0;
/*padding:20px 0;*/
min-width: 25em;
}

a {
text-decoration:none;
}

a:link,a:visited {
/*color:#1250A8;*/
color: #999;
}

a:hover,a:active {
color: #FF6600;
}

img {
outline:0;
border:0;
}

.imgborder {
border:1px solid #f4f4f4;
}

h1 {
font-size:1.8em;
color:#1F497D;
margin-bottom:10px;
line-height:30px;
}

h2 {
font-size:1.5em;
color:#1F497D;
line-height:30px;
font-weight:400;
margin-bottom:10px;
}

h3 {
font-size:1.2em;
color:#1F497D;
font-weight:700;
margin-bottom:2px;
}

h4 {
font-size:1em;
color:#1F497D;
font-weight:400;
}

#wrapper {
/*width:1041px;*/
background:url(../images/background.png) #fff;
border:1px solid #D9D9D9;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
/*margin:0 auto;*/
margin: 25px;
}

#top {
text-align:right;
min-height: 1em;
margin: 1em;
/*padding: 10px;*/
border-bottom: 1px solid #d9d9d9;
}

@media screen and (min-width: 45em) {
  #left {
  float: left;
  width: 18em;
  border: none !important;
}
}

#left {
padding: 0 1em;
border-bottom: 1px solid #D9D9D9;
}

.logo {
  position: relative;
}



#logo {
border:none;
display:block;
width:40px;
height:41px;
background-image:url(../images/Logo_SS_blue-transparent_40x41_bg.png);
background-repeat:no-repeat;
margin:10px auto 0;
position: relative;
}

#logoleft {
border:none;
display:block;
width: 50%;
height:6px;
background-image: url(../images/Logo_SS_blue-transparent_1x6_bg_side.png);
position: absolute;
top: 35px;
left: 0em;
}

#logoright {
border:none;
display:block;
width: 50%;
height:6px;
background-image: url(../images/Logo_SS_blue-transparent_1x6_bg_side.png);
position: absolute;
top: 0;
right: 0em;
}

#nav {}

#searchbox {
clear: both;
}

#search {
text-align:center;
margin:25px 0;
}

#search input {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width: 100%;
}

/*
.menu {
top:0;
right:0;
bottom:0;
color:#fff;
}
*/
/*
.menu {
position:absolute;
bottom:30px;
left:30px;
color:#555;
border-bottom:0;
font-size:14px;
color:#2bb5ee;
}
*/

.menu a:link, .menu a:visited {
font-size:11px;
font-size:1em;
color:#333;
}

.menu a:hover{
color: #FF6600;
}

a.active,.menu li a.active {
/*color:#1250A8;*/
color: #FF6600;
}

.menu > ul {
margin:25px 0;
}

.menu li {
list-style:none;
}

.menu li.depth-1 a {
font-weight:700;
font-size:12px;
font-size:1em;
}

.menu li.depth-2 a {
font-weight:400;
font-size:0.9em;
line-height:18px;
}

.menu li.hasChildren {
background-image:url(../images/arrow.png);
background-position:15px 10px;
background-repeat:no-repeat;
background-size:6px 9px;
}

.menu li a {
display:block;
padding:5px 10px;
}

.menu ul ul li a {
padding-left:2.5em;
color:#999;
}

.menu ul ul ul li a {
padding-left:3.5em;
color:#999;
}

.menu ul ul ul ul li a {
padding-left:4.5em;
color:#999;
}

.menu ul ul ul ul ul li a {
padding-left:5.5em;
color:#999;
}

@media screen and (min-width: 45em) {
  #main {
    margin-left: 18em;
    border-left: 1px solid #d9d9d9;
  }
}

#main {
/*min-width: 25em;*/
padding: 0 1em;
}

@media screen and (min-width: 70em) {
  #right {
    float: right;
  }
  #downloads {
    max-width: 18em;
  }
}

#downloads {
padding: 0 10px;
margin-bottom: 20px;
background-color: #F4F4F4;
border: 1px solid #D9D9D9;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#downloads ul {
margin: 0 0 5px 0;
}

#downloads li {
list-style:none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

#downloads li:hover {
text-overflow: inherit;
overflow: visible;
}

.content {
/*width:670px;*/
/*float:left;*/
/*padding:30px 50px 100px;*/
}

.content ul,.content ol {
margin:0 0 10px 25px;
}

.breadcrumb {
position: relative;
top: -2px;
}

.breadcrumb ul {
/*background-image: url(../images/Logo_SS_blue-transparent_1x6_bg_side.png);
background-repeat: repeat-x;
background-position: 10px 10px;*/
list-style-type:none;
margin:0;
padding:0 0 20px;
}

.breadcrumb ul li {
float:left;
padding:0 5px 0 0;
}

.breadcrumb ul li a {
border:none;
font-size:10px;
}

.modified {
clear: both;
border-top: 1px solid #D9D9D9;
color: #999;
}

#bottom {
/*clear: both;*/
min-height: 1em;
margin: 1em;
border-top: 1px solid #D9D9D9;
text-align: right;
color: #999;
}

code {
color:#222;
background-color:#f5f5f5;
}

pre {
display:block;
font-size:12px;
line-height:18px;
background-color:#f5f5f5;
border:1px solid rgba(0,0,0,0.15);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
white-space:pre-wrap;
word-break:break-all;
margin:0 0 9px;
padding:4.5px;
}

code,pre {
font-family:Monaco, "Courier New", monospace;
font-size:11px;
color:#333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:0 3px 2px;
}

pre code {
background-color: transparent;
}

pre.highlight {
margin-bottom:18px;
}

.search {
/*border-bottom:1px solid #eee;*/
overflow:hidden;
margin-left:20px;
padding:10px 0;
}

.search a {
margin-left:20px;
font-weight:700;
border:none;
}

.search ul {
margin:0;
}

.search li {
list-style:none;
border-bottom:1px solid #eee;
padding:10px 0;
}

.search li strong {
display:block;
}

.search li strong a {
color:#222;
}

.center {
margin:0 auto;
}

p,.breadcrumb {
margin-bottom:20px;
}

.advice {
background-color: #FF6600;
border: 2px solid #d9d9d9;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin: 25px;
padding: 10px;
text-align: center;
}

.advice a {
color: #1F497D;
}