body {
padding:0;
margin:0;
font:75% Arial,Helvetica,sans-serif;
background:#ffffff;
color:#202020;
}


a {
color:#303030;
text-decoration:none;
border-bottom:1px dotted #303030;
}

a:hover {
color:#303030;
text-decoration:none;
border-bottom:1px solid #303030;
}



a.nounderline {
border-bottom:0;
}
a.nounderline:hover  {
border-bottom:0;
}



h1 {
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2 {
margin:0 0 16px 0;
font-size:1.6em;
font-weight:normal;
}

h3 {
margin:0 0 13px 0;
font-size:1.4em;
font-weight:normal;
}

h4 {
margin:0 0 9px 0;
font-size:1.2em;
font-weight:normal;
}



#helpheader {
clear:both;
background:#ffffff;
padding:0 0 0 0;
margin:0 0 28px 0;;
border-bottom:1px solid #808080;
}

#helpheader h1 {
margin:0 0 11px 0;
}




.helpblockheader {
background:#f0f0f0;

padding:4px 6px 4px 0px;

border-bottom: 2px solid #606060;
border-left: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #d8d8d8;

margin: 0 6px 8px 4px;

font-size:1.1em;
font-weight:bold;
text-align:center;
}













p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

a img {
border:0;
}









.highlite {
background-color:#FFFF00;
padding: 2px 2px 2px 2px; 
}


ol{
margin: 0px 0px 15px 40px;
padding: 0px;
}
ol li{
margin: 0px 0px 4px 0px; 
padding: 0px;
line-height:1.5em;
}

ol.helptoc{ 
margin: 0px 0px 15px 30px;
padding: 0px;
}
ol.helptoc li{
margin: 0px 0px 10px 0px; 
padding: 0px;
line-height:1.5em;
font-weight:bold;
}



ul {
margin: 0px 0px 15px 36px;
padding: 0px;
}
ul li {
margin: 0px 0px 4px 0px; 
padding: 0px;
line-height:1.5em;
}

ol.helptoc li ul {
margin: 5px 0px 0px 15px;
padding: 0px;
}

ol.helptoc li ul li {
margin: 0px 0px 4px 0px; 
padding: 0px;
line-height:1.5em;
list-style-type: disc;
}





table.toctabtable {
border-collapse: collapse;
margin: 0;
border: none;
width: 100%;
}


table.toctabtable th {
background: #505050 url(corner.gif) no-repeat scroll right top;
color: #ffffff;

padding:4px 6px 4px 0px;

border-left: 1px solid #505050;
border-top: 0;
border-right: 0;
border-bottom: 0;

margin: 0 6px 8px 4px;

font-size:1.1em;
font-weight:bold;
text-align:center;
}

table.toctabtable th a {
color: #ffffff;
}

table.toctabtable td {
background: #f8f8f8;
padding: 8px 8px 0px 6px;
border-top: 1px solid #f8f8f8;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin: 0;
}







/*
ol.toc li{
margin: 0px 0px 10px 0px; 
padding: 0px;
line-height:1.5em;
}*/





img.left {
float:left;
margin:0 15px 8px 0;
}
img.right {
float:right;
margin:0 0 8px 15px;
}





table {
border-collapse: collapse;
border: 1px solid #d0d0d0;
margin: 0 15px 15px 0;
}

table tr.rowa {
background:#ffffff none repeat scroll 0%;
}

table tr.rowb {
background:#f0f0f0 none repeat scroll 0%;
}

table th {
vertical-align:middle;
background:#505050;
color:#ffffff;
margin: 0;
padding: 4px 9px;
text-align:left;
border: 1px solid #d0d0d0;
}

table td {
vertical-align:top;
padding: 8px;
margin: 0;
border-top:0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
line-height: 1.4em;
}

table td.tidy {
vertical-align:top;
padding: 3px 10px;
margin: 0;
border-top:0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
line-height: 1.4em;
}


table p, table h1,table h2,table h3,table h4 {
padding:0;
margin:0;
}










/* form elements */

form {
margin:0 15px 15px 0; 
padding: 8px 15px;
border: 1px solid #d0d0d0;
width:450px;
}

form p {
margin-bottom:0px;
}

label {
display:block;
font-weight:bold;
margin-bottom: 1px;
}

input {
display:block;
padding:3px;
margin-bottom:8px;
border:1px solid #d0d0d0;

font-family: Arial,Helvetica,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 1.1em;

}

textarea {
display:block;
padding:3px;
border:1px solid #d0d0d0;
width:440px;
height:100px;
margin-bottom:8px;

font-family: Arial,Helvetica,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 1.1em;
}

input.button { 
font-family: Arial,Helvetica,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 1.1em;
line-height:1.1em;
vertical-align:middle;

font-weight:bold;
text-decoration:none;

padding:0.3em 1em;
border:1px solid #505050;
margin: 5px 0;

color:#ffffff;
background:#505050;
}

input.button:hover {
background:#e0e0e0;
color:#202020;
}





/* Main containers */
#helptoccontainer {
margin: 10px 15px;
}

/* Main containers */
#helpcontainer {
margin: 25px 25px;
}




/* Footer */

#helpfooter {
clear:both;
background:#ffffff;
padding:0 0 16px 0;
margin:0;
border-top:1px solid #d8d8d8;
}

#helpfooter a {
color:#808080;
}

#helpfooter a:hover {
color:#303030;
}

#helpfooter p {
color:#808080;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
}



/* Various classes */

.photo {
/*float:left;*/
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.photoleft {
float:left;
padding:2px;
margin:0 15px 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.photoright {
float:right;
padding:2px;
margin:0 0 8px 15px;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}


.photomargin {
padding:2px;
margin:0 15px 15px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}





/* same as sidelink's li links */
.boxlink {
text-align:left;
display:block;
width:140px;
background:#f0f0f0 url(../images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
border:none;
}

.boxlink:hover {
background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}





.greytextbutton{
font-size:1.1em;
line-height:2em;
font-weight:bold;
text-decoration:none;

padding:0.4em 0.8em;
border:1px solid #505050;
margin: 5px;

color:#ffffff;
background:#505050;
}

.greytextbutton:hover {
background:#e0e0e0;
}










table.outlinetable {
border: 1px solid #505050;
border-collapse: collapse;
padding: 0;
margin: 0 15px 15px 0;
}
table.outlinetable th {
border-bottom: 1px solid #505050;
padding: 8px;
margin: 0;
vertical-align:middle;
}
table.outlinetable td {
padding: 8px;
border: 0;
margin: 0;
vertical-align:middle;
}

table.outlinetable p, 
table.outlinetable h1, 
table.outlinetable h2, 
table.outlinetable h3,
table.outlinetable h4,
{
margin: 0;
padding: 8px;
vertical-align:center;
}



table.outlinetable td.center {
padding: 8px;
border: 0;
margin: 0;
text-align:center;
vertical-align:center;
}

table.outlinetable td img.alignvbox {
padding:8px 8px 0px 8px; 
border: 0;
margin: 0;
}

/* correct greytextbutton border and display type */
table.outlinetable .greytextbutton {
margin:0;
display:inline;
text-align:center;
}




table.outlinevbox {
border: 1px solid #505050;
border-collapse: collapse;
padding: 0;
margin: 0 15px 15px 0;
clear:none;
text-align:center;
}
table.outlinevbox td {
padding:0;
margin: 0;
border: 0;
}
table.outlinevbox td img {
padding:15px 15px 8px 15px;
border:0;
margin:0;
}


/* correct greytextbutton border and display type */
table.outlinevbox .greytextbutton {
margin:0;
border-left:0;
border-right:0;
border-bottom:0;
display:block;

}









table.invisible {
border:0;
border-collapse: collapse;
padding: 0;
}

table.invisible td {
border:0;
border-collapse: collapse;
padding: 0;
}














.block {
background:#f0f0f0;
padding:15px;
margin: 0 0 15px 0;
}
.block ul, .block ol {
margin-bottom:0;
}

.blockquote {
background:#f0f0f0;
padding:15px;
border-left: 8px solid #505050;
margin: 0 0 15px 0;
}
.blockquote ul, .blockquote ol  {
margin-bottom:0;
}

.blockbar {
padding:0 12px 0 12px;
border-left:1px solid #d8d8d8;
margin: 0 0 15px 0;
background:#ffffff;
}
.blockbar ul, .blockquote ol  {
margin-bottom:0;
margin-left: 26px;
}




.smallpadding {
padding: 0 15px 15px 0;
}






.mandatory {
color:#d80000;
}


.right {
margin-top:-8px;
text-align:right;
}

.center {
display: block;
text-align: center;
/*margin: auto;*/
}


.hide {
display:none;
}

.clear {
clear:both;
}

.clearleft {
clear:left;
}


.noborder {
border:0;
}


.height1px { height:1px; }
.height5px { height:5px; }
.height10px { height:10px; }
.height15px { height:15px; }
.height20px { height:20px; }
.height30px { height:30px; }
.height50px { height:50px; }
.height100px { height:100px; }

.margin15px { margin-left:15px; }
.margin20px { margin-left:20px; }
.margin30px { margin-left:30px; }
.margin40px { margin-left:40px; }
.margin50px { margin-left:50px; }
.margin100px { margin-left:100px; }
.margin200px { margin-left:200px; }
