/**
 * Copyright (c) 2007-2010, Kaazing Corporation. All rights reserved.
 */


body {
	font-family: Arial, Arial Narrow, Helvetica, sans-serif;
	color:#000000;
}

#inner1 { 
    width: 870px;
    padding: 0px 10px 10px 20px;
}

.demo-inner1 {
    width: 900px !important;
    height: 640px;
    padding: 0px 0px 0px 0px !important;
}

/* Other base styles */
	
p {
  /* setup some more readable paragraph spacing */
  margin-top: 0px;
  margin-bottom: 10px;
}

p.code {
	font-family:"Courier New", Courier, monospace;
	color:#FFFFFF;
	background-color:#44687d;
	margin: 0px 20px 10px 10px;
	padding: 10px 10px; 
	}
pre.code {
	font-family:"Courier New", Courier, monospace;
	color:#FFFFFF;
	background-color:#44687d;
	margin: 0px 20px 10px 10px;
	padding: 10px 10px;
}
	
.code_inline {
	font-family: "Courier New", Courier, monospace;
	color: #44687d;
	}

p.figure {
	font-style: italic;
	font-size: 3pt;
	margin-top: 0.08in;
	}

h1, h2, h3, h4, h5 {
	/* Kaazing blue */
	color: #44687d;
	/* setup some more readable header spacing */
	padding-bottom: 5px;
}

h1 { 
	font-size: 175%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 135%;
	/* Kaazing Web Orange */
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
	font-weight: bolder;
}

ul.arrow-2 {
        padding-top:6px;
}

ul.arrow-2 li {
	background: url(../images/arrow-2.png) 2px 2px no-repeat;
	list-style: none;
	padding-left: 25px;
	padding-bottom: 5px;
	margin-left: 10px;
}
	
ol li {
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 35px;
}

/* @group Notice Styles */
span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

/* Override when used in demo content */
#content-body span.info {
    background:none;
    padding:6px 6px 6px 0px;
    margin-bottom: 20px;
    color:#666;
    border-top: 2px solid #44687d;
    border-bottom: 2px solid #44687d;
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #ffffff url(../images/status-alert.png) 10px 50% no-repeat;
	margin: 0px 20px 0px 0px;
}

span.info {
	color: #44687d;
	border-top: 3px solid #44687d;
	border-bottom: 3px solid #44687d;
	background: #ffffff url(../images/status-info.png) 10px 50% no-repeat;
	margin: 0px 20px 0px 0px;
}

span.note {
	color: #cd5a13;
	border-top: 3px solid #f37333;
	border-bottom: 3px solid #f37333;
	background: #ffffff url(../images/status-note.png) 10px 50% no-repeat;
	margin: 0px 20px 0px 0px;
}

span.download {
	color: #5a8e22;
	border-top: 3px solid #5a8e22;
	border-bottom: 3px solid #5a8e22;
	background: #ffffff url(../images/status-download.png) 10px 50% no-repeat;
	margin: 0px 20px 0px 0px;
}

/* @Code formatting for span elements */
span.code {
	font-family:"Courier New", Courier, monospace;
	color:#FFFFFF;
	background-color:#44687d;
	margin: 0px 20px 10px 0px;
	padding: 10px 20px; 
}

a:link, a:visited, a:active {
	color: #3c708f; 
	text-decoration: none
}
a:hover {
	color: #3c708f; 
	text-decoration: underline;
}

em {
	font-style: italic;
}

/* Table defaults */
table { 
	display: table;
	border: 1px solid #3c708f;
}

tr {
	display: table-row;
}

th{
	font-weight:bold;
	text-align:center;
	display: table-cell;
	border: 1px solid #3c708f;
}


td { 
	border: 1px solid #3c708f;
}

caption, th{
	font-weight:bold;
	text-align:center;
	display: table-cell;
}
