/* CSS Document */
html{
width:100%;
height:100%;
margin:0px;
padding:0px;
background:none;
}
img{
	border: 0;
}
body {margin:0px; text-align:center;background:#f1f2f4;}
#container {width:100%; text-align:center; margin: 0px auto;}
#top {width:100%; height:100px; text-align:center; float:left; border-bottom:#bcc0c3 solid 4px; margin:0 auto; position:relative;background:#ffffff;}
#topcont {width:1000px; height:100px; margin:0 auto; position:relative;}
#clogo {width:265px; height:80px; padding-top:20px; padding-left:5px; float:left; text-align:left;}
#clogo-rm {width:265px; height:80px; padding-top:5px; padding-left:5px; float:left; text-align:left;}
#rm-logo {top: 23px; width: 206px;height: 65px; position: absolute; right: 0px;}
/* Navigation */
#navbar {width:100%; height:40px; text-align:left; float:left; border-bottom:#CCC solid 4px; margin:0px;}
#nav {width:700px; height:40px; padding-left:30px; float:left;}
#Home {width:102px; height:30px; float:right; text-align:left; background-color:#FFF; padding-top:10px; padding-left:2px; }
#products {width:132px; height:30px; float:right; text-align:left; background-color:#FFF; padding-top:0px; padding-left:2px; }
#support {width:132px; height:30px; float:right; text-align:left; background-color:#FFF; padding-top:0px; padding-left:2px; }
#industries {width:132px; height:30px; float:right; text-align:left; background-color:#FFF; padding-top:0px; padding-left:2px; }
#itil {width:132px; height:30px; float:right; text-align:left; background-color:#FFF; padding-top:0px; padding-left:2px; }
#about {width:130px; height:30px; float:right; text-align:left; background-color:#FFF; padding-top:0px; padding-left:2px; }
#navtag1 {width:130px; height:5px; background-color:#b2b3b5; float:left;}
#navtag2 {width:130px; height:5px; background-color:#4189dd; float:left;}
#navtag3 {width:130px; height:5px; background-color:#3d5bb1; float:left;}

/* Banner */
#topbanner {width:100%; text-align:left; float:left; height:220px; background-color:#cdd2d5;}
#topbannercont {width:1000px; margin:0px auto; height:217px; background-color:#FFFFFF;}
#topbannercont	#image {position: relative;}
#topbannercont 	#image	#image_text	{position: absolute; font-size: 12px; top: 5px; left: 0px; width: 325px; margin: 110px 0 0 15px; font-family: arial; font-size: 11px; color: #8c8c8c}
#banner {width:940px; height:200px; padding-left:60px}
#image { width:730px; height:200px; float:left;}
#bancontent { width:250px; float:left; padding:10px;  text-align:right;}
#download { width:240px; height:88px; float:right; padding-top:10px; padding-right:2px;}
#webinar { width:232px; float:right; padding-top:10px; padding-right:2px; text-align: left;}
#botbanner { width:100%; height:20px; float:left; background-image:url(../helpdesk-images/botbanner.jpg); background-repeat:repeat-x;}

/* Main content */
#content {width:100%; text-align:left; height:auto; float:left; background-color:#cdd2d5; position:relative;}
#text { width:980px; float:left; padding:10px; font-family:Arial, Tahoma, Helvetica, sans-serif; color:#000; font-size:11px; text-decoration:none; text-align:left; background-color:#FFF;}
#textcontent {width:1000px; margin:0px auto; background-color:#FFFFFF;}
#topcontent {width:1000px; position:relative;  margin:0px auto; background-color:#FFFFFF; border-bottom:#CCC solid 2px; font-family:Arial, Tahoma, Helvetica, sans-serif; color:#333; font-size:11px;}
#quickenquiry {
	width:232px;
	height:40px;
	text-align:right;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#casestudies {width:232px; height:40px; text-align:right; margin-bottom:15px;}
#petsdivcontainer {border:1px solid #cccccc; width:690px; height: 340px; padding: 10px; margin-bottom:1em}

/* Bottom*/
#bottom { width:100%; padding-bottom:25px; float:left; background-image:url(../helpdesk-images/bg.jpg); background-repeat:repeat-x;}
#bottcontent {width:1000px; margin:0px auto; height:46px; background-image:url(../helpdesk-images/bottbg.gif); background-repeat:repeat-x;}
#bottcontent2 {width:1000px; margin:0px auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999;}
#extracontent {width:1000px; margin:0px auto; padding-top:50px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
#side { width:238px; background-color:#FFFFFF; padding:10px; float:right;}

/* Icons */
#contacticons {width:730px; height:60px; float:left; text-align:right;}
#icons {width:730px; height:35px; margin-top:5px; text-align:right}
#hicon {width:50px; height:35px; float:right;}
#cicon {width:50px; height:35px; float:right;}
#iicon {width:50px; height:35px; float:right;}
#sicon {width:50px; height:35px; float:right;}

/* Home page Tab Styles */
#tablist{width:720px; padding: 0px; margin-left: 0px; margin-bottom: 0px; margin-top:0px; font: bold 11px arial;}
#tablist li{ list-style: none; display: inline; margin: 0px;}
#tablist li a{ width:178px; height:52px; margin-right:1px; display:block; float:left;}
#tablist li a:link, #tablist li a:visited{ color: navy;}
#tablist li a.current{background-color:#FFFFFF;}
#tabcontentcontainer{width:693px; height:375px; padding:10px; margin-top:0px; float:left; border-bottom:#cccccc 1px solid; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid; border-top:#cccccc 1px solid; overflow:auto;}
.tabcontent1{display:none;}
.tabcontent2{display:none;}
.tabcontent3{display:none;}
.tabcontent4{display:none;}
/* End */

/* Side Content */
#latestnews {width:212px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:20px; margin-bottom:15px; background:url(../helpdesk-images/news-bg.gif) no-repeat top left; border-bottom:1px solid #cccccc;}
#customers {width:222px;  height:120px; padding-left:8px; padding-right:5px; padding-bottom:5px; padding-top:45px; margin-bottom:15px; background-image:url(../helpdesk-images/cust-bg.gif); background-position:right; background-repeat:no-repeat;}
#customers2 {width:235px;  height:40px; padding-left:0px; padding-right:0px; padding-bottom:5px; margin-bottom:15px; text-align:right}
#relatedlinks {width:230px; margin-bottom:15px; border:#CCCCCC 1px solid; }

.itemDate{
font-weight:bold;
display:block;
width:210px;}
.itemTitle{
padding-bottom:10px;
display:block;
width:210px;
}

/* Rollover Buttons */
.cicon {position: relative; background:url(../helpdesk-images/contact-icon_on.gif); no-repeat; white-space: nowrap; display: block; width: 50px; height: 35px; margin: 0; }
.cicon a{display: block; width: 50px; height: 35px; display: block; text-decoration: none; }
.cicon img {width: 50px; height: 35px; border: 0 }
* html a:hover {visibility:visible }
.cicon a:hover img {visibility:hidden }

.iicon {position: relative; background:url(../helpdesk-images/info-icon_on.gif); no-repeat; white-space: nowrap; display: block; width: 50px; height: 35px; margin: 0; }
.iicon a{display: block; width: 50px; height: 35px; display: block; text-decoration: none; }
.iicon img {width: 50px; height: 35px; border: 0 }
* html a:hover {visibility:visible }
.iicon a:hover img {visibility:hidden }

.sicon {position: relative; background:url(../helpdesk-images/search-icon_on.gif); no-repeat; white-space: nowrap; display: block; width: 50px; height: 35px; margin: 0; }
.sicon a{display: block; width: 50px; height: 35px; display: block; text-decoration: none; }
.sicon img {width: 50px; height: 35px; border: 0 }
* html a:hover {visibility:visible }
.sicon a:hover img {visibility:hidden }

.hicon {position: relative; background:url(../helpdesk-images/home-icon_on.gif); no-repeat; white-space: nowrap; display: block; width: 50px; height: 35px; margin: 0; }
.hicon a{display: block; width: 50px; height: 35px; display: block; text-decoration: none; }
.hicon img {width: 50px; height: 35px; border: 0 }
* html a:hover {visibility:visible }
.hicon a:hover img {visibility:hidden }


/* Old Styles still used */
#downloads1 {float:left; width:200px; height:75px;}
#downloads1a {float:left; width:410px; height:65px; padding-left:10px; padding-top:10px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#downloads2 {float:left; width:200px; height:75px; padding-top:4px;}
#downloads2a {float:left; width:410px; height:65px; padding-left:10px; padding-top:15px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#formsurr { width:625px; float:left; position:relative; }
#line { height:1px; width:158px; background-color:#CCCCCC; }
#sshotsurr {width:700px; }
#sshotsurr2 {width:620px;}

#sshots1 {width:350px; float:left; padding-bottom:15px}
#sshots2 {width:350px; float:left; padding-bottom:15px}
#sshots3 {width:700px; float:left; padding-bottom:15px}

/* Form Styles  */
#formtitle {background-color:#d7ddfb; height:20px; width:565px; padding-left:4px; padding-bottom:5px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; color:#3d5bb1; font-weight:bold; font-size:14px; float:left;}
#formtext {height:20px; width:350px; padding-bottom:3px; padding-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; float:left}
#formbox {height:20px; width:220px; float:left; padding-bottom:5px; padding-top:5px; text-align:right;}
#formlong {width:570px; padding-bottom:3px; padding-top:7px; float:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
/* End Form Styles  */

/* Glossary Styles */
#gltab {width:720px;}
#gltabtop1 {width:200px; float:left; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;color:#3d5bb1; }
#gltabtop2 {width:517px; float:left; padding-bottom:10px; padding-left:2px;font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold; color:#3d5bb1; }
#gltab1 {width:200px; float:left; padding-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#000000;}
#gltab2 {width:517px; float:left; padding-bottom:20px; padding-left:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000000; }
/* End Glossary Styles */

/* Ajax Ticker */
#ajaxticker1{ width: 200px; height: 105px; padding-top:5px; padding-right:6px; padding-left:6px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
#ajaxticker1 div{ background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
.someclass{ background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
/* End Ajax Ticker */

/* Boxes on contacts page */
#contimg {width:70px; height:50px; float:left}
#conttext {width:450px; padding-top:20px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#conttext2 {width:450px; padding-top:5px; height:45px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
/* End Boxes on contacts page */

/* Boxes on features page */
#fetsurr {width:545px; position:relative; float:left; padding-bottom:10px; padding-top:10px; border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px;}
#fetimg { width:80px; float:left;}
#fettext {float:left; width:390px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
#fetgo {float:left; width:72px; }
/* End Boxes on features page */

#supptext {width:630px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-bottom:10px; padding-top:10px;}
#suppsurround {width:720px; float:left; position:relative; border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px;}
#suppbutt {width:90px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:center; padding-bottom:10px; padding-top:10px;}

#content1a { height:20px; width:200px; padding-top:5px;}
.content1a { height:20px; width:200px; padding-top:5px; }
#content1d { height:20px; width:200px; padding-top:5px;}
.content1d { height:20px; width:200px; padding-top:5px;}
#content1d { height:20px; width:200px; padding-top:5px;}
#content1act {height:20px; width:200px; padding-top:5px;}

#certs {float:left; width:135px; height:50px; padding-top:20px;}

#indtext {float:left; width:415px; height:101px; padding-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;}
#indimg {float:left; width:130px; height:101px; text-align:left; padding-bottom:15px;}
#indsurr {width:545px; position:relative;}
.indtitle { font-family:Arial, Helvetica, sans-serif; color:#33a839; font-size:12px; font-weight:bold;}

.indentmenu{width: 100%; padding-bottom:0px;}
.indentmenu ul{margin: 0;padding: 0;float: left;}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{float:left; padding-right:0px; text-decoration: none;}
.indentmenu ul li a:visited{}
.indentmenu ul li a.selected{color: #000000; padding-top: 0px; padding-bottom: 0px;}


/* Text Styles */

a { font-family:Arial, Helvetica, sans-serif; color:#2c4675; font-size:11px; text-decoration:underline;}
a:hover { font-family:Arial, Helvetica, sans-serif; color:#33a839; font-size:11px; text-decoration:underline;}

a.grn { font-family:Arial, Helvetica, sans-serif; color:#993300; font-size:11px; text-decoration:underline;}
a.grn:hover { font-family:Arial, Helvetica, sans-serif; color:#0066CC; font-size:11px; text-decoration:underline;}


h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#3d5bb1; text-align:left; padding-top:0px; margin-top:0px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4189dd; line-height:14px; text-align:left; margin-top:0px; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; line-height:13px; text-align:left; }

hr { color:#CCCCCC; height:1px;}
li {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none; list-style:circle; list-style-position:outside;}
p { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none;}
ul {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none;}

.nav {font-family:Arial, Helvetica, sans-serif; color:#5f5e5e; font-size:12px; text-decoration:none;}
.nav:hover {font-family:Arial, Helvetica, sans-serif; color:#a2d10c; font-size:12px; text-decoration:none;}

.footer { font-family:Arial, Helvetica, sans-serif; color:#999; font-size:10px; text-decoration:none; }
.footer:hover { font-family:Arial,  Helvetica, sans-serif; color:#a2d10c; font-size:10px; text-decoration:none; }

.footer2 { font-family:Arial, Helvetica, sans-serif; color:#999; font-size:10px; text-decoration:none; }



/* ----------- Varied Font Styles ----------------------- */

.asterisk { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000;}

.body-hide {font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#000000;text-align:justify;}
.body-hide:hover {font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color:#474747;text-align:justify;}

.blbody { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3d5bb1; text-decoration:none; }
.blbody2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4189dd; text-decoration:none; }

.dropbox { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; color:#3d5bb1; border-color:#CCCCCC; border-style:solid; border-width:1px; padding:2px; background-color:#F3F3F3; }

.footer {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:none; text-align:center;}
a.footer {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:none; text-align:center;}
a.footer:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#549BE2; text-decoration:underline; text-align:center;}

.bottomtext{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:none; text-align:center;}
a.bottomtext {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:underline; text-align:center;}
a.bottomtext:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#549BE2; text-decoration:underline; text-align:center;}

.glossary{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:left; text-decoration:none; }
.glossary-link{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#006633; text-decoration:underline; }
.glossary-link:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0099FF; text-decoration:underline; }
.glossary-link2{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3d5bb1; text-decoration:underline; }
.glossary-link2:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:underline; }

.h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#3d5bb1; line-height:16px; text-align:left; }

.imgnav { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none; }
.imgnav:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0099CC; text-decoration:none; }

.largew { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; text-align:left; text-decoration:none; }
.largew2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-align:left; text-decoration:none; }

.small { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-align:left; }
.snav { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:left; font-weight:bold; text-decoration:underline; line-height:20px; }
.snav:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#799d05; text-align:left; text-decoration:none; line-height:20px;}
.snav2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:left; text-decoration:none; line-height:20px; }
.snav2:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8fd400; text-align:left; text-decoration:none; line-height:20px;}
.snav3 { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000; text-align:left;  text-decoration:none; }
.snav3:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#3d5bb1; text-align:left; text-decoration:underline;}
.snav4 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0C2847; text-align:left; text-decoration:none; }
.snav4:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3d5bb1; text-align:left; text-decoration:underline; }
.snavact { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3d5bb1; text-align:left; text-decoration:none; background-color:#E0E0E0; }
.snavact2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3d5bb1; text-align:left; text-decoration:none; background-color:#E0E0E0; }
.snavact3 { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#3d5bb1; text-align:left; text-decoration:none; background-color:#E0E0E0; }

.textbox { text-align: center; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; color:#3d5bb1; font-weight:bold; border-color:#CCCCCC; border-style:solid; border-width:1px; padding:2px; background-color:#F3F3F3; }
.title { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#3d5bb1; text-align:left; }
.title2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3d5bb1; text-align:left; text-decoration:none; }
.title2link { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3d5bb1; text-align:left; text-decoration:none; }
.title2link:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#009933; text-align:left; text-decoration:underline; }
.topimgnav { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none; font-weight:bold;}
.topimgnav:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0099CC; text-decoration:none; font-weight:bold; }

.white-link { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; }
.white-link:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DAEDFC; text-decoration:underline; }

/* ----------- End Varied Font Styles ----------------------- */

#register {border:none;background-color:#ffffff;text-align:left;width:126px;height:50px;cursor:pointer;}
/* --------- End Rollover Styles --------------------------------------- */

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 389px;
	height: 230px;
	left: 250px;
	top: 250px;
	padding: 0px;
	z-index:200
}

#close { float:left;
}


#main #col1	{
	float: left;
	width: 200px;
	margin: 0 0 0 0px;
}

#main #col2	{
	float: left;
 	width: 208px;
	margin: 0 0 0 43px;
}

#main #screenshots	{
	position: relative;
	float: left;
	margin: 12px 0 0 50px;
}

#screenshots #screenshot1	{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

#screenshots #dropshadow	{
	width: 200px;
	height: 125px;
	background-color: #000;
	position: absolute;
	z-index: 9;
	top: 1px;
	left: 2px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

}

#screenshots #screenshot2	{
	z-index: 8;
	position: absolute;
	top: 20px;
	left: 20px;
}

#screenshots #caption	{
	position: absolute;
	top: 150px;
	left: 95px;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/arrow_round.png) no-repeat;
	height: 30px;
	padding: 3px 0 0 25px;
}

#screenshots .hidden_screenshot	{
	display: none;
	position: absolue;
	top: 0;
	left: 0;
}
#videoOverview{
	position:absolute;
	top: 35px;
	right: 339px;
	width:150px;}
	
.offerBanner{
width:0px;
height:0px;
display:none;
visibility:hidden;}