/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */

/* ----------  STICKY FOOTER  ------------ */
html, body, #pagewrapper { height: 100%;}
body > #pagewrapper {height: auto; min-height: 100%;}
#wrapper {padding-bottom: 108px;}
#footer {margin-top: -108px; height: 108px; clear:both; position: relative;} 


/* ----------  CLEARFIX  ------------ */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Body and General Styles
-------------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    color: #424242;
    background: #ebebeb;
   } 

h1, h2, h3, h4, h5, h6 { color: #2a2a2a; }

#header {
		background: #5b5b5b;
		height: 160px;
		border-bottom: solid #fff 1px;
		}
		
		#header h1 {
				margin-top: 50px;
				color: #fff;
				}

        #header-inside {
                position: absolute;
                width: 100%;
                }
		#registerContainer {
				position: fixed;
				top: 0px;
				right: 0px;
				width: 100%;
				text-align: left;
				z-index: 200;
				}
				
				#RegisterUser {
				    height: 400px;
				    background: #323232 url('../img/registerBackground.jpg') repeat-x;
				    position: relative;
				    width: 100%;
				    color: #fff;
	                z-index: 200;
				    }
				    
				    #RegisterUser .registerForm {
				        border: none;
				        width: 1000px;
				        margin: 0 auto;
				        padding: 0;
				        }
				        .registerForm.user { background: none; border: none; -moz-box-shadow: none; }
				    
				    #RegisterUser fieldset {
				        border: none;
				        width: 400px;
				        float: left;
				        padding: 0;
				        }
				    #RegisterUserForm .registerSubmit {
				        margin: 20px 0 0 235px;
				        }
				    #RegisterUser legend {
				        padding: 12px 0px 25px;
				        font-size: 20px;
				        }
				    
                    #RegisterUser label.inputTitle {
                        float: left;
                        padding-right: 11px;
                        padding-top: 13px;
                        text-align: right;
                        width: 105px;
                        }   
				    
					#RegisterUser input.text {
							/*width: 155px;
							background: url('../img/loginInput.gif') no-repeat;
							font-size: 12px;
							color: #c6c6c6;
							margin: 0;
							border: none;
							padding: 4px 0px 8px 5px;*/
							}
							
				    .registerContent {
				        float: left;
				        width: 400px;
				        top: 0px;
				        margin-top: 70px;
				        }
				     .registerContent ul#changePassNotice {
				         display: block;
				         margin-top: 35px;
				         } 			
				        
				    #RegisterErrors{
				        float: left;
				        width: 350px;
				        top: 0px;
				        margin-top: 70px;
				        }			
				     #RegisterErrors label.error {
				         				     }   
				
				.login-details {
					padding: 3px 3px 10px 10px;
					background: url('../img/login-bg.png') no-repeat left bottom;
					color: #fff;
					float: right;
				    position: relative;
				    right: 0px;
				    top: -30px;
				    width: 215px;
	                z-index: 200;
	                height: 61px;
					}
					#Assignment-Self .login-details { display: none; }
					
					p.loginHeader {
					    margin: 0px;
					    padding: 0px 3px;
					    height: 36px;
					    line-height: 36px;
					    }
					
				#username-label {
                    color: #ccc;
                    position: absolute;
                    font-size:80%;
                    top: 65px;
                    left: 20px;
                }
                #password-label 
                {
                    color: #ccc;
                    position: absolute;
                    font-size:80%;
                    top: 65px;
                    left: 180px;
                }

					.login-details .login-submit  {
						        position: absolute; 
						        top: 35px; left: 10px;
						        padding:2px 40px; 
						        font-size: 1em;
						        }
						
				                .login-details .sign-up a { color: #fff; padding: 0px 3px; width: 50px; }
				                
				                #RegisterLink { position: absolute; top: 42px; left: 150px; color: #fff; }
				                #RegisterCloseLink { position: absolute; top: 42px; left: 150px; color: #fff; padding: 0 0 0 20px; 
				                            background: url('../img/delete.png') no-repeat -1px 1px; }
				

/* blue function button, gradient css3, fails gracefully in IE. base your span off these and specify height/width etc as needed */		
.buttonBlue {
    background-color: #5E84AB;
    background: -moz-linear-gradient(19% 75% 90deg,#275584, #4875A4, #719fce 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#719FCE), to(#275584), color-stop(0,#719FCE)) repeat scroll 0 0;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #4875A4; margin: 4px;
    color: #FFF; cursor: pointer;  font-size: 10px; text-shadow: 0 -1px 0px #000; padding: 2px 12px;  text-decoration:none;
    }
.buttonBlue:hover {
    background-color: #92b5d8; color: #fff;     
    background: -moz-linear-gradient(19% 75% 90deg,#244c76, #5e84ab, #92b5d8 100%) repeat scroll 0 0; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#719FCE), to(#275584), color-stop(0,#719FCE)) repeat scroll 0 0; 
    }
.buttonBlue:active {
    background-color: #244c76;
    background:-moz-linear-gradient(19% 75% 90deg,#92b5d8, #5e84ab, #244c76 100%) repeat scroll 0 0; 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#275584), to(#719FCE), color-stop(0,#275584)) repeat scroll 0 0;
    }
.buttonBlue:visited { color: #ccc; }

/* end blue button */


/* Rounded Corner combos, simply add this class to the element needing rounding */
.rounded {  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
    border-radius: 10px;
    }		
.roundTop { 
    -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px; border-top-right-radius: 10px; 
    }
.roundBottom {
    -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
    }
.roundLeft { 
    -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px; border-bottom-left-radius: 10px;
    }
.roundRight {  
    -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px; border-bottom-right-radius: 10px;
    }
/* end rounded combos */

/* New Client UI Styling */

.logoshadow {-moz-box-shadow:1px 2px 10px #333333; -webkit-box-shadow:1px 2px 10px #333333;}

#littlejLog { 
	position: absolute; top: -15px; left: 50%; margin-left: -470px; z-index: 5005;  width: 50px; height: 50px; 
	background: transparent url('../img/minijLogLogo.png') no-repeat -2px 0px;  
	} 
#pageTitle { 
	position: absolute; top: -15px; left: 50%; margin-left: -473px; z-index: 5000;
	
	padding:12px 10px 5px 60px; height: 20px;
	
	background: #EBEBEB ; 
	
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; 
	-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px; border-top-right-radius: 10px;
	border: 1px solid #fff; border-bottom: none;
	-moz-box-shadow: 0px -3px 4px #4a4a4a; -webkit-box-shadow: 0px -5px 3px #6b6b6b; box-shadow: 0px -5px 3px #6b6b6b;

	color: #333; line-height: 15px; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 0 #FFF; font-size: 1.25em;
	}

hr.devide { border: none; border-top: 1px solid #aaa; border-bottom: 1px solid #fff; }

#pageUser { margin: 0px auto; padding: 5px 0px 20px; overflow: auto; width: 1024px; min-height: 450px; background-color: #EBEBEB; /* border: 1px solid #bcbcbc; */ }

.formContainer1,
#accountLogin, #loginContainer, 
#accountContainer, #accountFunctionContainer  {
    margin:20px 30px; width:430px; float: left; 
    }
.formContainer2,    
#accountDetailContainer, #accountPassContainer { width:430px; }

.formContainer3,
#accountContainer, #accountPassword, #accountInfo, 
#accountJournies, #recentjLogs { 
	float: left; margin: 17px 0 0 50px; width:430px; 
	}
	
#accountInfo fieldset { min-height: 160px; }

.info  {
     margin: 10px 0;
     }
     
.user,
#Assignment-Self div.registerForm.user {
	background: -moz-linear-gradient(19% 90% 90deg,#CBCBCB, #ABABAB, #CBCBCB 100%) repeat scroll 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 55%, from(#BCBCBC), to(#ABABAB), color-stop(1,#CBCBCB)) repeat scroll 0 0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ABABAB', endColorstr='#CBCBCB'); /* for IE */
	margin:10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #a5a5a5; 
	-moz-box-shadow:0 1px 2px #999; -webkit-box-shadow:0 1px 2px #999;
	min-height: 265px;
}
#Dashboard-Public div.user { filter: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.user a{ color:#333; margin:7px 5px 5px; text-shadow:0 1px 0 #ddd; }
.user a:hover { color: blue; }
.user h2 {
	-moz-box-shadow:0 1px 0 #ddd; -webkit-box-shadow:0 1px 0 #ddd;  border-bottom:1px solid #999;	
	color:#666; font-size:24px; font-weight:normal; text-align:center; text-shadow:0 1px 0 #ddd;
	display:block; margin:0; padding: 18px;
}
#loginContainer .user h2 { font-size: 3em; padding: 0px; }
.user h2 span { cursor: pointer; margin: 0px; }
.user h2 span:hover {  color: #888; cursor: pointer; margin: 0px; color: #888; }

.user h2 span.active  { color: #3a3a3a; cursor: default; }

.user h2 span.tabl { border-right: 1px solid #777; padding: 23px 34px; }
.user h2 span.tabr  { border-left: 1px solid #ddd; padding: 23px 12px; }

.user fieldset { border: none; line-height:normal; padding:0 20px 0; }

.accountTabs { background: url('../img/bigdiag.png') repeat-x top left; }

.submitContainer button.SubmitButton { margin-right: 30px; }

.SubmitButton {
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	border: 1px solid #0088ff;
	-moz-box-shadow: 0 1px 0 #444, 0px -1px 0px #55AAFF; -webkit-box-shadow: 0 1px 0 #444,0px -1px 0px #55AAFF; box-shadow: 0 1px 0 #444, 0px -1px 0px #55AAFF;
	float:right; padding: 2px 22px;
	
	background: -moz-linear-gradient(65% 75% 90deg,#0066EE, #0088FF, #1188FF 81%,#1177ff 96%) repeat scroll 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 99%, from(#0066EE), to(#1177FF), color-stop(.1,#1188FF),color-stop(.6,#1166EE)) repeat scroll 0 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4499FF', endColorstr='#0066EE'); /* for IE */
    color: #fff; text-align: center; font-size: 22px; font-weight: bold ; text-shadow:0 -1px 0 #000000; cursor:pointer; text-decoration: none;
    }
.SubmitButton:hover { 
	background: -moz-linear-gradient(65% 75% 90deg,#3377FF, #3399FF, #4499FF 81%,#4488FF 96%) repeat scroll 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 99%, from(#0088EE), to(#1177FF), color-stop(.1,#11AAFF),color-stop(.6,#1188FF)) repeat scroll 0 0; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4499FF', endColorstr='#3377FF'); /* for IE */
	color: #EEE;
	}
.SubmitButton:active { 
	background: -moz-linear-gradient(0% 59% 90deg,#44AAFF, #3377FF) repeat scroll 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 99%, from(#006FC2), to(#85A9FF)) repeat scroll 0 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066EE', endColorstr='#4499FF'); /* for IE */ 
    }

fieldset p { position: relative; } 
fieldset label, fieldset span { color: Black; float:left; margin:0 0 5px; text-shadow:0 1px 0 #ddd; font-weight: normal;}

fieldset label.infield { 
	display:block; float:left; width:300px; height:29px; 
	position:absolute; top:3px !important; left:30px !important; margin:0 0 5px; 
	color:#333333; text-shadow:0 1px 0 #FFFFFF; line-height:29px; text-align:left; text-indent:5px;
}

#oidAvitar { display: none;
	width: 102px; height: 102px; float: left; margin: 10px; padding: 1px; border: 1px solid #777;
	background: transparent url("../img/avitar.jpg") no-repeat 2px 2px; 
	}
	
#oidAvitar:hover { opacity:0.8; }	
	
#userInfo { float: left; margin-top: 10px; width: 242px; height: 120px; }
	
.rememberMe, .knowMe , .numberMe, .element { float:left; margin:10px 5px 5px; width:372px; }
.knowMe { width: 380px; color: black; }
.knowMe label , .numberMe label { width:  75px; text-align: right; margin-right: 10px; }
.knowMe span { text-align: left; font-weight: bold; }
.numberMe { width: 165px; } .numberMe label { width: 150px; text-align: left; }
.numberMe label span { margin-right: 5px; }
label.rememberMe, label.element  { margin:2px; width:90px; }

#changePassNotice{ 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	text-align: left; width: 355px; padding-right: 0px;
	}
ul.rememberMe li, ul.element li { margin-left: 20px; }
	
input#rememberMeLogin { float:left; } 

/* End User Account Styling */

/* Logged In */

#AuthenticateUser-div {
    position: relative;
    padding-bottom: 5px;
    background: #fff6bf;
    width: 100%;
    z-index: 200;
    top: 0px;
    padding-left: 100px;
    }
	#AuthenticateClose  
	{
	    position:relative; 
	    padding-top:10px;
	    padding-right:100px;
	    float: right;
	    background: url('../img/close.png') no-repeat;
            width: 36px;
            height: 36px;
            display: block;

	    }			
				
.loggedIn {
    position: relative;
	float: right;
    right: 0px;
    top: 0px;
	background: url('../img/login-bg.png') no-repeat left bottom;	
	color: #fff;
	padding: 10px;
	z-index: 200;
	}			
    				
    .loggedIn a {
        color: #fff;	
	    }		
				
				
		#header-content {
				width: 1000px;
				text-align: left;
				margin: 0 auto;
				}

#page {
		background: #fff;
		text-align: center;
		}
			
	#content {
			width: 1000px;
			margin: 40px auto;
			text-align: left;
			padding: 30px 40px;
			min-height: 400px;
			background: #FFFFFF;
			border: solid #c7c7c7 1px;
            position: relative;
            z-index: 1;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;  
            border-radius: 10px;
            -moz-box-shadow: 0px -1px 0px #333, 0px 2px 5px #fff;
			}
			
	#Assignment-Self #content  {
	        border: none; 
	        background: none; 
	        -moz-box-shadow: none; 
	        margin-top: 10px; 
	        padding: 0px; 
	        }
			
			#Assignment-Self p { padding-left: 10px; }
			
			#introContent {
					width: 480px;
					float: left;
					margin: 0 40px 0 0;
					font-size: 16px;
					line-height: 24px;
					} 
			
			#introContent h3 {
					font-size: 22px;
					margin: 0px 0px 5px 0px;
					font-weight: bold;
					} 
					
			.video { display: block; width: 480px; margin-bottom: 24px !important; background: #000; }
			.Video { width: 100% !important; height: 270px !important; margin-bottom: 24px !important; background-color: #000 !important; background-position: center center !important; height: auto; }
			.Video a { margin: 0 auto; height: 270px !important; text-decoration: none !important; }
			.Video div { text-align: center; background-color: #000; }
			.Video div object { display: block; margin: 0 auto; }
			
			 #Home-Journey #introVideoContainer { /* Fixes video alignment on Journey page. Body ID used to be #Home-ViewExecute */
					margin: 0px 20px 15px 0px;
			        }	
			        	 
			#introVideoContainer {	
					width: 480px;
					float: left;
					margin: 0px 0px 15px;
			        }
			#introVideoContainer .video a:hover {
				    background: transparent url(../img/play_button.png) no-repeat center;
			        }
		    .Video-Empty {
	                width: 480px;
	                height: 271px;
	                background: url(../img/notselected-lg.jpg) no-repeat;
                    margin: 0 0 30px;
                    padding: 15px 0 0;
		    }
			.row { clear: left; }
			div.row div img { /*height: 100%;*/ width: 100%; }
			
			
			.videoContainer {
						float: left;
						width: 480px;
						background: #ccc;
						padding: /*15px*/ 0px 0px;
						margin: 0px 0px 30px 0px;
						}
			body .videoContainer a { text-decoration: underline; }
			.videoTranscriptLink { 
			margin:0px 18px 0px 0px; 
			float:left;
			}
/* Rounded Corners for Video elements -------------------------------------------------------------- 
 */
				.videoContainer {
					background-image:url('../img/top.gif') !important;
					background-position:center top;
					background-repeat: no-repeat;
					} 
				.comment-links {
				background-image:url('../img/bottom.gif') !important;
				background-position:center bottom;
					background-repeat: no-repeat;
					}
						
						/*Left is clear: both so that uneven bottom margins don't happen */
						.videoContainer.left { margin-right: 40px; clear: both; }
						.videoContainer.right { clear: right; float: right; }
						
						/*MSL CLEANUP HERE*/
						.video {position: relative; height: 273px; margin: 5px 0px 15px 0px; background: #000; text-align: center; cursor: pointer; }
						.active_video {position: relative; height: 273px; margin: 5px 0px 15px 0px; background: #000; text-align: center; cursor: pointer; }
						#jlogContainer .videoContainer .Video a, #jlogContainer #introVideoContainer .Video a {
							  background: transparent url(../img/playButton.png) no-repeat center;
							}
							
						#jlogContainer .videoContainer .Video a:hover, #jlogContainer #introVideoContainer .Video a:hover {
							  background: transparent url(../img/play_button.png) no-repeat center;
							}
						
						#introVideoContainer .Video  a{
							  background: transparent url(../img/playButton.png) no-repeat center;
							}
							
						#introVideoContainer .Video a:hover{
							  background: transparent url(../img/play_button.png) no-repeat center;
							}


						.video .load {position: absolute; top: 113px; left:235px; }
						.video .player {position: absolute; top: 0; left:0; height: 273px;}
						.video .play {position: absolute; top: 100px; left:220px; z-index: 5; } 
						.active_video .load {position: absolute; top: 113px; left:235px; }
						.active_video .player {position: absolute; top: 0; left:0; z-index: -1; height: 273px; }
						.active_video .play {position: absolute; top: 100px; left:220px; z-index: 5; } 

						.video span { margin: 0px auto; }
						
						.loading {margin-top: 50px; }
						
						.videoContainer h4  {
						    min-height: 36px; height:36px; width: 390px;  padding: 15px 5px 4px 20px;
						    display: inline-block; 
						    font-size: 14px; overflow: hidden; 
						    }
						    /* added to title of video that has available transcript */
                            .videoContainer h4.accomodateTranscript {width: 394px;}
                            
                            /* replaces accomodateTranscript when .videoTranscript is moused over */
                            .videoContainer h4.accomodateTransNarrow {width: 355px;}
                        
                        /* added to div next to title h4 when transcript is available */     
                        .videoTranscript  { 
                                 width: 50px; height: 45px; margin: 5px; padding-top: 20px; 
                                 float: right; display: inline-block; display: none;
                                 background: url('../img/vidTrans.png') no-repeat 50% 0;
                                 }
                            .videoTranscript:hover { width: 90px; background-position: 83% 0;}
                            .videoTranscript div { display: none; }
                            .videoTranscript:hover div {
                                                    width: 84px; margin: 0px; padding: 3px;
                                                    display: block;
                                                    -moz-border-radius: 8px; 
                                                    background-color: rgba(0,0,0,.33);
                                                    color: #FFF; font-size: 9px; cursor: pointer;
                                                    }
                        
						.videoDescription { padding: 0px 20px 0px; font-size: 12px; line-height: 18px; }
								
						#content .videoContainer div .wc_btn { display: none; }
						
						#content .video div span { display: none;}
						
						#content .video div { margin: 0 auto; border: 0px !important; }
						
						.comment-area { padding: 14px; }

						.comment-area textarea { display: block; width: 442px; margin: 0px 0px; padding:4px; border:1px solid #BBBBBB; height: 80px; overflow-y: auto; }
						
						.comment-area label.error{ display: block; position:relative; top:10px; }
                        
                        .comment-area .commentLogin { 
                                            text-align: center;
                                            font-weight: bold;
                                            }
                                            
                        .comment-area .commentLogin a { 
                                            color: #555;
                                            }
                        
						.comment-links  {
						    padding: 0px 20px 20px;
						    text-align: right;
						    height: 12px;
						    background: url('../img/bottom.jpg') no-repeat center bottom;
						    display: block;
					    }

						.comments { color: #444444; font-size: 12px; }

							.comment h4 { padding: 0px 20px; height: 35px; font-size: 14px; color: #333 }
						
							.comment-meta { font-size: 12px; color: #444444; margin-bottom: 10px; }
							
								.comment-meta .name { font-style: italic; font-size: 16px; margin-right: 20px; }
								
	.preFooter {
	    background: url('../img/footerShadow.jpg') 0px -20px no-repeat;
	    height: 50px;
	    width: 1180px;
	    margin: 0 auto;
	    z-index: 0;
	    position: relative;
	    top: -50px;
	    }
	    
	    .preFooter a {
	        color: #5d5d5d;
	        text-decoration: none;
	        }
	    
	    .preFooter a:hover {
	        color: #5d5d5d;
	        text-decoration: underline;
	        }
	    
	    .preFooter .previous {
	        width: 300px;
	        margin: 20px 42px 0px 50px;
	        float: left;
	        text-align: left;
	        }
	    
	    .preFooter .next {
	        width: 300px;
	        margin: 20px 0px 0px 38px;
	        float: left;
	        text-align: right;
	        }
	    
	    .preFooter .dashboard {
	        width: 400px;
	        margin: 20px 0px 0px;
	        float: left;
	        text-align: center;
	        }
	
			
	#links { text-align: left; clear: both; margin: 0 auto; padding: 0px 0px; }
	
	    #links li { float: left; list-style: none;}
	        
	        #links li a { float: left; display: block; margin: 5px; padding: 10px; }
	
	#footer {
			background: #000 url('../img/footer.jpg') no-repeat center top !important;
			clear: both;
			}
	
	#footer #footer-inside {
			background: url('../img/footerLogo.jpg') no-repeat 0px 15px;
			width: 1000px;
			margin: 0 auto;
			text-align: left;
			padding: 5px 0px 30px 100px;
			color: #5b5b5b;
	        }
			
			#footer #footer-inside p {
		        padding: 0.5em 0 0 0.5em; margin: 0px; color: #eee;
		        } 
			
	    #footer #footer-inside a {
			    padding: 3px;
			    color: #878787;
			    text-decoration: underline;
			    text-transform: none;
			    }
			
	    #footer #footer-inside a:hover {
			    padding: 3px;
			    color: #fff;
			    background: #e68f0e;
			    text-decoration: none;
			    }
			
			

			
/* jLog Completed
-------------------------------------------------------------- */			
	/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

#jlogStatusNotice { 
        height: 30px; 
        margin-bottom:1em;
        padding:0.8em; 
        clear:both;
        }
.completeJlog { 
        clear : both;
        padding: .8em; 
        margin: 10px; 
        border: 2px solid #ddd;
        display: none;
        }

.notice {
		clear: left; text-align: center; display:none;
		}
		#jlogContainer div.notice { clear:both; }
	#completed {
			background: url('../img/completed.png') no-repeat;
			width: 150px;
			height: 150px;
			text-indent: -9999px;
			position: absolute;
			top: -1px;
			right: -1px;
			z-index: 100;
			display: none;
			}			
			
			
			
			
/* Table of Contents
-------------------------------------------------------------- */

	#tocIntro { width: 500px; float: left; font-size: 14px; line-height: 2.2em; }
	
	#tocIntroText {line-height:21px;}

	#tocList { width: 400px; float: right; list-style: none; }
	
	    #tocList l1 {
	        padding-left: 25px;
	        }

	

	.jlogList li {list-style-type: decimal; padding: 0px 0px 0px 0px; }

	.jlogList li a {display: block; padding: 5px; margin: 0px; }

	.jlogList li a:hover { padding: 5px; margin: 0px; }

	.jlogList li.locked { background: url('../img/lock.png') no-repeat left center;}

	.registration td {padding: 5px;}

	.registrationButton { padding: 10px 0px 0px 220px; }

.overlay
{
    position: absolute;
    display: none;
    padding: 0px;
    width: 100%;
    text-align: center;
	background-image: url('../img/shaded.png');
	z-index: 8;
	top: 0px;
	left: 0px;
}
	
#responses {
	width: 500px;
	height: 550px;
	background-color: white;
	text-align: left;
	z-index: 200;
	position: absolute;
	margin-left: -250px;
	left: 50%;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}		
		
        #responses .comments{
	        margin: 20px;
	        overflow: auto;
	        height: 510px;
        }	
        
        #responseCancel {
            background: url('../img/close.png') no-repeat;
            width: 36px;
            height: 36px;
            display: block;
            text-indent: -9999px;
            position: absolute;
            left: 480px;
            top: -15px;
            }	

#responseOverlay {
		background: url('../img/shaded.png');
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 150;
		top: 0px;
		left: 0px;
}

.message
{
	background-color: #FFF6BF ;
	display: none;
	width: 455px;
	height: 100px;
	line-height: 100px;
	border: 2px solid #FFD324;
	padding: 0px;
	margin: 10px 15px;
	position: absolute;
	text-align: center;
	color: #817134;
	z-index: 8;
}

/* Public Dashboard
-------------------------------------------------------------- */
	#publicList { width: 400px; float: left; list-style: none; }
	
	    #publicList l1 {
	        padding-left: 25px;
	        }

/* Private Dashboard
-------------------------------------------------------------- */

#myaccountlink {
    float: right;
}
#myaccountlink a {
    padding: 5px 15px 5px 29px;
    background: #EBEBEB url(../img/user.png) no-repeat scroll 7px 6px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #C7C7C7;
    color: #000099;
    text-decoration: none;
    display: block;
}

#myaccountlink a:hover {
    color: #000067;
    background-color: #D5D5D5;
}

#publicdashboardlink {
    padding-right: 10px;
    float: right;
}

#publicdashboardlink a {
    padding: 5px 15px 5px 15px;
    background: #EBEBEB;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #C7C7C7;
    color: #000099;
    text-decoration: none;
    display: block;
}

#publicdashboardlink a:hover {
    color: #000067;
    background-color: #D5D5D5;
}

.clientaccountfieldset
{
    background: #EEEEEE;
 }
/*#Dashboard-Private #content {
    background: url('../img/contentWide.jpg') no-repeat 0px 50px;
    min-height: 700px;
    padding: 50px;
    width: 950px;
    }*/
    
    
/* paging controls */
div.paging { line-height: 25px; height: 25px; }
div.paging ol { margin: 5px 0; }
div.paging li { float:left; list-style:none; margin-right: 5px; }
div.paging li a,div.paging li span { display:block; padding: 0px 10px; height: 25px; text-align:center; border:solid 1px #999999; background:#c4c4c4; color:#2f2f2f; text-decoration: none;}
div.paging li span { background:#454545; font-weight:bold; border-color:#454545; color:#ffffff; }
div.paging li a:hover { background:#cccccc; }
div.paging li.summary { padding:1px 25px 0 0; }
div.paging li.next a,div.paging li.prev a { border: none; width:auto;  }

#last5Jlogs {
    width: 300px;
    list-style: none;
    float: right;
    padding-left:39px;
    }
    
		.widget {
				display: block;
				margin: 0px 0px 20px;
				color: #2f2f2f;
				-moz-border-radius-bottomleft: 10px;
				-webkit-border-bottom-left-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-webkit-border-bottom-right-radius: 10px;
				}

            .widget li {
                padding: 10px;
                background: #d7d7d7;
				padding: 10px;
				border-top: solid #f9f9f9 1px;
				border-bottom: solid #a8a8a8 1px;
                }

			.widget a {
					color: #5d5d5d;
					text-decoration: none;
					}

			.widget a:hover {
					text-decoration: underline;
					}
				
			.widget .title {
					background: transparent url('../img/dashboardHeader.jpg') repeat-x;
					/*border-bottom: solid #fff 1px;*/
					color: #fff;
					padding: 0px 20px;
					height: 37px;
					line-height: 37px;
					font-size:16px;
					display: block;
					-moz-border-radius-topleft: 10px;
					-webkit-border-top-left-radius: 10px;
					-moz-border-radius-topright: 10px;
					-webkit-border-top-right-radius: 10px;
					
					}
					
			.widgetContent {
					background: #e2e2e2;
					-moz-border-radius-bottomleft: 10px;
					-webkit-border-bottom-left-radius: 10px;
					-moz-border-radius-bottomright: 10px;
					-webkit-border-bottom-right-radius: 10px;
					padding: 0px;
					text-align: right;
					width: 100%;
					margin: 0px;
					}
					
			.widgetContent table {
					width: 100%;
					text-align: left;
					margin: 0;
					padding: 0px;
					}
					
				.widgetContent tr {
						padding: 0px 10px;
						height: 38px;
						}
				
				.widgetContent td {
						padding: 0px 10px;
						height: 38px;
						line-height: 38px;
						border-top: solid #f9f9f9 1px;
						border-bottom: solid #a8a8a8 1px;
				}
				.widgetContent tr.titleRow {
						height: 25px;
						background: #aeaeae;
						}
				.widgetContent th {
						padding: 0px 10px;
						height: 20px;
						color: #fff;
						text-transform: uppercase;
						font-weight: normal;
						font-size: 10px;
						line-height: 25px;
						border: none;
						}
						
					.widgetContent .viewDetailsLink {
						padding: 10px 20px 10px;
						display: block;
						}
		
.assignmentComplete
{
	background: url('../img/accept.png') no-repeat 112px center ;
	z-index: 200;
	width: 134px;
}
#deletedJourneyTitle {
      font-weight: bold;
      text-decoration: underline;
      }
#deletedJourney {
    color:red;
    font-size:24px;
    font-weight:bold;
    padding-top:37px;
    text-align:center;
    }
.assignmentCompleteSpan {
	background: url('../img/accept.png') no-repeat;
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 15px;
	z-index: 200;
}			
            #assignments { width: 660px; }
            #assignmentList, #assignments {
                float: left; 
                margin-bottom:0; 
                }
		    
		    
			#assignmentList table {
					width: 100%;
					text-align: left;
					margin: 0;
					padding: 0px;
					}
				
				#assignmentList tr {
						padding: 0px 10px;
						height: 38px;
                        background: #d7d7d7;
						}
				
				#assignmentList td {
						padding: 0px 0px 0 5px;
						height: 38px;
						line-height: 38px;
						border-top: solid #f9f9f9 1px;
						border-bottom: solid #a8a8a8 1px;
				}
				
				#assignmentList tr.titleRow {
						height: 25px;
						background: #aeaeae;
						}
						
				#assignmentList th {
						padding: 0px 5px;
						height: 20px;
						color: #fff;
						text-transform: uppercase;
						font-weight: normal;
						font-size: 10px;
						line-height: 25px;
						border: none;
				}

				.dateHeaderClient {
					width: 90px;
				}
						
		br.clear { clear: both; }
		.journeyCancelled {
		    text-decoration:line-through;
		    color: #5D5D5D
		    }
		.journeyName{ font-weight: bold; }
		
/* Login Page
-------------------------------------------------------------- */

#loginBox {
    
    margin-left: auto;
    margin-right: auto;
    }
    
	#loginBox .title {
		font-size: 24px;
		padding: 0 0 0 88px;
		}
    
    #loginBox fieldset {
        border: 0px;
        }
        
    #loginBox .inputTitle {
        float: left;
        width: 120px;
        padding:0 3px 0 0;
        text-align:right;
        }
        
    #loginBox #userName, #loginBox #password {
        width: 200px;
        float: left;
        }
        
    #loginBox p {
        clear: both;
        padding: 5px 0px;
        }
        
        #loginBox #rememberMe {
            margin-left: 123px;
            }
            
        #loginBox #submit {
            width: 150px;
            margin-left: 120px;
            }
            
        #loginBox .forgotPassword {
            padding-left: 133px;
            }
        #loginBox .registerhere
        {
            padding-left:50px;
            }
        #loginBox .tologin
        {
            padding-left:20px;
            }
            
/* Misc. */
.errorMessage {
	background: #FFF6BF url(../img/notfound.png) no-repeat 15px 19px;
	margin: 250px auto;
	min-height: 125px;
	width: 530px;
	height: 100px;
	border: 2px solid #FFD324;
	padding: 26px 30px 110px 185px;
	color: #817134;
	z-index: 8;
}

.saveMeLink {
	text-align: center;
	font-size: large;
}
.footertext {
    min-height: 30px;
    display: block;
}
.footerTextCenter { text-align: center; }
.footerLinkCenter { text-align: center;}
.footerlinks {
    font-size: 13px;
}

/* My Account */
.passwordChangedSuccessful {
	            color:gray;
                font-size:25px;
                font-weight:bold;
                padding:2em 0 0;
                text-align:center;
	        }
.fieldInfo p { position: relative; }
.fieldInfo { margin: 0px 5px 5px 0px; }	
.fieldInfo label.error, .fieldInfo span.error {
        position: absolute;
        left: 400px;
        top: 100px;
        z-index: 2000;
        display: inline;
        width: 210px;
        height: 50px;
        color: #fff;
        background: transparent url('../img/error.png') no-repeat;
        border: none;
        line-height: 30px;
        text-indent: 5px;
        padding: 0px;
        margin: 0px;
        }
 #FirstName { background-color: White; margin: 1px 5px 5px 0px;}
 #LastName { background-color: White; margin: 1px 5px 5px 0px;}
 #EmailAddress { background-color: White; margin: 1px 5px 5px 0px;}
 #journeyTitle label.error { left:210px; top:20px;}
 .fieldInfo #userFirstNameField label.error, .fieldInfo #userFirstNameField span.error
 .fieldInfo #userLastNameField label.error,  .fieldInfo #userLastNameField span.error,
 .fieldInfo #userEmailField label.error,  .fieldInfo #userEmailField span.error,
 .fieldInfo #RegisterFirstName label.error,  .fieldInfo #RegisterFirstName span.error,
 .fieldInfo #RegisterLastName label.error,  .fieldInfo #RegisterLastName span.error,
 .fieldInfo #RegisterEmail label.error,  .fieldInfo #RegisterEmail span.error,
 .fieldInfo #RegisterEmailVerify label.error,  .fieldInfo #RegisterEmailVerify span.error,
 .fieldInfo #EnterCurrentPassword label.error,  .fieldInfo #EnterCurrentPassword span.error,
 .fieldInfo #EnterNewPassword label.error, .fieldInfo #EnterNewPassword span.error,
 .fieldInfo #EnterVerifyPassword label.error,  .fieldInfo #EnterVerifyPassword span.error {left: 240px; top: -35px; } 
 
 #noAccessJourneyPreview
{
	font-style: italic;
}

#RegisterUserPleaseWait 
{
    width: 350px; padding-top: 20px; margin-top: 10px;
    text-shadow: 0 1px 0 #FFF;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    font-size: 18px; font-weight: bolder; text-transform: uppercase;
    }
    #RegisterUserPleaseWait img { margin-top: 0px; }