p
{
	line-height: 120%;
}

p small, li small
{
    color: #09F;
	font-size: 100%;
}
	
.hidden
{
	display : none;
}

body 
{
    font-family:verdana;
    font-size:11px;
    text-align:center;
    margin:0px;
    padding:0px;
    padding-top:20px;
    
    
    /*background: url(images/bg_blue_sym2.jpg) center #15508C;*/
    /*background: url(images/bg_blue_orig.jpg) no-repeat center #058;*/
    background: url(images/bgblue4.jpg) no-repeat center #058;
    
    
}

.page
{
    position:relative;
    width:762px;    
    background-color:White;
}

.main-container
{
    text-align:left;
    padding:15px;
    width:732px;
    height:550px;    
    background-color:White;   
}

.new-header-image
{    
    height:116px;
    width:730px;
    /*background:url(images/default_head.jpg) no-repeat white;*/
    margin-bottom:20px;
    #margin-bottom:0px;
    text-align:right;
    float:left;    
    overflow:hidden;
}

.navigation
{
    float:left;
    height:380px;
    width:170px;
    text-align:right;
    font-size:12px;
    line-height:21px;
    color:#555;    
    font-family:Arial;
}   

.menu-expand, .menu-contract
{
    height:11px;
    width:11px;
    background:url(images/plus.gif) no-repeat;  
    cursor:pointer;
    margin-top:5px;
}

.menu-contract
{
    background:url(images/minus.gif) no-repeat;  
}

.navigation a, .navigation a:hover
{
    color:#555;
    text-decoration:none;
}   

.navigation a:hover
{
    text-decoration:underline;
}   


.padding-right
{
    padding-right:10px;
}

.NavOff, .NavOn, .NavSelected
{
    cursor:pointer;
    width:154px;
    height:21px;
    background:url(images/NavOff.gif) repeat-y;    
    border-bottom:1px solid #DCDDDF;
    margin-left:14px;
    #margin-left:0px;
}

.NavOn
{
    background:url(images/NavOn.gif) repeat-y;    
    background:url(images/nav3d.jpg) no-repeat left;
}

.NavSelected
{
    background:url(images/NavClicked.gif) repeat-y;      
    background:url(images/nav3d.jpg) no-repeat left;
}

.childNav
{    
    line-height:14px;
    font-style:italic;  
	color: #86A2B0;
	padding:2px;
	padding-right: 9px;
	#padding-right: 8px;
	border-bottom: 1px solid #DCDDDF;	
	width:145px;
	background: url(images/NavOff.gif) repeat-y;   
	margin-left:12px;
	    
}

.childNav a
{    
    font-style:italic;  
	color: #86A2B0;
}

.childNav a:hover
{    
    text-decoration:underline;
}

.submenu-item, .submenu-item-last, .submenu-item-hover, .submenu-item-last-hover 
{
    border-bottom:1px dotted #DCDDDF;
    cursor:pointer;
    line-height:15px;
}



.submenu-item-last-hover
{
    border:0px solid white;    
}

.submenu-item-hover, .submenu-item-last-hover
{
    color:black;
    background: url(images/NavOn.gif) repeat-y;
    ackground: url(images/nav3d.jpg) no-repeat left;
}

.submenu-item-last
{
    border:0px solid white;
}

.submenu-item a:hover
{
    text-decoration:none;
    /*delete to turn back on underlined selected sub menu items! */
}


.client-login
{
    background:url(images/NavOff.gif) repeat-y;
    height:80px;
    width:160px;
}

input
{
    border:1px solid #91DBF8;
    background-color:white;
}

.select-site
{
    width:155px;    
    background-color:#C7EAFD;
}
 
.oContent-container
{
    height:414px;
    margin-left: 180px;    
}

.page-title
{
    color:#00ADEF;
    font-size:29px;    
    padding:10px;    
}     

.line-top
{
    height:6px;
}
.left-column
{
    float:left;
    width:240px;    
    padding-left:12px;    
    height:350px;    
}

.grey-bold-right
{
    color:#85A1AC;
    font-weight:bold;
    text-align:right;
    font-size:15px;    
}


.right-column
{
    width:275px;    
    float:right;                
    text-align:left;
}    

.full-screen-scroll
{
    padding-left:10px;
    width:550px;
    float:left;
    color:#211F20;
    font-size:10px;
}    

.spacer
{
    height:5px;
}

.bullets
{
    color:#274585;
    font-style:italic;
    line-height:20px;
}

.default-content
{
    float:right;
    background:url(images/crane.jpg) no-repeat;
    width:548px;
    height:382px;
  
    margin-left:14px;
    
}

    
.footer-container
{
    overflow:hidden;
}

.thin-bottom-line
{
    background-color:#1CC2F4;
    height:6px;
}

.thicker-blue-line
{
    background-color:#00529B;    
    padding:15px;
    height:25px;    
}

.small-footer-font, .small-footer-font a
{
    line-height:14px;
    float:left;
    color:white;
    text-align:left;
    text-decoration:none;
}

.small-footer-font a:hover
{
    text-decoration:underline;
}


.large-footer-font
{
    float:right;
    color:white;
    font-size:26px;
    font-style:italic;       
    font-family:Lucida Console;
}

div.main-container-navigation
{
    width:1024px;
    height:17px;
    background:url(images/title_bar.gif) repeat-x;
}

div.navigation-options
{      
    width:650px;
    padding:2px 0px 0px 0px;
}

div.navigation-link
{
    float:left;
    padding:0px 10px 0px 10px;
}

div.main-container-content
{
    background:url(images/mainbg.jpg) no-repeat #dddddd;
    width:1024px;    
}

div.divider
{
    height:35px;
}

div.content-box
{
    width:800px;
    border:1px solid #bab3a1;
    margin:0 auto;
    background-color:#bbbbbb;
}

div.title-bar
{
    height:18px;
    background:url(images/title_bar.gif) repeat-x;
    padding:1px 0px 0px 5px;
}

div.main-container-footer
{
    height:17px;
    width:1024px;
    background-color:#b7b19f;
    padding:2px 0px 0px 0px;
}

a.links
{
    font-family:Arial;
    font-size:11px;
    color:#544829;
    text-decoration:none;
    font-weight:bold;
}

div.DMSContent
{
    padding:5px;
}


.scroll
{
	float:left;
	color:blue;
	font-weight:bold;	
}



.main-title
{
    font-weight:bold;
    font-size:18px;
    color:#00a;     
}

.form-container
{          
    float:left;  
    width:535px;
    text-align:left;
    /*border:1px solid #477acc;        */
    /*border-bottom:3px solid #477acc;            */
}

.group-container
{    
    margin:0px 0px 0px 0px;    
    /*background-color:#e5f0fa;*/
    clear:both;
    border:0px solid red;
    padding-bottom:5px;    
}

.group-title
{       
    margin-bottom:5px;       
    /*width:695px; */
    padding-left:5px;
    background-color:White;                
    color:#477acc;
    font-weight:bold;
    /*border-bottom:1px solid #93bfeb;
    border-top:1px solid #93bfeb;*/
    font-size:14px;
    
}

.left-cell
{
    float:left;
    width:270px;    
    border:0px solid green;
    margin-left:0px;
    margin-bottom:1px;
}

.right-cell
{        
    margin-left:270px;
    width:260px;    
    border:0px solid blue;
    
}

.both-cols
{    
    /*width:690px;*/        
    border:0px solid green;
}   


.ValidationSummaryDiv
{
    margin-bottom:10px;
    width:520px;
    .width:522px;
    _width:530px;    
    background-color:#ffdddd;    
    color:Red; 
    border:1px solid red;        
    float:left;
    font-size:11px;
    overflow:auto;
    max-height:100px;
    _overflow-x: auto;
    
}

.ValidationSummaryDiv ul
{
    margin: 12px;		    
    margin-left:0px;
    #margin-left:40px;
}

.spacer-div
{
    margin:2px;  
    clear:both;
}

.submit-button-border
{           
    float:right;
    margin:5px;
    margin-right:5px;
    _margin-right:0px;
}   


.submit-button input
{        
    border:0px solid white;
    padding:2px;
    margin-right:8px;
    padding-right:10px;
    text-align:right;
    width:131px;
    background:url(images/NavOff.gif) right repeat-y;    
}   

.submit-button input:hover
{
    text-decoration:underline;
    background:url(images/NavOn.gif) right repeat-y;    
    background:url(images/nav3d.jpg) no-repeat left;
    cursor:pointer;
}

.reset-button input
{
    /*float:left;
    margin:5px;    
    background-color:white;
    color:#477acc;
    font-weight:bold; */
    
    float:left;    
    border:0px solid white;
    padding:2px;
    margin:5px;
    padding-right:10px;
    text-align:right;
    width:131px;
    background:url(images/NavOff.gif) right repeat-y;    
    margin-left:250px;
}   

.reset-button input:hover
{
    text-decoration:underline;
    background:url(images/NavOn.gif) right repeat-y;  
    background:url(images/nav3d.jpg) no-repeat left;  
    cursor:pointer;
}

.buttons
{
    width:100%;
    /*border-top:1px solid #477acc;
    background-color:#f7fafd;*/
    color:#477acc;    
    font-weight:bold;
}   


.general-input input
{    
    width:130px;
}   

select
{
    width:133px;
    #width:135px;
}

.general-input
{    
    margin-top:2px;
    #margin-top:0px;
}   

textarea
{  
    width:130px;
    max-height:40px;
    border:1px solid #91DBF8;    
}   

select
{  
 
}   
    
option
{   
      
}   

.right-spacer
{    
}


.thanks-container
{    
    margin:0px 0px 0px 0px;        
    width:530px;   
}

.thanks-title
{   
    margin-bottom:10px;       
    background-color:White;                
    color:#00ADEF;
    font-weight:bold;
}	

.thanks-text
{   
    
}	


.newscase-image
{
    padding-left:5px;
    float:left;
    margin-right:10px;    
    background:url(images/newsleft.gif) repeat-x bottom left #00B1F0;       
}

.newscase-title
{
    float:left;
    /*width:300px;*/
    font-size:12px;
    color:#00ADEF;
    font-weight:bold;
    margin-bottom:3px;
}

.newscase-intro
{
    float:left;
    /*height:80px;*/
    width:282px;		
}

.newscase-more
{
    color:#00ADEF;
    font-weight:bold;    
}

.Container
{
  width: 255px;
  height: 300px;  
}


#Scroller-1
{ 
  position: absolute; 
  overflow: hidden;  
  overflow-y: auto;
  width: 255px;
  height: 300px;  
}

#Scroller-1 p 
{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.Scroller-Container {
  position: absolute;
}
.scroll-buttons
{
    display:none;
    cursor:pointer;
    height:30px;
    width:20px;
    float:right;
    margin-right:10px;
}

.imp_diags
{
    float:left;
    display:none;
    position:relative; 
    height:100px;        
    border:1px solid #00ADEF; 
    height:210px;
    width:250px;
    top:-336px;
    left:-5px;
}

#imp_diag2 { background:url(images/imp_diag/imp_business.jpg) center no-repeat white; }
#imp_diag3 { background:url(images/imp_diag/imp_method.jpg) center no-repeat white;   }
#imp_diag4 { background:url(images/imp_diag/imp_support.jpg) center no-repeat white;  }
#imp_diag5 { background:url(images/imp_diag/imp_dev.jpg) center no-repeat white;      }
#imp_diag6 { background:url(images/imp_diag/imp_cust.jpg) center no-repeat white;     }

.arrows
{
    position:relative;
    top:210px;
    background:url(images/imp_diag/arrow.gif) center no-repeat;
    width:25px;
    height:14px;   
}

.arrow2 { left:7px;   }
.arrow3 { left:56px;  }
.arrow4 { left:112px; }
.arrow5 { left:153px; }
.arrow6 { left:191px; }

.con_diags
{
    float:left;
    display:none;
    position:relative; 
    height:100px;        
    border:1px solid #00ADEF; 
    height:210px;
    width:270px;
    top:-200px;
    left:255px;
    background-color:White;
    z-index:1;
}

#con_diag1  { background:url(images/con_diag/con_1.jpg) center no-repeat white; }
#con_diag2  { background:url(images/con_diag/con_2.jpg) center no-repeat white; }
#con_diag3  { background:url(images/con_diag/con_3.jpg) center no-repeat white; }
#con_diag4  { background:url(images/con_diag/con_4.jpg) center no-repeat white; }
#con_diag5  { background:url(images/con_diag/con_5.jpg) center no-repeat white; }
#con_diag6  { background:url(images/con_diag/con_6.jpg) center no-repeat white; }
#con_diag7  { background:url(images/con_diag/con_7.jpg) center no-repeat white; }
#con_diag8  { background:url(images/con_diag/con_8.jpg) center no-repeat white; }
#con_diag9  { background:url(images/con_diag/con_9.jpg) center no-repeat white; }
#con_diag10 { background:url(images/con_diag/con_10.jpg) center no-repeat white; }
#con_diag11 { background:url(images/con_diag/con_11.jpg) center no-repeat white; }
#con_diag12 { background:url(images/con_diag/con_12.jpg) center no-repeat white; }

.con-arrow
{
    position:relative;
    top:100px;
    left:-14px;
    #left:-142px;
    background:url(images/con_diag/arrow.gif) center no-repeat;
    width:14px;
    height:25px;   
}

/*
.con-arrow1  { left:7px;   }
.con-arrow2  { left:56px;  }
.con-arrow3  { left:112px; }
.con-arrow4  { left:153px; }
.con-arrow5  { left:191px; }
.con-arrow6  { left:220px; }
.con-arrow7  { left:240px; }
.con-arrow8  { left:260px; }
.con-arrow9  { left:280px; }
.con-arrow10 { left:290px; }
*/





.download-title, .download-title a
{    
    font-size:12px;
    color:#00ADEF;
    font-weight:bold;
    margin-bottom:5px;
    text-decoration:none;
}
.download-title a:hover
{
    text-decoration:underline;
}

.download-button
{
    padding:5px;
    background:url(images/NavOff.gif) repeat-y right;
    width:130px;    
    text-align:right;
    float:right;
    margin-right:16px;
    _margin-right:5px;
}

.download-button a
{
    text-decoration:none;
    color:black;    
}


.download-button:hover
{
    cursor:pointer;
    background:url(images/NavOn.gif) right repeat-y;
    background:url(images/nav3d.jpg) no-repeat left;
    text-decoration:underline;        
}

.download-button a:hover
{
    text-decoration:underline;        
}

.login-button, .login-button:hover 
{    
    border:0px solid white;
    padding:2px;
    padding-right:10px;
    text-align:right;
    width:150px;
    background:url(images/NavOff.gif) right repeat-y;
}

.login-button:hover
{    
    cursor:pointer;
    background:url(images/nav3d.jpg) no-repeat left;
    text-decoration:underline;
}

.login-button a:hover
{
    text-decoration:underline;
}


#centre
{
    position:relative;    
    width:131px;
    height:55px;
    top:-163px;
    #top:-165px;
    left:191px;    
}

.login-failed
{
    display:none;
    border:1px solid red;
    background-color:#FFDDDD;
    color:Red;
    padding:5px;
    margin-bottom:10px;
}

.faq-answer
{
    margin-left:10px;
    margin-top:40px;    
    height:162px;
    _height:135px;
    overflow:auto;
    border:0px solid red;
    width:526px;
    _width:533px;
}


.articles-image
{
    
}

.articles-title
{
    width:250px;
    font-size:12px;
    /*color:#00ADEF;*/
    font-weight:bold;
    margin-bottom:3px;
}

.articles-intro
{
    float:left;
    /*height:80px;*/
    width:250px;
}

.newscase-more
{
    color:#00ADEF;
    font-weight:bold;    
}