/*
    Copyright (c) 2002-2007 Netlor
    Copyright (c) 2007-2008 Ovensia
    Contributors hold Copyright (c) to their code submissions.

    This file is part of Ploopi.

    Ploopi is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
    (at your option) any later version.

    Ploopi is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Ploopi; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

.ploopi_popup {
position:absolute;
top:0px;
left:0px;
width:200px;
float:left;
padding:0px;
border:1px solid #a0a0a0;
color: #000000;
text-align:left;
overflow:auto;
}

.form {
    overflow:hidden;
}

.form p {
    padding: .2em 0;
    margin: 0 0 .2em 0;
    clear:both;
    overflow:auto;
}

.form label {
    display: block;
    margin-bottom: .2em;
    font-weight:bold;
}

.form span {
    display: block;
    color: #000000;
}

.form input.text,
.form select,
.form textarea {
    border: 1px solid #b0b0b0;
    border-left: 4px solid #b0b0b0;
    float:left;
    color: #000000;
    width:90%;
 }

.form input.text,
.form textarea {
    padding: 2px;
}

.form input.text
.form select {
    background: #f0f0f0 url(../gfx/field.png) top left repeat-x;
}

.form textarea {
    background: #f0f0f0;
    height: 6em;
}

.form input.text:focus,
.form textarea:focus
.form select:focus {
    border: 1px solid #286ea0;
    border-left: 4px solid #286ea0;
}

.form p span.checkbox {
    margin:0;
    cursor:pointer;
    width:100%;
}

.form p span.checkbox img, .form p span.checkbox input {
    cursor:pointer;
}


.form option {
    border-left: 4px solid #b0b0b0;
    padding-left:4px;
}

.form option:hover {
    border-left: 4px solid #286ea0;
    padding-left:4px;
}

.form img {
    display: block;
    float:left;
}

.form_validate {
  padding-top:5px;
  text-align:left;
  clear:both;
}

.form_validate input
{
    font-size:11px;
    border-left: 4px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    padding: 2px 10px 2px 5px;
    color: #353739;
    text-align:center;
    width:100px;
    background: #f0f0f0 url(../gfx/field.png) top left repeat-x;
    cursor: pointer;
}

.form_validate input:hover
{
    border-left: 4px solid #286ea0;
    border-right: 1px solid #286ea0;
    border-top: 1px solid #286ea0;
    border-bottom: 1px solid #286ea0;
    padding: 2px 10px 2px 5px;
    color: #286ea0;
    text-align:center;
}

.form_validate input[type='submit'] {
font-weight:bold;
}

.form input.checkbox, .form input.radio {
    width:16px;
}

div.check {
clear:both;
}

div.check, div.check input, div.check img {
cursor:pointer;
}