
/*Imports*/
@import url("./menu.css");
@import url("./dnn.css");
@import url("./worklist.css");


/*Defaults*/
* {
	FONT-FAMILY: Arial; FONT-SIZE: 1em; FONT-WEIGHT: normal; 
}
html, body {
height: 100%;
min-height:100%;
behavior:url(csshover.htc);
}

BODY {
	FONT-SIZE: 0.9em; 
}
B {
	FONT-WEIGHT: bold
}
STRONG {
	FONT-WEIGHT: bold
}
I {
	FONT-STYLE: italic
}
EM {
	FONT-STYLE: italic
}
A IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}

.InboxPane {
	display: block;
}

.clearfix {
	DISPLAY: inline-block
}


/*Containers*/
.container { MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; FONT-SIZE: 1em; FONT-WEIGHT: normal; PADDING-TOP: 0px }

.page {
	MARGIN: auto; WIDTH: 960px; CLEAR: both; height: inherit 
}
.newspageleftcontent {
	MARGIN: auto; WIDTH: 250px; CLEAR: both; height: inherit 
}
.newspagecontent {
	MARGIN: auto; WIDTH: 710px; CLEAR: both; height: inherit 
}
/*Header*/
#header_box {
	BACKGROUND-IMAGE: url(./images/header_bg.png); BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: 50% top; BORDER-TOP: #5976ba 5px solid
}

#logo {
	PADDING-BOTTOM: 30px; PADDING-TOP: 30px;  MARGIN: 0px; PADDING-LEFT: 20px; WIDTH: 307px; PADDING-RIGHT: 20px; DISPLAY: block;  FLOAT: left; HEIGHT: 41px; 
}

#top_left_box 
{
	FLOAT: left; 
}



#top_right_box {
	FLOAT: right; padding-right: 0px;
}
#prenav {
	BACKGROUND-IMAGE: url(./images/prenav-left.gif); TEXT-ALIGN: center; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; HEIGHT: 30px; COLOR: white; PADDING-TOP: 6px
}
#prenav_wrapper {
	BACKGROUND-IMAGE: url(./images/prenav-right.gif); BACKGROUND-COLOR: #5976ba; PADDING-RIGHT: 20px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right top; HEIGHT: 30px; 
}
#prenav A {
 text-transform : uppercase; MARGIN: 0px 10px; COLOR: white; FONT-SIZE: 10px; TEXT-DECORATION: none
}
#prenav A:hover 
{
    TEXT-DECORATION: underline
}

#menu_box {
	BACKGROUND-IMAGE: url(./images/navigation.gif); LIST-STYLE-TYPE: none; WIDTH: 960px; DISPLAY: inline-block; HEIGHT: 43px; CLEAR: both; LIST-STYLE-IMAGE: none
}

#menu  {
	BORDER-LEFT: medium none; DISPLAY: block; FLOAT: left; MARGIN-LEFT: 10px;  Width: 700px; 
}

#menu_search {
	PADDING-LEFT: 20px; PADDING-RIGHT: 20px; FLOAT: right; PADDING-TOP: 11px; FONT-SIZE: 1em;
}

#menu_search A {
	FONT-FAMILY: Arial; FONT-SIZE: 0.9em; FONT-WEIGHT: normal; 
}


/*Content Home*/
#content_box { padding-top: 10px;  }
#content {    }

/*Content Feature*/
#feature_sections {
	BACKGROUND-IMAGE: url(images/feature_sections_bg.gif); WIDTH: 960px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% bottom; height:105px
}
.feature_sections {
	BACKGROUND-IMAGE: url(images/feature_sections_bg.gif); WIDTH: 960px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% bottom
}
.box4 {
	WIDTH: 25%; DISPLAY: block; FLOAT: left
}
.clear {
	CLEAR: both
}
#feature_sections .box4 IMG {
	FLOAT: left; MARGIN-RIGHT: 5px
}
#feature_sections .box4 .feature {
	PADDING-BOTTOM: 30px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 15px
}
#feature_sections .box4 .feature .title {
	DISPLAY: block; COLOR: #b8caf0; CLEAR: right; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
#feature_sections .box4 .feature .description {
	DISPLAY: block; FONT-FAMILY: Verdana; COLOR: #8fa4cc;  FONT-SIZE: 10px; FLOAT:top; vertical-align:top; cursor:hand
}
#feature_sections .box4 .feature A:link {
	TEXT-DECORATION: none
}
#feature_sections .box4 .feature A:visited {
	TEXT-DECORATION: none
}
#feature_sections .box4 .feature A:hover .title {
	COLOR: white
}
#feature_sections .box4 .feature A:hover .description {
	COLOR: #b8caf0
}
#billboard {
	MARGIN-TOP: 0px; 
}
#billboard IMG {
	DISPLAY: block
}


/*Content Sub*/
.box2 { width: 50%; float: left; display: block; }
.box3 { width: 33%; float: left; display: block; }
.sub_content {
  padding: 20px;
}
#sub_content_box h3 {
  font-size: 1.2em;
  font-weight: bold;
}

.sub_content {
  font-size: 12px;
  font-family: Verdana;
  line-height: 1.75;
}
.sub_content h3 {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  background-position: center left;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.sub_content h3 a {
  color: black;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.sub_content .events h3 { 
  text-indent: 30px;
  background-image: url(../images/calendar-icon.gif);
}

.sub_content .newsroom h3 { 
  text-indent: 25px;
  background-image: url(../images/rss-icon.gif);
}

.sub_content .investor-relations h3 { 
  text-indent: 25px;
  background-image: url(../images/investor-icon.gif);
}

.sub_content .events .title a {
  font-weight: bold;
  color: black;
}

.sub_content .events .event {
  margin-bottom: 15px;
}

.sub_content .newsroom ul {
  list-style-image: url("../images/arrow-list-bullet.gif");
  margin-left: 25px;
}

.sub_content .newsroom ul li { margin-bottom: 10px; }

.sub_content .newsroom a:hover { color: black; }

.investor-graphic { margin: 6px 6px 0 0;}




/*Content Secondary Pages*/
.main_content {
	MARGIN-TOP: 0px; 
	WIDTH: 680px; 
	FONT-FAMILY: Arial; 
	FLOAT: right; 
	FONT-SIZE: 12px; 
	MARGIN: 0px 20px 20px 0px;
}
.main_content H1 {
	MARGIN: 10px 0px; COLOR: Black; FONT-FAMILY: Arial; LETTER-SPACING: -0.05em; FONT-SIZE: 24px
}

.main_content .sub_headline {
	LINE-HEIGHT: 2; FONT-FAMILY: Arial; MARGIN-BOTTOM: 15px; COLOR: #808080; FONT-SIZE: 16px
}
.main_content H2 {
	FONT-FAMILY: Arial; COLOR: #0036a3; FONT-SIZE: 18px; MARGIN: 10px 0px 10px 0px;
}
.main_content H3 {
	FONT-FAMILY: Arial; COLOR: #f85c12; FONT-SIZE: 14px;  
}

.main_content p  {
	FONT-FAMILY: Arial; 
	font-size: 12px; 
	LINE-HEIGHT: 2; 
	MARGIN: 10px 0px
}
.main_content li  {
	FONT-FAMILY: Arial; 
	font-size: 12px; 
	LINE-HEIGHT: 1.5; 
	MARGIN: 10px 0px
}
.main_contentbox  {
	FONT-FAMILY: Arial; 
	font-size: 12px; 
	LINE-HEIGHT: 2; 
	MARGIN: 10px 0px
}
/* Worklist */
#worklist_box {
	CLEAR: both; height: 100%; BORDER-TOP: #5976ba 5px solid
}


/* Footer */
#footer_box {
	 margin: 0px; padding-top: 0px; BACKGROUND-IMAGE: url(./images/footer-bg_2.png);   
}

#footer {
 	float:none; WIDTH: 960px; TEXT-ALIGN: right; PADDING-BOTTOM: 25px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; PADDING-TOP: 40px
}

#footer_bar {
	BACKGROUND-IMAGE: url(./images/footer.png); PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; PADDING-TOP: 20px
}


#copyright {
	DISPLAY: inline; FONT-SIZE: 0.9em; 
}
.footer_nav {
	FLOAT: left; padding-right:15px;
}
.footer_nav2 {
	
}

#site_credits {
	TEXT-TRANSFORM: uppercase; PADDING-RIGHT: 20px; COLOR: #666; FONT-SIZE: 10px; PADDING-TOP: 5px
}

#site_credits A {
	TEXT-TRANSFORM: uppercase;  COLOR: #666; FONT-SIZE: 10px; PADDING-TOP: 5px
}


/* Sidebar */
#sidebar {
	WIDTH: 230px; DISPLAY: block; FONT-FAMILY: Verdana; FLOAT: left; FONT-SIZE: 12px
}
#sidebar .side_nav {
	LINE-HEIGHT: 2; MARGIN: 10px 0px 0px 20px;
}

#sidebar .side_nav .menu_item {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: black; TEXT-DECORATION: none; PADDING-TOP: 0px
}
#sidebar .side_nav .header {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#sidebar .side_nav .menu_item_hover {
	BACKGROUND-IMAGE: url(./images/sidenav-hover.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; COLOR: #4376d1
}
#sidebar .side_nav .menu_item_sel {
	BACKGROUND-IMAGE: url(./images/sidenav-hover.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left center; COLOR: #4376d1
}
#sidebar .side_nav .menu_item_sel A {
	COLOR: black
}
#sidebar .side_nav .menu_item_sel A:hover {
	COLOR: #4376d1
}


#sidebar .testimonial {
    BORDER-BOTTOM: #ccc 1px dotted; BORDER-LEFT: #ccc 1px dotted; PADDING-BOTTOM: 20px; LINE-HEIGHT: 2; MARGIN-TOP: 50px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; COLOR: #797979; MARGIN-LEFT: 10px; BORDER-TOP: #ccc 1px dotted; BORDER-RIGHT: #ccc 1px dotted; PADDING-TOP: 20px
}
#sidebar .testimonial P  
{
    font-size: 12px; font-family: Arial; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}

#sidebar .testimonial .author {
	TEXT-INDENT: 10px; FONT-WEIGHT: bold; DISPLAY: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
#sidebar .testimonial .organization {
	TEXT-INDENT: 10px; DISPLAY: block;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}



/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}


/* ControlPanel style */
.ControlPanel{border:none;padding-bottom:10px;}
.cpanel_left {padding-left:21px;}
.cpanel_right {padding-right:33px;}



/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane, { padding:0px; margin:0px; clear:both; }
.ContentPane { height: 100%; }
.TopTabPane { display:top; vertical-align: top;}
.LeftPane{ padding:0px 0px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*---------Hover settings for dropdown lists------------*/
ul#nav {
	list-style: none;
	list-style-type:none;
	padding: 0;
	margin: 0;
}


ul#nav li a {
	display: block;
	font-weight: bold;
	background:#5976ba;
}

ul#nav li a:hover{
	background:#ffffff;
	color:#5976ba;
	}
	
li.hover {
	float: left;
	position: relative;
	text-align: center;
	list-style-type:none;
}

ul#nav li.current a{
	background:#ddd;
	}

ul#nav li.current a:hover{
	background:#888;
	}

li.hover ul.sub {
	display: none;
	position:absolute;
	left: 0;
	font-weight: normal;
	margin-left:-1px;
	list-style-type:none;
}

ul#nav li ul.sub li{
	border-width:0 1px 1px 1px;
	border:1px solid #ccc;
}

ul#nav li ul.sub li a{
	font-weight: normal;	
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

.OrangeBackground { 
  background-image: url(images/OrangeGradient.gif);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
  }
 .TealBackground { 
  background-image: url(images/teal.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
  } 
 .BlueBackground { 
  background-image: url(images/blue.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
 .BrightPurpleBackground { 
  background-image: url(images/brightpurple.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY:Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
 .PurpleBackground { 
  background-image: url(images/purple.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY:Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
 .PinkBackground { 
  background-image: url(images/Pink.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
   .RedBackground { 
  background-image: url(images/Red.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
   .YellowBackground { 
  background-image: url(images/Yellow.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
   .GreenBackground { 
  background-image: url(images/green.jpg);
    MARGIN: 10px 0px; 
    FONT-FAMILY: Verdana; 
    FONT-SIZE: 12px;
    color: white; 
    font-weight: bold;
    background-repeat: repeat-x;
    padding: 10px 10px;
    line-height:20px;
    font-align:center;
	width:100%;
  } 
  .MainPageModulesContent {
   padding-left:10px;
   font-family: Arial;
   font-size: 11px;
 }
 
 
.callout {
float:left;
width:275px;
}
.callout h3 {
width:115px;
height:65px;
float:left;
text-indent:-8008px;
background:transparent url(team-report.gif) no-repeat 0 0;   /*this will not work*/
}
.callout1 {
width:160px;
float:right;
}
.callout2 {
width:auto;
float:none;
}
/*-------- Default Style --------
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size: 1em;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}



.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Verdana, Helvetica, sans-serif; }
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

*/
#bullet_points li
{
    line-height:2;
    margin:10px;
    font-family:Arial;
}
.imgborder {
border-top: 3px outset #d0d0d0;
border-left: 3px outset #d0d0d0;
border-right: 3px outset #a9a9a9;
border-bottom: 3px outset #a9a9a9;
}

.side_content {
	MARGIN-TOP: 0px; 
	WIDTH: 230px; 
	FONT-FAMILY: Arial; 
	FLOAT: right; 
	FONT-SIZE: 12px; 
	MARGIN: 0px 20px 20px 0px;
}
.side_content H1 {
	MARGIN: 10px 0px; COLOR: Black; FONT-FAMILY: Arial; LETTER-SPACING: -0.05em; FONT-SIZE: 24px
}

.side_content .sub_headline {
	LINE-HEIGHT: 2; FONT-FAMILY: Arial; MARGIN-BOTTOM: 15px; COLOR: #808080; FONT-SIZE: 16px
}
.side_content H2 {
	FONT-FAMILY: Arial; COLOR: #0036a3; FONT-SIZE: 16px; MARGIN: 10px 0px 10px 0px;
}

.side_picture {
	margin-left:20px;
	float:left;
}
.main-image{ border: 1px solid #eee; margin-bottom: 10px; }