@charset "utf-8";
/* CSS Document */
body {margin-top:0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;color: #333333;}

a:link { font-size: 10pt; font-weight:bold; color:#336699;text-decoration:none;}
a:visited {font-size: 10pt; font-weight:bold; color:#336699;text-decoration:none;}
a:hover {font-size: 10pt; font-weight:bold; color:#336699;text-decoration: underline;}
a:active {font-size: 10pt; font-weight:bold; color:#336699;text-decoration:none;}

h1 {font-size: 12pt}
h2 {font-size: 10pt}
h3 {font-size: 8pt}
h4 {}
h5 {}

#page {
  width:780px;
  margin:auto;}
#page_header {
  width:100%;
  height:32px;
  border-bottom:2px solid #FFFFFF;}
#language_selector {
  float:left;
  width:49%;
  margin:8px 0 6px 0;
  color:#999999;}
.currentlanguage a {
  font-weight:normal;
  color:#999999;}
.availablelanguage a {
  font-weight:normal;
  color:#999999;}
#service_menu {
  float:right;
  text-align: right;
  width:49%;
  margin:8px 0 6px 0;
  color: #999999;}
#service_menu a {
  color: #999999;
  font-weight: normal;}
#page_keyvisual {
  width:780px;
  border-bottom:2px solid #FFFFFF;}
#page_menu {
  height:32px;
  width:780px;
  background-color:#666666;
  background-image:url(gradient_bgd_32px_grey.jpg);
  background-repeat:repeat-x;}
ul#pagelist {
  margin: 0;
      padding: 0;}
ul#pagelist li {
  float: left;
  list-style: none;
      display: inline;
      margin: 0;
      padding: 0;}
.menu_item {
  height:32px;
  background-image:url(btn_bgd_32px_grey.jpg);
  background-repeat:repeat-x;
  background-color:#333333;
  border-right:2px solid #FFFFFF;}
#page_content {
  border-bottom:2px solid #FFFFFF;}
table.2_col_table{
  width:100%;
  border:0px;}
table.3_col_table{
  width:100%;
  border:0px;}
.copytext {width:100%;}
div.content_default {
  clear:both;
  width:518px;
  border-right:2px solid #FFFFFF;}
div.content_default .header {
  height:29px;
  background-image:url(gradient_bgd_29px_blue.jpg);
  background-repeat:repeat-x;
  background-color:#336699;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;}
div.content_default .content {margin:0 0 16px 0;}
div.teaser_intro {
  width:258px;
  background-color:#f6f6f6;
  border-right:2px solid #FFFFFF;}
div.teaser_intro .header{
  height:29px;
  background-image:url(gradient_bgd_29px_blue.jpg);
  background-repeat:repeat-x;
  background-color:#336699;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;}
div.teaser_intro .content{
  padding:8px;}
div.teaser_right {
  background-color:#f6f6f6;
  width:260px;}
div.teaser_right .header{
  height:24px;
  background-image:url(gradient_bgd_24px_grey.jpg);
  background-repeat:repeat-x;
  background-color:#666666;
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;}
div.teaser_right .content{
  padding:8px;}
  
#page_copyright{
  padding:6px 0 6px 0;
  font-size: 8pt;
  color: #999999;
  border-top:1px solid #999999;
  text-align:center;
  vertical-align:bottom;
  }
  
#page_footer {
  border-top:1px solid #999999;
  }
#page_footer a { color: #999999; font-weight: normal;}
  
#text_menu {
  font-size: 10px;
  color: #999999;
  text-align:center;
  padding-top:6px;}

#text_menu a {color: #999999;font-weight: normal;}

/* footer meta navigation */
ul.footergroup {
  text-align: center;
  margin-top: 6px;
  padding: 0;}
li.footerlink {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;}

/* twitter */

div.tw_entry {}
div.tw_date {font-size: 10px;padding-bottom:8px;}
div.tw_message {padding-bottom:8px;}
div.tw_location {font-size: 10px;padding-bottom:4px;}

/* samples */
div.sample_item {padding-top:12px;}
div.sample_date {font-weight:bold; border-bottom:1px dotted #CCCCCC;}
div.sample_name {}

/* links old */
div.link_list_item {display:block; width:100%; height:22px; border-bottom:1px dotted #CCCCCC;margin-bottom:4px;}
div.link_name {float:left; width:50%;font-weight:bold;}
div.link_url {float:right; width:50%; text-align:right;}


/* faq */
div.faq {}
div.faq_list {padding:0px 0px 32px 0px;}
div.faq_list_item {padding:0px 0px 8px 0px;}
div.faq_answer {padding:0px 0px 16px 0px;}
div.faq_header {padding-top:6px;font-weight:bold;border-bottom:1px dotted #CCCCCC;}
div.faq_info {padding-bottom:32px;}


/*------------------------------- language meneu --------------------------------------*/
.tx-srlanguagemenu-pi1 { font-size: 10pt; color: #999999;font-weight: normal;}
.tx-srlanguagemenu-pi1 p, .tx-srlanguagemenu-pi1 .links-list-header { padding: 0; text-indent: 0; }
.tx-srlanguagemenu-pi1 img { padding: 0; border-style: none; }
.tx-srlanguagemenu-pi1 .CUR { float: left;font-size: 10px; }
.tx-srlanguagemenu-pi1 .CUR a { text-decoration: none; color: #999999;}
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { font-size: 10px;color: #999999; font-weight: normal; text-decoration: none; }
.tx-srlanguagemenu-pi1 .NO { float: left; }
.tx-srlanguagemenu-pi1 .NO a { text-decoration: none; color: #999999;}
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { text-decoration: none; }
.tx-srlanguagemenu-pi1 .INACT { float: left; font-size: 10px; }
.tx-srlanguagemenu-pi1 .INACT a { font-size: 10px; color: #999999;}
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active {text-decoration: none; }
.tx-srlanguagemenu-pi1 .SPC { float: left; line-height: 100%;  }
.tx-srlanguagemenu-pi1 fieldset { }
.tx-srlanguagemenu-pi1 fieldset legend { }
.tx-srlanguagemenu-pi1 fieldset label { display: none; }
.tx-srlanguagemenu-pi1 fieldset select {  }
.tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }


/* new news samples styles */

.sample-list-rootline {
    color:#999;
    }
.sample-list-rootline a{
    color:#999;
    }
.sample-list-container {
    width:100%;
    clear:both;
    }
.sample-list-item {  
    display:block;
    clear:both;
    padding: 10px;
    background: url(sample-list-bgd.png) repeat;
    margin-bottom:1px;
}

.sample-list-item-alt {
    display:block;
    clear:both;
    padding: 10px;
    background: url(sample-list-bgd-alt.png) repeat;
    margin-bottom:1px;
}

.sample-list-img{
    float:left;
    padding: 0 8px 32px 0; /* top right bottom left */
    }
.sample-list-img img {
    border: 1px solid #ffffff;
    }
.sample-list-title{}
.sample-list-title h1 {
   font-size:12pt;
    color:#2c5782;
    margin-top:0px;
    margin-bottom:4px;
    }
.sample-list-title h1 a{
  font-size:12pt;
     color:#2c5782;
     margin-top:0px;
     margin-bottom:4px;
     }

.sample-list-cat{
    font-size:12px;
    color:#999;
    }
.sample-list-cat img{
    vertical-align:middle;
    }
.sample-list-subheader{
    font-size:12px;
    color:#333;
    }
.sample-list-cat-wraps{
    font-size:12px;
    color:#999;
    }
    
.sample-latest-container {}
.sample-latest-item    {}
.sample-latest-cat {
    font-size:12px;
    color:#999;
    }
.sample-latest-title {}
.sample-latest-title h3 {
    margin-top:0px;
    font-size:14px;
    color:#2c5782;
    }
.sample-latest-subheader {
    font-size:12px;
    color:#333;
    }
.sample-browser{
    font-size:12px;
    clear:both;
    margin-top:32px;
    color:#999;
    }
.sample-browser a{
    color:#999;
    }

/* sample detail */
.sample-single-item {
  width:100%;
}
.sample-single-rootline {
  background-color:#f6f6f6;
  color: #999;
  padding:3px;
  margin-bottom: 4px;
}
.sample-single-skip {
  clear:both;
  padding: 0 0 4Px 0;
  display:inline;
}

.sample-single-skip-left {
  float:left;
  width:50%;
  color: #999;
}


.sample-single-skip-right {
  float:right;
  color: #999;
  text-align:right;
  width:50%;
}


.sample-single-title {
  margin-top:16px;
  float:left;
  width:60%;
}

.sample-single-cat{
  margin-top:16px;
  text-align:right;
  color:#999;
  float:right;
  width:40%;
}

.sample-single-title h1 {
  margin:0 0 8px 0;
  font-size:18px;
  color:#336699;
}

.sample-single-info {
  clear:both;
  color:#999;
  width:100%;
  padding-bottom:16px;
}

.sample-single-position {
  clear:both;
  color:#999;
}

.sample-single-subheader {
  clear:both;
  font-weight:bold;
  color:#999;
  padding: 0 0 16Px 0;
}
.sample-single-content {
  clear:both;
  padding: 0 0 16Px 0;
}
.sample-single-image {
  clear:both;
  padding: 8px;
  padding: 0 0 16Px 0;
}
.sample-single-image img {
  background-color:#DDD;
  padding: 8px;
  margin:2px;
  border: 1px solid #ffffff;
}
.sample-single-frame {
  display:inline;
  clear:both;
  }

.sample-single-links {
  color:#999;
  float:left;
  width:50%;
  margin: 0 0 16Px 0;
}
.sample-single-related {
  color:#999;
  float:left;
  width:50%;margin: 0 0 16Px 0;
}
.sample-single-files {
  color:#999;
  float:left;
  width:50%;
  margin: 0 0 16Px 0;
}
.sample-single-relcat {
  color:#999;
  float:left;
  width:50%;
  margin: 0 0 16Px 0;
  }
.sample-single-pagebrowser {
  color:#999;
  clear:both;
  padding: 0 0 16Px 0;
}
.sample-single-back {
  clear:both;
}

/* keyvisual */
/* CSS Document */
.lof-slider_2 .lof-wrapper {position:relative;border-bottom:2px solid #FFFFFF;}
.lof-slider_2 .preload {background:#FFF; position:absolute; z-index:5; top:0; left:0;}
.lof-slider_2 .preload div {background:transparent url('../img/load-indicator.gif') no-repeat scroll 50% 50%;}
.lof-slider_2 .lof-main-outer {position:relative; overflow:hidden;}

/* main flash */
.lof-slider_2 .lof-main-wapper {
  padding:0;
  margin:0;
  position:absolute;
}
.lof-slider_2 .lof-main-wapper .lof-item {
  padding:0;
  margin:0;
  float:left;
  position:relative;
  overflow:hidden;
}
.lof-slider_2 .lof-opacity  .lof-item {
  top:0;
  left:0;
  float:inherit;
  position:absolute;
}
.lof-slider_2 .lof-main-wapper .lof-item img {
  padding:0;  
  margin:0;
  border:none;  
}

/* description */
.lof-slider_2 .lof-description {position:absolute; padding:10px;}
.lof-slider_2 .lof-description p {margin:0;  padding:0}
.lof-slider_2 .lof-description_black {background:url('../img/bg_trans.png');}
.lof-slider_2 .lof-description_white {background:url('../img/transparent_bg_white.png');}
.lof-slider_2 .lof-description_nobg {background:none;}
.lof-slider_2 .lof-description_black, .lof-slider_2 .lof-description_black a, .lof-slider_2 .lof-description_black a:visited {color:#FFF; text-decoration:none;}
.lof-slider_2 .lof-description_white, .lof-slider_2 .lof-description_white a, .lof-slider_2 .lof-description_white a:visited {color:#000; text-decoration:none;}
.lof-slider_2 .lof-description_nobg, .lof-slider_2 .lof-description_nobg a, .lof-slider_2 .lof-description_nobg a:visited {color:#000; text-decoration:none;}
.lof-slider_2 .lof-description_black a:hover, .lof-slider_2 .lof-description_white a:hover, .lof-slider_2 .lof-description_nobg a:hover {color:#336699; text-decoration:none;}
.lof-slider_2 .lof-description_black h3, .lof-slider_2 .lof-description_white h3, .lof-slider_2 .lof-description_nobg h3 {margin:0px;padding:8px 0 10px 0; }
.lof-slider_2 .lof-description_black h3, .lof-slider_2 .lof-description_black h3 a, .lof-slider_2 .lof-description_black h3 a:visited {color:#336699; text-decoration:none;}
.lof-slider_2 .lof-description_white h3, .lof-slider_2 .lof-description_white h3 a, .lof-slider_2 .lof-description_white h3 a:visited {color:#336699; text-decoration:none;}
.lof-slider_2 .lof-description_nobg h3, .lof-slider_2 .lof-description_nobg h3 a, .lof-slider_2 .lof-description_nobg h3 a:visited {color:#336699; text-decoration:none;}
.lof-slider_2 .lof-description_black h3 a:hover, .lof-slider_2 .lof-description_white h3 a:hover, .lof-slider_2 .lof-description_nobg h3 a:hover {color:#336699; text-decoration: underline;}

/* ICONS etc. */
.lof-slider_2 .author_icon {
  background: url('../icons/icon_author.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 20px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_2 .date_icon {
  background: url('../icons/icon_calendar.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 20px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_2 .category_icon {
  background: url('../icons/icon_category.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 22px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_2 .author, .lof-slider_2 .category, .lof-slider_2 .date {font-size: 80%;margin:0 7px 0 0;  }

/*******************************************************/

/* item navigator */
.lof-slider_2 .lof-navigator-outer {
  position:absolute;
  right:0;
  top:0;
  z-index:4;  
  overflow:hidden;
}
.lof-slider_2 .lof-navigator {
  top:0;
  padding:0;
  margin:0;
  position:absolute;
  color:#FFF;
}
.lof-slider_2 .lof-navigator h3 { padding:0 0 0 0;/* top right bottom left */}
.lof-slider_2 .lof-navigator h3, .lof-slider_2 .lof-navigator h3 a, .lof-slider_2 .lof-navigator h3 a:visited {color:#FFF;}
.lof-slider_2 .lof-navigator h3 a:hover {color:#FFF; text-decoration:underline;}

.lof-slider_2 .lof-navigator li {
  cursor: pointer;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.lof-slider_2 .lof-navigator li div {
  background: url('../img/transparent_bg.png') repeat scroll 0 0 transparent;
  height: 100%;   
  margin-left: 15px;
  position: relative;
  border-top: 1px solid #666666;
}
.lof-slider_2 .lof-navigator li img {
  border:#666 solid 2px;
  float: left;
  padding: 0px;   
}
 
/* ActNavigator background-color */
.lof-slider_2 .green li.active {background:url('../img/arrow-bg.png') no-repeat scroll left center;}
.lof-slider_2 .green li.active div {background:url('../img/grad-bg.gif');}
.lof-slider_2 .green li.active img, .lof-slider_2 .green li:hover img {border:#A8A8A8 solid 1px;}

.lof-slider_2 .darkred li.active {background:url('../img/arrow-bg-darkred.png') no-repeat scroll left center;}
.lof-slider_2 .darkred li.active div {background:url('../img/grad-bg2.gif');}
.lof-slider_2 .darkred li.active img, .lof-slider_2 .darkred li:hover img {border:#C5C5C5 solid 1px;}

.lof-slider_2 .black li.active {background:url('../img/arrow-bg-black.png') no-repeat scroll left center;} 
.lof-slider_2 .black li.active div {background:url('../img/grad-bg-black.gif');} 
.lof-slider_2 .black li.active img, .lof-slider_2 .black li:hover img {border:#FFFFFF solid 2px;}

.lof-slider_2 .red li.active {background:url('../img/arrow-bg-red.png') no-repeat scroll left center;}
.lof-slider_2 .red li.active div {background:url('../img/grad-bg-red.gif');}
.lof-slider_2 .red li.active img, .lof-slider_2 .red li:hover img {border:#C5C5C5  solid 1px;}

.lof-slider_2 .orange li.active {background:url('../img/arrow-bg-orange.png') no-repeat scroll left center;}
.lof-slider_2 .orange li.active div {background:url('../img/grad-bg-orange.gif');}
.lof-slider_2 .orange li.active img, .lof-slider_2 .orange li:hover img {border:#C5C5C5  solid 1px;}

.lof-slider_2 .darkblue li.active {background:url('../img/arrow-bg-darkblue.png') no-repeat scroll left center;}
.lof-slider_2 .darkblue li.active div {background:url('../img/grad-bg-darkblue.gif');}
.lof-slider_2 .darkblue li.active img, .lof-slider_2 .darkblue li:hover img {border:#C5C5C5  solid 1px;}

.lof-slider_2 .lightblue li.active {background:url('../img/arrow-bg-blue.png') no-repeat scroll left center;}
.lof-slider_2 .lightblue li.active div {background:url('../img/grad-bg-blue.gif');}
.lof-slider_2 .lightblue li.active img, .lof-slider_2 .lightblue li:hover img {border:#0059A9  solid 1px;}