/* background to the whole page */
body {
/* background: red; */
font-family:"Georgia", "Times New Roman", serif;
margin:0 auto;
}

::after, ::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------main page------------------------------- 
 container for main content */

.container {
  /*padding-right: 15px;
  padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  /*padding-right: 15px;
  padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}

.container::before,
.container-fluid::before,
.container::after,
.container-fluid::after,
.navbar::before,
.navbar::after,
.navbar-header::before,
.navbar-header::after,
.navbar-collapse::before,
.navbar-collapse::after {
  display: table;
  content: " ";
}

.content {
/* background: orange; */
color:#000;
border:dashed 1px #ccc;
overflow:hidden;
padding:1em
}

.left-menu,.top-menu {
font-family:"Verdana", "Arial", "Helvetica", sans-serif;
color:#666
}

.content,.left-menu,.top-menu,#footer {
font-size:0.8em
}

/* ----------------------------header------------------------------- */

nav {
  display: block;
}

.navbar {
  position: relative;
  min-height: 70px;
  margin-bottom: 20px;
  border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
}

.navbar-default {
  background-color: #fff;
  /*border-color: #e7e7e7;*/
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #888;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #ddd;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-appearance: button;
  cursor: pointer;
  text-transform: none;
  overflow: visible;
  color: inherit;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-overflow-scrolling: touch;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

/*logo */
#logo {
/* background: yellow; */
position:relative;
margin-bottom:3px;
margin-top:4px;
width:217px;
height:67px;
float:left;
/*clear:both;*/
padding:0
}

#logo a img {
border:none;
cursor:pointer
}

/* ----------------------------search form------------------------------- 
 the div around the search form */
.search,#search {
/* background: lightgreen; */
float:right;
width:30em;
text-align:right;
transition: 0.15s;
}

/* removes space below the search form */
form#aspnetForm,form#searchform {
display:inline;
margin:0
}

input.searchsubmit,input#searchsubmit {
/* background: lightblue; */
background:#f3f3f3;
border:2px solid #903;
color:#333;
font-size:0.8em;
width:6em;
}

input.searchinput,input#searchinput {
/* background: purple; */
width:18em;
font-size:0.8em;
}

/* ----------------------------menu links------------------------------- */
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited,
.prevnext a:link,
.prevnext a:active,
.prevnext a:visited,
.left-menu a:link,
.left-menu a:active,
.left-menu a:visited,
#descendant a:link,
#descendant a:active,
#descendant a:visited,
.highlights a:link,
.highlights a:active,
.highlights a:visited,
.tb-toc .top-menu .breadcrumb a:link,
.tb-toc .top-menu .breadcrumb a:active,
.tb-toc .top-menu .breadcrumb a:visited,
.eb-toc .top-menu .breadcrumb a:link,
.eb-toc .top-menu .breadcrumb a:active,
.eb-toc .top-menu .breadcrumb a:visited,
.notes-toc .top-menu .breadcrumb a:link,
.notes-toc .top-menu .breadcrumb a:active,
.notes-toc .top-menu .breadcrumb a:visited,
.sp-toc .top-menu .breadcrumb a:link,
.sp-toc .top-menu .breadcrumb a:active,
.sp-toc .top-menu .breadcrumb a:visited
{
text-decoration:none !important;
color:#2565AC !important;
border:none;
padding:0.1em 
}

.tb-toc .content a:link,.tb-toc a:active,.tb-toc a:visited,.eb-toc .content a:link,.eb-toc a:active,.eb-toc a:visited,.notes-toc .content a:link,.notes-toc a:active,.notes-toc a:visited,
.sp-toc .content a:link,.sp-toc a:active,.sp-toc a:visited

{
color:#2565AC;
text-decoration:none
}

.tb-toc .content a:hover {
background:#4C7A79;
color:white;
}

.eb-toc .content a:hover {
background:#8E8BC5;
color:white;
}

.notes-toc .content a:hover {
background:#8E8BC5;
color:white;
}

.sp-toc .content a:hover {
background:#8E8BC5;
color:white;
}

.breadcrumb a:hover,.prevnext a:hover,.left-menu a:hover,.content > #descendant a:hover, .highlights a:hover {
text-decoration:none;
color:#95013B;
border:none;
cursor:default;
background:#E7E7E7
}

.self span {
background:#E7E7E7;
color:#95013B;
border:thin dotted #95013B
}

.not-self span {
background:red;
color:#000
}

ul.prevnext li#no-previous {
background-image:url(images/no-previous.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:1em;
color:#DEDEDE
}

ul.prevnext li#no-next {
background-image:url(images/no-next.gif);
background-repeat:no-repeat;
background-position:center right;
padding-right:1em;
color:#DEDEDE
}

/* ----------------------------top menu------------------------------- 
 ul, li {
padding-left:0.0em;} */
div.top-menu {
clear:both;
border:dashed 1px #ccc;
padding:0.5em 1em 2em
}

ul.breadcrumb,ul.prevnext,ul.supplementary {
margin:0;
padding:0
}

ul.breadcrumb li {
display:inline;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:0;
padding-left:0.7em;
padding-right:0.5em
}

ul.supplementary li {
display:inline;
padding-left:0.5em;
padding-right:0.5em
}

ul.prevnext li {
display:inline;
background-repeat:no-repeat;
background-position:0;
padding-left:1em
}

ul.prevnext li#previous {
background-image:url(images/previous.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:1em
}

ul.prevnext li#next {
background-image:url(images/next.gif);
background-repeat:no-repeat;
background-position:center right;
padding-right:1em
}

img {
border:none
}

div.nfg,div.nfg-content {
background-color:#F2F3F4
}



div.tb,div.tb-content {
background-color:#FFF1F1
}


div.eb,div.eb-content {
background-color:#E8F5C5
}

div.notes,div.notes-content {
background-color:#FAEEF9
}

div.sp,div.sp-content {
background-color:#FCF1E2
}

div.supp,div.supp-content {
background-color:#E7DEEF
}


div.tp,div.tp-content {
background-color:#F5F4E1
}

body.tc .content,body.tc-toc .content {
border:dashed 1px #7B639C
}


div.tc,div.tc-content {
background-color:#F5F1FF
}

div.cl,div.cl-content {
background-color:#E7DEEF
}

div.rp,div.rp-content {
background-color:#F0FDFE
}

div.in,div.in-content {
background-color:#FAEEF9
}

.navbar-collapse.in,
.navbar-collapse.in-content {
  background-color:#FFF;
}

/* ----------------------------left menu------------------------------- */
.left-menu {
/* background: indigo; */
clear:both;
float:left;
width:15em;
border:dashed 1px #ccc;
padding:1em;
}

.left-menu h1,h1.act {
font-size:1.1em;
border-bottom:dashed 1px #ccc;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0em 0.3em 0;
padding:0.3em 0
}

.left-menu h1 {
font-size:0.9em;
border-bottom:dashed 1px #ccc;
color:#000;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0.7em 0.3em 0;
padding:0.5em 0
}

.left-menu ul,ul#descendant,body.tb-toc div.content div.tb-content ul,body.eb-toc div.content div.eb-content ul,body.tp-toc div.content div.tp-content ul,body.tc-toc div.content div.tc-content ul,body.notes-toc div.content div.notes-content ul,
body.sp-toc div.content div.sp-content ul, .highlights ul {
list-style-type:none;
margin:1em 0 0 1em;
padding:0
}

.left-menu ul {
margin:0 0 0 0.5em;
}

.left-menu li,ul#descendant li,body.tb-toc .tb-content li,body.eb-toc .eb-content li,body.tp-toc .tp-content li,body.notes-toc .notes-content li,
body.tc-toc .tc-content li,body.sp-toc .sp-content li, .highlights ul li
{
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:0 0.4em;
padding-left:1.5em;
margin-top:0.3em
}

body.tb-toc .content li,body.eb-toc .content li,body.notes-toc .content li,
body.sp-toc .content li {
margin-top:0.5em;
margin-bottom:0.5em
}

ul.semantic li {
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:1em;
padding-left:2.5em;
margin-top:0.3em
}

ul.current {
margin-top:0.5em;
margin-bottom:0.4em
}

ul.semantic {
margin-bottom:0.4em
}

ul.changes {
margin-bottom:0
}

/* ----------------------------footer------------------------------- */
#footer {
text-align:center;
clear:both;
border-top:dashed 1px #ccc;
padding:10px
}

/* ICAI 
 CONTAINERS */
#containerMain {
/* background: pink; */
border:0 none;
width:1000px;
margin:auto
}

#ContainerHeader {
/*background: #9C004A;*/
background: #003D51;
width:100%;
/*border-top:2px solid #fff;*/
padding:0;

}

#headerRight {
/*background: #2067AF;*/
background: #003D51;
width:28em;
text-align: right;
}

#headerLeft {
text-align: right;
float: left;
}

#containerNav {
/* background: tan; */
border-bottom:4px solid #95013B;
width:1000px;
margin:0;
}

#containerBody {
/* background: olive; */
background:#fff;
width:1000px;
margin:0;
padding:0;
}

.containerGeneral {
/* background: silver; */
width:100%;
border:1px solid #fff;
}

/* HEADER & BREADCRUMB */
#headerRight {
color:#FFF;
float:right;
font-weight:normal;
font-size:0.6em;
font-family:Agency, Helvetica, sans-serif;
}

#headerLeft {
color:#FFF;
float:left;
font-weight:normal;
font-size:0.7em;
font-family:Agency, Helvetica, sans-serif;
padding:5px 1em 5px 5px
}

#headerRight a, #headerLeft a {
font-weight:normal;
color:#FFF;
text-decoration:none
}

#headerRight a:hover {
font-weight:normal;
color:#9ECCFF;
text-decoration:none
}

.new {
  padding:0px 5px 0px 5px;
  background: #F9FFCF;
color:black;
font-weight: bold;}

#navigationTop {
margin:0
}

#breadcrumb {
font-weight:normal;
color:#2565AC;
font-size:85%;
padding:10px
}

#breadcrumb a {
font-weight:normal;
color:#2565AC
}

#breadcrumb a:hover {
font-weight:normal;
color:#B8B8B8
}

ul#descendant, .highlights ul {
margin-top:1.5em
}

ul#descendant li, .highlights ul li {
margin-top:0.5em;
color:#2565AC;
line-height: 1.4;
}

ul#descendant li a:link, .highlights ul li a:link {
color:#2565AC
}

#descendant a:link,#descendant a:active,#descendant a:visited,ul#descendant li a, .highlights ul li a {
color:#000
}

.supplementary a:link,.supplementary a:active,.supplementary a:visited,.supplementary a:hover {
text-decoration:none;
border:none;
padding:0
}

span.changed
{
background:#FFF6B7
}

div.notes-content img {
width:550px;
border:1px solid #000;
}

.highlights h1 {
margin-bottom: 2em;
}

.highlights h2 {
font-size: 1.1em;
font-weight: bold;
line-height: 1.2em;
font-variant: small-caps;
margin: 1em 0px 0px;
}

.new {
  padding:0px 5px 0px 5px;
  background: #F9FFCF;
  font-weight: bold;
  font-family:"Verdana", "Arial", "Helvetica", sans-serif;
  color:#666
}

.taxpoint-link {
  padding:0px 5px 0px 5px;
  background: red;
  font-weight: bold;
  font-family:"Verdana", "Arial", "Helvetica", sans-serif;
  color:white;
}

.taxpoint-link a:link, .taxpoint-link a:visited {
  color:white;
}

/*Respnosive queries*/
@media (max-width: 767px) {
  /*.container {
    padding-right: 0;
    padding-left: 0;
  }*/
  #headerRight {
    padding: 5px 2em 5px 5px;
  }
  #logo {
    margin-left: 5px;
  }
  #search {
    margin: 0;
    padding: 15px;
  }
  .navbar-default {
    padding: 5px 20px 0px 20px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
  }
  .navbar-toggle {
    margin-top: 15px;
  }
  .left-menu{
    float: none;
    width: auto;
    margin:1em;
    /*margin: 1em 15px;*/
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  div.top-menu {
    margin: 0 1em;
    padding: 0.5em 1em 0.5em;
  }
  ul.breadcrumb,ul.prevnext,ul.supplementary {
    display:block;
  }
  ul.breadcrumb,ul.supplementary {
    text-align:center;
  } 
  ul.prevnext {
    text-align:center;
    margin-top: 10px;
  }
  .content {
    margin:1em;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  #headerRight {
    padding: 5px 1em 5px 5px;
  }
  #search {
    margin: 10px 0 0;
    padding: 14px 0 0;
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .navbar {
    border-radius: none;
  }
  .navbar-default {
    padding: 5px 15px 0px 15px;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse {
    width: auto;
    border-top: 0;
    border-top-color: currentcolor;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-header {
    float: left;
  }
  .navbar-toggle {
    display: none;
  }
  .desktop {
    display: block;
  }
  .mobile {
    display: none;
  }
  div.top-menu {
    margin:0;
    padding: 0.5em 1em 2em;
  }
  ul.breadcrumb,ul.prevnext,ul.supplementary {
    display:inline;
  }    
  ul.breadcrumb,ul.supplementary {
    float:left
  } 
  ul.prevnext {
    float:right
  }
  .left-menu {
    margin-right: 0;
    margin-top:1em;
    margin-bottom:1em;
    margin-right:1.2em;
  }
  .content {
    margin-top:1em;
    margin-right:0em;
    margin-bottom:1em;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}