/*=============================================================
| GLOBAL STYLES
\------------------------------------------------------------*/
html, body {
  Width: 100%;
  Font-Family: Verdana, Arial, Helvetica;
  Color: #979595;
  Font-Size: 11px;
  Padding: 0px;
  Margin: 0px;
  }
img {
  Border: 0px;
  }
h1, h2, h3, .H1, .H2, .H3 {
  Font-Family: Arial, Helvetica;
  Margin: 0px;
  }
h1, .H1 {
  Color: #3683C6;
  Font-Size: 16px;
  Padding-Bottom: 10px;
  }
h2, .H2 {
  Font-Size: 11px;
  Color: #2D82BF;
  Text-Transform: UpperCase;
  Font-Weight: Bold;
  Padding-Bottom: 2px;
  }
a {
  Color: #247DBC;
  Text-Decoration: None;
  }
hr {
  Border: 0px;
  Height: 1px;
  Width: 100%;
  Color: #A6C5D8;
  Background-Color: #A6C5D8;
  Clear: Both;
  Margin: 20px 0px;
  }
.IsLink { Cursor: Pointer; }

/*-------------------------------------------------------------\
| PAGE LAYOUT
\-------------------------------------------------------------*/
div.HeaderContainer {
  Width: 100%;
  Height: 78px;
  Position: Absolute;
  Left: 0px;
  Top: 0px;
  Background-Color: #0183CA;
  Z-Index: 0;
  }
div.NavigationContainer {
  Width: 100%;
  Height: 22px;
  Position: Absolute;
  Left: 0px;
  Top: 83px;
  Background: url('/Messenger/Im/Images/Layout/Navigation.Background.gif');
  Z-Index: 0;
  }
div.PageArea {
  Text-Align: Center;
  Max-Width: 1200px;
  Z-Index: 2;
  }
div.PageContainer {
  Position: Relative;
  Width: 856px;
  Padding: 0px;
  Margin: 0px Auto;
  Z-Index: 3;
  }
div.NavigationArea, div.MainContentContainer { Text-Align: Left !Important; }

/*------------------------------------------------------------\
| HEADER
\------------------------------------------------------------*/
div.Header {
  Height: 78px;
  Background-Color: #0183CA;
  Text-Align: Center;
  Padding: 0px;
  Margin: 0px;
  }

div.NavigationArea { Margin-Top: 5px; }
.NavigationArea { Height: 22px; }
.NavigationArea div {
  Position: Relative;
  Float: Left;
  Cursor: Pointer;
  Color: #979595;
  Width: Auto;
  Height: 20px;
  Line-Height: 20px;
  Vertical-Align: Middle;
  Padding: 0px 10px;
  Border: 1px solid #A7D4D5;
 _Padding: 1px 10px;
  }
.NavigationArea div img {
  Vertical-Align: Middle;
  Text-Align: Center;
  Line-Height: 18px;
  Margin: 0px -5px 0px 0px;
  Padding: 0px;
  }
.NavigationArea div.Active, .NavigationArea div:Hover {
  Color: #247DBC;
  Background: url('/Messenger/Im/Images/Layout/Tab.Background.Active.jpg');
  Border: 1px solid #216F9E;
  Border-Bottom: 1px solid #FFFFFF;
  }

/*------------------------------------------------------------\
| CONTENT
\------------------------------------------------------------*/
img.PageTitle {
  Vertical-Align: Middle;
  Margin-Bottom: 0px;
 #Margin-Bottom: 10px;
  }
div.MainContentContainer {
  Margin: 40px 0px 0px 0px;
  Padding: 0px 10px 0px 15px;
  }
div.ContentArea {
  Width: 554px;
 _Width: 570px;
  Color: #979595;
  Padding: 0px 20px;
  }
div.ContentArea p {
  Font: 13px/20px Tahoma;
  Padding-Right: 10px;
  }
div.ContentArea ul {
  Padding-Left: 12px;
  Color: #2D82BF;
  }
div.ContentArea ul a {
  Font-Weight: Normal;
  Color: #979595;
  }
.Module {
  Margin: 10px 0px;
  Border: 1px solid #7ECE8E;
  Padding: 0px;
  }
div.Content {
  Padding: 4px 12px;
  Color: #666666;
  }

div.Notes {
  Padding: 0px ! Important;
  Margin: 10px 0px 0px ! Important;
  }

#CenterColumn div.Content {
  Padding: 10px;
  Font-Size: 14px;
  Font-Family: Arial, Helvetica;
  Line-Height: 20px;
  Color: #707070;
  Background-Color: #F2F2F2;
  }
.Module H1, div.Poll h2.Title { /* INCLUDES POLL STYLE */
  Color: #3683C6;
  Font-Size: 11px;
  Display: Block;
  Height: 23px;
  Width: Auto;
  Line-Height: 23px;
  Vertical-Align: Middle;
  Background-Color: #EEF8F0;
  Padding: 0px 12px;
  Text-Transform: UpperCase;
  Border-Bottom: 1px solid #7ECE8E;
  }

/*------------------------------------------------------------\
| CALLOUTS
\------------------------------------------------------------*/
div.Callouts {
  Float: Right;
  Width: 236px;
  Font: 11px/16px Tahoma;
  Color: #979595;
  }

div.Callouts div.Content {
  Background-Color: #F2F2F2;
  }
div.Callouts div.Content p {
  Margin: 4px 0;
  }


.Footer, .Footer a {
  Color: #979595;
  Font-Size: 9px;
  Text-Decoration: None;
  Font-Weight: Normal;
  }
.Footer a:Active {
  Color: #315E81;
  }

.LI {
  Float: Left;
  Color: #3683C6;
  Width: 28px;
  Font-Size: 20px;
  Clear: Left;
  }
.LIText {
  Float: Left;
  Font-Size: 11px;
  Line-Height: 17px;
  Color: #666;
  Width: 80%;
  Padding-Bottom: 20px;
  }
.LIText a {
  Color: #216F9E;
  }

/* Poll */

div.Poll {
  Color: #979595;
  Background-Color: #F2F2F2;
  }
div.PollContent {
  Min-Height: 138px;
 _Height: 138px;
  Padding: 10px;
  Color: #666;
  Background-Color: #F2F2F2;
  }
div.Question { xPadding-Bottom: 10px; }
div.Results { Padding-Top: 10px; }
div.Poll input.Submit {
  Width: 95px;
  Height: 24px;
  Background: transparent url(/Messenger/im/Images/Buttons/Submit.png) no-repeat center center;
  Border: 0;
  Margin-Top: 5px;
  }
div.Answers input, td, label, .AnswerLabel, td.AnswerLabel, td.AnswerLabe.AnswerGraph {
  Color: #666;
  Font: 11px/14px Arial;
  }
td.AnswerLabel, td.AnswerVotes, td.AnswerGraph { Vertical-Align: Middle ! Important; }
td.AnswerVotes, td.AnswerGraph {
  Height: 16px ! Important;
  Line-Height: 14px ! Important;
  }