﻿

.rightBodyContainer
{ 
    
    
    display:table;
    width:99%;
    margin-bottom:20px;
    _margin-left:0px;
    
    
    
 }

/*--------------------Web Apps Page--------------------------*/

.webAppHeader
{
    background: url(       "pics/headers/webAppHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left: -5px;
}

.webAppBttn
{
    float: left;
    width: 370px;
    height: 196px;
    margin: 10px 0 0 10px;
    background: url(pics/panel1.gif) no-repeat;
}
.webAppBttnBig
{  
    float: left;
    width: 350px;
    min-height:100px;
    _height:30px;
    margin: 10px 0 20px 10px;
    margin: 10px 0 20px 5px;
    background: url(pics/panel_top.gif) no-repeat top;
    
   
}

.webAppBttnBig2
{
    float: left;
    width: 370px;
    height: 320px;
    margin: 10px 0 10px 10px;
    background: url(pics/panel3.gif) no-repeat;
}
.buttonHeader
{
    margin: 8px 0 0 5px;
    font-size: 14px;
    text-align:center;
    color:Blue;
    font-family:"copperplate gothic light", "Times New Roman", atial;
}
.buttonBody
{
    margin: 15px 0 0 0px;
    _margin: 5px 0 0 0px;
    width: 100%;
    background: url(pics/panel_body.gif) repeat-Y;
    overflow: hidden;
    font-size: 11px;
}

.buttonBody span
{
 display:block;
 height:30px;
 
 text-align:center;color:Blue;
 font-weight:bold;
 
 }
.panelFooter
{
    background: url(pics/panel_bottom.gif) no-repeat;
    height:22px;
    width:350px;
    
 }
.buttonUl
{
    margin:10px 0 0  40px;
    list-style-type: disc;
}
.WebAppDesignMenu1
{
    display: block;
    margin-left: 515px;
    margin-top: -14px;
    font-size: 12px;
    font-weight: bold;
}
.WebAppDesignMenu1 a
{
    color: Navy;
    text-decoration: none;
}
.WebAppDesignMenu1 a:hover
{
    color: White;
}
.subPageHeadText
{
    margin:10px 0 0px 10px;
    text-align:justify;
    width:350px;
    
    font-size:13px;
}

.panelContainer

{   display:table;
    float:left;
    width:360px;   
    margin:0 0 0 20px;
    _margin:0 0 0 7px;
    
    
    
}

.rightPageContainer
{
    
    float:right;
    width:210px;
    min-height:100px;
    _height:100px;
    margin:0 15px 0px 0px;
    _margin:0 7px 0px 0px;
    
    
}

.rightPageHeader1
{
    background: url(pics/subPageHeaderRight.gif) no-repeat top;
    height:30px;
    width:100%;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;  
    
 }
 .rightPageHeader1Big
{
    background: url(pics/subPageHeaderRightBig.gif) no-repeat top;
    height:50px;
    width:100%;
    border-left:1px solid #999999;
    border-right:1px solid #999999;    
    
 }
 .rightPageHeader1Text
 {  display:block;
    text-align:center;
    padding:8px 0 0 0px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold; 
    color:Black;
  }
  .rightPageHeader1TextBig
  {
    width:150px;
    margin-left:30px
  }
.subPageHeaderRightBody
{
background:url(pics/subPageHeaderRightBody.gif) repeat-y;
min-height:100px;
_height:30px;
width:210px;
margin-right:-2px;
border-left:1px solid #999999;
border-right:1px solid #999999;  

    
}
.subPageHeaderRightBodyFooter
{
 height:5px;
 
 width:210px;
 background:url(pics/rightFooter.gif) no-repeat;
 _background:url(pics/rightFooter.gif) ;
 border:1px solid #999999;   
}
.rightUl
{
    list-style-type:disc;
    color:Blue;
    font-size:11px;
    margin-left:30px;
 }
 
 .rightImg
 {
    margin:10px 0 0 20px; 
    border:none;  
 }
 
.btnMoreInfo1
 {
    display:block;  
    width:301px;
    height:34px;
    margin:-50px 0px 20px 50px;
    border:none;
    
 }
 
 
 
 
 /*----------------------*/
 
 .hsrrpHeader
{
    background: url(     "pics/headers/hsrrpHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
.fsrrHeader
{
    background: url(     "pics/headers/fsrrHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
.mqqrfrHeader
{
    background: url(     "pics/headers/mqqrfrHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
.ccsrrHeader
{
    background: url(     "pics/headers/ccsrrHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
.rmlcHeader
{
    background: url(     "pics/headers/rmlcHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
.superGuideHeader
{
    background: url(     "pics/headers/superGuideHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
.customReportHeader
{
    background: url(     "pics/headers/customReportHeader.gif" ) no-repeat;
    width: 100%;
    height: 30px;
    _margin-left:-5px; /* ie only */
    
}
/*--------------------*/
.requestDemo 
{
   float:left; 
   margin:20px 0px 20px 50px;
   _margin:10px 0px 20px 25px;
   height:34px;
   width:301px;
   
}

.requestDemo a
{
   background:none;    
}

.requestDemo a:hover
{
   background:none;    
}