/* [Layout Style] */

/* Main Layout */
body {
  background: #f7f0e1;
}

#lyo_outer { text-align: center; }
#lyo {
  margin: 10px auto 0px auto; text-align: left; width: 924px;
}

#lyo_inner {
  box-shadow: #808080 2px 2px 10px;
  -webkit-box-shadow: #808080 2px 2px 10px;
  -moz-box-shadow: #808080 2px 2px 10px;
}

/* Banner Area */
#lyo_banner {
  position: relative; height: 160px; background: url(/img/user/layout/bg_banner.png) repeat-x;
}
#lyo_banner_logo {
  position: absolute; top: 45px; left: 45px; border: 0;
}
#lyo_banner_tagline {
  position: absolute; top: 38px; border: 0; left: 380px;
}
#lyo_banner_fmweb_login {
  position: absolute; top: 28px; border: 0; left: 674px;
}

/* Social Networking links */
#lyo_banner_social {
  position: absolute; top: 14px; border: 0; left: 790px;
}
#lyo_banner_social img {
  width: 23px; height: 22px; border: 0; margin: 0 6px 0 0;
  background: url(/img/user/layout/social_icons.png) no-repeat;
}
#lyo_banner_social img.fb       { background-position:   0px   0px; }
#lyo_banner_social img.fb:hover { background-position:   0px -22px; }
#lyo_banner_social img.yt       { background-position: -23px   0px; }
#lyo_banner_social img.yt:hover { background-position: -23px -22px; }
#lyo_banner_social img.tw       { background-position: -46px   0px; }
#lyo_banner_social img.tw:hover { background-position: -46px -22px; }
#lyo_banner_social img.in       { background-position: -69px   0px; margin: 0px; }
#lyo_banner_social img.in:hover { background-position: -69px -22px; }

/* Navigation */
#lyo_nav {
  height: 39px; background: url(/img/user/layout/bg_nav.png) repeat-x;
}
#lyo_nav #nav_root_1{
  position: relative; top: 2px;
}

#lyo_footer {
  height: 39px; padding: 0 20px; background: url(/img/user/layout/bg_nav.png) repeat-x;
  line-height: 39px; color: #ccc; font-size: 70%;
}
#lyo_footer a {
  float: left; color: #ccc; text-decoration:none;
}
#lyo_footer a:hover {
  color: #ccf; text-decoration:underline;
}
#lyo_footer a#lyo_footer_webmail {
  float: right;
}




/********* container for middle section = left sidebar + white 'content' section **********/
.main {
  POSITION:relative; top:0px; left:0px; WIDTH: 924px;  padding: 0px; MARGIN: 0px;
}
/********* tiny columns that pad left sidebar on both sides **********/
.column {
  POSITION:relative; top:0px; left:0px; float: left; WIDTH: 3px; padding: 0px; MARGIN: 0px;
}

/********* 1st column = left-hand coloured sidebar **********/
.sidebar {
  POSITION:relative; top:0px; left:0px; float: left; WIDTH: 180px; padding: 2px 3px 0 3px; margin: 0px;
  FONT: normal 12px Verdana, Arial, Helvetica, sans-serif; COLOR:#000010; TEXT-ALIGN: left;
}
.sidebar_bl { BACKGROUND: #d9e2d6; 
}
.sidebar_st { BACKGROUND: #e7e2ca; 
}
.sidebar_cr { BACKGROUND: #dae1e2; 
}
.sidebar_an { BACKGROUND: #f6e1b6; 
}

/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content_wider { BACKGROUND: #ffffff; 
WIDTH: 740px; 
FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;
TEXT-ALIGN: left; 
margin: 0;
padding:0;
POSITION:relative;
float:left;
}
/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content { BACKGROUND: #ffffff; 
WIDTH: 738px; 
FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;
TEXT-ALIGN: left; 
margin: 0;
padding:0;
POSITION:relative;
float:left;
}
/***** 2nd column for 2-column format ******/
.inside_content {
padding: 2px 20px 10px 20px; 
}
/***** 2nd column for thumbnail bar ******/
.inside_content_thumbs {
text-align:center;
padding: 0px 10px 0px 10px;
}
/***** 2nd column for meet the team thumbnail bar ******/
.inside_content_thumbs2 {
text-align:left;
padding: 0px 20px 0px 20px;
}
/***** 2nd column for (186-554-180) 3-column format ******/
.inside_left {
width: 554px;
margin:0; 
float:left; 
}
/***** 2nd column for (186-344-390) 3-column format ******/
.inside_left2 {
width: 344px;
margin:0; 
float:left; 
}
/***** 2nd column for (186-444-280) 3-column format ******/
.inside_left3 {
width: 434px;
margin:0; 
float:left; 
}
.inside_inside_left {
padding: 10px 20px 0px 20px;

}
/***** 3rd column for (186-554-180) 3-column format ******/
.inside_right {
width: 180px;
margin:0;
padding: 0px 0px 0px 0px; 
float:left; 
}
/***** 3rd column for (186-344-390) 3-column format ******/
.inside_right2 {
width: 390px;
margin:0;
padding: 0px 0px 0px 0px;  
float:left; 
}
/***** 3rd column for (186-444-280) 3-column format ******/
.inside_right3 {
width: 290px;
margin:0; 
padding: 0px 0px 0px 0px; 
float:left; 
}
.inside_inside_right {
padding: 30px 10px 0px 10px; 
}

/********* div for centring text ***************************/
.centertext { 
text-align: center;
}


/***** clear left alignment that permits inline divs or columns ******/
.clear { clear: both; }
.clear­_left { clear: left; }

/***** Nav bar styles *****/

.nav_main1 { BACKGROUND: transparent; 
width: 301px; height: 22 px; min-height: 22px; 
padding: 0px; MARGIN: 0px;
BORDER-STYLE: solid; BORDER-COLOR:#ffffff; BORDER-WIDTH: 0px, 0px, 0px, 0px;
POSITION:absolute; top:0px; right:0px;
}
.nav_main { background:#7d6c67; 
width: 924px; height: 22px; min-height: 22px; 
padding: 0; MARGIN: 0;
border: 0px none;
POSITION:relative; top:0px; left:0px;
text-align:left;
}
.horizontalnav
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.horizontalnav li {display:inline;}
.horizontalnav li a
{
padding:0em;
text-decoration:none;
float:left;
border:0px none;
}
.verticalnav
{
background:#transparent;
padding: 0; 
margin-top:25px;
margin-left:0px;
list-style-type:none;
}
.verticalnav li {display:block;}
.verticalnav li a
{
padding:0;
background:transparent;
text-decoration:none;
border:none;
}

.thumbs_tight
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.thumbs_tight li {
display:inline;
padding:0px 0px 0px 0px;}
.thumbs_tight li a
{
padding:0;
text-decoration:none;
border:none;
}

.thumbs
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.thumbs li {
display:inline;
padding:0px 6px 0px 0px;}
.thumbs li a
{
padding:0;
text-decoration:none;
border:none;
}



/***** list styles *****/

ul
{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 2em;
	margin-left: 0;
	margin-top: 5;
	padding-left: 15;
	text-indent: 0;
}
.list_nobullet
{
	list-style-type:none;
	margin-left: 10; 
	margin-top: 0;
	padding: 0;
}
.list_nobullet li {
display:block;
}
/***** client logos - 'inline' unordered lists - 4 logos across ***** SP 02-18-09 *****/
.list_logos
{
  list-style-type:none;
  margin: 0 -5px;  
  padding: 0;
}
.list_logos li {
  display: inline;
  padding: 0;
  margin: 0;
}


.bold_list li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 2em;
color: #323244;
}

.small_list li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 2em;
color: #323244;
}



/***** header styles - titlebar & page name banner *****/

.titlebar { BACKGROUND: transparent; 
height: 110px; min-height:110px; width:924px;
padding: 0px; MARGIN: 0px
}
.pagename {
height: 24px; min-height: 24px; width: 924px;
border:0px none; margin: 0;
padding: 0; 
text-align: left; 
COLOR:#2c2a28; 
font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
}
.pagename_bl {
background:#bfc6bd;
background-image:url('UserFiles/Image/ba_blakely_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.pagename_an { background: #e0cda6; 
background-image:url('UserFiles/Image/ba_analytics_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.pagename_cr { BACKGROUND: #b9c9cb;
background-image:url('UserFiles/Image/ba_creative_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.pagename_st { BACKGROUND: #cec9b3; 
background-image:url('UserFiles/Image/ba_strategy_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.inside_pagename {
padding: 4px 0px 0px 20px;
}

/***** sidebar styles *****/

.belowsidenav { 
BACKGROUND: transparent; 
WIDTH: 180px; 
xPADDING-RIGHT: 10px; 
xPADDING-LEFT: 10px; 
xPADDING-TOP: 10px; 
xPADDING-BOTTOM: 8px; 
xMARGIN: 0px;
xPOSITION:relative; 
xfloat:left;
}

/***** content text styles *****/

p {FONT: normal 12px Tahoma,Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;
TEXT-ALIGN: left;}
h1 { FONT: bold 16px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
.holiday_font{ FONT: bold 16px Verdana,Arial,Helvetica,sans-serif; COLOR:#bc3302;} 
h2 { FONT: bold 14px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
h3 { FONT: bold 13px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010 ;}
li {FONT: normal 12px Verdana, arial, helvetica, sans-serif; COLOR: #000010;}
.quote { BACKGROUND: #f0ebea; margin:0; padding: 6px 6px 8px 6px; }
.quote_font {FONT: bold 11px verdana, arial, helvetica, sans-serif; COLOR: #434359;} 
.credit_font {FONT: normal 10px verdana, arial, helvetica, sans-serif; COLOR: #292938;}
.bold_text {FONT: bold 12px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.grey_bold_big { FONT: bold 14px Verdana,Arial,Helvetica,sans-serif; COLOR:#323244;}
.body_font {FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;}
.italic_text {FONT: italic 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;}
.navy_small {FONT: normal 11px verdana, arial, helvetica, sans-serif; COLOR: #000010;}
.navy_small_bold {FONT: bold 11px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.bold_small {FONT: bold 11px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.bold_tiny {FONT: bold 10px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.aqua_text { FONT: bold 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
.aqua_big { FONT: bold 13px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
.splash_text { FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#8b7873; line-height:18px;}
.impact_text { FONT: bold 24px Georgia,Arial,Helvetica,sans-serif; COLOR:#bbc2ba; line-height:20px;}
.bold_fine {FONT: bold 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #4c4845;}
.logo_text {FONT: bold 14px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.mission_text{FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff;}


/***** main content link styles *****/
.main a:link { COLOR: #000010; TEXT-DECORATION: underline
}
.main a:hover { COLOR: #000010; TEXT-DECORATION: underline
}
.main a:active { COLOR: #000010; TEXT-DECORATION: underline
}
.main a:visited { COLOR: #000010; TEXT-DECORATION: underline
}

.bold_text a:link { COLOR: #323244; TEXT-DECORATION: underline
}
.bold_text a:hover { COLOR: #323244; TEXT-DECORATION: underline
}
.bold_text a:active { COLOR: #323244; TEXT-DECORATION: underline
}
.bold_text a:visited { COLOR: #323244; TEXT-DECORATION: underline
}

.inside_mission_home a:link { TEXT-DECORATION: none;
}
.inside_mission_home a:hover { TEXT-DECORATION: none;
}
.inside_mission_home a:active { TEXT-DECORATION: none;
}
.inside_mission_home a:visited { TEXT-DECORATION: none;
}

/***** image styles *****/
/* Don't break standard control icon images */
/* (Added by Martin Francis, 2008-11-14) */
.content img.std_control,
.content .admin_toolbartable img,
.content img.toolbar_icon {
  border: 0;
}

.content IMG { border: 3px solid #e3d6d2; }
.no_border IMG, img.no_border { border:none;}

.thumbs IMG { border: none;
}
.twopixels IMG { border: 2px solid #e3d6d2;
}
.onepixel IMG { border: 1px solid #c9d8dc;
}


.content_lite IMG { border: 3px solid #e3d6d2;
filter:alpha(opacity=86);-moz-opacity:.86;opacity:.86;
}


/***** coloured lines & spacers *****/

.brownline2 {
BACKGROUND: #97827d; 
} 
.brownline1 {
BACKGROUND: #8b7873; 
}
.transline {
BACKGROUND: transparent;
width:180px;
float:left;
}
.whiteline { BACKGROUND: #ffffff; 
}
.line_1px{
height: 1px; min-height: 1px; width: 924px; 
padding: 0; 
margin: 0;
}
.line_2px{
height:2px; min-height: 2px; width: 924px;  
padding: 0; 
margin: 0;
}
.line_3px{
height:3px; min-height: 3px; width: 924px;  
padding: 0; 
margin: 0;
}
.column_2px{
width:2px; 
padding: 0; 
margin: 0;
BACKGROUND: #f6e1b6; 

}


/***** right aligned div styles *****/

.view {
text-align:right;
}

/***** footer styles *****/
 
.mission {
BACKGROUND: #8cb5ba;
FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 
height: 20px; min-height: 20px; width:924px;
xPOSITION:relative; left:0px; top:0px; 
color:#ffffff; text-align: left; 
padding: 0; margin: 0;
border: 0px none; 
}
.inside_mission {
padding: 2px 20px 0px 0px;
text-align: right; 
}
.inside_mission_home {
padding: 2px 130px 0px 130px;
text-align: left;
}

.footer { BACKGROUND: #ffffff; 
height: 40px; min-height: 40px; width:924px;
POSITION:relative; left:0px; top:0px;
FONT: bold 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #4c4845; text-align: center;
padding: 0; margin: 0; 
}
.inside_footer { 
padding: 10px 0px 10px 0px; 
}
.login {
POSITION:relative; left:0px; top:0px; 
color:#4c4845; text-align: right;
padding: 0; 
margin: 0;
border: 0px none; 
font: bold 9px Verdana,Arial,Helvetica,sans-serif;
}
.fineline { BACKGROUND: transparent; 
height: 60px; min-height: 60px; width:924px;
POSITION:relative; left:0px; top:24px;
padding: 0; margin: 0; 
}

/***** display or hide styles *******/
.visible
{display:block;}

.invisible
{display:none;}

/***** miscellaneous styles *******/

/* Protect system controls from being affected by style changes: */
.admin_toolbar_table img {
  border: none;
}
img.icons { border: 1px solid transparent }