/* *******************************

Orchid customstyles.css, Version 1.0

JB01
******************************* */
body {
margin: auto;
	font-family: 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
        font-size:11px;
background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7469) ;
background-repeat: repeat-y;
background-position: center;
	}
div#sitecontainer {
	background:transparent url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/6231) repeat-y top left;
background-position: -3px;
border: 0;
	border-bottom: 1px solid #ccc;
width: 796px;

}
* html div#sitecontainer {
padding:0px !important;
width: 795px !important;
overflow:hidden !important;
}

#main {
    float: right;
    width: 600px;
	padding-left: 0px !important;
	padding-right: 10px;
	padding-top: 0px !important;
	padding-bottom: 0px;
        font-size:12px;
        margin-top: -3px;
margin-left:20px;
}

#main h1 {
	line-height:	110%;
	line-height: 110%;
	background-color: transparent;
    font-weight: normal;
    font-size: 200%;
	text-align: left;
    padding: 2px;
    color: #063E6F;
    border: 0px solid #000000 !important;
}

strong {
	color: #4772A7;
	}

#footer {
width:796px;
    margin: 0 auto;
    color: #000033;
    clear: both;
    padding-left: 2px;
    padding-top: 10px;
    text-align: center;
}

#footer .address {
    font-size:10px;
}

#footer .address b {
	font-family: verdana, sans-serif;
	}

#footer .address a {
	color: #000;
	}

/* *******************************

HOVER

The color needs an !important to overrule the normal link colors, which are set on
a selector containing an ID. Normally ID overrides CLASS, but in this specific instance
we don't want that.

******************************* */

.nav div a hover {
	color: #7B7B7B !important;
}

#main a {
	text-decoration: none;
color: #2A629F;
}
#main a:hover {
	color: #7B7B7B;
	text-decoration: none;
}


/* *******************************

TOP NAVIGATION

ISSUE: Nav height.

******************************* */

#nav1 {
background:none !important;
height:23px;
}

#nav1 a {
min-width:80px;
width:auto !important;
width:80px;
display:inline !important;
}
#nav1 ul li a {
height:20px;
padding:0 10px;
font-size:1.12em;
line-height:23px;
color:#083D6F;
}
#nav1 ul li a:hover {
color:#4772A7;
}


/* *******************************

LEFT NAVIGATION

******************************* */


#nav2 {
display: none;	
background: #fff;
}

#nav2 a {
	font-family: 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
	font-weight: 600;
	color: #600;
}

#nav2 div a {
	font-weight: 300;
}

ul.attention {


}

#nav2 ul.attention a {
	color: #003;
}

a#special1 {

}

#nav2 {
    float: left;
    width: 180px;
    padding-top: 20px;
}

#nav2 li {
	display: block;
	list-style-type: none;
	text-align: left; 
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
    margin: 0;
    padding-left: 8px;
    padding-bottom: 3px;
    line-height: 130%;
}

#nav2 a {
	border-bottom: 1px dotted #660000;
	display: block;
	list-style-type: none;
	text-align: left; 
    margin-left: 6px;
    padding-left: 16px;
    background-position: 0 5px;
    margin: 0;
}

#nav2 ul.attention {
    margin: 6px;
}

#nav2 ul.attention li {
    margin: 0;
    padding-bottom: 4px;
}

#nav2 ul.attention li a {
    background-image: none;
/*    display: inline-block; */
    padding-left: 10px;
}

#nav2 ul.textsize {
    margin-top: 30px;
}

/* *******************************

HEADERS

******************************* */
h1 {
	line-height:	110%;
    font-size: 100%;
    background-color: #cccccc;
    padding: 1px;
    color: #ffffff;
    border: 1px solid #000000;
}

h2 {
	font-weight: normal;
    font-size: 100%;
    background-color: #cccccc;
    padding: 0px 0px 0px 0px;
    color: #003;
	line-height: 10px;
	border-top: none;
	border-right: none;
	border-left: none;
    border-bottom: 1px dotted #003;

}

h3 {
    font-size: 120%;
    color: #003399;
    background-image: url(http://orchidsuites.net/orchid/skins/JB01-1/images/navbullet.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px;
}

h4 {
    font-size: 100%;
    margin: 0;
}

/* *******************************

HEADERS HOME

For Alert Messages and Features

******************************* */

.homealertmsg {
	text-align: center;
	color: #ff0000;
}

.homealertmsg a {
	text-decoration: none;
}


.threecolumn h2 {
	font-size: 130%;
	padding: 5px;
	padding-left: 10px;
}

.homealertmsg h2,.homefeature h2 {
	background-color: #9A0000;
}

body.threecolumn h1 {
	line-height:	110%;
	text-align: center;
	background-color: #1E2472;
	color: #ffffff;
	padding: 0px;
}

/* *******************************

EXTRA

Third column, if any. 

******************************* */

#extra {
	text-align: center;
	width: 130px;
	padding-right: 2px;
	padding-bottom: 0px;
	background: #fff;
	border-left: 1px solid #55000B;
}

#extra a {
	color: #003;
}

/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

#main div.releases a {
	color: #9A0000;
}

#lvmenu
{
margin-top: -15px;
}

.body
{
width: 300px;
float: left;
font-size:12px;
}

.right
{
float: right;
}

.resources
{
border: 1px #ccc solid;
width: 290px;
padding-left: 0px;
font-size:12px;
}

.resources table
{
width: 280px;
font-size:11px;
}


.resources table th
{
line-height:.75em;
color:#999966;
}

.resources li
{
list-style: disc;
display: block;
}

.resources h4 {
background-color:#999966;
color:#fff;
margin-bottom:6px;
padding-left:4px;
}

h2
{
color: #fff;
background: #1B2C53;
padding: 5px;

font-family:Verdana;
background-color: transparent !important;
color:black;
font-size:11px;
line-height:13px;
}

.archives
{
border: 1px #ccc solid;
width: 290px;
margin-top: 10px;
font-size:12px;

}

.archives li
{
margin-left: -18px;
}

.archives h4 {
background-color:#999966;
color:#fff;
margin-bottom:6px;
padding-left:4px;
}

div#footer
{
background: transparent;
font-size: 110%;
width: 750px;
}

#extra
{
display: none;
} 

#lvmenu strong
{
color: #fff;
}

.powered
{
text-align: center;
font-size: 80%;
color: #000033;
}

.divider
{
width: 796px;
}

table.header
{
padding: 0px;
margin: 0px;
}

.resources h2, .archives h2
{
margin-left: -5px;
margin-top: -2px;
}

.resources h3
{
margin-top: -10px;
margin-bottom: -5px;
font-size: 100%;
}

.archives h3
{
font-size: 90%;
margin-top: 0;
background-color: #999966;
color: #fff;
}


div#main
{
 width : 780px;
}
#dash
{
  width : 780px;
}
#contact
{
  margin-bottom : 5px;
  padding : 2px 4px 3px 10px;
  font-family : verdana, arial, helvetica, sans-serif;
  font-size   : 10px;
  background-color : #d0f2e2;
  color : black;
  clear : both;
}



#dashleft
{
  float : left;
  width : 510px;
  margin-right : 5px;
}
#dashleft .summary
{
  font-family : verdana, arial, helvetica, sans-serif;
  font-size   : 12px;
  background-color : #ffffff;
  color : black;
  padding : 2px 4px 3px 10px;
}
#dashleft .summary h1
{
  font-size   : 14px;
}
#dashleft .bling
{
  font-family : verdana, arial, helvetica, sans-serif;
  font-size   : 11px;
  background-color : #ffffff;
  color : black;
  margin-bottom : 10px;
  padding-bottom: 10px;
}
#dashleft .bling .topbar
{
   font: bold 15px 'lucida grande', 'lucida sans unicode', lucida, trebuchet, 'trebuchet ms', verdana, arial, sans-serif;
  padding : 0px 4px 0px 0px;
  background: transparent url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7401) repeat-x left top;
  color: #A19A66;
	height: 20px;
}


	
	
#dashleft .bling .topbar h1, #dashleft .bling .topbar h2
{
  font-family: 'lucida grande', 'lucida sans unicode', lucida, trebuchet, 'trebuchet ms', verdana, arial, sans-serif;
  padding : 1px 10px 3px 10px;
  margin : 1px 1px 1px 1px;
  color : #996;
  display : inline;
  font-size: 10px;
  text-align: right;
  text-transform: uppercase;
}

#dashleft .bling .topbar div {
 	float:left;
}

#dashleft .bling table {
	border-bottom: 1px solid #d8d8c5;
	}

#dashleft .bling .topbar ul {
 	margin:0;
    padding: 0px;
    list-style:none;
    float: right;
    
}

#dashleft .bling .topbar li {
	font-family: 'lucida grande', 'lucida sans unicode', lucida, trebuchet, 'trebuchet ms', verdana, arial, sans-serif;
	float:left;
    margin:0;
    padding:0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight:normal;
	}

#dashleft .bling .topbar div{

	}

#dashleft .bling .topbar h1 a,
#dashleft .bling .topbar li a {
	background: white url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7403) no-repeat right top;
	color: #996;
	 padding:0px 15px 3px 10px;
	 display: block;
	 /*border-bottom: 1px solid #A19A66;*/
	}

#dashleft > .bling .topbar li a {
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
#dashleft .bling .topbar li.current a {
	 border-bottom: 1px solid #fff;
	}
	
#dashleft > .bling .topbar li a {
	margin-top: -3px;
	}

#dashleft .bling .topbar h3 {
	color: #000;
	}

/*
#dashleft .bling .topbar h2
{
  float : right;
  display : inline;
}
*/

#dashright
{
  float : right;
  width : 260px;
  margin-left : 5px;
}
#dashright .feature
{
  font-family : verdana, arial, helvetica, sans-serif;
  font-size   : 11px;
  background-color : #E0D68D;
  color : black;
  padding : 10px;
  text-align : left;
  border : 1px solid #A19A66;
}
#dashright .feature h1
{
  font-family : verdana, arial, helvetica, sans-serif;
  font-size   : 14px;
  padding : 2px 10px 10px 10px;
  color : #996;
  text-align: center;
}
#dashright .bling, #dashright .feature
{
  margin-bottom : 5px;
}
#dashright .bling
{
  font-family : verdana, arial, helvetica, sans-serif;
  border : 1px solid #e7e7dc;
  font-family : verdana, arial, helvetica, sans-serif;
  font-size   : 11px;
  padding : 2px 10px 10px 10px;
  text-align : left;
}
#dashright .bling h1
{
  font-family : verdana, arial, helvetica, sans-serif;
  padding : 2px 10px 10px 10px;
  font-size   : 14px;
  color : black;
  background-color : #E0D68D;
  text-align: center;
}
#small_link



{
 font-size:9px;
 color:#999;
 margin-left:15px;
}
#small_link a,
#small_link a:visited
{
 color:#999;
}
#dashleft .bling ul#alldocs,
#dashleft .bling ul#recentdocs,
#dashleft .bling ul#mydocs
{
list-style-type:none;
padding-left:25px;
}



/* my edits */

#SlidePanel {
    float:left;
    padding: 10px 10px 0 20px;
    width: 50px;
text-align:center;
color:#4772A7;
font-weight:bold;
}

#SlidePanel .SlidingPanels {
    width:50px;
    height: 300px;
}

#SlidePanel .SlidingPanelsContent {
    width:50px;
    height: 75px;
}

.SlidingPanelsAnimating * {
    overflow: visible !important;
}

#SlidePanel .prev {
    margin-top:-2px;
    float:left;
}

#SlidePanel .next {
    margin-top:-2px;
    float:right;
}

#SlidePanel a {
    color:black;
    font-size:13px;
}

#SlidePanel .navLinks {
    clear: both;
    text-align: center;
    border-top:  solid 1px #CCC;
    padding-top: 4px;
    padding-bottom: 4px;
}

#Boxes {
    width: 220px;
    float:right;
    /*padding-top:10px; */  
}

#Boxes .boxcontent {
	height : 400px;
	overflow: scroll !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	margin: 0;
	width:204px;
	padding: 8px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8916); /*7117*/
	background-repeat: no-repeat;
	background-position: left top;
}

.boxinnercontent {
	height: auto !important;
	overflow-x:hidden;
font-size:11px;
color:#7b7b7b;
}
.boxinnercontent table {
background:transparent !important;
border-bottom:solid 1px #dddddd;
}
.boxinnercontent a {
font-weight:normal;
}


/* imageless rounded box but with border */
/*.xtop, .xbottom {display:block; background:#e4e4e4; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#e4e4e4; border-left:1px solid #bbb; border-right:1px solid #bbb;}
.xb1 {margin:0 5px; background:#e4e4e4;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}*/

.xboxcontent {
	/*display:block; background:#e4e4e4;; 
	border:0 solid #bbb; 
	border-width:0 1px; 
	padding-left: 4px;*/
	margin: 10px 0px;
	padding: 0px;
	width: 220px;
}
.xboxcontent .boxtitle a {
	float:left;
	margin:0;
	padding:0;
	border:0;
	display: block;
	height: 16px;
	width: 24px;
}
.xboxcontent .boxtitle a.dbx-handle {
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8900);
	background-repeat: no-repeat;
	background-position: left top;
}
.xboxcontent .boxtitle a.jmin2 {
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8901);
	background-repeat: no-repeat;
	background-position: left top;
}
.xboxcontent .boxtitle {
	height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8897);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.xboxcontent .boxtitle .sidetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8896); /*7113*/
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	padding: 0px;
	width: 156px;
	height: 16px;
	overflow:hidden; /*hide the overlap text*/
	display: block;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 15px;
	text-align: center;
	font-weight: bold;
}

/* identity box */
#identity {

}

#identity img {
    float:left;
    padding : 0px 3px 2px 0px;
}

#identity h1 {
    font-size:14px;
    margin-bottom : 2px;
}

#identity p {
    font-size:10px;
    display : inline;
}
#projects {
    padding : 2px 2px 2px 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#projects strong 
{
    padding-left : 5px;
    padding-right : 15px;
}


li.TabbedPanelsTabSelected {
   background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8990) !important;
   background-repeat: no-repeat;
   background-position: right top;
}

li.TabbedPanelsTabSelected a {
    font-weight:normal;
    color:#ffffff !important;
    font-size:11px !important;
    background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8993) !important;
    background-repeat: no-repeat;
    background-position: left top;
}

li.TabbedPanelsFirstTab {
	list-style:none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 20px;
	float: left;
	display: block;
	font-size:11px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8992);
	background-repeat: no-repeat;
	background-position: right top;
}


#Panels .dbx-group ul.TabbedPanelsTabGroup li.TabbedPanelsFirstTab a {
	display: block;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #4772A7;
	text-decoration: none;
	height: 18px;
	font-size:11px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8991);
	background-repeat: no-repeat;
	background-position: left top;
}
li.TabbedPanelsTab {
	list-style:none;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8992);
	background-repeat: no-repeat;
	background-position: right top;
	height: 20px;
	float: left;
	display: block;
	font-size:11px;
}
#Panels .dbx-group ul.TabbedPanelsTabGroup li.TabbedPanelsTab a {
	display: block;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8991);
	background-repeat: no-repeat;
	background-position: left top;
	color: #4772A7;
	text-decoration: none;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
li.TabbedPanelsTabTitle {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #063E6F;
	width: 110px;
	font-weight: bold;
       background-image: url() !important;

}

#Panels .dbx-group ul.TabbedPanelsTabGroup li.TabbedPanelsTabTitle a {
	float:left;
	margin:0;
	padding:0;
	border:0;
	display: block;
	height: 16px;
	width: 24px;

}
#Panels .dbx-group ul.TabbedPanelsTabGroup li.TabbedPanelsTabTitle a.dbx-handle {
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8900) !important;
	background-repeat: no-repeat;
	background-position: left top;
}
#Panels .dbx-group ul.TabbedPanelsTabGroup li.TabbedPanelsTabTitle a.jmin {
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8901) !important;
	background-repeat: no-repeat;
	background-position: left top;
}
/*.TabbedPanelsTabTitle a img {
	border:0;
	margin:0;
	padding:0;
}*/

.TabbedPanels {
	margin: 0;
	padding: 0;
	/*	float: left;  need to remove for yahoo dnd to work? */
	clear: none;
	width: 500px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsContentGroup 
{
	clear: both;
	border-width: 0;
	margin-bottom: 10px;
	height: 160px !important;
	width: 470px;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8914);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: scroll !important;	
    overflow-y: scroll !important;
	overflow-x:hidden !important;	
}

.TabbedPanelsContent {
	font-size:11px;   
	width:470px;
	margin: 0;
	padding: 8px;
	color: #7B7B7B;
	overflow: scroll !important;		
    overflow-y: scroll !important;
	overflow-x:hidden !important;	    
    
}
.TabbedPanelsTabGroup {
	height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
	/*background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7407);*/
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8895);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}
.divider {
    display : none;
}

/* my edits */


/* ===================== popup box ===================== */

.dragdropbox {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	padding:0 8px 44px 0 !important;
	border:3px solid #FFFFFF !important;
	background-color:#FFFFFF !important;
	/*padding-bottom:40px;*/
	margin:0;
	/*display:none;*/
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8999) !important;
	background-repeat: no-repeat !important;
	background-position: right 16px ;
}

.dragdropbox-titlebar {	
	position:relative;
	padding:0;
	margin:0;
	top:0px;
	left:0px;
	cursor:move;
	height:20px !important;
	background:transparent url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8998) no-repeat bottom left !important;
	color:#7B7B7B !important;
	font-size:11px !important;
	font-weight:bold !important;
}

.dragdropbox-content {
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	margin-bottom:5px;
	margin-left:2px !important;
	position:relative;
	top:0px;
	left:0px;
	padding:2px;
	overflow:auto;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/8997) !important;
	background-repeat: repeat-x !important;
	background-position: left top !important;
	border:none !important;	
}

.dragdropbox-bottom {
	position:relative;padding:0;margin:0;top:0px;left:0px;
	
}

.dragdropbox-title {
	float:left;
	display:inline;
}

.dragdropbox-close {
	float:right;
	cursor:pointer;
}

.dragdropbox-minimize {
	float:right;
	display:inline;
	cursor:pointer;	
}

.dragdropbox-resize {
	float:right;
	display:inline;
	cursor:nw-resize;
}

.dragdropbox-move {
	float:right;
	display:inline;
	cursor:move;
}

.dragdropbox-dialog{
	position: absolute;
	font-size: 12px;
	background-color:#fff;
	border: 2px solid #ABA8A6;
 	display:none;
	width:300px;
	height:150px;
	z-index:250;
}

#dragdropbox-overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#dragdropbox-progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}
/*7351 7350*/
/* ===================== popup box ===================== */

/* ============ COMMUNITY PAGE CSS =========== */

.crumbs
{
margin-top: -20px;
height:28px;  
display : block;
background-repeat:repeat-x; 
background-image:url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7441);
}
.questionanswers input
{
    margin-left : 40px;
    margin-right : 4px;
}
.qsubmit
{
    width:480px;
padding-left:50px;

}
.qsubmit input
{
float:left;
	background-image: url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7439);
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 25px;
	width: 201px;
	background-position: 0px 0px;
color:#FFFFFF;
}
.maincontent
{
  width : 530px;
  float : left;
  margin : 4px;
  margin-top : 10px;
  padding-bottom : 10px;
}
.assets
{
  float : right;  
  margin : 5px 0px 10px 0px; 
  background-repeat:no-repeat;
height : 700px;
  padding : 217px 5px 10px 5px;
color: #000000;
}
.assets2
{
float:right;
}
.assets2TD
{
  padding : 5px 5px 5px 5px;
}
.assets div.description
{
    margin : 0px 0px 0px 20px;
    padding : 0px 0px 2px 0px;
color:#000000;
font-style:italic; 
font-size:10px;
}
.qindex
{
  width : 530px;
  float : left;
  padding-top : 10px;
  margin-top : 5px;
  margin-bottom : 5px;
  text-align : center;
}
.qindex .current
{
    font-size : 10px;
    font-weight : 300;
    font-style: normal;
    margin-left : 3px;
    margin-right: 3px;
    padding : 1px 4px 2px 4px;
    border : 1px solid #999999;
}
.qindex .question
{
    font-size : 10px;
    font-weight : 300;
    font-style: normal;
    margin-left : 3px;
    margin-right: 3px;
    padding : 2px 5px 3px 5px;
}
.answers
{
width : 530px;
color:#FFFFFF;
font-weight : bold;
    clear : both;
    margin-bottom : 20px;
    padding-bottom : 10px;

}
.answerstext
{
color:#000;
 font-size : 11px;
font-weight : bold;
background-color:#E7E5D8;
    padding-bottom: 18px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
text-align:left;

}
.answers input
{
    display : block;
    float : left;
    clear : left;
margin-top : 10px;
    margin-left : 10px;
    margin-right : 10px;
padding: 10px;
}
.answers .files
{
    display : block;
    float : left;
    margin-top : 0px;
    padding-top : 0px;
    background-color: transparent;
}

.Q {color: #000000;
 text-align : center;
}
.assetsdiv {
float:left;
width: 125px;
padding:3px;
}
.assetsdivTD {
float:right;
width: 185px;
padding:3px;
}
.tooltitletext {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
.tooltitletext2 {
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}
.tooldesctext {
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
font-style:italic;
}
.assettitletext {
font-family: Arial, Helvetica, sans-serif;
	color: #2A629F;
	font-weight: bold;
	font-size: 11px;
}

}
.maincontentTDSTE
{
width : 780px;
height : auto;
  float : left;
  margin : 0px;
  padding-top : 10px;
  padding-bottom : 20px;
}
.contenttitle
{
width : 780px;
height : 150px;
  margin : 0px;
  padding: 5px;  background-image:url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7457);
  background-repeat: no-repeat;
  background-position:bottom;
background-position:left;
 margin-bottom : 100px;
}
.contenttitleTD
{

  margin : 0px;
  padding-bottom: 10px;  background-image:url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7457);
  background-repeat: no-repeat;
  background-position:bottom;

}
.exercises
{
    clear : left;
    float : left;
    width : 796px;
	height : 250px;
	background-image : url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7453);
	background-repeat:no-repeat;
}
.exercisesExt
{
	height : 47px;
	background-image : url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7455);
background-position:right;
background-repeat:no-repeat;
}
.exercises ul
{
    padding : 10px;
    margin : 5px 5px 10px 25px;
}
.exercises li.checked
{
    list-style-image : url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7449);
}
.exercises li.unchecked
{
    list-style-image : url(http://www.theharwoodinstitute.org/sites/lab/ht/a/GetImageAction/i/7451);
}
.tooltitletext {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
.tooltitletext2 {
	color: #333333;
	font-weight: bold;
	font-size: 13px;
}
.tooldesctext {
	font-size: 10px;
	color: #7D4A46;
}
.tooldesctext2 {
	font-size: 10px;
	color: #7D4A46;
width:750px;}
.tooltexttag {
color: #794440
}

#TabbedPanelsContentGroup0{
height:250px !important;
}

.boxinnercontent td font {
font-size:11px !important;
font-family:'gill sans','trebuchet ms',trebuchet,arial,sans-serif;
}