/*__________________________________________________________

                       Jobzippers CSS
____________________________________________________________

                      FORMS STYLESHEET

                  general styles for forms
____________________________________________________________

 Copyright 2008 by Stefan Heckler <sh@diekosmonauten.com>
__________________________________________________________*/



/** general styles **/
fieldset.form {
    background-color: #f2f2f2;
    padding: 9px;
    color: #7e7e7e;
    border: 0;
    margin: 0;
}
div.form{
    margin-bottom: 15px;
}
/* adjusted padding for grid-forms */
fieldset.form.container_20{
    padding: 9px 6px;
}
fieldset label, fieldset input, textarea, div.edit_profile input, select, option {
    font-family: Arial, Verdana, sans-serif;
    color: #8b8b8b;
    font-size: 12px;
    float: left;
    display: block;
}

fieldset option {
    float: none;
}
fieldset label span {
    color: #bbbbbb;
}

input.text, textarea {
    background-image: url(../img/site/form/input.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

textarea {
    height: 111px;
    line-height: 18px;
    padding: 6px 0px 6px 8px;
    width: 639px;
}

fieldset input.text, div.edit_profile input.text {
    height: 14px;
    padding: 4px 8px 4px 8px;
}

fieldset input.disabled {
    filter:alpha(opacity=50);
    opacity:.50;
    -moz-opacity: 0.5;
}

div.edit_profile input.text {
    padding: 2px 3px;
}

fieldset label {
    font-size: 13px;
    padding-right: 2px;
    height: 20px;
    padding-top: 2px;
}

fieldset label.disabled { color: #c1c1c1; }

fieldset label.spacer { padding-top: 20px; }


fieldset select {
    height: 22px;
    padding: 1px;
    border: 1px solid #cccccc;
    background-image: url(../img/site/form/input.gif);
    background-repeat: repeat-x;
    line-height: 22px;
    font-size: 12px;
    float: left;
    color: #8b8b8b;
    padding: 3px;
}

fieldset select.multiple{
    height: auto;
}

fieldset option { font-size: 12px;color: #8b8b8b; }

fieldset p {
    font-size: 11px;
    color: #9d9d9d;
    line-height: 15px;
    padding-left: 2px;
    padding-bottom: 6px;
}

fieldset span.from_to {
    float: left;
    /*width: 30px;*/
    width: 35px;
    display:block;
    height: 24px;
    line-height: 24px;
}

fieldset input.radio {
    float: left;
    position: relative;
    bottom: -4px;
    margin-right: 5px;
}

fieldset label.radio {
    height: auto;
    max-width: 350px;
    padding-right: 15px;
    padding-bottom: 10px;
    cursor: pointer;
}

fieldset img.selected {
    position: relative;
    left: -12px;
    margin-right: -12px;
    top: -51px;
}

select.multiple {
    padding: 1px;
    border: 1px solid #cccccc;
    background-image: url(../img/site/form/input.gif);
    background-repeat: repeat-x;
    line-height: 22px;
    font-size: 12px;
    color: #8b8b8b;
    padding: 3px;
    width: 270px;
}

select.multiple option {
    display: block;
    width: 100%;
}

div.multiselect {
    float: left;
    width: 270px;
    padding-right: 41px;
    padding-top: 30px;
}


/* =errors */
div.errorbox, div.signupbox {
    background-color: #f2f2f2;
    padding: 9px;
    line-height: 17px;
    overflow: hidden;
}

div.errorbox { margin-bottom: 10px; }

div.signupbox {
    height: 155px;
    width: 279px;
}

/* =stepbox */
h3.stepbox {
    color: #767676;
    font-weight: normal;
    font-size: 17px;
    height: 29px;
    line-height: 29px;
    background-image: url(../img/site/form/stepbox.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-top: 44px;
    margin-bottom: 12px;
    margin-left: -2px;
    clear: left;
}

h3.stepbox a { text-decoration: none; color: #767676; font-size: 17px;}

h3.stepbox a:hover { color: #ff5a00; }

h3.stepbox.errorstep {
    background-image: url(../img/site/form/stepbox_error.gif);
    padding-left: 42px;
    color: #f74a00;
}

h3.stepbox.noticestep {
    background-image: url(../img/site/form/stepbox_notice.gif);
    padding-left: 42px;
    color: #4eb700;
}


h3.stepbox span.number {
    color: #ffffff;
    padding-left: 11px;
    padding-right: 10px;
    font-size: 12px !important;
    position: relative;
    top: -1px;
	float: left;
}

h3.stepbox span.headline {
	left: 3px;
	position: relative;
	float: left;
	width: 115px;
    font-size: 13px;
}


/* =submits */
input.button, a.formbutton {
    height: 33px;
    float: right;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 10px;
    padding-right: 33px;
    color: #767676;
    font-size: 12px;
    line-height: 33px;
    margin-top: 20px;
    cursor: pointer;
    margin-left: 6px;
    text-decoration: none;
    overflow:visible;
    width:auto
}

input.button { margin-top: 6px; }

input.submit, a.formbutton.submit { background-image: url(../img/site/form/submit.gif); }
input.submit.small, a.formbutton.submit.small { background-image: url(../img/site/form/submit_small.gif); }
input.submit2 {
    background-image: url(../img/site/form/submit.gif);
    padding-right: 41px;
    margin-right: 8px;
    margin-top: 0px;
}
input.submit3 {
    background-image: url(../img/site/form/submit.gif);
    padding-right: 41px;
    margin-right: 0px;
    margin-top: 20px;
}
input.submitnotext{
    background-image: url(../img/site/form/submit.gif);
    padding-right: 0px;
    margin-right: 8px;
    margin-top: 0px;
    line-height: 400px;
    width: 26px;
    height: 27px;
    margin-top: -2px;
    text-indent: 400px;
    overflow: hidden;
}
input.submit_blue, a.formbutton.submit_blue { background-image: url(../img/site/form/submit_blue.gif); }
input.submitgrey, a.formbutton.submitgrey { background-image: url(../img/site/form/next.gif); }

input.complete { background-image: url(../img/site/form/complete.gif); }
input.complete2 {
    background-image: url(../img/site/form/complete.gif);
/*    background-position: left center;		*/
    float: right;
    height: 27px;
    overflow: hidden;
    margin-top: -2px;
    margin-left: 0;
    padding-left: 0px;
}
input.reset { background-image: url(../img/site/form/reset.gif); }
input.back, a.formbutton.back { background-image: url(../img/site/form/back.gif); background-position: left center; padding-left: 33px; padding-right: 10px; border: 0; border-left: 2px solid #f2f2f2; }
input.clone, a.formbutton.clone { background-image: url(../img/site/form/clone.gif); }
input.delete, a.formbutton.delete {
    float: right;
    background-image: url(../img/site/form/deleteFieldset.gif);
    padding: 0 1px 0 0;
    margin: 0;
    width: 26px;
    height: 27px;
    position: relative;
    top: -19px;
}

/* =select_replacement */
/*
ul.select {
    position: absolute;
    max-height: 99px;
    *height: auto !important;
    *height: 99px;
    overflow: auto;
    margin: 2px;
    margin-left: 0;
    margin-right: 3px;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: normal;
    background-image: url(../img/site/form/input.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-top: 0px;
    width: 164px;
    display: none;
}

ul.select li {
    display: block;
    overflow: hidden;
}

ul.select a {
    padding: 2px;
    border-bottom: 1px solid #cccccc;
    text-decoration: none;
    float: left;
    display: block;
    width: 100%;
    line-height: 20px;
}

ul.select a:hover {
    background-color: #e5e5e5;
}

span.select {
    background-image: url(../img/site/form/input.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #7e7e7e;
    height: 14px !important;
    *height: 13px;
    font-size: 12px;
    padding: 4px 8px 4px 8px;
    float: left;
    cursor: pointer;
    width: 80px;
}*/
/*
span.days{ width:14px !important; }
span.months{ width: 14px !important; }
span.years{ width: 28px !important; }
select.days { width:50px !important; }
select.months { width: 50px !important; }
select.years { width: 64px !important; }

ul.days {
    width: 49px;
}

ul.years {
    width: 63px;
}

ul.months {
    width: 49px;
}
*/
fieldset div.floatbox {
    float: left;
}


/* =special_buttons */
a.button, a.button_small {
    width: 18px;
    height: 22px;
    font-size: 0;
    border: 1px solid #cecece;
    color: #ffffff;
    border-left: 0;
    display: block;
    float: left;
    overflow: hidden;
    line-height: 200px;
    margin-right: 5px;
    background-position: 0 0;
}

a.button_small {
    margin: 0;
    width: 16px;
    height: 18px;
}

div.floatbox a.button { margin-right: 0; }

a.button:hover {
    background-position: 0 -22px;
}

a.button_small:hover {
    background-position: 0 -18px;
}

a.add { background-image: url(../img/site/form/add.gif); }
a.select { background-image: url(../img/site/form/select.gif); }
a.del { background-image: url(../img/site/form/delete.gif); }

a.small_add { background-image: url(../img/site/form/add_small.gif); }
a.small_select { background-image: url(../img/site/form/select.gif); }
a.small_del { background-image: url(../img/site/form/delete_small.gif); }


p.forminfo {
    width: 445px;
    line-height: 17px;
    text-align: justify;
    padding-bottom: 20px;
}

p.forminfo span.green { font-weight: bold; color: #51b902; }
p.forminfo span.blue { font-weight: bold; color: #2f7cbf; }

div.formlist h3 {
    color: #3081bb;
    font-size: 12px;
    margin-bottom: 2px;
}

div.formlist p {
    color: #696969;
    line-height: 17px;
    padding-bottom: 20px;
}


div.formfooter_row {
    background-color: #f2f2f2;
    float: right;
    height: 33px;
    width: 270px;
    margin-top: 6px;
    margin-right: -6px;
    overflow: hidden;
}

div.formfooter_row fieldset {
    padding: 5px;
    padding-bottom: 4px;
}

div.formfooter_row input.text {
    width: 240px;
}


/* =pass_fieldset */
fieldset.s05 { width: 434px; float: left; }
fieldset.pwsec input.f01 {
    width: 209px;
    margin-right: 2px;
}

fieldset.pwsec input.f02 {
    width: 187px;
}

fieldset.pwsec p {
    width: 200px;
    float: left;
}

div.pwsec {
    float: right;
    width: 223px;
    text-align: right;
    font-size: 11px;
    color: #9d9d9d;
}

div.pwsec span.bar {
    width: 207px;
    height: 4px;
    padding: 1px;
    border: 1px solid #cccccc;
    display: block;
    background-color: #ffffff;
    float: right;
    margin-top: 5px;
    font-size: 0;
    overflow: hidden;
}

div.pwsec span.inner {
    width: 207px;
    height: 4px;
    background-image: url(../img/site/form/bar_pwsec.gif);
    display: block;
    font-size: 0;
}


/* =filebrowser */
table.filebrowser {
    width: 100%;
}

table.filebrowser td {
    background-color: #ffffff;
    height: 21px;
    padding-left: 6px;
    border-bottom: 2px solid #f2f2f2;
}

table.filebrowser a { text-decoration: none; }


table.filebrowser td.actions {
    text-align: right;
    padding-right: 6px;
}

table.filebrowser a.delete {
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 200px;
    overflow: hidden;
    background-image: url(../img/site/filebrowser/delete.gif);
    display: block;
    float: right;
    margin-top: 1px;
}


/* =buttons */
span.b_required,
span.b_optional,
span.b_checked  {
    padding-left: 8px !important;
    padding-right: 8px !important;
    height: 15px;
    font-weight: bold;
    display: inline;
    color: #fff;
    line-height: 16px;
    background-image: url(../img/site/form/b_required.gif);
    background-repeat: repeat-x;
}

span.b_optional { background-image: url(../img/site/form/b_optional.gif); }
span.b_checked  { background-image: url(../img/site/form/b_checked.gif); }

div.greyblock {
    width: 418px;
    padding: 8px;
    background-color: #f2f2f2;
    float: left;
}

div.greyblock span { float: left; }

div.greyblock p {
    line-height: 16px;
    width: 354px;
    float: right;
    text-align: justify;
    font-size: 11px;
}

#jSuggestContainer {
position:absolute;
font: 12px Tahoma;
border:1px solid #ffb931;
border-top:0;
background:#FFF;
max-height: 200px;
overflow: auto;
}

.jSuggestLoading {
font-style:italic;
padding: 10px;
}

#jSuggestContainer ul, #jSuggestContainer ul li{
margin: 0;
padding:0;
list-style:none;
}



#jSuggestContainer ul li{
padding: 2px 4px;
border-bottom: 1px dotted #ffe594;
color:#666;
background:#fff9e7;
cursor:pointer
}

#jSuggestContainer ul li.last{
border-bottom: 0;
}

#jSuggestContainer ul li.jSuggestHover{
background:#ffeaaa;
color:#333;
}



/* =auto completer */
.ac_results {
	padding: 0px;
	border: 1px solid #cccccc;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 3px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: Arial, Verdana, sans-serif;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/* feedback form */
fieldset.feedback01 label.f01 {
    width: 215px;
}

fieldset.feedback01 input.f02 {
    width: 350px;
    margin-left: 10px;
}

form.addLargeTopMargin, fieldset.addLargeTopMargin{
    margin-top: 18px;
}
form.addMediumTopMargin, fieldset.addMediumTopMargin{
    margin-top: 10px;
}

form.addSmallTopMargin, fieldset.addSmallTopMargin{
    margin-top: 3px;
}
input.checkbox{
    margin-right: 15px;
}
fieldset input.radio{
    margin-right: 15px;
}

/* can be used for labels of checkboxes and radio buttons */
label.small{
    font-size: 11px;
}
label a{
    color: #D05914;
}