source: branches/OaaS/HeuristicLab.Services.Optimization.Web/Content/hl/Site.css @ 9215

/* Main Layout Styles
----------------------------------------------------------*/

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  text-align: center;
  font-size: 62.5%;
  font-family: Verdana, Helvetica, Sans-Serif;
}

img {
  border: 0px;
}

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
}

h1 {
  color: #F7921D;
  border-bottom: 1px dotted #AAAAAA;
  font-size: 1.5em;
  padding-bottom: 2px;
  margin-bottom: 4px;
}

h2 {
  color: #333333;
  border-bottom: 1px solid #EEEEEE;
  font-size: 1.2em;
  padding-bottom: 3px;
}

h3 {
  color: #333333;
  font-size: 1em;
  padding-bottom: 6px;
}

#master-page {
  margin: 0 auto;
  width: 999px;
  text-align: left;
}

#master-header {
  width: 999px;
  height: 54px;
  background-repeat: no-repeat;
  background-image: url("images/bg_header.png");
}

#master-header .logo {
  color: #FFFFFF;
  display: block;
  float: left;
  text-align: left;
  font-size: 28px;
  padding-top: 18px;
  padding-left: 8px;
}

#master-header .logo a {
  text-decoration: none;
  color: #FFFFFF;
}

#master-header .login {
  font-size: 1.2em;
  display: block;
  text-align: right;
  margin: 10px;
  color: #FFFFFF;
  float: right;
  margin-top: 28px;
}

#master-header .login a {
  background-color: #000000;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #CCCCCC;
}

#master-header .login a:hover {
  color: #AAAAAA;
}

#master-mainmenu {
  background-color: #000000;
  background-repeat: repeat-y;
  background-image: url("images/bg_mainmenu.png");
  padding-left: 8px;
  padding-right: 8px;
  margin: 0px;
  color: #FFFFFF;
  height: 28px;
  font-size: 1.2em;
}

#master-submenu {
  padding-top: 20px;
}

#master-submenu UL {
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
  margin-right: 6px;
  border-bottom: 1px solid #CCCCCC;  
  padding: 4px;
}

#master-submenu UL LI {
  display: inline;
  list-style: none;
  border-right: 1px dotted #333333;
}

#master-submenu UL LI a {
  padding: 0px 20px;
  font-weight: bold;
  text-decoration: none;
  color: #333333;  
}

#master-submenu UL LI a:hover {
  color: #F7921D;
}

#master-submenu UL LI.selected a {
    color: #F7921D;
}

#master-main {
  background-repeat: repeat-y;
  background-image: url("images/bg_main.png");
}

#master-MainContent 
{
  background-repeat: repeat-y;
  background-image: url("images/bg_main.png");
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  width: 975px;
  display: block;
  float: left;
}

#master-footer {
  background-repeat: no-repeat;
  background-image: url("images/bg_footer.png");
  width: 999px;
  height: 64px;
  clear: both;
}

#master-footer .logo {
  display: block;
  text-align: right;
  padding-right: 22px;
  padding-top: 10px;
}

/* UI Styling */

div.hl-menuButtons {
  margin-top: 4px;
  margin-bottom: 4px;  
}

.hl-button {

}


.hl-formHeader {
  text-align: left;  
}

.hl-iconcell {
  width: 60px;
  text-align: center;  
}

.hl-signon-form fieldset legend {
  color: black;
}

.hl-signon-form input[type=text], .hl-signon-form input[type=password]{
  width: 200px;  
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
  padding: 0px;
  margin: 0px;
  text-align: left;
}

ul#menu li {
  display: inline;
  list-style: none;
}

ul#menu li#greeting {
  padding: 5px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  color: #fff;
}

ul#menu li a {
  padding: 0px 20px;
  padding-top: 4px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.5em;
  color: #FFFFFF;
}

ul#menu li a:hover {
  text-decoration: none;
  color: #AAAAAA;
}

ul#menu li a:active {
}

ul#menu li.selected a {
  color: #F7921D;
  background-color: #FFFFFF;
  padding-bottom: 8px;
}





/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #CCC;
}

fieldset p {
  margin: 2px 12px 10px 10px;
}

legend {
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}

input[type="text"] {
  border: 1px solid #CCC;
}

input[type="password"] {
  width: 200px;
  border: 1px solid #CCC;
}

/* 
----------------------------------------------------------*/
table 
{
    padding: 5px;
}
/*
table {
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td {
  padding: 5px;
  border: solid 1px #e8eef4;
}

table th {
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: solid 1px #e8eef4;
}*/

/* MISC  
----------------------------------------------------------*/
.clear {
  clear: both;
}

.error {
  color: Red;
}

#menucontainer {
  margin-top: 40px;
}

div#title {
  display: block;
  float: left;
  text-align: left;
}

#logindisplay {
  font-size: 1.1em;
  display: block;
  text-align: right;
  margin: 10px;
  color: White;
}

#logindisplay a:link {
  color: white;
  text-decoration: underline;
}

#logindisplay a:visited {
  color: white;
  text-decoration: underline;
}

#logindisplay a:hover {
  color: white;
  text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field {
  margin: 0.5em 0;
}

.text-box {
  width: 30em;
}

.text-box.multi-line {
  height: 6.5em;
}

.tri-state {
  width: 6em;
}

/* custom styles */
.spacer 
{
    height: 20px;
    clear: both;
}

.scroll 
{    
    width: 700px;
    overflow: auto;
}

.param-input 
{
    display: inline
}


.dragables 
{
  height :100px;
  width:100px;
  border:1px solid #000000;  
  background: #EEEEEE;  
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
  float: left;
}

.clearer 
{  
  clear:both;
}

.treeStyle 
{
  border: 1px solid black;
}

.unseen 
{
    display: none;
}