.CONCEPT {
   font-style:       italic;
}
.TO-BE-DELETED {
   font-style:       italic;
   color:            red;
}
.clearboth {
   clear:            both;
}
#navlinks {
   display:          none;
}
.scrollable {
   position:         relative;
   overflow:         scroll;
   height:           314px;
}
table.datagrid tr td, table.datagrid tr th {
   font-size:        11px;
   line-height:      13px;
}
table.datagrid tr.even td {
   background-color: #F0F0F0;
}
table.datagrid tr th {
   text-align:       left;
   font-weight:      bold;
}
#dataarea {
   width:            100%;
   background-color: white;
}
#noflashhelp {
   padding:          0px 3px 6px;
}
.tinted {
   margin:           3px -4px;
   position:         absolute;
   width:            155px;
   height:           14px;
   background-color: black;
   display:          inline;
   opacity:          0;
   filter: alpha(opacity=0);
}

#column4 div.tinted2 {
   margin:           3px -4px;
   position:         absolute;
   width:            159px;
   height:           14px;
   background-color: black;
   display:          inline;
   opacity:          0;
   filter: alpha(opacity=0);
}

body, td, tr, h1, h2, h3, p, select {
   font-family:      "Trebuchet MS";
   font-size:        11px;
   margin:           0px;
}

select {
   margin: 4px 0px;
}

body {
   background:       #cccccc;
}

#body0 {
   text-align:       center;
   height: 60px;
}

#header {
   width:            100%;
   overflow:         hidden;
   border-bottom:    1px solid #909183;
}

#header div.head-XX {
   height:           59px;
}

#header div.head-XX div {
   width:            955px;
   margin:           0 auto;
   text-align:       left;
}

#header img {
   position:         relative;
   left:             16px;
}

#head-WA {
   background-color: #114a1f;
}

#head-SA {
   background-color: #27465b;
}

#head-ECA {
   background-color: #661e1f;
}

#head-AW {
   background-color: #7a7646;
}

#head-CC {
   background-color: #e8e5d6;
}

#body1 {
   position:         relative;
   width:            955px;
   margin:           0 auto;
   overflow-x:       hidden;
}

table {
   position:         relative;
   top:              -4px;      /* firefox bug */
   _top:             0px;      
}

td {
   vertical-align:   top;
}

td.td1 {
}
td.td3 {
}
td.td4 {
   background-color: #b7b7b7;
}

#footer {
   height: 22px;
}

#footleft {
   background-color: #d4d4d4;
}

#footright {
   background-color: #cccccc;
   color:            #808080;
   text-transform:   uppercase;
   padding-left:     12px;
}

#footright a {
   color:            #808080;
   text-decoration:  none;
}

#countryoutline {
   float:            left;
   margin-left:      40px;
   margin-top:       22px;
   width:            100px;
   height:           100px;
}

#content {
   width:            340px;
   margin-left:      180px;
   margin-right:     40px;
   line-height:      17px;
   color:            #1a1a1a;
   padding-top:      20px;
}

#content b {
   font-size: 12px;     /* 12/17 instead of the normal 11/17 */
}

#content h1 {
   color:            #633809;
   font-size:        14px;
   text-transform:   uppercase;
   margin-bottom:    10px;
}

#content h2 {
   margin-top:       4px;
   font-size:        12px;
}

#content a[href] {
   color:            #72774c;
   text-decoration:  none;
}

#content a[href]:hover {
   text-decoration:  underline;
}

#content .item {
/* display:          list-item; -- jQuery inserts ">"
   list-style:       disc;
   list-style-position: outside; */
/* padding-bottom:   6px;  -- doesn't work when item is a bullet */
   line-height:      16px;
   margin-left:      13px;
   text-indent:      -13px;
}

#content img, #content iframe {
   margin-top: 10px;
}

#content p img, #content p iframe {
   margin-top: 0px;
   margin-bottom: -3px;
}

#content .editbox {
   background-color: #e0d880;
   position:         relative;
}
#content .edit {
   display:          none;
   line-height:      16px;
   text-decoration:  none;
   font-style:       normal;
   position:         absolute;
   right:            0px;
   background-color: #e0d880;
}
#content .edit a {
   background-color: #ffff80;
   padding:          0px 3px;
}

.pub-row {
   padding:          6px 0px;
}

.pub-title {
   line-height:      15px;
}

#content img.pub-thumb {
   float:            left;
   margin-top:       0px;
   margin-left:      13px;
   margin-right:     10px;
   border-right:     1px solid grey;
   border-bottom:    1px solid grey;
}

.pub-download {
   text-transform:   uppercase;
   font-size:        10px;
   font-weight:      bold;
}

h2.pubs {
   text-transform:   uppercase;
   cursor:           pointer;
}

#column1 {
   background-color: #cccccc;
   overflow:         hidden;
}

#column3 {
   background-color: #cccccc;
   width:            155px;
   padding-top:      20px;
   padding-right:    30px;
}

#column3 h1 {
   margin:           2px 0px;
   color:            #72774c;
   text-transform:   uppercase;
}

#column3 h2, #contentmenu h1 {
   color:            #686868;
   text-transform:   uppercase;
   padding-left:     4px;
   width:            151px;
   height:           18px;
   line-height:      20px;
   overflow:         hidden;
   background:       url('buttonbg1.png') repeat-x 0px 3px;
   cursor:           pointer;
}

.resources div.item {
   color:            #606060;
   padding:          3px 0px 3px 4px;
   border-bottom:    1px solid #dedede;
   line-height:      15px;
}

.resources .more {
   display:          block;
   width:            155px;
   text-align:       right;
   padding-bottom:   14px;
}

.resources a {
   color:            #72774c;
   text-decoration:  none;
   cursor:           pointer;
}

.resources a:hover {
   text-decoration:  underline;
}

#column4, .column4 {
   width:            210px;
   text-transform:   uppercase;
   line-height:      20px;
   padding-top:      20px;
}

#column4 div {
   margin-left:      10px;
   color:            white;
}

#column4 a {
   display:          block;
   margin-left:      10px;
   padding-left:     4px;
   color:            #6e6e6e;
   width:            155px;
   background:       url('buttonbg1.png') repeat-x 0px 3px;
   text-decoration:  none;
   cursor:           pointer;
}

#column4 a.lang {
   text-transform:   none;
   background:       none;
   color:            white;
}

#column4 a.lang:hover {
   text-decoration:  underline;
}

#column4 a.lang img {
   border:           1px solid #DDD;
   position:         relative;
   top:              3px;
   right:            5px;
}

#login {
   background-color: #FFFF80;
   color:            #72774C;
   float:            right;
   padding:          0px 4px;
   text-align:       right;
}

#regionname {
   color:            #72774c;
   text-transform:   uppercase;
   margin-top:       1px;
}

#content .slideshow ul {
   margin:           0px;
   padding:          0px;
}
#content .slideshow ul li {
   list-style:       none;
   display:          inline;
   background-color: #CCC;
   margin-left:      4px;
   border:           1px solid #BBB;
   border-bottom:    none;
}
#content .slideshow ul li.ui-tabs-selected {
   background-color: #FFF;
}
#content .slideshow ul li a {
   text-decoration:  none;
   color:            black;
}
#content .slideshow ul li a:hover {
   text-decoration:  none;
}
#content .ui-tabs-content {
   float:            right;     /* IE */
   display:          block;
   position:         relative;
   top:              -1px;
   margin-bottom:    10px;
/* The following can be used for tabs containing only text.
   background-color: white;
   padding:          4px;
   border:           1px solid #BBB;
*/
}
#content .ui-tabs-content img {
   /*margin-left:      -200px;  */  /* IE */
}
#content .ui-tabs-hide {
   display:          none;
}
#content .ui-tabs-nav {
   text-align:       right;
}
table#changes th.top {
   text-align:       center;
}
table#changes th.left {
   text-align:       left;
}
table#changes th.light {
   font-weight:      normal;
}
table#changes td {
   width:            10px;
   padding-right:    5px;
   background-color: #c0c0c0;
   text-align:       right;
   color:            white;
   font-weight:      bold;
}
table#changes td.changed {
   background-color: #E07070
}
table#changes td.spacer {
   background-color: #CCCCCC;
   width:            1px;
}