/* Main styles */
html, body { height:100%; margin:0; padding:0; }
body { font-family:Arial; color:#333; font-size:12px; line-height:1.5em; }
a { color:#74A3B9; text-decoration:none; outline: none;}
a img { outline: none; border: 0px;}
p { margin-top:12px; margin-bottom:22px; }
h3 { font-size:16px; color:#990000; font-weight:normal; }
/* Layout structure */
object { outline:none; }
body { background:url(../images/body_bg.png) repeat-x top left #8F8F8F; }
#wrapper { width:950px; margin:45px auto 0 auto; background:url(../images/shadow.png) repeat-y top left; padding: 0 9px; }
#btmshadow { width:950px; height:15px; margin:0 auto; background:url(../images/bottom_shadow.png) no-repeat top left; padding: 0 9px; }
#topmenu { width:100%; height:99px; background:url(../images/menu_bg.png) repeat-x top left; }
#menu { width:570px; top:15px; right: 25px; position: relative; float: right; text-align: right;}
#logo { width:200px; height:99px; background:url(../images/logo.png) no-repeat top left; margin-left:2px; float:left;}
#logo a { display: block; width: 100%; height: 100%;}
#login { float: right; font-size: 10px; margin-right: 8px; margin-top: 5px; color :#ededed;}
#login:hover { color: orange;}
#redstripe { width:100%; height:26px; background:url(../images/red_stripe.png) repeat-x top left; }
#flashheader { width:100%; height:226px; background:url(../images/books_bg.png) no-repeat top left;}
#bluestripe { width:100%; height:19px; background:url(../images/blue_stripe.png) repeat-x top left; }
#content { width:100%; background:url(../images/content_bg.png) repeat-x top left #E5E6E8; padding:15px 0 25px 0;}
#contentarea { width:100%; background: #FFFFFF; padding:0px 0 25px 0;}
#left { width:197px; height:100%; float:left; border-right:0px solid white; }
#leftcnt { width:187px; }
#leftcnt .top { width:187px; height:40px; background:url(../images/leftcolumn_top_shadow.png) no-repeat top left #FFF; }
#leftcnt .center { width:187px; background:url(../images/leftcolumn_bg_shadow.png ) repeat-y top left; }
#leftcnt .bottom { width:187px; height:10px; background:url(../images/leftcolumn_bottom_shadow.png) no-repeat top left #FFF; }
#leftarea { width:173px; height:100%; float:left; background: #991c20; padding-bottom: 50px;}
#leftareacnt { width:173px;}
#leftareacnt h3 { font-size:16px; color:#fff; margin-left: 8px;}
#leftareabanner { width:173px; height:183px; margin-left:0px; margin-top: 4px; }
#leftareaclx { width:173px; height:100%; float:left; background: #991c20; padding-bottom: 50px; margin-top: 215px;}
#leftareacntclx { width:173px;}
#leftareacntclx h3 { font-size:16px; color:#fff; margin-left: 8px;}
#leftbanner { width:179px; height:210px; margin-left:5px; background:url(../images/leftbanner_ondemand.png ) no-repeat top left; margin-top: 4px; }
#leftbanner a { display:block; width: 100%; height: 100%;}
#leftbanner_mvs { width:179px; height:183px; background:url(../images/leftbanner_mvssecurity.png ) no-repeat top left; margin-top: 4px; }
#leftbanner_mvs a { display:block; width: 100%; height: 100%;}
#center { width:480px; height:100%; float:left; }
#center2 { width:680px; height:100%; float:left; }
#jstabsmenu { width:478px; }
#main { width:468px; height:100%; margin-left:3px; }
#main2 { width:668px; height:100%; margin-left:3px; }
#main h1 { font-size:16px; color:#990000; font-weight:normal; }
#main h2 { margin-top:12px; margin-bottom:22px; font-family:Arial; color:#333; font-size:12px; line-height:1.5em; }
#main h2 a { font-size: 12px; color: #039;}
#main h2 a:hover { color: #990000;}
#bottomshadow { width:473px; height:20px; background:url(../images/main_bottom_shadow.png) bottom left no-repeat;}
#main a { font-size: 9px;}
#main ul li a { height: 40px;}
#main ul li a#nodivider { height: 40px; border-right:0px dotted #656565;}
#main p a { font-size: 12px; color: #039;}
#main p a:hover { color: #990000;}
#centerarea { width:605px; height:100%; float:left; margin-top: 25px; padding: 0px; }
#centerarea .top { width:605px; height:75px; background:url(../images/leftarea_top.png) no-repeat top left; }
#centerarea .topclx { width:605px; height:180px; background:url(../images/leftarea_top_clx.png) no-repeat top left;}
#centerarea .center { width:777px; background :url(../images/leftarea_mid.png ) repeat-y top left; }
#centerarea .bottom { width:605px; height:20px; background:url(../images/leftarea_bottom.png) no-repeat top left; }
#mainarea { width:565px; height:100%; margin-left:3px; margin-top: -50px; padding: 20px;}
#mainarea a { color: #039;}
#mainarea a:hover { color: #990000;}
#mainarea h1 { font-size:28px; color:#990000; font-weight: bold; line-height: 32px;}
#mainarea h2 { font-size:20px; color:#000; font-weight: bold; line-height: 22px;}
#mainarea ul li { padding-bottom: 8px;}
#mainarea ul li a { float: left; padding-right: 4px;}
#mainareaclx { width:565px; height:100%; margin-left:3px; margin-top: 0px; padding: 20px;}
#mainareaclx a { font-size: 9px;}
#mainareaclx p a { font-size: 12px; color: #039;}
#mainareaclx p a:hover { color: #990000;}
#mainareaclx h1 { font-size:28px; color:#990000; font-weight: bold; line-height: 32px;}
#right { width:267px; height:100%; float:right; border-left:0px solid white;}
#social { width:267px; height:30px; text-align: right; margin-left: -10px;}
#social a { border: none; outline: none;}
#rightcnt { width:267px; height: 630px; margin-top: -12px; margin-left:-10px; }
#rightarea { width:172px; height:100%; float:right; margin-top: 100px; background: #991c20;}
#rightareacnt { width:165px; height: 650px; padding: 5px;}
#rightareacnt a { color:#fff;}
#rightareacnt a:hover { color:#fac751; }
#rightareacnt p { color:#fff;}
#rightareacnt h3 { color:#fff;}
#rightareacnt h4 { color:#fff;}
#rightareacnt ul { color:#fff; margin-left: 5px; list-style: disc; padding: 5px;}
#rightareaclx { width:172px; height:100%; float:right; margin-top: 153px; background: #991c20;}
#bottommenu { width:645px; margin:5px auto; }
.clr { clear:both; }
.inside { padding:5px; }
.insidenp { padding:0px; }
.blank { height:40px; }
#clx-review-platform { padding:30px;}
#hosted-review-services { padding:30px;}
#ediscovery-services { padding:30px;}
#ediscovery-consulting { padding:30px;}
#eca-services { padding:30px;}
/* Tab menu */
#tabs ul { margin:0; padding:0; }
#tabs li { list-style:none; text-decoration:none; float:left; }
#tabs a { display:block; height:42px; color:#656565; font-size:11px; border-right:1px dotted #656565; text-align:center; width:88px; }
#tabs li.active { margin:0 12px 0 0; padding:0; background:url(../images/tab_right.png) no-repeat top right; }
#tabs li.active a { background-color:#FFF; color:#990000; border:none; margin-right:12px; }
/* Top menu */
#menu ul { margin:0; padding:0; }
#menu li { list-style:none; margin-left:20px; float:left; }
#menu a { color:#FFF; font-size:11px; text-decoration:none; }
/* Left column menu with images */
#leftcnt ul { margin:-30px 0 0px 0; padding:0px 0 0px 3px; }
#leftcnt li { list-style:none; }
#leftcnt a { margin-bottom:6px; display:block; }
#lftquick { background:url(../images/left_quick.png) no-repeat top left; width:164px; height:31px; margin-bottom: 6px;}
#lfteca { background:url(../images/left_eca.png) no-repeat top left; width:164px; height:49px; }
#lftcaselogistix { background:url(../images/left_caselogistix.png) no-repeat top left; width:164px; height:50px; }
#lfthostedlogistix { background:url(../images/left_hostedlogistix.png) no-repeat top left; width:164px; height:49px; }
#lftediscovery { background:url(../images/left_ediscovery.png) no-repeat top left; width:164px; height:49px; }
#lftconsulting { background:url(../images/left_consulting.png) no-repeat top left; width:164px; height:49px; }
#lftdocument { background:url(../images/left_document.png) no-repeat top left; width:164px; height:49px; }
#lftmvs { background:url(../images/left_mvs.png) no-repeat top left; width:164px; height:49px; }
/* Left column menu with images */
#leftareacnt ul { margin:0px 0 0px 0; padding:0px 0 0px 3px; }
#leftareacnt li { list-style:none; }
#leftareacnt a { margin-bottom:0px; display:block; }
/* Right column menu with images */
#rightcnt ul { margin:0; padding:0 0 30px 10px; }
#rightcnt li { list-style:none; }
#rightcnt a { display:block; }
#webinnar { background:url(../images/right_webinnar.png) no-repeat top left; width:221px; height:108px; }
#marketkudos { background:url(../images/right_marketkudos.png) no-repeat top left; width:221px; height:74px; }
#award { background:url(../images/right_award.png) no-repeat top left; width:221px; height:63px; }
#etc { background:url(../images/right_etc.png) no-repeat top left; width:221px; height:57px; }
#new { background:url(../images/right_new.png) no-repeat top left; width:221px; height:57px; }
#corner { background:url(../images/right_corner.png) no-repeat top left; width:221px; height:56px; }
/* Request a demo link */
#requestdemo { display:block; float:right; width:140px; height:26px; background:url(../images/request_demo.png) no-repeat top left; margin:0px 10px 0 0; }
#viewrecorded { display:block; float:right; width:145px; height:26px; background:url(../images/view_recorded.png) no-repeat top left; margin:0px 10px 0 0; }
/* Production image */
#production { display:block; width:413px; height:229px; background:url(../images/Hosted.jpg) no-repeat top left; margin: 0 auto;}
#production2 { display:block; width:413px; height:229px; background:url(../images/Hosted.jpg) no-repeat top left; margin: 0 auto;}
#production3 { display:block; width:413px; height:229px; background:url(../images/eDiscovery.jpg) no-repeat top left; margin: 0 auto;}
#production4 { display:block; width:413px; height:229px; background:url(../images/consulting.jpg) no-repeat top left; margin: 0 auto; border:0px solid #000;}
#production5 { display:block; width:413px; height:229px; background:url(../images/eca-graphic.jpg) no-repeat top left; margin: 0 auto;}
/* Images caption */
.caption { display:block; width:100%; font-size:11px; color:#990000; text-align:center; }
/* Bottom menu */
#bottommenu ul { margin:0; padding:0; }
#bottommenu li { list-style:none; padding:0 12px; border-right:0px solid #333; float:left; }
#bottommenu a { color:#333; font-size:10px; text-decoration:none; }
#bottommenu a:hover { color:#CCCCCC; font-size:10px; text-decoration:none; }
#searchForm fieldset {
outline: none;
border: none;
}
#searchForm {
width: 280px;
height: 25px;
background: none;
outline: none;
border: none;
margin-top: 30px;
margin-right: -80px;
float: right;
text-align: right;
}
#txtSearch {
width: 160px;
height: 25px;
padding: 5px 2px 2px 5px;
border: none;
outline: none;
background: url('../images/input.png') no-repeat;
}
#btnSubmit {
width: 68px;
height: 25px;
outline: none;
border: none;
padding: 5px 2px 2px 0px;
background: url('../images/search.png') no-repeat;
text-indent: -9999px;
font-size: 0px;
line-height: 0px;
}
ul.blank {list-style: none; margin: auto; height: 100%; float: left; width: 100%;}
ul.blank a {float: left; width:100%;}
ul.links {list-style: disc; margin: auto; height: 100%; float: left; width: 100%;}
ul.links a {float: left; width:100%;}
ul.tick li {
background-image: url("../images/ok.png");
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom:5px;
margin-top: 5px;
list-style: none;
}
li.ok {
background-image: url("../images/ok.png");
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom:5px;
margin-top: 5px;
list-style: none;
}
li.ibullet {
background-image: url("../images/ibullet.png");
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom:0px;
margin-left: 20px;
margin-top: 0px;
list-style: none;
}
li.tick {
background-image: url("../images/tick.png");
background-repeat:no-repeat;
padding-left: 15px;
margin-bottom:0px;
margin-left: 35px;
list-style: none;
}
#bglistcont {
width: 500px;
height: 330px;
margin-top: 35px;
}
#bglistcont a img{
border: 0px;
outline: none;
float: left;
padding-right: 10px;
margin-top: -25px;
padding-bottom: 35px;
}
ul#bglist1 {
width: 200px;
float: left;
list-style-type: none;
}
ul#bglist2 {
width: 200px;
float: right;
list-style-type: none;
}
div#wp {
width: 400px;
padding-bottom: 15px;
height: 70px;
}
div#wp img {
border: 0px;
}
div#wpleft {
float:left;
width: 100px;
}
div#wpright {
float: right;
width: 300px;
margin-top: 20px;
}
div#customers img {
padding: 10px;
border: 0px;
}
#container-1 div p a{
padding-right: 5px;
}
#exec_photo img {
border: 0px;
}
/*-----------------------------------------------
In the news -- #news_doc wrapped
-------------------------------------------------*/
#news_doc {
padding: 0;
margin: 0 0 0 20px;
width: 410px;
}
#news_doc div {
width: 100%;
margin: 0 0 20px;
float: left;
}
#news_doc div.right_col {
width: 230px;
margin: 0 0 0 20px;
padding: 0;
float: left;
}
#news_doc p {
width: auto;
padding: 0 0 10px 0;
margin: 0;
}
#mainContent #news_doc h3 {
padding: 0;
width: auto;
margin: 0 0 10px;
}
#mainContent #news_doc > h3 {
margin: 0 0 10px;
}
#news_doc div.left_col {
width: 150px;
text-align: center;
float: left;
}
.left_col img {
display: block;
}
.left_col > img {
display: block;
width: auto;
height: auto;
}
#news_doc span {
width: 100%;
margin: 0;
display: block;
}
#bioBlock {
}
#bioBlock img {
float: left;
padding: 10px;
}
#bioBlock div {
float: right;
}
#thintable td {
border: 1px solid gray;
vertical-align: top;
padding: 5px;
}