/* GENERAL */

* {
	margin: 0;
	padding: 0;
	}

html { height: 100%; background:#122233 url('/_css/img/masthead.gif') repeat-x;}

body { padding:0; margin:0 auto;  text-align:center; }



/*-----------Container for but header and nav bar------------------*/

#masthead {
	text-align:right;
	width: 950px;
	margin:	0 auto;
}

#masthead a:hover {background:none;}

#pagewrapper {
	margin:5px auto 0;
	padding: 0;
	position:relative;
	width: 95%;
	width:950px;
}


#content {
	text-align:left;  
	position:relative;
	background: #fff url('/_css/img/main_faux_columns-223.gif') right repeat-y; 
	padding-right:223px;
}
		
#contentbox {
	text-align:left;  
	position:relative;
	background: #fff url('/_css/img/main_faux_columns-223.gif') right repeat-y; 
	padding-right:223px;
}
		
#content-body {background: url('/_css/img/containerSl.gif') left repeat-y; }
		
		
#maincol {
	float:left;
 	margin:0;
 	padding:0;
 	width:100%;
}
#mainformat {padding:1em;}
	
/*-------Shaded title on every page	------------*/
#maincol h1.pagetitle {
	background: url('/_css/img/content-h1-l.gif') top left no-repeat; 
	text-align:left; 
	padding:1em 1em .4em 1em; 
	margin-bottom:0;
	font-size:1.5em;
}

.api_description h2 { color: #214c69; font-weight: bold;; line-height: 130%; }
.api_description p { color:#555555; padding-right:50px;}
.api_description img {float:left; margin:2px 8px 2px 4px; position:relative;}

#breadcrumb {color:#ffffff;padding:.3em .5em 0 .5em; font-size:.8em; margin:0;  font-style: italic; }
#breadcrumb a:visited{color:#eeeeee; text-decoration:underline;}
#breadcrumb a:link{color:#eeeeee; text-decoration:underline;}
#breadcrumb a:hover{background:#111111;}



/*-------Shaded FOOTER on every page	------------*/
#footer {	
		background:#122233 url('/_css/img/footer-l.jpg') no-repeat bottom left; position:relative;width:100%

		}

#footer  .inner {text-align:left; color:#cdcdcd; padding: .5em 1em; font-size:.8em;
background: url('/_css/img/footer-r.gif') bottom right no-repeat;}

#footer  .inner p {padding:0 1em}

#footer .inner .rss {float:right;margin-bottom:1em;margin-top:0;}

.searchby img {vertical-align:middle;}
.searchby {color:#ffffff;}

#footer  .inner .rss img {border:none}

#footer ul {
	position: relative;
	top: -1em;
	margin: 0 1em 0 0;
	padding: 0;
	list-style-type: none;
}

#footer ul li {
	display: inline;
		background:none;
	margin: 0 1em 0 0;
	font-size:1em;
}

#footer ul li a {
	margin: 0 1em;
	white-space: nowrap;
	color: #fff;
}

#footer ul li a:hover { color:#000}

#trademarks {
	font-size:.8em; margin:1em auto; 
	width: 100%; 
	max-width:1000px;
	color:#fff;
	margin-left:20px;
}




/*-------HEADER on every page	------------*/
#header {width:100%;
		background:#e5e5e5 url('/_css/img/branding-m.jpg') top left repeat-x;}

#branding {
		background:url('/_css/img/branding-r.jpg') top right no-repeat;}

#branding h1{ text-indent:-1000px;font-size:1px;
 margin:0;
 padding:0;
 height:100px;
background: url('/_css/img/branding-l.jpg') top left no-repeat;
}


#branding .khronoslogo {position:absolute; top:0; left:0;}


#branding h2.tagline {position:absolute; top:0px; left:0px; 
width:888px; height:112px;
text-indent:-10000px;font-size:1px;
 margin:0;
 padding:0;
 background: url('/_css/img/branding-tagline.gif') top left no-repeat;}

#branding .khronoslogo img {border:none}

#branding  a:hover {background:none; text-decoration: none;}


/*-------SEARCH------------*/
#searchboxframe {
	position:absolute;
	right:0em;
	top:4px;
	width: 49%;
	margin:	0;
	padding: 16px 20px 0 0;
	text-align: right;
}
			
#lang {margin:6px 0} 	
#lang a {margin-left:1em;}

#searchboxframe #lang a:hover {
	border-bottom:4px solid white;
}

#searchboxframe p#sitemaplink {
	padding: 5px 0.3em 0;
}

#searchboxframe p#sitemaplink a, 
#searchboxframe p#sitemaplink a:visited {
	color:#333;
	font-size:.9em;
}

/***********************************************/
/* Image Scaling                             */
/***********************************************/ 
div.figure, span.figure {display:block;
padding: 10px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
border: thin solid silver;
}

/***********************************************/
/* GENERAL LISTS                             */
/***********************************************/ 
.tightpadding li {padding-bottom:4px}
li {padding-bottom:10px}
li li {padding-bottom:4px}

.explanation dt {margin:6px 0 0 0; font-weight:bold;}
.explanation dd {margin-top:0; margin-bottom:10px;margin-left:10px; }





/***********************************************/
/*      QUICK LINKS                                         */
/***********************************************/ 
.quick_links {float:right; margin:4px 0px 4px 20px; border:1px solid #888; width:220px;background:#fff;}
.quick_links p.title {background:#888; padding:3px;margin:0; text-align:center; font-weight:bold; color:#fff;}
.quick_links ul{list-style-type: none;padding: 0px;margin: 0px 5px 20px 10px;}
.quick_links p, quick_links ul {padding: 0 10px;}
.quick_links  ul li {font-size:.9em;padding: 0.5em 0;margin: 0px;line-height: 1.1em;border-bottom:1px solid #eee;}

		
/* ----------------- API Spec listings ------------------------ */

.quickstart {background:#cadeee; border: 1px solid #214b64; margin-bottom:1em;}
.quickstart h3 {padding-bottom:0px; padding-top: 5px}
.innerquickstart {padding:5px  20px;}

/***********************************************/
/* SPECIFICATION LISTINGS                      */
/***********************************************/ 
.spec_listing dt {margin:.5em 0}
.spec_listing h3 {font-size:1.2em; margin-bottom:0}
.spec_listing em {font-weight:bold; font-size:1em; font-style:normal}
.spec_listing dd {font-style:italic; margin-bottom:.8em;margin-left:2em;}
.spec_listing em a{color:#A80C00}



/***********************************************/
/* MEMBER LISTINGS                            */
/***********************************************/ 
.adopterlist .member h3 {visibility:hidden; margin:0; padding:0px 0;}
div.member {margin-top:.9em;}
div.member p{margin:0; padding:0;}
div.member hr {display: block; clear:left; margin:0; padding:0;
  visibility: hidden;}
div.member h3{margin:0; padding:4px; color:#CC0000; font-size:1.2em;}



/***********************************************/
/*   SIDE BAR COLUMNS                           */
/***********************************************/ 

#sidecol{
 width:213px; 
 float:right; 
 position:relative;
 margin-right:-223px;
 padding:0;
 background: transparent url('/_css/img/sidenav-tr.gif') top right no-repeat;
 padding:10px 0 10px 10px;
} 

#sidecol_left {
float:left;
margin-left:5px;
}

#sidecol_right {
float:right;
margin-right:15px;
}
#sidecol_right h3 {
font-size:1.2em;
}
.adcol {
margin-bottom:10px;
background: url('/_css/img/sidecol_content_3c.jpg') no-repeat top left;
width:199px
}

#sidecol .stdcol, #sidecol_3c .stdcol { /* Gray */
 background: transparent url('/_css/img/stdcol_bot.gif') bottom left no-repeat;
 padding:0; 
 margin-bottom:2em;
 width:199px;
 }
 
 #sidecol .stdcol h3, #sidecol_3c .stdcol h3{ /* Gray */
 background: transparent url('/_css/img/stdcol_top.gif') top left no-repeat;
 margin:0 0 0em 0;
 padding:.5em 1em; 
 font-size:1em;
 }
 
#sidecol .stdcol .colcontent, #sidecol_3c .stdcol .colcontent  {background: url('/_css/img/stdcol_mid.gif') no-repeat top left;}
.colcontent ul {font-size:0.9em;}

/* ------  COLUMN COLORS  ------ */


#sidecol .blackcol {background: url('/_css/img/blk_bot.gif') no-repeat bottom left;}
#sidecol .blackcol h3{color:#fff; background: url('/_css/img/blk_top.gif') no-repeat top left;}
#sidecol .blackcol .colcontent {background: url('/_css/img/blk_mid.gif') no-repeat top left;}





 #sidecol p, #sidecol_3c p {margin:0; padding-bottom:.5em; font-size:.95em; }
  #sidecol .colcontent, #sidecol_3c .colcontent {padding:.5em 1em 1em 1.2em}
 

 #sidecol ul, #sidecol_3c ul
 {
 list-style-type: none;
 padding-left: 0px;
 margin: 0px;
 padding-bottom:0px;
 }
 
 #sidecol  ul li, #sidecol_3c ul li
 {
 padding-left: 10px;
 padding-top:.3em;
 margin-left: 2px;
 background: url('/_css/img/bluearrow.gif') no-repeat 0 .5em;
line-height:110%;
 }
 
 #sidecol  ul li.indent, #sidecol_3c ul li.indent
 {
 padding-left: 20px;
 background: none;
 }
 
 #sidecol  ul li.menu_separator, #sidecol_3c ul li.menu_separator {background:none; margin:0; padding:0;}
 #sidecol  ul li.menu_separator hr, #sidecol_3c ul li.menu_separator hr {height:1px;  border-top: 1px dashed #333333; border-bottom:none;}
 


 #sidecol form, #sidecol_3c form {font-size:.85em;margin:.5em 0}
 
  #sidecol  .fieldset,   #sidecol  fieldset#EmailAddress {border:none}
  #sidecol  .fieldset input {margin-right:.3em}
  
legend {color:#000;font-weight:bold;}