﻿html, body, form {
    width: 100%;
    height: 100%;
    font:normal 11px verdana;
    overflow: hidden;
}
body {
	background: #555555;
	}

a {
    cursor: pointer;
    color: #003DB2 !important;
    text-decoration: none !important;
}
a:link { color: #7DA43E !important; text-decoration: underline !important; }
a:visited { color: #287E6C !important; text-decoration: underline !important; }
a:hover { color: #4F5D73 !important; }

p { margin:5px; }

#start-panel ul, #start-panel ol { padding-left: 20px; }

.loading
{
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	height: 200px;
	background-image: url(images/loading_blue.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
	padding-top: 70px;
}

/*---- HEADER ---------------*/
#north-panel {
	width: 100% !important;
	height: 118px !important;
	margin-bottom: 10px !important;
}

#ext-gen24 {
	width:inherit;
	Height:inherit;
}

#ext-gen25 {
	width:inherit;
	background-color: #FFFFFF !important;
	Height:inherit;
}

#header {
    background: #FFFFFF;
    padding: 10px;
    height: 43px !important;/*must be in px*/
    font-size: 25px;
    color: #4F5D73;
    white-space: nowrap;
	width:inherit;
}

.header-left { 
white-space: nowrap;
vertical-align: top;
height: inherit;
display:block;
width:50%;
float:left;
}


#headerTitle {
    vertical-align: middle;
	height:inherit;
	position: absolute;
	top: 25;
	left: 250;
}


.header-right { 
	white-space: nowrap;
	width: 49%;
	display: block;
	float: left;
	padding-top:3px;
}
/*
#zendeskbutton {
	position: absolute;
	left: 93.2%;
	top: 14%;
}


#ext-comp-1010 {
position:absolute;
left: 88%;
top: -90%;
}
#ext-comp-1011 {
position:absolute;
left: 90.5%;
top: -90%;
}
*/
#mainToolbar {
	border-color:#FFFFFF;
	background-color: #9CCb48;
	height: 43px;
	display:block;
	width:100%;
	clear:both;
}

#ext-gen139 {
	padding:6px 12px 6px 12px;
}
#ext-gen148 {
	width:20px !important;
}


#search-textfield {
	width:350px !important;
	height:32px;
	border-color: #4f5d73 !important;
}

#ext-gen150 {
	background-color:#ffffff;
	padding:5px;
	border:1px solid #4f5d73;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	position:absolute;
	left:97.2%;
	top:12.9%;
	
}
.headerbutton {
height:38;
width:38;
padding-right:5px;
display:inline-block;
float:right;
}

.colorbar {
    display: block;
    border-top: 1px solid #FFFFFF;
	position: absolute;
	top:107px;
	left:0px;
}

/*----Top Of Page link----*/
.topOfPage { font-size: 11px; padding-left: 10px; padding-bottom:5px; }

/*------ Footer --------*/
.footer
{
	background-color: #E2E2E2;
	width: 100%;
	height: 60px;
	border-top-color: #E2E2E2;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 10px;
	
}
.footer td { padding:10px; }
.footer-left { text-align: left; white-space: nowrap; }
.footer-right { text-align: right; white-space: nowrap; }
.footer-center { text-align: center; }

/*---- West panel ------------------ Index & Tree -----------------------*/
/*--- Index ---*/
#index { background-color: #FFFFFF; width: 90%; }
.tableindexlinks td { padding-right: 5px; padding-left: 5px; }
#index p.indexatoz {
	background: #FFFFFF;
	margin-top: -3px;
	font-size: 13px;
}

td.index1 {  font-weight: bold;}
td.indexlink { }
td.indexlink a:hover { text-decoration: underline !important; }

td.indexheading {
	font-size: 15px;
	padding-bottom: 2px;
	
}
/*--- Adding image to west panel vertical bar (when west panel collapsed) ---*/
.x-layout-collapsed-west {
	background-image: url(images/toc_collapsed.png);
	background-position: center;
	background-repeat: no-repeat;
}


/*--- Tree -------------*/
/* override extjs ext-all.css for tree*/
.x-tree .x-panel-body { background-color: #FFFFFF; padding: 5px; }
.x-tree-node .x-tree-selected { background-color: #EDF4FE; font-weight: bold; }
.x-tree-node .x-tree-node-over { background-color: #EDF4FE; }
.x-tree-node-collapsed .x-tree-node-icon { background-image: url(images/book_blue.png); }
.x-tree-node-expanded .x-tree-node-icon { background-image: url(images/book_open.png); }
.x-tree-node-leaf .x-tree-node-icon { background-image:url(images/leaf.gif);  }


/*---- END West panel ------------------ Index & Tree -----------------------*/

/*------- Search ------------------------------------------------------*/
.searchResultsPanel { background-color: #DDEAFC !important; }
.searchResults { font-size: 8pt; background-color: #DDEAFC !important; }
#searchResultsPanel { background-color: #DDEAFC !important; }
#searchResults { font-size: 8pt; background-color: #DDEAFC !important; }
#searchResults a:hover { text-decoration: underline !important;	}

.searchword1
{
	background-color: #FFD2A6;
}/*#FFFA96*/


/*------------------------------- breadcrumb ---------------------------------------*/
.breadcrumb:hover { text-decoration: underline !important; }


/*---- Topic -------------------------------------------------------*/
div#start-panel { padding: 10px; }
.aboveheading { display: none; }
.belowheading { display: none; }

/*--- panels header (title) ---*/
.x-panel-header-text { font-weight: bold; }


/*--- toolbar ---*/
.tree-node-toolbar-no-bg-image { background-color: #FFFFFF; background-image: none; }
.x-toolbar .ytb-text { padding: 0px;}
.checkbox-text
{
	font-family: Calibri, Arial, sans-serif;
	font-size: 11pt;
	margin-left: 3px;
	position: relative;
}
  * html .checkbox-text {   
	margin-left: 0px;   
} 
/*--- Icons ---*/
/*--- main toolbar ---*/
button.homeIcon { background-image: url(images/home.gif); }
button.upIcon { background-image: url(images/up.gif); }
button.downIcon { background-image: url(images/down.gif); }


button.EditIcon { background-image: url(images/edit.png); }
button.EditLiveIcon { background-image: url(images/edit_live.png); }
button.emailThisPageIcon { background-image: url(images/email.png); }
button.sendFeedbackIcon { background-image: url(images/feedback.gif); }

button.printIcon { background-image: url(images/printer.png); }
button.searchIcon { background-image: url(images/search.gif); }

/* tree toolbar */
button.expand { background-image: url(images/expand_all.gif); }
button.collapse { background-image: url(images/collapse_all.gif); }

/* overwrite Author-it stylesheet.css styles */
.tabletext 
{	
	PADDING-RIGHT: 0pt;	
	PADDING-LEFT: 0pt;	
	PADDING-BOTTOM: 0pt;	
	MARGIN: 2px;		
	FONT: 11pt Calibri, Arial, sans-serif;	
	COLOR: #000000;	
	PADDING-TOP: 0pt;
}
.relatedheading 
{
	font-size: 12px;
	color: #FFFFFE;
	background-color: #E8E8E8;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	margin-right: 0%;

}

.relatedtopics
{
	font-size: 12px;
	border-style: solid;
	border-color: #FF9933;
	border-width: 2px;
	width: 25%;
	background-color: E8E8E8;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding:10px;
}
.relateditem 
{	font-family: Calibri, Arial, sans-serif;
    color: #648624 !important;
    background-color: #E2F0C8;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0%;
    margin-right: 0%;
}
.bodytext 
{	font-family: Calibri, Arial, sans-serif;
    font-size: 11pt;
}
li.listbullet 
{	font-family: Calibri, Arial, sans-serif;
    font-size: 11pt;
}
li.listbullet2 { font-family: Calibri, Arial, sans-serif; }
li.listalpha { font-family: Calibri, Arial, sans-serif; }
li.listalpha2 { font-family: Calibri, Arial, sans-serif; }
.procedureheading { color: #004080; }
li.listnumber { font-family: Calibri, Arial, sans-serif; }
li.listnumber2 { font-family: Calibri, Arial, sans-serif; }
.listnote 
{
    font-family: Calibri, Arial, sans-serif;
    border-color: #004080;
    border-top-style: solid;
    border-top-width: 0.3mm;
    border-top-color: #004080;
    border-bottom-style: solid;
    border-bottom-width: 0.3mm;
    border-bottom-color: #004080;
    border-left-style: solid;
    border-left-width: 0.3mm;
    border-left-color: #004080;
    border-right-style: solid;
    border-right-width: 0.3mm;
    border-right-color: #004080;
}
.tableheading 
{
	color: #808080;
	border-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}
.tablebodytext 
{
	font-family: Calibri, Arial, sans-serif;
	color: #000000;
}
ul.tablelistbullet 
{
	list-style-type: Square;
	list-style-image: none;
	list-style-position: outside;
	margin-top: 2px;
	margin-bottom: 2px;
}
li.tablelistbullet 
{
	font-family: Calibri, Arial, sans-serif;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;

}
.expandingblock 
{
    border-color: #FF9933;
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #FF9933;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #FF9933;
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #FF9933;
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #FF9933;
}
.indexlink { font-family: Calibri, Arial, sans-serif; }

.heading1  
{
	CLEAR: none;	
    PADDING-RIGHT: 10px;	
    PADDING-LEFT: 10px;	
    FLOAT: none;	
    PADDING-BOTTOM: 4px;	
    MARGIN: -10px -10px 0px;	
    WORD-SPACING: normal;	
    VERTICAL-ALIGN: baseline;	
    TEXT-TRANSFORM: None;	
    WIDTH: auto;	
    TEXT-INDENT: 0cm;	
    PADDING-TOP: 4px;	
    WHITE-SPACE: normal;	
    LETTER-SPACING: normal;	
    HEIGHT: auto;	
    TEXT-ALIGN: left;	
    TEXT-DECORATION: none 
}
.index1 { font-family: Calibri, Arial, sans-serif; }

/* Added by Jonathan */


#westPanelID {
	background-color: #FFFFFF;
	margin: 4px;
}
/*
#westPanelID {
	height: 90.4% !important;
}

#ext-gen28 {
	height:96.5% !important;
}

#ext-gen41 {
	height:96.5% !important;
}

#ext-gen55 {
	height: 96.5% !important;
}

#ext-gen164 {
	height: 96.5% !important;
}
*/
#content-panel {
	background-color: #555555;
	padding: 4px;
	
}


#start-panel {
	background-color: #FFFFFF;
	margin: 5px;
}

#ext-gen17 {
	background-color: #E2E2E2;
	border: solid #E2E2E2;
	margin-left:2px;

}

#ext-gen19 {
    border-color:#E2E2E2 !important;
	margin-left:2px;
	width:99.6% !important;

}

#ext-comp-1004 {
	width:100% !important;
}

#ext-gen22 {
	width:100% !important;
}

#ext-gen23 {
	width:100% !important;
	background-color: #ffffff;
}





#ext-gen190 {
	text-decoration:underline;
}

#ext-gen9 {
	background-color: #555555;
}


.tableintopic
{
	width:100%;
	border: 1px solid #c0c0c0
}
.tableintopic td
{
	border: 1px solid #c0c0c0
}

table {
border-collapse: collapse;
}

table.x-btn-wrap {
border: 0px !important;
}
td.x-btn-wrap {
border: 0px !important;
}
th.x-btn-wrap {
border: 0px !important;
}

.setupbutton {
position: absolute;
right: 40px;
top: 40px;
}

.datadictionarybutton {
position: absolute;
right: 40px;
top: 40px;
}

.video_window {
display: inline-block;
background: #8F959E;
border: solid 3px #4F5D73;
padding: 15px;
}