@import url(/static/css/viewer_btn.css);

/* Content server admin style sheet */

html
{
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

body {
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

form
{
	margin:0px;
	padding:0px;
}

h2
{
	font-size: 13pt;
	font-weight: normal;
	/*font-family: "Arial Narrow";*/
	font-weight: bold;
	color:#A47904;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}


.content_preview {
    margin-left: 5px
}
/* page default styles */

/*
P {
     font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
     font-size : 10pt;
     line-height:150%;
}
*/

.acs_heading1 {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-weight : bold;
	font-size : 16pt;
	color : #000000;
	vertical-align : baseline;
	margin-top : 6pt;
	margin-bottom : 3pt;
	margin-left : 0cm;
	margin-right : 0cm;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	text-align : left;
	text-indent : 0cm;
}

.acs_heading2 {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-weight : bold;
	font-size : 14pt;
	color : #000000;
	vertical-align : baseline;
	margin-top : 6pt;
	margin-bottom : 3pt;
	margin-left : 0cm;
	margin-right : 0cm;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	text-align : left;
	text-indent : 0cm;
}

.acs_heading3 {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-weight : bold;
	font-size : 11pt;
	color : #000000;
	vertical-align : baseline;
	margin-top : 6pt;
	margin-bottom : 3pt;
	margin-left : 10px;
	margin-right : 0cm;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	text-align : left;
	text-indent : 0cm;
}

.acs_heading4 {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-weight : bold;
	font-size : 10pt;
	color : #000000;
	vertical-align : baseline;
	margin-top : 6pt;
	margin-bottom : 3pt;
	margin-left : 20px;
	margin-right : 0cm;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	text-align : left;
	text-indent : 0cm;
}

.acs_heading5 {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-weight : bold;
	font-size : 10pt;
	color : #000000;
	vertical-align : baseline;
	margin-top : 6pt;
	margin-bottom : 3pt;
	margin-left : 25px;
	margin-right : 0cm;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	text-align : left;
	text-indent : 0cm;
}

.acs_heading6 {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-style : italic;
	font-weight : bold;
	font-size : 10pt;
	color : #000000;
	vertical-align : baseline;
	margin-top : 6pt;
	margin-bottom : 3pt;
	margin-left : 0cm;
	margin-right : 0cm;
	padding-top : 0pt;
	padding-bottom : 0pt;
	padding-left : 0pt;
	padding-right : 0pt;
	text-align : left;
	text-indent : 0cm;
}

/* start page header */

#start_header
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:71px;
}

#start_header_bg
{
	height: 71px;
}

#start_header_bg
{
	height: 71px;
}

#start_page_login
{
	left:390px;
	top:49px;
}

#start_user_info
{
	position: absolute;
	right:50px;
	top:2px;
	color:#990000;
	height:30px;
}

#start_page_note_approver_info .x-form-invalid-tip .x-tip-tc {
    padding-top:5px;
}

#start_page_header_menu
{
	position: absolute;
	right: 0px;
	top:49px;
	padding-right:20px;
}

#start_page_login span, #start_page_login a,#start_page_header_menu, #start_page_header_menu a
{
	font-size: 13px;
	font-weight: normal;
	font-family: "Arial";
	color: #4f4f4f;
        text-decoration: none;
}

#start_page_login span span {
        font-size: 13px;
        font-family: "Arial";
        color: #235192;
}

/*start page book view strip */
#start_book_main_view_cmds
{
	position:absolute;
	top:0px;
	left:40px;
	margin:0px;
	padding:0px;
}

#start_book_main_view_cmds img
{
 	margin:0px;
 	padding: 0px;
	cursor: pointer;
}

#start_book_folder_info
{
	position:absolute;
	top:20px;
	left:40px;
	font-size: 12px;
	font-weight: bold;
	color:#658FBE;
	text-transform:uppercase;

}
/* gliding book shelf styles */

#start_book_display_shelf
{
	position:absolute;
	overflow:auto;
	top:20px;
	left:300px;
	right:20px;
	height:210px;
	width:expression(Math.max(500,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 320) +"px");
	min-width:500px;
}

#start_book_list
{
	position:absolute;
	top:12px;
	left:300px;
	right:20px;
	height:215px;
	width:expression(Math.max(500,(Math.floor(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 320)) +"px");
	min-width:500px;
}

#start_book_list_container
{
	position:absolute;
	top:0px;
	left:10px;
	right:10px;
	padding:5px;
	overflow:auto;
	height:205px;
	width:expression(Math.max(470,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 350) +"px");
	background-color:white;

}

#start_book_list_left_bar
{
	position:absolute;
	top:9px;
	left:1px;
	width:9px;
	height:197px;
	z-index:100;
	background-color:white;
}
#start_book_list_right_bar
{
	position:absolute;
	top:9px;
	right:1px;
	width:9px;
	height:197px;
	z-index:100;
	background-color:white;
}

#start_book_list_top_left
{
	position:absolute;
	top:0px;
	left:1px;
	z-index:100;
}
#start_book_list_top_right
{
	position:absolute;
	top:0px;
	right:1px;
	z-index:100;
}
#start_book_list_bottom_left
{
	position:absolute;
	bottom:0px;
	left:1px;
	z-index:100;
}
#start_book_list_bottom_right
{
	position:absolute;
	bottom:0px;
	right:1px;
	z-index:100;
}


#start_book_list_img
{
	position:absolute;
	top:40px;
	left:30px;
}

.start_icon_list
{
	padding-left:2px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:7pt;
	height:94px;
	width:96px;
}

.start_icon_list img
{
	border:0px;
	cursor:pointer;
}

.start_icon_list a
{
	color:#A47904;
	text-decoration:none;
	padding:0px;
}

.start_icon_list a:link{	color:#16548F;}
.start_icon_list a:visited{	color:#16548F;}
.start_icon_list  a:hover{	color:#A47904;	text-decoration:underline;}

.start_list_list
{
	padding-left:2px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:7pt;
	height:18px;
	/*width:100px;*/
}

.start_list_list img
{
	border:0px;
	cursor:pointer;
}

.start_list_list a
{
	color:#A47904;
	text-decoration:none;
	padding:0px;
}

.start_list_list a:link{	color:#16548F;}
.start_list_list a:visited{	color:#16548F;}
.start_list_list  a:hover{	color:#A47904;	text-decoration:underline;}

/* start page button pad */
#start_buttons
{
	position:absolute;
	top:306px;
	width:100%;
	height:36px;
	min-width:1024px;
	vertical-align:middle;
}

#start_toolbar
{
	background-color: white;
	height:30px;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
}

#start_shadow
{
	background-image: url(/static/images/shadow.jpg);
	background-repeat : repeat-x;
	height:6px;
	width:100%;
}

#start_search_box
{
	position:absolute;
	top:2px;
	left:10px;
	font-size: 12px !important;
	font-weight: bold !important;
	font-family: "Arial Narrow" !important;
	color:#666666;
	text-transform:uppercase;
	vertical-align:middle;
	height:20px;
}

#start_search_box INPUT
{
	font-size: 12px !important;
	font-weight: normal;
	font-family: "Arial Narrow" !important;
	color:black;
}
#start_search_box LABEL
{
	font-size: 12px !important;
	font-weight: bold !important;
	font-family: "Arial Narrow" !important;
	color:#666666 !important;
	text-transform:uppercase;
	vertical-align:middle;
}

#start_book_cmds
{
	position:absolute;
	top:3px;
	left:280px;
}

#start_books_cmds_public
{
	position:absolute;
	top:0px;
	left:10px;
}

#start_sync_books_cmds
{
	position:absolute;
	top:3px;
	left:280px;
}

#start_book_misc_cmds
{
	position:absolute;
	top:3px;
	right:10px;
}

.start_button_cls
{
	height:20px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial Narrow";
	color:#666666;
	text-transform:uppercase;
}


.start_button_cls ul
{
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 padding: 3px 0;
}

.start_button_cls ul li
{
 list-style: none;
 margin: 0;
 display: inline;
 	vertical-align : middle;
}

.start_button_cls li a
{
 padding: 3px 0.5em;
 margin-left: 2px;
 margin-right: 1px;
 text-decoration: none;
 cursor:hand;
}

.start_button_cls ul  li a:link { color: #666666; }
.start_button_cls ul  li a:visited { color:#666666; }

.start_button_cls ul  li a:hover
{
color:#16548F;
}

.start_button_cls ul  li img
{
border:0px;
vertical-align:middle;
}



/* library details */

#start_library
{
	position:absolute;
	overflow:auto;
	left:4px;
	top:344px;
	bottom:1px;
	width:260px;
	height:expression(Math.max(350, (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344) + "px");
	min-height: 350px;
}

/* ibrary heading styles */
#start_library_top_left
{
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
}

#start_library_top_right
{
	position:absolute;
	top:0px;
	right:0px;
	width:9px;
}

#start_library_header
{
	position:absolute;
	left:0px;
	top:4px;
	font-size: 11px;
	font-weight: normal;
	font-family: "Arial Narrow";
	color: #286196;
	text-transform : uppercase;
	vertical-align:middle;
}

#start_library_header img
{
	vertical-align:middle;
}


#start_library_toolbar_right
{
	position:absolute;
	right:2px;
	top:2px;
}

#start_library_toolbar_right a img:hover
{
	margin:2px;
	border: 1px solid #666666;
}

#start_library_toolbar_right a img
{
	margin:2px;
	border: 1px solid #666666;
}

/* library detail styles */
#start_library_content
{
    position:absolute;
	top:25px;
	left:0px;
	width:258px;
	bottom: 9px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	height:expression(Math.max(316, (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344 -34) + "px");
    min-height:316px;
}

#start_library_detail
{
	/*position:absolute;*/
	overflow:auto;
	top:0px;
	left:4px;
	height:100px;
	width:253px;
	font-size: 13px;
	font-weight: normal;
	color:#666666;
}

.start_library_label
{
	font-size: 13px;
	font-weight: normal;
	color:#16548F;
}

.start_library_label_big
{
	font-size: 20px;
	font-weight: normal;
	color:#16548F;
}

.start_library_text_big
{
	font-size: 20px;
	font-weight: normal;
	color:#666666;
}

/* library footer styles */
#start_library_bottom_left
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:9px;
}

#start_library_bottom_right
{
	position:absolute;
	bottom:0px;
	right:0px;
	width:9px;
}

/* project tree */
#start_projects
{
   position:absolute;
   overflow:auto;
   top:0px;
   bottom:0px;
   left:2px;
   padding:0px;
   height:expression(Math.max(316,(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344 - 34) + "px");
   width:255px;
   white-space: nowrap;
   min-height:216px;
}

.project_heading
{
	font-weight:bold;
	color: #BA4743;
}

.project_heading_2
{
	font-weight:bold;
	color: #004292;
}

.project_node
{
	font-weight:bold;
}

/* book details */

#start_books
{
	position:absolute;
	top:344px;
	left:272px;
	bottom:1px;
	right:2px;
	height:expression(Math.max(350, (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344) + "px");
	width:expression(Math.max(600-2-272,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275) +"px");
	min-height: 350px;
	min-width:600px;
	font-size: 13px;
	font-weight: normal;
	font-family: "Arial Narrow";
	color:#666666;
}

/* top of the book details panel */
#start_books_top_left
{
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
}

#start_books_top_mid_1
{
	position:absolute;
	background-image: url(/static/images/book_mid_top.jpg);
	background-repeat : repeat-x;
	top:0px;
	left:9px;
	width:55px;
	height:25px;
}

#start_books_top_marker
{
	position:absolute;
	top:0px;
	left:44px;
	width:47px;

}

#start_books_top_mid_2
{
	position:absolute;
	background-image: url(/static/images/book_mid_top.jpg);
	background-repeat : repeat-x;
	top:0px;
	left:90px;
	right:9px;
	height:25px;
	width:expression(Math.max(600-99,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275- 100) +"px");
}

#start_books_top_right
{
	position:absolute;
	top:0px;
	right:0px;
	width:9px;
}

/* book details info */


#start_book_detail
{
	position:absolute;
	overflow:auto;
	top:10px;
	left:0px;
	right:0px;
	bottom:210px;
    height:expression(Math.max(140,(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344 - 210) + "px");
	width:expression(Math.max(600-2,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 2 )+"px");
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

#start_book_detail_full
{
	position:absolute;
	overflow:auto;
	top:10px;
	left:0px;
	right:0px;
	bottom:10px;
    height:expression(Math.max(305,(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344 - 20) + "px");
	width:expression(Math.max(600-2,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 2 )+"px");
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

/* book info */
#start_book_info_id
{
	position:absolute;
	top:17px;
	left:40px;
	z-index:100;
}

#start_book_img
{
	position:absolute;
	top:30px;
	left:20px;
	z-index:100;
	cursor:pointer;
}

#start_book_info_heading
{
	position:absolute;
	top:0px;
	left:180px;
	font-size: 12pt;
	font-weight: normal;
	font-family: "Arial Narrow";
	color:#A47904;
	text-transform:uppercase;
	z-index:100;
}


#start_book_info
{
	overflow:auto;
	position:absolute;
	top:20px;
	left:180px;
	right:0px;
	bottom:0px;
	height:expression(Math.max(120,(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344 - 230) + "px");
	width:expression(Math.max(600-180,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 2 -180) +"px");
	z-index:100;
}

#start_book_info div
{
	padding-right:10px;
}

#start_book_info_full
{
	overflow:auto;
	position:absolute;
	top:20px;
	left:180px;
	right:0px;
	bottom:0px;
	height:expression(Math.max(270,(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 344 - 80) + "px");
	width:expression(Math.max(600-180,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 2 -180) +"px");
	z-index:100;
}

#start_book_info_full div
{
	padding-right:10px;
}

/* book details bottom pane */
#start_books_bottom_left
{
	position:absolute;
	bottom:190px;
	left:0px;
	width:9px;
}

#start_books_bottom_mid
{
	position:absolute;
	background-image: url(/static/images/book_mid_bottom.jpg);
	background-repeat : repeat-x;
	bottom:190px;
	left:9px;
	right:9px;
	height:34px;
	width:expression(Math.max(600-18,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 18) +"px");
	z-index:0;
}

#start_books_bottom_right
{
	position:absolute;
	bottom:190px;
	right:0px;
	width:9px;
}

#start_books_bottom_left_full
{
	position:absolute;
	bottom:1px;
	left:0px;
	width:9px;
}

#start_books_bottom_mid_full
{
	position:absolute;
	background-image: url(/static/images/book_mid_bottom.jpg);
	background-repeat : repeat-x;
	bottom:1px;
	left:9px;
	right:9px;
	height:34px;
	width:expression(Math.max(600-18,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 18) +"px");
	z-index:0;
}

#start_books_bottom_right_full
{
	position:absolute;
	bottom:1px;
	right:0px;
	width:9px;
}
/* worspace section */
#start_workarea
{
	position:absolute;
	overflow:auto;
	bottom:9px;
	left:0px;
	right:0px;
	height:128px;
	width:expression(Math.max(600-2,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 2) +"px");
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

/* workspace top pane */
#start_workspace_tabs
{
	position:absolute;
	bottom:160px;
	left:0px;
	width:100%;
	padding-top:1px;
}

#start_workspace_top_info
{
	position:absolute;
	bottom:135px;
	left:0px;
	right:9px;
	height:25px;
	width:expression(Math.max(600-10,(document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) - 275 - 9 - 1) +"px");
	background-color: #D5E8EE;
	border-left:1px solid #666666;
}


#start_workspace_top_right
{
	position:absolute;
	bottom:135px;
	right:0px;
	width:9px;

}
/* workspace bottom pane */
#start_workspace_bottom_left
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:9px;
}


#start_workspace_bottom_right
{
	position:absolute;
	bottom:0px;
	right:0px;
	width:9px;
}


#start_workspace_info_bar
{
  float:right;
  display:inline;
  padding-right:3px;
  padding-left:3px;
  padding-top:2px;
  padding-bottom:1px;
}
#start_workspace_info_bar a
{
	font-size: 9pt;
	font-weight: normal;
	font-family: "Arial Narrow";
	color:#16548F;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align : middle;
}

#start_workspace_info_bar a img
{
	border:0px;
	vertical-align:middle;
}

#start_workspace_info_bar a:link{color:#16548F;}
#start_workspace_info_bar a:visited{color:#16548F;}
#start_workspace_info_bar a:hover{color:#A47904;}

.info_bar_data
{
	font-size: 8pt;
	font-weight: normal;
	vertical-align:middle;
}

#start_compendium_info_bar
{
  display:inline;
  padding-right:3px;
  padding-left:3px;
  padding-top:2px;
  padding-bottom:1px;
}

#start_compendium_info_bar a
{
	font-size: 9pt;
	font-weight: normal;
	font-family: "Arial Narrow";
	color:#16548F;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align : middle;
}

#start_compendium_info_bar a img
{
	border:0px;
	vertical-align : middle;
}
#start_compendium_info_bar a:link{color:#16548F;}
#start_compendium_info_bar a:visited{color:#16548F;}
#start_compendium_info_bar a:hover{color:#A47904;}

#start_download_info_bar
{
  float:right;
  display:inline;
  padding-right:3px;
  padding-left:3px;
  padding-top:2px;
  padding-bottom:1px;
}
#start_download_info_bar a
{
	font-size: 9pt;
	font-weight: normal;
	font-family: "Arial Narrow";
	color:#16548F;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align : middle;
}

#start_download_info_bar a img
{
	border:0px;
	vertical-align : middle;
}
#start_download_info_bar a:link{color:#16548F;}
#start_download_info_bar a:visited{color:#16548F;}
#start_download_info_bar a:hover{color:#A47904;}


#start_workspace_view
{
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}

#start_dowload_view
{
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}

.start_image_list
{
	padding:5px;
}

.start_image_list img
{
	border:0px;
	cursor:pointer;
}

.start_image_list a
{
	color:#A47904;
}

.start_image_list a:link{	color:#16548F;}
.start_image_list a:visited{	color:#16548F;}
.start_image_list  a:hover{	color:#A47904;	}

/* startup tab menu styles */
ul.start-tab-menu
{
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 padding: 3px 0;
 border-bottom: 1px solid #778;
}

ul.start-tab-menu li
{
 list-style: none;
 margin: 0;
 display: inline;
  font: bold 10px Verdana, sans-serif;
}

ul.start-tab-menu li a
{
 padding: 3px 0.5em;
 margin-left: 2px;
 margin-right: 1px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
  font: bold 10px Verdana, sans-serif;
}

ul.start-tab-menu li a:link { color: #448; }
ul.start-tab-menu li a:visited { color: #448; }

ul.start-tab-menu li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.start-tab-menu li.start-tab-menu-active a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.start-tab-menu li.start-tab-menu-active a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

div.start-tab-menu {
   padding-top:3px;
   width:100%;
}

#book_flashcontent
{
	color:white;
	font-family: "Verdana", "Arial", sans-serif;
	font-size:9pt;
}

#book_flashcontent a:link{color:white;}
#book_flashcontent a:visited{color:whiteF;}
#book_flashcontent a:hover{color:#A47904;}

/* viewer styles */
BODY.viewer_page
{
  overflow:hidden;
  margin:0;
  border-left:1px solid lightgrey;
}

/* ToDo: Remove all header related styles. These should be coming either from common_header.py (widget) or 
   rather, ext-acs-widgets.css */

/*
#viewer-header
{
	height:53px;
	background-color: #115097;
}
*/

#viewer-cmds
{
	background-color: white;
	height:24px;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	z-index:100;
}


#viewer-cmds a img:hover
{
	margin:2px;
	border: 1px solid #B4A865;
}

#viewer-cmds a img
{
	margin:2px;
	border: 1px solid #DED9BC;
}

#viewer-top-strip
{
	position :absolute;
	top:0px;
	left:0px;
	height:16px;
	width:100%;
	background-color:white;
}
#viewer-header-img
{
	position :absolute;
	top:16px;
	left:0px;
	height:40px;
}

#viewer-page-login
{
	position: absolute;
	right:10px;
	top:0px;
}

#viewer-page-login span, #viewer-page-login a
{
	font-size: 11px;
    font-family: "Arial Narrow";
	font-weight:normal;
	text-transform : uppercase;
	color:#666666;
}

#viewer-header-path h1
{
 	font-size: 18pt;
	font-weight:normal;
	font-family: "Arial Narrow";
	color:white;
	margin-top:6px;
	margin-bottom:2px;
	margin-left:100px;
}

#viewer-shadow
{
	background-image: url(/static/images/shadow.jpg);
	background-repeat : repeat-x;
	height:6px;
}

#viewer-toc-container
{
	height:100%;
	white-space : nowrap;
}

#viewer-tabs
{
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	width:100%;
}

/* tabs */
#viewer-toc
{
    position:absolute;
	top:30px;
	left:0px;
	bottom:0px;
	width:100%;
	overflow:auto;
	white-space : nowrap;
	height:expression((document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 30+"px");
}

#viewer-search
{
    position:absolute;
    display:none;
	top:0px;
	left:0px;
	bottom:0px;
	width:100%;
	overflow:auto;
	white-space : nowrap;
	height:expression((document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight )+"px");
}

#viewer-defn
{
    position:absolute;
    display:none;
	top:30px;
	left:0px;
	bottom:0px;
	width:100%;
	overflow:auto;
	white-space : nowrap;
	height:expression((document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 30+"px");
}

#viewer-notes
{
    position:absolute;
    display:none;
	top:30px;
	left:0px;
	bottom:0px;
	width:100%;
	overflow:auto;
	white-space : nowrap;
	height:expression((document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 30+"px");
}

#container-page-with-scroll {
  margin: 0 auto;
  text-align: left;
  width:100%;
  height:100%;
  min-width:200px;
  overflow:auto;
  z-index:2;
}

#container-page-inline {
  position:absolute;
  top:85px;
  bottom:0px;
  height:expression((document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) - 85+"px");
  margin: 0 auto;
  text-align: left;
  width:100%;
  min-width:200px;
  overflow:auto;
  z-index:2;
}

#container-data-content{
	padding:5px 10px 5px 35px;
}

#container-static-content{
	padding:5px 20px 5px 20px;
}


 /* definition popups  */
.defn_popup {
	margin:0px;
	padding:0px;
	background: #FFFFFF !important;
	border: 1px solid #C6977C;
	position:absolute;
    overflow:auto;
	z-index:30;
}

.defn_popup * TD {
	background: #FFFFFF !important;
	border: 0px;
}

a.defn_popuplink{
	background: #FFFFFF !important;
	padding:0 .5em;
	border: 1px solid #C6977C;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	margin-bottom:-1px;
}

.defn_popup_content{
	background: #FFFFFF !important;
	z-index:100;
}

/* meaning container */

#defn_meaning_container_outer
{
	background: #FFFFFF !important;
	width:100%;
	height:100%;
    margin: 0px;
    paddin: 0px;
    border: 0px;
}

#defn_meaning_container
{
	font-family: "Verdana", "Arial", sans-serif;
	font-size:9pt;
	background: #FFFFFF !important;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	height:100%;
}

#defn_meaning_container_inner
{
	margin-left:5px;
}


/* definition meaning */
.defn_source
{
	color: #808080 ;
    font-family: "Verdana", "Arial", sans-serif;
    font-size: 9pt;
}

.defn_source A { color: #006666 }
.defn_source A:link{ color: #006666 }
.defn_source A:visited { color: #993366 }
.defn_source A:active { color: #FFA500 }
.defn_source A:hover { color: #FFA500 }

/* context menu */
.context_list {
	padding:1px;
	background: #FFFFFF;
	border: 1px solid #C6977C;
	position:absolute;
    overflow:auto;
	z-index:30;
}


.context_list ul
{
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 padding: 3px 0;
}

.context_list ul li
{
  list-style: none;
  margin: 0;
  padding:4px;
  font: bold 11px Verdana, sans-serif;
  vertical-align:middle;
}

.context_list ul li a{
	padding:4px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	margin-bottom:-1px;
	vertical-align:middle;
}
.context_list img{
    border:0px;
    vertical-align:middle;
}

.context_list ul li a:hover{
	color:#C6977C;
}

/* more info section */
#viewer-more-info
{
	padding-left:50px;
	width:460px;
}

#viewer-more-info *
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
#viewer-more-info div
{
	background-color : #115097;
	color:white;
	font-weight:bold;
	padding:5px;
	margin:0px;
	height:18px;
}

#viewer-more-info ul
{
background-color : #EEEACB;
margin:0px;
padding:0px;
}

#viewer-more-info ul li
{
	padding:5px;
	margin:0px;
	list-style: none;
}

/* link styles */
A.unresolvedLink
{
	color:red;
}

A.unresolvedLink:hover{
    text-decoration: underline;
}

A.unresolvedLink *
{
	color:red;
}

A.resolvedLink
{
	color:green;
}

A.resolvedLink:hover
{
    text-decoration: underline;
}

A.resolvedLink *
{
	color:green;
}

A.externalLink
{
	color:brown;
}

A.externalLink:hover
{
    text-decoration: underline;
}

A.externalLink *
{
	color:brown;
}

A.notprovidedLink
{
	color:brown;
}

A.notprovidedLink:hover{
    text-decoration: underline;
}

A.notprovidedLink *
{
	color:brown;
}

/* tab menu style for viewer */

ul.viewer-tab-menu
{
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 padding: 3px 0;
 border-bottom: 1px solid #778;
}

ul.viewer-tab-menu li
{
 list-style: none;
 margin: 0;
 display: inline;
  font: bold 10px Verdana, sans-serif;
}

ul.viewer-tab-menu li a
{
	padding: 3px 0.5em;
	margin-left: 2px;
	margin-right: 1px;
	border: 1px solid #778;
	border-bottom: none;
	background: #E2E2F3;
	text-decoration: none;
	font: bold 10px Verdana, sans-serif;
}

ul.viewer-tab-menu li a:link { color: #448; }
ul.viewer-tab-menu li a:visited { color: #448; }

ul.viewer-tab-menu li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.viewer-tab-menu li.viewer-tab-menu-active a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.viewer-tab-menu li.viewer-tab-menu-active a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

div.viewer-tab-menu {
   padding-top:3px;
   width:100%;
}

/* tab menu style for start page */

ul.start-tab-menu
{
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 padding: 3px 0;
 border-bottom: 1px solid #778;
}

ul.start-tab-menu li
{
	list-style: none;
	margin: 0;
	display: inline;
	font: 10pt "Arial Narrow";
	text-transform:uppercase;
}

ul.start-tab-menu li a
{
	padding: 3px 0.5em;
	margin-left: 2px;
	margin-right: 1px;
	border: 1px solid #778;
	border-bottom: none;
	background: White;
	text-decoration: none;
	font: 10pt "Arial Narrow";
}

ul.start-tab-menu li a:link {
	color: #16548F;
}
ul.start-tab-menu li a:visited { color: #16548F; }

ul.start-tab-menu li a:hover
{
	color:#A47904;
	background: #F3F3F3;
	border-color: #778;
}

ul.start-tab-menu li.start-tab-menu-active a
{
	background-color: #D5E8EE;
	border-bottom: 1px solid #D5E8EE;
}

ul.start-tab-menu li.start-tab-menu-active a:hover
{
	color:#A47904;
	background: #D5E8EE;
	border-bottom: 1px solid #D5E8EE;
}

div.start-tab-menu {
   padding-top:3px;
   width:100%;
}
/* marker class - that notes and question live in*/
.marker {
	padding-right:5px;
}
/* note styles */
#note_body
{
overflow:auto;
height:400px;
width:100%;
border:1px solid #808080 ;
}

.note_container
{
   background: #FFFFFF;
   height:100%;
   font-size: 9pt;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.note_header
{
	background-color : #115097;
	color:white;
	font-weight:bold;
	padding:5px;
	margin:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13pt;
}

.note_content
{
    font-size: 9pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.note_content label
{
    font-size: 9pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #808080 ;
}

.note_content p
{
    font-size: 9pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 9pt;
    line-height:150%;
	padding:5px;
}

.note_content strong, b
{
	font-style:normal;
	font-weight: bold;
}

.note_content h1, .note_content h2, .note_content h3, .note_content h4
{
	font-size: 13pt;
	font-weight: normal;
	font-family: "Arial Narrow";
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}

#note_footer
{
	position:absolute;
	bottom:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.note_content input
{
   font-size: 9pt;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.note_content select
{
   font-size: 9pt;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.note_content h1
{
	font: 11pt Verdana, sans-serif;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:0px;
	margin:0px;
}

.note_attachments
{
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;
}

.note_attachments a:link
{
	color: #16548F;
}

.note_attachments a:visited
{
	color: #16548F;
}

.note_attachments a:hover
{
	color:#A47904;
}


#note_attach_viewer
{
	overflow:auto;
	height:70px;
	width:100%;
	border: 1px solid #808080 ;
}

#note_attach_viewer div
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;

}

#note_attach_viewer div a:link
{
	color: #16548F;
}

#note_attach_viewer div a:visited
{
	color: #16548F;
}

#note_attach_viewer div a:hover
{
	color:#A47904;
}

.note-marker-img
{
    background-image: url("/static/images/note.png") !important;
    background-repeat: no-repeat;
    width:16px !important;
}

.note-root-marker-img
{
    background-image: url("/static/images/note_group.gif") !important;
    background-repeat: no-repeat;
    width:24px !important;
}

.note_share_container
{
	margin:0;
	padding:0;
	list-style:none;
	overflow : auto;
	width:500px;
	height:115px;
	border : 1px solid Black;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:5px;
}

.note_share_container ul {
  margin-left: 15px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 3px;
  padding: 5px 0 5px 0;
  font-size: 11px;
}

.note_share_container ul li {
  margin: 0;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  list-style-type: none;
}

.note_share_container label {
  margin: 0;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  font-weight:normal;
}

/* highlighter */
.search_hit
{
	background-color: #FFF893;
	font: inherit !important;
}

.search_error
{
	color:red;
	font-weight:bold;
}

/* main content */
#container-body {
	/*padding-top: 3px;
	padding-left: 50px;
	padding-bottom: 3px;
	padding-right: 50px;*/
}

/* for the breadcrumbs */
#breadcrumbs{
	display:block;
	width:95%;
	color: #999999;
	margin: 0;
	padding: 3px 10px 3px 10px;
	font-size: 10pt;
	font-family: "Arial Narrow";
	vertical-align:middle;
	min-width:200px;
}

#breadcrumbs div
{
	display:inline;
	vertical-align:middle;
}


#breadcrumbs div a{
  color: #808080;
  text-decoration: none;
  padding-right: 3px;
  margin: 0;

}

#breadcrumbs div a:hover{
	color: #286FB1;
}

#terms_and_conditions
{
	overflow:auto;
	width:800px;
	height:60%;
	min-height:450px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #808080;
}

.question_attachments
{
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;
}

.question_attachments a:link
{
	color: #16548F;
}

.question_attachments a:visited
{
	color: #16548F;
}

.question_attachments a:hover
{
	color:#A47904;
}

.question_attach_viewer
{
	overflow:auto;
	height:40px;
	width:97%;
	border: 1px solid #B5B8C8;
	padding:10px;
	margin-bottom:10px;

}

.question_attach_viewer div
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;

}

.question_attach_viewer div a:link
{
	color: #16548F;
}

.question_attach_viewer div a:visited
{
	color: #16548F;
}

.question_attach_viewer div a:hover
{
	color:#A47904;
}

.accessprivate_image {
  background: #9040d3 url(/static/images/consolidated_deny);
  }

.note_attach_viewer
{
	overflow:auto;
	height:40px;
	width:97%;
	border: 2px solid #B5B8C8;
	padding:10px;
	margin-bottom:10px;
	background-color:white;
	border-style: double;

}

.note_footer_viewer
{
	overflow:auto;
	color:#003399;

	margin-bottom:10px;
	font-size: 10pt;
	font-weight:bold;

}

.task_info{
		background-image:url("/static/images/application_form_add.png") !important;
		width:18px !important;
}

.task_info_root{
	background-image:url("/static/images/task_info.png") !important;
	width:18px !important;
}

/* fixup for certain classes of items */
.acs_content h1, .acs_content h2, .acs_content h3, .acs_content h4, .acs_content h5, .acs_content h6
{
	font-size:100%;font-weight:normal;color:black;
}

/* lists */

.acs_content ul, .acs_content  menu, .acs_content dir{
    display: block;
    list-style-type: disc;
    margin: 16px;
	padding: 16px;

}

.acs_content ol {
    display: block;
    list-style-type: decimal;
    margin: 16px;
	padding: 16px;
}

.acs_content li {
    display: list-item
}

.acs_content ul ul, .acs_content ol ul {
    list-style-type: circle
}

.acs_content ol ol ul, .acs_content ol ul ul, .acs_content ul ol ul, .acs_content ul ul ul {
    list-style-type: square
}

.acs_content dd {
    display: block;
}

.acs_content dl {
    display: block;
    margin: 16px;
	padding: 16px;
}

.acs_content dt {
    display: block
}

.acs_content ol ul, .acs_content ul ol, .acs_content ul ul, .acs_content ol ol {
    margin-top: 0;
    margin-bottom: 0
}


/* indicator classes for docx converted documents */

/* as created by a br type=page or a section break */

.acs_hard_page_break
{
	height:1px;
	margin:0px;
	padding:0px;
	
	acs_width: 100%;
	acs_background-color: red;
}

.acs_section_break
{
	height:1px;
	margin:0px;
	padding:0px;
	
	acs_width: 100%;
	acs_background-color: green;
}

/* as created by the layout manager */

.acs_rendered_page_break
{
	height:1px;
	margin:0px;
	padding:0px;
	
	acs_width: 100%;
	acs_background-color: #666666;
}

/* minimal as tab paddings are generated in the style part of the html element  */

.acs_tab
{
	margin: 0px;
}


#book-loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  -1;
}

#book-loading {
  position: absolute;
  left:     50%;
  top:      50%;
  z-index:  20000;
  height:   300px;
  width:    300px;
  z-index:  20000;
  margin:   -150px 0 0 -150px;
}

#book-loading .loading-indicator {
  background: url(/tg_widgets/acs/extJS_3_4_1_1/resources/images/azzurra-legacy/shared/loading-eclipse-1s-200px.gif) no-repeat;
  font:       bold 13px tahoma,arial,helvetica;
  text-align: center;
  height:     300px;
  width:     300px;
  z-index:  20001;
}

.bread_crumbs_separator {
	width: 17px;
	background: center center no-repeat url(/static/images/source-arrow.png);
}

.embedded-viewer #ext-acs-header-wrap,
.embedded-viewer #viewer-header,
.embedded-viewer #ext-acs-book-tabpanel,
.embedded-viewer #ext-acs-book-tabpanel-xsplit {
    display: none;
}