html {
    background: -moz-linear-gradient(center top , white, #D3D8E8) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D3D8E8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D3D8E8');    
}        

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}   
   
body {
    font-size: 62.5%;
    margin: 10px;
    padding: 0;
    font-family: "Segoe UI",helvetica,Tahoma,Arial,sans-serif; 
    color: #597380;
}

h1 {font-size: 1.8em;}

.pageWrap {
    background: none repeat scroll 0 0 transparent;
    text-align: left;
    width: 960px;
}

.page {
    font-size: 1.2em;
    line-height: 1.6em;
    padding-bottom: 25px;
    text-align: left;
    width: 960px;
}

.description {margin: 10px}
.description h2 {color: #f39547; font-size: 1.1em;}

.clear {clear:both;}
.right {float:right;}
.left {float:left;}

#form_box .field_container {
    position: relative;
    width: auto;
}

#form_box .filters {
    display:none;  
}

#form_box .label {
    color: #505050;
    padding-right: 3px;
    width: 110px;
    margin: 5px 0 0 0;
    vertical-align:top;
    display:inline-block !important;
}

#form_box .inputselect {
    font-family: "Segoe UI",helvetica,Tahoma,Arial,sans-serif; 
    border: 1px solid #BDC7D8;
    height: 35px;
    padding: 6px 3px;
    margin: 0;
    width: 264px
}

#form_box .inputtext {
    border: 1px solid #BDC7D8;
    font-family: "Segoe UI",helvetica,Tahoma,Arial,sans-serif; 
    padding: 6px;
    width: 250px;
    margin: 0;
}

#form_box .inputcheckbox {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
}

#form_box .inputtextarea {
    width:256px !important;   
    height: 100px !important; 
}

#form_box .field {
    margin: 5px 0 0 0;  
    width: 400px;
}

.records {
    font-size: 120%;
    margin: 0 0 50px;
    display:none;
}

.records table {
    border: 1px solid #999;  
    margin: 5px 0 0;           
}

.records thead {border-left:1px solid #52a3ff; border-right:1px solid #52a3ff; border-top: 1px solid #a6ccf7;  }
.records tbody {border-left:1px solid #D2D9E7; border-right:1px solid #D2D9E7;}

.records .header td {
    background-color: #a1c9f7;
    border-bottom: 1px solid #52a3ff;
    font-weight:bold; 
    padding: 8px 8px 6px;}
    
.records .row td {
    background-color: #EDEFF4;
    border-bottom: 1px solid #D2D9E7;
    border-top: 1px solid #fefefe;
    padding: 6px 8px 6px;
}

.records .inactive {
    padding: 6px 8px 6px;  
}

.records .active {
    padding: 4px 8px 4px;
}

.records .tabletext {
    border: 1px solid #BDC7D8;
    margin: 0;
    font-family: "Segoe UI",helvetica,Tahoma,Arial,sans-serif; 
    font-size: 120%;
    color: #597380;
    padding:0;
}

.records h2 {
    font-family: Verdana,Helvetica,Sans-Serif;
    font-size: 130%;
    font-weight: bold;
    margin-top: 10px;
    vertical-align: middle;
}

.button-box {
    margin: 5px 0 0;    
}

.button {		    		    
    font-family: helvetica,Tahoma,Arial,sans-serif; 
    padding: 1px 6px 2px;
    border:1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;  
}

.button-disabled {
    background: #fff;
    color: #999;
}

.button-cancel {
    color:#FFFFFF;
    background: -moz-linear-gradient(center top , #e52945, #c7243c) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#e52945), to(#c7243c));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e52945', endColorstr='#c7243c');      
}

.button-active {
    color:#FFFFFF;
    background: -moz-linear-gradient(center top , #f39547, #d86101) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f39547), to(#d86101));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39547', endColorstr='#d86101');         
}

.ui-widget {
    font-size: 1.3em;
}