@charset "UTF-8";
/* CSS Document */
html{
}

body{
}

div#wrapper{
background-image:url(../images/home/homeBG.jpg);
background-repeat:no-repeat;
background-position:0 108px;
position:relative;
}

div#banner{
background-color:#fff;
}

div#clearBottom{
clear:both;
}

/*CONTENT*/
div#content{
position:relative;
float:left;
display:inline;
z-index:50;
padding:0 0 30px 0;
width:1030px;
background-image:url(../images/all/verticaldottedLine.gif);
background-repeat:repeat-y;
background-position:745px 0;
}
div#content h2{
font-size:22px;
color:#4e5a99;
padding:20px 0 0 46px;
}
h3{
font-size:22px;
color:#4e5a99;
padding:0 0 10px 15px;
}
.pageTitle{
clear:both;
width:690px;
}
p{
font-size:11px;
line-height:150%;
color:#333333;
padding:0 0 10px 15px;
}

h4{
font-size:11px;
color:#4e5a99;
padding:0 0 10px 15px;
}

h5{
font-size:11px;
color:#5465a3;
padding:20px 0 0 0;
}
h5 a{
display:block;
font-size:11px;
color:#fff;
padding:4px;
margin-top:4px;
background-color:#829bf6;
}
h6{
display:block;
font-size:11px;
color:#fff;
padding:4px;
margin-top:20px;
background-color:#829bf6;
}

/*Lists*/
div#content ul li,
div#col3 ul li{
font-size:10px;
list-style:none;
list-style-image:none;
padding:0 0 0 10px;
margin-top:6px;
}
#qsmHome #col2 ul li{
background-image:none;
list-style-image:url(../images/home/orangeBulletQSM.gif);
padding-left:0;
}

.withDotted{
background-image:url(../images/all/horizontaldottedLine.gif);
background-repeat:repeat-x;
background-position:20px top;
}

.linklist li{
background-image:none;
padding:0 0 0 10px;
list-style:none;
list-style-position:outside;
background-image:url(../../VQSM/images/all/gridArrow.gif);
background-position:1px 3px;
background-repeat:no-repeat;
}

.linklistDivider li a{
background-image:none;
padding:10px 0 0 10px;
list-style:none;
list-style-position:outside;
background-image:url(../../VQSM/images/all/gridArrow.gif);
background-position:1px 12px;
background-repeat:no-repeat;
border-top:1px dotted #999999;
margin-top:10px;
}

.linklist li a, 
.linklistDivider li a{
color:#333333;
line-height:12px;
padding:2px 0 2px 0px;
text-decoration:none;
}

#content li{
margin-left: 14px;
list-style-position:outside;
padding-left:10px;
}
/*Event List*/
div#content .eventsList{
margin:0;
padding:0 0 0 16px;
width:190px;
}
div#content .eventsList li{
margin:10px 0 0 0;
padding:0;
}
div#content .eventsList a{
line-height:130%;
font-size:11px;
list-style:none;
color:#0000ee;
padding:2px 0 2px 10px;
margin-top:6px;
background-image:url(../images/all/gridArrow.gif);
background-position: 0 5px;
background-repeat:no-repeat;
text-decoration:underline;
display:inline-block;
}

div#content .eventsList a.qsm 
{
    padding: 0;
    background: none;
}

div#content .eventsList a:visited{}

/*Page*/
div#contentHeader{
position:relative;
width:100%;
padding:0 0 0 0;
height:120px;

}

div#col1{
position:relative;
float:left;
display:inline;
width:280px;
padding:0 0 0 0;
height:500px;
}
div#col2{
position:relative;
float:left;
display:inline;
width:460px;
height:;
}
div#col3{
position:relative;
float:left;
display:inline;
width:220px;
padding:0 0 0 0;
margin:0px;
left:20px;
*left: 5px;
_top:-15px;
/*background-image:url(../images/home/QSM_home_3ColBG.jpg);
background-repeat:repeat-x;*/
}

#col3Min{
width:1px;
height:560px;
float:right;
display:inline;
}

#eventsTitle{
width:86px;
height:10px;
background-image:url(../images/home/events.gif);
background-repeat:no-repeat;
margin-left:15px;
}
.horizontalDivide{
width:100%;
height:10px;
background-image:url(../images/all/horizontaldottedLine.gif);
background-repeat:no-repeat;
background-position:4px 0;
margin:20px 0 10px 0;
}

.bigBox{


}
.bigBoxTop{
background-image:url(../images/home/bigbox_top.png);
background-repeat:no-repeat;
width:456px;
height:16px;
display:block;
}
.bigBoxbody{
background-image:url(../images/home/bigbox_bg.png);
background-repeat:repeat-y;
width:456px;
float:left;
_margin-top: -3px;
}
.bigBoxbody #textblock{
width:380px;
position:relative;
left:30px;
}
.bigBoxbody .minHeight{
width:1px;
height:300px;
float:right;
display:inline;
}
.bigBoxBottom{
background-image:url(../images/home/bigbox_bottom.png);
background-repeat:no-repeat;
width:456px;
height:25px;
clear:both;
}

.qsmBox{
	float:left;
	display:inline;
	padding-top: 15px;
	padding-bottom: 20px;
	width:220px;
	}
	.qsmBox p, .qsmBox h4 {
		margin: 0;
		width: 210px;
		}
	
.qsmBoxTop{
	background-image:url(../images/home/qsmbox_top.gif);
	background-repeat:no-repeat;
	margin-top: -15px;
	width:220px;
	height:76px;
	}
	
	.qsmBoxTop h4{
		font-size:17px;
		color:#fef68a;
		margin: 0 !important;
		padding: 15px 0 0 0 !important;
		text-align: center;
		}
	
.qsmBoxBody {
	background-image:url(../images/home/qsmbox_bg.gif);
	background-repeat:repeat-y;
	width:220px;
	float:left;
	}
	.qsmBoxBody p {
		width: 197px;
		}
	
	.qsmBoxBody p.callout {
		color:#fef68a;
		text-align: center;
		margin: 0;
		padding: 0 0 10px 0;
		width: 210px;
		}
		
	.qsmBoxBody p.details {
		color:#fff;
		font-weight: bold;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 210px;
		}
		
	.qsmBoxBody p.tagline {
		color:#002060;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
		text-align: center;
		width: 210px;
		}
	
.qsmBoxBottom {
	background-image:url(../images/home/qsmbox_bottom.gif);
	background-repeat:no-repeat;
	width:220px;
	height:98px;
	clear:both;
	text-align: center;
	}
	.qsmBoxBottom a {
		background: url(../images/home/bttn_viewMore.gif) 0 0 no-repeat;
		display: block;
		height: 38px;
		left: 60px;
			*left: 0;
		position: relative;
		top: 5px;
		width:103px;
		text-indent: -9000px;
		}
		
	.qsmBoxBottom a:hover {
		background: url(../images/home/bttn_viewMore.gif) 0 -40px no-repeat;
		display: block;
		height: 38px;
		left: 60px;
			*left: 0;
		position: relative;
		top: 5px;
		width:103px;
		text-indent: -9000px;
		}
		
    .qsmBoxBottom a.demo {
		background: url(../images/home/bttn_demo.gif) 0 0 no-repeat;
		display: block;
		height: 38px;
		left: 60px;
			*left: 0;
		position: relative;
		top: 5px;
		width:103px;
		text-indent: -9000px;
		}
		
	.qsmBoxBottom a.demo:hover {
		background: url(../images/home/bttn_demo.gif) 0 -40px no-repeat;
		display: block;
		height: 38px;
		left: 60px;
			*left: 0;
		position: relative;
		top: 5px;
		width:103px;
		text-indent: -9000px;
		}
		

.smallBox{
float:left;
display:inline;
width:220px;
}
.smallBoxTop{
background-image:url(../images/home/smallbox_top.png);
background-repeat:no-repeat;
width:220px;
height:53px;
}
.smallBoxTop h4{
font-size:12px;
color:#fff;
position:relative;
top:20px;
left:10px;
}
.smallBoxBody{
background-image:url(../images/home/smallbox_bg.png);
background-repeat:repeat-y;
width:220px;
float:left;
}

.smallBox .minHeight{
width:1px;
height:80px;
float:right;
}
.smallBox ul{
float:left;
padding-left:15px;
margin-top:10px;
}
div#content .smallBox ul li{
list-style-image:none;
background-image:none;
}
.smallBox li a{
font-size:11px;
list-style-image:none;
display:block;
padding: 2px 0 2px 10px;
background-image:url(../images/all/prodListArrow.gif);
background-repeat:no-repeat;
background-position: 0 4px;
color:#fff;
line-height:130%;
text-decoration:none;
}
.smallBoxBottom{
background-image:url(../images/home/smallbox_bottom.png);
background-repeat:no-repeat;
width:220px;
height:25px;
clear:both;
}



/*page specific*/
.QSMproductsPage div#wrapper{
background-image:url(../images/helpdesk/helpDesk_bg.jpg);
background-repeat:no-repeat;
background-position:0 108px;
}

.QSMproductsPage div#content{
background-image:url(../images/all/verticalDottedLine_double.gif);
background-repeat:repeat-y;
background-position:745px 0;
}

.QSMproductsPage div#contentHeader{
float:Left;
width:740px;
padding:0 0 0 0;
height:76px;
}
#QSMHelpdesk div#contentHeader h3{
background-image:url(../images/helpdesk/VisualHelpDesk.gif);
background-repeat:no-repeat;
width:650px;
height:47px;
position:relative;
top:34px;
left:144px;
}
#visualQSM div#contentHeader h3{
background-image:url(../images/qsm/visualQSM.gif);
background-repeat:no-repeat;
width:650px;
height:47px;
position:relative;
top:34px;
left:144px;
}


.QSMproductsPage div#col1{
clear:both;
position:relative;
float:left;
display:inline;
width:160px;
padding:0 0 0 0;
height:500px;
}
.QSMproductsPage div#col2{
position:relative;
float:left;
display:inline;
width:580px;
height:;
}
.QSMproductsPage #textblock{
width:380px;
}


.QSMproductsPage div#col3{
position:relative;
top:-70px;
left:18px;
float:left;
display:inline;
width:220px;
padding:0 0 0 0;
margin-left:7px;
height:;
background-image:none;
}
#qsmHome h4{
padding:0 0 10px 14px;
}
#version862 a{
display:block;
width:183px;
height:34px;
background-image:url(../images/helpdesk/versionBttn.gif);
}

/*MISC*/
.learnMore{
list-style-image:none;
color:#5465A3;
font-weight:bold;
padding:0 0 30px 4px;
}
.learnMore li a{
color:#F8754B;
}
div#col2 .more{
background-image:none;
padding-top:10px;
padding-bottom:10px;
background-position:0 bottom;
}
div#col2 div#textblock .more a{
text-decoration:none;
color:#4e5a99;
font-size:10px;
display:block;
height:22px;
padding:3px 0 4px 22px;
background-image:url(../../images/products/roundMoreBttn.gif);
background-position:0 2px;
background-repeat:no-repeat;
}