/* *************************** 
  DMXReady Online Notebook Manager
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
ul li {
	list-style:none;
}
#content_left ul li {
	list-style:disc;
	margin-left:40px;
}
ol li {
	list-style:decimal;
	margin-left:40px;
}
.clear {
	clear:both;
	font-size:0;
	height:0;
}
.imageleft {
	float:left;
    margin:0 6px 4px 0;
}
.floatleft {
	float:left;
	clear:right;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
    background:url(../images/bg_page.jpg);
}
#wrapper {
	width:100%;
    overflow:hidden;
    background:#FFFFFF url(../images/bg_body.jpg) repeat-x;
}
#container {
	font-size:75%;
    font-family:Verdana, Tahoma, Arial, "Times New Roman";
}
#container_inner {
	float:left;
}

/* *************************** 
   $3 Header Styles
   ***************************/
.header {
    height:97px;
}
#content .header {
	min-width:545px;
    background:url(../images/bg_header.jpg) repeat-x;
}
#content .header_left {
	height:88px;
	background:url(../images/bg_header_left.jpg) left no-repeat;
}
#content .header_right {
	height:88px;
	background:url(../images/bg_header_right.jpg) right no-repeat;
}
#content .companylogo {
	padding:20px 25px 0 0;
	    float:right;
}
.header h1 {
	display:none;
}
.header h2 {
	color:#FFFFFF;
    float:left;
    font-size:2.2em;
    padding: 30px 0 0 25px;
}
.header h3 {
	color:#FFFFFF;
    font-size:1em;
}
#sidebar .header select {
	width:160px;
    border:1px solid #40863e;
    margin-top:17px;
}

/* *************************** 
   $4 Content Styles
   ***************************/
#content {
    margin:0 0 0 225px;
    padding:9px 10px 0 0;
}
#maincontent_top {
	min-width:545px;
}
#maincontent_top form#searchform {
	float:right;
    width:186px;
}
#maincontent_top form#searchform .inputfield {
	width:140px;
    height:19px;
    border:1px solid #0e870e;
    padding-left:5px;
    width/**/:/**/ 133px;
    height/**/:/**/ 17px;
    color:#000;
    float:left;
    margin-right:5px;
}
#maincontent_top form#searchform .submitbutton {
	float:left;
}
#maincontent_top #breadcrumb {
	padding:10px 0 0 15px;
    font-weight:bold;
    color:#d6f5d5;
}
#maincontent_top #selectbook {
	width:365px;
	width/**/:/**/ 350px;
	padding:0 0 0 15px;
	font-weight:bold;
	color:#d6f5d5;
}

#maincontent_top #selectbook span {
	font-size:1em;;
	margin-right:5px;
	float:left;
	display:block;
	padding-top:5px;
}
#maincontent_top #selectbook form {
	display:inline;
}
#maincontent_top #breadcrumb a, #maincontent_top #breadcrumb a:hover {
	color:#ffffff;
}
#maincontent_top #breadcrumb span {
	color:#FFFFFF;
}
#mainbox_top {
    height:35px;
    background:url(../images/bg_mainbox_topmiddle.jpg) repeat-x;
    min-width:545px;
}
#mainbox_topleft {
	height:35px;
    background:url(../images/bg_mainbox_topleft.jpg) no-repeat;
    padding-left:21px;
}
#mainbox_topright {
	height:35px;
    background:url(../images/bg_mainbox_topright.jpg) right no-repeat;
    padding-right:20px;
}
#mainbox_middleleft {
    background:url(../images/bg_mainbox_middleleft.jpg) top left no-repeat;
    min-width:545px;
    min-height:120px;
    height:auto;
}


#mainbox_middle_bottom {
    background:url(../images/bg_mainbox_middle_bottom.jpg) top repeat-y;
}


/* for Internet Explorer */
/**/
* html #mainbox_middleleft {
height: 120px;

}
/**/
#mainbox_middleright {
    padding:0 7px;
    background:url(../images/bg_mainbox_middleright.jpg) top right no-repeat;
    min-height:472px;
    height:auto;
}
/* for Internet Explorer */
/**/
* html #mainbox_middleright {
height: 472px;
}
/**/
#mainbox_middleright #content_left {
	min-height:120px;
    height:auto;
}
/* for Internet Explorer */
/**/
* html #mainbox_middleright #content_left {
	height: 120px;

}
/**/
#mainbox_middleright .inner {
	padding:20px;
	background:#FFFFFF url(../images/bg_mainbox_inner.jpg) 1px 1px no-repeat;
	min-height:351px;
    height:auto;
}

#mainbox_mainbox_bottom_center {
 height:auto;
	background:url(../images/bg_mainbox_bottom_center.jpg) top right repeat-y;
}
#mainbox_mainbox_bottom_left {
 height:auto;
	background:url(../images/bg_mainbox_bottom_left.jpg) top left repeat-y;
}
#mainbox_mainbox_bottom_right {
 height:auto;
	background:url(../images/bg_mainbox_bottom_right.jpg) top right repeat-y;
} 


#mainbox_bottom {
	min-width:545px;
    height:13px;
    background:url(../images/bg_mainbox_bottom.jpg) repeat-x;
}
#mainbox_bottomleft {
	height:13px;
    background:url(../images/bg_mainbox_bottomleft.jpg) -4px 0 no-repeat;
	padding-left:13px;
}
#mainbox_bottomright {
	height:13px;
    background:url(../images/bg_mainbox_bottomright.jpg) right top no-repeat;
}
#content_rightnav {
	width:177px;
    float:right;
}
#content_rightnav .useroption {
	margin-bottom:5px;
    padding-top:5px;
}
#content_rightnav .useroption_inner {
	padding:5px 10px 10px 15px;
}
#content_rightnav .useroption.yellow{
	background:url(../images/bg_useroptiontop_yellow.jpg) top no-repeat;
}
#content_rightnav .useroption.yellow .useroption_inner {
	background:url(../images/bg_useroptionmiddle_yellow.jpg);
    color:#ae7a0b;
}
#useroption_bottom_yellow {
	background:url(../images/bg_useroptionbottom_yellow.jpg) top no-repeat;
	height:5px;
    color:#ae7a0b;
}
#content_rightnav .useroption.green {
	background:url(../images/bg_useroptiontop_green.jpg) top no-repeat;
}
#content_rightnav .useroption.green .useroption_inner {
	background:url(../images/bg_useroptionmiddle_green.jpg);
    color:#29b4a9;
}
#useroption_bottom_green {
	background:url(../images/bg_useroptionbottom_green.jpg) top no-repeat;
	height:5px;
    color:#ae7a0b;
}
#content_rightnav .useroption.blue {
	background:url(../images/bg_useroptiontop_blue.jpg) top no-repeat;
}
#content_rightnav .useroption.blue .useroption_inner {
	background:url(../images/bg_useroptionmiddle_blue.jpg);
    color:#297fb4;
}
#useroption_bottom_blue {
	background:url(../images/bg_useroptionbottom_blue.jpg) top no-repeat;
	height:5px;
    color:#ae7a0b;
}
#content_rightnav .useroption.yellow .useroption_inner a {
	color:#ae7a0b;
    text-decoration:none;
}
#content_rightnav .useroption.yellow .useroption_inner a:hover {
	color:#ae7a0b;
    text-decoration:underline;
}
#content_rightnav .useroption.green .useroption_inner a {
	color:#29b4a9;
    text-decoration:none;
}
#content_rightnav .useroption.green .useroption_inner a:hover {
	color:#29b4a9;
    text-decoration:underline;
}
#content_rightnav .useroption.blue .useroption_inner a {
	color:#297fb4;
    text-decoration:none;
}
#content_rightnav .useroption.blue .useroption_inner a:hover {
	color:#297fb4;
    text-decoration:underline;
}
#content_rightnav .useroption_inner #useroption1-title {
	padding-left:20px;
    background:url(../icons/icon_header_open_notebook.gif) 0 1px no-repeat;
}
#content_rightnav .useroption_inner #useroption2-title {
	padding-left:20px;
    background:url(../icons/icon_header_settings_manager.gif) 0 1px no-repeat;
}
#content_rightnav .useroption_inner #useroption3-title {
	padding-left:20px;
    background:url(../icons/icon_header_content_manager.gif) 0 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption4-title {
	padding-left:20px;
    background:url(../icons/icon_header_page_editor.gif) 0 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption5-title {
	padding-left:20px;
    background:url(../icons/icon_header_user_tools.gif) 0 1px no-repeat;
}
#content_rightnav .useroption_inner .eg-bar {
	margin:5px 0 3px 0;
    font-weight:bold;
    cursor:pointer;
}
#content_rightnav .useroption_inner ul {
	padding:0 0 5px 18px;
}
#content_rightnav .useroption_inner li {
	padding-left:22px;
    line-height:18px;
}
#content_rightnav .useroption_inner #useroption1_1 {
	background:url(../icons/icon_option_sign_out.gif) 0 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption2_1 {
	background:url(../icons/icon_option_owner_profile.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption2_2 {
	background:url(../icons/icon_option_emailer_service.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption2_3 {
	background:url(../icons/icon_option_preferences.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption2_4 {
	background:url(../icons/icon_option_help.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption3_1 {
	background:url(../icons/icon_option_manage_comments.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption3_2 {
	background:url(../icons/icon_option_manage_pages.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption3_3 {
	background:url(../icons/icon_option_manage_notebooks.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption3_4 {
	background:url(../icons/icon_option_manage_categories.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption3_5 {
	background:url(../icons/icon_useroption3_5.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption4_1 {
	background:url(../icons/icon_option_add.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption4_2 {
	background:url(../icons/icon_option_edit.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption4_3 {
	background:url(../icons/icon_option_delete.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption4_4 {
	background:url(../icons/icon_option_manage_comments.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption5_1 {
	background:url(../icons/icon_option_email_link.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption5_2 {
	background:url(../icons/icon_option_email_author.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption5_3 {
	background:url(../icons/icon_option_print_page.gif) 2px 3px no-repeat;
}
#content_rightnav .useroption_inner #useroption5_4 {
	background:url(../icons/icon_option_post_comment.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption5_5 {
	background:url(../icons/icon_option_view_comments.gif) 2px 2px no-repeat;
}
#content_rightnav .useroption_inner #useroption5_6 {
	background:url(../icons/icon_option_subscribe_to_page.gif) 2px 2px no-repeat;
}
#content_left {
	margin-right:187px;
}
#content_rightnav .useroption_inner #useroption5 form {
	padding:6px 0;
}
#content_rightnav .useroption_inner #useroption5 form p {
	clear:both;
    padding:2px 0;
}
#content_rightnav .useroption_inner #useroption5 form div {
	clear:both;
    padding:2px 7px 6px 0;
    text-align:right;
}
#content_rightnav .useroption_inner #useroption5 form label {
	width:60px;
    float:left;
}
#content_rightnav .useroption_inner #useroption5 form .inputfield {
	width:82px;
}
#mainbox #mainbox_topright.userinterface {
	font-size:1.166em;
    color:#d6f5d5;
    font-weight:bold;
    height:35px;
    padding-top:12px;
    height/**/:/**/ 23px;
}
#mainbox #mainbox_topright.userinterface span {
	font-size:0.75em;
}
#mainbox #mainbox_topright.userinterface a, #mainbox #mainbox_topright.userinterface a:hover {
	color:#FFFFFF;
    text-decoration:none;
}
#content_left .content_title1 {
	font-size:0.85em;
}
#content_left .content_title2,
#content_left .maincontent_heading {
	color:#810873;
    font-size:1.5em;
    font-weight:bold;
}
#content_left .content_title2 a,
#content_left .content_title2 a:hover {
	text-decoration:none;
	color:#810873;
}
#content_left .content_title3 {
	font-size:0.85em;
    color:#666666;
	margin-bottom: 10px; 
}
#content_left h1 {
	font-size:1.75em;
    margin:10px 0;
}
#content_left h2 {
	font-size:1.5em;
    margin:10px 0;
}
#content_left h3 {
	font-size:1.333em;
    margin:10px 0;
}
#content_left h4 {
	font-size:1em;
    margin:10px 0;
}
#content_left h5 {
	font-size:0.833em;
    margin:10px 0;
}
#content_left h6 {
	font-size:0.666em;
    margin:10px 0;
}
#content_left p {
    padding:10px 0;
}
#content_left #btn_goback {
	padding:30px 0 0 0;
    display:block;
	float:left;
}

#content_left #btn_top {
	padding:30px 0 0 0;
    display:block;
	float:right;
}
.shadetabs {

	padding:13px 0 8px 0;
}
.shadetabs li {
	display:inline;
    padding:0 35px;
    background:url(../images/bg_tabs_li.gif) right bottom no-repeat;
    font-weight:bold;
}
.shadetabs li a, .shadetabs li a:hover {
	color:#FFFFFF;
    text-decoration:none;
}
#tabcontent_wrapper {
	padding:10px;
}
#content_left #tabcontent_wrapper form p {
    padding:2px 0;
    line-height:22px;
}
#content_left #tabcontent_wrapper form label {
	width:115px;
    float:left;
}
#content_left #tabcontent_wrapper form #input_title {
	width:300px;
    border:1px solid #7d7d7d;
    padding:2px 5px;
    width/**/:/**/ 290px;
}
#content_left #tabcontent_wrapper form #select_section {
	width:140px;
    border:1px solid #7d7d7d;
}
#content_left #contenteditor_wrapper {
	width:100%;
    display:block;
    float:left;
    margin-bottom:40px;
}
#content_left .clear_wrapper {
	width:100%;
    display:block;
    float:left;
}
#content_left .contenteditor {
	width:190px;
    margin-right:30px;
    float:left;
}
#content_left .contenteditor p {
	margin-bottom:40px;
}
#content_left .tabcontent a {
	color:#fdb230;
    text-decoration:none;
}
#content_left .tabcontent a:hover {
	color:#fdb230;
    text-decoration:underline;
}
#content_left .table_css {
	width:100%;
}
#content_left .table_css td,
#content_left .table_css td {
	padding:3px;
}
.margin_top {
	margin-top:20px;
}
.margin_bottom {
	margin-bottom:20px;
}
.btn {
	height:24px;
	background:url(../images/bg_buttons.jpg) bottom repeat-x;
	border:1px solid #9495a2;
	height/**/:/**/ 22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
	color:#54545a;
}

/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar {
	width:220px;
    padding:9px 0 0 10px;
    width/**/:/**/ 210px;
    float:left;
}
#sidebar #toc {
	width:210px;
    background:url(../images/bg_toc_top.jpg) no-repeat;
	height:36px;
}
#sidebar #toc h3 {
	color:#FFFFFF;
    font-size:1em;
	height:36px;
    padding:14px 0 0 25px;
	height/**/:/**/ 22px;
}
#sidebar #toc_middle {
	width:210px;
               min-height: 592px;
    background:url(../images/bg_toc_middle.jpg) no-repeat;
    padding:0 7px;
    width/**/:/**/ 196px;
    height:auto;
}
/* for Internet Explorer */
/**/
* html #sidebar #toc_middle {
	height: 592px;
}
/**/
#sidebar #toc_middle .inner {
	padding:15px 20px;
    background:url(../images/bg_toc_inner.jpg) left top no-repeat;
}
#sidebar #toc_middle_bottom {
	width:210px;
	 height:auto;
    background:url(../images/bg_toc_middle_bottom.jpg) top repeat-y;
}
#sidebar #toc_bottom {
	width:210px;
    height:13px;
    background:url(../images/bg_toc_bottom.jpg) no-repeat;
}
#sidebar #toc_middle .inner p.title {
	color:#025400;
    font-weight:bold;
    margin-bottom:3px;
	margin-top:10px;
}
#sidebar #toc_middle .inner ul {
    font-size:1.1em;
    line-height:18px;
}
#sidebar #toc_middle .inner li a {
	color:#6db06b;
    text-decoration:none;
}
#sidebar #toc_middle .inner li a:hover {
	color:#6db06b;
    text-decoration:underline;
}

/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {    text-align:center;
    padding:0 20px 20px 17px;
    background:url(../images/bg_footer.jpg) bottom repeat-x;
}
#footer .inner {
    padding-top:60px;
    font-size:0.833em;
    color:#6c756c;
}
#footer .inner div#copyright {
	clear:both;
	margin-bottom:10px;
}
#footer .inner div#copyright span {
	height:26px;
	padding:6px 15px 0 15px;
	height/**/:/**/ 20px;
	display:block;
	vertical-align:top;
		text-align:center;
		background:url(../images/bg_footerinner_right.jpg) right no-repeat;
}
#footer .inner div#copyright span div#w3cbuttons {
	float:left;
	vertical-align:top;
		height:26px;
}

  
#footer .container_center {
	min-width:545px;
    background:url(../images/bg_footerinner_center.jpg) repeat-x;
}
#footer .container_left {

	background:url(../images/bg_footerinner_left.jpg) top left no-repeat;
}
#footer .container_right {

	background:url(../images/bg_footerinner_right.jpg) top right no-repeat;
}  

.tabbertab, .margintop {
	margin-top:10px;
}


/* -----------------------------------*/
/* ---------- SHOW/HIDE DIVS -----------*/
/* -----------------------------------*/

.hide {
  display: none;

}
.show {
  font-weight:normal;
  color: #ccc;
  text-decoration:none;
}

/* -----------------------------------*/
/* ----------DMXReady Styles----------*/
/* -----------------------------------*/


/* -----------------------------------*/
/* ---------- SHOW/HIDE TABS -----------*/
/* -----------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
    border: none;
}
.tabberlive {
 margin-top:1em;
     border: none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav
{
 border-bottom: 1px dotted #ccc;
 float:left;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display:block;
 padding:0;
 float:left;
}
#content_left ul.tabbernav li {
	margin-left:0;
}
ul.tabbernav li a /**Inactive tab**/
{
 width:auto;
 height:28px;
 padding: 5px 10px 0px 10px;
 height/**/:/**/ 19px;
 text-align:center;
 font-size: 12px;
 display:block;
 float:left;
 margin-right:5px;
 text-decoration: none;
	background:url(../images/bg_useroptionmiddle_yellow.jpg);
     	border-left:1px dotted #FAEFAF;
	border-right:1px dotted #FAEFAF;
	border-top:1px dotted #FAEFAF;
	border-bottom:1px dotted #FAEFAF;

}

ul.tabbernav li.tabberactive a /**Active tab**/
{


	background:url(../images/bg_useroptionmiddle_blue.jpg);
  font-weight:bold;
  color: #810873;
  	border-left:1px dotted #000;
	border-right:1px dotted #000;
	border-top:1px dotted #000;
	border-bottom:1px dotted #D8E9D8;
	
}

ul.tabbernav li a:link { color: #333;  }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;

}

ul.tabbernav li.tabberactive a:hover
{
 color:#000;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabbertab table {
	clear:left;
}
.tabberlive .tabbertab {
 padding:5px;
 margin-left: 0px;
 border-top:0;


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/*------------------Table Styles---------------------*/
.table_css{
	font-family: Verdena, Arial, Helvetica;
	font-size: 12px;
	margin:0px;
    padding:5px;
	width: auto;
	background-color:#fff;
	}
	
.table_css th {

   border-top: 1px dotted #CCC;	
	text-align: left;
	font-weight:bold;
	padding:5px;	
	}
.table_css .bgcolor{
 background:url(../images/bg_useroptionmiddle_yellow.jpg);
}
.table_css td {
   border-top: 1px dotted #CCC;	
   padding:5px;
	}

.highlight, .highlight a { 
    font-weight:normal;
  background-color: #FFFFCC;
  cursor:pointer; }
  
.alternating_row_color1 {
	background-color: #FFFFFF;
	}
.alternating_row_color2 {
	background-color: #F3F3F3;
	}
#rss-subscribe{
	display: block;	
	background: url(../../../tools/rss/rss.gif) no-repeat left center;
	margin-right: 35px;
		text-align: right;
}
.floatright {
	float: right;
	   display:block;
	   	width: 200px;
}
.wysiwyg_editor td {
	margin:0;
    padding:0;
	border:0;
	}
#top {position:absolute;top:0;left:0;}

.navigation {
	margin: 0;
	padding: 0;
}