body {
 font-family: Arial, sans-serif;
 font-size: 80%;
 background: #FEFEFE;
 margin: 0px;
 padding: 0px;
 background-image: url(../../assets/images/bg.png); background-position: top; background-repeat: repeat-x;
}


#header {
height: 60px;
}



#log_out {
float: right;
display: block;
color: grey;
margin-top: 20px;

}
/* MENU */

#subnav {
 font-size: 1.2em;
 float: left;
 border-bottom: none;
 margin-top: 3px;
 width: 100%;
 background: #DFDFDF;
 height: 28px;
}

#subnav li a { min-width: 130px; } /* set width for the app menu items */

#nav {
 float: left;
 margin: 0 0 0 80px; padding: 0;
 border-bottom: none;
}

#access_nav {
	float: right;
	margin: 12px 35px 0 0px; padding: 0;
}

#nav li a, #nav li, #subnav li a, #subnav li, #access_nav li a, #access_nav li {
 float: left;
}

#nav li, #subnav li, #access_nav li {
 list-style: none;
 position: relative;
}



#nav li a, #access_nav li a{
 padding: 0.5em 1.5em;
 text-decoration: none;
 color: #9e9e9e;
 border-right: 0px solid #3c3c3c;
 border-right: 0px solid #545454;
 border-left: 0px solid #292929;
 border-bottom: 0px solid #232323;
 border-top: 0px solid #545454;
}

#subnav li a {
 padding: 0.5em 1.5em;
 text-decoration: none;
 color: red;
}

#nav li a:hover, #access_nav li a:hover{
 border-bottom: 0px solid #232323;
 color: red;
 }

#nav li a.active, #access_nav li a.active {
 border-bottom: 0px solid #232323;
 color: red;
 }

#subnav li a:hover {
 /*border-bottom: 1px solid #232323;
 color: grey;
 /*
 background: -moz-linear-gradient(top, #999999, #DFDFDF);
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#DFDFDF));
 */
 }

#subnav li a.active {
 color: grey;

 }

#nav a .menu_info, #access_nav a .menu_info {
	display: block;
	font-size: 1em;
	color: grey;
}

#subnav a .menu_info {
	font-size: 1em;
	color: #999;
}

.error { color: #CC0000;}

#nav li a.scout_green { color: #8AC404; }
.scout_green { color: #8AC404; }

#nav li a.scout_turquoise { color: #2EA78C}
.scout_turquoise { color: #2EA78C}

#nav li a.scout_blue {color: #00A8FF }
.scout_blue {color: #00A8FF }

#nav li a.scout_orange {color: #FF950B }
.scout_orange {color: #FF950B }

.scout_green_background { color: white; background-color: #8AC404}
.green_box { background-image: url(../../assets/images/client_bg.gif); background-repeat: no-repeat;}
.scout_grey { color: #999; }
.scout_red { color: #CC0000;}


.contact_us {color: #CCC;}
.people_shot { border: 1px solid #AFAFAF; padding: 1px;}
.client_list { margin-top: -5px; color: white; padding: 0px 10px 0px 10px; font-weight: bold}

#app_menu { display: block; background-color: #CCC; background-image:url(../../assets/images/arrow_head.png); background-repeat: no-repeat; background-position: right; padding: 6px; text-decoration: none; color: white; font-size: 1.3em;}

#app_menu.active { color: red }

/* traffic lights */
.traffic_light_green { color: #009900;}
.traffic_light_amber { color: #FF9900;}
.traffic_light_red { color: #990000;}

#next_opp, #previous_opp { display: block; background-color: #BBB; background-image:url(../../assets/images/arrow_head.png); background-repeat: no-repeat;  padding: 5px 25px 7px 25px; text-decoration: none; color: white; font-size: 1.3em;}

#next_opp { background-image:url(../../assets/images/arrow_head.png); background-repeat: no-repeat; background-position: right; }

#previous_opp { background-image:url(../../assets/images/arrow_head_back.png); background-repeat: no-repeat; background-position: left; }

ul .traffic_lights
{
list-style-type: none;
}

li.red
{
background-image: url(../../assets/images/bullets/red.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.amber
{
background-image: url(../../assets/images/bullets/amber.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.green
{
background-image: url(../../assets/images/bullets/green.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.grey
{
background-image: url(../../assets/images/bullets/grey.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
/* end traffic lights */

/* frame list */

li.page
{
background-image: url(../../assets/images/bullets/amber.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

/* end frame list*/

h1 { font-size: 2.1em; text-align: center; font-weight: bold; line-height: 1.6em; color: #333;}
h2 { font-size: 1.8em; text-align: left; font-weight: 100; line-height: 1.1em; color: #333;}
h3 { font-size: 1.5em; margin-bottom: 10px; line-height: 1.2em; color: #333; font-weight: 100;}
h4 { font-weight: 100; }

p { margin: 5px 0px 10px 0px;  line-height: 150%;}
strong { font-weight: 600; }


.down_10 { margin-top: 10px; }
.down_20 { margin-top: 20px; }
.down_30 { margin-top: 30px; }
.down_60 { margin-top: 60px; }
.down_90 { margin-top: 90px; }
.down_200 { margin-top: 200px; }

.center {text-align:center;}
.underline { padding-bottom: 10px; border-bottom: 1px dotted #CCC; }
.underline_break { padding-bottom: 0px; border-bottom: 2px dotted #009900; }
.right { float: right; }
.quote { font-size: 1.1em; font-weight:bold; font-style: italic; color: #666; }
.quoted { font-size: 1.1em; font-weight: bold }

form .error { color: red; font-weight: bold; display: block; }

/* home page css */

#home_content { background-image: url(../../assets/images/home_bg_e.jpg); background-repeat: no-repeat; height: 400px; }
#headline { margin: 30px 0px 0px 0px; font-size: 2.3em; text-align: left; line-height: 1.2em; color: #333; padding-left: 0px }
#sub_headline { margin: 10px 50px 0px 70px; }

#find-out-more { margin: 40px 0px 0px 120px; }
#movie { margin: 50px 0px 0px 0px; }
#customers h4 { text-align: center; margin-bottom: 20px; }
#customers ul li { list-style-type: none; display: inline;}
#customers ul li a { margin-right: 15px; }

/* end home page */

/* footer */
#footer-content { border-top: 1px solid #CFCFCF; border-bottom: 3px solid #666;   color: grey; margin-top: 50px; padding-top: 10px; padding-bottom: 15px;}
#footer-content a { color: grey; }
#footer-content .co-details { text-align: center; line-height: 1.2em; font-size: 0.7em;}
#footer-content .contact { text-align: center; line-height: 1.5em; font-size: 1em;}

/* page content */
#content p, #content blockquote, #content ol li  { line-height: 1.3em; }
#content blockquote { margin: 10px 10px 10px 10px; font-style: italic; }
#content ol li { list-style: decimal; margin: 5px 0px 10px 0px;}
#content ul li { margin: 5px 0px 5px 0px;}

.service { text-align: center; }


/* blog formatting */
.datebox{
	text-align:center;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	width:50px;
	height:60px;
	background: url(../images/datebg.gif) no-repeat;
	}
 
.month {text-align:center; font-size:0.8em; color:#FFF; font-weight:bold; margin:0; padding:0; padding-top:4px; line-height:80%;}
 
.day {text-align:center; font-size:1.6em; color:#FFF; font-weight:bold; margin:0; padding:0;padding-top:3px;line-height:90%;}
 
.year {text-align:center; margin:0; padding:0;line-height:90%; color:#000; font-weight: bold;}

.theiscout li {
	list-style-type: none;
	margin: 0px;

	background-image:url(../images/theiscout-tweets.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	
	padding:0 0 15px 55px;
	border-bottom: 0px solid #CCCCCC; 
	display: block;
}

/* form fields */
td { width: 250px; vertical-align: top; text-align: right; padding-right: 10px; padding-top: 10px; }
textarea { width: 400px; height: 50px; padding: 5px; }
#name { width: 150px; }
.note { color: gray; font-style: italic; font-size: 0.8em; line-height: 1.2em; }
#submit { margin-bottom: 20px; }
label { font-weight: bold; line-height: 1.2em; }
.left_justify { text-align: left; }

/* totd opp card in find */

#totd_opp_card {}
#totd_opp_card td { padding: 5px; text-align: left; }
#totd_opp_card tr td .card_intro { color: white; font-size: 0.6em; display: block; margin-bottom: -10px;}
#totd_opp_card tr.card_header {height: 60px; border: 2px solid #2EA78C; background-color: #2EA78C; color: white; font-size: 1.6em;}
#totd_opp_card tr.card_title {height: 80px; border: 2px solid #2EA78C; color: black; font-size: 2em; font-weight: bold }
#totd_opp_card tr td.card_content {border: 2px solid #2EA78C; height: 150px; }
#totd_opp_card tr td.tags {border: 2px solid #2EA78C; }
#totd_opp_card tr td.iscout_reflections {border: 2px solid #2EA78C; padding-bottom: 10px; }
#totd_opp_card tr td.card_footer {border: 2px solid #2EA78C; background-color: #2EA78C; color: white; }

/* default opp card in find */

#opp_card {}
#opp_card td { padding: 5px; text-align: left; }
#opp_card tr td .card_intro { color: white; font-size: 0.6em; display: block; margin-bottom: -10px;}
#opp_card tr.card_header {height: 60px; border: 2px solid gray; background-color: gray; color: white; font-size: 1.6em;}
#opp_card tr.card_title {height: 80px; border: 2px solid gray; color: black; font-size: 2em; font-weight: bold }
#opp_card tr td.card_content {border: 2px solid gray; height: 150px; }
#opp_card tr td.iscout_reflections {border: 2px solid gray; padding-bottom: 10px; }
#opp_card tr td.card_footer {border: 2px solid gray; background-color: gray; color: white; }
#opp_card td h3 { color: gray}

/* iBank opp card in find */

#ideasbank_opp_card {}
#ideasbank_opp_card td { padding: 5px; text-align: left; }
#ideasbank_opp_card tr td .card_intro { color: white; font-size: 0.6em; display: block; }
#ideasbank_opp_card tr.card_header {height: 60px; border: 2px solid gray; background-color: gray; color: white; font-size: 1.6em;}
#ideasbank_opp_card tr.card_title {height: 80px; border: 2px solid gray; color: black; font-size: 2em; font-weight: bold }
#ideasbank_opp_card tr td.card_content {border: 2px solid gray; height: 150px; }
#ideasbank_opp_card tr td.card_footer {border: 2px solid gray; background-color: gray; color: white; }
#ideasbank_opp_card td h3 { color: gray }

/* Demo opp card in find */

#demo_opp_card {}
#demo_opp_card td { padding: 5px; text-align: left; }
#demo_opp_card tr td .card_intro { color: white; font-size: 0.6em; display: block; }
#demo_opp_card tr.card_header {height: 60px; border: 2px solid orange; background-color: orange; color: white; font-size: 1.6em;}
#demo_opp_card tr.card_title {height: 80px; border: 2px solid orange; color: black; font-size: 2em; font-weight: bold }
#demo_opp_card tr td.card_content {border: 2px solid orange; height: 150px; }
#demo_opp_card tr td.card_footer {border: 2px solid orange; background-color: orange; color: white; }
#demo_opp_card td h3 { color: orange }

/* Blue opp card */
#blue_opp_card {}
#blue_opp_card td { padding: 5px; text-align: left; }
#blue_opp_card tr td .card_intro { color: white; font-size: 0.6em; display: block; }
#blue_opp_card tr.card_header {height: 60px; border: 2px solid #003366; background-color: #003366; color: white; font-size: 1.6em;}
#blue_opp_card tr.card_title {height: 80px; border: 2px solid #003366; color: black; font-size: 2em; font-weight: bold }
#blue_opp_card tr td.card_content {border: 2px solid #003366; height: 150px; }
#blue_opp_card tr td.card_footer {border: 2px solid #003366; background-color: #003366; color: white; }
#blue_opp_card td h3 { color: #003366 }

.service_label { width: 115px }
.service_desc { text-align: left; width: 475px; }
.service_desc h3 { color: #333; }

#project_intro { width: 100%; height: 500px; }

#userDetails tr td.userDetails { text-align: left; }

/*  */

#tooltip{
	position:absolute;
	border:1px solid grey;
	background:#e4dfff;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

/*  */

.twtr-ft {display: none }
.twtr-hd {display: none }