#divTabs_Dashboard1 {
  position: absolute;
  top: 69px;
  bottom: 28px;
  left: 0;
  right: 0;
  overflow: hidden; }
#divTabs_Dashboard1 #tblContent tr:hover { background-color: rgba(0,0,0,0.2); cursor: pointer; }
#divTabs_Dashboard1 table { width: 100%; table-layout: fixed; }
#divTabs_Dashboard1 table label { color: #396AA4; cursor: pointer; }
#divTabs_Dashboard1 table td {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url('bindings.xml#ellipsis');		/* see: http://deepubalan.com/blog/2010/11/27/text-overflow-css3-property-explained-pure-css-solution-to-get-ellipsis/ */
  overflow: hidden; }

#divTabs_Dashboard1 .tdCol1 { width: 100px; }
#divTabs_Dashboard1 .tdCol2 { width: 110px; }
#divTabs_Dashboard1 .tdCol3 { width: 90px; }
#divTabs_Dashboard1 .tdCol4 { width: 90px; }
#divTabs_Dashboard1 .tdCol5 { width: 200px; }
#divTabs_Dashboard1 .tdCol6 { text-align: left; }
#divTabs_Dashboard1 .tdCol7 { width: 22px; }

#divTabs_Dashboard1 .Content .tdCol2 { text-align: center; font-weight: bold; color: #fff; border: 1px solid #ccc; text-shadow: 0px 0px 5px #000; }	/* border-radius: 0.5em; */
#divTabs_Dashboard1 .Content .tdCol3 { text-align: center; }
#divTabs_Dashboard1 .Content .tdCol4 { text-align: center; }
#divTabs_Dashboard1 .Content .tdCol5 { text-align: center; }
#divTabs_Dashboard1 .Content .tdCol7 { text-align: center; }
#divTabs_Dashboard1 .Content .tdCol7 img { margin-top: 3px; opacity: 0.3; }
#divTabs_Dashboard1 .Content .tdCol7 img:hover { opacity: 1; }
#divTabs_Dashboard1 .Content .tdCol7 img.following { opacity: 1; }


.enhancement { background-color: #76A7DC; }
.modification { background-color: #CCC; }
.trivial { background-color: #B1C9CB; }
.minor { background-color: #BADFBE; }
.mediocre { background-color: #D9EAC6; }
.major { background-color: #F8F7C9; }
.critical { background-color: #FAB9A5; }
.blocker { background-color: #F37581; }










/* MOBILE */

/* Smartphone (portrait and landscape) - CGA (320) to HVGA (480) */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 736px) {
}


/* Smartphone (landscape) */
@media only screen 
and (max-device-width: 736px)
and (orientation: landscape) {
	.container .Header th { display: inline-block; width: auto; text-align: center; }
	.container .Content td { float: left; display: block; text-align: center; }

	#divTabs_Dashboard1 { bottom: 0; }		/* unset this value; the overall container; equals ".container .Body" */

	#divTabs_Dashboard1 .tdCol1 { width: 25%; }
	#divTabs_Dashboard1 .tdCol2 { width: 15%; }
	#divTabs_Dashboard1 .tdCol3 { width: 15%; }
	#divTabs_Dashboard1 .tdCol4 { width: 15%; }
	#divTabs_Dashboard1 .tdCol5 { width: 30%; }
	#divTabs_Dashboard1 .tdCol6 { display: block; text-align: center; }
	#divTabs_Dashboard1 .tdCol7 { width: auto; }

	#divTabs_Dashboard1 .Header { height: 40px; }
	#divTabs_Dashboard1 .Header .tdCol6 { border-bottom: 1px solid #808080; }
	#divTabs_Dashboard1 .Header .tdCol7 { display: none; }

	/* LEFT OFF - for some reason having 'display: block;' set below prevents the widths from work correctly (so had to 'float: left' the 'td' above */
	#divTabs_Dashboard1 .Content { display: block; height: calc(100% - 40px); overflow: auto; }	/* NOTE: the "calc(-100)" is for the .Header */
	#divTabs_Dashboard1 .Content .tdCol1 { width: 27%; }
	#divTabs_Dashboard1 .Content .tdCol2 { margin: 0; width: 15%; }
	#divTabs_Dashboard1 .Content .tdCol3 { width: 17%; }
	#divTabs_Dashboard1 .Content .tdCol4 { width: 17%; }
	#divTabs_Dashboard1 .Content .tdCol5 { width: 20%; }
	#divTabs_Dashboard1 .Content .tdCol7 { width: 100%; text-align: right; }
	#divTabs_Dashboard1 .Content .tdCol7 img { margin-top: 0; padding: 10px; }
}


/* Smartphone (portrait) */
@media only screen 
and (max-device-width: 736px)
and (orientation: portrait) {
	.container .Header th { display: block; width: 100%; text-align: center; }
	.container .Content td { display: inline-block; width: 100%; text-align: center; }

	#divTabs_Dashboard1 { bottom: 0; }		/* unset this value; the overall container; equals ".container .Body" */

	#divTabs_Dashboard1 .tdCol1 { width: auto; }
	#divTabs_Dashboard1 .tdCol2 { width: auto; }
	#divTabs_Dashboard1 .tdCol3 { display: inline-block; width: 50%; }
	#divTabs_Dashboard1 .tdCol4 { display: inline-block; width: 50%; }
	#divTabs_Dashboard1 .tdCol5 { width: auto; }
	#divTabs_Dashboard1 .tdCol6 { text-align: center; }
	#divTabs_Dashboard1 .tdCol7 { width: auto; }

	#divTabs_Dashboard1 .Header { height: 100px; }
	#divTabs_Dashboard1 .Header .tdCol6 { border-bottom: 1px solid #808080; }

	#divTabs_Dashboard1 .Content { display: block; height: calc(100% - 100px); overflow: auto; }	/* NOTE: the "calc(-100)" is for the .Header */
	#divTabs_Dashboard1 .Content .tdCol1 { width: 100%; }
	#divTabs_Dashboard1 .Content .tdCol2 { display: block; margin: 10px auto; width: 50%; }
	#divTabs_Dashboard1 .Content .tdCol3 { width: 50%; }
	#divTabs_Dashboard1 .Content .tdCol4 { width: 50%; }
	#divTabs_Dashboard1 .Content .tdCol5 { width: 100%; }
	#divTabs_Dashboard1 .Content .tdCol7 { width: 100%; text-align: right; }
	#divTabs_Dashboard1 .Content .tdCol7 img { margin-top: 0; padding: 10px; }
}


/* Tablet (portrait and landscape) - PAL (768) to PAL+ (1024) */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) {
}


/* Tablet (landscape) */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {
}


/* Tablet (portrait) */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
}


/* Desktop/Laptop (landscape) - HD 720 (1280x720), Unnamed (1366x768), WXGA (1280x800) */
/* Anything else - Unnamed (1440x900), Unnamed (1600x900), WSXGA+ (1680x1050), HD 1080 (1920x1080), WUXGA (1920x1200) */
/* NOTE: we 'min-device-width > 736' so that cell phones aren't triggered */
@media only screen 
and (min-device-width: 737px)
and (min-height: 720px) {
}