
#form-add .msgError , 
#form-edit  .msgError 
{
    color: red;
} 

#form-add  .msgWarn , 
#form-edit   .msgWarn 
{
    color: blue;
} 
#form-add  .msgFail , 
#form-edit   .msgFail 
{
    color: red;
    font-weight: bold;
} 
#form-add  .msgInfo, 
#form-edit   .msgInfo
{
    color: green;
} 

#form-add SUBMIT, 
#form-edit  SUBMIT,
#form-add SELECT, 
#form-edit  SELECT,
#form-add TEXTAREA, 
#form-edit  TEXTAREA,
#form-add INPUT[type=file], 
#form-edit  INPUT[type=file],
#form-add INPUT[type=text], 
#form-edit  INPUT[type=text],
#form-add INPUT[type=password] , 
#form-edit  INPUT[type=password] 
{
    margin-bottom: 2px;
}
#form-add INPUT[type=checkbox] , 
#form-edit  INPUT[type=checkbox] 
{
    margin: 0px;
    padding: 0px;
    width: 12px;
    height: 12px;
}
#form-add SELECT , 
#form-edit  SELECT 
{
    margin: 0px;
    padding: 0px;
}

#form-add SELECT, 
#form-edit  SELECT,
#form-add TEXTAREA, 
#form-edit  TEXTAREA,
#form-add INPUT[type=text], 
#form-edit  INPUT[type=text],
#form-add INPUT[type=password], 
#form-edit  INPUT[type=password]
{
    width: 240px;
    border: 1px solid #b5e2ec;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#222;
} 
#form-add INPUT[type=text].wide, 
#form-edit  INPUT[type=text].wide,
#form-add TEXTAREA.wide, 
#form-edit  TEXTAREA.wide,
#form-add INPUT[type=text].wide-default-value, 
#form-edit  INPUT[type=text].wide-default-value,
#form-add TEXTAREA.wide-default-value, 
#form-edit  TEXTAREA.wide-default-value
{
    width: 580px;
} 
#form-add .wide INPUT[type=text], 
#form-edit  .wide INPUT[type=text],
#form-add .wide TEXTAREA, 
#form-edit  .wide TEXTAREA
{
    width: 580px;
} 

#form-add INPUT[type=file], 
#form-edit  INPUT[type=file]
{
    width: 250px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#222;
}
#form-add DIV.right , 
#form-edit  DIV.right 
{
    float: right;
    clear: both;
    display: block;
    margin-bottom: 5px;
    position: relative;
}
#form-add SPAN.required, 
#form-edit  SPAN.required
{
    text-align: right;
    width: 240px;
    color: #333;
    font-weight: bold;
}
#form-add SPAN.optional, 
#form-edit  SPAN.optional
{
    color: #999;
    width: 100px; 
    font-weight: bold;
} 
#form-add INPUT.required, 
#form-edit  INPUT.required
{
    background: transparent url(pix/dot.png) no-repeat 190px 2px;
}
TABLE.description TD.label
{
    vertical-align: top;
    font-weight: bold;
}
TABLE.description TD.value
{
    vertical-align: top;
    text-align: left;
    width: 500px;}

#form-add TD.label, 
#form-edit  TD.label
{
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
    padding-top: 2px;
}
#form-add TD.input, 
#form-edit  TD.input
{
    vertical-align: top;
    width: 240px;
}
#form-add TD.check, 
#form-edit  TD.check
{
    font-size: 10px;
    color: #aaa;
    width: 240px;
}
/*  message   */
#form-add TABLE.messages, 
#form-edit  TABLE.messages
{
    width: 100% 
}
#form-add .messages TH.header    , 
#form-edit  .messages TH.header    
{
    font-weight: bold;
    padding-bottom: 8px;
}
#form-add .messages TD.cell      , 
#form-edit  .messages TD.cell      
{
    padding-top: 5px;
}
#form-add .messages TD.footer    , 
#form-edit  .messages TD.footer    
{
    margin: 10px 0;
}
#form-add .messages TD.subject, 
#form-edit  .messages TD.subject,
#form-add .messages TD.from, 
#form-edit  .messages TD.from,
#form-add .messages TD.date, 
#form-edit  .messages TD.date,
#form-add .messages TD.options, 
#form-edit  .messages TD.options,
#form-add .messages TD.check , 
#form-edit  .messages TD.check 
{
    padding-top: 0px;
    padding-bottom: 10px;
}

#form-add .messages .read-false A, 
#form-edit  .messages .read-false A
{
    font-weight: bold;
}
#form-add .messages .read-true A, 
#form-edit  .messages .read-true A
{
    color: #aaa;
}
#form-add .messages TD.options, 
#form-edit  .messages TD.options
{
    width:65px;
}
#form-add .messages TD.date,#form-add TD.from, 
#form-edit  .messages TD.date,#form-add TD.from
{
    width:80px;
}
#form-add .messages TD.check , 
#form-edit  .messages TD.check 
{
    width:20px;
}
#form-add *.trashIco, 
#form-edit  *.trashIco
{
    min-height: 16px;
    padding-left: 20px;
    background: url(pix/trash.png) no-repeat top left;
}

#form-add  SPAN.label, 
#form-edit   SPAN.label
{
    display: block;
    clear: right;
    font-weight: bold;
    margin-bottom: 5px; 
}
#form-add .two-selects , 
#form-edit  .two-selects 
{
    margin-left: 0px;
}
#form-add .two-selects SELECT, 
#form-edit  .two-selects SELECT
{
    height: 70px;
    width: 240px;
}
#form-add .two-selects SELECT.right, 
#form-edit  .two-selects SELECT.right
{
    margin-left: 5px;
}
#form-add .two-selects *.label, 
#form-edit  .two-selects *.label
{
    display: block;
    clear: right;
}
#form-add .two-selects .switch , 
#form-edit  .two-selects .switch 
{
    height: 20px;
    width: 580px;
    margin-top:5px;
}
#form-add .two-selects .switch *.left, 
#form-edit  .two-selects .switch *.left
{
    float: left;
    clear: none;
    margin-left: 240px;
}
#form-add .two-selects .switch *.right, 
#form-edit  .two-selects .switch *.right
{
    float: left;
    clear: none;
    margin-left: 30px;
}
#form-add INPUT.margin-l, 
#form-edit  INPUT.margin-l
{
    margin-left: 5px;
}
#form-list TABLE.list {
    width:580px;
    margin-top:10px;
    margin-bottom:10px;
    border:0px;
    border-bottom:solid #D4DDE2 1px;    
}
#form-list TABLE.list th{
    background:transparent url(pix/gradient-bg.gif) repeat-x scroll center bottom;    
    font-weight:bold;
    padding:4px;
    border:0px;
    border-top:solid #D4DDE2 2px;
}
#form-list TABLE.list td{
   border-top: solid #D4DDE2 1px; 
   padding:4px;
   height:30px;
}
#form-list TABLE.list .odd td{
    background: #F2F5F6;
}
#form-list TABLE.list .odd td.first {
    border-left: solid #D4DDE2 1px;
}
#form-list TABLE.list .odd td.last {
    border-right: solid #D4DDE2 1px;
    width:110px;
 }
#form-list TABLE.list td.last {
    text-align:right;
}

#reunions-list  TABLE.list td.first{
    width:100px;
}

SPAN.startStyle{
    background: url(pix/Info-Icon16x16.gif) no-repeat top left;
    margin-bottom: 0px;
    padding: 1px;
    padding-left:20px;
    display: block;
    color: green;    
    clear: both;
    height:18px;
}    
SPAN.stopStyle{
    
    margin-bottom: 0px;
    padding: 1px;
    padding-left:20px;
    display: block;
    color: green;    
    clear: both;
    height:18px;
}
#form-edit .wide TD.label,
#form-add .wide TD.label{
    text-align:left;
}

.user-quote SPAN{
    display: block;
    margin: 5px;
    background: #F2F5F6;
    padding: 5px;    
}

*.place-description SPAN{
    display: block;
    margin: 5px;
    background: #F2F5F6;
    padding: 5px;
} 
form-add:reunTimeOfMeeting{
    clear:none;
    background-color:red;
}
#form-add INPUT.calendar{
    width:25px;
    border: 1px solid #b5e2ec;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#222;    
}
#form-add SELECT.calendar{
    width:100px;
    border: 1px solid #b5e2ec;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#222;
} 
#form-add .jscalendar-DB-title-background-style,
#form-add .jscalendar-DB-title-style{
    background:transparent url(pix/gradient-bg.gif) repeat-x scroll center bottom;    
    font-weight:bold;
    padding:4px;
    border:solid white 0px;
    color:black;
}
#form-add .jscalendar-DB-title-control-normal-style ,
#form-add .jscalendar-DB-title-select-normal-style
{
    background:transparent url(pix/gradient-bg.gif) repeat-x scroll center bottom;       
    border:solid white 2px;
    color:black;
}

#reunions-view h2 {
    margin-top:15px;
    margin-bottom:10px;
}

SPAN.online{
    background:url(pix/online.png) no-repeat top left;
    display:inline-block;
    clear:none;
    padding:1px 1px 1px 18px
}
SPAN.offline{
    background:url(pix/offline.png) no-repeat top left;
    display:inline-block;
    clear:none;
    padding:1px 1px 1px 18px
}
