/* ---- global section ---- */


body 
{ 
margin: 0px;
background: #FFFFFF; 
text-align: left; 
font-size: 12px;
font-family: arial; 
color: #02506E;
background: url() #FFFFFF  ;
}
a
{
color: #02506E;
}
a.link
{
color: #02506E;
}
a.active
{
color: #02506E;
}
a.hover
{
color: #02506E;
text-decoration: none;
}
a.visited
{
color: #02506E;
}


/* ---- header navigation section---- */
#home
{
background: url() #  ;
}
#logo
{ 
margin-top: 4px;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 18px;
}
#greeting
{ 
font-size: 12px;
font-family: arial; 
font-weight: bold;
color: #;
}
#greeting a
{ 
text-decoration: none;
color: #;
}
#greeting a:hover
{ 
text-decoration: underline;
color: #;
}
#logout a
{
position: relative;
text-decoration: none;
text-align: center;
font-size: 12px;
font-family: arial; 
font-weight: bold; 
color: #
} 
#settings a,#print a,#save a,#new a,#data a
{
position: relative;
text-decoration: none;
text-align: center;
font-size: 12px;
font-family: arial; 
font-weight: bold; 
color: #02506E
} 
#print a,#save a,#logout a,#settings a
{
float: right;
padding-top: 4px;
padding-bottom: 10px;
padding-right: 14px;
}
#new a
{
left: 180px;
float: left;
padding-top: 4px;
padding-bottom: 10px;
padding-right: 0px;
}
#data a
{
float: left;
padding-top: 2px;
}
#icon-settings,#icon-logout,#icon-save,#icon-print
{
margin-top: 4px;
position: relative;
float: right;
width: 20px;
height: 20px
}
#icon-settings
{
background: url(@sty_iconsettings@) #fff no-repeat;
}
#icon-logout
{
background-image: url(../images/icon_logout.gif);
background-repeat: no-repeat;
}
#icon-print
{
background: url(../images/icon_print.gif) #fff no-repeat;
}
#icon-save
{
background: url(@sty_iconsave@) #fff no-repeat;
}
#icon-new
{
left: 180px;
margin-top: 4px;
position: relative;
float: left;
width: 20px;
height: 20px;
background: url(/ucif/ex/images/icon_new.gif) no-repeat;
}
#icon-data
{
position: relative;
float: left;
width: 20px;
height: 20px;
background: url(/ucif/ex/images/icon_data.gif) no-repeat;
}


#nav-bar
{
position: static;
width: 100%;
padding-top: 15px;

} 
#subnav-bar
{
float: left;
width: 100%;
height: 25px;
background: url(/files/238238/f130099/sub_nav_bg_drp.png) bottom left repeat-x;
} 
#nav-bar ul,#subnav-bar ul
{
list-style: none;
padding: 0;
margin: 0;
} 
#nav-bar li,#subnav-bar li
{
float: left;
margin: 0 1px;
} 
#nav-bar li a
{
line-height: 2em;
float: left;
width: 102px;
height: 24px;
display: block;
text-decoration: none;
text-align: center;
font-size: 12px;
font-family: arial;
font-weight: bold; 
color: #ffffff
}
#subnav-bar li a
{
padding-left: 8px;
padding-right: 8px;
line-height: 2em;
float: left;
min-width: 120px;
height: 25px;
display: block;
text-decoration: none;
text-align: center;
font-size: 12px;
font-family: arial;
font-weight: bold; 
color: #ffffff
}
#subnav-bar a:hover
{
color: #ffffff;
background-color: #8AD2F2;
}
li.tab_on
{
background: url(/files/238238/f130099/tab_bg_drp_on.png) bottom left repeat-x;
display: block; 
text-decoration: none;
}
li.tab_off
{
background: url(/files/238238/f130099/tab_bg_drp_off.png) bottom left repeat-x;
display: block; 
text-decoration: none;
}
li.subnav_on
{
background: url() bottom left repeat-x;
background-color: #8AD2F2;
display: block; 
text-decoration: none;
}
li.subnav_off
{
background: url() bottom left repeat-x;
background-color: inherit;
display: block; 
text-decoration: none;
}


/* ---- body navigation section ---- */


#nav-title
{
font-size: 16px; 
font-family: arial;
font-weight: bold; 
padding-left: 7px;
height: 30px
}
#nav-out
{
background: #B0D97A;
width: 174px;
}
#nav-in 
{
margin-left: 7px;
background: #F1F7FA;
width: 167px;
text-align: left
}
#nav-parent
{
float: left;
background: #FFFFFF;
height: 23px;
width: 174px;
}
#nav-in ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-in li a
{
line-height: 2em;
height: 25px;
display: block;
padding-left: 12px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
font-size: 12px;
font-family: arial;
font-weight: bold;
}
#nav-in li a:hover
{
line-height: 2em;
height: 25px;
display: block;
padding-left: 12px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
font-size: 12px;
font-family: arial;
font-weight: bold; 
background-color: #B0D97A;
}

li.sidenav_on a
{
color: #F1F7FA;
background: #B0D97A;
}
li.sidenav_off a
{
color: #02506E;
}

.psearch
{
text-align: left;
font-weight: bold;
font-size: 12px;
}
td.psearch
{
padding-bottom: 6px;
}

b.rctop-nav-out, b.rcbottom-nav-out
{
display: block;
background: #FFFFFF
}
b.rctop-nav-out b, b.rcbottom-nav-out b
{
display: block;
overflow: hidden; 
background: #B0D97A
}
b.rctop-nav-in, b.rcbottom-nav-in
{
display: block;
background: #B0D97A
}
b.rctop-nav-in b, b.rcbottom-nav-in b
{
display: block;
overflow: hidden; 
background: #F1F7FA
}
b.rc1nav
{
height: 1px;
margin-left: 7px
}
b.rc2nav
{
height: 1px;
margin-left: 5px
}
b.rc3nav
{
height: 1px;
margin-left: 3px
}
b.rc4nav
{
height: 2px;
margin-left: 2px
}
b.rc5nav
{
height: 2px;
margin-left: 1px
}

b.rc1nav-in
{
height: 1px;
margin-left: 5px
}
b.rc2nav-in
{
height: 1px;
margin-left: 3px
}
b.rc3nav-in
{
height: 1px;
margin-left: 2px
}
b.rc4nav-in
{
height: 2px;
margin-left: 1px
}


/* ---- body content list section ---- */

.i_body
{
background: #;
}

#con-in, #con-in2, #con-in3
{
margin-left: 7px;
text-align: left;
background: #FFFFFF;
width: 577px;
}
#con-in a
{
color: B0D97A
}
#con-in a:hover
{
text-decoration: none
}
#con-out
{
float: right;
background: #B0D97A;
width: 584px;
}
#con-list
{
border-top: 1px solid #B0D97A;
border-bottom: 1px solid #B0D97A;
padding: 10px;
background: #E8F4D7;
}
#con-nav-left, #con-nav-right
{
font-family: arial;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
height: 23px;
}
b.rctop-con, b.rcbottom-con
{
display: block;
background: #FFFFFF
}
b.rctop-con b, b.rcbottom-con b
{
display: block;
overflow: hidden; 
background: #B0D97A
}

b.rctop-con2, b.rcbottom-con2
{
display: block;
background: #FFFFFF
}
b.rctop-con2 b, b.rcbottom-con2 b
{
display: block;
overflow: hidden; 
background: #E8F4D7
}
b.rc1con
{
height: 1px;
margin: 0 7px
}
b.rc2con
{
height: 1px;
margin: 0 5px
}
b.rc3con
{
height: 1px;
margin: 0 3px
}
b.rc4con
{
height: 2px;
margin: 0 2px
}
b.rc5con
{
height: 2px;
margin: 0 1px
}



div.rctop-con, div.rcbottom-con
{
display: block;
background: #FFFFFF
}
div.rctop-con div, div.rcbottom-con div
{
display: block;
overflow: hidden; 
background: #B0D97A
}

div.rctop-con2, div.rcbottom-con2
{
display: block;
background: #FFFFFF
}
div.rctop-con2 div, div.rcbottom-con2 div
{
display: block;
overflow: hidden; 
background: #E8F4D7
}
div.rc1con
{
height: 1px;
margin: 0 7px
}
div.rc2con
{
height: 1px;
margin: 0 5px
}
div.rc3con
{
height: 1px;
margin: 0 3px
}
div.rc4con
{
height: 2px;
margin: 0 2px
}
div.rc5con
{
height: 2px;
margin: 0 1px
}

/* ---- body content form section ---- */


#con-titlebar
{
background: #B0D97A;
width: 100%;
padding-bottom: 7px;
text-align: left;

}
#con-title
{
font-size: 14px; 
font-family: arial;
color: #FFFFFF;
font-weight: bold; 
padding-left: 12px;
}
#con-subtitlebar
{
font-size: 12px; 
font-family: arial;
color: #FFFFFF;
font-weight: bold; 
padding-left: 12px;
background: #B0D97A;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
}
#con-parent
{
background: #E8F4D7;
}
#content
{
padding: 10px
}
#footer
{
text-align: right;
margin-top: 20px;
font-family: arial;
font-size: 10px;
font-weight: bold;
}
.label-out,.label-in,.label-hor
{
padding-top: 4px;
padding-right: 4px;
text-align: left;
vertical-align: top;
font-weight: bold;
}
.label-out,th.Form
{
padding-left: 20px;
width: 120px;
}
.label-in
{
padding-left: 4px;

}
.label-hor
{
padding-left: 20px;
}
.field-out
{
background: #E8F4D7;
vertical-align: top;
padding-right: 20px;
padding-top: 2px;
padding-bottom: 2px;
}
.field-in
{
vertical-align: top;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
.field-hor
{
vertical-align: top;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 2px;
}
td.Form
{
background: #E8F4D7;
vertical-align: top;
padding-right: 20px;
padding-top: 2px;
padding-bottom: 2px;
}

/* ---- body list section ---- */


.list-row
{
background: url(/files/238238/f130099/list_bg_drp.png) #fff bottom left repeat-x;
background-color: #FFFFFF;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 8px;
border-bottom: 1px dashed #E8F4D7;

}
.heading-row
{
background: #F1F7FA;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 6px;
text-align: left;
}
.nav-row
{
background: #F1F7FA;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 6px
}
.norecord-row
{
padding-left: 10px
}


/*---------------------------- Form Elements -------------------------------*/


input,select,textarea
{
font-family: arial;
font-size: 12px;
}
input.text-small,select.text-small
{
width: 50px
}
input.text-medium,select.text-medium
{
width: 90px
}
input.text-large,select.text-large
{
width: 224px
}
#button-lrg input,#button-sml input
{
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
height: 24px;
background-color: transparent;
border: 0px;
background-repeat: no-repeat;
}
#button-lrg input
{
width: 102px;
background-image: url(/files/238238/f130099/button_bg_drp.png);
}
#button-sml input
{
width: 58px;
background-image: url(/files/238238/f130099/button_bg_sm_drp.png);
}
#button-cus input
{
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
height: 21px;
background-color: transparent;
border: 0px;
background-repeat: no-repeat;
width: 90px;
text-align: center;
background-image: url(/files/238238/f130099/button_bg_cu_green.png);
}
.textreadonly
{
font-size: 12px;
font-family: arial; 
color: #02506E;
background-color: #E8F4D7;
border: 0px
}

/*-------------------------- Table Elements -----------------------------*/


th,td
{
font-size: 12;
font-weight: bold;
font-family: arial;
color: #02506E;
}
th
{
font-weight: bold;
}
th.SubTitle
{
font-weight: bold;
text-align: left;
padding: 2px;
top: 0px
}
th.Title
{
font-weight: bold;
text-align: left;
padding: 2px;
top: 0px
}
th.Sub
{
padding-right: 4px;
padding-left: 4px;
padding-bottom: 4px;
padding-top: 4px;
border-collapse: separate;
font-weight: bold;
background-color: #B0D97A;
text-align: left
}
th.SubCenter
{
padding-right: 4px;
padding-left: 4px;
padding-bottom: 4px;
padding-top: 4px;
border-collapse: separate;
font-weight: bold;
background-color: #B0D97A;
text-align: center
}
td
{
font-weight: normal;
}



/*----------------------------Navigation Bar -------------------------------*/


button.NavBarArrow
{
cursor: pointer;
font-size: 12px;
font-weight: normal;
font-family: arial;
color: #BCE219;
height: 17px;
width: 17px;
background-color: #656565;
border-left-color: #d8d7d7;
border-right-color: #656565;
border-top-color: #d8d7d7;
border-bottom-color: #656565;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px
}
button.NavBar
{
cursor: pointer;
font-size: 10px;
font-weight: bold;
font-family: arial;
color: #BCE219;
height: 17px;
width: 90px;
background-color: #656565;
border-left-color: #d8d7d7;
border-right-color: #656565;
border-top-color: #d8d7d7;
border-bottom-color: #656565;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px
}
button.ButtonArrow
{
cursor: pointer;
font-size: 12px;
font-weight: normal;
font-family: arial;
color: #BCE219;
height: 19px;
width: 19px;
background-color: #656565;
border-left-color: #d8d7d7;
border-right-color: #656565;
border-top-color: #d8d7d7;
border-bottom-color: #656565;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px
}
button.ButtonUpArrow
{
cursor: pointer;
font-size: 12px;
font-weight: normal;
font-family: arial;
color: #BCE219;
height: 18px;
width: 18px;
background-color: #656565;
border-left-color: #d8d7d7;
border-right-color: #656565;
border-top-color: #d8d7d7;
border-bottom-color: #656565;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px
}
button.Button
{
cursor: pointer;
font-size: 12px;
font-weight: normal;
font-family: arial;
color: #BCE219;
height: 19px;
background-color: #656565;
border-left-color: #d8d7d7;
border-right-color: #656565;
border-top-color: #d8d7d7;
border-bottom-color: #656565;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px
}
input.Tiny
{ 
text-align: right;
background-color: #FFFFFF;
font-size: 9px;
height: 15px;
width: 25px;
border-left-color: #313131;
border-right-color: #d8d7d7;
border-top-color: #313131;
border-bottom-color: #d8d7d7;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px
}


/*------------------ Calendar ----------------------------------*/


div.calendar 
{
position: relative;
}
.calendar, .calendar table 
{
border: 1px solid #656565;
font-size: 12;
color: #02506E;
cursor: default;
background: #ffffff; 
font-family: arial
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button /* "<<", "<", ">", ">>" buttons have this class */
{
text-align: center;/* They are the navigation buttons */
padding: 4px/* Make the buttons seem like they're pressing */
}
.calendar thead .title /* This holds the current "month, year" */
{
font-weight: bold;/* Pressing it will take you to the current date */
text-align: center;
background: #fff;
color: #02506E;
padding: 2px
}
.calendar thead .headrow /* Row <TR> containing navigation buttons */
{
background: #8AD2F2;
color: #fff
}
.calendar thead .daynames /* Row <TR> containing the day names */
{ 
background: #B0D97A
}
.calendar thead .name /* Cells <TD> containing the day names */
{
border-bottom: 1px solid #8AD2F2;
padding: 2px;
text-align: center;
color: #02506E
}
.calendar thead .weekend /* How a weekend day name shows in header */
{
color: #a66
}
.calendar thead .hilite /* How do the buttons in header appear when hover */
{
background: #B0D97A;
color: #02506E;
border: 1px solid #8AD2F2;
padding: 1px
}
.calendar thead .active /* Active (pressed) buttons in header */
{
background: #8AD2F2;
padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day /* Cells <TD> containing month days dates */
{
width: 2em;
color: #02506E;
text-align: right;
padding: 2px 4px 2px 2px
}
.calendar table .wn 
{
padding: 2px 3px 2px 2px;
border-right: 1px solid #8AD2F2;
background: #B0D97A
}
.calendar tbody .rowhilite td 
{
background: #B0D97A
}
.calendar tbody .rowhilite td.wn /* wk column highlight */
{
background: #ffffff
}
.calendar tbody td.hilite /* Hovered cells <TD> */
{
background: #ffffff;
padding: 1px 3px 1px 1px;
border: 1px solid #8AD2F2
}
.calendar tbody td.active /* Active (pressed) cells <TD> */
{
background: #B0D97A;
padding: 2px 2px 0px 2px
}
.calendar tbody td.selected /* Cell showing today date */
{
font-weight: bold;
border: 1px solid #8AD2F2;
padding: 1px 3px 1px 1px;
background: #fff;
color: #02506E
}
.calendar tbody td.weekend /* Cells showing weekend days */
{
color: #a66
}
.calendar tbody td.today /* Cell showing selected date */
{
font-weight: bold;
color: #00f
}
.calendar tbody .disabled
{
color: #999;
}
.calendar tbody .emptycell /* Empty cells (the best is to hide them) */
{
visibility: hidden
}
.calendar tbody .emptyrow /* Empty row (some months need less than 6 rows) */
{
display: none
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow /* The <TR> in footer (only one right now) */
{
text-align: center;
background: #556;
color: #fff
}
.calendar tfoot .ttip /* Tooltip (status bar) cell <TD> */
{
background: #fff;
color: #445;
border-top: 1px solid #8AD2F2;
padding: 1px
}
.calendar tfoot .hilite /* Hover style for buttons in footer */
{
background: #d8d7d7;
border: 1px solid #8AD2F2;
color: #02506E;
padding: 1px
}
.calendar tfoot .active /* Active (pressed) style for buttons in footer */
{
background: #77c;
padding: 2px 0px 0px 2px
}


/*------------------ homeface ----------------------------------*/


.HomeFace UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: <%=onemore%>px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}

.HomeFace UL LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 240px;
    PADDING-TOP: 10px
}
.HomeFace UL LI IMG
{
    PADDING-RIGHT: 6px;
    FLOAT: left;
    PADDING-BOTTOM: 2px
}
.HomeFace UL LI H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: <%=twomore%>px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 15px
}
.HomeFace UL LI P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000;
    PADDING-TOP: 0px
}
.HomeFace SPAN.promote
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    BACKGROUND: #929bab;
    PADDING-BOTTOM: 1px;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 1px
}