# JQUERY.VALIDATION

label { width: 10em; float: left; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.debug
{
    font-size:1.2em;
}

div.buttonOver
{
    cursor:            pointer;
    font-family:       Arial, Helvetica, Sans Serif; 
    font-weight:       bold; 
    font-size:         7pt;
    color:             buttontext; 
    padding-top:       2;
    padding-bottom:    2;
    padding-left:      2;
    padding-right:     2;
    margin:           1px;
    border:            #EEEEEE solid 1px;
    background-color:  buttonshadow;
}

.filter
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    COLOR: black;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    background: cornflowerblue;
}

.sectionheader
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    COLOR: black;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    padding-top:       2;
    padding-bottom:    2;
    padding-left:      2;
    padding-right:     2;    
    background: cornflowerblue;
}

.sectionheader2
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    COLOR: black;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    padding-top:       2;
    padding-bottom:    2;
    padding-left:      2;
    padding-right:     2;    
    background: lightgrey;
}

.sectionrow
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    COLOR: black;
    FONT-SIZE: 8pt;
    padding-top:       2;
    padding-bottom:    2;
    padding-left:      2;
    padding-right:     2;    

}

table.borderblue
{
    BORDER-RIGHT: cornflowerblue 2px solid; 
    BORDER-TOP: cornflowerblue 1px solid; MARGIN: 20px; 
    BORDER-LEFT: cornflowerblue 1px solid; 
    BORDER-BOTTOM: cornflowerblue 1px solid;
    padding: 5px;
}

table.bordergrey
{
    BORDER-RIGHT: #B7C3D0 1px solid; 
    BORDER-TOP: #B7C3D0 1px solid; MARGIN: 20px; 
    BORDER-LEFT: #B7C3D0 1px solid; 
    BORDER-BOTTOM: #B7C3D0 1px solid;
    padding:3px;
}

td.bordergrey
{  
    BORDER-BOTTOM: #B7C3D0 1px solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight:normal;
    color:#000;
}

.TitleBig
{
    COLOR: BLACK;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: BOLD;
    FONT-VARIANT:SMALL-CAPS;    
}

.SubHeader
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    COLOR: BLACK;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    background: #BBBBBB;
}

.TitleMedium
{
    COLOR: BLACK;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: BOLD;
    FONT-VARIANT:SMALL-CAPS;
}

.row1
{
    BACKGROUND-COLOR: #FFFFFF;
}
.row2
{
    BACKGROUND-COLOR: #EBEBEB;   
}

.TextBig
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 10pt
}
.TextMedium
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 8pt;
    padding: 1em;
}
.TextSmall
{
    FONT-FAMILY: Arial, Helvetica, sans;
    FONT-SIZE: 6pt;
}

.TableHeader
{
    BACKGROUND-COLOR: cornflowerblue;
}

.Pager
{
    BORDER-TOP: black 1px solid; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 8pt; 
    WIDTH: 100%; 
    COLOR: white; 
    FONT-FAMILY: helvetica, verdana, arial; 
    BACKGROUND-COLOR: #555555;
}

.FieldSet
{
    padding-left:5px;
    padding-bottom:5px;
    border-width:2; 
    border-color:cornflowerblue;
}

.Legend
{
    COLOR: BLACK;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: BOLD;
    FONT-VARIANT:SMALL-CAPS;
}

.TextAcctNumber
{
   FONT-FAMILY: Verdana, Arial, Helvetica, sans;
   FONT-SIZE: 8pt;
}

.LabelAcctNumber
{
   FONT-FAMILY: Verdana, Arial, Helvetica, sans;
   FONT-SIZE: 8pt;
}

.TextAcctlink
{
    cursor:            pointer;
    COLOR: 000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline;
}

.bt
{
    border-top:solid black 1px;
}

.tdtitle
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: BOLD;
    BACKGROUND-COLOR: #B7C3D0;
    padding:1px;
}

#linediv
{
    text-align:left;
    clear:both;
    xfloat:left;
    font-size: 1.16em;
    margin:5px 15px 0px 10px;
    xwidth:936px;
    border-top:solid #9FB6CD 1px;
 }

.lineitemdiv
{
    padding:2px;
    float:left;
    xborder:red solid 1px;
}

.configbox
{
    width:600px;
    margin:10px 10px 20px 25px;
    padding:20px;
    background: #eeeeff;
}

.link
{
    cursor: pointer;
    COLOR: 000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline;
}

.linkbase
{
    cursor:            pointer;
    COLOR: 000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans;
    FONT-SIZE: 0.95em;
}


/* custom - move elsewhere later */

ul#more {
    clear: left;
    margin-top: 60px;
    }

.textbutton
{
    color: #555555;
    font-size: 0.875em; 
    font-weight:normal;
    margin:2px 1px;
    padding:1px;
    border:solid #939393 1px;
    width:40px;
    text-align:center;
    cursor:pointer;
    background:white;
}

.textlink
{
    cursor:pointer; 
    color: #ccc;
    margin:4px;
    font: bold 0.725em; 
}

.rowdelete
{
    float:right; 
    font: 0.625em; 
}

.rownum
{
    font-size: 0.8em;
    font-weight:bold;
    color: #888888;
    text-align: left;
}

.rowlabel
{
    float       :left;
    font-size   : 0.65em;
    letter-spacing: 0;
    margin-bottom:2px;
    margin-left:1px;
    color: #888888;
    text-decoration: underline;
    text-align:center;
}

.rowtext
{
    margin:1px;
    float:left;
    cursor: pointer;
    width: 8em;
}

.right
{
    float:right;
}

.left
{
    float:left;
}

.lineheader
{
    padding: 2px;
    border-bottom: solid #9FB6CD 1px;
    float:left;
    clear:both;
    background: #eeeeff;
    color: #12679D;
    font-weight:bold;
    width: 99.6%;
}

.line
{
    padding:2px;
    float:left;
    clear:both;
    width: 99.6%;
    border-bottom: solid #9FB6CD 1px;
}


/* standard table format */

table.standard
{
    font-size   : 1.18em;
    text-align:left;
}

table.borders
{
    border-top     : solid #9FB6CD 1px;
    xpadding-right: 3px;
}

.standardwidth
{
    xwidth:940px;
}
.dialogwidth
{
    width:460px;
}

table.standard th
{
    background: #EEEEFF;
    padding         : 5px 3px;
    border-bottom   : solid #9FB6CD 1px;
    color:#333333;
}

table.standard td
{
    padding         : 3px 2px;
}

table.standard .label
{
    padding         : 3px 1px;
    color:#333333;
    font-weight:bold;
    text-align:right;
    vertical-align:top;
    width: 165px;
}
table.standard .small
{
    font-size: 0.8em;
}
table.standard .data
{
    padding-left: 15px;
}
table.standard .rdata
{
    border-bottom: solid #BFD8EF 1px;
    vertical-align:top;
    xfont-size: 0.925em;
    xfont-size: 0.89em;
    font-size: 12px;
}
table.standard .clabel
{
    padding         : 2px;
    color:#333333;
    font-weight:bold;
    vertical-align:top;
    border:0px;
    font-size:0.9em;
}
/* for dashboard mostly */
.height-30 {
    height: 30px;
}
table.standard .cdata
{
    border:0px;
}

input.hfield, textarea.hfield
{
    width:200px;
    padding:1px;
}
input.dfield
{
    width:100%;
    padding:1px;
}

.required
{
    background:url(cacher.php?f=images/redarrow.gif&v=18.3.101) no-repeat right center;
}

.external
{
    padding-right:15px;
    background: url(cacher.php?f=images/external_link.gif&v=18.3.101) top right;
    background-repeat:no-repeat;
}

input[type="text"], input[type="password"], select, textarea
{
    font-size       : 1em;
    border          : solid #A1B7DD 1px; 
    background-color: #F9F7ED;
    margin          : 0 0 0 0; 
    padding         : 0px;
}

/* custom */
input.groovybutton
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   height:22px;
   background-color:#CCCFFF;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffCCCCFF',EndColorStr='#ffFFFFFF');
   border-style:solid;
   border-color:#EEFFFF;
   border-width:1px;
}

xdiv.button
{
    xfilter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffCCCCFF',EndColorStr='#ffFFFFFF');
    font-size:1.2em;
    cursor:pointer;
    color: buttontext; 
    border:#A1B7DD solid 1px;
    height: 1.2em;
    padding: 2px;
    width: 80px;
    margin: 2px;
    text-align:center;
    background:white;
}
a.button
{
    font-size:1.2em;
    width:100%;
    color: black;
    text-decoration:none;
    cursor:pointer;
    
}

.textright
{
    text-align:right;
}
.textleft
{
    text-align:left;
}
.textcenter
{
    text-align:center;
}

.textred
{
    color:red;
}

div.attachmentline
{
    padding: 0 0 0 15px;
    background:url(cacher.php?f=images/paperclip.gif&v=18.3.101) no-repeat left 3px;
}

.dashboardwidth
{
    width:98%;
}

.labelfont
{
    padding: 3px 1px;
    color:#333333;
    font-weight:bold;
    text-align:left;
    vertical-align:top;
}

.datafont
{
    padding: 3px 1px;
    color: #333333;
    text-align:left;
    vertical-align:top;
}

.contentbox
{
    clear:both;
    margin:5px 5px 5px 5px;
    padding:10px 10px 10px 10px;
    background:#EEEEFF;    
}
.text-justify {
    text-align: justify;
}