/* _global.css corrective declarations */

#divBody {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px; }

.container {
	/* background: #fff right top no-repeat url("../images/header2.png"); */
	
	background: -moz-linear-gradient(top, rgba(91,208,237,1) 0%, rgba(255,255,255,0) 200px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,208,237,1)), color-stop(200px,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(91,208,237,1) 0%,rgba(255,255,255,0) 100px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(91,208,237,1) 0%,rgba(255,255,255,0) 200px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(91,208,237,1) 0%,rgba(255,255,255,0) 200px); /* IE10+ */
	background: linear-gradient(to bottom, rgba(91,208,237,1) 0%,rgba(255,255,255,0) 200px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bd0ed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */	
}

.title {
  margin: 0;
  background-color: rgba(91,208,237,0.5);		/* 5BD0ED 7ADBF3 */
  text-align: left;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.title label { color: #444; }
.title img { float: right; cursor: pointer; }
.title label { font-weight: bold; cursor: pointer; }
.title label:hover { text-decoration: underline; }


.textbox, .combobox { background-color: rgba(255,255,255,0.3); }
  
.tabs { position: absolute; margin: 20px 0 0 10px; }
.tabs .liTab {
  display: inline;
  margin-right: 10px;
  padding: 2px 10px;
  font-weight: bold;
  color: #bbb;
  background-color: #ddd;
  border: 1px solid #bbb;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  cursor: pointer;

  box-shadow: 0 0px 8px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.5); }
.tabs .liSel {
  color: #808080;
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #999;
  border-bottom: 2px solid #fff;
  cursor: default;
  opacity: 0.9; }





/* tracker specific declarations */

#divDetails {
  padding: 5px 5px 5px 10px;
  background-color: transparent;
  border: 1px solid #ccc;
  border-top-width: 0;
  border-bottom-left-radius: 0.4em;
  border-bottom-right-radius: 0.4em; }
#divDetails ul { float: left; width: 340px; }
#divDetails li { height: 21px; text-align: right; }


#divHistory {
  margin: -5px -5px -5px 350px;
  height: 322px;
  border-left: 1px solid #e5e5e5;
  border-bottom-right-radius: 0.5em;
  overflow: hidden; }
#divHistory #tblContent tr:hover { text-decoration: underline; }
#divHistory div { width: 100%; height: 284px; overflow: auto; }
#divHistory table { width: 100%; text-align: center; }
#divHistory .tdCol1 { width: 90px; }
#divHistory .tdCol2 { width: 150px; text-align: left; }
#divHistory .tdCol3 { width: 100px; }
#divHistory .tdCol4 { width: 190px; }
#divHistory .tdCol5 { }


#divSocial {
  position: absolute;
  top: 323px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 79px;				/* used so the .animate jQuery functionality works correctly */
  border-top-right-radius: 0.4em;
  overflow: hidden; }
#divSocial #divSrc1, #divSocial #divSrc2 { display: none; }
#divSocial #divSrc0 .textbox, #divSocial #divSrc1 .textbox { margin-top: 40px; }
#divSocial #divSrc2 span { margin-bottom: 20px; }
#divSocial .divSrc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
/*  z-index: 0; */
  overflow: auto; }
#divSocial .divSrc h3 { text-decoration: underline; }
#divSocial .divSrc pre { margin: 5px 0; padding: 10px; background-color: #fafafa; border: 1px dashed #ccc; }
#divSocial .divSrc span { display: block; padding: 10px; }
#divSocial .divSrc ul { margin-top: 2px; width: 100%; }
#divSocial .divSrc li { margin-left: 15px; list-style-type: circle; }
#divSocial .divSrc .button { float: right; margin-left: 10px; padding: 0 10px; }
#divSocial .divSrc .cssEven {
	border-radius: 0.5em;
	border-radius: 0.5em;
	border: 1px solid #6FCEF4;
	box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-ms-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5); }
}
#divSocial .divSrc .cssEven .textbox { margin-top: 2px; width: 99%; border: 2px solid #fff; }
#divSocial .divSrc .cssOdd .textbox { margin-top: 2px; width: 99%; border: 2px solid #f5f5f5; }
#divSocial .divSrc .cssOdd .half { width: 49%; }
#divSocial .divSrc .spanFooter { margin: 10px 0; padding: 0; height: 18px; }
#divSocial .divSrc .spanFooter label { font-size: 10px; }
/* #divSocial .divSrc #btnResolutionUpload { float: right; margin-top: 12px; color: #808080; } */
#divSocial #txtDiscussion, #divSocial #txtAdditional { padding: 0; margin-top: 15px; width: 100%; border: 2px solid #f5f5f5; }
#divSocial #btnDiscussion, #divSocial #btnAdditional { float: right; padding: 0 10px; }
#divSocial #txtSummary, #divSocial #txtResolution {			/* LEFT OFF - no clue why the above two declarations are NOT picking up these two objects */
	margin-top: 2px;
	width: 99%;
	border: 1px solid #ccc;
	box-shadow: none;
}
#divSocial #ulAffected li {  margin-top: 3px; margin-bottom: 3px; }
#divSocial #ulAffected li .textbox { width: 99%; box-shadow: none; border: 1px solid #ccc !important; }
#divSocial #ulReferences li { margin-top: 3px; margin-bottom: 3px; }
#divSocial #ulReferences li .textbox:first-child { width: calc(50% - 20px); }
#divSocial #ulReferences li .textbox:last-child { margin-left: 10px; width: calc(50% - 20px); }