/* CSS Document */

body {
  position: absolute;
  width: 100%;
  height:100%;
  
  margin:   0px;
  padding:  0px;
  z-index:  0;

  color:      black;
  font-family: arial, verdana,sans-serif,trebuchet;
  font-size:   12px;
  letter-spacing: 0;
  word-spacing:   0;
  
  background: #1c1c2c url("background-2.gif") top left;
  
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #6587AE;
  scrollbar-darkshadow-color: #01404B;
  scrollbar-base-color: #3B6C70;
  scrollbar-face-color: #3B6C70;
  scrollbar-highlight-color: #8CD3DF;
  scrollbar-shadow-color: #01404B;
  scrollbar-track-color: #314D51;}

form {margin:0px;}

/**
 * Main Page Layout
 */   
#headMenu {
  position:relative;
  width:100%;
  height:55px;
  z-index:2;
  background:#314d51;}
#headMenuCenter {
  position:relative;
  width:768px;
  margin-left:auto;
  z-index:2;
  margin-right:auto;}
   
#logo {
  position:absolute;
  left:42px; top:13px;
  width:103px; height:63px;
  z-index:3;
  background: transparent url("logo.gif") top left;}
#menu {
  position:absolute;
  right:0px; top:0px;
  height:55px;}
#menu ul {
  position:relative;
  margin:0px;
  padding:0px;}
#menu li {
  position:relative;
  float:left;
  width:143px;
  height:55px;
  font-weight:bold;
  list-style:none;
  margin-left:2px;
  font-size:14px;
  color:black;
  background: #1c1c2c url("menu-active.gif") repeat-x top left;}
#menu li a {
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  width:143px;
  height:55px;
  text-decoration:none;
  color:white;
  background: #1c1c2c url("menu-inactive.gif") repeat-x top left;}
  
#menu li a:hover {
  color:black;
  background: transparent;}
#menu li a.hover {
  color:black;
  background: #1c1c2c url("menu-active.gif") repeat-x top left;}
#menu li span {
  position:relative;
  top:20px;}

#menuLang {
	position: absolute;
	margin:0px;
	padding:0px;
	left:49px; top:35px;
	color:#8cd3df;}
#menuLang a {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    color: #fff; outline: none;}
#menuLang a:hover {text-decoration:underline;}

#menuAnim {
  position:absolute;
  right:0px; top:0px;
  width:580px;
  height:100px;
  overflow: hidden;}
div.menuAnimWindow {
  position:absolute; top:-100px;
  width:145px;
  height:100px;
  overflow:hidden;
  background: transparent url("menu-anim.png") no-repeat right top;}
div.menuAnimWindow img {position:relative;}

span#rotatorTitle {position:absolute;color:white;font-weight:bold;color:#A0F2FF;}
span#rotatorText {position:absolute;color:white;font-weight:bold;color:#DDFAFF;}
div#rotatorCounter {position:absolute; width:768px;height:13px;top:212px;left:2px;visibility: hidden;}
div#rotatorCounter div.wrap {
  position:relative;float:left;
  width:67px;height:13px;
  overflow:hidden;
  margin-left:2px;
  text-align:center;
  font-size:10px;
  line-height:13px;
  cursor:pointer;}
div#rotatorCounter div.number {position:absolute;width:100%;height:13px;left:0px;background-color:#8CD3DF;color:#014651;display:none;}
div#rotatorCounter div.background {position:absolute;width:100%;height:13px;left:0px;background-color:#01262C;color:#8CD3DF;}

div.headLine {
  width:100%;
  height:2px;
  background:#8cd3df;
  overflow:hidden;}

#head {
  width:100%;
  height:227px;
  z-index:1;
  background: #8cd3df url("header-background.jpg") no-repeat top center;}
#headMain {
  position:relative;
  width:768px;
  height:227px;
  z-index:1;
  background: #01363f url("header.gif") no-repeat top left;}
  
  
#mainBackground {
  width:100%;
  height:369px;
  background: transparent url("background-top-2.gif") repeat-x top;}
#content {
  position:relative;
  width:768px;
  padding-top:10px;
  padding-bottom:10px;
  z-index:2;
  text-align:left;
  background-color:#314d51;
  border-bottom:2px solid #8cd3df;}
#content table.block {margin:0px; padding:0px;width:100%;border-collapse:collapse;border:0px;}
#content table.block td{vertical-align:top;margin:0px; padding:0px;}
#content .contentWrap {
  position:relative;
  margin-left:30px;
  margin-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  text-align: left;
  background: transparent url("content-wrap.gif") repeat-y left top;}
#content .contentWrap table {
  position:relative;
  margin:0px;
  padding:0px;
  position:relative;
  left:41px;}
#content .contentWrap table td.text{
  margin:0px;
  padding:0px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:12px;
  color: white;}
#content .contentWrap input.login {
  position:relative;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  color:white;
  background:#314d51;
  border:1px solid #48787c;}
#content .contentWrap input.standard {
  position:relative;
  width:100%;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  color:white;
  background:#314d51;
  border:1px solid #48787c;}  
#content .contentWrap input.submit {cursor:pointer;}
#content h1 {
  position:relative;
  left:11px;
  height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:14px;
  color:#85bbc4;
  background: transparent url("list-head1.gif") no-repeat left top;}
#content h2 {
  position:relative;
  left:11px;
  height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:14px;
  color:#85bbc4;
  background: transparent url("list-head2.gif") no-repeat left top;}
#content h3 {
  position:relative;
  left:11px;
  height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:14px;
  color:#85bbc4;
  background: transparent}  
#content h6 {
  position:relative;
  left:11px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:14px;
  color:#999;
  background: transparent url("list-head-add.gif") no-repeat left top;}  
#content p {
  position:relative;
  color:#fff;
  left:48px;
  height:18px;
  line-height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 11px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:12px;
  background: transparent url("list-normal.gif") no-repeat left top;}
#content p.text2 {
  background: transparent;}    
#content p.red {
  color:#d00;
  background: transparent url("list-red.gif") no-repeat left top;}
#content p.blank {
  color:#999;
  background: transparent;}
#content p.add {
  color:#999;
  background: transparent url("list-add.gif") no-repeat left top;}
#content a.media {
  display:block;
  position:relative;
  color:#fff;
  left:48px;
  height:18px;
  line-height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 11px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:12px;
  text-decoration:none;
  background: transparent url("list-link.gif") no-repeat left 1px;}
#content p.mediaSelect {
  display:block;
  position:relative;
  color:#fff;
  left:48px;
  height:18px;
  line-height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 11px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:12px;
  text-decoration:none;
  background: transparent url("list-link-select.gif") no-repeat 4px 1px;}  
#content a.email {
  display:block;
  position:relative;
  color:#fff;
  left:48px;
  height:18px;
  line-height:18px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 11px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:12px;
  text-decoration:none;
  background: transparent url("list-link.gif") no-repeat left 1px;}
#content p img {
  position:relative;
  top:2px; margin-right:6px;border:0px;}
  
#shadow {
  position:relative;
  top:-80px;
  width:788px;
  height:89px;
  z-index:1;
  background: transparent url("shadow.png");}
#copyright {
  width:766px;
  position:relative;
  top:-82px;
  text-align:right;
  font-size:10px;
  color:#656669;}
#copyright .copyrightHover {color:#d0d1d5;}
#copyright .admin {color:#404144;display:none;}
#copyright .admin a {color:#8e9093;text-decoration:none;}
#copyright .admin a:hover {color:#d0d1d5;}
   
#adminTools {
  position:relative;
  margin:0px; padding:0px;
  z-index:2;
  width:768px;
  background-color:#314d51;
  border-bottom:2px solid #3b6c70;}
#adminTools tr {
  position:relative;}
#adminTools td {
	position:relative;
	vertical-align:text-bottom;}
#adminTools td.right {text-align:right;}
#adminTools td a img {position:relative;top:1px;border:0px;}
#adminTools td a {
  margin:0px;
  padding:3px 8px 3px 8px;
  height:18px;
  white-space:pre;
  display:block;
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
  color:#DDFAFF;}
#adminTools td a:hover {background:#fff;color:black;}
#adminTools td a span {position:relative;top:-2px;}
  
div.toolBox {
  position:absolute;
  display:none;
  border:2px outset #ddd;
  background: #ddd;
  padding: 1px;
  z-index:10;}
div.tool {padding:2px;cursor:pointer;}
div.tool span {position:relative;top:-3px;padding-left:5px;}
div.toolHover {background:#84A3FF;}
div.blockHeadHover {background: #3c585c url("content-wrap-select.gif") repeat-y left top;}
div.blockHeadHover h1 {background: transparent url("list-head1-select.gif") no-repeat left top !important;}
div.blockHeadHover h2 {background: transparent url("list-head2-select.gif") no-repeat left top !important;}
div.blockHeadHover h6 {background: transparent url("list-head-add-select.gif") no-repeat left top !important;}
div.blockItemHover {background: #4d696d url("content-wrap-select2.gif") repeat-y left top;}

div.filelist {
  margin:5px;
  border:2px inset #fff;
  background: #bbb;}
div.filelistOption {
  padding:2px;
  width:100%;}
div.filelistOptionHover {
  background:#84A3FF;}
div.toolBox input.file {
  border:2px inset #fff;
  margin:5px 5px 5px 5px;
  background: #bbb;}
div.toolBox button {
  border:2px outset #fff;
  margin:5px 5px 5px 5px;
  background: #fff;}

div.toolInputBox {
  position:absolute;
  display:none;
  border:2px outset #fff;
  background: #fff;
  padding: 1px;
  z-index:10;}
div.toolInputBox input {
  border:2px inset #fff;
  width:200px;
  background: #ddd;}

div.blockHead input.rename {
  position:relative;
  left:11px;
  width:100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 30px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#85bbc4;
  border:0px;
  background:transparent;}
div.blockItem input.rename {
  position:relative;
  color:#fff;
  left:48px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 11px;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  font-size:12px;
  font-weight:normal;
  background:transparent;}
textarea.textRotator {
  margin-left:50px;
  width:550px; height:350px;
  position:relative;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  color:white;
  font-size:12px;
  background:#314d51;
  border:1px solid #48787c;}
textarea.newsField {
  width:100%; height:150px;
  position:relative;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  color:white;
  font-size:12px;
  background:#314d51;
  border:1px solid #48787c;}
.toolBox textarea.comment {
  width:100%; height:150px;
  padding:10px;
  position:relative;
  font-family: 'Trebuchet MS', Trebuchet, sans-serif;
  color:white;
  font-size:14px;
  color:#000;
  border:2px inset #fff;
  background: #fff;
  
  scrollbar-arrow-color: #fff;
  scrollbar-3dlight-color: #aaa;
  scrollbar-darkshadow-color: #aaa;
  scrollbar-base-color: #ddd;
  scrollbar-face-color: #ddd;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #000;
  scrollbar-track-color: #fff;} 
  

  
 /* Item-list (table) */

table.list {
  width:  95%;
  margin: 0px;
  border: 1px solid #013A44;}

.list .head {
  border: 0px;

  font-family: 'trebuchet ms',arial,verdana,sans-serif;
  font-size:   14px;
  font-weight: bold;
  text-align:  left;
  line-height: 14px;
  
  padding:     2px 2px 2px 6px;
  
  color:       #CCE6FF;
  background:  #013A44;}

.list .head a {color: #CCE6FF; text-decoration:none;}
.list .head a:hover {color: #CCE6FF; text-decoration:underline;}

.list .headSmall {
  border: 0px;
  
  font-family:'trebuchet ms',arial,verdana,sans-serif;
  font-size:   10px;
  font-weight: bold;
  text-align:  left;
  line-height: 12px;
  
  padding:     2px 2px 2px 6px;
  
  color:      #CCE6FF;
  background: #013A44;}

.list .content {
  font-family:'trebuchet ms',arial,verdana,sans-serif;
  font-size:   12px;
  font-weight: normal;
  text-align:  left;
  line-height: 14px;
  
  padding:     2px 6px 2px 6px;  

  background-color: #cddcff;
  border-left:   1px solid #013A44;
  border-right:  1px solid #013A44;
  border-bottom: 1px solid #013A44;}

.list .contentSmall {

  font-family:'trebuchet ms',arial,verdana,sans-serif;
  font-size:   10px;
  font-weight: normal;
  text-align:  left;
  line-height: 12px;
  
  padding:     2px 6px 2px 6px;

  background-color: #cddcff;
  border-left:   1px solid #013A44;
  border-right:  1px solid #013A44;
  border-bottom: 1px solid #013A44;}

.list td.edit {
  padding: 0px;
  margin: 0px;
  
  color:      #FFF;
  font-size:  12px;
  text-align: center;
  background-color: #398dff;
  border-left:   1px solid #013A44;
  border-right:  1px solid #013A44;
  border-bottom: 1px solid #013A44;
  cursor: pointer;}

.list a.edit {
  width:  100%;
  height: 100%;
  
  font-family:'trebuchet ms',arial,verdana,sans-serif;
  color:      #FFF;
  font-size:  12px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;  }

.list .content a:hover{
  color:      #FFF;
  background: #1e1d1e;}

div.delete {
  width:   220px;
  text-align: center;
  
  margin:  0px 0px 0px 41px;
  padding: 2px 0px 4px 0px;
  
  border-left:   1px solid #013A44;
  border-right:  1px solid #013A44;
  border-bottom: 1px solid #013A44;}

.delete .button {
  margin-top: 3px;
  border:  0px; 
  background: #F22; 
  cursor:  pointer;}