body {
  	font-family: sans-serif;
  	font-size: 14px;
	color : #333;
}

h1 {
	color: #3b73af !important;   	
  	font-weight: normal;
	white-space: nowrap;
}

h2 {
	color: #3b73af !important;
    line-height: 40px;
  	font-size: 20px !important;
  	font-weight: normal;
  	white-space: nowrap;
  	border-bottom: 1px solid #e9ecee;
}

h3 {
  	color : black !important;
  	font-size: 16px !important;
  	font-weight: bold;
}

p {
  	line-height: 25px;
    margin: 10px 0 5px;
}

ul {
    list-style-type: disc;
}

li {
    line-height: 25px;
}

pre {
  	line-height: 1.1em;
  	background-color: #f9f9f9;
    border: 1px dashed #2f6fab;
    color: black;
    padding: 1em;
  	font-family: monospace, Courier;
}

.doc-box {
    border: 1px dashed #999;
    border-radius: 5px;
    padding: 3px 7px;
 	background-color : #e7e7e1;
  	line-height: 10px 0px;
}

.doc-box table td {
 	padding: 2px 4px;
}

.doc-property {
  	border: 1px solid #f7cc00; 
  	background-color:#ffc;
  	font-family: monospace;
  	padding: 0px 7px;
}

.doc-box p, .doc-property p {
    margin: 0;
}

.tableLayout {
	width: 600px;
  	border: 1px dashed #00529B;
  	padding: 6px 6px !important;
  	border-collapse: separate !important;
  	border-spacing: 2px !important;
}

.doc-panel-layout {
  	position: relative;
  	border: 4px solid #649ff7; 
  	background-color:#e8eef7;
    white-space: nowrap;
}

.doc-panel-layout p {
}

/* leftPanel */
#leftPane {
    background: none repeat scroll 0 0 #2b689d;
}

#leftPane a {
    color: #ffffff;
  	font-size: 12px !important;
}

span .treegrid-expander {
  	color: #ffffff !important;
  	font-size: 12px !important;
}

/* Snippets */
.info, .success, .warning, .error {
    border: 1px dashed;
 	border-radius: 5px;
    margin: 10px 0px;
    padding: 0px 10px 0px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
  	position: relative;
}

.info p, .success p, .warning p, .error p {
  	line-height: 18px; !important;
}

.success .snippedIcon, .warning .snippedIcon, .error .snippedIcon {
  	position: absolute;
  	top: 10px;
    left: 15px;
}

.info .snippedIcon {
  	position: absolute;
  	top: 10px;
    left: 25px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
  	min-height : 45px;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
  	min-height : 45px;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
  	min-height : 45px;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
  	min-height : 45px;
}

.propertiesTable {
	border: 2px solid #e3e9f0;
  	border-collapse: collapse;
}

.propertiesTable:first-child, .table-wrap:first-child {
    margin-top: 0;
}

.propertiesTable th {
  	color: #333;
    background-color: #e3e9f0 !important;
    border-bottom: 1px solid #fff !important;
    border-left: medium none;
    border-right: medium none;
  	font-weight: bold;
  	padding: 7px 10px;
  	font-family: sans-serif; 	/* added for editor support */
  	font-size: 14px;			/* added for editor support */
}

.propertiesTable td {
  	border-top: 1px solid #e3e9f0 !important;
  	border-left: 1px solid #e3e9f0 !important;
  	padding: 7px 10px;
  	line-height: 25px;
  	font-family: sans-serif; 	/* added for editor support */
  	font-size: 14px;			/* added for editor support */
}

.navbar-right  {
  margin-right: 0px !important;
}

/* left menu */
#left_menu a { 
   text-decoration: none;
}
#left_menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.left_menuHome {
   top: 125px !important;
   margin: 0 0 0 0 !important; 
}
#left_menu {
   right: 0;
   position: fixed;
   top: 50%;
   margin: -100px 0 0 0; 
   z-index: 1000;
}
#left_menu a {
   background: #333;
   color: white;
   display: block;
   height: 40px;
   font: 16px "Open Sans", sans-serif;
   line-height: 40px;
   position: relative;
   text-align: center;
   width: 45px;
}
#left_menu .lm-download {
	color: white !important;
}
#left_menu li:not(:last-child) a{
   border-bottom: 1px solid white;
}
#left_menu a span {
   line-height: 39px;
   right: -120px;
   position: absolute;
   text-align:center;
   width:120px;
   font-weight: bold;
   color: white !important;
}
#left_menu a:hover span {
   right: 100%;
}
#left_menu a[class*="lm-envelope"],
#left_menu a[class*="lm-envelope"]:hover,
#left_menu a[class*="lm-envelope"] span { background: #01456f; }

#left_menu a[class*="lm-download"],
#left_menu a[class*="lm-download"]:hover,
#left_menu a[class*="lm-download"] span { background: #c31900; color:white !important; }

#left_menu a[class*="lm-university"],
#left_menu a[class*="lm-university"]:hover,
#left_menu a[class*="lm-university"] span { background: #01456f; }  

#left_menu a[class*="lm-cubes"],
#left_menu a[class*="lm-cubes"]:hover,
#left_menu a[class*="lm-cubes"] span { background: #01456f; }  

#left_menu a[class*="lm-tv"],
#left_menu a[class*="lm-tv"]:hover,
#left_menu a[class*="lm-tv"] span { background: #01456f; }  

#left_menu a[class*="lm-cloud"],
#left_menu a[class*="lm-cloud"]:hover,
#left_menu a[class*="lm-cloud"] span { background: #01456f; }  

#left_menu a[class*="lm-server"],
#left_menu a[class*="lm-server"]:hover,
#left_menu a[class*="lm-server"] span { background: #01456f; }  

#left_menu a[class*="lm-users"],
#left_menu a[class*="lm-users"]:hover,
#left_menu a[class*="lm-users"] span { background: #01456f; }