/* @group navigation styles group */

/* @group primary navigation */
#primary-nav{
   margin: 0;
   padding: 0 0 0 .6em;
   background: url(../images/theme/primary-nav-bg.png) rgb(252, 208, 119) bottom left repeat-x;
}

#primary-nav .label{
   margin: 0; /* visibly hidden, but semantically still present */
   padding: 0;
   width: 0;
   height: 0;
   overflow: hidden;
}
/* @end primary navigation group */

/* @group nav2 styles */
#secondary-nav{
   font-size: 100%;
   overflow: hidden;
   width: 20%;
   float: left;
}

#secondary-nav .label{
   margin: 0; /* visibly hidden, but semantically still present */
   padding: 0;
   width: 0;
   height: 0;
   overflow: hidden;
}

#secondary-nav ul{
   padding-left: 0;
   list-style-type: disc;
   margin-top: 0;
}

#secondary-nav ul ul ul{
   padding-left: 1em;
}
#secondary-nav h2 a {
   padding: 0 0 0 .1em;
   font-size: 1.3em;
}
#secondary-nav h2 {
   padding-bottom: 0;
   margin-top: .5em;
}

#secondary-nav li h2 a{
	background: none;
}

#secondary-nav li{
   margin-top: .5em;
   margin-bottom: .5em;
   overflow: hidden;
}
/* @end nav2 styles */

/* @group tertiary nav */
#content #tertiary-nav ul,
#content #tertiary-nav ol,
#content #tertiary-nav li{
   margin: 0;
   padding: 0;
}

#content #tertiary-nav ul,
#content #tertiary-nav ol{
   padding-left: 2em;
   margin-bottom: .5em;
}

#content #tertiary-nav{
   margin: 1em 0;
   padding: 0.5em 1em;
   background-color: rgb(255, 239, 165);
}

#content #tertiary-nav li a,
#content #tertiary-nav li a:link,
#content #tertiary-nav li a:visited{
   margin: 0;
   padding: 0.1em 1em 0.3em 1em;
   display: block;
   background: transparent url(nav-bullet.png) no-repeat scroll 1.5em center;
   /* image does not exist */
}

#content #tertiary-nav li a:hover{
   background-color: rgb(251, 196, 94);
}

/* @end tertiary nav */

/* @group tabbed display functionality */
.active.tabbed{
   clear: both;
   border: rgb(0, 0, 0) 1px solid;
}

.active.tabbed .section .content{
   margin: 0;
   padding: .5em 1em;
   border-top: none;
}

.active.tabbed .section h2{
   margin: 0;
   padding: 0;
   width: 0;
   height: 0;
   overflow: hidden;
}

.active.tabbed .section{
   clear: both;
   margin: 0;
   padding: 0;
}

.active.tabbed .section.closed{
   border: none;
}

.active.tabbed .section.closed .content{
   display: none;
}

/* remind people to add an id and heading to each section */
.active.tabbed .section.error,.active.tabbed .section.error h2{
   background-color: rgb(255, 0, 0) !important;
}

.active.tabbed .nl.tabs{
   margin: 0;
   padding: .5em 0 0;
   list-style-type: none;
   display: block;
   background: rgb(204, 204, 204);
   overflow: hidden;
}

.active.tabbed .nl.tabs li{
   display: inline;
}

.active.tabbed .nl.tabs li a{
   float: left;
   margin: 0 .3em;
   padding: .2em 1em;
   display: block;
   background: rgb(221, 221, 221);
}

.active.tabbed .nl.tabs li.current a{
   padding-bottom: .4em;
   color: rgb(255, 0, 0);
   background-color: rgb(255, 255, 255);
}
/* @end tabbed display */

/* @group Suckerfish */
/*************** Suckerfish drop down menu styles - http://www.htmldog.com/articles/suckerfish/dropdowns/ ******************/
#nav,#nav ul{
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1;
}

#nav a{
   padding: .45em .75em 0.6em;
   display: block;
   text-decoration: none;
}

#nav a:hover{
   color: rgb(255, 255, 255);
}

#nav li{
   float: left;
   margin-right: 3em;
   font-size: 1em;
   font-weight: bold;
}

#nav li:hover a{
   color: rgb(255, 255, 255);
}

#nav li:hover,#nav li.sfhover{
   background: url('/assets/images/theme/primary-nav-bg-hover.png') rgb(223, 150, 4) bottom left repeat-x;
   color: rgb(255, 255, 255);
}

#nav li.sfhover a{
   color: rgb(255, 255, 255);
}

#nav li ul{
   width: 14em;
   margin-left: 0;
   line-height: 1.5;
   position: absolute;
   left: -999em;
}

#nav li ul li{
   width: 14em;
   padding: 0;
   margin-right: 0;
   font-size: 1em;
   font-weight: normal;
}

#nav li ul li a{
   width: 12.5em;
   padding: .25em .75em;
   color: rgb(255, 255, 255);
}

#nav li ul li:hover,#nav li ul li.sfhover{
   background-color: rgb(128, 128, 128);
   background-image: none;
}

#nav li:hover ul,#nav li.sfhover ul{
   background-color: rgb(38, 151, 157);
   left: auto;
}

#nav li:hover ul li,#nav li.sfhover ul li{
   border-bottom: rgb(43, 166, 172) 1px solid;
}

#nav li ul ul{
   margin: -1em 0 0 11em;
}

#nav li:hover ul ul,#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul{
   left: auto;
}
/* @end Suckerfish */

/* @group exmenu styles */
/*
EXTREME MINIMUM FUNCTIONALITY
*/
.exmenu li.closed ul{
   display: none;
}
/*
BASIC PRESENTATION
*/
.exmenu li.current{
   font-weight: bold;
}

.exmenu li.current ul li{
   font-weight: normal;
}

/* Extra padding for normal links */
.exmenu a,
.exmenu .no-link{
   padding-left: 1.5em;
}

/* Cancel padding for toggles and links with toggles */
.exmenu .parent-link,
.exmenu a.toggle{
   padding-left: 0;
}

.exmenu a.toggle{
   float: left;
   clear: left;
   width: 1.5em;
   display: block;
   text-align: center;
   cursor: pointer;
}

.exmenu li{
   clear: both;
}

.exmenu .closed a.toggle{
}

ul.exmenu, ul.exmenu ul, ul.exmenu li{
   padding: 0;
   margin: 0;
   list-style-type: none;
}

ul.exmenu li li{
   padding-left: 1em;
}

/*
EXTRA PRETTIES
*/
ul.exmenu li a,
ul.exmenu li .no-link{
   display: block;
   background: transparent url('/assets/images/content/bullet-square.png') .4em .4em no-repeat;
}

ul.exmenu li .parent-link{
   float: left;
   background: none;
}

.exmenu a.toggle{
   float: left;
   padding-top: 1.2em;
   background-image: url(/assets/images/content/minus.png);
   background-repeat: no-repeat;
   background-position: .4em .3em;
   cursor: pointer;
   height: 0;
   overflow: hidden;
}

.exmenu .closed a.toggle{
   background-image: url(/assets/images/content/plus.png);
}

/* CDoor exmenu tweaks */
#secondary-nav li li.current{
   font-weight: bold;
}
/* @end exmenu styles */

/* @group accordian content sections */
/* Compact sections CSS */
/* open state */
.accordian .section a.toggle,
.accordian .section a.toggle:link,
.accordian .section a.toggle:visited{
   padding: .5em 1em .5em 1.5em;
   display: block;
   background: url(/assets/images/content/minus.png) rgb(204, 255, 255) 0.5em center no-repeat;
   color: rgb(0, 102, 51);
   text-decoration: none;
}

.accordian .section.open .content{
   padding: 0 1em 0 1.5em;
   display: block;
}

/* closed state */
.accordian .closed a.toggle,
.accordian .closed a.toggle:link,
.accordian .closed a.toggle:visited{
   background: transparent url(/assets/images/content/plus.png) 0.5em center no-repeat;
   text-decoration: underline;
}

.accordian .section.closed .content{
   display: none;
}

/* remind people to add an id and heading to each section */
.active.accordian .section.error,.active.accordian .section.error h2{
   background-color: rgb(255, 0, 0) !important;
}
/* @end accordian content sections */

/* @group expandable content sections */
/* open state */
.expandable .section a.toggle,
.expandable .section a.toggle:link,
.expandable .section a.toggle:visited{
   padding: .5em 1em .5em 1.5em;
   display: block;
   background: url(/assets/images/content/minus.png) rgb(204, 255, 255) 0.5em center no-repeat;
   color: rgb(0, 102, 51);
   text-decoration: none;
}

.expandable .section.open .content{
   padding: 0 1em 0 1.5em;
   display: block;
}

/* closed state */
.expandable .closed a.toggle,
.expandable .closed a.toggle:link,
.expandable .closed a.toggle:visited{
   background: transparent url(/assets/images/content/plus.png) 0.5em center no-repeat;
   text-decoration: underline;
}

.expandable .section.closed .content{
   display: none;
}
/* @end expandable content sections */

/* @end navigation styles group */



/* @group site section styles */
.indigenous #content-container,
.multicultural #content-container{
   background: rgb(255, 255, 255);
}

.indigenous #section-title,
.multicultural #section-title{
   margin: 0;
   padding: 0;
   display: block;
   color: rgb(255, 255, 255);
   font-weight: bold;
   overflow: hidden;
}

.indigenous #section-title p,
.multicultural #section-title p{
   margin: 0;
   padding: .3em 1em 25px;
   display: block;
   background: transparent url(/assets/images/theme/section-title-wave.png) bottom right repeat-x;
   overflow: hidden;
}

.indigenous #section-title{
   background: url(/assets/images/theme/section-title-bg-ind.jpg) rgb(227, 140, 25) top right no-repeat;
}

.multicultural #section-title{
   background: url(/assets/images/theme/section-title-bg-multi.jpg) rgb(130, 191, 121) top right no-repeat;
}

.multicultural #section-title a,
.multicultural #section-title a:link,
.multicultural #section-title a:visited,
.multicultural #section-title a:active
.indigenous #section-title a,
.indigenous #section-title a:link,
.indigenous #section-title a:visited,
.indigenous #section-title a:active{
   color: rgb(255, 255, 255);
   text-decoration: none;
}

.multicultural #section-title a:hover,
.indigenous #section-title a:hover{
   text-decoration: underline;
}

.indigenous #page-container{
   background-color: rgb(248, 244, 229);
}

.multicultural #page-container{
   background-color: rgb(217, 236, 215);
}

.indigenous #content-container,
.multicultural #content-container{
   background: rgb(255, 255, 255);
}
/* @end site section styles */



/* @group alphabetical indexes */
div.alpha-index{
   margin: 1em 0;
   padding: .5em 1em;
   display: block;
   background: rgb(221, 254, 196);
   overflow: hidden;
}

div.alpha-index p.label{
   margin: .5em 0;
}

.alpha-index ul{
   margin: 0;
   padding: 0;
   display: inline;
}

.alpha-index li{
   float: left;
   border-right: rgb(204, 204, 204) 1px solid;
   margin: .2em 0;
   padding: 0 .3em;
   display: block;
}

.alpha-index li.last-child{
   border: none;
}

.alpha-index a,
.alpha-index a:link
.alpha-index a:visited{
   margin: 0;
   padding: .2em .7em;
   display: block;
}

.alpha-index a:hover{
   background-color: rgb(192, 235, 159);
}
/* @end alphabetical indexes */



/* @group button styles */
a.button,
a:link.button,
a:visited.button,
.button span{
   margin: 0;
   padding: 0;
   display: block;
   background-repeat: no-repeat;
   background-color: transparent;
}

a.button,
a:link.button,
a:visited.button{
   margin: 1em 0;
   background-color: rgb(221, 238, 255);
   background-position: top right;
   text-decoration: none;
}

a:hover.button{
   background-color: rgb(238, 238, 255);
}

.button .wrap{
   background-position: bottom left;  /* bg images used on this element must be thinner than the minimum button width */
}

.button .desc{
   padding: .5em 0 .1em 1em;
   margin-right: 1em;
   background-position: top left;
   font-size: 1.1em;
}

.button .tool{
   padding: .08em .83em .45em 0;
   margin-left: .83em;
   background-position: bottom right;
   font-weight: bold;
   font-size: 1.3em;
}

.button#launch{
   background-color: rgb(221, 255, 221);
   background-image: url(/assets/images/content/button-launch-right.png);
}

.button#launch .wrap,
.button#launch .desc{
   background-image: url(/assets/images/content/button-launch-left.png);
}

.button#launch .tool{
   background-image: url(/assets/images/content/button-launch-right.png);
}

.button#launch:hover .wrap,
.button#launch:hover .desc{
   background-image: url(/assets/images/content/button-launch-left-hover.png);
}

.button#launch:hover,
.button#launch:hover .tool{
   background-image: url(/assets/images/content/button-launch-right-hover.png);
}

.button#register{
   background-color: rgb(252, 252, 187);
   background-image: url(/assets/images/content/button-register-right.png);
}

.button#register .wrap,
.button#register .desc{
   background-image: url(/assets/images/content/button-register-left.png);
}

.button#register .tool{
   background-image: url(/assets/images/content/button-register-right.png);
}

.button#register:hover .wrap,
.button#register:hover .desc{
   background-image: url(/assets/images/content/button-register-left-hover.png);
}

.button#register:hover,
.button#register:hover .tool{
   background-image: url(/assets/images/content/button-register-right-hover.png);
}
/* @end button styles */



/* @group footnote styles */
#footnotes{
   border-top: rgb(0, 0, 0) 1px solid;
}

#footnotes p{
   color: rgb(84, 84, 84);
   font-size: 80%;
}

a.footnote-ref{
   padding: 4px;
   color: rgb(0, 128, 0);
}

p.footnote-par .footnote{
   border: rgb(187, 166, 15) 1px solid;
   padding: 10px 10px 15px 55px;
   margin-top: 10px;
   margin-bottom: 10px;
   display: block;
   background: url(/assets/images/content/info-icon.gif) rgb(247, 235, 155) 10px 10px no-repeat;
   font-size: 80%;
}
/* @end footnote styles */



/* @group index styles */
ul.index,
ul.index li{
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: block;
   overflow: hidden;
}

ul.index li{
   display: inline;
}

ul.index{
   border-top: rgb(170, 170, 170) 1px solid;
}

ul.index a,
ul.index a:link,
ul.index a:visited{
   border-bottom: rgb(170, 170, 170) 1px solid;
   padding: .2em 1em;
   display: block;
   background: url(/assets/images/content/index-bg.png) rgb(239, 239, 239) bottom left repeat-x;
   text-decoration: none;
   overflow: hidden;
}

ul.index a:hover{
   background-color: rgb(253, 236, 206);
   background-image: url(/assets/images/content/index-bg-hover.png);
}

ul.index .title,
ul.index .description{
   margin: .5em 0;
   display: block;
}

ul.index .title{
   font-size: 1.2em;
   text-decoration: underline;
}

ul.index .description{
   color: rgb(0, 0, 0);
}
/* @end index styles */



/* @group inline features */
p.feature,
img.feature{
   float: right;
   margin: 0 0 1em 1em;
   padding: 0;
}

.feature a,
.feature img{
   margin: 0;
   padding: 0;
}

.feature a img,
.feature a:link img,
.feature a:visited img{
   border: rgb(128, 128, 128) 1px solid;
}

.feature a:hover img,
.feature a:focus img{
   border: rgb(51, 204, 0) 1px solid;
}

ul.newsletter-archive{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.newsletter-archive li.issue{
   clear: both;
   margin: 1em 0;
   padding: 1em;
   border-bottom: rgb(170, 170, 170) 1px solid;
   display: block;
   background: url(/assets/images/content/index-bg.png) rgb(239, 239, 239) bottom left repeat-x;
   overflow: hidden;
}

.newsletter-archive li.issue .issue-title{
   margin-top: 0;
}

.newsletter-archive li li{
   list-style-type: disc;
}

.event .feature{
   float: none;
   margin: 0 0 1em 0;
   padding: 0;
}
/* @end inline features */



/* @group feature */
/* .download can be on a div,a or ul.
When used within a #feature,it displays block. */
#feature .figure,
#feature .download,
#feature .section,
#feature ul.download li,
#supplementary .figure,
#supplementary .download,
#supplementary .section,
#supplementary ul.download li{
   margin: 0 .3em 1em .5em;
   padding: 0;
   background-color: rgb(233, 233, 233);
   text-align: center;
}

#feature .figure a,
#feature .download a,#feature a.download,
#feature .section a,#feature a.section,
#supplementary .figure a,
#supplementary .download a,#supplementary a.download,
#supplementary .section a,#supplementary a.section{
   padding: 0;
   display: block;
   text-decoration: none;
}

#feature .figure img,
#feature .download img,
#feature .section img,
#supplementary .figure img,
#supplementary .download img,
#supplementary .section img{
   margin: 1em;
   border: rgb(204, 204, 204) 1px solid;
}

#feature .figure .legend,
#feature .download .caption,
#feature .section .caption,
#supplementary .figure .legend,
#supplementary .download .caption,
#supplementary .section .caption{
   padding: .5em 1em;
   display: block;
   background-color: rgb(187, 236, 238);
   text-align: left;
}

#feature .figure a .legend,
#feature .download a .caption,
#feature .section a .caption,
#supplementary .figure a .legend,
#supplementary .download a .caption,
#supplementary .section a .caption{
   text-decoration: underline;
}

#feature ul.download,#feature ul.download ul,
#supplementary ul.download,#supplementary ul.download ul{
   margin: 0;
   background: none;
   padding: 0;
   list-style-type: none;
}

#feature ul.download li,
#supplementary ul.download li{
   padding: 0;
   display: block;
   list-style-type: none;
}

#feature .supplement h2,
#supplementary .supplement h2{
   padding: .5em 1em;
   display: block;
   background-color: rgb(187, 236, 238);
   text-align: center;
}

#feature .supplement p,
#supplementary .supplement p{
   padding: .75em;
   width: 95%;
   text-align: left;
}

#feature .supplement,
#supplementary .supplement{
   background-color: rgb(233, 233, 233);
}

#feature .supplement ul,
#supplementary .supplement ul{
   clear: both;
   display: block;
   text-align: left;
}

#feature .supplement a,
#supplementary .supplement a{
   text-decoration: underline;
}

#feature{
   background-color: rgb(234, 248, 249);
   float: left;
   clear: left;
}

p.feature{
   font-weight: bold;
}
/* @end feature */



/* @group translated content */
/* Arabic,Persian */
#main-content.lang-ar,
#page-title.lang-ar,
#main-content.lang-fa,
#page-title.lang-fa{
   font-size: 160%; /* need to be larger than the english text - easier to read */
   font-family: Arial,sans-serif;
   direction: rtl;
   padding-right: 0em;
   margin-right: 0em;
}

#page-title.lang-ar h1,
#page-title.lang-fa h1{
   font-weight: bold;
   padding-right: 1em;
   margin-right: 1em;
}

#nav2 .lang-ar ul li,
#nav2 .lang-fa ul li{
   font-size: 160%; /* need to be larger than the english text - easier to read */
   font-family: Arial,sans-serif;
   direction: rtl;
   float: none; /*problem with IE7*/
   padding-right: 0em;
   margin-right: 0em;
}

#nav2 li.lang-ar li,
#nav2 li.lang-fa li,
#nav2 li.lang-ps li{
   list-style: none !important;
   margin:0;
}

.exmenu .lang-ar a.toggle,
.exmenu .lang-fa a.toggle,
.exmenu .lang-ps a.toggle{
   display: none;
}

.exmenu .lang-ar li a,
.exmenu .lang-fa li a,
.exmenu .lang-ps li a{
   background:transparent url(/assets/images/content/bullet-square.png) no-repeat scroll right;
   padding-right: 1em;
}

/* Dinka */
#main-content.lang-din,
#page-title.lang-din{
   font-size: 120%;
   font-family: Arial,sans-serif;
}

#page-title.lang-din h1{
   font-weight: bold;
}

/* Pashto */
#main-content.lang-ps,
#page-title.lang-ps{
   font-size: 140%; /* need to be larger than the english text - easier to read */
   font-family: Tahoma,Arial,sans-serif;
   direction: rtl;
}

#page-title.lang-ps h1{
   font-weight: bold;
   margin-right: 40%;
}

#main-content.lang-ps,
#page-title.lang-ps{
   float: right;
   padding-right: 0em;
   margin-right: 0em;  
}

.lang-au{
   direction: ltr;
   font-size: 70%;
   /*color: red;*/   
   text-align: right;
}
.lang-au a{
   font-size: 70%;
   /*color: red;*/
}
 h3.lang-au{
   font-size: 90% !important;
   /*color: gray;*/
}
 h3 span.lang-au{
   font-size: 80%;
   /*color: green;*/
}

.align-right{
   text-align: right;   
}
/* @end translated content */



/* @group vcards (contact lists) */
ul.contacts,
ul.contacts li{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.vcard,
ul.contacts li.vcard{
   border: rgb(204, 204, 204) 1px solid;
   border-width: 1px 0;
   margin: 1em 0;
   padding: .2em 1em;
   background-color: rgb(239, 239, 239);
}

.vcard h2,
.vcard h3,
.vcard h4,
.vcard h5,
.vcard h6{
   margin: 1em 0;
}

/* hCard */
.adr span{
   display: block;
}
/* @end vcards (contact lists) */



/* @group TOC (Table of Contents) */
#toc{
   margin: 1em 0;
   padding: .5em 1em;
   background-color: rgb(221, 254, 196);
}

#toc ol,
#toc li{
   padding: 0;
   margin: 0;
   list-style-type: none;
}

#toc ol li a,
#toc ol li a:link,
#toc ol li a:visited{
   padding: .1em 1em .3em 3em;
   display: block;
   background: transparent url(/assets/images/content/bullet-arrow.png) 1.5em center no-repeat;
}

#toc ol li a:hover{
   background-color: rgb(192, 235, 159);
}

#toc ol ol li a{
   padding-left: 5em;
}

#toc ol ol ol li a{
   padding-left: 7em;
}
/* @end TOC (Table of Contents) */



/* @group sitemap styles */
.sitemap li{
   font-weight: bold;
}

.sitemap li li{
   font-weight: normal;
}
/* @end sitemap styles */



/* @group compact styles */
ul.nl.compact,ul.nl.compact li,ul.nl.compact ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: inline;
}

ul.nl.compact li{
   float: left;
   margin: 0 .5em 0 0;
   padding: 0 .5em 0 0;
   border-right: rgb(0, 0, 0) 1px solid;
   display: block;
}

ul.nl.compact a{
   float: left;
   margin: 0;
   padding: .2em .7em;
   display: block;
}

ul.nl.compact a:hover{
   background-color: rgb(204, 204, 204);
}

ul.nl.compact li.last-child{
   border: none;
   margin: 0;
   padding: 0;
}
/* @end compact styles */



/* @group container & content */
#content{
   font-size: 100%;
   width: 100%;
}

#page-container{
   display: block;
   background: url(/assets/images/theme/secondary-nav-shadow.png) rgb(234, 248, 249) top left repeat-x;
   overflow: hidden;
}

#content-container{
   float: right;
   width: 78%;
   padding: 0;
   display: block;
   background: url(/assets/images/theme/content-shadow.png) rgb(255, 255, 255) top left repeat-x;
   min-height: 32em;
   overflow: hidden;
}

#content-container #content{
   padding: 0 2em 0 1em; /*padding:0 1em 1em;*/
   width: auto;
   display: block;
   float: left;
   /* why? [gman]
   clear: both;
   overflow: hidden;
   */
}

#main-content .inner,
#feature .inner,
#supplementary .inner{
   padding: 0 1em 1em;
}

/* Firefox does not support percentage widths on 
these floated columns (FF bug?) */
#main-content{
  float: left;
   clear: left;
   margin: 0;
   padding: 0;
   display: block;
   overflow: hidden;
  width: 65%;
}
#main-content.rtl{
  float: none;
   clear: none;
   margin: 0;
   padding: 0;
   display: inline;
   overflow: hidden;
  width: 100%;
}
.contains-asides #feature,
.contains-asides #supplementary{
   float: right;
   clear: right;
   border: none;
   margin: 0 0 1em 0;
   padding: 0;
   width: 35%;
   font-size: 100%;
   overflow: hidden;
}

#supplementary{
   background-color: rgb(239, 239, 239);
}
/* @end container & content */



/* @group help link */
#feature a.help,
a.help,
a.help:link,
a.help:visited{
   padding: 5px 5px 5px 35px;
   background: transparent url(/assets/images/content/help.png) 5px center no-repeat;
   text-align: left;
   text-decoration: underline;
}

a.help:hover{
   text-decoration: underline;
}
/* @end help link */



/* @group more links */
.more-link,
#feature .more-link,
#supplementary .more-link{
   clear: both;
   float: right;
   margin: .5em 0;
   padding: .2em 0;
   width: auto;
}

.more-link a,
#feature .more-link a,
#supplementary .more-link a,
#main-content .more-link a{
   text-decoration: underline;
}
/* @end more links */



/* @group tools */ 
#tools{
   float: right;
   clear: right;
   width: 38em;
   margin: 0;
   padding: .2em .5em .4em .7em;
   background: transparent url(/assets/images/theme/tools-bg.png) bottom left no-repeat;
   color: rgb(0, 0, 0);
   font-size: 100%;
}

#tools a,#tools a:visited{
   padding: .2em .5em;
   color: rgb(0, 0, 0);
}

#tools a:hover{
   text-decoration: none;
}
#tools div{
   display: inline;
}
/* @end tools */



/* @group headings */
h1,h2,h3,h4{
   float: none;
}

h1,
#content-container h1,
#content h1{
   margin: 0  1.2em .3em 1.2em;
   padding: .8em 0 0;
   font-size: 1.6em;
   font-weight: normal;
}

#content h1{
   margin: 0 0 .5em 0;
}

h2{
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: .3em;
}

h3{
   margin-bottom: 5px;
   font-size: 1em;
   font-weight: bold;
}

h4{
   font-size: 1em;
   font-weight: bold;
   font-style: italic;
}

h1.redundant{
   float: none;
   width: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 0;
   overflow: hidden;
}

#feature h2,
#supplementary h2{
   margin-top: .5em;
}

ul.index h2{
   margin: 0;
}
/* @end headings */


/* @group definition lists */
dt{
   font-weight: normal;
}

dl.compact,
dl.steps,
dl.contacts{
   margin: .5em 0 .25em 10em;
   display: block;
/*   position: absolute; */
}

dl.compact dt,
dl.compact dd,
dl.steps dt,
dl.steps dd,
dl.contacts dt,
dl.contacts dd{
   margin: 0;
   padding: 0;
}

dl.compact dt,
dl.steps dt,
dl.contacts dt{
   width: 9em;
/*   position: absolute; */
   left: -10em;
}

dl.compact dd,
dl.steps dd,
dl.contacts dd{
   padding: 0 0 1.5em;
}

/* steps are like compact, just smaller labels */
dl.steps{
   margin-left: 6em;
}

dl.steps dt{
   width: 5em;
   left: -6em;
}

/* contacts are like compact, just smaller labels */
dl.contacts{
   margin-left: 0em;
}

dl.contacts dt{
   width: 8em;
   left: -9em;
}

/* Used for an inline definition */
dl.inline dt,dl.inline dd{
   margin: 0;
   padding: 0;
   display: inline;
}
/* @end definition lists */



/* @group table styles */
table{
   border-top: rgb(0, 0, 0) 1px solid;
   border-bottom: rgb(0, 0, 0) 2px solid;
   margin-bottom: 1.5em;
   font-size: 100%;
   border-collapse: collapse;
}

caption{
   margin: .3em 0;
   color: rgb(68, 79, 81);
   font-weight: bold;
   font-size: 1em;
   text-align: left;
}

caption dfn{
   font-weight: normal;
   font-style: normal;
}

th,td{
   border: rgb(0, 0, 0) 1px none;
   padding: .3em .5em;
   font-size: 90%;
   font-weight: normal;
   text-align: left;
   vertical-align: top;
}

/* nested tables */
table table th,
table table td{
   font-size: 100%;
}

/* column headings */
thead{
   background: rgb(173, 216, 230);
}

thead th{
   vertical-align: bottom;
}

.units th{
   text-align: center;
}

.cluster th{
   text-align: center;
}

/* table footer */
tfoot{
   background: rgb(68, 79, 81);
   color: rgb(255, 255, 255);
}

tfoot th,tfoot td{
   font-weight: bold;
}

/* table body */
tbody{
   background: rgb(255, 255, 255);
}

tbody tr.first-child th,
tbody tr.first-child td{
   border-top-style: solid;
}

/* row tinting */
tbody tr.even{
   background: rgb(255, 250, 223);
}

/* row headings */
tr.spanner{
   background: rgb(226, 140, 5);
   color: rgb(255, 255, 255);
}

tr.spanner th{
   border-bottom-style: solid;
   text-align: center;
}

tr.spanner th{
   font-weight: bold;
   text-transform: uppercase;
}

/* stub headings */
tr.stub th{
   font-style: italic;
}

/* sub headings */
tr.sub th{
   padding-left: 1.3em;
}

/* visual row separator */
tr.separator td,tr.separator th{
   border-top: rgb(0, 0, 0) 1px solid;
}

/* datatypes */
.numeric td,
td.numeric{
   text-align: right;
}

.checklist td{
   padding: 0;
   color: rgb(226, 140, 5);
   font-size: 150%;
   text-align: center;
   vertical-align: middle;
}
/* @end table styles */



/* @group lists */
ul,ol{
   margin-top: 1em;
   margin-bottom: 1em;
}

ul ul,ul ol,ol ul,ol ol{
   margin-top: 0;
   margin-bottom: 0;
}
/* @end lists */



body{
   font-size: 80%;
   line-height: 1.3;
}

body.home #page-container{
   background: rgb(255, 255, 255) url(/assets/images/theme/content-shadow.png) repeat-x top left;
}

#header{
   margin: 0;
   padding: 0;
   background: rgb(47, 185, 192) url(/assets/images/theme/banner-bg.png) no-repeat top left;
}

#qg-logo{
   float: left;
   clear: left;
   margin: 0;
   padding: 11px 0 0 11px;
}


#agency{
   float: right;
   clear: right;
   margin: 0;
   padding: 5px 0.3em 0 0;
   width: 37em;
   background: transparent url(/assets/images/theme/agency-bg.png) bottom left no-repeat;
   text-align: right;
}

#site-title{
   float: left;
   clear: left;
   margin: 0;
   padding: 0 0 5px 11px;
   margin-top: -6px; /* hack for firefox 2 */
}

#site-title *{
   float: none;
   margin: 0;
   padding: 0;
}

form#search{
   margin: 0;
   padding: 0;
   display: inline;
}

.warning{
   margin: 1em 0;
   padding: 1em 1em 1em 37px;
   color: rgb(0, 0, 0);
   background: url(/assets/images/content/caution-ddd.png) rgb(221, 221, 221) 10px 1.3em no-repeat;
}

.debug{
   border: rgb(255, 0, 0) 1px solid;
   padding: .5em 1em;
   margin: 1em 0;
}

.http-status-message .specific-message{
   padding: 1em 1em 1em 37px;
   background: url(/assets/images/content/info-16.png) rgb(227, 227, 227) 12px 1.1em no-repeat;
}

.top-link{
   text-align: right;
}

.section{
   clear: both;
   overflow: hidden;
}

a .meta{
   white-space: nowrap;
   display: inline;
   font-size: 80%;
   text-decoration: none;
}

#nav2 a .meta img{
   float: none;
   padding: 0;
   display: inline;
}

.date{
   white-space: nowrap;
}

.date-modified{
   clear: both;
   padding-left: 1em;
   color: rgb(140, 140 , 140);
   font-size: 90%;
}
.newsdate{
   margin-right: 30px;
}

.month ol li{
   list-style-type: none;
}

.month ol{
   margin-left: 0;
   padding-left: 0;
}

.cut-in{
   float: right;
   margin: 0 0 0.5em 0.5em;
   padding: 0;
   width: 150px;
   background: rgb(213, 243, 244) none repeat scroll 0%;
   height: auto;
}

dfn{
   font-style: normal;
}

form#search input{
   border: rgb(0, 0, 0) 1px solid;
   margin: 0;
   background: rgb(255, 255, 255);
}



/* CLEARFIX - To clear #primary-nav and #header without using an extra HTML element  */
#header:after,#primary-nav:after{
   clear: both;
   display: block;
   content: ".";
   height: 0;
   visibility: hidden;
}

#header,#primary-nav{
   display: inline-table;
}

/* Hides from IE-mac \*/
* html #header,* html #primary-nav{
   height: 1%;
}

*+html #header,*+html #primary-nav{
   height: 1%;
}

#header,#primary-nav{
   display: block;
}

/* End hide from IE-mac */
span.clear{
   float: none;
   clear: both;
   margin: 0;
   padding: 0;
   display: block;
   height: 0;
}

#section-title p{
   margin-left: 15px;
   margin-top: 0;
   padding-top: 3px;
   color: rgb(255, 255, 255);
}







.lang-ar .vcard dl,
.lang-fa .vcard dl,
.lang-ps .vcard dl,
.lang-ar dl.vcard,
.lang-fa dl.vcard,
.lang-ps dl.vcard{
	display: block;
	margin: .5em 1em .25em 10em;
}

dl.vcard,
.vcard dl {
	display: block;
	margin: .5em 1em .25em 0em;
}
.vcard dt,
.vcard dd {
	margin: 0;
	padding: 0;
   display: inline;
}
.vcard dd {
	padding: 0 0 1.5em;
}
dl.vcard,
.vcard dl {
}
.lang-ar .vcard dt,
.lang-fa .vcard dt,
.lang-ps .vcard dt{
   width: 200px;
   float: right;
}
.lang-din .vcard dt{
   width: 150px;
   float: left;
}

.lang-ar .vcard dd,
.lang-fa .vcard dd,
.lang-ps .vcard dd{
	display: block;
   text-align: right;
}
.lang-din .vcard dd{
	display: block;
   text-align: left;
}

.lang-ar .street-address,
.lang-fa .street-address,
.lang-ps .street-address,
.lang-ar .post-office-box,
.lang-fa .post-office-box,
.lang-ps .post-office-box,
.lang-ar .locality,
.lang-fa .locality,
.lang-ps .locality,
.lang-ar .region,
.lang-fa .region,
.lang-ps .region,
.lang-ar .postal-code,
.lang-fa .postal-code,
.lang-ps .postal-code,
.lang-ar .tel .value,
.lang-fa .tel .value,
.lang-ps .tel .value,
.lang-ar .email,
.lang-fa .email,
.lang-ps .email,
.lang-ar .url,
.lang-fa .url,
.lang-ps .url{
	display: block;
	text-align: right;
	margin-right: 200px;
}

.lang-din .street-address,
.lang-din .post-office-box,
.lang-din .locality,
.lang-din .region,
.lang-din .postal-code,
.lang-din .tel .value,
.lang-din .email,
.lang-din .url{
	display: block;
	text-align: left;
	margin-left: 150px;
}

.lang-din .lang-au{
   font-size: 100%;
}

#main-content .content-prepared-by{
	margin: 2em 0em .2em;
	padding: .15em 0 .15em 1em;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	font-size: 90%;
	font-style:italic;
	color: gray;
}
li.parent a.toggle {display: inline;}

.desc{border-bottom: 0px solid black;}
.desc span{display: block; font-size: 110%; color: gray;}