/************************************************* 
**  Include for "success stories" look
**		Shared		
**		Blue quadrant box
**		Story list
**		Story detail
**
**************************************************/
span.user_info{
    color:#3C659D;
    font-weight:bold;
    text-transform:uppercase;
}

h2{
	font-size:25px;
	font-weight:normal;
}
/************************************************* 
**  Quadrant box
**
**************************************************/
  div.shiftStory{
    top:-12px;
  }
  
  p.btn_view_all{
    margin:0;
    padding:0;
	text-align:center;        		
  }      
  
  div#stories{
      padding:15px 0 18px 15px;
      width:601px;	  
  }   
  
	  body#whyJoin div#stories{
	      background-color:#F1F7FD;
	      background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/topaz/header/bg_whyJoinSuccessTop.gif);
	      background-position:0 -4px;
	      background-repeat:no-repeat;
	      padding:12px 20px 15px;
	      width:491px;
	  }        
                    
      div#stories div.storyContainer{
        color:#333;
		float:left;
		font-size:15px;
		line-height:19px;
		position:relative;
      }
	  
	  	      div#stories div.storyContainer em{
	  	      	color:#369;
				font-style:normal;
				font-weight:bold;
			  }
      
      div#stories div.sc_left{
        margin-top:12px;
        padding:0 29px 50px 0;
        width:265px;
      }
      
      body#whyJoin div#stories div.sc_left{
          margin-top:32px;
          padding:0 23px 0 0;
          width:220px;
      }
      
      div#stories div.sc_btLeft{
        border-top:1px solid #CCC;
        padding:20px 29px 34px 0;
        width:265px;
      }
      
      div#stories div.sc_right{
        border-left:1px solid #CCC;       
        margin-top:12px;
        padding:0 0 50px 29px;
        width:265px;
      }    
      
      body#whyJoin div#stories div.sc_right{
          margin-top:32px;
          padding:0 0 0 22px;
          width:220px;
      } 
      
      div#stories div.sc_btRight{
        border-left:1px solid #CCC;       
        border-top:1px solid #CCC;
        padding:20px 0 34px 29px;
        width:265px;
      }           
      
      div#stories div.story{
        font-family:arial, helvetica, sans-serif;
        font-size:15px;
        letter-spacing:.02em;
		line-height:18px;
        margin:0;
        padding:0;
        position:relative;                       
      }

          div.story strong, div.story strong em{
            color:#3C659D;
            font-style:normal;
            letter-spacing:.02em;		
          }
          
	  div#stories div.btm_stories{
	  	 position:relative;
		 top:-36px;
		 top/**/:-18px;
		 z-index:2;
	  }


  div.storyFooter{
  	display:block;
	font-size:11px;
	height:1%;
	line-height:14px;
	position:relative;
	top:10px;
	width:100%;
  }
  
      div.storyFooter a.readMore{
        bottom /**/:0;
        color:#03c;
        font-size:11px;     
        position:absolute;
		right:0px;
        text-decoration:underline;
		top:14px;
        z-index:1;
      }
  
      div.storyFooter span.signature{
		left:0;
        position:relative;
		top:0;
      }
  
  div#stories div.sc_btLeft div.storyFooter, div#stories div.sc_btRight div.storyFooter{
  	margin-top:12px;
  }

/************************************************* 
**  Story detail
**
**************************************************/
    div#rightColumn div.story_byLine{
		background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_successBlueGradientRoundedTop.gif);
		font-size:14px;
		padding:14px 16px 6px;
	}	
               
        div.story_byLine table{
            margin-top:4px;
        }
		
		div.story_byLine td{
			color:#777;
			padding-right:8px;
		}
    
    	div.story_byLine span.title{
    		font-family:arial, sans-serif;;			
    		font-size:20px;
    		line-height:24px;
    		font-weight:bold;
    		color:#036;
    	}
    
    div#rightColumn div#storyBody{
		background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_successBorder.gif);
        background-repeat:repeat-y;
		font-family:arial;
		font-size:14px;	
		line-height:18px;
		padding:10px 20px 0;			        
    }        
    
    	div#rightColumn div#storyBody div.story_content{
            border-top:1px solid #CCC; 
            left:-17px; 
            padding:0 18px 20px; 
            position:relative;
            width:580px; 
    	}
        
        	div#rightColumn div#storyBody div.story_content div.ie_firstChild{
        		color:#666;
        	    margin-top:-14px;    
            }        
        
        	div#rightColumn div#storyBody div.story_content p{
        	    line-height:20px;
                margin-top:28px;
            }
               
        	
    	    div#rightColumn div#storyBody div.story_content p.story_button{
                margin-bottom:0;
                text-align:center;   
            }  
            
        div#rightColumn div.storyBody_footer{
            background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_successRoundedBtm.gif);
            background-position:bottom;
            background-repeat:no-repeat;
            height:9px;
            left:1px;
            position:relative;
            width:680px;
        }      
           
    div#rightColumn div#storyBody div.story_footer{
		height:14px;
        width:477px;
		padding:8px 18px;
		border:1px solid #DBDBD9;
		background-color:#EDEEF2;
		position:relative; left:2px; left /**/:0px;
		z-index:1;
	}
	div#rightColumn div#storyBody div.story_footer a{			
		font-size:11px;
		color:#03c;
		text-decoration:underline;					
	}	
  
/************************************************* 
**  Multi-story list
**
**************************************************/
    div#rightColumn div.story_list_info{
        font-size:11px;
        height:45px;
        position:relative;
        width:622px;
    }

    div#rightColumn div.story_list_info.top{
        background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_successListTop.gif);
		margin-top:26px;
    }

    div#rightColumn div.story_list_info.bottom{
        background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_successListBtm.gif);
    }
	
		div#rightColumn div.story_list_info h2{
			color:#3C659D;
			display:inline;
			margin:0;
			padding:0;
			position:relative;
			left:14px;
			top:10px;
		}	
        
		div#rightColumn div.story_list_info a{			
			font-size:11px;
			color:#03c;
			text-decoration:underline;					
		}
		div#rightColumn div.story_list_info div.pagination{			
			right:12px;
			position:absolute;
			text-align:center;
			top:10px;
		}														
	        div#rightColumn div.story_list_info div.pagination input{
	            width:16px;
	        }
	    	div#rightColumn div.story_list_info div.pagination a{
	    		width:15px;
	    	}
	    	div#rightColumn div.story_list_info div.pagination a img{					
	    		border:0;
	       	    position:relative;
	            top: 3px;
	        }
	    	div#rightColumn div.story_footer div.pagination a.selected{			
	    		color:#FFF;
	    		background-color:#5F030C;
	    		text-decoration:none;
	    	}	

	div#rightColumn div.list_content{
	    background-image:url(http://cdn.theladders.net/static/web/en_GB/images/topaz/backgrounds/bg_successListBorder.gif);
		background-repeat:repeat-y;
		font-size:12px;	
		line-height:18px;
        margin-top:-10px;
		padding:14px 22px 16px;			
	}	

        	div#rightColumn div.list_content div.list_item.border{
        		border-bottom:1px solid #B2C1D1;
                padding-bottom:22px;
        	}
    
        	div#rightColumn div.list_content div.list_item p{
        		color:#777;
				font-family:arial;
        		line-height:19px;
        		margin:0;
        		margin-top:8px;
        		padding:0;
    	}
	
    	div#rightColumn div.list_content div.ie_firstChild{
    		margin-top:-12px;
    		margin-top/**/:0;
    	}