/*=======================================================
 CSS Document for acQuire Technologies
=======================================================*/

@import url("global.css");
@import url("thickbox.css");
@import url("sIFR-screen.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}

/*=============================================================
	Main layout
=============================================================*/

#container { width: 950px; height: auto; display: block; margin: 15px auto 0 auto; background: #fff; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body.popup #container { width: 630px; padding: 10px 15px; margin: 10px auto!important; background: #fff url('../images/bg-container.gif') no-repeat 0 0; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 950px; height: 203px; background: url('../images/bg-header.jpg') no-repeat 0 0; position: relative; z-index: 20; float: left; display: inline; clear: both; }
#logo { width: 240px; height: 85px; position: absolute; top: 15px; left: 20px; z-index: 10; }
/*popup*/ body.popup .logo { width: 630px; height: 100px; padding: 0; margin: 0 auto 10px auto; text-align: center; border-bottom: 1px dotted #d2d2d2; }
#logo span { display: none; font-size: 1.5em; text-indent: -9999em; }
#slogan { width: 400px; height: 30px; position: absolute; top: 15px; right: 10px; z-index: 10; }
#slogan span { font-size: 1.4em; display: none; text-indent: -9999em; }
/*login*/
#login { width: 620px; height: 19px; padding: 8px; display: inline-block; position: absolute; top: 128px; right: 20px; }
#login li a { color: #fff!important; text-decoration: underline!important; }
#login li a:hover { color: #8de9f1!important;  text-decoration: underline!important; }
#login li { float: left; display: inline-block; color: #fff; font-size: 12px; }
#login label { color: #fff!important; font-weight: bold; width: auto!important; margin: 0!important; padding-right: 5px; vertical-align: middle!important; }
#login input { width: 68px!important; color: #000; display: inline; margin: 0 10px 0 0!important; font-size: 11px; }

/*navigation*/
ul#nav { width: 630px; height: 24px; display: inline; position: absolute; z-index: 50; top: 163px; left: 70px; float: left; }
ul#nav li { display: inline; position: relative; float: left; margin: 8px 5px 0 0; z-index: 50; }
ul#nav a { height: 20px; text-align: center; display: block; float: left; font-size: 1.2em; color: #143169; text-decoration: none; padding: 2px 0 10px 0; }
ul#nav a:hover { color: #fff!important; background-position: 0 0!important;  }
ul#nav li ul { width: 200px; height: auto; display: block; left: -9999px; position: absolute; top: 100%; margin: 0; padding: 0; }
ul#nav li ul li ul { width: 170px; height: auto; left: -9999px; position: absolute; top: 100%; margin: 0; padding: 0; border-left: 1px solid #99b9f9; }
ul#nav li li, ul#nav li li li { margin: 0!important; }
ul#nav ul a { float: left; text-indent: 5px; width: 200px; height: 16px; padding: 5px 10px; font-size: 1.2em; text-decoration: none; border-top: 1px solid #99b9f9; text-align: left!important; background-color: #568af3; color: #fff; }
ul#nav ul ul a { width: 175px!important; }
ul#nav ul a:hover, ul#nav ul ul a:hover { text-decoration: none; background-color: #b22121!important; font-weight: bold!important; background-image: none!important; color: #fff; }
ul#nav ul ul a { background-color: #7ea8fa!important; font-weight: normal!important; color: #000!important; }
/* hover actions */
ul#nav li:hover ul, ul#nav li.over ul { left: 0; margin-left: -13px; }
ul#nav li:hover ul ul, ul#nav li.over ul ul { left: -9999em; }
ul#nav li:hover ul li:hover ul, ul#nav li.over ul li.over2 ul { left: 100%; margin: -27px 0 0 0; }
ul#nav li a.onsection { background-position: 0 0!important; text-decoration: none; color: #fff; }
ul#nav li li a.onsection2 { background-color: #b22121; text-decoration: none; font-weight: bold; }

a#navhome, a#navabout, a#navproducts, a#navqbox, a#navservices, a#navlearning, a#navcareers { background: url('../images/bg-nav-small.gif') no-repeat 0 -24px; width: 60px!important; }
a#navnews{ background: url('../images/bg-nav-large.gif') no-repeat 0 -24px; width: 95px!important; }
a#navcontact { background: url('../images/bg-nav-medium.gif') no-repeat 0 -24px; width: 70px!important; }
/*onpage*/
body#homepage a#navhome, body#about-us a#navabout, body#products-page a#navproducts, body#qbox-page a#navqbox, body#services-page a#navservices,
body#learning-page a#navlearning, body#news-events a#navnews, body#careers-page a#navcareers, body#contact-us a#navcontact { color: #fff!important; background-position: 0 0px!important;  }

/*search*/
#search { width: 210px; height: 25px; position: absolute; z-index: 10; top: 170px; right: 20px; float: right; display: inline; }
#search li { float: left; display: inline; }
#search input { border: none; background: url('../images/bg-search.gif') no-repeat 0 0; height: 15px!important; width: 130px!important; display: inline; margin-right: 5px; padding: 5px 15px 5px 25px!important; color: #000!important; }
#search input.searchnow { border: none!important; width: 25px!important; height: 25px!important; background: url('../images/button-go.gif') no-repeat 0 0!important; color: #fff!important; display: inline; text-decoration: none; font-weight: bold; margin: 0!important; padding: 0!important; }
#search input.searchnow:hover, #search input.searchnow.searchhover { background-position: 0 -25px!important; color: #fff!important; text-decoration: none; }

/*home page banner*/
#home-banner {width: 950px; height:250px; display:block; overflow:hidden; float:left; padding:0; margin:0;}



/*=============================================================
	Main body
=============================================================*/

#mainpage { width: 910px; height: auto; display: block; margin: 0 auto; padding: 10px 20px; clear: both; position: relative; z-index: 10;  }
.contents { display: inline; height: auto; float: left; width: 900px; position: relative; }
/*popup*/ body.popup .contents { padding: 0 10px 0 0; width: 620px; height: 420px; overflow: auto; display: inline-block; margin: 0; clear: both; }
.contents ul, .contents ol { margin: 0 0 20px 20px; }
.contents ul li { list-style: square; font-size: 12px; }
.contents ul li ul { margin: 0 0 5px 15px; }
.contents ul li ul li { list-style: circle; font-size: 1em; margin: 0; }
.contents ol li { list-style: decimal; font-size: 12px; margin-bottom: 5px; }
.contents ol li ol { margin: 0 0 5px 15px; }
.contents ol li ol li { font-size: 1em; list-style: lower-roman; margin: 0; }

/*breadcrumb*/
.crumbs { background: url('../images/bg-crumb.gif') no-repeat 0 0; padding: 10px 10px 0 10px; width: 890px; height: 30px; display: inline-block; margin-bottom: 20px; font-size: 1.2em; clear: both; }

/*boxes*/
.box { width: 195px; height: 140px; padding: 5px 15px 5px 15px; display: inline; margin-left: 20px; float: right; background: url('../images/bg-box.png') no-repeat 0 0; }
.box h5 { height: 35px; margin: 0!important; display: block; clear: both; color: #fff; }
.box label { margin: 0; width: 75px!important; padding: 0; color: #000; font-size: 11px; }
.box input, .box textarea, .box select { font-size: 11px; }
.box select { border-color: #91c591!important; width: 118px!important; /*height: 19px!important;*/ margin: 0; padding: 2px 0 5px 2px;  }
.box input.send { float: right; margin: 0!important;  }
.box p { line-height: 14px; font-size: 1.1em!important; }
.box img { float: right; display: inline-block; margin-left: 15px; border: 3px solid #aeccae; }

/*Quick Links box*/
.quicklinks { width: 907px; height: 220px; padding: 10px 0 3px 3px; clear: both; position: relative; display: inline; float: left; background: url('../images/bg-quicklink.gif') no-repeat 0 0; overflow: hidden; }
.quicklinks .box { padding: 5px 10px; height: 150px; background: url('../images/bg-box2.png') no-repeat 0 0; width: 155px!important; margin-left: 5px!important; float: left!important; display: inline!important; }
.quicklinks h5 { height: 25px; }
.quicklinks h3 { text-indent: -9999em; height: 35px; width: 390px; float: left; display: inline; margin-left: 120px; }
.quicklinks p { float: left; }
a#podcast { background: url('../images/icon-podcast.png') no-repeat 0 0; padding: 5px 0 0 45px; display: inline-block; width: 125px; height: 30px; color: #fff; text-decoration: none; }
a#latest-version { background: url('../images/icon-download.png') no-repeat 0 0; padding: 5px 0 0 30px; display: inline-block; width: 180px; height: 30px; color: #fff; text-decoration: none;}
a#newsletter, a#more-info, a#login-request { padding: 5px 0 0 35px; display: inline-block; width: 120px; height: 30px; }
a#newsletter {  background: url('../images/icon-newsletter.png') no-repeat -8px 0; }
a#more-info {  background: url('../images/icon-info.png') no-repeat -8px 0; }
a#login-request { background: url('../images/icon-login.png') no-repeat -8px 0; }
a#newsletter:hover, a#podcast:hover, a#latest-version:hover, a#more-info:hover, a#login-request:hover { color: #000; text-decoration: underline; font-weight: bold; }
#forum p { margin: 0; }
#forum a { color: #d62320; text-decoration: underline; }

/*side links*/
.sidelinks { width: 240px; height: auto; float: right; margin: 0 0 20px 20px; display: inline; background: #bed4ff url('../images/bg-quicklink2.gif') no-repeat 0 0; }
.sidelinks .box { margin: 10px 10px 0 10px!important; }
.sidelinks h3 { text-indent: -9999em; width: 220px; height: 45px; float: left; display: block;  }
.sidelinks p { margin: 0; }
.sidelinks .btm { background:  url('../images/bg-quicklink2-btm.gif') no-repeat 0 0; width: 240px; height: 20px; clear: both; }

/*scrolling text*/
.scrollcontainer { overflow: hidden; width: 570px; height: 20px; padding: 5px 10px; margin-bottom: 25px; display: inline-block; background: url('../images/bg-scroll.jpg') repeat-x 0 0; float: left;  }
.scrollcontainer .mask { position: relative; left: 5px; width: 570px; overflow: hidden; }
ul.scrolltext { position: relative; padding: 0; margin: 0; width: 8000px; height: 20px; display: inline-block; float: left; overflow: hidden; }
ul.scrolltext li { list-style: none; width: 2000px; float: left; font-size: 1.2em; color: #000; line-height: 20px; margin-right: 30px; display: block;  }

/*template*/
.itemised { display: block; float: left; margin-bottom: 15px; border-bottom: 1px solid #d2d2d2; width: 640px; }
.itemised h2, .itemised h3, .itemised h4, .itemised h5, .itemised p { margin-bottom: 0; }

/*listing*/
/*if no-info*/li.no-info { background: none!important; height: 0!important; border:0!important; }
ul.listing { margin: 0 0 20px 15px; display: inline; width: 620px; float: left; }
ul.listing li { list-style: none!important; background: url('../images/bullet.png') no-repeat 0 0; padding-left: 30px; width: 590px; margin-bottom: 5px; float: left; clear: both; border-bottom: 1px dotted #47241f; }
ul.items li { padding-bottom: 5px; margin-bottom: 15px!important; }
ul.items li a { font-weight: bold; }
ul.items ul { margin: 0 0 15px 10px!important; width: auto!important; }
ul.items li li { background: url('../images/bullet2.png') 0 4px no-repeat!important; padding: 0 0 0 20px!important; margin: 0!important; width: auto!important; border: none!important; display: block; float: none; }
ul.items p { font-size: 1em; font-weight: normal; margin: 0 0 10px 0; }
ul.items h4 { margin: 0; font-size: 1.2em; }
.right-aligned { float: right; margin: 0; border: 3px solid #d2d2d2; }
/*.right-aligned { float: right; display: inline-block; border: 3px solid #d2d2d2; margin: -20px 0 10px 20px; }*/
.left-aligned { display: block; border: 3px solid #d2d2d2; margin: 0; }
#course, #course li, #details { padding-bottom: 5px; margin-bottom: 15px; }

.info1 { float: left; display: inline; width: 400px; }
.message {}

#special-upload { background: url('../images/icon-pdf.gif') no-repeat 0 2px; padding-left: 30px; margin-bottom: 15px; }
h3.c-title, #course h3.c-title { margin: 0; width: 550px; }
#details h2 { margin-bottom: 15px; width: 550px; }
.items span, #course span, #details span{ display: block; margin: 0; height: 20px; font-weight: normal; font-size: 12px; }
#course b, #details b { font-weight: bold; color: #000; }
#course p { margin: 10px 0; padding: 0 15px; }
#course h4 { margin: 10px 0; }
#course ul, #course ol { margin-left: 30px; margin-bottom: 10px; }
#course ul ul, #course ol ol { margin-left: 15px; margin-top: 7px; }
#course ul li, #course ol li { margin: 0; font-size: 12px;  }
#details p { margin-bottom: 20px; }
#course ol li { list-style: decimal!important; }
#course ul li { list-style: square!important; }

.cascade { width: 880px!important; }
.cascade li { width: 700px!important; margin-right: 20px; float: left!important; clear: none!important; }

/*addresses*/
.info { width: 300px; display: inline; float: left; }
#addresses { width: 280px; height: auto; display: inline; float: left; margin-left: 50px; }
#addresses ul.address, #addresses ul.address ul { margin: 0!important; list-style: none!important; }
#addresses h3.add { margin-bottom: 0; font-size: 1.2em; padding: 3px 0; }
#addresses ul.address li { list-style: none!important; background: url('../images/bullet.png') no-repeat 0 0!important; padding-left: 25px; width: 250px; border-bottom: 1px dotted #47241f; clear: both; }
#addresses ul.address li ul li { margin-bottom: 10px; list-style: none!important; background-image: none!important; border-bottom: none!important; background-color: #f0f4ff!important; width: 230px; display: block; padding: 5px 10px!important; }
#addresses ul.address p {font-size: 1em; margin: 10px 0!important;}

/*FAQs*/
.faq { width: 640px; height: auto; display: inline; list-style: none; float: left; margin: 0 0 20px 0!important; padding: 0; }
.faq li { clear: both; width: 640px; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #47241f; }
.faq li h3 { height: 25px; font-size: 1.1em; background: url('../images/bg-Q.gif') no-repeat 0 0; padding-left: 25px; display: block; margin: 0; }
.faq li ul { background: url('../images/bg-A.gif') no-repeat 0 0; padding-left: 25px; display: block; margin: 10px 0 0 0!important; }
.faq li li { border: 0; margin: 0!important; border: 1px solid #96b396; padding: 8px; display: block; background-color: #e0ece0; width: 550px; }
.faq li li p { margin-bottom: 10px; font-size: 1em; }
.contents ul.faq li ul li{list-style:none;}

/* NEW QBox*/
ul.benefits { list-style: none!important; display: block; width: 100%; font-size: 1em; margin: 0 0 20px 0!important; padding-right: 15px; float: left; clear: both; }
ul.benefits li { list-style: none!important; font-size: 1em!important; clear: both; background:transparent url(../images/bullet.png) no-repeat scroll 0 0; padding-left: 40px; padding-top: 3px; padding-bottom: 2px; }
ul.benefits ul { margin-left: 0 !important; }
ul.benefits li li { background: none !important; margin-left: 0 !important; padding-left: 0; }
ul.benefits li li .qbox-showhide-contents { float: left; clear: both; display: inline-block; padding-bottom: 15px; }
ul.benefits li li .qbox-showhide-contents p, ul.benefits li li .qbox-showhide-contents span { margin: 0 0 10px 0; }
ul.benefits li li .qbox-showhide-contents img { float: left; margin: 0 15px 10px 0; }
.bullet { background: url('../images/bullet.png') no-repeat 0 0; padding: 0 0 10px 30px!important; font-size: 1.3em; font-weight: bold; }
.early-bird , form.cmxform li .early-bird { background-color: #e0ece0; padding: 5px 10px; display: block; }
.early-bird h4, form.cmxform li .early-bird h4 { font-size: 13px!important; color: #143169!important; }
form.cmxform li .early-bird em {padding-left: 15px; margin-top: -5px; display: block; }

/*=============================================================
	Footer
=============================================================*/

#footer { width: 880px; height: 50px; float: left; padding: 30px 35px 0 35px; display: block; margin: 0 auto; background: #f0f4ff url('../images/bg-footer2.jpg') no-repeat 0 0; clear: both; position: relative; }
#footer p { font-size:1.1em; color: #89aff8; float: left; display: block; }
#footer img.wflogo { float: right; margin-top: -5px; }
#footer strong { color: #fff; padding-right: 15px; }
#footer a { color: #89aff8; text-decoration: none;}
#footer a:hover { color: #fff; text-decoration: underline;}

/*=============================================================
  Page and Sub Page text
=============================================================*/
.watch-video {
  height: 30px;
}

.watch-video a { 
  border: none!important; 
  width: 120px; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  font-size: 12px; 
  font-weight: bold; 
  color: #fff!important; 
  text-decoration: none; 
  background: url('../images/bg-button3.gif') no-repeat 0 0; 
  display: inline-block; 
  margin: 0 10px 0 0; 
  overflow: hidden; 
}

.watch-video a:hover { 
  color: #fff!important;
  text-decoration: none;
  background-position: 0 -20px!important;
}

#solution_parts {
	width:248px;
	float:right;
	/* background:#83acfe url(../images/bg-panel-bottom.jpg) center bottom no-repeat; */
	border-left:1px solid #e0ece0;
	border-right:1px solid #e0ece0;
	border-bottom:1px solid #e0ece0;
	-moz-border-radius: 5px;
	margin-bottom:20px
}
#solution_parts h4 { height: 20px; padding:5px; background: url(../images/bg-panel-heading.jpg) center top no-repeat; color: #fff; text-align: center; }
#solution_parts ul { list-style:none!important; margin-right: 15px; }
#solution_parts li { list-style:none!important; border-bottom:1px solid #e0ece0; padding: 0 10px; line-height:15px; font-size: 10px; font-weight: bold;}
#solution_parts li img { float:left; margin:0 10px 5px 0; display: inline;height:20px;width:20px; }
#solution_parts li a { color: gray; text-decoration: none; }
#solution_parts li A:HOVER { color: #000; text-decoration: underline; }

p.comp_p 
{
  margin:5px 0;
}

/*=======================================================
 End of CSS Document for acQuire Technologies
=======================================================*/