/* --------------------------------------------------------------

   - Screen stylesheet


/* Layout
-------------------------------------------------------------- */

body {
  background: url(../img/bg_col.gif) repeat-y;
}

#container {
  width: 100%;
  min-height: 500px;
  background: url(../img/shade_top.png) repeat-x left top;
}

#maincol {
  float: left;
  width: 70%;
  max-width: 900px;
  min-height: 500px;
  padding: 40px 0;
  margin-left: 26px;
}

#sidecol {
  float: left;
  width: 234px;
  min-height: 500px;
  padding: 40px 0;
}


/* Masthead
-------------------------------------------------------------- */

#masthead {
  position: relative;
  height: 100px;
  background: url(../img/masthead_bg.png) repeat-x left bottom;
}

/* Logo
-------------------------------------------------------------- */

#logo {
  position: absolute;
  top: 20px;
  left: 20px;
  }

#logo a {
  display: block;
  width: 155px;
  height: 62px;
  text-indent: -9999em;
  overflow: hidden;
  background: url(../img/logo.png) no-repeat;
  }

span#title {
  position: absolute;
  top: 23px;
  left: 190px;
  color: #fff;
  font: 48px Georgia, serif;
}

/* Login
-------------------------------------------------------------- */


/* Nav
-------------------------------------------------------------- */

ul.nav {
  list-style: none;
  margin: 0 0 2em 0;
}

.nav li {
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}

.nav .current {
  background: #dcdbd7 url(../img/nav_select.png) no-repeat top right;
}

.nav a {
  text-decoration: none;
}

.nav a:hover {
  text-decoration: underline;
}

.nav li a {
  font-size: 14px;
  color: #715914;
}

dl.nav {
  margin: 0;
}

.nav dt {
  margin-top: 2em;
  padding-left: 20px;
  text-transform: uppercase;
  color: #5c8f14;
}

.nav dd {
  height: 30px;
  line-height: 30px;
  margin: 0;
}

.nav dd a {
  padding-left: 20px;
  font-weight: bold;
  color: #715914;
}

.nav .current a:hover {
  text-decoration: none;
}

/* Content-nav
-------------------------------------------------------------- */

.content-nav {
  font-size: 14px;
  font-weight:bold;
  color: #715914;
  list-style: none;
  margin-left: 0;
}

.content-nav a {
  color: #715914;
}

.content-nav a:hover {
  color: #000;
}

/* Content
-------------------------------------------------------------- */

.title-top {
  border-bottom: 1px solid #e3ded0;
  margin-bottom: 2em;
}

.title-top h1 {
  float: left;
  margin-bottom: 0.25em;
}

.title-top p {
  clear:both;
  float: left;
  margin-bottom: 0.5em;
  padding-right: 150px;
  font-size: 14px;
}

.title-top a.button {
  float: right;
  position: relative;
  top: 10px;
}

.key-box {
  margin-bottom: 1em;
  padding: 8px 15px;
  border: 1px solid #e3ded0;
  background: #f9f8f5;
}

.key-box span {
  font-size: 18px;
  font-weight: bold;
  color: #4a4840;
}

/* Forms
-------------------------------------------------------------- */

.form-wrap {
  padding: 30px 60px;
  border: 1px solid #e3ded0;
  background: #f9f8f5;
}

/* general */

form {
  margin-bottom: 1.5em;
  }

input,
select,
textarea {
  font: 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  }

input[type=text],
input[type=password],
textarea,
select {
  border: 1px solid #715914;
  }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #000;
  }

form input[type=radio],
form input[type=checkbox] {
  margin:0;
  position:relative;
  top: 2px;
  }

form input[type=text],
form input[type=password] {
  padding: 2px;
  }

.formbox input[type=submit],
.edit-box input[type=submit] {
  font-size: 14px;
  padding: 0.2em 1em;
  }

input.input-short {
  width: 45px !important;
}

input.error {
  border:1px solid #c72d64;
  }

select {
  padding: 2px;
  }

textarea {
  width: 340px;
  height: 150px;
  padding: 2px;
  }

label {
  position: relative;
  font-weight: bold;
  color: #5c8f14;
  }

fieldset label {
  float: left;
  width: 120px;
  margin-right: 20px;
  margin-top: 3px;
}

legend {
  font-size: 14px;
  text-transform: uppercase;
  }

fieldset fieldset legend {
  font-size: 12px;
  text-transform: none;
  font-weight: bold;
  color: #5c8f14;
  }


/* default forms (not search forms) */


fieldset {
  float: left;
  clear: left;
  width: 100%;
  margin: 0 0 1.5em 0;
  }

fieldset fieldset {
  margin-top: 3px;
  margin-bottom: -2em;
  }

fieldset.no-legend {
  margin-top: 1em;
}

fieldset.submit {
  float: none;
  width: auto;
  padding-left: 140px;
  }

fieldset ol {
  list-style: none;
  margin: 0;
  padding: 1em 0 0 0;
  }

fieldset fieldset ol {
  position: relative;
  top: -20px;
  margin: 0 0 0 140px;
  padding: 0;
  }

form li {
  float: left;
  clear: left;
  width: 100%;
  padding: 3px 0;
  margin-bottom: 0.8em;
  }

form li li {
  padding-bottom: 3px;
  margin-bottom: 0;
  }

fieldset fieldset label {
  float: none;
  width: auto;
  margin-right: auto;
  font-weight: normal;
  color: #61676f;
  }

fieldset input[type=text],
fieldset input[type=password] {
  width: 170px;
}

fieldset select {
  width: 177px;
}

li.wrap-city-radius {
  position: relative;
}

.sel-radius {
  position: absolute;
  top: 3px;
  left: 330px;
  width: 70px;
  padding: 1px;
}

.lab-radius {
  display: none;
  position: absolute;
  top: -20px;
  left: 330px;
  font-weight: normal;
}


/* form extras */

label em {
  position: absolute;
  left: 125px;
  top: 0.4em;
  }

fieldset fieldset label em {
  left: -33px;
  }

label strong {
  position: absolute;
  left: 330px;
  top: 0.1em;
  width: 320px;
  color: #c72d64;
  font-weight: normal;
  text-transform: uppercase;
  }

fieldset fieldset label strong {
  left:174px;
  }

strong.error-textarea {
  left: 500px;
  width: 150px;
  }

li.ff-error {
  background: #f4e1e8;
  }

p.form-info {
  color: #999;
  }

span.field-info {
  clear: both;
  display: block;
  margin: 5px 0 0 140px;
  color: #999;
  }

form li li span.field-info {
  margin: 5px 0 0 17px;
  }


/* Messages
-------------------------------------------------------------- */

.message {
  padding: 10px 10px 10px 32px;
  margin-bottom: 1.5em;
  }

.message-ok {
  border: 1px solid #84a571;
  background: #e2eebd url(../img/icon_check.png) no-repeat 10px 10px;
  }

.message-warning {
  border: 1px solid #f9d467;
  background: #fcfbc1 url(../img/icon_warning.png) no-repeat 10px 10px;
  }

.message-error {
  border: 1px solid #c72d64;
  background: #f7e8e8 url(../img/icon_warning.png) no-repeat 10px 10px;
  color: #c72d64;
  }

.message p {
  margin-bottom:0;
  }


/* Tabs
-------------------------------------------------------------- */

.idTabs {
  list-style: none;
  margin: 0;
}

.idTabs {
  position: relative;
  top: 1px;
  left: 0;
}

.idTabs li {
  float: left;
  margin-right: 8px;
}

.idTabs li a {
  float: left;
  padding: 5px 20px 3px;
  border: 1px solid #e3ded0;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  font-weight:bold;
  text-decoration: none;
  color: #999;
}

.idTabs li a.selected {
  background: #f9f8f5;
  border-bottom: 0px solid #fafafa;
  color: #715914;
}

/* Content
-------------------------------------------------------------- */


/* Footer
-------------------------------------------------------------- */



/* Clearing floats
   [http://www.positioniseverything.net/easyclearing.html]
-------------------------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear { clear:both; }

#formfield-add_form-use_for{
	width:400px
}


.method-group{
	width:50px
}

.star{background:url(../img/required_star.png); width:9px;height:8px;display:inline-block;margin:0 5px}
.star-2{width:18px}

.star-explanation{background:url(../img/required_star.png) no-repeat 5px 4px;padding-left:20px; font-style:italic; font-size: 11px}