/* **************************************************************** */
/* General styles                                                   */
/* **************************************************************** */

.form-container form, 
.form-container input, 
.form-container label, 
.form-container fieldset, 
.form-container legend { margin: 0; padding: 0; }

.form-container div {
  float: left;
  width: 80%;
  margin-bottom: 1px;
  margin-top: 3px;
}

*:first-child+html .form-container div{ float: none;}

.form-container div div {
  width: auto;
  width: 98%;
  padding: 0;
  margin: 0;
}

*:first-child+html .form-container div div { padding-bottom: 5px; }

.form-container .required span {
  float: left;
  width: 1em;
  padding-top: 5px;
  margin-left: -10px;
}

.form-container label,
.form-container div.radio span,
.form-container div.checkbox span {
  float: left;
  width: auto;
  clear: left;
  text-align: left;
  margin-right: 0;
  padding: 8px 10px 8px;
  _padding: 8px 10px 8px; /* IE 6 */
}

.form-container label {
  font-size: 11px;
  color: #6e6e6e;
  font-weight: bold;
  padding: 4px 0px 0px;
  _padding: 4px 0px 4px; /* IE 6 */
  margin: 0px 12px 0 0px;
  =margin-left: -5px;
}

*:first-child+html .form-container label { padding: 4px 4px 4px; }

.form-container div input, 
.form-container div textarea {
  float: left;
  width: 80%;
  margin: 0;
  border: 1px solid #d2d2d2;
}

.form-container div textarea { height: 80px; font-size: 1em; }
.form-container .checkbox { width: 15px; }
.form-container .submitbutton { padding: 5px 0; }

.form-container .submitbutton input {
  width: 76px; 
  height: 28px;
  color: #fff;
  font-weight: bold;
  padding: 0 0 3px 0;
  =padding: 0; 
  border: none;
  cursor: pointer;
  _cursor: hand;
  background: url(/other_files/tms/img/bg-orange-button-76.gif) no-repeat 0% 0%;
}

/**** Checkboxes ****/
.form-container div.checkbox label,
.form-container div.checkbox input,
.form-container div.checkbox div {
  float: left;
  width: auto;
  clear: none;
  padding: 0;
  margin: 0;
}

.form-container div.checkbox input { margin: 0 5px 0 0; border: none; }
.form-container div.checkbox div { margin: 5px 30px 5px 0; }
.form-container div.checkbox div div { margin: 0 0 0 0; }

*:first-child+html .form-container div.checkbox div { padding-bottom: 0; }

.form-container div.checkbox span {
  float: left;
  width: 25%;
  font-size: 12px;
  color: #777;
  text-align: right;
  padding: 7px 10px 7px;
  _padding: 8px 10px 8px; /* IE 6 */
  margin-right: 0;
  background-color: transparent;
}

/*** When label is next to the Checkbox ***/

.form-container div.ch-box {
  margin-top: 10px;
}
.form-container div.ch-box div {
 width: 15px;
}
.form-container div.ch-box input {
 border: none;
}
.form-container div.ch-box label {
 float: left;
 clear: none;
 padding: 0 0 0 5px;
}

*:first-child+html .form-container div.checkbox span { padding: 8px 17px 8px 5px; }

/**** Radio buttons ****/
.form-container .radiolist fieldset {
  float: left;
  width: 70%;
  clear: none;
  margin-bottom: 1px;
  border-top: none;
}

.form-container .radiolist fieldset legend { display: none; }

.form-container .radiolist fieldset input, 
.form-container .radiolist fieldset label { float: left; width: auto; }

.form-container .radiolist fieldset label { clear: none; padding: 0 0 0 3px; }

.form-container .radiolist input.radio {
  margin-top: 0;
  border: none;
  background-color: transparent;
}

/**** Select boxes ****/
.form-container .selectbox { width: 100%; }

.form-container .selectbox div {
  float: left;
  width: auto;
}

.form-container div select {  
  float: left; 
  width: 50%;
  margin: 5px 5px 0 0; 
  border: 1px solid #d2d2d2;
}

.form-container #CUST_ATT_receive-emails {
 width: auto;
}

/*** Error Messages ***/
#validationErrors ul { 
  padding: 15px; 
  margin: 0;
  list-style-position: inside;
  border: 1px solid #d2d2d2;
  -moz-border-radius: .5em;  
  -webkit-border-radius: .5em;
  border-radius: .5em;
  background: #f6f6f6;
}

#validationErrors li { font-size: 1.1em; color: #ff7200; }

#validationErrors li:hover {
  color: #4d4d4d;
  cursor: pointer;
  _cursor: hand; /* IE 6 */
}

/**** User edit portlet ****/

.form-container.user-edit legend {
 font-weight: bold;
 padding: 10px;
 font-size: 1.4em;
}

.form-container.user-edit label, 
.user-change-password label {
 width: 190px;
 text-align: right;
}

.form-container.user-edit .portlet-form-input-field {
  float: left;
  width: 60%;
  margin: 0;
  border: 1px solid #d2d2d2;
}


.form-container .user-change-password .portlet-form-input-field {
  float: left;
  width: 50%;
  margin: 0;
  border: 1px solid #d2d2d2;
}

.user-change-password .portlet-form-button {
  width: 110px; 
  height: 28px;
  color: #fff;
  font-weight: bold;
  padding: 0 0 3px 0;
  =padding: 0; 
  border: none;
  cursor: pointer;
  _cursor: hand;
  clear: left;
  background: url(/other_files/tms/img/bg-orange-button-76.gif) ;
}

/* **************************************************************** */
/* TMS Dagur                                                        */
/* **************************************************************** */

.form-container.tms-dagur { 
  float: left;
  =float: none;
  padding: 10px 50px 10px 50px;
}

.form-container.tms-dagur .container { 
  width: auto;
  padding: 10px 20px 20px 20px;
  border: 1px solid #d2d2d2;
  -moz-border-radius-topleft: .5em;  
  -moz-border-radius-topright: .5em;
  -webkit-border-top-left-radius: .5em;
  -webkit-border-top-right-radius: .5em;
  border-radius: .5em;
  background: #f6f6f6; 
}

.form-container.tms-dagur .portlet-form-input-field.text { width: 250px; }
*:first-child+html .form-container.tms-dagur div div { padding-bottom: 0px; }

/**** Table Definitions ****/
.form-container.tms-dagur table { width: 100%; }

.form-container.tms-dagur table th { font-size: 13px; }

.form-container.tms-dagur table th.col-1 { width: 12%; }
.form-container.tms-dagur table th.col-2,
.form-container.tms-dagur table th.col-3 { width: 44%; }

.form-container.tms-dagur table th.col-2 { color: #000; /*background: url(/other_files/tms/img/bg-black-header.gif) repeat-x 0% 0%;*/ }
.form-container.tms-dagur table th.col-3 { color: #ff7200; /*background: url(/other_files/tms/img/bg-orange-header.gif) repeat-x 0% 0%;*/  }

.form-container.tms-dagur table td { vertical-align: top; }

.form-container.tms-dagur table td div { float: left; width: auto; margin-right: 8px; }
.form-container.tms-dagur table input { border: none; }
.form-container.tms-dagur table td label { clear: none; width: 316px; color: #000; font-size: 12px; padding: 0; margin: 1px 0 10px 0; }
.form-container.tms-dagur table td label.orange { color: #ff7200; }
.form-container.tms-dagur table td p { float: left; margin: 0 0 10px 23px; }
.form-container.tms-dagur table td p.no-padd { margin: 0; }

.form-container.tms-dagur .submitbutton { float: right; width: auto; }

/**** Second Table ****/
.form-container.tms-dagur table.second th.col-1 { width: 12%; }
.form-container.tms-dagur table.second th.col-2 { width: 88%; color: #6e6e6e; background: url(/other_files/tms/img/bg-gradient-header.gif) repeat-x 0% 0%; }

.form-container.tms-dagur table.second td strong { color: #000; }

/**** Error Messages ****/
.tms-dagur-validation #validationErrors ul { margin: 0 50px; }