/* CSS Document */

/* Due to the way we need to code stylesheets for PubliSite, the wrapper
must have a base font-size of 14px (87.5%). All font-sizes & padding below this are relative
to this and not the reset body font-size */

/* CSS Document */

/* Due to the way we need to code stylesheets for PubliSite, the wrapper
must have a base font-size of 14px (87.5%). All font-sizes & padding below this are relative
to this and not the reset body font-size */

@import "kr_style_reset.css";
@import "kr_style_content.css";

body {
  min-width: 770px;
  background: url("../img/kr_maincontentcol_bck.gif") repeat-y center;
  background-color: #F6F7EE;
  font-family: Arial, Helvetica, Sans-Serif;
}

body.wide {
  background: url("../img/kr_maincontentcol_bck_2col.gif") repeat-y center;
  background-color: #F6F7EE;
}

.wrapper {
  position: relative;
  clear: both;
  width: 1000px;
  margin: 0px auto;
  text-align:left;
  z-index:2;
  font-size: 1.4em; /* Everything nested within here needs to based on a base of 1.4 em */
  line-height: 1.5em;
  font-family: Verdana, Arial;
  
}

#breadcrumb .wrapper,
#footer .wrapper {
    background: none;
}

#header {
  position: relative;
  float: left;
  width: 100%;
  background-color:#ED641D;
  z-index: 50;
}

#header .wrapper 
{
    position:relative;
    clear: both;
    background: url(../../UploadedResources/topnav_background.gif) no-repeat 210px 0px ;
}

#header .headerLogo,
#header .headerLogo:hover {
  position: relative;
  float: left;
  padding: 10px 0px 10px 0px;
  background-color: Transparent;
}

#resourcenavigation {
  position: relative;
  float: right;
  width: 550px;
  text-align: right;
}

.textsize 
{
    position: relative;
    float: right;
    border-right: 1px solid #FFFFFF;
    padding: 0.50em 0.79em 0.65em 0.79em;
    line-height: 1.4em;
}

.textsizenormal 
{
    font-size: 1.0em;
    line-height: 1.0em;
    color: #FFFFFF;
    text-decoration: none;
}

.textsizelarge 
{
    font-size: 1.4em;
    color: #FFFFFF;
    text-decoration: none;
}

a.textsizenormal,
a.textsizelarge {
  color:#FFFFFF;
}

a.textsizenormal:hover,
a.textsizelarge:hover {
  color:#FFFFFF;
  background-color: #000000;
}

#resourcenavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#resourcenavigation li {
  float: right;
  list-style-type: none;
}

#resourcenavigation li a,
#resourcenavigation ul.logout li a {
  padding: 0.79em 0.71em 0.79em 0.71em;
  line-height: 1.0em;
  text-decoration:none;
  color: #FFFFFF;
  float: left;
  font-size: 1.0em;
  font-weight: normal;
  border-right: 1px solid #FFFFFF;
}

#resourcenavigation ul.logout li a {
  border-right: 0px;
}

#resourcenavigation li a:hover,
#resourcenavigation li.active a {
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
  font-size: 1.0em;
}

#maincontent {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0px;
}

.maincontentnav {
  position: relative;
  float: left;
  width: 230px;
}

.maincontentnav ul {
    margin: -2px 0 0 0;
    padding: 0;
}

.maincontentnav li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.maincontentnav li a,
.maincontentnav li.active li a {
  color: #0000FF;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight:normal;
  border-bottom: 1px dashed #999999;
  background: url(../img/kr_maincontentnav_bck.gif) no-repeat 0 4px;
  display: block;
  padding: 8px 0px 8px 18px;
}

.maincontentnav li a:hover,
.maincontentnav li.active li a:hover {
  background: url(../img/kr_maincontentnav_bck_over.gif) no-repeat 0 4px;
  color: #FF0000;
  font-weight:normal !important;
}

.maincontentnav li.active a {
  background: url(../img/kr_maincontentnav_bck_on.gif) no-repeat 0 4px;
  color: #000000 !important;
  font-weight:normal;
}

.maincontentnav li li {
    list-style-type: none;
    padding: 0 0 0 10px;
    margin: 0;
}

.newscontentnav {
  position: relative;
  float: left;
  width: 144px;
}

.newscontentnav li 
{
  border-bottom: 1px dashed #999999;
  padding: 0px 0px 10px 0px;
}

.newscontentnav li a {
  color: #0066CC;
  text-decoration: none;
  font-size: 1.14em;
  line-height: 1.35em;
  background: url(../img/kr_maincontentnav_bck.gif) no-repeat left;
  display: block;
  width: 120px;
  padding: 0px 0px 0px 24px;
}

.newscontentnav li a:hover {
  background: url(../img/kr_maincontentnav_bck.gif) no-repeat right;
  color: #999999;
}

.newscontentnav p 
{
    font-size: 0.86em;
    line-height: 1.07em;
}

p.newscontentnavdetails
{
    margin: 10px 0px 0px 0px;
    font-size: 0.86em;
    line-height: 1.07em; 
}

p.newscontentnavdetails a 
{
    color: #0066CC;
    text-decoration: none;
}

p.newscontentnavdetails a:hover
{
    color: #0066CC;
    text-decoration: underline;
}

p.newscontentnavdetails a.prev 
{
    margin: 0px 10px 0px 0px;
}

p.newscontentnavdetails a.next 
{
    margin: 0px 0px 0px 10px;
}

.maincontentcol {
  position:relative;
  float: right;
  width: 720px;
  margin-bottom: 10px;
}

.mediarow 
{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#breadcrumb {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
  border-top: solid 8px #231F20;
  border-bottom: solid 8px #F6F7EE;
  clear: both;
}

#breadcrumb p {
  margin: 5px 0px 5px 0px;
  padding: 0;
  font-size: 0.91em;
  line-height: 2.0em;
  color: #666666;
}

#breadcrumb a {
  color: #0000ff;
  text-decoration: none;
  font-weight: normal;
}

.maincontentcoltxt {
  position: relative;
  float: left;
  width: 500px;
  left: 0px;
}

.maincontentcolwide {
  position: relative;
  float: left;
  width: 760px;
}

.maincontentcoltxtwide {
  position: relative;
  float: left;
  width: 560px;
  left: 40px;
}

.maincontentcolaudio {
  position: relative;
  float: right;
  width: 170px;
}

#footer 
{
    position: relative;
    width: 100%; 
}

#footer .footerstrip {
    background-color: #000;  
      border-top: solid 8px #F6F7EE; 
}

#footer p {
  font-size: 0.79em;
  color: #FFFFFF;
  padding: 10px 0 10px 0;
  margin: 0;
}

#footer a {
  color: #FFFFFF;
  text-decoration: none;
}

#footer a:hover {
  color: #FF6600;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

p.vacancyitem {
 width: 100%;
 margin: 0px;
 padding: 0px 0px 10px 0px;
 border-bottom: 1px dashed #CCCCCC;
}

p.vacancyitem a 
{
    color: #0066CC;
    font-size: 0.86em;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.maincontentcol a 
{
  color: #000000;
  text-decoration: underline;
}

.maincontentcol a:hover
{
  color: #999999;
  text-decoration: underline;
}

.dropdownlist 
{
    width: 200px;
}

.sitemap {
  font-size: 0.86em;
  line-height: 1.28em;
}

.sitemap ul {
  margin-top: 10px;
  list-style-type: none;
}

.sitemap ul ul {
  margin-top: 0;
  list-style-type: none;
}

.sitemap li {
  padding: 0 0 0 20px;
  list-style-type: none;
}

.imgfloatright {
  float: right;
  margin: 0 0 10px 10px;
}

/* OVERWRITING THE DEFAULT NEWS STYLES */

/* NEWS LIST */

.newslistarchivetop {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 10px 0 10px 0;
    background-color: Transparent;
    border-top: dashed 1px #999999;
    border-bottom: dashed 1px #999999;
}

.newslistarchive {
    position: relative;
    float: left;
    width: 100%;
    margin:0;
    padding:0;
}

.newslistarchive p {
    padding: 0;
    margin: 0;
}

.newslistarchivetitle {
    color: #666666;
    font-size: 0.71em;
    margin-right: 20px;
    padding: 0px;
}

.newslistdate {
 position: relative;
 float: left;
 width: 80px;
 text-align: left;
}

.newslistcontent {
 position: relative;
 float: right;
 width: 350px;
 text-align: left;
}

a.newslink:link, 
a.newslink:visited, 
a.newslink:active {
  color: #0066CC;
  text-decoration: none;
  font-weight: normal;
}

a.newslink:hover {
  color: #999999;
  text-decoration: underline;
}

/* NEWS DETAIL */

#maincontent .newstitle h2 {
    color: #999999;
    font-size: 1.21em;
    line-height: 1.2em;
    font-weight: bold;
    padding: 0 0 10px 0;
    border-bottom: dotted 1px #999999;
}

.medianewstitlespace {
  display: block; /* display block forces the title onto the next line */
  margin-left: 0px;
}

.newssummary {
  position: relative;
  float: left;
  width: 100%;
  background-color: #F5F5F5;
  border: dashed 1px #CCCCCC;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.newssummary p {
    padding: 10px 20px 0px 20px;
    margin: 0px;
}

/* ----------------------------------------------------------
  T E L E R I K
-----------------------------------------------------------*/

#tabnavigation {
  position: relative;
  float: left;
  width: 100%;
}

.RadMenu_PubliSite 
{
	text-align: left;
	padding: 0;
	margin:0px;
}

.RadMenu_PubliSite ul 
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 1000px;
  float: left;
  background-color:#ffffff;
}

.RadMenu_PubliSite ul ul
{
    background: none;
    width: auto;
}

.RadMenu_PubliSite li 
{
  float: left;
  background-color: #FFF;
  width: 200px;
  text-align: left;
}

.RadMenu_PubliSite li a {
  display: block;
  line-height: 2.0em;
  text-decoration:none;
  color: #000000;
  font-size: 1.28em;
  text-align: center;
  background: url(../img/kr_topnav_bck.gif) no-repeat top right;
  font-weight: normal;
}

.RadMenu_PubliSite li a.ps_topnav_selected_item {
    color: #FFF;
}

.RadMenu_PubliSite li a:link,
.RadMenu_PubliSite li a:visited,
.RadMenu_PubliSite li a:active {
    color: #000000;
    font-weight:normal;
}

.RadMenu_PubliSite li a:hover,
a.topnavitem1ps_topnav_selected_section:link,
a.topnavitem1ps_topnav_selected_section:visited,
a.topnavitem1ps_topnav_selected_section:active,
a.topnavitem2ps_topnav_selected_section:link,
a.topnavitem2ps_topnav_selected_section:visited,
a.topnavitem2ps_topnav_selected_section:active,
a.topnavitem3ps_topnav_selected_section:link,
a.topnavitem3ps_topnav_selected_section:visited,
a.topnavitem3ps_topnav_selected_section:active,
a.topnavitem4ps_topnav_selected_section:link,
a.topnavitem4ps_topnav_selected_section:visited,
a.topnavitem4ps_topnav_selected_section:active,
a.topnavitem5ps_topnav_selected_section:link,
a.topnavitem5ps_topnav_selected_section:visited,
a.topnavitem5ps_topnav_selected_section:active {
  display: block;
  line-height: 2.0em;
  text-decoration:none;
  color: #FFFFFF;
  font-size: 1.28em;
  text-align: center;
  background: url(../img/kr_topnav_active_bck.gif) no-repeat top right;
  background-color: #231F20;
  cursor: pointer;
  cursor: hand;
  font-weight:normal;
}

.RadMenu_PubliSite li li a 
{
    background-image: none;
    text-align: left;
    padding: 0 20px 0 20px;
    width: 30px;
    overflow: hidden;
}
	
.RadMenu_PubliSite li li
{
    display: none;
    visibility: hidden;
}

.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem2ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem2ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem2ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem3ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem3ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem3ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem4ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem4ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem5ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem5ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem5ps_topnav_selected_section:active {
	color:#FFF;
}	


/* Because we're now reseting the stylesheet in the front end 
and the publisite backend also pulls this in, there may be differences
with the way that Publisite previously displayed things and how they will
when it pulls in the reset stylesheet. Bearing in mind we don't want to be 
reseting the stylesheets on sites that weren't built this way I think the only
option is to make adjustments below */

#editPageDataSpan p {
  margin: 10px 0 10px 0;
}


/* MEMBERS */

.forumgeneral h2.members {
margin-top: 0;
}

.forumgeneral .memberssubcol {
  padding-right: 10px;
  border-right: dashed 1px #FF6600;
}

/* FORUM */

.forum {
    position:relative;
    float: left;
    margin-top: 30px;
    width: 400px;
}

.forum input {
    width: 400px;
}

.forum textarea {
    width: 400px;
    height: 100px;
    font-family: Verdana, Arial;
}

.forumsearch input {
    width: 250px;
}

.forumbreadcrumb 
{
    font-size: 0.9em; 
    padding: 15px 0 5px 0;
    margin: 0 0 20px 0;
    border: none 0;
	border-bottom: 3px solid #CCC;
	color: #999999;
}

.forumbreadcrumb a 
{
    color: #999999;
    text-decoration: underline;
}

.forumbreadcrumb a:hover 
{
    color: #CCCCCC;
    text-decoration: underline;
}

.forumdetailsname,
.forumdetailsdate 
{
    font-size: 0.9em;
    color: #999999;
}

.forumerror,
.validationerror
{
    color: #404040 !important;
    font-size: 0.8em;
}

.validationerrorlist 
{
    color: #404040 !important;
    font-size: 1.0em;
    line-height: 1.5em;
    margin: 10px 0px 10px 0px;
    clear: both;
}

a.psforumbutton 
{
    font-size:1.0em;
    line-height: 1.5em;
    background-color: #CCCCCC;
    color:#000000;
    padding: 5px;
    text-decoration: none;
    border: solid 1px #999999;
    display: inline-block;
    text-decoration: none;
    margin: 20px 0 0 0;
}

a.psforumbutton:hover {
    color: #000;
    background-color: Yellow;
    text-decoration: none;
}

.forumsearch a.psforumbutton {
    margin: 0;
}

.PopUpForumPanel {
    margin-top: 20px;
    padding: 20px;
    border: solid 1px #FF6600;
}

a.backtotop:link,
a.backtotop:visited,
a.backtotop:active {
    position:relative;
    float: right;
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: url("../../UploadedResources/kr_backtotop_arrow.gif") no-repeat top left;
    text-indent: -5000px;
    margin: 20px 220px 20px 0;
}

a.backtotop:hover {
    position:relative;
    float: right;
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: url("../../UploadedResources/kr_backtotop_arrow.gif") no-repeat 0 -18px;
    text-indent: -5000px;
    margin: 20px 220px 20px 0;
}

ul.SmartListResults  {
    margin: 0 0 50px 0;
    padding: 0;
}

.SmartListResults li {
    border-top: dashed 1px #FF9900;
    padding: 10px 0 10px 0;
    list-style-type: none;
}

.SmartListResults li a {
    color: #0000EE;
    text-decoration: none;
    background-color: transparent;
}

.SmartListResults li a:hover {
    color: #FF0000;
    text-decoration: underline;
    background-color: transparent;
}

.news .clear {
    position:relative;
    float: left;
    border-bottom: dashed 1px #CCCCCC;
    width: 580px;
}

.news #ctl00_contentPlaceHolder_vacancyList_pnlPagingControls .clear {
    border-bottom: 0px;
}

.news .newslistdate {
 position: relative;
 float: left;
 width: 80px;
 text-align: left;
 margin-top: 10px;
}

.news .newslistimg {
 position: absolute;
 float: left;
 width: 80px;
 top: 37px;
 left: 0;
}

.news .newslistcontent {
 position: relative;
 float: right;
 width: 480px;
 text-align: left;
 margin: 10px 0 10px 0;
}

.FeedbackForm p {
    margin: 10px 0 0 0 ;
    padding: 0;
}

.FeedbackForm .textfield {
    width: 400px;
    margin-top: 8px;
    font-family: Verdana, Arial;
    font-size: inherit;
    padding: 5px;
}


.ps_wrapper a {
    font-weight: normal;
    }