/* CSS Document */

/*--------------------------------reset styles----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: #f3f1f1;
	border-top:10px solid #f3f1f1;
}
ol, ul {
	list-style: none;	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


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

/*--------------------------generic styles--------------------------------*/


a{color:#3663bc;}
a:hover{text-decoration:underline}
a.float{color:#7a7c5c;}
ul, ol{margin:0 0 0 40px; padding:0; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%}
ul li, ol li{margin:0 ; padding:5px 0}

body{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0}
p{padding:5px 0; line-height:1.5;color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%}

h1{font-size:225%; line-height:1.1;color:#004b83;font-weight:normal;letter-spacing:0;padding:10px 0 5px 0;margin: 0;font-family:Arial, Helvetica, sans-serif;}


h2{font-size:120%;font-weight:normal; line-height:1.3; color:#666;padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
h2.page_title, h2.page_title_ds {font-size:140%; line-height:1.1;color:#004b83;font-weight:normal;letter-spacing:0;padding:0 0 10px 0;margin: 0;font-family:Arial, Helvetica, sans-serif;}
h2.page_title_ds{padding:20px 0 10px 0} 
h2.tools_title {font-size:140%; line-height:1.1;color:#004b83;font-weight:normal;letter-spacing:0;padding:10px 0 5px 0;margin: 0;font-family:Arial, Helvetica, sans-serif;}
div#profile_content h2.page_title {padding:0 0 10px;}

h3{font-size:110%;font-weight:normal; line-height:1.2; padding:10px 0 0 0;color:#666;font-family:Arial, Helvetica, sans-serif;}
#rhs h3, #video_page_rhs h3{font-size:80%;font-weight:bold; line-height:1.2; padding:0 0 10px;color:#333;border-bottom:1px solid #ccc}
#video_page_rhs h3{border-bottom:none;}

#rhs h3.my_lp_rhs {margin:30px 0 5px 0; padding:0 0 5px;}


h4{font-size:100%;font-weight:bold; line-height:1.3; padding:5px 0; margin:10px 0 5px 0;background:/*#f0eeca*/none; color:/*#646342*/#73951f;clear:both;font-family:Arial, Helvetica, sans-serif;}
h4.recommend_head{background:#f3f4e3; padding: 5px; color: #6b6b44;}
h4.planner_head{background:#f3f4e3; padding: 5px; color: #6b6b44; clear:none;}

h4.warning {background: #fdf9ea url("images/caution-icon.gif") left center no-repeat; /*border: 1px solid #ffeda2;*/ padding: 10px 10px 10px 50px; margin:10px 0 10px 0; color: #95851b;}
h4.warning span {color: #9f2d00;}
h4.warning_happy {background: #f1fdea url("images/tick-icon.gif") left center no-repeat; /*border: 1px solid #c7ffa2;*/ padding: 10px 10px 10px 45px; margin:10px 0 10px 0; color: #437d24;}

h5{color:#8C8D69;padding:0 10px 0; margin:0  }
h5 a{color:#636443;text-decoration:none;}

.clear{clear:both; height:0px;margin:0; padding:0}
.clear_ten{clear:both; height:10px;margin:0; padding:0}
.clear_twenty{clear:both; height:20px;margin:0; padding:0}
.right{float:right}
p#breadcrumb{
	font-size:70%;
	color:#333;
	padding:5px;
	background:#f9fcf8 url(images/title-bg.png) repeat-x top left;
	border-bottom:1px solid #dae0d8;
}
.sml_text{font-size:70%}
.left{float:left;}
p.web_address{font-size:90%; font-weight:bold;border-bottom: 1px solid #ccc; margin:0 0 10px 0;padding:10px 0 20px 0}
img.uni_logo{border:1px solid #ccc;padding:5px}
p.bold{font-weight:bold}
p.align_right {text-align: right;}

/*-----------------------------------main backgrounds and containers----------------------*/

#white_bg{background:#fff;}
#header{background:#fff;margin:0; padding:10px 0 0 0;}

div#outer_wrapper {
	width:960px; 
	margin:0 auto;
	padding:0 0 10px; 
	background: #fff;
}
.wrapper{width:940px; margin:0 auto;padding:0; background: #fff;}

#nav{background:#0c497e url(images/nav-bg.png) repeat-x top left;margin:0 ; padding:0; border-bottom:4px solid /*#9cbf3b*/ #ccc;}

#nav_wrap{width:940px; margin:0 auto;padding:0}

#title_wrap{width:940px; margin:0 auto;padding:0; background: url(images/home-img-2.png) no-repeat bottom right;}
#footer_info_bg{background:#fafae9;padding:0 0 5px 0;}
#footer_info{margin:0;padding:5px 10px; }
#footer{width:960px; margin:10px auto; padding:0;}

/*----------------------------------Top Navigation-----------------------------------------------*/

#top_nav {margin:0 0 10px;}
#top_nav ul {
    margin:0;
    padding:0;
    list-style:none;
	font-size:75%;
    }
  #top_nav li {
    float:left;
    margin:0;
    padding:0;
    }
	
	 #top_nav li {
    float:right;
    background:url("images/top-nav-right-bg.png")
      no-repeat right top;
    margin:0 0 0 3px;
    padding:0;
    }
    #top_nav li.selected {
    background:url("images/top-nav-right-bg-select.png") no-repeat right top;
    }
	#top_nav a {
    display:block;
    background:url("images/top-nav-left-bg.png")
      no-repeat left top;
    padding:9px 7px 10px 7px;
	color:#666;
	text-decoration:none;
    }
    #top_nav li.selected a {
    background:url("images/top-nav-left-bg-select.png") no-repeat left top;
    color: #3c5978;
    }
	#top_nav a:hover{ background:url("images/top-nav-left-bg-over.png") no-repeat left top;}
	
	#top_nav li.selected a:hover{ background:url("images/top-nav-left-bg-select.png") no-repeat left top;}
	
	#top_nav li:hover {background:url("images/top-nav-right-bg-over.png") no-repeat right top;}
	
	#top_nav li.selected:hover {background:url("images/top-nav-right-bg-select.png") no-repeat right top;}
	
	 #top_nav li#home {
    float:right;
    background:url("images/top-nav-right-bg-home.png")
      no-repeat right top;
    margin:0 0 0 3px;
    padding:0;
	width:37px;
    }
	#top_nav ul li#home:hover {background:url("images/top-nav-right-bg-over-home.png") no-repeat right top;}
	#top_nav ul li#home span{visibility:hidden;}
	

/*----------------------------------Main Navigation-----------------------------------------------*/

ul#main_nav{
	margin:0 0 0 0; 
	padding:0 0 12px 0 ;
	font-size:90%; 
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top:4px solid #ccc;
	line-height:1.3;  
	border-right:1px solid #4185d1;
}
ul#main_nav li{
	margin:0; 
	display:inline;
	overflow:hidden;
}
ul#main_nav li.home {
	text-indent: -9999px;
	width: 52px;
}
ul#main_nav li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:7px 15px 7px; 
	border-right:1px solid #124877;
	border-left:1px solid #4185d1;
	float:left;
	text-align: center;
}
ul#main_nav li.selected a,
ul#main_nav li a:hover {
	background:#2a94d2;
	border-left:1px solid #57abe6;
}

ul#main_nav li.info a {
	padding: 15px 15px 17px;
}
ul#main_nav li.home a {
	background: url("images/home-icon.png") center center no-repeat;
	padding: 15px 25px 17px;
	width: 1px;
}
ul#main_nav li.home a:hover,
ul#main_nav li.home.selected a {
	background: #2a94d2 url("images/home-icon.png") center center no-repeat;
}
ul#main_nav li.info a {
	background: url("images/nav-dd-arrow.png") right center no-repeat;
	padding: 15px 35px 17px 15px;
}
ul#main_nav li.info.hover a {
	border-left: 4px solid #ccc;
	border-right: 4px solid #ccc;
	margin:0 -3px 0 -3px;
	position: relative;
	z-index: 999;
}

ul#main_nav li.info a:hover,
ul#main_nav li.info.selected a,
ul#main_nav li.hover a {
	background: #2a94d2 url("images/nav-dd-arrow.png") right center no-repeat;
}



#main_nav span{background:transparent url(images/nav-arrow.png) no-repeat center right; padding-right:14px}
ul#main_nav li.selected span{background:transparent url(images/nav-arrow-selected.png) no-repeat center right; padding-right:14px}
ul#main_nav li#end a{border-right:none;border-left:1px solid #4185d1;padding:10px 16px 11px 11px ;}

ul#main_nav li#first_item{border-left:none}


/* big drop down */
div#info_dd_holder {
  position: relative;
}
div#info_dd_head {
	border: 4px solid #ccc;
	border-bottom: none;
	background: transparent;
	height: 45px;
	position: absolute;
	z-index: 4;
}
div#info_dd_body_outer {
	border: 4px solid #ccc;
	background: #2a94d2;
	padding: 15px 0 15px;
	width: 480px;
	position: absolute;
	z-index: 3;
}
div#info_dd_body_inner{
	background: #2a94d2 url("images/dd-mid-line.gif") top center repeat-y;
	padding:0;
}


div#dd_left {
	float: left;
	width: 239px;
}
div#dd_right {
	float: left;
	width: 239px;
}
div#dd_left h2, div#dd_right h2 {
	color: #000;
	font-weight:bold;
	font-size: 100%;
	padding:0 20px 10px;
}
div#dd_left ul, div#dd_right ul {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
}
div#dd_left ul li, div#dd_right ul li {
	margin:0 20px;
	padding:0 0 8px 15px;
	list-style: none;
	background: url("images/dd-bullet.gif") 0 3px no-repeat;
	
}
div#dd_left ul li a, div#dd_right ul li a {
	text-decoration: none;
	color: #fff;
}
div#dd_left ul li a:hover, div#dd_right ul li a:hover {
	text-decoration: underline;
}


/*----------------------------------Secondary Navigation-----------------------------------------------*/
#sec_nav{float:left;width:180px;margin:10px 30px 20px 0;}
#sec_nav ul, #tools_nav ul{margin:0; padding:0;font-size:80%; font-weight:normal;border-top:1px solid #ccc;}
#sec_nav ul li, #tools_nav ul li{border-bottom:1px solid #ccc;padding:7px 5px;margin:1px 0;line-height:1.3  }
#sec_nav ul li#select, #tools_nav ul li#select{background:#ebf2fb;}
#sec_nav ul li#select a, #tools_nav ul li#select a{color:#3b638b}
#sec_nav ul li a, #tools_nav ul li a{color:#333333; text-decoration:none;}
#sec_nav ul li a:hover, #tools_nav ul li a:hover{text-decoration:underline;}
#sec_nav ul li.topItem, #tools_nav ul li.topItem{
margin:1px 0 0 0;
}




/*---------------------------------- Map tabbed Navigation-----------------------------------------------*/

div#mini_tab_nav { margin:10px 0 20px 0; padding:0 0 0 10px; background: url("images/mini-nav-line.png") bottom repeat-x; height: 32px;}

div#mini_tab_nav ul {
  margin:0;
  padding:0;
  list-style:none;
  font-family: Arial, sans-serif;font-size:85%;
  line-height:18px;
  }
div#mini_tab_nav ul li {
  float:left;
  background:url("images/mini-tab-left.png") no-repeat;
  margin:0 10px -1px 0;
  padding:0 0 0 5px;
  font-weight: bold;
  }
div#mini_tab_nav ul li.selected {
  background:url("images/mini-tab-select-left.png") no-repeat;
 }
div#mini_tab_nav ul a {
  float:left;
  display:block;
  padding:7px 12px 7px 7px;
  text-decoration:none;
  color:#24241b;
  background: url("images/mini-tab-right.png") right top no-repeat ;
  margin:0;
  }
div#mini_tab_nav ul li.selected a {
  background:url("images/mini-tab-select-right.png") right top no-repeat; color:#6f7062;margin:0;
 }
 

/*---------------------------------------- Filter nav-------------------------------------------------*/

div.filter_holder {background:#f3f4e3; /*border:1px solid #cccdb3;*/margin:10px 0 0 0; padding:10px; }

ul#filter {margin:0; padding:10px 0; font-family: Verdana, Arial, sans-serif;font-size:75%;}
ul#filter li {margin:0 10px 0 0; padding: 4px 6px; list-style: none; display: inline;}
ul#filter li {
	background: #d3d5c0;
	border: 2px solid #d3d5c0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
ul#filter li.selected {
	background: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

ul#filter li a {color:#6f7062;text-decoration: none;}
ul#filter li.selected a {color:#6f7062;}

ul#filter li a:hover {text-decoration: underline;}
ul#filter li.selected a:hover {text-decoration: none;}
 

/*----------------------------------------Homepage layout--------------------------------------------------*/


h1#home_heading{padding:10px 10px 5px 10px ; margin: 0; font-weight:bold; color: #000; font-size: 180%;}
h2#home_subheading {
	color: #000;
	font-weight:bold;
	font-size: 100%;
	padding:0 10px 10px;
}
h2#route_subheading {
	color: #000;
	font-weight:bold;
	font-size: 100%;
	padding:5px 10px 10px 0;
}

div#home_people {
	background: url("images/home-people-group.gif") left bottom no-repeat;
}

div#home_people ul {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
}
div#home_people ul li {
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	line-height: 1.3;
}
div#home_people ul li a {
	display: block;
	float: left;
	height: 200px;
	text-decoration: none;
}
div#home_people ul li a span {
	display: block;
}
div#home_people ul li#person1 a {
	width: 156px;
	color: #006db4;
	background: url("images/person1.png") no-repeat;
}
div#home_people ul li#person1 a:hover {
	color: #fff;
	background: url("images/person1-rollover.png") no-repeat;
}
div#home_people ul li#person1 a span {
	padding:14px 0 0 45px;
}

div#home_people ul li#person2 a {
	width: 164px;
	color: #ab39c0;
	background: url("images/person2.png") no-repeat;
}
div#home_people ul li#person2 a:hover {
	color: #fff;
	background: url("images/person2-rollover.png") no-repeat;
}
div#home_people ul li#person2 a span {
	padding:20px 20px 0 15px;
}

div#home_people ul li#person3 a {
	width: 150px;
	color:#2f3a3f;
	background: url("images/person3.png") no-repeat;
}
div#home_people ul li#person3 a:hover {
	color: #fff;
	background: url("images/person3-rollover.png") no-repeat;
}
div#home_people ul li#person3 a span {
	padding:6px 25px 0 18px;
}

div#home_people ul li#person4 a {
	width: 164px;
	color: #9e435f;
	background: url("images/person4.png") no-repeat;
}
div#home_people ul li#person4 a:hover {
	color: #fff;
	background: url("images/person4-rollover.png") no-repeat;
}
div#home_people ul li#person4 a span {
	padding:35px 0 0 15px;
}

div#home_people ul li#person5 a {
	width: 158px;
	color: #168e92;
	background: url("images/person5.png") no-repeat;
}
div#home_people ul li#person5 a:hover {
	color: #fff;
	background: url("images/person5-rollover.png") no-repeat;
}
div#home_people ul li#person5 a span {
	padding:6px 0 0 42px;
}

div#home_people ul li#person6 a {
	width: 148px;
	color: #617c00;
	background: url("images/person6.png") no-repeat;
}
div#home_people ul li#person6 a:hover {
	color: #fff;
	background: url("images/person6-rollover.png") no-repeat;
}
div#home_people ul li#person6 a span {
	padding:5px 20px 0 25px;
}



#home_block_hold{
	background:#719000 url(images/home-block-bg.jpg) no-repeat top left;
	width:952px; 
	margin:0 auto;
	padding:10px 0;
	border:4px solid #b7de4b;
}

#home_top_block_left {width:260px; float:left;margin:0 0 0 46px; display: inline;}
#home_top_block_mid {width:260px; float:left;margin:0 0 0 40px; display: inline;}
#home_top_block_right {width:260px; float:left;margin:0 0 0 40px; display: inline;}


/*new home*/
p.process{
	color:#243f01; 
	font-weight:bold; 
	font-size:100%;
	padding:5px 0 0 0;
	margin:0;
	float:left;
	width:220px;
	line-height:1.3; 
	font-family:Arial, Helvetica, sans-serif; 
	text-shadow: 0 1px 1px rgba(255,255,255,.3);
}


p.step{
	width:25px;
	float:left;
	margin:0 15px 10px 0;
	padding:0;
	font-size:180%;
	color:#243f01;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(255,255,255,.3);
}

p.process_info{padding:3px 0 0 0;color:#fff; font-size:75%}

p.start_btn{text-align:center; margin:0;padding:0 0 0 40px;}


#real_stories_home{
	width:580px; 
	float:left;
	margin:15px 60px 20px 0;
}
#real_stories_home p.more {
	float: right;
	background: url("images/link-arrow.gif") right center no-repeat;
	padding:0 15px 0 0;
}

#real_stories_home h2 {padding:0 0 20px 10px;font-size:120%;color:#333}

div#home_videos {
	float: left;
	width: 540px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
div#home_videos ul {
	margin: 0;
	padding:0;
	font-size: 80%;
	line-height: 1.3;
	width: 10000px;
}
div#home_videos ul li {
	display: inline;
	float: left;
	width: 140px;
	margin:0 20px;
	padding:0;
	list-style: none;
}
div#home_videos ul li img {
	border: 1px solid #9d9d9d;
	margin:0 0 5px;
}
div#home_videos ul li span {
	background-color: #000;
	color: #fff;
	padding: 2px 3px;
	font-size: 75%;
	background-color: rgba(0, 0, 0, 0.6);
	margin: -28px 0 0 105px;
	position: absolute;
	display: block;
}

div#home_arrow_left {
	float: left; 
	width: 20px;
	height: 107px;
	background: url("images/home-videoslide-shadow.jpg") top right no-repeat;
	position: relative;
	padding-top: 36px;
}
div#home_arrow_right {
	float: left; 
	width: 20px;
	height: 107px;
	background: url("images/home-videoslide-shadow.jpg") top left no-repeat;
	position: relative;
	padding-top: 36px;
}
div#home_arrow_left img {
	margin: 0 0 0 8px;
	position: absolute;
	z-index: 99;
}
div#home_arrow_right img {
	margin: 0 0 0 -10px;
	position: absolute;
	z-index: 99;
}




#home_btm_right {float:left; margin:20px 0 0;width:300px;}

#home_btm_right ul {
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 90%; 
}
#home_btm_right ul li {
	float:left;
	width:280px;
	
	font-weight:bold;
	display:block;
	line-height:1.5;
	padding:10px 10px;
}
#home_btm_right ul li#b1 {
	background:#d4d0b8 url(images/home-advisor-btn-top.png) no-repeat top left;
	border-bottom:1px solid #a4a392;
}
#home_btm_right ul li#b2 {
	background:#d4d0b8 url(images/home-advisor-btn-mid.png) no-repeat top left;
	border-bottom:1px solid #a4a392;
}
#home_btm_right ul li#b3 {
	background:#e5e3d3 url(images/home-advisor-btn-btm.png) no-repeat bottom left;
}
#home_btm_right ul li a{
	background:url(images/home-advisor-arrow.png) no-repeat center right;
	display:block; 
	color:#3f3d2a; 
	text-decoration:none;
	padding:0 25px 0 0;
}
#home_btm_right ul li a:hover{
	color:#686546;
}

div#sw_box {
	margin:20px 0;
}
div#sw_box img {
	border: 1px solid #52799a;
	float: left;
	margin:0 20px 0 0;
}
div#sw_box p {
	padding:0;
	margin:0;
	font-weight: bold;
	color: #666;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 90%;
}
	
p.user_name{display:none;}

#main_vid_img img{padding:0; margin:0}
#home_vid_list{width:290px;float:left;margin:0 0 5px 0 }
p.link_right_boxed{float:right;font-size:70%; padding:10px}
#lifepilot_block p.link_right_boxed{border-bottom:none;font-size:70%} 


#logo{width:180px; float:left; margin:0 0 10px;}
#top_nav_elements{width:760px; float:right}

ul.login_head{text-align:right;padding:0;margin:5px 0 20px 0;font-size:80%}
ul.login_head li{
	padding:0 10px;
	margin:0;
	display:inline;
	line-height:1.3
}

ul.login_head li#login_end{border-right:none; padding-right:none;}

ul.login_head li.facebook{border-right:none; margin:10px 0 0 0; }
ul.login_head li.facebook img {
	vertical-align: middle;
}


/*-------------------- plan route ----------------------------------*/

div.route_wrapper {
	background: url("images/home-people-group.gif") left bottom no-repeat;
}

div#route_intro_left {
	float: left;
	width: 470px;
	margin:20px 0 0 0;
	padding-bottom: 70px;
	text-align: center;
}
div#route_intro_right {
	float: left;
	width: 469px;
	border-left: 1px solid #bcbcbc;
	text-align: center;
	margin:20px 0 40px 0;
	padding-bottom: 70px;
}

div#route_intro_btm {
	text-align: center;
	padding:0 0 150px;
}
div#route_intro_btm p {
	font-size: 75%;
}

h3.route_intro {
	color: #2a94d2;
	font-size: 150%;
	font-weight: bold;
	padding:0 50px 60px;
	background: url("images/route-down-arrow.gif") center bottom no-repeat;
	margin:0 0 25px;
}

p.route_answer_btn {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 130%;
	font-weight: bold;
}
p.route_answer_btn a {
	padding:8px 15px;
	background: #82c12d url("images/green-gradient-btn-bg.jpg") top repeat-x;
	color: #fff;
	text-decoration: none;
	border: 1px solid #659228;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

form#route_intro {
	margin:0;
	padding:0;
}

p.route_intro_options {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	background: #ccc url("images/route-intro-dd-arrow.gif") right center no-repeat;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #989898;
	width: 270px;
	padding:12px 10px;
	margin: 0 10px 0 100px;
	text-align: left;
}
p.route_intro_options:hover {
	cursor: pointer;
}
input.route_intro_btn {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 130%;
	font-weight: bold;
	padding:8px 10px;
	margin:0;
	background: #82c12d url("images/green-gradient-btn-bg.jpg") top repeat-x;
	color: #fff;
	text-decoration: none;
	border: 1px solid #659228;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	cursor: pointer;
}

div#route_intro_dd {
	width: 355px;
	margin:5px 0 0 100px;
	text-align: left;
	background: #ccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #989898;
	position: absolute;
}
div#route_intro_dd ul {
	margin:0;
	padding:0;
	text-align: left;
	font-size: 80%;
}
div#route_intro_dd ul li {
	list-style: none;
	margin:0;
	padding:0;
}
div#route_intro_dd ul li a {	
	display: block;
	padding:0;
	color: #000;
	text-decoration: none;
	padding:10px 10px;
	border-bottom: 1px solid #989898;
}
div#route_intro_dd ul li a:hover {
	background: #e4e4e4;
}
div#route_intro_dd ul li.first a {
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div#route_intro_dd ul li.last a {
	border-bottom: none;
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}


/* progression planner */

div#planner_header {
	margin:20px 10px 20px 40px;
	background: #000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div#planner_header p {
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
	padding:5px 0 5px 20px;
}

div.col_level {
	float:left;
	width: 69px;
	border-right: 1px solid #6b6b6b;
}
div#planner_header div.col_level p {
	padding:5px 0 5px 0;
	text-align: center;
}

div.col_general,
div.col_work,
div.col_vocation {
	float:left;
	width: 239px;
	border-right: 1px solid #6b6b6b;
}
div.col_careers {
	float:left;
	width: 100px;
}


div#planner_table1_holder {
	background: #f3f4e3 url("images/higher-ed-vert-text.gif") left center no-repeat;
	border-bottom: 3px dashed #adaea4;
	padding:10px 10px 10px 40px;
	margin:0 0 10px;
}
div#planner_table2_holder {
	padding:0 10px 10px 40px;
	margin:0;
}

table.planner_table_1,
table.planner_table_2 {
	border-collapse:collapse;
	border-spacing: 0;
	border: none;
	width: 100%;
}
table.planner_table_1 td,
table.planner_table_2 td {
	padding:0;
	margin:0;
}
table.planner_table_1 td ul,
table.planner_table_2 td ul {
	margin:10px 10px 0;
	padding:0;
}
table.planner_table_1 td ul li,
table.planner_table_2 td ul li {
	margin:0;
	padding:0 0 10px 12px;
	list-style: none;
	background: url("images/planner-table-arrow.gif") 0 2px no-repeat;
}
table.planner_table_1 tr.grey td ul li,
table.planner_table_2 tr.grey td ul li {
	background: url("images/planner-table-arrow-grey.gif") 0 2px no-repeat;
}
table.planner_table_1 td ul li a,
table.planner_table_2 td ul li a {
	color: #000;
}

table.planner_table_1 tr.break td,
table.planner_table_2 tr.break td {
	background: none;
	height: 10px;
	border:none;
	padding:0;
}


table.planner_table_1 td.level,
table.planner_table_2 td.level {
	width: 69px;
	border:none;
	border-right: 1px solid #f3f4e3;
	text-align: center;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 160%;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
	vertical-align: middle;
}
table.planner_table_1 td.general,
table.planner_table_1 td.work,
table.planner_table_1 td.vocation,
table.planner_table_2 td.general,
table.planner_table_2 td.work,
table.planner_table_2 td.vocation {
	width: 239px;
	border:none;
	border-right: 1px solid #f3f4e3;
	vertical-align: top;
}
table.planner_table_1 td.careers,
table.planner_table_2 td.careers {
	width: 100px;
	border:none;
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	vertical-align: middle;
	padding:10px 0;
}
table.planner_table_1 td.careers a,
table.planner_table_2 td.careers a {
	background: #fff;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	width: 70px;
	margin:0 0 0 15px;
	text-align: center;
	padding:7px 0;
	font-weight: bold;
	font-size: 85%;
	line-height: 1.2;
	color: #858678;
}


/* table colours */
tr.grey td {
	background: #ccc;
}
table.planner_table_1 tr.grey td ul li a,
table.planner_table_2 tr.grey td ul li a {
	color: #666;
}
tr.grey td a {
	color: #999;
}

tr#level_8 td {
	background: #a3dd58;
}
tr#level_8 td.careers a {
	color: #395e08;
}

tr#level_7 td {
	background: #6fed6f;
}
tr#level_7 td.careers a {
	color: #066b06;
}

tr#level_6 td {
	background: #56dab4;
}
tr#level_6 td.careers a {
	color: #06694c;
}

tr#level_5 td {
	background: #57bbd8;
}
tr#level_5 td.careers a {
	color: #0b5368;
}

tr#level_4 td {
	background: #7baff6;
}
tr#level_4 td.careers a {
	color: #0c3770;
}

tr#level_3 td {
	background: #ad95fd;
}
tr#level_3 td.careers a {
	color: #4d35c5;
}

tr#level_2 td {
	background: #d491fb;
}
tr#level_2 td.careers a {
	color: #7720a9;
}

tr#level_1 td {
	background: #ffa3fa;
}
tr#level_1 td.careers a {
	color: #b322ab;
}

/* grey */
tr#level_1 .grey td {
	background: #ccc;
}
tr#level_1 .grey td.careers a {
	color: #333;
}

h3#planner_note {
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color: #858678;
	font-weight: bold;
	padding:10px 0 0;
	margin:0 0 0 40px;
	text-align: center;
}

div#planner_tips {
	/*pointer-events: none;*/
}

div#planner_tips_top {
	background: url("images/scroll-alert-bg.png") no-repeat;
	border-bottom: 1px solid #cccccc;
	height: 45px;
	/* hack for PNG display in IE*/
* background: none;
* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://life-pilot.co.uk/images/scroll-alert-bg.png', sizingMethod='image');
}
div#scroll_tip {
	height: 45px;
}
div#scroll_tip p {
	text-align: center;
	padding:18px 0 0 0;
}

div#planner_tips_main {
	padding:10px 0 0 0;
	width: 940px;
	background: #fff;
}
div#planner_tips_main h3 {
	padding:0 0 10px 40px;
	margin:0;
}
div#planner_tips_main ul {
	margin:0 0 10px 40px;
	padding:0;
	font-size: 80%;
	line-height: 1.3;
}
div#planner_tips_main ul li {
	list-style: none;
	background: url("images/planner-table-arrow.gif") 0 3px no-repeat;
	margin:0 ;
	padding:0 20px 15px 12px;
	float: left;
	width: 418px;
}
div#planner_tips_main ul li.clear {
	clear: left;
	float:none;
	width: auto;
	margin:0;
	padding:0;
	background: none;
}

/* planner qual popup */

div#planner_pop_options {
	padding:5px 0 0;
	border-top:3px solid #ddd;
}

div#planner_pop_options ul {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#planner_pop_options ul li {
	list-style: none;
	display: inline;
	float: left;
	width: 180px;
	padding:5px 0;
	margin:0;
}
div#planner_pop_options ul.careers li {
	list-style: none;
	display: inline;
	float: left;
	width: auto;
	padding:5px 0;
	margin:0;
}
div#planner_pop_options ul li.add {
	background: url("images/save-to-resource.png") left center no-repeat;
	margin-right: 14px;
}
div#planner_pop_options ul li.added {
	background: url("images/saved-to-resource.png") left center no-repeat;
	margin-right: 14px;
	color: #577a08;
}
div#planner_pop_options ul li.info {
	background: url("images/more-info-circle-icon.png") left center no-repeat;
	margin-right: 14px;
}
div#planner_pop_options ul li.local {
	background: url("images/eye-circle-icon.png") left center no-repeat;
}
div#planner_pop_options ul li a,
div#planner_pop_options ul li span {
	padding-left: 25px;
}

/* career popup */

div.career_item {
	/*border-bottom: 3px solid #e1e1e1;*/
	padding:0;
	margin:0 0 10px;
}




/* my lifepilot - route planner */

div.planner_match {
	float: right;
	width: 100px;
	margin:0 0 0 10px;
	text-align: center;
}
div.planner_match p {
	font-weight: bold;
}
div.planner_match p.green {
	color: #056114;
}
div.planner_match p.red {
	color: #661e1e;
}
div.planner_match p img {
	vertical-align: middle;
	margin:2px 0 0 0;
}

p.planner_match_header {
	float: right;
	width: 100px;
	text-align: center;
	font-size:100%;
	font-weight:bold; 
	line-height:1.3; 
	padding:5px 0; 
	margin:0 30px 0 0;
	color: #6b6b44;
	font-family:Arial, Helvetica, sans-serif;
}

div#planner_bubble {
	background: url("images/planner-bubble-top.jpg") left top no-repeat;
	width: 269px;
	margin:15px 0 0 315px;
}
div#planner_bubble p {
	padding:20px 10px 0;
}
div#planner_bubble_btm {
	background: url("images/planner-bubble-btm.jpg") left top no-repeat;
	width: 269px;
	height: 8px;
	margin:0 0 0 315px;
}




/*--------------------information Point Pages----------------------------------*/

#main_content{float:left;width:490px;margin:10px 30px 0 0 }
#full_content{float:left;width:700px;margin:10px 30px 0 0 }

p.save_to_resource{background:#fff url(images/save-to-resource.png) no-repeat top left; padding:2px 0 10px 25px;font-size:70%; margin: 0}
p.saved_to_resource{background:#fdffe3 url(images/resource-saved-icon.png) no-repeat 5px 4px; padding:5px 0 5px 30px;font-size:70%;color:#6a7101;border:1px solid #dee38c; margin:0 0 10px}

#rhs{float:left;width:210px;margin:20px 0 0 0 }
.rhs_related_vid-block{border-bottom:1px solid #ccc; padding:10px 0 5px 0;width:210px;}
.rhs_quick_link{float:right;padding:0 0 10px 0;margin:0;font-size:70%;}
.rhs_quick_link span{color:#3663bc}
.rhs_vid_text{float:left;margin:0; padding:0;width:150px}

.rhs_resource_text{margin:0; padding:0; background: url("images/link-arrow.png") 0 5px no-repeat;}
.rhs_resource_text p.rhs_vid_desc {padding:0 0 0 15px;}


p.vid_category, p.web_category{color:#666;padding:4px 5px 4px 20px;background:url(images/video-category-icon.png) no-repeat 0px 4px;font-size:70% }
p.web_category{background:url(images/web-category-icon.png) no-repeat center left;}
p.rhs_vid_desc {font-size:80%; padding:0; margin:0; }

.related_vid_img{border:1px solid #666;margin:0 10px 0 0;float:left;width:45px}
#main_content ul,
.popup ul {
	margin:0 0 0 30px; padding:0;
}
#main_content ul li,
.popup ul li {
	margin:0; padding:5px 0;line-height:1.6; list-style:disc;font-size:90%;
}

#rhs_profile_bar{border:1px solid #ccc; margin:0;height:25px; background: #f5f5f5 url(images/profile-bar-bg.png) repeat-x top left;}

#rhs_lp{background:url(images/rhs-lp-mid.png) repeat-y top left;margin:10px 0 10px 0; display:block-inline}
h3#rhs_lp_head{background:url(images/rhs-lp-top.png) no-repeat top left;padding:5px;margin:0; border:none;}
#rhs_lp_btm{background:url(images/rhs-lp-btm.png) no-repeat bottom left; height:8px;}
#rhs_lp p{padding:0 0 5px 0;margin:0 5px;border-bottom:1px solid #cfd9e8;font-size:75%;}
#rhs_lp ul{padding:0; margin:0 5px}
#rhs_lp ul li{padding:5px 5px 5px 30px; margin:0; font-size:75%; line-height:1.3}
#rhs_lp ul li#rhs_resource_icon{background:url(images/rhs-lp-resource-icon.png) no-repeat center left;border-bottom:1px solid #cfd9e8; border-top:1px solid #fff}
#rhs_lp ul li#rhs_profile_icon{background:url(images/rhs-lp-profile-icon.png) no-repeat center left;border-bottom:1px solid #cfd9e8; border-top:1px solid #fff}
#rhs_lp ul li#rhs_todo_icon{background:url(images/rhs-lp-todo-icon.png) no-repeat center left;border-top:1px solid #fff}
#quiz_btn{margin:20px 10px 10px 10px;text-align:center}
#quiz_btn a{background: #c2da0b url(images/profile-btn-bg.png) repeat-x;
  
   padding: 5px 5px 6px;
   color: #2b3a04;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;
  font-size:90%;
  font-family:Arial, Helvetica, sans-serif;
-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #97a90a;
 
  text-align:center; 
  cursor: pointer;
  }





/*--------------------Real stories ----------------------------------*/


#cloud a.tag1 { font-size: 80%; font-weight: 100; }
#cloud a.tag2 { font-size: 90%; font-weight: 200; }
#cloud a.tag3 { font-size: 100%; font-weight: 300; }
#cloud a.tag4 { font-size: 110%; font-weight: 400; }
#cloud a.tag5 { font-size: 120%; font-weight: 500; }
#cloud a.tag6 { font-size: 130%; font-weight: 600; }
#cloud a.tag7 { font-size: 140%; font-weight: 700; }
#cloud a.tag8 { font-size: 150%; font-weight: 800; }
#cloud a.tag9 { font-size: 160%; font-weight: 900; }
#cloud a.tag10 { font-size: 170%; font-weight: 900; }

#cloud { padding: 2px; line-height: 1.6;margin:0 5px;text-align:center }
#cloud a { padding:0 2px }
#cloud li { display: inline; }



#real_story_list{float:left;width:665px;margin:0 0 0 20px}
#real_story_rhs_tag{float:left;width:255px;margin:10px 0; /*background: url(images/tag-rhs-mid.png) repeat-y top left; */}
.vid_cat_dropdown, .vid_cat_dropdown_end{width:145px;float:left; margin:10px 15px 0 0; border:1px solid #ccc;background:url(images/drop-down-arrows.png) no-repeat right center }
.vid_cat_dropdown_end{margin:10px 0 0 0}
.vid_cat_dropdown p, .vid_cat_dropdown_end p{font-size:70%;color:#666; font-family:Arial, Helvetica, sans-serif; padding:2px 5px 2px 10px}
.videos, .videos_end{float:left; width:155px; margin:0 15px 0 0;}
.videos_end{margin:0;}

.videos img, .videos_end img{padding:2px; border:1px solid #ccc}
h3.tag_rhs_head{background: url(images/tag-rhs-top.png) no-repeat top left;padding:10px}
#real_story_rhs_tag_end{background: url(images/tag-rhs-btm.png) no-repeat bottom left;height:10px;}

/*new*/
ul#video_nav {margin:0; padding:0}
ul#video_nav li{margin:0; padding:5px 20px;line-height:1.2}
ul#video_nav li a{ font-weight:bold;/*color:#666;*/text-decoration:none;}
ul#video_nav li a:hover{text-decoration:underline;}
ul#video_nav li ul{margin:0; padding:5px 0 0 0} 
ul#video_nav li ul li {padding:5px 10px; /*background:url(images/link-arrow.png) no-repeat 0 8px*/}
ul#video_nav li ul li a{font-weight:normal;}

ul#video_nav ul li.selected_video {background: url("images/mini-select-arrow.png") left center no-repeat;}

.top_level_selected{background:url(images/link-arrow-down.png) no-repeat 0 5px}
.top_level{background:url(images/link-arrow-big.png) no-repeat 0 5px}



/*--------------------Real stories video page----------------------------------*/

#video_page_lhs{width:570px;float:left;margin:0 25px 0 0;}
#video_page_rhs{width:345px;float:left; margin:8px 0 0 0;}

#flash_video{padding:2px;background:#e7e7e7;border:1px solid #999;margin:5px 0 0 0}
#related_vids_scroller{border:1px solid #ccc; height : 399px; overflow : auto; width:343px;margin:0  }
.scroller_list_block{border-bottom:1px solid #ccc;}

.scroller_img{}
.rhs_vid_img_scroll {float:left; width: 89px; margin:5px 15px 5px 5px;}
.rhs_vid_img_scroll img {padding:2px;  border:1px solid #ccc;}

.rhs_vid_text_scroll{float:left;margin:0; padding:5px 0 0;width:200px}
p.rhs_vid_desc_scroll{font-size:90%; padding:0; margin:0;font-family:Arial, Helvetica, sans-serif;font-weight:bold; }
#tag{background: url(images/tag-mid.png) repeat-y top left;}
#tag h2{background: url(images/tag-top.png) no-repeat top left;padding:10px}
#tag_end{background: url(images/tag-btm.png) no-repeat top left;height:10px;}


p.v_duration {text-align: right; margin:-25px 5px 0 0; z-index: 10;}
p.v_duration span {
	background-color: #000;
	color: #fff;
	padding: 2px 3px;
	font-size: 75%;
	background-color: rgba(0, 0, 0, 0.6);
}
span.small_list_item{font-size:70%; font-weight:normal; }




/*--------------------My Lifepilot ----------------------------------*/

div#my_lp_left {float: left; width: 640px; margin:0 50px 20px 0;}
div#my_lp_right {float: left; width: 250px; margin:0 0 20px 0;}

div#my_lp_right h3 {
	font-size: 100%; 
	color: #333; 
	border-top: 1px solid #999; 
	font-weight: bold; 
	padding:5px 0;
}

div#my_lp_right p {
	font-size: 75%;
	padding:0 0 10px;
}

ul#builder {
	margin:0 0 30px;
	padding:0;
	color: #51677b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight: bold;
}

ul#builder li {
	list-style: none;
	margin:0 0 10px;
	padding: 10px 0 10px 40px;
	background: #dce7f1 url("images/builder-notdone.jpg") 10px 8px no-repeat;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
ul#builder li.done {
	background: #dce7f1 url("images/builder-done.jpg") 10px 8px no-repeat;
}

ul#builder li a {
	float: right;
	text-decoration: none;
	color: #000;
	font-size: 90%;
	font-weight: normal;
	width: 75px;
	text-align: center;
	padding: 5px 0;
	margin:-5px 5px 0;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background: #82b373 url("images/done-btn-bg.jpg") left top repeat-x;
	border: 1px solid #59875f;
}
ul#builder li a.builder_page {
	width: 40px;
	font-size: 80%;
}
ul#builder li.done a {
	background: #8fa9bb url("images/notdone-btn-bg.jpg") left top repeat-x;
	border: 1px solid #75787a;
}

p.profile_example {
	margin:0 0 10px;
	padding:0;
}

.pagination{/*background:#f3f4e3; */color:#636443; margin:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}


.pagination p{padding:4px; font-size:70%}
.pagination p span{text-align:center}
#category_search{float:right; margin: 0 4px 0 0;padding:4px 0 }
.resource_list_block{width:640px;/*border-bottom:2px solid #ddd;*/ padding:5px 0 0 0; margin:0}

.resource_info{float:left;width:583px;}
.resource_list_block_web{width:640px;border-bottom:2px solid #ddd; padding:5px 0 8px 0; margin:0 0 5px 0}
.resource_info_web{float:left;width:640px;}

p.resource_link{border-bottom:1px solid #eee;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:90%; background: url("images/link-arrow.png") 0 8px no-repeat; padding:3px 0 8px 15px;}

p.resource_right {float:right; margin:2px 0 0 10px; font-size: 70%;}

.delete{float:right;margin:3px 5px 0 5px; border:1px solid #fff}

p.resource_further_info{float:left;font-size:70%;color:#999999; padding:5px 20px 0 0; margin:0}
span.web_cat{background: url(images/web-category-icon.png) no-repeat center left;padding:2px 0 2px 20px;}
span.video_cat{background: url(images/video-category-icon.png) no-repeat center left;padding:2px 0 2px 20px;}

span.recommended_cat{
	/*background: url(images/recommended-category-icon.png) no-repeat center left;*/
	padding:3px 6px;
	background: #0065a6;
	color: #fff;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
span.saved_cat{
	/*background: url(images/saved-category-item.png) no-repeat center left;*/
	padding:3px 6px;
	background: #63990e;
	color: #fff;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

span.cat{background: url(images/category-icon.png) no-repeat center left;padding:2px 0 2px 20px;}

div#profile_page_lhs {width:570px;float:left;margin:10px 25px 0 0;}

#my_profile_rhs{width:365px;float:left; margin:0;}

.profile_rhs{width:365px;margin:10px 0 20px 0; background:url(images/profile-rhs-mid.png) repeat-y top left;}
.profile_rhs h2{padding:10px 10px 0 10px; margin:0; background:url(images/profile-rhs-top.png) no-repeat top left;color:/*#94b832*/#666}
.profile_rhs_btm{background:url(images/profile-rhs-btm.png) no-repeat bottom left;height:10px;}
.profile_rhs p{padding:5px 10px}

#profile_bar{border:1px solid #ccc; margin:0 10px 0 10px;height:25px;background: #f5f5f5 url(images/profile-bar-bg.png) repeat-x top left;}
#profile_bar_indicator {height: 25px; background:url(images/profile-bar-indicator-bg.png) repeat-x top left; border-right: 1px solid #6ca0c7}

#profile_checkboxes{padding:10px 5px;}
#profile_checkboxes_left{width:177px;float:left}
#profile_checkboxes_right{width:177px;float:left}
p.profile_checkbox_text{float:left;padding:5px 0 5px 6px;margin:0;font-size:70%}

#profile_btn {margin:0; text-align: center;}

table#to_do_list{
	margin:0 0 10px;
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
}
table#to_do_list th{
	color:#666;
	padding:5px; 
	background:#dcdcdc;
	font-size:65%;
	text-align:left;
	border:none;
	font-weight: normal;
}
table#to_do_list th.check {text-align: center;}

table#to_do_list td {
	padding:8px 0; 
	color:#333; 
	font-size:75%;
	border: none;
	border-bottom: 1px solid #dcdcdc;
	background:none;
}
table#to_do_list td span {font-size: 80%; color: #666;}
table#to_do_list td.task{
	width: 180px;
	line-height: 1.3;
}
table#to_do_list td.check{
	width: 50px;
	text-align: center;
	vertical-align: middle;
}
table#to_do_list td.remove{
	width: 20px;
	text-align: center;
	vertical-align: middle;
}

table#to_do_list td img {border: none;}

form#to_do_form {margin:0 0 30px; padding:0;}

input.to_do_text {
	width: 185px;
	border: 1px solid #c6c6c6;
	color: #999;
	font-size: 75%;
	padding: 3px 5px;
	margin:0 5px 0 0;
	vertical-align: middle;
}
input.to_do_btn {
	background: #989898;
	color: #fff;
	border: 1px solid #7e7e7e;
	-moz-border-radius: 5px; 
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   	cursor: pointer;
   	font-size: 75%;
   	vertical-align: middle;
   	padding:3px 5px;
   	margin:0;
}



.resource_vid_img{border:1px solid #666;margin:5px 10px 0 0;float:left;width:45px}
a img.delete:hover{border:1px solid #9a9a9a}
h3.category_head{background:#eee url(images/category-icon.png) no-repeat 5px 8px; font-size:120%; font-weight:normal; color:#666;padding:5px 5px 5px 30px; /*border-top:1px solid #ccc;*/margin:0}
  
/*alert box*/
 #alert{background:#fcf0b6 /*url(images/alert-mid.png) repeat-y top left*/;margin:20px 0 10px 0;display:inline-block;width:958px;border:1px solid #dfc5a4;/*text-align:center*/}
  #overlay_alert{background:#fcf0b6;margin:20px 0 10px 0;border:1px solid #dfc5a4;}
  
#alert_top{background:url(images/alert-top.png) no-repeat top left;height:10px}
#alert_btm{background:url(images/alert-btm.png) no-repeat bottom left;height:10px}
.alert_text{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;padding:5px 10px 5px 12px; line-height:1.2;color:#8b775d}
.alert_action{background:url(images/alert.png) no-repeat center left;padding:5px 10px 5px 30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%;font-weight:bold;margin-left:10px;color:#8b775d}
.alert_action a{/*color:#cb7302*/ }


/* lifepilot overlay */

h1#overlay  {
	color: #006699;
	font-size: 170%;
	text-align: center;
	padding:10px 0 20px;
}

div#overlay_left, div#overlay_right {
	float: left;
	width: 280px;
	text-align: center;
	margin:10px 0 30px;
}

p.overlay_intro {padding:0 10px 10px;}

div#overlay_left a, div#overlay_right a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	display: block;
	width: 130px;
	margin: 0 0 0 75px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 10px; 
   	-webkit-border-radius: 10px;
   	border-radius: 10px;
}

a.overlay_sign_btn {
	background: #004b7f url("images/sign-btn-bg.jpg") left top repeat-x;
	border: 1px solid #004a79;
}

a.overlay_register_btn {
	background: #4a7900 url("images/register-btn-bg.jpg") left top repeat-x;
	border: 1px solid #4a7900;
}

p.overlay_close {text-align: right; padding:0;}

form#overlay_register  {
  margin: 0;
  padding: 0;
}

form#overlay_register label{
	font-size: 100%;
	display: inline;
	width: 200px;
	float: left;
	margin: 10px 0;
	padding:5px 0 0;
	clear:left;
	color:#636443;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:90%;
}

form#overlay_register label.error {
  color: #FF0000;
}

input.overlay_reg_text{margin: 10px 0;width: 330px; background: #f8f8f0; border: 1px solid #cccdb3; padding:3px 2px; font-size: 18px;color: #666;}

p.overlay_terms_right{text-align:right; padding:10px 20px 10px 0}




/*--------------------buttons----------------------------------*/

#profile_btn a, .question_btn, .submit_btn{
   background: #c2da0b url(images/profile-btn-bg.png) repeat-x;
   margin:10px;
   padding: 10px 10px 11px;
   color: #2b3a04;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;
   font-size:140%;
   font-family:Arial, Helvetica, sans-serif;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border:1px solid #97a90a;
   text-align:center; 
   cursor: pointer;}
   
 #question_btn_profile{
   background: #c2da0b url(images/quiz-profile-btn-bg.png) repeat-x;
   margin:10px;
   
   color: #2b3a04;
   text-decoration: none;
   padding: 5px 5px 6px;
   font-weight: bold;
   line-height: 1;
   font-size:140%;
   font-family:Arial, Helvetica, sans-serif;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border:1px solid #8193b0;
   text-align:center; 
   cursor: pointer;}
  
 #go_btn{ background:#ccc /*#c2da0b url(images/profile-btn-bg.png) repeat-x*/;
   margin:0 0 0 5px;
   padding:0 2px;
   color: #2b3a04;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;
  font-size:80%;
  font-family:Arial, Helvetica, sans-serif;
-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #999;
 
  text-align:center; 
  cursor: pointer;}
  
.question_btn a, #question_btn_profile a {color:#333 /*#65710e*/; text-decoration:none; }
#profile_btn a {width: 320px; display: block; color: #373e02;}

#todo_add_btn, #add_to_profile_btn{
	background: #c2da0b url(images/profile-btn-bg.png) repeat-x;
   margin:10px;
   padding: 5px;
   color: #373e02;
   text-decoration: none;
   font-weight: bold;
   line-height: 1;
  font-size:80%;
  font-family:Arial, Helvetica, sans-serif;
-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #97a90a;
 width:60px;
  text-align:center; 
  cursor: pointer;
  float:right}
 #add_to_profile_btn{width:100px}

input#resources_go_btn {
	background: #989898;
	color: #fff;
	border: 1px solid #7e7e7e;
	-moz-border-radius: 5px; 
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   	cursor: pointer;
   	font-size: 75%;
   	vertical-align: middle;
   	padding:3px 5px;
   	margin:0;
}
  
 .question_btn, #question_btn_profile{float:right;margin:15px 20px 10px 10px; padding: 7px 7px 8px;}
 .submit_btn{margin:5px 0;padding:5px}

/*--------------------questions----------------------------------*/

#questions_info_boxout {
	background: #fff8bf;
	margin:0 0 15px;
	padding: 10px;
}
#questions_info_boxout p {color: #6c6105; padding:0;font-size:100%; font-family:Arial, Helvetica, sans-serif}
#questions_info_boxout p.right {margin:-7px -3px 5px 5px; font-size: 70%;}
#questions_info_boxout a {color: #000;}

#question_box{background:url(images/questions-box-mid.png) repeat-y top left;margin:5px 60px 0 60px;display:inline-block;width:840px}
#question_box_top{background:url(images/questions-box-top.png) no-repeat top left;height:35px;padding:0}
#question_box_btm{background:url(images/questions-box-btm.png) no-repeat bottom left;height:10px;}
#question_box_top_end{background:url(images/questions-box-top-end.png) no-repeat top left;height:35px;padding:0}
.questions_left{width:390px; padding:0 30px 0 15px; float:left;}
.questions_right{width:390px; padding:0 15px 0 0; float:left;}
.questions_list{margin:0; padding:0}
.questions_list li{margin:10px 0; padding:5px 15px 5px 5px; display:block; background:url(images/questions-bg.png) no-repeat center right; -moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;}
.questions_list li a{color:#333; text-decoration:none;display:block; }
#question_box label{display:block;margin:10px 0; padding:10px;background:url(images/questions-bg.png) no-repeat center right; -moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;clear :right;
	cursor:pointer; line-height:1.4; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif}
#question_box label:hover{color:#444}
.question_checkbox{float:right;}
body#question_page{background:#fff}
body#question_page h1{color:#333; margin-top:10px;font-size:140%; font-weight:bold}
p.back{padding:25px 15px 15px 0;color:#3663bc;margin:0 10px 0 15px;}
#skip{float:right;padding: 30px 0 0 0;margin:0; font-size:80%;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
p.questions_para{font-weight:bold; font-size:100%;padding:5px 0 0 0}
#the_question{margin:10px 60px 0 }
#question_number{background:#eee;padding:5px 10px}
p.interum_text{font-size:120%;padding:5px 20px 10px 20px}


p.quiz_example_btn {
	float: right;
	font-size: 70%;
	margin-right: 10px
}
p.quiz_example_btn a {
	color: #666;
	margin-left: 15px;
}


/*--------------------tools for study----------------------------------*/

#tools_hold{background:url(images/tools-spacer-line.png) repeat-y top left; width:940px;margin:20px 0 }
.tools_block{width:235px;float:left;margin:0}
.tools_block h2{font-size:120%; fon-weight:normal;padding:0 15px;color:#94b832;font-weight:normal;}
.tools_block ul{padding:0; margin:5px 0 0 10px;font-size:75%}
.tools_block ul li{padding:7px 10px 7px 25px; margin:0;line-height:1.4; background:url(images/link-arrow.png) no-repeat 5px 10px}
#tools_resource_link{width:660px;margin:10px 0 0 0;}

/*--------------------tools for study page 2----------------------------------*/
#tasterbox{width:660px;float:left; border:1px solid #ccc;background:#fff; color:#666; margin:10px 0 10px 0  }
#tasterbox ul, #tasterbox ol{font-size:80%;}
#tasterbox ul li{list-style:disc; line-height:1.4;}
#tasterbox ol li{line-height:1.4;}

#scrolling{height:335px;overflow:auto;padding:0 10px}
#controls{ background:#f9fcf8; padding:10px;text-align:right; border-top: 1px solid #b1db7a; font-size:80%;  border-top:1px solid #ccc;}
#controls span{font-weight:bold;color:#3663bc}
#controls a{font-weight:bold; }
span.selected_taster{color:#cc9900}

#tools_nav{float:left;width:258px;margin:10px 0 0 20px; padding:0}
#tools_nav h2{padding:0 0 10px 0; margin:0; color:#94b832}
 ul#tools_intro{padding:0; margin:0 0 0 30px;}
 ul#tools_intro li{padding:5px 0; font-size:80%; list-style:disc;}




/*--------------------Profile----------------------------------*/
#profile_content{float:left; width:725px;margin:10px 0}
#add_example{background: #f3f3e2 url(images/profile-mid.png) repeat-y top left;margin:10px 0;width:725px; clear:right}
#add_example_top{background:url(images/profile-top.png) no-repeat top left;height:10px;padding:0}
#add_example_btm{background:url(images/profile-btm.png) no-repeat bottom left;height:10px;clear:right;}

p.profile_btn {
	margin:10px 0 20px;
}
p.profile_btn a { 
	text-align: center; 
	background:#bfd2ec url(images/feedback-bg.png) top left repeat-x;
	width: 250px;
	color: #21609b;
	display:block;
	padding: 5px 0;
	text-decoration: none;
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px;
	border-radius: 18px;
	margin:0 0 5px;
	border:1px solid #9cb9ca;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 130%;
}

textarea#add_example_text {width:690px; border:1px solid #cccdb3; margin:10px 10px 0 10px;font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;padding:5px;color:#333}

.examples{margin:5px 0 0; padding:5px 0; border-top:1px solid #ccc;}
.examples_right{float:right;font-size:70%; margin:2px 0 0 0;}

/*.examples_right span{background:url(images/added-by.png) no-repeat center; padding:5px 10px; }*/
.examples_right span.quiz{
	padding:3px 6px;
	background: #0065a6;
	color: #fff;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.examples_right span.you{
	padding:3px 6px;
	background: #63990e;
	color: #fff;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.examples_text{width:544px;/*border-right:1px solid #ccc;*/}
.delete_example{margin:0 10px;border:1px solid #fff}
a img.delete_example:hover{border:1px solid #9a9a9a}

select.resouces_category_dd {
	margin:5px 10px 5px 0;
}

p.num_resources {padding: 9px 0;}


p.quiz_link{text-align:right; font-size:70%; padding:5px 0; margin:0;}
p.quiz_link a {font-weight:normal}

p.quiz_link a.print {background: url("images/printer.png") left center no-repeat; padding:5px 0 5px 25px; margin:0 20px 0 0;}

p.quiz_link a.pdf {background: url("images/pdf.png") left center no-repeat; padding:5px 0 5px 25px; margin:0 0 0 20px;}
p.quiz_link a.info {background: url("images/info-icon.png") left center no-repeat; padding:5px 0 5px 25px; margin:0 0 0 20px;}
p.quiz_link a.sheet {background: url("images/spreadsheet-icon.gif") left center no-repeat; padding:5px 0 5px 25px; margin:0 0 0 20px;}

p.quiz_link a.quiz {background: url("images/quiz-icon.png") left center no-repeat; padding:5px 0 5px 21px;}

p.warning {background:#fcf0b6; margin:10px 0; border:3px solid #c2ae68; padding:10px;}
p.warning span {font-weight:bold}

h3.profile_heading {
	color: #004d84;
	padding: 0 0 5px 50px;
	margin:20px 0 0 0;
}
h3#magnify {
	background: url("images/profile-magnify.jpg") left top no-repeat;
}
h3#heart {
	background: url("images/profile-heart.jpg") left top no-repeat;
}
h3#bright {
	background: url("images/profile-bright.jpg") left top no-repeat;
}
h3#trophy {
	background: url("images/profile-trophy.jpg") left top no-repeat;
}
h3#signpost {
	background: url("images/profile-signpost.jpg") left top no-repeat;
}

div.profile_box {
	margin:0 0 40px 50px;
	background: #e5e5cc url("images/profile-box-top.jpg") left top no-repeat;
	padding:20px 0 0 0;
}
div.profile_entry {
	padding: 10px;
	border-bottom: 2px solid #fff;
}
div.lp_added {
	background: #f1f0de url("images/lp-added-bg.gif") left center no-repeat;
}

div.profile_entry p.entry {
	color: #000;
	padding:0;
}
div.profile_entry p.details {
	color: #7f7f62;
	padding:0;
}
div.profile_entry p.details a {
	color: #7f7f62;
}

div.profile_add {
	padding: 10px;
}

form#profile_add_form {margin:0 0 30px; padding:0;}

input.profile_add_text {
	width: 505px;
	border: 1px solid #d2d2bb;
	color: #999;
	font-size: 80%;
	padding: 3px 5px;
	margin:0 5px 0 0;
	vertical-align: middle;
}
input.profile_add_btn {
	background: #a7a789 url("images/profile-add-bg.jpg") top repeat-x;
	color: #fff;
	border: 1px solid #919179;
	-moz-border-radius: 5px; 
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   	cursor: pointer;
   	font-size: 75%;
   	vertical-align: middle;
   	padding:3px 5px;
   	margin:0;
}


/* he skills on profile */

p.skills_map_heading {
	text-align: right;
	margin:15px 0 10px;
	padding:0;
}
p.skills_map_heading img {
	vertical-align: middle;
	margin:0 0 0 10px;
}
p.skills_map_heading a {
	color:#333;
	text-decoration: none;
}
p.skills_map_heading a:hover {
	color:#333;
	text-decoration: underline;
}

p.skills_map_results {
	float: right;
	margin-top: -5px;
	font-size: 75%;
	color:#666;
}

div.lp_added div.profile_entry_details {
	float: left;
	width: 340px;
	margin:0 60px 0 0;
}
div.skills_map_link {
	float: left;
	width: 30px;
	text-align: right;
}
div.skills_map_link img {
	margin-top: 10px;
}
div.words_list {
	float: left;
	width: 140px;
	margin:0;
}
div.words_list ul {
	margin:0;
	padding:0;
	font-size: 70%;
}
div.words_list ul li {
	margin:0 5px 5px 0;
	padding:0;
	display: inline;
	float: left;
	white-space: nowrap;
}
div.words_list ul li a {
	text-decoration: none;
	padding: 3px;
	background: #91c036;
	display: block;
	color:#fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.words_list ul li a:hover {
	background: #76a220;
}


/* tooltip */
body#profile #tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #d4c24a;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff7c2;
	padding: 5px;
	opacity: 0.95;
	width: 150px;
	font-size: 120%;
	line-height: 1.2;
}




/* he skills map */

img.heskills_help,
img.heskills_title {
	vertical-align: middle;
	margin:0 10px 0 0;
}

table#he_skills_map {
	border:none;
	border-collapse: collapse;
	border-spacing: none;
	width: 100%;
	margin:0 0 30px;
}

table#he_skills_map th {
	border:none;
	background: #94c339;
	font-size: 80%;
	font-weight: normal;
	padding: 5px 10px;
	vertical-align: middle;
}
table#he_skills_map th img {
	float: right;
}

table#he_skills_map td {
	border:none;
	border-bottom: 3px solid #94c339;
	background: #fff;
	font-size: 75%;
	line-height: 1.3;
	padding: 10px;
}
table#he_skills_map td.upper_row {
	border-bottom: 1px solid #ccc;
}

table#he_skills_map td.skill {
	width: 180px;
}
table#he_skills_map td.profile_match,
table#he_skills_map th.profile_match {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
table#he_skills_map td.profile_match {
	background: url("images/match-bg.gif") center center no-repeat;
	font-weight: bold;
	color: #fff;
}

table#he_skills_map td.level,
table#he_skills_map th.level {
	width: 60px;
	text-align: center;
	vertical-align: middle;
}
table#he_skills_map td.level_3 {
	background: url("images/level3_bg.gif") center center no-repeat;
	font-weight: bold;
}
table#he_skills_map td.level_4 {
	background: url("images/level4_bg.gif") center center no-repeat;
	font-weight: bold;
}

table#he_skills_map td.descriptor {
	width: 260px;
}
table#he_skills_map td.level_match,
table#he_skills_map th.level_match {
	width: 80px;
	text-align: center;
	vertical-align: middle;
}
table#he_skills_map th.evidence {
	padding-left: 10px;
}
table#he_skills_map td.evidence {
	width: 260px;
	vertical-align: middle;
	text-align: right;
}

/* form elements in skills map */

input.level_check {
	background: url("images/level-check.gif") center center no-repeat;
	/*text-indent: -9999px;*/
	font-size: 1px;
	color:#eef4ec;
	border:none;
	width: 26px;
	height: 26px;
	cursor: pointer;
}
input.level_check_selected {
	background: url("images/level-check-selected.gif") center center no-repeat;
}

textarea.skills_evidence_textarea {
	background: #eef4ec;
	border: 1px solid #cfd5cd;
	width: 268px;
	margin:0;
	color:#666;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	padding: 2px;
}
textarea.skills_evidence_textarea:focus {
	outline:none;
	border: 1px solid #8f9d8b;
}

input.evidence_btn {
	background: #94c339;
	border: none;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	padding: 3px 7px;
	margin:5px 0 0;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
input.evidence_btn:hover {
	background: #76a220;
}

p.big_save_btn {
	text-align: center;
	padding:0 0 20px 0;
	font-size: 110%;
	font-family: Arial, sans-serif;
}
p.big_save_btn a {
	background: #76a220;
	border: none;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding: 5px 15px;
	margin:5px 0 0;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}
p.big_save_btn a:hover {
	background: #5f8515;
}




/*--------------------find a college----------------------------------*/
#map_block {background:#f3f4e3; padding:10px; margin: 10px 0;}

#map{padding:10px}

input.map_textbox{width: 740px; border:3px solid #cccdb3; padding: 7px; background: #fff; font-size: 18px;font-family:Arial, sans-serif; color:#666; margin:5px 15px 15px 0;}

input.search_btn {background: #c2da0b url(images/profile-btn-bg.png) repeat-x; width: 140px; height: 40px;  color: #2b3a04;font-family:Arial, sans-serif; font-size: 120%; border: none; font-weight: bold; line-height: 17px; margin:5px 0 15px; cursor: pointer;-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #97a90a;}
	
#map_bg{background:#eaf0f5; border:1px solid #cdccb2}

#map_nav_hold{width:282px;float:left; border-right: 1px solid #838383; height: 540px;}

ul#map_nav{margin:0; padding:0; font-size:90%; font-family:Arial, Helvetica, sans-serif;font-weight:bold}
ul#map_nav li{margin:0;  display:inline;}
ul#map_nav li a{display:block;color:#333; text-decoration:none;float:left; width:282px; padding:15px 0 15px 0px; border-bottom:1px solid #bfbfbf;}
ul#map_nav li#private_list a {
	/*border-bottom: 1px solid #838383;*/
}


#uni_list a {border-top:1px solid #fff }
#uni_list a span {background:url(images/blue-flag.png) no-repeat center left; padding:15px 0 15px 50px;}

#further_list a {border-top:1px solid #fff}
#further_list a span {background:url(images/red-flag.png) no-repeat center left; padding:15px 0 15px 50px;}

#private_list a {border-top:1px solid #fff}
#private_list a span {background:url(images/green-flag.png) no-repeat center left; padding:15px 0 15px 50px;}

#all_list a {border-top:1px solid #fff}
#all_list a span {background:url(images/blue-red-green-flag.png) no-repeat center left; padding:15px 0 15px 50px;}



#uni_list a.map_selected{background:#bccbd7; border-top: 1px solid #d5dfe8;}
#uni_list a:hover{color:#666}

#further_list a.map_selected{background:#bccbd7; border-top: 1px solid #d5dfe8;}
#further_list a:hover{color:#666}

#private_list a.map_selected{background:#bccbd7; border-top: 1px solid #d5dfe8;}
#private_list a:hover{color:#666}

#all_list a.map_selected{background:#bccbd7; border-top: 1px solid #d5dfe8;}
#all_list a:hover{color:#666}


 
#area_filter, #jump_menu, #training_btns {border-top:1px solid #fff;clear:both;border-bottom:1px solid #bfbfbf; padding:0 0 5px;}
#area_filter{border-bottom:none;padding:0;}
#area_filter p{font-size:70%; padding:5px 10px 10px 10px;color:#333}

div#training_btns {
	padding: 0 10px 10px;
}
div#training_btns p {
	font-size: 70%;
	line-height: 1.2;
}
div#training_btns ul {
	margin:0;
	padding:0;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div#training_btns ul li {
	list-style: none;
	display: inline;
	float: left;
	width: 126px;
	margin:0;
	padding:0;
}
div#training_btns ul li.training {
	margin:0 10px 0 0;
}
div#training_btns ul li span {
	font-size: 75%;
	display: block;
	font-weight: normal;
}
div#training_btns ul li a {
	border:1px solid #bfbfbf;
	background: #dae4eb url("images/map-btn-bg.gif") left top repeat-x;
	display: block;
	text-decoration: none;
	padding:7px 5px;
	text-align: center;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#333;
}
div#training_btns ul li.selected a {
	background: #9cafbd url("images/map-btn-bg-select.gif") left top repeat-x;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border: 1px solid #999;
}
div#training_btns ul li.training a {
	padding:12px 5px;
}
div#training_btns ul li a:hover {
	border: 1px solid #999;
}

ul#filter_list{margin:0 10px 10px 10px; padding:0; font-size:65%;}
ul#filter_list li{margin:0 5px 5px 0; float:left;background: url(images/filter-tab-left.png) no-repeat center left;padding:4px 0 6px 10px}
ul#filter_list li a{margin:0 0 5px 0; background: url(images/filter-tab-right.png) no-repeat center right;padding:4px 10px 6px 0;text-decoration:none;color:#333}
ul#filter_list li a:hover{color:#666}

ul#filter_list li.outside {
	clear: left;
	background: url("images/link-arrow-grey.gif") 0 3px no-repeat;
	padding-left: 13px;
}
ul#filter_list li.outside a {
	background: none;
}


#jump_menu p{font-size:70%; padding:5px 10px;color:#333}
select.jump_item{width:260px; margin:0 10px 5px 10px}

#map_holder{height: 540px;width:635px;float:left;}

.colleges{background:#f3f4e3; border:1px solid #cccdb3;margin:20px 0 0 0; padding:10px; }
.colleges h2{padding:0; margin:0}
ul.institution_list{margin:10px 0 20px; padding:0}
ul.institution_list li{margin:0 0 0 10px; padding:10px 10px 10px 20px; float:left; width:280px;font-size:90%;  background:url(images/link-arrow.png) no-repeat center left}
p.map_text{float:right;padding:5px 5px 5px 10px;width:100px}
p.map_image {float: left; width: 110px; padding:0;}
p.map_image img {border:1px solid #999}


/* find a college - college page */

ul#uni_icons {
	margin:0 0 20px;
	padding:0;
	font-size: 75%;
}
ul#uni_icons li {
	list-style: none;
	padding:2px 0 15px 40px;
	margin:0;
}
ul#uni_icons li.workbased_icon {
	background: url("images/work-based-icon.jpg") 0 0 no-repeat;
	color:#5b9400;
}
ul#uni_icons li.higherlevel_icon {
	background: url("images/higher-level-icon.jpg") 0 0 no-repeat;
	color:#3967a0;
}

/* for advisers */

div.adviser_item {
	margin:0 20px 20px 0;
	width: 220px;
	float: left;
}
div.adviser_item_last {
	margin-right:0;
}

div.adviser_item img {
	border: 1px solid #ccc;
	padding: 4px;
	margin:0 0 5px;
}
div.adviser_item p {
	font-weight: bold;
	padding:0;
}
div.adviser_item p a {
	padding:0 0 0 20px;
	background:url(images/link-arrow.png) no-repeat 0 3px;
}


/*listings*/

main_content{float:left; width:235px;margin:0 20px 10px 0;}
.listing_grid_left{float:left; width:235px;margin:0 20px 10px 0; }
.listing_grid_right{float:left; width:235px;margin:0 0 10px 0; }
.listing_grid_left img, .listing_grid_right img{border:1px solid #ccc; padding:4px;} 
p.listing_grid_link{padding:5px 5px 5px 20px;background:url(images/link-arrow.png) no-repeat 0 10px}
p.listing_grid_link a{font-weight:bold;}

.list_view{float:right; width:360px;clear:right}
.border{border:1px solid #999}


/*--------------------right hand side----------------------------------*/

a#feedback { 
	text-align: center; 
	background:#bfd2ec url(images/feedback-bg.png) top left repeat-x;
	width: 208px;
	color: #21609b;
	display:block;
	float: left;
	padding: 5px 0;
	text-decoration: none;
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px;
	border-radius: 18px;
	margin:0 0 5px;
	border:1px solid #9cb9ca;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 130%;
}

#rhs p {
	padding:0 0 5px;
	font-size: 75%;
}




/*--------------------register----------------------------------*/
form#register label{
	font-size: 100%;
	display: inline;
	width: 220px;
	float: left;
	margin: 10px 0 10px 20px;
	clear:left;
	color:#636443;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:90%;
	padding:10px 0 0 0;
}

form#register label.error {
  color: #FF0000;
}

input.reg_text{margin: 10px 0;width: 390px; background: #fff; border: 1px solid #cccdb3; padding:3px 2px; font-size: 18px;color: #666;}

form#mylifepilot_form {
  margin: 0;
  padding: 0;
}

/*#register_box{width:660px;float:left; background:#fff; color:#666; margin:20px 0 10px 0  }*/

#register_box{background: url(images/register-mid.png) repeat-y top left;margin:0;display:inline-block;width:660px}
p.terms_right{text-align:right; padding:0 20px 0 0}
p.terms_right.error { color: #FF0000; }
.join_btn{background: #c2da0b url(images/profile-btn-bg.png) repeat-x; width: 100px; height: 40px;  color: #2b3a04;font-family:Arial, sans-serif; font-size: 140%; border: none; font-weight: bold; line-height: 5px; margin:5px 20px 15px; cursor: pointer;-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #97a90a;}

#register_box_top{background:url(images/register-top.png) no-repeat top left;height:10px;padding:0;margin:10px 0 0 0}
#register_box_btm{background:url(images/register-btm.png) no-repeat bottom left;height:10px;}

#register_box_hold{width:660px;float:left;}
#sign_up_details{float:left;width:230px;margin:0 0 0 40px}
#sign_up_details h3{font-size:90%; font-weight:bold;color:#333; border-bottom:1px solid #ccc;padding:5px 0;}
#sign_up_details ul{margin:0 0 0 20px;}
#sign_up_details ul li{margin:0 ;padding:5px 0; list-style:disc; line-height:1.4;font-size:90%}

/*--------------------information footer----------------------------------*/


p.footer_head{font-size:90%; font-weight:bold; color:#8c8d69;margin:5px 0 10px 0; /*background:url(images/lifepilot-list-line.png) repeat-x bottom left;*/ border-bottom:2px solid #d2d3ab;}
.foot_info_left{width:345px;float:left;margin:0 70px 0 0; }
.foot_info_right{width:540px;float:left; padding:0; background:#efefcb url(images/find-footer-top.png) no-repeat top left;margin:15px 0 0 0 ;height:147px;}
#foot_info_right_end{background:#efefcb url(images/find-footer-btm.png) no-repeat bottom left;height:10px;clear:right;margin:0; padding:10px 0 0; }
.foot_info_right p{color:#8c8d69; font-size:90%; font-weight:bold;padding:10px 0 0 0;line-height:1.6}
.foot_info_right p span{font-size:75%;font-weight:normal}

ul#lifepilot_bullets{margin:0; padding:0; font-size:80%;}
ul#lifepilot_bullets li{margin:0 0 0 15px; padding:10px 0;background:url(images/lifepilot-list-line.png) repeat-x bottom left;color:#6f7159;line-height:1.3;list-style:circle}
p.lifepilot_list_signup{float:right; font-size:70%;padding:15px 0 0 0}
p.lifepilot_list_signup span{font-weight:bold}
ul#lifepilot_bullets li#list_list{background:none;}
#footer_block{margin:0; background:#fff url(images/footer-block-top.png) no-repeat top left;padding:0 10px;}
input.find_footer{width:340px; border:2px solid #cccdb3; font-size:110%;padding:5px 2px; margin:10px 0 5px 0;color:#999999}

#footer_find_form{padding:0 10px;}
.find_footer_btn{padding:2px 5px}


/*explore footer info*/
#footer_info_point_box{background:#efefcb url(images/info-point-footer-top.png) no-repeat top left;margin:10px 0 0 0}
#footer_info_point_box_btm{background:url(images/info-point-footer-btm.png) no-repeat bottom left;height:10px;}
.foot_links{width:312px;float:left;margin:20px 0 0 0; /*border-right:1px solid #c4c49e;*/}
#foot_links_end{margin:20px 0 0 0; border-right:none;}
#footer_info_point_box ul{margin:0; padding:5px 0 20px 10px}
#footer_info_point_box ul li{margin:0 0 0 0; padding:0 5px 0 15px ; font-size:75%;line-height:1.4; list-style:none;color:#697518;background:url(images/footer-arrow.png) no-repeat 0px 3px;}
#footer_info_point_box ul li a{color:#697518;text-decoration:none;}
#footer_info_point_box ul li a:hover{text-decoration:underline;}


/*----------------------footer--------------------------------*/


#footer p{font-size:70%; color:#7a7c5c}

/*----------------------------extras-----------------------------------------------------------*/
#main_content ul.image_gallery {margin:0; padding:0;}
#main_content  ul.image_gallery li {display: inline; float:left; list-style: none; padding:0;margin:0; background:none;}
ul.image_gallery li img {border:1px solid #ccc; margin:0 10px 10px 0;padding:0}

div.box_out {
	background:#f3f3e2; 
	padding:10px; 
	margin:10px 0;
	border: 1px solid #cdccb2;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
div.box_out p.align_right {padding:0 10px 0 0;}

/* flash ----------------------------------- */
div.flash_holder {padding:0 0 10px 0;}

/* images ---------------------------------- */
div.page_img {margin:0 0 10px;}
div.page_img_left {float:left; margin:0 10px 10px 0;clear:both}
div.page_img_right {float:right; margin:0 0 10px 10px;clear:both}
div.page_img img, div.page_img_left img, div.page_img_right img {border: 1px solid #ccc; margin:5px 0 0 0;}
div.page_img p, div.page_img_left p, div.page_img_right p {font-size: 65%; padding:0;}
div.page_img p, div.page_img_right p {text-align: right;}

/*forms-----------------------------*/
input.standard_text {width: 290px; border: 1px solid #cccdb3; padding:3px 2px; background: #fff;font-size: 16px;font-family:Arial, sans-serif; color:#666;vertical-align: middle;margin:10px 0;}
textarea.standard_textarea {width: 290px; border: 1px solid #cccdb3; padding:3px 2px; background: #fff;font-size: 16px;font-family:Arial, sans-serif; color:#666;vertical-align: middle;margin:10px 0;}
input.security_text {width: 70px; border: 1px solid #cccdb3; padding:3px 2px; background: #fff;font-size: 16px;font-family:Arial, sans-serif; color:#666;vertical-align: middle;margin:0 5px 0 5px;}

input.standard_text_large {width: 490px; border: 1px solid #cccdb3; padding:3px 2px; background: #fff;font-size: 16px;font-family:Arial, sans-serif; color:#666;vertical-align: middle;margin:10px 0;}
textarea.standard_textarea_large {width: 490px; border: 1px solid #cccdb3; padding:3px 2px; background: #fff;font-size: 16px;font-family:Arial, sans-serif; color:#666;vertical-align: middle;margin:10px 0;}



div.box_out label {
	display: inline;
	width: 150px;
	float: left;
	margin: 13px 0;
	clear:left;
	color:#636443;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:90%;
	padding:0;
}
div.box_out label.error {color: #9f2d00;}


/* security question ------------------------------- */

p#security_question {font-size: 90%;font-weight: bold;color: #636443;margin:5px 0 ; font-family:Verdana, Arial, Helvetica, sans-serif;}
p#security_question span {font-weight: normal;font-size: 70%; font-style:italic; color: #666; text-decoration:underline;cursor:pointer;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #d4c24a;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff7c2;
	padding: 5px;
	opacity: 0.95;
	width: 250px;
	font-size: 120%;
	line-height: 1.2;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 70%; color: #444; font-weight: normal;}

/**********************************************tables*****************************************************/
table{width:95%; border-top:1px solid #666;border-left:1px solid #666;}
th{padding:5px;border:none;text-align:left; background:#8fb72e; color:white;border-bottom:1px solid #666;border-right:1px solid #666;text-align:left;}
td{padding:5px;border-bottom:1px solid #666;border-right:1px solid #666;text-align:left; background:#dae4c0; vertical-align:top;color:#333; font-size:80%;font-family:Verdana, Arial, Helvetica, sans-serif}






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


/*digital story*/
h1#ds_head{background:#f1f3c0; color:#ab7619; padding:10px 10px 10px 10px;margin:0 0 20px 0}
h1#ds_head_green{background:#f0f8d9; color:#4a6309; padding:10px 10px 10px 10px;margin:0 0 20px 0}
#pf_ds_block_hold{background:#333; width:940px; background:#333 url(images/ds-block-top.gif) no-repeat top left; margin:20px 10px ;}
#pf_ds_block_hold h1{color:#fff; padding:20px 20px 10px 20px;}
#pf_ds_block_hold h2{color:#ccc; padding:0 20px 10px 20px;line-height:1.6}
#ds_vid_left{width:450px; float:left;padding:0 20px 0 0}
#ds_vid_right{width:470px; float:left;padding:20px 0 0 0}
#ds_vid_left p, #ds_vid_right p{color:#ccc;padding:0 20px 15px 20px}
#ds_vid_left p a{color:#ccc}
#ds_vid_left p{font-size:120%;}
#ds_vid_right p{padding:0 20px 15px 0}
#ds_vid_right h3{padding:0 0 15px 0; color:#ccc}
#ds_vid_right ul{margin:0 0 15px 15px; padding:0}
#ds_vid_left ul{margin:0 0 15px 35px; padding:0}
#ds_vid_right ul li, #ds_vid_left ul li{color:#ccc; font-size:90%; list-style:disc;}
#ds_vid_left ul li a{color:#fff}
img.img_right{float:right;padding:2px 0 0 0}
ul#digitalStoryList li{background: url(images/pdf-icon.gif) no-repeat center left; padding:10px 0 10px 25px;font-size:80%}


iframe{padding:0; margin:20px 0 0 0}

h1#prof_head{background:#f1f3c0 /*url(images/ds-icon.gif) no-repeat center left*/; color:#ab7619; padding:10px;margin:0 0 20px 0}
h1#prof_head_blue{background:#e4f4ff /*url(images/ds-icon.gif) no-repeat center left*/; color:#0b529b; padding:10px;margin:0 0 20px 0}
/*profile nav*/

#profile_navbar{background:url(images/grey-line.gif) repeat-x bottom left; margin:10px 0 0 0;}
#profile_navbar ul#green_nav a{ color:#69871c}
#profile_navbar ul#green_nav li.pfSelected a{ color:#333}
#profile_navbar ul#blue_nav a{ color:#0b529b}
#profile_navbar ul#blue_nav li.pfSelected a{ color:#333}

div#profile_navbar ul {
  margin:0 ;
  padding:0 0 5px 10px;
  list-style:none;
  font-family: Arial, sans-serif;font-size:80%;font-weight:normal; letter-spacing:1px;
  line-height:1.3;
  font-weight:bold;
  
  
  }
div#profile_navbar ul li {
  float:left;
  /*background:url("images/ch-tab-left.gif") no-repeat left top;*/
  margin:0 8px 0 0;
  padding:0 0 0 10px;
  border-bottom:1px solid #bfbfbf

  }
div#profile_navbar ul li.pfSelected {
  background:url(images/profile-tab-left-select.gif) no-repeat left top;
  border-bottom: 1px solid #fff;
  
 }
div#profile_navbar ul a {
  float:left;
  display:block;
  /*background:url("images/ch-tab-right.gif") no-repeat right top;*/
  padding:6px 12px 8px 2px;
  text-decoration:none;
  color:#c39e39;
  }
div#profile_navbar ul li.pfSelected a {
  background:url(images/profile-tab-right-select.gif) no-repeat right top; color:#666;margin:0;
 }
 /* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div#profile_navbar ul a {float:none;}
/* End IE5-Mac hack */


.digital_story_link{
font-size:70%;
background:#eee url(images/ds-icon.png) no-repeat center left;padding:5px 0 5px 35px;
margin:20px 0 0;
border-top:1px solid #ccc;border-bottom:1px solid #ccc;

    /*background:url("images/top-nav-right-bg.png")
      no-repeat right top;
    
    padding:0;
	text-align:center*/
	}

.digital_story_link a{ 

	color:#666;
	text-decoration:none;}

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

.container {
  height: 400px;
  overflow: auto;
}
span.profile_intro_text{font-size:35%; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic;color:#666}
a.print_page{ background:url(images/printer-icon-top.png) no-repeat center left; padding:0 0 0 25px; }

p.centre {
	text-align: center;
}