/* diff from platoon */
body { overflow-y: scroll;}
#content {clear:both; background: none; padding-left:0; /*padding-top:100px;*/}
p {padding-left: 0px;}	/* bypass layout.css */
/*#content.separated {padding-top: 350px;}*/
#header {width: 100%}
#header img {
	margin-bottom:0px;
	margin-top:10px;
	float: left;
}

#footer { font-size: 10px; clear:both; padding-top:15px; position:relative; color:#FFFFFF;}
#footer img {height: 13px; vertical-align:text-top;}
/* end diff from platoon */


div#topMenu {float: right; margin: 19px 0 0 0; padding: 0;}
div#topMenu ul {
	list-style: none;
	padding: 0;
	margin: 0 27px 0 0;
	font-size: 16px;
	font-weight:bold;
	text-transform:uppercase;
}
/*
div#topMenu ul li { margin-bottom: 4px;}
div#topMenu ul li.last { margin-bottom: 0px;}
*/
div#topMenu ul li.active a {color: #F88017}





/* * * CRACKING * * */

/*
#floatingWrapper {
	position: fixed;   /* need a fix for IE6 here */
/*	z-index: 10;
	padding-bottom:20px;
	background: #000000 url(../images/body_bg.gif) repeat-x scroll 0 0;
}
*/

/* PLOT RELATED CSS */
#placeholder {
  font-size: 16px;
  width: 866px; 
  height: 200px; 
  position: relative;
  clear:both;
}

/* PLOT TICKS */
.tickLabel {font-size: 11px; font-weight:bold;}  /* wrapper */
.tickDisplay { display:none }  /* numbers */
.tickTitleX, .tickTitleY {  /* names */
	display: none; 
	color: #999; 
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	alpha(opacity=75);
}
.titleHighlight {
	color: #fff; 
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	alpha(opacity=100);
}
.tickTitleY { float:right; margin-top:-9px;}
.tickDescription { display: none; }  /* description */

#tooltip br {display:none;} /* VERY TEMP !!  for tooltip hover when depending on BR in tick name */

/*  PLOT MENU */
#plotMenu {
	position:relative;
	margin-bottom:30px;
	font-weight:bold;
	text-transform:uppercase;
	width: 800px;
	clear: both;
}
#plotMenu ul {font-size:14px; float:left; background-color:white; width: 100%; height:17px;}
#plotMenu ul li {float: left; display:block; padding-right: 13px;cursor: pointer; }
#plotMenu ul li ul { 
	width: 800px;
	left:0;
	display: none; 
	position:absolute; 
	z-index:10; 
	background-color: #666; 
}
#plotMenu ul li li {cursor:default;}
/* #plotMenu ul li.topLevel>span.selected { color:#F88017; }*/

/*  layers menu */
#plotMenu a { color:#999; outline: none;
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	alpha(opacity=75);
	}
#plotMenu li ul li a { color:#FFF;}

#plotMenu > ul > li > a { color: #222; outline: none;}
#plotMenu a.selected { color: #F88017;}
/*#plotMenu a.selected.all { color: white; background-color: transparent;}*/
#plotMenu a:hover { color: #F88017; }
#plotMenu a.disabled { color: #aaa; cursor:default; }


#plotMenu img#YouCrack {
	cursor: pointer;
	float:right;
	height:14px;
	left:16px;
	position:relative;
	top:-29px;
	z-index:100;
}
#plotMenu ul li.last li {
	float:right;
	margin-right:11px;
}


/* ***   ITEMS   *** */
#items, #loading {
	/*width: 100%;
	height: 200px;*/
	margin-top:14px;
}

#loading {	text-align: center;	display: none; }

/*  ----- slider ----- */
/*
#slider {
width: 533px;
float: left;
padding-left:16px;
}

.scroll {
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
  text-align: left; 
}

.scrollContainer div.crackingItem { height: 200px;  width: 533px; }
.scrollButtons { 
	display:none;
	margin-top: 4px; 
	width: 16px; 
	height: 16px; 
	cursor: pointer;  
	z-index: 10; 
	float: right;
	opacity: 0.55;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	alpha(opacity=55);
	}
.scrollButtons.right {margin-top: 27px;}
*/
/*
.scrollButtons.left { }
.scrollButtons.right { }
*/


#itemsListing {
	width: 533px;
	float: left;
}

.crackingItem {clear:both; line-height:125%; height:250px;}
.crackingItem .leftPan {float:left; width: 210px; margin-bottom:20px;}
.crackingItem .rightPan {float:left; width: 314px; margin-left:7px;}
img.cracking_image {background-color: white;}

.crackingItem span, #itemsBrowser span {
	display:block; text-transform:uppercase; font-weight: bold; font-size: 14px;
}
.crackingItem span.title, #itemsBrowser span.title {color: #F88017;}
.crackingItem span.info, #itemsBrowser span.info {}
.crackingItem span.crackingTags {margin-bottom:12px; font-size: 12px;}
.crackingItem span.moreInfo {font-size: 12px;}
.crackingItem a.projectLink, .crackingItem a.whoLink {color: #F88017; display:block; text-transform:uppercase; font-weight: bold;}
.crackingItem a.projectLink:hover, .crackingItem a.whoLink:hover{ color: #666}
.crackingItem .crackingContent  {
	text-transform:none; font-weight: normal; font-size: 12px; color: #fff;
}


.crackingItem .leftPan.watermark {
	background: #000 url(../images/expandImage.png) no-repeat center center;
}
a.cracking_image img.watermark {
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	alpha(opacity=40);
}

/* -*** ITEMS BROWSER ***- */
#itemsBrowser {	width: 256px; 	float:right; }

img.cracking_image_miniThumb {/*height: 60px; width: 60px;*/ vertical-align:top; float:left; margin-right: 15px; background-color: white; margin: 3px}

ul.appNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ul.appNavigation li {} */

ul.appNavigation a {
    float:left;
	width: 100%;
	color: #999999;
    text-decoration: none;
	opacity: 0.55;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	alpha(opacity=55);
}

ul.appNavigation a:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	alpha(opacity=100);
}

ul.appNavigation a.selected {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	alpha(opacity=100);
}

ul.appNavigation a:focus { outline: none; }


/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* blog */
.blogContainer {
	border:1px solid #666;
	font-size:14px;
	color:#000;
	background-color: #fff;
	margin-bottom:24px;
	padding:20px 40px 20px 45px;
}

.blogContainer h2 {
    font-size: 20px;
	font-weight:bold;
	margin-bottom:0;
	color:#F88017;
}
.blog_documentInfo {
	font-size: 11px;
}

/* PAGING STYLE */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #008CBA; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}


.blogContainer a {color: #666;}
.blogContainer a:hover {color: #000;}