body {
	background-color: #dddddd;
	background-image: url('http://www.colliers.com/Content/Images/Site/bgStripe.gif');
	background-repeat: repeat-x;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#commgateWrapper {
	display: table;
	background-image: url('http://www.commgate.com/images/colliersContentBG.jpg');
	background-repeat: repeat-y;
	padding-top: 15px;	
	height: 100%;
	width: auto;
}
#leftCol {
	width:140px;
	float: left;
	background-color:#eeeeee;
	/* the 3 elements below force a minimum page height */
	min-height: 350px;
	height: auto !important;
	height: 350px;	
}
#rightCol {
	width:600px;
	float:right;
	background-color:white;
	/* the 3 elements below force a minimum page height */
	min-height: 350px;
	height: auto !important;
	height: 350px;		
}
#commgateContent {
	width:560px;
	float:right;
	padding-top:16px;
	padding-bottom:16px;
	position: relative;
}
.box1 { border: 1px solid #e1dcce; padding: 10px; background-color: white; }
.box2 { width: 516px; background-color: #eeeeee;}
.box2Content { border: 1px solid #bbbbbb; padding: 6px; text-align:center; }
.box3 { border: 1px solid #e1dcce; padding: 10px; background-color: #efece4; }
.box4 { border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; padding-top: 10px; padding-bottom: 10px; background-color: #eeeeee; width:516px; }
.box5 { border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; padding-top: 6px; padding-bottom: 6px; text-indent: 10px; width:516px; }
.featBox {
	border: 1px solid #bbbbbb;
	width: 516px;
}
.featHeading {
	line-height: 22px;
	height: 22px;
	background-color: #eeeeee;
	text-indent: 12px;
	font-weight: bold;
}
.featContent {
	background-color: white;
	padding: 12px;
}
fieldset {
	border: 1px solid #ccc;
	width: 318px!important; 
	width: 320px;	
	display:block; 
	float:left;
}
fieldset .content {
	padding: 6px 10px 6px 10px;
}
legend {
	padding:2px 5px;
	color: #696969; font-weight:bold;
}
.grayLabel {
	font-weight: bold;
}
.grayHeadline {
	color: #696969; 
	font-weight:bold; 
	font-size:12px; 
	border: 0; 
	padding: 0; 
	margin: 0; 
}
.blueHeadline {color: #42649B; font-weight:bold; font-family: Tahoma, Verdana, Arial, sans-serif;	font-size:14px; }
.blueText {color: #42649B}
.blueBold {color: #42649B; font-weight:bold}
.redBold {color: red; font-weight:bold}
.grayBold { color: #696969; font-weight:bold; padding-bottom: 4px; }
.harButtonsDetail { padding: 0; float: left; height: 16px; }
.harButtonsPicklist { width: 100px; float: left; }
.indent { text-indent: 10px; }
.infoDiv { margin-bottom: 15px; width: 516px; }
.navy { color: navy; }
.pageTitle { text-indent: 10px; }
.spacerLine { line-height:4px;width:100%; }
.spacerLine2 { line-height:2px;width:100%; }
.boxTitleBar { border: 0; padding: 3px 0px 3px 0px; margin: 0; background-color: #dddddd; width:516px; }
.messageText {
	color:red;
	font-weight:bold;
	text-indent:8px;
}
hr { 
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 516px;
	height: 2px;
	text-align:left;
	margin-left:0;
}
ul { margin-top:4px; margin-bottom:4px; }
select { font-size:11px; }
p { margin: 7px 0px 7px 0px; }
form { 
	margin: 0; 
	padding: 0 
}
.formie { font-style: italic;font-size:10px; }
.commgateFooter { font-size:9px; text-align:center; }
a.imgLink, a.imgLink:visited, a.imgLink:active, a.imgLink:hover, .imgLink { 
	text-decoration:none;
	background-color: transparent;
	border: 0;
}
.shadetabs{
border-bottom: 1px solid #999;
width: 515px; /* width of menu. comment out to use full page width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 2px 0px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 2px 4px;
margin-right: 2px;
border: 1px solid #999;
color: #696969;
background: white url(http://www.commgate.com/images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #696969;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #696969;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(http://www.commgate.com/images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}