/*--------------------------Let's start with text, links and HTML-------------------------*/

html,body{
margin:0;
padding:0;
background:#ededed url(../images/bg.gif) repeat-x fixed;
text-align:center;
}

.removeDefault
{
 margin: 0px;
 padding: 0px;   
}

a:link{
color:#2a3d54;
text-decoration:none;
}

a:visited{
color:#2a3d54;
text-decoration:none;
}

a:hover{
color:#CCCCCC;
text-decoration:none;
}

a:active{
color:#2a3d54;
text-decoration:none;
}

h1{
font:bold 12px verdana;
width: 350px;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#000450;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
}

h2{
font:bold 12px verdana;
width: 250px;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#000450;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
}

h3{
font: bold 11px Verdana;
margin:0;
color:black;
padding:0; 
text-decoration:underline;

}

h4{
font: bold 14px Verdana;
margin:0;
color:#646464;
padding:0;
float:left;
margin-top:90px;
margin-left:30px;
}

* html h4{
margin-left:20px;
}

h5
{
	margin-bottom:5px;
	font:bold 11px Verdana;
	
}


.style1{
float:left;
font:11px Verdana;

margin:0;
padding:0;
margin-left:30px;
margin-right:10px;
}

.style2{
padding:20px;
font:10px Verdana;
}

#footer a{
color:#a0d500;
}

#footer a:hover{
color:#CCCCCC;
}

/*--------------------------End-------------------------*/

/*--------------------------start Image styles-------------------------*/



/*--------------------------End-------------------------*/

/*--------------------------Start divs-------------------------*/


#container_main
{
 width: 820px;
 position: relative;
 margin-left: auto;
 margin-right: auto; 
}

#container_trans
{
width: 820px;
background-image: url(../images/trans.png);
background-repeat: repeat-y;
position: absolute;
margin-left: auto;
margin-right: auto;
}

#container_content{
width:800px;
text-align:left;
margin: 0 auto auto auto;
}

#top{
width:800px;
height:70px;
background:url(../images/demo_top.jpg);
/*background-color:#000450;*/
content:"Middle Office Solutions";
border-bottom:2px solid #FFFFFF;
}

#menu{
width:800px;
background:url(../images/navbg.gif) repeat-x;
height:30px;
border-bottom:1px solid #c8d6e6;
}

#flashcontent
{
z-index: 0;
width:376px;
height:283px;
background:url(../images/dfg.gif) repeat-x;
float:left;
border-bottom:1px solid #c8e0ff;
position:relative;
}

#banner{
background:url(../images/home.jpg);
float:left;
width:424px;
height:283px;
border-bottom:1px solid #c8e0ff;
}
#banner2,#solutionsbanner,#contactbanner,#careerbanner,#managementbanner, #newsbanner, #advisorybanner{
background:url(../images/solutions2.jpg);
width:800px;
float:left;
height:200px;
border-bottom:1px solid #c8e0ff;
}
#solutionsbanner
{
    background:url(../images/solutions2.jpg);
}
#contactbanner
{
    background:url(../images/contact.jpg);
}
#careerbanner
{
    background:url(../images/career.jpg);
}
#managementbanner
{
 background:url(../images/management.jpg);   
}
#newsbanner 
{
    background:url(../images/news.jpg);   
}
#advisorybanner 
{
     background:url(../images/board.jpg);    
}
#content{
width:800px;
min-height:300px;
background:#FAFCFF url(../images/contentbg.gif) repeat-x;
margin:0;
padding:0;
border-top:1px solid #FFFFFF;
float:left;
}


* html #content{
margin: 0px -10px 0px -10px;
}

#welcomecontainer{
width:420px;
height:100%;
float:left;
margin-left:10px;
padding:0;
border-right:1px solid #dedede;
margin-top:10px;
margin-bottom:10px;
}

#singlecontainer
{
width:780px;
height:100%;
float:left;
margin-left:10px;
padding:0;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}
#singlecontainer h1
{
font:bold 18px verdana;
width: 450px;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#000450;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
}
#singleheader
{
padding-bottom:8px;
}

#singleheader h1
{
	font:bold 18px verdana;
width: 450px;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#000450;
margin-bottom:0px;
margin-left:20px;
margin-top:10px;
}


.welcome{
width:420px;
height:100%;
float:left;
margin:0;
padding:0;
}

.news{
width:340px;
height:100%;
float:left;
margin-left:10px;
padding:0;
margin:0;
margin-top:10px;
}

* html .news{
width:320px;
}

#footer{
width:800px;
height:80px;
background:#000450;
font:10px Verdana;
color:#FFFFFF;
padding:0;
float:left;
margin:0;
text-align:center;
}

/*--------------------------End-------------------------*/

/*--------------------------Start menu css-------------------------*/
/*
#menu ul{
list-style-type:none;
margin:0;
font:bold 10px Verdana;
text-decoration:none;
float:left;
padding:8px;
width:760px;
}

#menu li{
display:inline;
}

#menu li a{
color:#646464;
padding:8px;
}

#menu li a:hover{
background:url(../images/navover.gif) repeat-x;
}
*/
.people
{

margin-left:40px;
	margin-right:40px;
	
	margin-bottom:20px;
}

.people ul
{
	 list-style-type:none;
	 margin:0;
	
}
.people ul li
{
	margin-top:5px;
	margin-bottom:5px;
}
.people ul li p
{
	margin-top:0px;
	font:11px verdana;
}
.info
{
	
	font:11px verdana;
	margin-bottom:10px;
}
#singlecontent
{
	margin-left:40px;
	margin-right:40px;
	margin-top:20px;
	margin-bottom:20px;
}
.headeranimation
{
	
	font: bold 14px Verdana;
color:#646464;
	
}
.newspointers
{
   list-style-image: url(../images/bullet.gif);
   margin-left:30px;
}
.pointers
{
    list-style-image: url(../images/bullet.gif);
    margin-right:20px;
    margin-left:45px;
    
}
.pointers li,.newspointers li
{
    font:11px Verdana;
    margin-bottom:10px;
}
.pointers a
{
   margin-right:20px;
   font-weight:bold;
   color:Black;
    text-decoration:underline;
}
.pointers span:first-child
{
   margin-right:20px;
   font-weight:bold;
}
.pointers ul
{
    list-style-image:none;
    padding-left:20px;
    list-style-position:outside;
    
}
.pointers ul li
{
    font:11px verdana;
    list-style-type: none;
    margin-top:5px;
    font-weight:bolder;
}
.parentcorners
{
    background-color:#c8d6e6; 
    margin-left:15px; 
    margin-right:15px;
    margin-bottom:20px;
}
.childcorners
{
    background-color:white; 
    padding-bottom:5px;
    padding-top:10px;
}

/*suckerfish*/
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  
  z-index: 100;
  position: relative;
  font:bold 10px Verdana;
}
.nav li {
  float:  left;
  margin:  0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
color:#646464;
padding:8px;
  display: block;
}

.nav li a:hover {
background:url(../images/navover.gif) repeat-x;

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
background:url(../images/navover.gif) repeat-x;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background:url(../images/navbg.gif) repeat-x;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
background:url(../images/navover.gif) repeat-x;
}

.nav ul {
  
  border-bottom: 1px solid #999;
  list-style: none;
  margin: 0;
  width: 125px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
  background:url(../images/navbg.gif) repeat-x;

}
.nav ul a {
  border: 1px solid #CCC;
  border-bottom: 0;
  padding-right: 20px;
  width: 107px;
  white-space: nowrap;
}
.nav ul a:hover {
background:url(../images/navover.gif) repeat-x;
}

/*--------------------------NewsFeed css-------------------------*/
.newsTitle 
{   
font:bold 13px verdana;
color:#000450;
margin-left:10px;
margin-top:5px;
margin-bottom:15px;
}

.newsDescription 
{
margin-left: 10px; 
margin-right: 10px;
}

.outerbox 
{
padding: 1px;
background-color: #CCCCCC;
}

.box 
{   
padding-top: 5px;
background-color: #FAFCFF;
}

.pubdate 
{   
font-size: smaller;
color: #555555;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
}

.nicebox 
{
 width: 700px;
 height: auto;
 background-color: #FAFAFA;
 border: 1px solid #CCC; 
}

/*--------------------------NewsAdmin-------------------------*/

.lblTest 
{
color: Navy;
}

#newslogin 
{
margin-top: 10px;
margin-bottom: 5px;
float:right;  
}

/*--------------------------FSLogin-------------------------*/

#fs_login 
{
margin: 20px;   
}

.login 
{
  margin: 30px 0px 0px 20px;  
}
 


#fs_people 
{
width: 800px;
padding-left: 6px;
position:relative;
bottom: 20px;
}
.person
{
display:  inline-block;
 border:1px solid #FFF;
 background-color: #000450;
 color: #FFF;   
 width: 260px;
 height: 25px; 
 text-align: center;
}

.ppl_hover, #fs_people .person:hover
{
  cursor: pointer;
  background-color: #2A30A8;
}




.modalBackground 
{
   	background-color:#000;
	filter:alpha(opacity=50);
	opacity:0.5;  
}


.fs_login 
{
 text-align: left;
 margin: 5px 0 0 5px;
 background:#FAFCFF url(../images/contentbg.gif) repeat-x;
 width: 400px;
 height: 230px; 
 border: 3px solid #000066;
}

#pnlHeader 
{
    
 text-align: center;
 width: 380px;
 height: 15px;
 padding: 10px;   
 font-size: 15px;
 background-color: #666699;
 color: #FFF;
 font-weight:bold;
}

#login_ctrls 
{
 width: 360px;
 height: 155px;
 padding: 10px 20px 20px 20px;   
}

#login_ctrls td 
{
 vertical-align: top;   
}

#brochure 
{
font-weight: bold;
float: right;
text-align: right;
width: 180px;
}

#linkFix img 
{
 border: 0; 
}
/*--------------NEW Failstation.aspx TABLE DESIGN----------------*/

.templateTable 
{
    font:11px Verdana;   
    margin-bottom: 20px;
}

.templateTable .firstChild
{
   width: 170px;
   padding-left: 20px;
   font-weight:bold;
   color:Black;
   vertical-align: top;
}

.templateTable .secondChild
{
   padding-right: 20px;
   color:Black;
   vertical-align: top;
}

.templateTable .firstChild a
{
   text-decoration: underline;
   color: Black;
}

.templateTable td 
{
 padding-bottom: 5px;   
}

/*----------------------------------------------*/
/*--------------------------Contact-------------------------*/
.mailform {border: 1px solid #DFEFFC; padding:0; margin:0;}
.mailform input 
{
 width: 100px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #102132; 
 border: 1px solid #284279; 
}

#headquarters 
{
    border:solid 1px #d6e7f7; 
    padding:5px 5px 5px 10px; 
    margin:0px;
    width:410px;
}

.mailform textarea 
{
 width: 100px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: White; 
 color: #102132; 
 border: 1px solid #284279; 
 overflow: auto;
}

.mailform .send_btn
{
outline: 0;
text-decoration: none;
display: block;
color: #224059;
background-color: #b5c9e2;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}

.mailform .send_btn:hover
{
outline: 0;
background-color: #99aabf;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;
}

.request{width: 400px; padding:0px; margin: 0px;}
.request li{display:inline-block;}
.popfooter{font-size: 12px;margin-top:10px;}