/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Top Level Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a {color:  #017ac3;}
a:visited {color: #7b9cb1;}
a:hover {color:#861810;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html {
	overflow-y: scroll;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, h7 {
	padding: 0px;
	margin: 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	font: 0.75em/1.3 arial, verdana, sans-serif;
	color: #3f3f3f;
	background: #FFFFFF url('images/framework/background.jpg') repeat-x top center;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td {
	vertical-align: top;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a img {
	border: none;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
    color: #017ac3;
    font-size: 30px;
    font-weight: normal;
	margin-bottom: 5px;
	}

h2 {
    font-weight: normal;
    color: #017ac3;
    font-size: 18px;
	}

h3 {

	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul {
	padding: 0px 0px 0px 15px;
	}
	
	ul li {
		
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Individual Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hidden {
	display: none;
	}
	
.inline {
    display: inline;
    }
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.block {display: block;}
.clear {clear: both; height: 1px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.marginTop5 {margin-top: 5px;} .marginRight5 {margin-right: 5px;} .marginBottom5 {margin-bottom: 5px;} .marginLeft5 {margin-left: 5px;}
.marginTop10 {margin-top: 10px;} .marginRight10 {margin-right: 10px;} .marginBottom10 {margin-bottom: 10px;} .marginLeft10 {margin-left: 10px;}
.marginTop15 {margin-top: 15px;} .marginRight15 {margin-right: 15px;} .marginBottom15 {margin-bottom: 15px;} .marginLeft15 {margin-left: 15px;}
.marginTop20 {margin-top: 20px;} .marginRight20 {margin-right: 20px;} .marginBottom20 {margin-bottom: 20px;} .marginLeft20 {margin-left: 20px;}
.marginTop25 {margin-top: 25px;} .marginRight25 {margin-right: 25px;} .marginBottom25 {margin-bottom: 25px;} .marginLeft25 {margin-left: 25px;}
.marginTop30 {margin-top: 30px;} .marginRight30 {margin-right: 30px;} .marginBottom30 {margin-bottom: 30px;} .marginLeft30 {margin-left: 30px;}

.paddingTop10 {padding-top: 10px;} .paddingRight10 {padding-right: 10px;} .paddingBottom10 {padding-bottom: 10px;} .paddingLeft10 {padding-left: 10px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.minHeight117 {min-height: 117px; height: auto !important; height: 117px;}
.minHeight200 {min-height: 200px; height: auto !important; height: 200px;}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.alertError {
    display: block;
    color: red;
	border: 3px double red;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	}

.alertSuccess {
    display: block;
    color: green;
	border: 3px double green;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.darkBlueText {
	color: #011e33;
	}
	
.firstParagraph {
    font-size: 18px;
    line-height: 1.5;
    }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.smallFont {
	font-size: 0.8em;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.formattedList {
	list-style-type: none;
	padding: 15px 0px;
	margin: 0px;
	}
	
	.formattedList li {
		padding: 0px 0px 10px 14px;
		background: transparent url('images/framework/bullet.png') no-repeat left 0.5em;
		line-height: 18px;
		}
		
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.formattedTable {
	width: 100%;
	}
	
	.formattedTable th, .formattedTable td {padding: 5px; text-align: left;}
	
	.formattedTable th {
		background-color: #3d6ca6;
		font: bold 13px arial, verdana, sans-serif;
		color: #ffffff;
		vertical-align: top;
		}
		
	.formattedTable .colorRow {
		background-color: #FAF6F8;
		}

                
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.borderedTable {
	width: 100%;
	background-color: #0062A1;
	}

	.borderedTable th, .borderedTable td {
		padding: 5px;
		background-color: White;
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.featuredHolderDouble {
	background-color: #eeeeee;
	border: 3px double #aeaeae;
	padding: 15px;
	}

.featuredHolderDashed {
	background-color: #eeeeee;
	border: 1px dashed #aeaeae;
	padding: 15px;
	}
			
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pagerLink, .pagerLink:visited, .pagerLink:hover {display: inline-block; color: #0b5369; text-decoration: none; padding: 1px 5px 1px 5px; margin: 0px 2px 0px 2px;}

.prevNextLink, .prevNextLink:visited {
    border: 1px solid #dee9ec;
    }
    
    .prevNextLink:hover {
        border: 1px solid #0b5369;
        background-color: #dee9ec;
        }
 
.prevNextLinkDisabled, .prevNextLinkDisabled:visited, .prevNextLinkDisabled:hover {
    color: #dee9ec;
    border: 1px solid #dee9ec;
    }
        
.pagerNumberLink, .pagerNumberLink:visited {
    border: 1px solid #dee9ec;
    }
    
    .pagerNumberLink:hover {
        border: 1px solid #0b5369;
        background-color: #dee9ec;
        }

.pagerNumberLinkSelected {
    color: White;
    border: 1px solid white;
    background-color: #0b5369;
    }
    
    .pagerNumberLinkSelected:visited, .pagerNumberLinkSelected:hover {
        color: White;
        background-color: #0b5369;
        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.loginHolder {
    /*margin-left: -220px;*/
    }
    
    .loginHolder .loginArea {
        width: 247px;
        height: 130px;
        padding: 30px 10px 0px 10px;
        margin: 0px auto 0px auto;
        color: white; 
        background: transparent url(images/framework/background_loginarea.jpg) no-repeat left top;
        }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.lister {
	width: 100%;
	}

	.lister td {
	    background-color: #fff1dd;
	    padding: 10px;
	    font-size: 11px;
	    }
	
	.lister th {
		background-color: #ffca7a;
		font: bold 13px arial, verdana, sans-serif;
		color: #7c120b;
		line-height: 25px;
		text-align: left;
		padding:10px;
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.classHeading {
	color: white;	
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 0px 35px;
	margin: 1px 1px 0px 1px;
	cursor: pointer;
	background: #7c120b url('/App_Themes/Web/images/framework/button_expand.png') no-repeat 10px center;
	}

	.classHeading.open {background: #7c120b url('/App_Themes/Web/images/framework/button_retract.png') no-repeat 10px center;}
			
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.breakRule {
	clear: both;
	height: 1px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px dotted black;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pictureFrame {
    background-color: white;
    padding: 9px;
    border: 1px solid #adadad !Important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Framework
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mainHolder {
    width: 960px;
    margin: 0 auto;
	}
	
.oneColumn {
    width: 60px;
    float: left;
    }
    
.twoColumn {
    width: 140px;
    float: left;
    }
        
.threeColumn {
    width: 220px;
    float: left;
    }
        
.fourColumn {
    width: 300px;
    float: left;
    }
        
.fiveColumn {
    width: 380px;
    float: left;
    }
        
.sixColumn {
    width: 460px;
    float: left;
    }
        
.sevenColumn {
    width: 540px;
    float: left;
    }
        
.eightColumn {
    width: 620px;
    float: left;
    }
        
.nineColumn {
    width: 700px;
    float: left;
    }
        
.tenColumn {
    width: 780px;
    float: left;
    }
        
.elevenColumn {
    width: 860px;
    float: left;
    }
    
.twelveColumn {
    width: 940px;
    float: left;
    }
    
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topArea {
    height: 110px;
	padding-top: 20px;
	}
	
	#topArea #logo {
	    width: 468px;
	    height: 48px;
	    display: block;
	    background: url('images/framework/logo.gif') no-repeat;
	    text-indent: -10000px;
	    float: left;
	    margin-top: 10px;
	    }
	    
	#topArea #nhs {
	    width: 253px;
	    height: 58px;
	    float: right;
	    display: block;
	    text-indent: -10000px;
	    background: url('images/framework/logo-nhs.gif') no-repeat;
	    margin-top: 1px;
	    }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#bannerArea {
    }
	
	#bannerArea #fadingAds {
		margin-top: 20px;
		width: 960px;
		height: 242px;
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#menuArea {
    background: url('images/framework/nav.png') no-repeat;
    height: 40px;
	}
	
	#menuArea ul {
	    list-style: none;
	    margin: 0px;
	    padding: 0px;
	    }
	    
	    #menuArea ul li {
	        list-style: none;
	        float: left;
	        margin: 0px;
	        padding: 0px;
	        }
	        
	        #menuArea ul li a { 
	            display: block;
	            padding: 0 20px;
	            line-height: 40px;
	            margin-right: 2px;
	            color: #017ac3;
	            font-size: 12px;
	            text-decoration: none;
	            font-weight: bold;
	            }
	            
	        #menuArea ul li a:hover {
	            background-color: #000000;
	            color: #FFFFFF;
	            }
	            
	            #menuArea ul li a.rounded:hover {
	                background: transparent url('images/framework/nav-hover.png') no-repeat;
	                }
	                
	        #menuArea ul li a.navSelected {
	            background: #000000;
	            color: #FFFFFF;
	            }
	            
	        #menuArea ul li a.navSelectedRounded {
	            background: transparent url('images/framework/nav-hover.png') no-repeat;
	            color: #FFFFFF;
	            }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#contentArea {
    line-height: 1.8;
	}
	
	#contentArea #get-started {
	    width: 161px;
	    height:75px;
	    padding-top: 80px;
	    padding-left: 12px;
	    padding-right: 128px;
	    color: #926a14;
	    background: url('images/framework/get-started.png') no-repeat; 
	    margin-top: -35px;
	    line-height: 18px;
	    }
	    
	    #contentArea #get-started a {
	        color: #861810;
	        }
	        
	    #contentArea #get-started a:hover {
	        color: #017AC3;
	        }   
	    
	#contentArea #relapse {
	    color: #23627d;
	    }   
	    
	    #contentArea #relapse .head {
	        height: 100px;
	        width: 300px;
	        background: url('images/framework/relapse-head.png') no-repeat;
	        text-indent: -10000px;
	        }
	        
	    #contentArea #relapse .content {
	        padding: 10px;
	        background: url('images/framework/box.gif') no-repeat bottom;
	        
	        }
	        
	#contentArea #whystop {
	    color: #771d62;
	    width: 300px;
	    }   
	    
	    #contentArea #whystop .head {
	        height: 100px;
	        width: 300px;
	        background: url('images/framework/whystop-head.png') no-repeat;
	        text-indent: -10000px;
	        }
	        
	    #contentArea #whystop .content {
	        padding: 10px;
	        background: url('images/framework/box-pink.gif') no-repeat bottom;
	        
	        }
	        
	#contentArea .class-contactname {
	    line-height: 35px;
	    background: #f2f2f2 url('images/framework/icon-name.png') no-repeat 10px center;
	    padding: 0px 10px 0px 32px;
	    font-weight: bold;
	    color: #017ac3;
	    margin-bottom: 1px;
	    }
	    
	#contentArea .class-contactemail {
	    line-height: 35px;
	    background: #f2f2f2 url('images/framework/icon-email.png') no-repeat 10px center;
	    padding: 0px 10px 0px 32px;
	    font-weight: bold;
	    color: #017ac3;
	    margin-bottom: 1px;
	    }
	    
	#contentArea .class-contacttelno {
	    line-height: 35px;
	    background: #f2f2f2 url('images/framework/icon-telephone.png') no-repeat 10px center;
	    padding: 0px 10px 0px 32px;
	    font-weight: bold;
	    color: #017ac3;
	    margin-bottom: 1px;
	    }




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
#footerArea {
    background-color: #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	
	#footerArea a {
	    color: #787b7e;
	    }
	    
	#footerArea a:hover {
	    color: #017AC3;
	    }
	
	#footerArea h2 {
	    color: #017ac3;
	    font-weight: normal;
	    font-size: 18px;
	    }
	    
	#footerArea #footerBox .content {
	    color: #5e6062;
	    padding: 6px 15px 6px 15px;
	    background: url('images/framework/footerbox-bg.gif') repeat-y;
	    width: 610px;
	    line-height: 1.4;
	    }
	
	#footerArea #footerBox .top {
	    background: url('images/framework/footerbox-top.gif') no-repeat bottom;
	    height: 9px;
	    width: 640px;
	    }
	    
	#footerArea #footerBox .bottom {
	    background: url('images/framework/footerbox-bottom.gif') no-repeat top;
	    height: 9px;
	    width: 640px;
	    }