/*****************************
  DNN STYLESHEET
  
  WEBSITE: Financial Integration
  AUTHOR: Sommer Hayes
  CREATED: 17/08/2006
  COMMENTS: Stylesheet for DNN Financial Integration
*/

@import url(clearfix.css);
@import url(mainmenu.css);
@import url(modules.css);
@import url(inventuaSideMenu.css);

body{ }
#bodyDiv {background:#003D7E url(background.jpg) repeat-x; margin-top:0px; text-align: center; width:100%; height:100%;}
#frame {width: 960px; margin:0px auto; text-align:left;}

#headWrapper {width: 960px; height: 117px; background-color: #003D7E;}
#logo {float: right;}
#logo img, headWrapper img, #homeFlash img {margin: 0 0 -4 0px;}
.menuContainer {float: left; padding: 95 20 0 20px;  }

#homeFlash {padding-top:5px; height:234px;}

#topImageLinksWrapper {width: 960px; height:134px; margin-top: 5px; padding-bottom:10px; }
html>body #topImageLinksWrapper {width: 960px; height:134px;}
.topImageLinks {width: 900px; margin-top: 20px;}

#contentPanelWrapper {width:960px; margin-top: 20px; margin-bottom: 20px;}
#innerWrapper {width: 684px; height:135px;float: left;  margin-bottom: -4px;}

.supportingPane {width: 336px; height: 135px; margin:0px; padding: 10px; float: left; background: url(contentbground.gif) no-repeat; text-align:center; }
html>body .supportingPane{ width:316px; height:115px;}

.contentPane {width: 336px; height: 135px; margin:0px; padding: 10px; text-align: center; float: right; background: url(contentbground.gif) no-repeat;}
html>body .contentPane {width: 316px; height: 115px;}

.rightPane { width: 263px; height: 135px; margin:0px; padding: 10px; float: right; background: url(rightbground.gif) no-repeat;}
html>body .rightPane {width: 243px; height: 135px;}

#baselineSponsorsWrap { width:960px; height:130px; clear:both; }
#baselineSponsors {height:95px; width: 960px; margin:20 0 -4 0px;}
#loginlogo {padding-left:10px;}
.allianceLogin	{width:685px; height: 60px; padding-top: 15px; float:left;  border-right: 1px solid #003D7E;}
.memberAssc {width: 250px; height: 60px; padding-top: 10px;  padding-left: 15px;align:centre; float:right;}
html>body .memberAssc {width: 215px;}

#footer { width:940px; height:20px; margin-top:20px; padding:5px 0px 15px 0px; display:block; clear:both; font-family: "Trebuchet", Verdana, Arial, Helvetica, san-serif; color:#FFFFFF; font-size: 10px;}
html>body #footer{ padding-top:20px;}

#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.footerLeft { float: left; text-align: left;}
.footerRight { float: right; text-align: right;}

h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet", Verdana, Arial, Helvetica, san-serif;}
h1 {color: #003D7E; font-size: 16px; font-weight: bold;}
h2 {color: #003D7E; font-size: 14px; font-weight: bold;}
h3 {color: #003D7E; font-size: 12px; font-weight: bold;}
h4 {color: #003D7E; font-size: 11px; font-weight: normal;}
h5 {color: #666666; font-size: 11px; font-weight: bold;}
h6 {color: #666666; font-size: 11px; font-weight: normal;font-style: italic;}

p, body, normal {font-family: "Trebuchet", Verdana, Arial, Helvetica, san-serif; font-size: 11px; color: #333333;}

ul {font-family: "Trebuchet", Verdana, Arial, Helvetica, san-serif; margin: 10px; font-size: 11px; color: #333333; list-style-image: url(bullethome.gif); line-height:1.3em; padding-left:5px;}

/* rounded corners */
#br1 {background: url(br1.jpg) 100% 100% no-repeat;}
#br5 {background: url(br5.jpg) 100% 100% no-repeat;}

#bl1 {background: url(bl1.jpg) #E8F8FF 0 100% no-repeat;}
#bl5 {background: url(bl5.jpg) #FFFFFF 0 100% no-repeat;}

#tl1 {background: url(tl1.png) 0 0 no-repeat;}
#tl5 {background: url(tl5.jpg) 0 0 no-repeat;}

#tr1 {background: url(tr1.jpg) 100% 0 no-repeat; padding:10px;}
#tr5 {background: url(tr5.jpg) 100% 0 no-repeat; padding:10px;}
.clear {font-size: 1px; height: 1px;}

.rightfloat {float:right;}

/*** INNER PAGE STYLES!! ***/
#innerBanner { display:block; width: 960px; margin:0px; padding:0px;}

#innerContentPanel {width: 960px; padding: 15 0 15 0px; float:left;}
html>body #innerContentPanel {width: 960px;}

.leftPane {float: left; width: 230px;}
html>body .leftPane {width: 225px;}

#sideMenuSection {width:215px;}
#sideMenu {padding: 0 px;}

/* inner menu */
#topinner {width:215px; height:18px; margin:0px; padding:0px; background: url(top1inner.png) no-repeat;}
#baseinner {width:215px; height:19px;background:url(base1inner.png) no-repeat;}

/* inner supporting pane */
.innerSupportingPaneSection {width: 215px; margin-top:30px; padding:0px 0px 10px 0px;float:left; }
html>body .innerSupportingPaneSection {width: 215px;}
.supportingWrapper {width:215px;}
#top1inner {width:215px; height:18px; margin:0px; padding:0px; background: url(top1inner.png) no-repeat;}
.innerSupportingPane { margin:0px; padding:10px; width:215px;background:#DFDFDF;}
html>body .innerSupportingPane {width:195px;}
#base1inner {width:215px; height:19px;background:url(base1inner.png) no-repeat;}

/* inner content pane */
.contentPaneSection {float: right; width: 722px;}
#roundWrapper {margin:0px; padding:0px;}
#roundTop {width: 722px;}
.innerContentPane {width: 722px; padding: 20 35 20 35px;  background:#FFFFFF url(top3bground.jpg) no-repeat;}
html>body .innerContentPane {width: 652px;}
#bottom3 {width: 722px; height:48px; background: url(bottom3.png) no-repeat;}

/* User Defined Table */
.contentPaneSectionUdt {width: 960px;}
#udt_top {height:49px; background: url(udt_top.png) no-repeat;}
.udtContentPane {width: 960px; padding: 20px;background: #FFFFFF }
#udt_base {width:960px; height:49px; margin:0px; padding:0px; background: url(udt_base.png) no-repeat;}