@charset "UTF-8";
/* CSS Document */

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

a img { border: none;}

a { color: #060; text-decoration: none; }
a:hover { text-decoration: underline; }

.anchor { position: absolute; margin-top: -130px; left: -1000px; }

.img-btn { cursor: pointer; }
.img-btn-left { cursor: pointer; float: left; }
.img-btn-right { cursor: pointer; float: right; }

textarea,input { font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.go-logo { margin-right: 1px;}

.error-div { background-color: #C00; color: #fff; padding: 5px; text-align: center; margin-bottom: 5px; font-size: 12px;}

#breadcrumb-bar 
{
	position: fixed;
	width: 784px;
	height: 13px;
	overflow: hidden;
	top: 89px;
	left: 190px;
	background-color: #ccc;
	padding: 6px 5px;
	font-size: 11px;
	z-index: 2;	
}

.right-border-div { margin-left: 984px; border-right: 1px solid #999; position: fixed; top: 0px; bottom: 0px;}

.content-page-nav-div 
{ 
	position: fixed;
	width: 784px;  
	left: 190px; 
	padding: 5px; 
	font-size: 13px; 
	background-color: #efefef;	
}

.content-page-nav-div a {  }
.content-page-nav-div .page-list a { margin-right: 7px; width: 10px; font-weight: normal; }
.content-page-nav-div .page-list .current { margin-right: 7px; width: 10px;font-weight: bold; }
.content-page-nav-div .page-list .more { margin-right: 7px; width: 10px; font-weight: bold; }

#content-page-nav-div-top { top: 114px;	border-bottom: 1px solid #999;  }
#content-page-nav-div-bottom { bottom: 0px;	border-top: 1px solid #999;  }

#full-screen-message { padding: 10px;  background-color: #C00; color: #fff; font-size: 13px;}
#full-screen-message a { color: #fff; font-weight: bold; font-size: 16px;}
#full-screen-message p { margin: 0px; padding: 5px 0px; }
#full-screen-message span { font-weight: bold; font-style: italic }

#body-container { width: 795px; margin: 0px; margin-left: 190px; position: fixed; top: 113px; bottom: 0px; overflow: auto; font-size: 12px;  }
#body-panel { padding: 15px 7px; font-size: 14px; }

#activity-list-div { display: none; }

#handy-bar
{
	background-color: #8e8e8e;
	background-image:url(images/handy-bar-bg.gif);
	background-repeat: repeat-x;
	height:27px;
	position:fixed;
	top:61px;
	left:0px;
	right: 0px;
	width: 985px;
	border-bottom: 1px solid #fff;
	z-index:15000;
	font-weight: bold;
	font-size: 10px;
}

#handy-bar ul { margin: 0px; padding: 0px; list-style: none;}
#handy-bar li { display: block; float: left; }
#handy-bar li a 
{
	display: block; 
	float: left; 
	padding: 8px 7px;
	color: #fff; 
	text-decoration: none; 
	width: 75px; 
	text-align: center;
	font-weight: bold;
	height: 11px;
}
#handy-bar li a:hover { background-color: #333; }
#handy-bar .icon { margin-right: 5px;}
#handy-bar #font-div { border-left: 1px dotted #fff; padding-left: 5px; }
#handy-bar .text-link { font-size: 18px; color: #fff; margin: 0px 1px; display: block; background-color:#333; float: left; width: 17px; text-align: center; border: 1px solid #fff; text-decoration: none;}
#handy-bar #toggle-left-bar-btn { width: 176px; background-color: #bed5ac; color: #333 }
#handy-bar #toggle-left-bar-btn:hover { background-color: #000; color: #fff; }
#handy-bar .author-btn { width: 45px;}
#handy-bar .title-btn { width: 60px;}
#handy-bar .help-btn { width: 40px;}
#handy-bar .copyright-btn { width: 50px;}

#header-bar
{
	height: 60px;
	position: fixed;
	top:0px;
	left:0px;
	right: 0px;
	width: 985px;
	border-bottom: 1px solid #fff;
	z-index:15000;
	font-weight: bold;
	font-size: 10px;
}

#header-bar td { vertical-align: top; }

.header-info-div { position: absolute; top: 88px; left: 0px; background-color: #333; width: 963px; z-index: 20000; padding: 10px;border: 1px solid #fff; display: none; color: #fff; text-align: justify;}
.header-info-div p { margin: 0px; padding: 0px; margin-bottom: 15px;}
.header-info-div h1 { margin-top: 0px; padding-top: 0px;}
.header-info-div #close-div { padding: 5px; text-align: center; width: 60px; background-color: #fff; float: right; font-weight: bold; color: #333; cursor: pointer; }

#left-fixed { position: fixed; top: 89px; background-color: #387719; width: 190px; }

#left-panel { background-color: #333; width: 190px; position: fixed; top: 152px; left: 0px; bottom: 0px; overflow: auto; font-size: 12px; color: #fff; padding: 2px 0px; }
#left-panel ul { margin: 0px; padding: 0px; list-style: none; list-style-position: outside; }
#left-panel li { display: block;}
#left-panel li a { padding: 4px 13px; color: #fff; display: block; text-decoration: none;  font-size: 11px;  background-repeat: no-repeat; background-position: 3px 6px; padding-right: 5px; }
#left-panel li a:hover { background-color: #000}
#left-panel li ul { display: none;}
#left-panel li ul li a { padding-left: 20px; font-size: 11px; background-repeat: no-repeat; background-position: 10px 6px;  padding-right: 5px; margin: 0px;}
#left-panel li ul li a:hover { background-color: #666}
#left-panel li ul li ul li a { padding-left: 26px; font-size: 11px; /*background-color: #7f9669;*/ background-repeat: no-repeat; background-position: 17px 6px;  padding-right: 5px;}
#left-panel .selected { background-color: #333;  }
#left-panel .page { display: none; }
#left-panel .menu-over { background-image: url(images/collapseicons/SpryMenuBarDownHover.gif); }

.left-panel-button { background-color: #999; color: #333; padding: 3px 5px; cursor: pointer; margin-right: 1px; font-size: 10px; text-align: center; margin-bottom: 4px;}
.left-panel-button:hover { background-color: #333; color: #fff; }
.left-panel-button-over { background-color: #333; color: #fff;  padding: 3px 5px; cursor: default; margin-right: 1px; font-size: 10px; text-align: center; margin-bottom: 4px; font-weight: bold;}

#page-notes-div { position: fixed; left: 190px; width: 794px; height: 255px; background-image: url(images/note-bg.jpg); top: 90px; z-index: 10000; font-size: 14px; display: none;}
#page-notes-div #note-container { margin-left: 40px; overflow: auto; margin-top: 0px; margin-bottom: 20px; height: 170px; width: 734px;}
#page-notes-div #note-nav-block { margin-left: 40px; margin-top: 10px; margin-right: 10px; margin-bottom: 7px;}
#page-notes-div #page-notes-cancel-btn,#page-notes-close-btn { width: 150px; margin-top: 8px;  margin-left: 5px; }
#page-notes-div textarea { width: 595px; height: 110px; }
#page-notes-div .no-notes { text-align: center; font-size: 14px; }
#page-notes-div .sticky-note { padding: 5px 0px; margin-bottom: 5px; }
#page-notes-div .sticky-note td { padding: 4px; vertical-align: top;}

#page-notes-div .add-note-container { margin-left: 50px; overflow: auto; margin-top: 10px; margin-bottom: 20px; height: 220px; width: 734px;}
.add-note-div { margin-left: 5px; }
.add-note-div p { margin-top: 0px; padding-top: 0px; }
.add-note-div #page-notes-text { width: 700px; height: 150px; margin-top: 10px; }
.add-note-div .button-div { text-align: center; margin-top: 5px; }

.note-print { padding: 5px; border: 1px solid #000 }
.note-print td { padding: 5px; border-bottom: 1px dotted #000; font-size: 12px; vertical-align: top; }

#search-div { padding: 5px 2px; border-bottom: 1px dotted #fff; margin-bottom: 5px; }
#search-div #searchString { margin: 0px; width: 155px; border: 1px solid #000; padding: 2px; padding-top: 3px; margin-right: 1px; font-size: 11px; height: 15px; }
#search-div .searchButton { border: 1px solid #000; margin-left: 0px;}
#search-div-sub { padding: 5px 2px; border-bottom: 1px dotted #fff; margin-bottom: 5px; }
#search-div-sub #searchStringSub { margin: 0px; width: 200px; border: 1px solid #000; padding: 2px; padding-top: 3px; margin-right: 1px; font-size: 11px; height: 15px; }
#search-div-sub .searchButton { border: 1px solid #000; margin-left: 0px;}


.popupdiv { background: #ffffff; text-align:left; font-size:11px; z-index: 5000; position:absolute;  border:2px solid #ccc; top: 300px; border: 2px solid #333; padding: 10px; font-weight: bold; }
.popupdiv td { vertical-align: middle; padding: 5px; }
.popupdiv input { width: 200px; }
.popupdiv select { width: 210px; }
.popupdiv #submit { width: 210px; }
.popupdiv h2 { margin: 0px; padding: 0px}
.popupdiv .check { width: auto; }
.popupdiv .data-cell { vertical-align: top; font-weight: normal; border-bottom: 1px dotted #ccc; }

#bookmark-panel { border-right: 1px dotted #fff; border-left: 1px dotted #fff; margin: 0px 5px; padding: 0px 5px;}
#bookmark-panel a { display:block; width: 30px; height: 25px;text-decoration: none; cursor: pointer;}
#bookmark-panel .notes-icon { width: 30px; height: 14px; background-image: url(images/notes.gif); background-repeat: no-repeat; padding-top: 11px;}
#bookmark-panel .bookmark-icon { width: 30px; height: 13px; background-image: url(images/bookmark.gif); background-repeat: no-repeat; padding-top: 12px;  }
#bookmark-panel .count-disp { background-color: #F00; font-weight: bold; color: #fff; width: 15px; height: 10px; line-height: 10px; font-size: 10px; text-align: center; border: 1px solid #fff;}
#bookmark-panel .bm-disp {background-color: #060; font-weight: bold; color: #fff; width: 10px; height: 10px; line-height: 10px; font-size: 10px; text-align: center; border: 1px solid #fff;}

.user-page-data-div { padding: 10px; background-color: #333; top: 89px; position: fixed; color: #ffffff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; z-index: 2;}
.user-page-data-div h2 { margin-top: 0px; padding-top: 0px;}

#add-bookmark-div { width: 360px; left: 604px;}
#add-bookmark-div #bookmark-name { width: 355px; margin-bottom: 8px; }
#add-bookmark-div .button-div { text-align: center; margin-top: 5px; }
#add-bookmark-div textarea { width: 355px; height: 60px; }

#bookmark-list-div { font-size: 11px; }
#bookmark-list-div a { color: #fff; text-decoration: none; font-weight: bold; }
#bookmark-list-div a:hover { text-decoration: underline; }
#bookmark-list-div .delete-link { color: #F00; text-decoration: none; font-weight: bold;}
#bookmark-list-div td { border-bottom: 1px solid #ededed; padding: 5px; vertical-align: top; }

#notes-list-div { font-size: 11px;}
#notes-list-div p { padding-bottom: 3px; margin: 0px; margin-bottom: 3px;}
#notes-list-div a { color: #fff; }
#notes-list-div .levelone { padding-left: 0px;}
#notes-list-div .leveltwo { padding: 5px 5px 0px 5px;}
#notes-list-div .levelthree { padding-left: 20px; }
#notes-list-div .chapter-header { border-bottom: 1px solid #fff; color: #fff; padding: 5px; font-weight: bold; margin-bottom: 1px}
#notes-list-div .chapter-header-two { border-bottom: 1px solid #fff; color: #fff; padding: 5px; font-weight: bold;  margin-bottom: 1px}
#notes-list-div .chapter-header-three { border-bottom: 1px solid #fff; color: #fff; padding: 5px; font-weight: bold; margin-bottom: 1px }
#notes-list-div .notelink { padding: 0px 5px 5px 5px; }
#notes-list-div .notelink a { color:#CF0; font-weight: bold; }

#emailpagediv { width: 360px; left: 603px;}
#emailpagediv input { width: 240px; margin-bottom: 5px; float: right;}
#emailpagediv #sendemail { width: 120px; float: right; margin-left: 5px;}
#emailpagediv #cancelemail { width: 120px; float: right; margin-left: 5px;}
#emailpagediv .page-notes-checkbox { width: auto; float: none; margin: 7px 0px 10px 10px; }

/************** TABBED PANEL ********************/
.tabbed-panel { width: auto; border-bottom: 1px solid #fff; margin-top: 4px; margin-left: 1px; }
.tabbed-panel-tab
{
	float: left;
	line-height: 24px;
	height: 24px;
	padding: 0px 4px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	cursor: pointer;
	color: #030;
	margin-right: 2px;
	text-align: center;
}
.tabbed-panel-tab:hover { color: #063 }
.tabbed-contents { margin-top: 5px; min-height: 1px;}

#contents-tab { background-image:url(images/tabs/contents-tab-bg.jpg); background-repeat: no-repeat; width: 42px; }
#contents-tab:hover { background-image:url(images/tabs/contents-tab-over-bg.jpg); }
#bookmarks-tab { background-image:url(images/tabs/bookmarks-tab-bg.jpg); background-repeat: no-repeat; width: 56px; }
#bookmarks-tab:hover { background-image:url(images/tabs/bookmarks-tab-over-bg.jpg); }
#notes-tab { background-image:url(images/tabs/notes-tab-bg.jpg); background-repeat: no-repeat; width: 31px; }
#notes-tab:hover { background-image:url(images/tabs/notes-tab-over-bg.jpg); }

/*---------------------------------------------------------------------------------*/
/* Search */
/*---------------------------------------------------------------------------------*/

#body-panel #search-screen {
}

#body-panel #search-screen h3 {
	}

#body-panel #search-screen .searchItem {
	color: #000;
	font-weight: bold;
	font-style: italic;
}
#body-panel #search-screen #searchError {
	color: #000;
	font-size: 16px;
	padding-top: 45px;
}

#body-panel #search-screen #searchError p {
	color: #000;
	font-size: 18px;
}

#body-panel #search-screen .searchResults {
	margin-bottom:20px;
}
#body-panel #search-screen .no-of-results {
	margin-top: -15px;
	margin-left: -20px;
	margin-bottom: 20px;
	color: gray;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid gray;
}
#body-panel #search-screen .load-time {
	font-size: 11px;
	color: gray;
	margin-top: 5px;
	border-top: 1px solid gray;
}
#body-panel #search-screen .searchResults .notes {
	background-color:#F9FDA8;
	border:1px solid silver;
	padding:3px;
	margin-top:2px;
	margin-bottom:2px;
}


/* IE6 CODE */
* html { overflow: auto; }
* html body { height: 100%; overflow: auto; }
* html .wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
* html #body-container { position: absolute; height: 99%; top: 0px; z-index: 2; }
* html #body-panel { margin-top: 100px; margin-bottom: 20px; }
* html #left-panel { position: absolute; height: 99%; top: 0px; z-index: 2; }
* html #left-panel .container { margin-top: 90px; }
* html #left-panel li { display: inline; }
* html .right-border-div { position: absolute; }
* html #header-bar { position: absolute; }
* html .content-page-nav-div { position: absolute; z-index: 1; }
* html #breadcrumb-bar { position: absolute; z-index: 1; }
* html #handy-bar { position: absolute; }
* html .right-border-div { position: absolute; margin-left: 984px; height: 100%; }
* html #add-bookmark-div { position: absolute; z-index: 2; }
* html #page-notes-div { position: absolute; z-index: 2; }
* html #emailpagediv { position: absolute; z-index: 2; }
* html #search-div #searchString  { width: 135px; }

* html #left-panel li a { zoom:1 }
* html #left-panel li ul li a { zoom:1 }
* html #left-panel li ul li ul li a { zoom: 1 }

/************/