﻿/* html element styles */
body { margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; line-height: 1.5em; color: #474747; background-color:#ffffff; }
img { border: 0; }

/* header styles */
#header { width:100%; height:65px; background-color:#474747;}
#header img{ margin:15px;}


/* NavBar Styles */
#navBar{ position:fixed; top:0; bottom:0; width:150px; font-weight:bold; background-color:#D0D2CB; }
#navBar ul { margin:0; padding:0; list-style-type:none;}
#navBar li { margin: 0; border-style:solid; border-width:1px; border-top-color:#ffffff; }
#navBar li img { border-style: none; vertical-align:middle; }
#navBar li:hover, #navBar li.selected  { background: #F1F3F0 url(nav_sel_bg.gif) repeat-x; }
#navBar li a { padding:15px; display:block; color:#474747; text-decoration:none; text-indent:30px; }

#navBar #homeLink { background:url(home.png) no-repeat 10px center; }
#navBar #settingsLink { background:url(settings.png) no-repeat 10px center; }
#navBar #usersLink { background:url(users.png) no-repeat 10px center; }
#navBar #navigationLink { background:url(signpost.png) no-repeat 10px center; }
#navBar #pagesLink { background:url(pages.png) no-repeat 10px center; }
#navBar #listingsLink { background:url(listings.png) no-repeat 10px center; }
#navBar #postsLink { background:url(posts.png) no-repeat 10px center; }
#navBar #testimonialsLink { background:url(testimonials.png) no-repeat 10px center; }
#navBar #libraryLink { background:url(books.png) no-repeat 10px center; }
#navBar #ctl00_lbLogout { background:url(logout.png) no-repeat 10px center; }


/* TreeView Styles */
#tree{float:left; width:300px; padding:15px;}
.link { color:Black;font-size:14px; line-height:25px;}
.label { color:Black; font-size:14px; line-height:25px;}


/* Content Styles */
#sectionHeader { position:fixed; top:0; left:150px; right:0; height:45px; margin:0; padding:11px; background: url(top_gradient.png) repeat-x;}
#sectionHeader h1 { font-size:22px; text-indent:35px; display:inline;}
#sectionHeader a { display:inline;}
#content{ position:absolute; top:45px;  left: 150px; right:0; background-color:#ffffff;}

#details{ position:fixed; top:65px; left:500px; width:356px; }
#details .top{ background:url(box_top.png); height:26px;}
#details .middle{ background: url(box_middle.png) repeat-y; padding-left:10px; padding-right:20px; }
#details .bottom{ background:url(box_bottom.png); height:30px;}

/* Page Styles */
#pageDetails {padding:15px; }
#pageDetails h1 {padding:0 0 0 50px; margin:20px 0 20px 0;}
#pageDetails h2 {padding:0 0 0 0; margin:20px 0 0 0;}
#pageDetails h3 {padding:0 0 0 50px; margin:20px 0 0 0; font-size:16px;}
#pageDetails p{ padding:0 5px 0 155px;}
#pageDetails p.text{ padding:0 50px 0 50px; font-size:14px;}
#pageDetails .label{ float: left; margin-left: -155px; width: 150px; font-size:13px; color:#777777;}
#pageDetails .input{ width:500px; font-size:13px;}
#pageDetails .editor{ }
#pageDetails .tab { }
#pageDetails .tabMultiPage { width:100%; border: 1px solid #898c95;  margin-top: -1px; }
#pageDetails .tabPageView { padding:10px; }

/* Login Styles */
#loginBox { width:356px; margin:10% auto auto auto; }
#loginBox .top{ background:url(box_top.png); height:26px;}
#loginBox .middle{ background: url(box_middle.png) repeat-y; padding-left:10px; padding-right:20px; }
#loginBox .bottom{ background:url(box_bottom.png); height:30px;}