/* PREVIEW PAGES */
#eot-preview-content h2 {
  margin-bottom: 10px;
}


/* GENERAL eot-doc-wrapper STYLES: LISTS, TABLES, IMAGES, ETC. */
#eot-doc-wrapper ol, #eot-doc-wrapper ul {  
  margin:10px 0 10px 15px;
}
#eot-doc-wrapper ul {
  list-style-type: disc;
}
#eot-doc-wrapper ol {
  list-style-type: decimal;
}
#eot-doc-wrapper li > ol {
  list-style-type: lower-alpha;
}
#eot-doc-wrapper li { 
	font-size: 13px;
}
#eot-doc-wrapper table {
  max-width: 97%;
  table-layout: fixed;
  word-wrap: break-word;
  overflow: auto;
  border:none;
  width:auto !important;
  height: auto !important;
}
#eot-doc-wrapper th, #eot-doc-wrapper td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-radius: 2px;
  padding:5px 5px 5px 7px;
}
#eot-doc-wrapper th {
  border-bottom: 2px solid #ccc;
  border-collapse: collapse;
  background-color: #E6E6E6;
  font-weight: bold;
}
#eot-doc-wrapper blockquote {
  padding-left: 10px;
}
#eot-doc-wrapper p.video {
  max-width:97%;
  overflow:auto;
}
#eot-doc-wrapper img {
  width: auto !important;
  height: auto !important;
  max-width:97%;
  position: relative;
}
#eot-doc-wrapper img[onclick] {
  cursor: pointer;
}
#eot-doc-wrapper sup {
  vertical-align: super;
  font-size: 10px;
  font-weight: bold;
}
#eot-doc-wrapper a[name] {
	text-decoration:none;
	color:inherit;
}
/* wrap long urls*/
#eot-doc-wrapper a[href]
{
/*
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap; */
word-wrap: break-word;
} 
#eot-doc-wrapper pre, #eot-doc-wrapper code{
  font-family: courier;
  font-size:11px;
  max-width:97%;
  margin-top:10px;
  padding-bottom:5px;
  margin-bottom: 10px;
}
#eot-doc-wrapper pre {
  overflow:auto;
  display:block;
}

#eot-doc-wrapper code {
  word-wrap:break-word;
}
/* NOTES, TIPS, WARNINGS, CAUTION, EXIT */
#eot-doc-wrapper p.note, #eot-doc-wrapper p.tip, #eot-doc-wrapper p.warning, #eot-doc-wrapper p.caution, 
#eot-doc-wrapper div.note, #eot-doc-wrapper div.tip, #eot-doc-wrapper div.warning, #eot-doc-wrapper div.caution
{
	background-repeat:no-repeat;
	background-position:2px 4px;
	height:auto;
	width:auto;
	padding:10px 5px 10px 35px;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	overflow-x:hidden;
}
#eot-doc-wrapper p.note, #eot-doc-wrapper div.note {
	background-image:url('http://www.cisco.com/en/US/i/templates/note.gif');
}
#eot-doc-wrapper p.tip, #eot-doc-wrapper div.tip {
	background-image:url('http://www.cisco.com/en/US/i/templates/tip.gif');
}
#eot-doc-wrapper p.warning, #eot-doc-wrapper div.warning {
	background-image:url('http://www.cisco.com/en/US/i/templates/warn.gif');
}
#eot-doc-wrapper p.caution, #eot-doc-wrapper div.caution {
	background-image:url('http://www.cisco.com/en/US/i/templates/caut.gif');
}
#eot-doc-wrapper a.exit {
  background-image:url('/c/dam/en/us/support/web/images/exit.png');
  background-position:100% 0;
  background-repeat:no-repeat;
  padding-right:15px;
  target: _blank;
  margin-right: 2px;
}

#eot-doc-wrapper input[type=submit],#eot-doc-wrapper input[type=reset]{
	background-color: #049fd9;
    color: #fff;
    border-radius: 60px;
    padding: 9px 40px;
    margin-right:30px;
}

#eot-doc-wrapper input[type=submit]:hover,#eot-doc-wrapper input[type=reset]:hover{
	background-color:#047fad;
}
/* SUPPORT DOCS ONLY STYLES */
@media (max-width: 650px) {
  #eot-doc-wrapper table {
    overflow:auto;
    display:block;
    border:none;
    margin-bottom:5px;
  }
}
/* FIELD NOTICE ONLY STYLES */
/* Non-responsive FNs */
#umpire-form-nonresponsive table, #umpire-form-nonresponsive tr, #umpire-form-nonresponsive td {
  border:none;
}
#umpire-form-nonresponsive {
  font-size: 12px;
}

/* Responsive FNs - currently not used */
#umpireform textarea {
  border: 1px solid #A4A4A4;
  width: 250px;
}
#umpireform input[name="B1"], #umpireform input[name="B2"] {
  padding: 2px 5px 2px 5px;
}
#umpireform input {
  padding-left: 2px;
  max-width: 100%;
}
#umpireform table {
  width:100%;
}
.umpire-form-select {
  width:175px;
}
@media (max-width: 650px) {
  #umpireform td, #umpireform tr {
    display:block;
    border:none;
    font-weight: bold;
  }
  #umpireform th {
    display:block;
  }
  #umpireform td[data-title]:before {
        /*content: attr(title) ":\00A0";*/
        content: attr(data-title) ":\00A0 ";
        font-style: italic;
  }
  #umpireform input {
    padding-left: 2px;
    max-width: 100%;
  } 
  #umpireform .umpire-form-productinfo {
    display:none;
  } 
}