/**
 * $Id: defaults.css,v 1.36 2007/12/18 22:08:54 renoirb Exp $
 *
 * Theme name: Namminik Default
 * File utility: All top level defaults for theming
 * Author: Renoir Boulanger, Felix Martineau, Donny Hsu
 **/
a, .linklike {
	color: #006499;
}

p,#content h1,#content h2,#content h3,#content h4 {
	padding-bottom: 10px;
}

a:hover {
	color: #6DA3BF;
	text-decoration: none;
}

a:active {
	color: #d36800;
}

b,strong,em {
	font-weight: bold;
}

em,.italic {
	font-style: italic;
}

em {
	font-size: 100%;
}

h1 {
	font-size: 125%;
	color: #006499;
	font-weight: bold;
}

h2 {
	font-size: 120%;
	color: #006499;
	font-weight: bold;
	padding: 20px 0 5px 0;
}

h3 {
	font-weight: bold;
	font-size: 110%;
	padding: 20px 0 5px 0;
	color: #006499;
}

h4 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 0 5px 0;
	color: #006499;
}

hr {
  border:none;
  display:block;
  border-bottom: 1px #777 solid;
}



/**
 * List formatting
 * 
 * The format
 * <ul class="list"><!-- use .list to tell it is a list -->
 *   <li class="element"><strong class="title">Coma separated list</strong><span class="description">
 *   <!--  .element for each,     strong.title as the title.... and    span.description to define the related description.
 **/

.list {
}
  .list .category small, .list .category-selected small {
    color:#000; 
  }
  .list .element {
    padding:10px;
  }
    .list .element strong.title {
      display: block;
    }
    .element strong.title {
      font-size: 100%;
    }


/**
 * Some timely effects
 **/
label.error {
  color: #000;
}
div.errors {
  color: #000;
}
form span.errors {
  color: red;
}
form span.required {
  padding-left:3px;
  font-size:15px !important;
}
.cssform .tip {
  display:block;
  font-size:80%;
  margin-top:3px;
}
.cssform .error input, .cssform .errors input {
  border: 1px solid red;
}

label.rightalign {
	text-align: right;
	padding-top: 3px;
}
.imagebutton {
  position:relative;
  top:4px;
}
hr.ruler-inside-tabs {
  border:none;
  width:300px;
  display:block;
  border-bottom: 1px #777 solid;
  float: left;
}
ul.bulletList li {
  list-style: disc; 
  margin:0 0 3px 15px;
  list-style-position: outside;
}
ol.numberedList li {
  list-style: decimal; 
  margin:0 0 15px 22px;
  list-style-position: outside;
}
ol.numberedList, ul.bulletList {
  margin-bottom:15px;
}

.rich-tool-tip {
   background-color:#FFF;
   border-color: 1px #777 solid;
   font-size:120%;
   color:#000;
}

.itemOdd {
	background:#EEEEEE !important;
}
.itemEven {
}


/**
 * Override the look of rich-calendar
 **/
.rich-calendar-week { 
   background: #C0C0C0;
   color: #C0C0C0; 
 }


/**
 * What does it do when a link is current
 **/
#menu .category-selected, 
#settings .greeter .settings, 
#dashboard .greeter .dashboard, 
#reports .greeter .reports  {
  background:url("../gui/arrow.gif") -2px 2px no-repeat;
  padding-left: 8px;
  color:#FF9933 !important;
  text-decoration:none;
}
#menu .category-selected, 
#settings .greeter .settings a, 
#dashboard .greeter .dashboard a, 
#reports .greeter .reports a  {
  color:#FF9933 !important;
  text-decoration:none;
}


/**
 * Forms related
 **/
.cssform {
}
  .cssform label {
    display: -moz-inline-box;
    _display: inline-block
  }
  .cssform p {
    width: 300px;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 155px;
	/*width of left column containing the label elements*/
    height: 1%;
  }
  .cssform label {
    font-weight: bold;
    float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px;
    /*width of labels. Should be smaller than left column (155px) to create some right margin*/
  }
  .cssform input[type="text"] {
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
  }
  .cssform textarea {
    width: 250px;
  }
  .cssform .required {
    color: red;
    font-size: 80%;
  }
  
/* Form related, direct class assignations */
.inputtext,
.inputpassword, 
.inputtext input, 
.rich-calendar-input {
  background: url("../gui/inputshadr.png") repeat-x !important;
  border: 1px solid #ABABAB;
  font-size: 100%;
  padding: 3px;
  color: #564b47;
}

.inputtext:focus,
.inputpassword:focus,
.inputtext input:focus, 
.rich-calendar-input:focus {
	background: url("../gui/inputshadr-in.png") repeat-x;
	color: #333;
}

.inputtext:hover,
.inputpassword:hover,
textarea:hover, 
.inputtext input:hover, 
.rich-calendar-input:hover {
	border: 1px solid #EC7400;
	color: #000;
}

/* C24200 fonce   E3601C pale */
.inputsubmit,
.button {
	background: #C24200 url("../gui/fadebtn.png") !important;
	color: #FFF !important;
	border: 2px solid #C24200 !important;
	padding: 2px 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
}

.inputsubmit:hover,
.button:hover {
	background: #E3601C url("../gui/fadebtn-h.png") !important;
}

.inputsubmit:focus,
.button:focus {
	background: #E3601C url("../gui/fadebtn-c.png") !important;
	border: 2px solid #E3601C !important;
}