/****
 * Styles for theme "Ocean"
 */
   
body {
  color: white;
  background: #00364a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  min-height: 500px;
  min-width: 1000px;
  
}

p {margin: 8px 0px; padding: 0px;}
ul {margin: 0px 16px; list-style-image: url(bullet.gif);}
li {margin :8px 0px;}

a {text-decoration:none;color:inherit;outline:0;}
a:hover {text-decoration:underline;}
 
a.menu {display:block;padding:2px 4px;cursor:pointer;}
a:hover.menu {background:url(img/menusel.png);text-decoration:none;}
a.button {cursor:pointer;}
a.button2 {display:block;padding:2px;border:0px;background:transparent;border:1px solid #999;border-right:1px solid #666;border-bottom:1px solid #666;width:16px;height:16px;cursor:pointer;}
a:hover.button2 {background:#999;}

.menu {
  display: block;
  margin: 4px 0;
  overflow: hidden;
}

.menu a {
  display:block;
  height:22px;
  line-height:22px;
  padding: 0px 4px;
  text-decoration: none;
  vertical-align: middle;
  color: white;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  overflow: visible;
}

.menu a:hover {
  background: #205068 url(../img/arrow.png) no-repeat top right;
  *background-image: none; 
}

.menu a.active {
  background: #80d8f0 url(../img/arrow.png) no-repeat top right; 
  *background-image: none; 
  color: black;
}

.menu a.disabled {
  background: none; 
  cursor: default;
}

.menu img {
  width: 16px;
  height: 22px;
  vertical-align: middle;
}

.menu a img.icon16 {
  width: 16px;
  height: 16px;
  margin: 3px 4px 3px 0;
}

.tab {
  display: block;
  overflow:hidden;
  width:120px;
  height:18px;
  padding:6px 0px 5px;
  text-align:center;
  color: #104060;
  background: #80d8f0;
  border: 1px;
  border-style: solid solid none solid;
  border-color: #a0fcff #60b0d8 #60b0d8 #a0fcff;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}

.tab.active {
  padding-bottom:6px;
  color:black;
}

/* Browser *******************************************************************/

.browser {
  position:absolute;
  left:0;top:0;right:0;bottom:0;
  background:#80d8f0;
  overflow:hidden;
}

.browser th {
  position: relative;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: #006090;
  background: #c0e8f4;
  border: 1px solid;
  border-color: #f0fcff #90b0b8 #90b0b8 #f0fcff;
}

.browser td {
  position: relative;
  padding: 3px 2px 2px 3px;
  overflow: hidden;
  color: black;
  background: white;
  border: 1px solid #ddd;
  border-style: none solid solid none;
  white-space: nowrap;
  cursor: pointer;
}

.browser tr.selected td {
  background: #a0f0ff;
}

.browser tr.selected td input {
  background: white;
}

.browser .panel {
  color: #006090;
  background: #c0e8f4;
  border-color: #e0fcff #90b0b8 #90b0b8 #e0fcff;
}

.browser .editable td {
  padding: 0px;
}


/* Structural classes ********************************************************/

.window {
  padding: 5px;
  color: white;
  background: #207090;
  border: 1px solid;
  border-color: #4090B0 #18546C #18546C #4080B0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; 
  box-shadow: 1px 1px 8px rgba(0,0,0,0.9);
}

.frame {
  color: white;
  background: #206480;
  border: 1px solid;
  border-color: #18546C #4090B0 #4090B0 #18546C;
}

.panel {
  padding: 2px;
  color: #007090;
  background: #80d8f0;
  border: 1px solid;
  border-color: #a0fcff #60b0d8 #60b0d8 #a0fcff;
}

.bevel {
  background: #80d8f0;
  border: 1px solid;
  border-color: #60b0d8 #a0fcff #a0fcff #60b0d8;
}

.scrollbox {
  background: #eee;
  border-color: #60b0d8 #a0fcff #a0fcff #60b0d8;
}

.selected {
  background: #a0f0ff;
}


/* Inputs ********************************************************/

label {
  color: #006090;
}

input, select, textarea {
  border-color: #207090;
  background: #f0f8fc;
}

input:focus, select:focus, textarea:focus {
  border-color: #008020;
  background: white;
  outline: none; 
}

.field input, .field select, .field textarea {
  xborder-radius: 3px;
}

.field input:focus, .field select:focus, .field textarea:focus {
  box-shadow: 0 0 5px rgba(32,128,64,.75); 
}

.field input.error, .field select.error, .field textarea.error {
  border-color: #F04040;
  box-shadow: 0 0 5px rgba(128,48,48,.75); 
  outline: none; 
}