/* 
default-theme.css by iUI Project Members
*/
body {
    color: #000000;
}

a{color:#5C8327;}
li > a[selected], li > a:active {
    background-image: url(../images/listArrowSel.png), url(../images/selection.png) !important;
}

li > a[selected="progress"] {
    background-image: url(../images/loading.gif), url(../images/selection.png) !important;
}

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

body > .toolbar, body > .footerbar {
    background: url(../images/toolbar.png) #6d84a2 repeat-x;
}

.button, .leftbutton , .backButton {
    -xxxwebkit-border-image: url(../images/toolButton.png) 0 5 0 5;
    -moz-border-image: url(../images/toolButton.png) 0 5 0 5;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.blueButton {
    -webkit-border-image: url(../images/blueButton.png) 0 5 0 5;
    -moz-border-image: url(../images/blueButton.png) 0 5 0 5;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#backButton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    padding:16px 10px;
    text-decoration:none;
    border:1px solid #aaa;
    border-radius:4px;
    text-align:center;
    color:#333 !important;
    text-align: center !important;
	display:none;

    xxx-webkit-border-image: url(../images/backButtonBrdr.png) 0 8 0 14;
	xxx-webkit-tap-highlight-color: rgba(0,0,0,0);
    xxx-moz-border-image: url(../images/backButtonBrdr.png) 0 8 0 14;
    xxxbackground: url(../images/backButton.png) no-repeat; 
}
	
#backButton:active {
    -webkit-border-image: url(../images/backButtonSel.png) 0 8 0 14;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-border-image: url(../images/backButtonSel.png) 0 8 0 14;
    background: url(../images/backButtonSel.png) no-repeat;
}

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

body > ul > li.group, li.group {
	opacity:0.7;
    background: url(../images/listGroup.png) repeat-x;
    background-color: white;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

body > ul > li > a {
    background: url(../images/listArrow.png) no-repeat right left;
}

/************************************************************************************************/
    
.dialog > fieldset {
    background: url(../images/toolbar.png) #7388a5 repeat-x;
}

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

body > .panel, body > div > .panel {
 /*    background: #c5ccd4 url(../images/pinstripes.png); */
    background: #c5ccd4;
}

.toggle {
    border: 1px solid #888888;
    background: #FFFFFF url(../images/toggle.png) repeat-x;
}

.toggle[toggled="true"] {
    background: #194fdb url(../images/toggleOn.png) repeat-x;
}

.thumb {
    background: #ffffff url(../images/thumb.png) repeat-x;
}

/************************************************************************************************/
#preloader {
    display: none;
    background: url(../images/loading.gif) no-repeat top center;
     , url(../images/backButtonSel.png), url(../images/selection.png),
        url(../images/blueButton.png), url(../images/listArrowSel.png), url(../images/listArrowSel.png), url(../images/listGroup.png); 
}

.toolbar > h1.titleImg {
  background: url(../images/title-img.png) no-repeat top center;
  color: rgba(0,0,0,0);
}

.backButtonImg {
  width: 50px;
  background:  url(../images/backButtonBack.png) no-repeat-x top left !important;
  color: rgba(0,0,0,0);
}


/*
iPhone Design
Modified to have background image without lines.
Also differs in that Body blocks white background.
*/


body {
	background-color: white;
	padding: 0px;
	margin: 0px;
	color: #4c566c;
	text-align: left;
	font: normal 15px Arial;
}

h1 {
    background-image: -webkit-gradient(linear,22% 0%,22% 100%,color-stop(0, rgb(254,255,255)),color-stop(1, rgb(213,215,215)));
    background: -webkit-gradient(linear,22% 0%,22% 100%,color-stop(0, rgb(254,255,255)),color-stop(1, rgb(213,215,215)));
  background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(213,215,215,1) 100%);
	margin: 0px;
	height: 34px;
	font-size: 18px;
	text-shadow: 0px 0px 0px #fff;
	border-bottom: 1px solid #aaa;
    color: rgba(44,44,47,0.5);
	padding: 8px 0px 0px 0px;
	text-align: center;
}

h2{
	text-align: left;
	font-size: 19px;
	margin-left: 12px;
}

p{
	margin: 0px;
}

ul{
	list-style: disc;
	margin: 10px;
	padding: 0px;
}

ol{
	list-style: decimal;
	margin: 10px 20px 20px 24px;
	padding: 0px;
}

li{
	background-color: white;
	border: 0px solid #ababab;
	margin-bottom: -2px;
	padding: 4px 0px;
	text-align: left;
	color: black;
	font-weight: normal;
}

li.arrow{
	background-image: url(arrow.png);
  	background-position: right center;
  	background-repeat: no-repeat;	
}

li span.right{
	position:absolute;
	right: 45px;
	text-align: right;
	color: #385487;
	font-weight: normal;
}

li{
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
}

.button{
	-webkit-box-shadow: 0px -0px 0px #2f3740, 0px 0px 0px #bfcbdb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8aa1bf), color-stop( 50%, #5877a2), color-stop(50%, #476999), to(#4a6c9b));	
	-webkit-border-radius: 0px;
	font: bold 12px Arial;
	text-align: center;
	line-height: 0px;
	color: #aaa;
	text-shadow: rgba(0,0,0,0.5) 0px 0px 0px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-tap-highlight-color: white;
	padding: 0px;
	position: absolute;
	top: 4px;
	left: 6px;
	border: 0px solid #3e444c;
	
}

.rightButton{
	-webkit-box-shadow: 0px -1px 1px #2f3740, 0px 1px 1px #bfcbdb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8aa1bf), color-stop( 50%, #5877a2), color-stop(50%, #476999), to(#4a6c9b));
	-webkit-border-radius: 0px;
	font: bold 24px Arial;
	width: 27px;
	text-align: center;
	line-height: 28px;
	color: white;
	text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-tap-highlight-color: white;
	padding: 0px;
	position: absolute;
	top: 4px;
	right: 26px;
	border: 0px solid #3e444c;
}


/* Inserted from iui-panel-list.css, which was extracted from iui_ext.css */
/* iUI EXTENSIONS */
.panel > ul, .panel > div.scroller > ul, { margin:5px 0 15px 0; padding:0; list-style:none; -webkit-border-radius:0; border-width:0; background-color:transparent; }
.panel > ul > li, .panel div.scroller > ul > li { margin:0; padding:0; border-width:0; }
.panel > ul > li a, .panel div.scroller > ul > li a, .row > a { text-align:left; /* padding:11px 0 9px 10px;  */ padding:12px 0 12px 10px; background:url(../iui/t/default/listArrow.png) center right no-repeat; display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; color:#000; /* font-weight:bold;  font-size:17px; */ }
.panel > ul > li a, .panel div.scroller > ul > li a { margin:0; border:1px solid #aaa; border-bottom-width:0 !important; margin-top:-1px; background-color:#fff; }
.panel > ul > li:first-child a, .panel div.scroller > ul > li:first-child a { -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; }
.panel > ul > li:last-child a, .panel div.scroller > ul > li:last-child a { -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-width:1px !important; }
.panel > ul > li a img, .panel div.scroller > ul > li a img { vertical-align:middle; margin-left:-4px; }

/* base */
.relatedheading 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 10pt;
        color: #336699;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 6px;
        margin-bottom: 1px;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 4px;
        padding-right: 4px;
        border-color: #FFFFFF;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #FFFFFF;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.relateditem 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 10pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0pt;
        margin-bottom: 0pt;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        border-color: #FFFFFF;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #FFFFFF;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.expandingblock 
{font-family: "Tahoma", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 10pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-left: 4px;
        margin-right: 4px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
        border-color: #AFAFAF;
        border-top-style: dotted;
        border-top-width: 1px;
        border-top-color: #AFAFAF;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #AFAFAF;
        border-left-style: dotted;
        border-left-width: 1px;
        border-left-color: #AFAFAF;
        border-right-style: dotted;
        border-right-width: 1px;
        border-right-color: #AFAFAF;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: 90%;
        height: auto;
        white-space: normal;
       }
.bodytext 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 12pt;
        color: #000000;
        xxxbackground-color: white;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 3pt;
        margin-bottom: 3pt;
        margin-left: 6pt;
        margin-right: 3pt;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading2 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 14pt;
        color: #555;
        xxxbackground-color: white;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        border-top:1px solid #aaa;
        margin-top: 12pt;
        margin-bottom: 13pt;
        margin-left: 6pt;
        margin-right: 0cm;
        padding-top: 10pt;
        padding-bottom:10pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading2 img{position:relative;top:-7px;}       
.note 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 10pt;
        color: #000000;
        xxxbackground-color: #DFDFDF;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceec1), color-stop(100%,#eedc94));
        background: -webkit-linear-gradient(top, #fceec1 0%,#eedc94 100%);        
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 6pt;
        margin-bottom: 6pt;
        margin-left: auto;
        margin-right: auto;
        padding:10px;
        border-radius: 3px;
        border:1px solid #d6c685;
        float: none;
        clear: none;
        text-align: left;
        xxxtext-indent: -12pt;
        width: 80%;
        height: auto;
        white-space: normal;
       }
.heading3 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 14pt;
        color: #555;
        xxxbackground-color: white;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 12pt;
        margin-bottom: 13pt;
        margin-left: 6pt;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.emphasis 
{display: inline;
        font-style: italic;
        color: inherit;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
.bolditalic 
{display: inline;
        font-style: italic;
        font-weight: bold;
        color: inherit;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
.buttons 
{display: inline;
        font-weight: bold;
        color: #000000;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
ul.procedureheading 
{list-style-type: Disc;
        margin-left: 35px;
        list-style-image: url(../images/right_arrow.png);
        xxxlist-style-position: inside;
		margin-top: 15pt;
        margin-bottom: 3pt;
        }
li.procedureheading 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        xxxxfont-style: italic;
        font-variant: normal;
        font-weight: bold;
        font-size: 12pt;
        color: #000000;
        xxxbackground-color: #FFFFDD;
		background-color: white;
        xxxbackground: rgb(255,255,255);
        xxxbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
        xxxbackground: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
        xxxbackground: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
        box-shadow: 0px 0px 0px #aaa;

        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 12pt;
        margin-bottom: 3pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding:0px;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.list 
{display: block;
        font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 10pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 3pt;
        margin-bottom: 6pt;
        margin-left: 26pt;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.specialbold 
{display: inline;
        font-weight: bold;
        color: #000;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
.heading1 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 13pt;
        text-shadow: 0px 1px 1px #000;
		color: white;
        background-color: white;
        border-top: 1px solid black;
        border-bottom: 0px solid black;
        background-image: background: rgb(125,126,125);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(96,96,96,1)));
        background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(96,96,96,1) 100%);
        background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(96,96,96,1) 100%);
        box-shadow:0px 0px 0px #aaa;

        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 28pt;
        margin-bottom: 12pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 2pt;
        padding-bottom: 1pt;
        padding-left: 6pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: 18pt;
        white-space: normal;
       }
.heading4 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 10pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 6pt;
        margin-bottom: 3pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading5 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 10pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 6pt;
        margin-bottom: 3pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading6 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: italic;
        font-variant: normal;
        font-weight: bold;
        font-size: 10pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 6pt;
        margin-bottom: 3pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.indexatoz 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 14pt;
        color: #808080;
        background-color: #CFCFCF;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 12pt;
        margin-bottom: 0pt;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 6pt;
        padding-bottom: 6pt;
        padding-left: 6pt;
        padding-right: 6pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.indexheading 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 14pt;
        color: #004080;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0pt;
        margin-bottom: 0pt;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 12pt;
        padding-bottom: 6pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.index1 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 8pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0cm;
        margin-bottom: 0cm;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 3pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0pt;
        width: auto;
        height: auto;
        white-space: normal;
       }
.index2 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 8pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0cm;
        margin-bottom: 0cm;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0pt;
        width: auto;
        height: auto;
        white-space: normal;
       }
.index3 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 8pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0cm;
        margin-bottom: 0cm;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0pt;
        width: auto;
        height: auto;
        white-space: normal;
       }
.indexlink 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: italic;
        font-variant: normal;
        font-weight: normal;
        font-size: 8pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0cm;
        margin-bottom: 0cm;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0pt;
        width: auto;
        height: auto;
        white-space: normal;
       }
.toc 
{font-family: "Arial", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 8pt;
        color: #000000;
        background-color: inherit;
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: normal;
        margin-top: 0cm;
        margin-bottom: 0cm;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 6pt;
        width: auto;
        height: auto;
        white-space: normal;
       }
/*
TouchScroll - might need
*/

.touchScroll {
	position: relative;
}

.touchScrollBars {
	display: -webkit-box;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647;
	-webkit-box-align: end;
	-webkit-box-pack: end;
	-webkit-box-sizing: border-box;
}

.touchScrollTrack {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.touchScrollTrackX {
	height: 6px;
}

.touchScrollTrackY {
	float: right;
	width: 6px;
}

.touchScrollBarsBoth {
	padding-bottom: 12px;
	padding-right: 12px;
}

.touchScrollBarsBoth .touchScrollTrackX {
	-webkit-transform: translateY(9px);
}

.touchScrollBarsBoth .touchScrollTrackY {
	-webkit-transform: translateX(3px);
}

.touchScrollHandle {
	border: 1px solid;
	min-height: 4px;
	min-width: 4px;
	-webkit-transition-property: -webkit-transform, height, width;
	-webkit-border-radius: 3px;

	/* COLOR VARIANTS */
/* Default */
	border-color: rgba(255, 255, 255, 0.15);
	background: rgba(0, 0, 0, 0.5);
/**/

/* White
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
/**/

/* Black
	border-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
/**/
}