/**
 * Copyright (c) 2010, Sebastian Sdorra
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice,
 *    this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution.
 * 3. Neither the name of SCM-Manager; nor the names of its
 *    contributors may be used to endorse or promote products derived from this
 *    software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED.  IN NO EVENT SHALL THE REGENTS OR CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * http://bitbucket.org/sdorra/scm-manager
 *
 */

/* 
    Document   : style
    Created on : Aug 18, 2010, 3:14:05 PM
    Author     : Sebastian Sdorra
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
  font-size: 12px;
}

a {
  color: #004077;
  text-decoration: none;
}

a:hover {
  color: #004077;
}

a:visited {
  color: #004077;
}

a.scm-browser:hover {
  cursor: pointer;
}

a.scm-link:hover {
  cursor: pointer;
}

#north-panel {
  background-image: url(../images/header-backgound.jpg);
  background-repeat: repeat-x;
}

.right-side {
  float: right;
}

.left-side {
  float: left;
}

#south {
  font-size: 12px;
}

#footer a {
  color: #666;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin-top: 20px;
}

.scm-form-help-button {
  vertical-align: middle;
  margin-left: 2px;
}

.scm-form-combo-help-button {
  vertical-align: middle;
  margin-left: 19px;
}

.scm-form-textarea-help-button {
  vertical-align: top;
  margin-left: 2px;
}

.scm-form-fileupload-help-button {
  position: absolute;
  right: -19px;
}

.scm-nav-item {
  cursor: pointer;
}

.cs-mod {
  height: 16px;
}

.cs-mod img {
  vertical-align: middle;
}

.cs-mod-txt {
  margin: 0 3px;
}

.changeset-tags {
  margin-bottom: 5px;
}

.cs-tag, .cs-branch {
  height: 18px;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
}

.cs-tag a, .cs-branch a {
  padding: 5px;
}

.cs-tag {
  background-image: url(../images/tag.gif);
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

.cs-tag a {
  margin-left: 16px;
}

.scm-commit {
  margin-bottom: 65px;
}

.scm-commit h1 {
  margin-bottom: 5px;
}

ul.scm-modifications {
  border-top: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
  clear: both;
  vertical-align: middle;
}

ul.scm-modifications li {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0.2em;
  padding: 3px 3px 3px 20px;
  display: block;
}

li.scm-added {
  background-image: url(../images/add.png);
}

li.scm-modified {
  /* TODO create png image */
  background-image: url(../images/modify.gif);
}

li.scm-removed {
  background-image: url(../images/delete.png);
}


div.noscript-container {
  background-color: #ffffff;
  margin: 10px;
  color: #202020;
  font-family: Verdana,Helvetica,Arial,sans-serif;  
  font-size: 12px;
  margin: 1em;
}

div.noscript-container h1 {
  font-size: 18px;
  font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
  font-weight: bold;
  margin: 0.5em 0em;
  padding: 0px;
  color: #D20005;
  border-bottom: 1px solid #AFAFAF;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
  position: relative;
  height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
  position: absolute;
  left: 0;
  z-index: 3;
  color: #777;
}

.upload-icon {
  background: url('../images/add.png') no-repeat 0 0 !important;
}

.unhealthy {
  color: red;
}

/** import **/
.import-fu {
  margin-right: 24px;
}

.import-fu input {
  width: 215px;
}