/********************************************************
**
**  Form Styles
**
**  Copyright (c) 2007, Nimisoft LTD. All rights reserved.
**  for more information visit http://www.nimisoft.com/
**/

form {
    display:inline;
}

label {
    color: #617fa7;
    font-size: 11px;
    padding-right:4px;
    text-align: right;
}

input, select, textarea {
    font-family:Verdana, Arial, Helvetica;
    border: 1px solid #dfdfdf;
    font-size:11px;
    color:#444444;
    padding:1px;
    margin:0px;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #A3A3A3;
}

input.invisible {
    width: 0px;
    height: 0px;
    border: none;
    padding: 0;
}

input.button,
input.checkbox {
    width:  auto !important;
    height: auto !important;
}

.button, .icon {
    border:none;
    cursor:hand;
    cursor:pointer;
}

.form_table {
    /*width: 350px;*/
   /* margin:10px;*/
}

table.wide {
    width: 650px;
}

.form_table td {
    padding:3px;
    text-align: left;
}

.form_table td.label {
    text-align: right;
}

.form_table select,
.form_table input,
.form_table textarea  {
    width:180px;
    vertical-align: middle;
}

input.small {
    width: 50px;
}


.form_table input.long,
.form_table select.long,
.form_table textarea.long {
    width: 500px;
}

.form_table textarea.high {
    height: 250px;
}

.form_table select.multiple  { width:184px; }
.form_table input  { height:15px; }
.form_table select { height:18px; }

.form_table select.multiple {
    height:100px;
}

.form_table textarea {
    height:100px;
}

.form_table textarea.rows2 {
    height:20px;
}




.frame {
    background-color: #fafafa;
    border: 1px solid #eaf0f7;
    border-top: none;
    padding: 10px;
}

.frame td {
    padding:3px;
}

.frame td.label {
    text-align: right;
}



.col1, .col2 {
    float: left;
}


#preview {
    margin-top: 10px;
    width: 250px;
}

#preview .content{
    text-align: center;
}

img.preview {
    vertical-align: middle;
    margin-left: 5px;
    display:none;
}



/*
*       Widget styles
*/
.widget {
    /*border: 1px solid red;*/
    border-left: 1px solid #ededed;
    background: white url("../images/widget/bg.gif") 100% 100% no-repeat;
}

.widget .content {
    overflow: auto;
    padding: 6px;
    padding-top: 4px;
}


.widget .header {
    width: 100%;
}

.widget .header .title {
    color: white;
    font-weight: bold;
    font-size: 10px;
    line-height: 26px;
    padding-bottom: 2px;
    background: url("../images/widget/header_bg.gif");
}


.widget .header .left {
    float: left;
    width: 7px;
    height: 28px;
    background: white url("../images/widget/header_left.gif");
}

.widget .header .right {
    width: 6px;
    height: 28px;
    background: white url("../images/widget/header_right.gif");
}

.widget .header .close {
    padding-top: 6px;
    float: right;
    background: url("../images/widget/header_bg.gif");
}

.widget .header .close .button{
    width: 11px;
    height: 11px;
    background: url("../images/widget/close.gif") no-repeat;
}


/*
*       File Wrapper
*/
input.hiddenfile {
    position    :  relative;
    z-index     :  2;
    height      :  18px;
    width       :  210px;
    left        : -140px;
    margin-right: -140px;
    filter      : alpha(opacity: 0);
    -moz-opacity: 0;
    opacity     : 0;
}


.file_wrapper {
    position: relative;
}

.file_wrapper .file {
    position: absolute;
    z-index:1;
    top:0px;
    left:0;
}

.file_wrapper .button {
    background: url('../images/btn/browse.gif') 50% 50% no-repeat;
    width: 70px;
    height: 21px;
}


/*
*       List with files
*/
.file_wrapper .file_list {
    font-size:11px;
    color:#444444;
    border: 1px solid #dfdfdf;
    background-color:#ffffff;
    width:184px;
    margin-top: 5px;
    margin-top: 5px;
}



.file_list .item {
    height:16px;
}

.file_list .text {
    width:145px;
    float:left;
    padding-left: 3px;
    overflow: hidden;
}

.file_list .delete {
    background: url('../images/icon/small/delete.gif') 50% 50% no-repeat;
    float:  right;
    width:  15px;
    height: 15px;
    cursor: hand;
    cursor: pointer;
}


.file_list .preview {
    background: url('../images/icon/small/preview.gif') 50% 50% no-repeat;
    float:  right;
    width:  15px;
    height: 15px;
    cursor: hand;
    cursor: pointer;
}


.file_list .item {
    clear: both;
}


/*
*       Item Preview
*/
@import url("../../front/css/items.css");


#items.preview {
    width: 180px;
    margin: auto;
}

#items div.item {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 0px;
}


/*
*  Date Filed
*/
input.date {
    width: 100px;
}

.date_fld {
    vertical-align: middle;
}

.date_icon {
    display: inline;
}

.date_icon img {
    width: 26px;
    height: 19px;
    vertical-align: middle;
    background: url(../images/icon/calendar.gif) 0 0px no-repeat;
}

#filter .date_icon img {
    width: 23px;
    height: 17px;
    background: url(../images/icon/small/calendar.gif) 0 0px no-repeat;
}

input.period {
    width: 150px;
}



/*
*  Time Filed
*/
input.time {
    width: 60px;
}

.date_fld {
    vertical-align: middle;
}

.time_icon {
    display: inline;
}

.time_icon img {
    width: 26px;
    height: 19px;
    vertical-align: middle;
    background: url(../images/icon/clock.gif) 0 0px no-repeat;
}



#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #666666;
background-color:#eeeeee;
display:none;
}

#CP_minutecont {
background-color:#dddddd;
padding: 1px;
position:absolute;
width:45px;
display:none;
}

.floatleft {
float:left;
}

.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:35px;
}

.CP_minute {
padding:1px;
/*background-color:#dddddd;*/
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
}

.CP_over {
background-color:#ffffff;
}


/*
*   Language Tabs
*/
#lang_tabs {
    margin-top:5px;
    height: 30px;
    background: url("../images/tabs/bottom.gif") 100% 100% repeat-x;
}


#lang_tabs .tab {
    float:left;
    overflow: hidden;
    padding-top:4px;
    padding-left:4px;
    padding-right:4px;
    height: 18px;
    line-height: 17px;
    color: #718cb0;
    cursor:pointer;
    cursor: hand;
    background: url("../images/tabs/bg_i.gif") 0 100% repeat-x;
}


#lang_tabs .active  {
    color: white;
    cursor: default;
    background-image:
    url("../images/tabs/bg.gif");
}


#lang_tabs .separator {
    float:left;
    height: 22px;
    width:  18px;
    background: url("../images/tabs/inactive.gif") 0 100% no-repeat;
}

/* left active separator */
#lang_tabs .left_separator {
    background-image: url("../images/tabs/active_left.gif");
}

/* right active separator */
#lang_tabs .right_separator {
    background-image: url("../images/tabs/active_right.gif");
}


#lang_tabs #first {
    float:left;
    height: 22px;
    width:  6px;
    background: url("../images/tabs/inactive_first.gif") 0 100% no-repeat;
}

#lang_tabs #first.left_separator {
    background-image: url("../images/tabs/active_first.gif");
}


#lang_tabs #last {
    float:left;
    height: 22px;
    width:  16px;
    background: url("../images/tabs/inactive_last.gif") 0 100% no-repeat;
}

#lang_tabs #last.right_separator {
    background-image: url("../images/tabs/active_last.gif");
}