/* Required */


/* Using this class in an empty div will stop floating divs above floating outside of the container div */

.clearBoth {clear:both; }

* {position:relative;}

.bodybg { text-align:center; margin:0px; padding: 0px; height:100%; }
.bodybgsecure { text-align:center; margin:0px; padding: 0px; height:100%; background:url(../images/graphics/bgimage1.jpg) no-repeat; }


#services{position:relative; width: 569px; height: 581px; margin: 0px auto; font-family: 'Nobile', Arial; text-align:center;}

#maincircle{width: 178px; height: 133px; background: url(../images/graphics/servicesmain.gif) no-repeat; padding-top: 45px; z-index: 9; color: #fff; font-size: 15px; left: 195px; top: 203px; position:absolute;}
#arrows{width: 312px; height: 310px; background: url(../images/graphics/circlearrows1.gif) no-repeat; position: absolute; top:136px; left: 128px; z-index:8;}

.servicecircle {display:none;}

.circle {width: 127px; height: 129px; position:absolute; z-index:10;  display:none;}
    .circle a{background: url(../images/graphics/circles1.gif) top center no-repeat; width: 127px; height: 89px; padding-top:40px; color: #011f43; font-size:13px; display:block; font-weight:normal;}
    .circle a:hover{ background-position: bottom; color: #021429; font-weight: normal; text-decoration:none; }
        #circle1 {left: 219px; top: 9px;}
        #circle1 a{padding-top:30px; height: 99px; }
        
        #circle2 {left: 355px; top: 56px;}
        #circle2 a{padding-top:30px; height: 99px; }
        
        #circle3 {left: 430px; top: 182px;}
        #circle3 a{padding-top:30px; height: 99px; }
        
        #circle4 {left: 411px; top: 328px;}
        #circle4 a{padding-top:50px; height: 79px; }
        
        #circle5 {left: 295px; top: 424px;}
        #circle5 a{ }
        
        #circle7 {left: 145px; top: 424px;}
        #circle7 a{ }
        
        #circle8 {left: 31px; top: 328px;}
        #circle8 a{padding-top:25px; height: 104px; }
        
        #circle9 {left: 12px; top: 182px;}
        #circle9 a{ }
        
        #circle10 {left: 85px; top: 56px;}
        #circle10 a{padding-top:30px; height: 99px; }
    
       .hoverbox {background: #fff; border: 1px solid #e5e5e5; padding: 8px; width: 220px; font-size:11px; font-family: Arial;
                  -moz-border-radius:6px; 	-webkit-border-radius:6px;	border-radius:6px; position:absolute; display:none;
                  } 
            
            #hover10 {left: -130px; top: 30px;}
        
        
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
	display:none;
	
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

#master { width: 100%; text-align:left; z-index: 2;}

#headDiv { width:100%; height:139px; background: #fff;  position:relative; z-index:10; text-align:left;}

#logo { width:455px; height:85px; background: url(../images/graphics/logo.png) no-repeat; float:left; }
#logofin { width:455px; height:85px; background: url(../images/graphics/logo_fin.png) no-repeat; float:left; }

                #logo h1, #logofin h1 { font-size: 10px; margin:0px }
                /* match height and width in logo and logo a */
                #logo a, #logofin a { width:455px; height:85px; display:block; text-indent:-10000px; }

  #clientlogin{float:right; height: 49px; width: 159px; margin: 20px 10px 0px 0px;}
        #clientlogin a{background: url(../images/graphics/clientlogin.png) no-repeat; height: 49px; width: 159px; display:block; filter: alpha(opacity=100); opacity: 1;}
    
      #search{width: 160px; vertical-align: middle; float:right; margin: 25px 10px 0px 0px;}
        #search form{padding:0px; margin:0px;}
        #search #input {float:left; margin-top:10px;}
        #search #searchgo {float:right; padding-top:2px;}  
    
#navDiv { width:100%; height:46px; background: #011f43; margin-top:5px; z-index: 300 !important; }
    
    #home{float:left; width:47px; height: 46px; }
        #home a{background: url(../images/graphics/home.png) no-repeat; height: 46px; width: 47px; display:block; filter: alpha(opacity=100); opacity: 1;}
    
    #menu{z-index: 1000 !important; float:left; }
    
    #finlogo{float:right; width: 378px; height: 44px;  } 
        #finlogo a{background: url(../images/graphics/button_financial.png) no-repeat; margin: 1px 0px; height: 44px; width: 378px; display:block; filter: alpha(opacity=100); opacity: 1;}
    
    #erylogo{float:right; width: 378px; height: 44px;  } 
        #erylogo a{background: url(../images/graphics/button_ery.png) no-repeat; margin: 1px 0px; height: 44px; width: 378px; display:block; filter: alpha(opacity=100); opacity: 1;}
        
.blueline { width:100%; height:3px; background: #9cd0f5; }

.condiv {width:990px;  z-index:5 !important; margin: 60px 0px 60px 0px; text-align:left;  display:none;   position:relative;}

.condivsecure {width:990px; margin: 60px 0px 60px 0px; text-align:left;}
    #conPad {padding: 20px 40px;}

/* Make sure the with of conLeft and conRight always = the width of master */

#conLeft { width:640px; float:left; background:#fff; min-height: 616px; }

#conLeftinner { width:990px; float:left; background:#fff; min-height: 450px; margin-bottom: 60px; }

#conRight { width:350px; float:right; }
        
        #right1{width: 100%; min-height: 308px;  filter: alpha(opacity=90); opacity: 0.9; }
         #right2{width: 100%; min-height: 308px;  filter: alpha(opacity=90); opacity: 0.9; }
        
        #newsevents{float:left; width: 51px; height: 308px; }
            #newsevents a{background: url(../images/graphics/panel_news.png) top no-repeat; width: 51px; height: 308px; display:block;}
        
        #businessnews{float:left; width: 51px; height: 308px; }
            #businessnews a{background: url(../images/graphics/panel_businessnews.png) top no-repeat; width: 51px; height: 308px; display:block;}
            
             .active {
	                background-position: bottom !important;
                 }
            
            
        #rightcontent1{float:right; width:299px; height: 308px; overflow: auto; display:none; background: #fff; }
         #rightcontent2{float:right; width:299px; height: 308px; overflow: auto; display:none; background: #fff; }
        
             .rightheading {background: #e3e3e3; filter: alpha(opacity=100) !important; opacity: 1 !important; height: 45px; width: 299px;}
                .rightheading h3{margin:0px; padding: 15px 0px 0px 20px; color: #011f43;}
                .rightpad{padding:15px;}
                
#footer{ height: 50px; background: #011f43; z-index: 60; width: 100%; margin-top:51px;  position:fixed;
    bottom:0;
    right:0;}

#calogo{width: 94px; height: 50px; background: url(../images/graphics/calogo.png) no-repeat; float:left;}

#poweredby { line-height:30px; text-align:left;  font-size: 11px; color: #aeb3be; padding:7px 0px 0px 15px; float:left;}
   #poweredby a{ color: #aeb3be; font-size: 11px; }
   #poweredby a:hover{ color: #fff; font-size: 11px; text-decoration: underline;}

#socialmedia {float:right; height: 50px; width: 260px; }
    #linkedin{float:left; height: 49px; width: 116px; margin: 0px 0px 0px 0px;}
        #linkedin a{background: url(../images/graphics/button_linkedin.png) no-repeat; height: 49px; width: 116px; display:block; filter: alpha(opacity=100); opacity: 1;}
    
    #facebook{float:left; height: 49px; width: 116px; margin: 0px 0px 0px 0px;}
        #facebook a{background: url(../images/graphics/button_facebook.png) no-repeat; height: 49px; width: 116px; display:block; filter: alpha(opacity=100); opacity: 1;}
            
            #facebook a:hover, #linkedin a:hover, #clientlogin a:hover, #finlogo a:hover, #home a:hover, #erylogo a:hover{filter: alpha(opacity=80); opacity: 0.8;}
            
.pad{padding: 8px;} 


#saasuintro{width: 680px;}
.saasuimg{width: 680px;}
   

/* generic styles */


a img{border: 0px;}

hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid;}

input,textarea, select{  background: #fff; border: 1px solid #4c5665; }

input:hover,textarea:hover, select:hover{ background: #f3f3f3; border: 1px solid #666; }


/* Start Form Validation Styles*/
.validation_failed {
  border: 1px solid red;
}
.error_msg {
  color:red;
}
/* End  Form Validation Styles */

            
/************************ Extra styles - remove those not in use ****************************/


    
   
   
    /* thin subscriber */
              
              
    .newssubscribe{padding:0px;}
   
    form#fmNewsSubscribeThin table td input {width:100px;}
    form#fmNewsSubscribeThin{padding:0px; margin:0px;}
    form#fmNewsSubscribeThin table.newssubscribe .formlabel {font-size:12px; color: #fff; width: 51px; text-align: left;}

    form#fmNewsSubscribeThin table.newssubscribe input#firstname {font-size:11px; background: #fff;}

    form#fmNewsSubscribeThin table.newssubscribe input#email {font-size:11px; background: #fff;}

    form#fmNewsSubscribeThin table.newssubscribe .essential {display:none;}

    form#fmNewsSubscribeThin table td input#subscribe {font-size:12px; width:80px; }


    /* RSS feeds */

.gfc-title{display:none !important;}
    .rssHeader{font-size: 1px; display:none;  }
    .rssList{ margin:0px; padding:5px 10px 5px 10px; }
    .rssItem{ list-style-type:none; border-bottom:1px solid #e3e3e3; margin:0px; }
    .rssItem a{}

/************************ Extra styles end ****************************/