@charset "UTF-8";

/* sqleditor help css - version 1 

somewhat based on Apple sample code
*/

p {
	margin-top: 0;
	margin-bottom: 0.5em;
}

body {
	margin-top: 2px;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #fff;
	color: #333;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	min-width: 360px;
	text-align: left;
    max-width:50em;
}


/* navbar */

#navbox { 
	position: fixed; 
	top: 0; 
	left: 0px;
	width: 100%; 
	height: 20px; 
	float: left; 
	padding-top: -2px;
	border-bottom: 1px solid #939393;
	background-color: #dddddd;
	z-index: 99;
}

.gradient {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d1d1d1), color-stop(0.5, #d1d1d1));
	-webkit-background-origin: border;
}

#navrightbox {
	float: right; 
	position: relative;
	top: -1px;
	margin-right: 0px;
	font-size: 10px;
	font-family: 'Lucida Grande', Arial, sans-serif;
	line-height: 18px;
	padding-right: 24px; 
}

#navleftbox { 
	position: absolute; 
	top: 1px; 
	left: 15px 
}

.navlink_right {
	position: relative; 
	color: #333;
	font-weight: normal;
	line-height: 22px;
	text-align: right;
	vertical-align: middle;
	text-shadow: #FFFFFF 0px 1px 0;  
 }

.navlink_left   { 
	font-size: 8pt; 
	color: #666; 
	font-weight: normal; 
	margin: -9px 0 -6px
}


.breadcrumb {
	
/*	border-right:1px solid gray;*/


}



.breadcrumb:after {
	
	content: " > ";
}

/* End Navbar styles */


/* START HEADER AREA STYLES */

#headerbox {
	clear: both;
	margin-top: 46px;
	margin-bottom: 28px;
}

h1 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 0;
	text-align: left;
}

#iconbox {
	float: left;
}

#iconimg {}

#pagetitle {
	padding-left: 38px;
	padding-top: 1px;
}



a {
	color: #3366CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {

}


/* End Link Styles */




/* text styles for front page */


.subheadleft {
	color: #36C;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
}

.leftcolumntext {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 11px;
	padding-top: 1px;
}

/* End Left Column Styles */


/* START RIGHT COLUMN STYLES */

#rightcolumn {
	float: right;
	position: relative;
	margin-top: -13px;
	margin-left: 0xp;
	margin-right: 0px;
	margin-bottom: 24px;
	width: 50%;
}

.rightcolpadding {
	padding-left: 7px;
}

/* This div is for the content inside the frame */
#contentframe {
	padding: 15px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0px 2px 4px #CACACA;
	-moz-box-shadow: 0px 2px 4px #CACACA;
}

.headboxtopright {
	color: #000;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 15px;
	margin-bottom: 7px;
}

.boxlink {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 9px;
	text-align: left;
}

.boxlinkapple, a.boxlinkapple:link {
	color: #333;
	font-size: 11px;
	text-decoration: none;
}

a.boxlinkapple:hover {
	text-decoration: underline;
}

.rightcolumntext {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 6px;
}

/* End Right Column Styles */


/* START RULE STYLES*/

#rule {
	margin-left: 0px;
	margin-right: 5px;
}

hr {
	background-color: #ECECEC;
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-right-style: none;
	border-bottom: 1px solid #F5F5F5;
	border-left-style: none;
	margin-top: 15px;
	margin-bottom: 14px;
}

/* End Rule Styles */


/* START FEEDBACK STYLES */

#linkfeedbackbox {
	clear: both;
	position: relative;
	left: 0px;
	margin-bottom: 18px;
	width: 100%;
}

.linkfeedback {
	color: #000000;
}

/* End Feedback Styles */



/* content list styles */

.contentlist {
	list-style:none;
	
}



.contentlist .subheadleft a {
	color: #36C;
	text-decoration: none;
}

.contentlist .subheadleft a:hover {
	text-decoration: underline;
}

.contentlist .subheadleft a:visited {
	color: #36C;

}

.notebox, .alertbox, .tipbox, .infobox {
	
	margin-top:2em;
	border:1px solid gray;
	padding:1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#efefef;
	margin-bottom:1em;
}

.notebox h3, .alertbox h3, .tipbox h3, .infobox h3{
	
	margin-top:0em;
}

.notebox h3, .tipbox h3, .infobox h3{

	display:inline;
}	

.tipbox {
	
	margin-top:1em;
	margin-bottom:2em;
}

.callout-icon {
	
	float:left;
	
	margin-top:-6px;
	
	padding-right:8px;

}

.callout-tag {
	
	float:left;
	font-weight:bold;
	display:inline;
	padding-right:0.25em;
}

.figure-image,.figure {
	
	display:block;
    margin-top:1em;
    margin-bottom:1em;
}

.tutorialnavblock {
	border-top:1px solid gray;
	margin-top:1em;
	padding-top:1em;
	text-align:right;
}

.float-right {
	
	float:right;
	margin-left:1em;
}

.subsection {
clear:both;	
}