/* Copyright Babysoft, All Right Reserved */


body,p,h1,h2,h3,h4,table,td,th,ul,ol,pre
{
    /* background-color: #ffffff; */
    color: black;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 12px;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: left;
}


textarea,input
{
    color: black;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 96%;
    /* text-align: center; */
}

img
{
    vertical-align: text-bottom;
}



.cedge_frame
{
    border:2px solid #BED2DE;
    border-radius:10px;
    -moz-border-radius:10px; /* Firefox 3.6 and earlier */
}


.center
{
    margin-left:  auto; 
    margin-right: auto; 
    text-align:   center;
}

.left
{
    margin-left:  0; 
    margin-right: auto; 
    text-align:   left;
}

.right
{
    margin-left:  auto; 
    margin-right: 0; 
    text-align:   right;
}

.middle
{
    vertical-align: middle;
}

.top
{
    vertical-align: top;
}

.bottom
{
    vertical-align: bottom;
}






.header1
{
    color: #888888;
    font-size: 18px;
    font-weight: bold;
}




.bottomtab
{
    border:2px solid #FFCC66;
    background-color: #FFCC66;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    -moz-box-shadow: 2px 2px 2px #888888; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 2px 2px 2px #888888;
    box-shadow: 2px 2px 2px #888888;
}


.toptab
{
    border:2px solid #FFCC66;
    background-color: #FFCC66;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
    -moz-box-shadow: 2px 2px 2px #888888; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 2px 2px 2px #888888;
    box-shadow: 2px 2px 2px #888888;
}







/* Class Definations */
.appheader
{
    font-size: 18px;
    font-weight: Bold;
    margin: 0;
    text-align: left;
}


.appheader2
{
    font-size: 14px;
    font-weight: Bold;
    margin: 0;
    text-align: left;
}

.appheader3
{
    font-size: 12px;
    font-weight: Bold;
    margin: 0;
    text-align: left;
}

.appheader4
{
    font-size: 10px;
    font-weight: Bold;
    margin: 0;
    text-align: left;
}



.pagefooter{
    /* background-color: #ffffff; */
    color: #A0A0A0;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 6;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
}


.imgclick{
    vertical-align:text-top;
    cursor:pointer;
}



.border_bottom{
    border-style: solid;
    border-color: #FFCC66;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
}


.border_top{
    border-style: solid;
    border-color: #C0C0C0;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}


.error{
    border-bottom: 2px dotted #FF0000; 
}




.triangle {
    border-color: transparent transparent red transparent;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    height: 0px;
    width: 0px;
}

.triptr_right_green {
    border-color: transparent transparent transparent #79b543;
    border-style: solid;
    border-width: 5px 0px 5px 5px;
    height: 0px;
    width: 0px;
}


.circle {
    background-color: #FF0000;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}



/* Links and related */

a.babybluelink:link    {color: #6890ED; font-weight: none; text-decoration: none}
a.babybluelink:visited {color: #6890ED; font-weight: none; text-decoration: none}
a.babybluelink:hover   {color: #00cccc; font-weight: none; text-decoration: underline}
a.babybluelink:active  {color: #ffff00; font-weight: none; text-decoration: underline}

a.bluelink:link     {color: #4366D3; font-weight: none; text-decoration: none}
a.bluelink:visited  {color: #4366D3; font-weight: none; text-decoration: none}
a.bluelink:hover    {color: #00cccc; font-weight: none; text-decoration: underline}
a.bluelink:active   {color: #4366D3; font-weight: none; text-decoration: none}

a.whitelink:link    {color: #FFFFFF; font-weight: none; text-decoration: none}
a.whitelink:visited {color: #FFFFFF; font-weight: none; text-decoration: none}
a.whitelink:hover   {color: #00cccc; font-weight: none; text-decoration: underline}
a.whitelink:active  {color: #FFFFFF; font-weight: none; text-decoration: none}

a.blacklink:link    {color: #000000; font-weight: none; text-decoration: none}
a.blacklink:visited {color: #000000; font-weight: none; text-decoration: none}
a.blacklink:hover   {color: #A0A0A0; font-weight: none; text-decoration: underline}
a.blacklink:active  {color: #000000; font-weight: none; text-decoration: none}

a.graylink:link     {color: #888888; font-weight: none; text-decoration: none}
a.graylink:visited  {color: #888888; font-weight: none; text-decoration: none}
a.graylink:hover    {color: #C0C0C0; font-weight: none; text-decoration: underline}
a.graylink:active   {color: #888888; font-weight: none; text-decoration: underline}

a.lgraylink:link    {color: #C0C0C0; font-weight: none; text-decoration: none}
a.lgraylink:visited {color: #C0C0C0; font-weight: none; text-decoration: none}
a.lgraylink:hover   {color: #FFFFFF; font-weight: none; text-decoration: underline}
a.lgraylink:active  {color: #C0C0C0; font-weight: none; text-decoration: underline}

a.dgraylink:link    {color: #333333; font-weight: none; text-decoration: none}
a.dgraylink:visited {color: #333333; font-weight: none; text-decoration: none}
a.dgraylink:hover   {color: #888888; font-weight: none; text-decoration: underline}
a.dgraylink:active  {color: #333333; font-weight: none; text-decoration: underline}



/* Help Classes */
a.bluedotlink:link     {color: #4366D3; font-weight: none; text-decoration: none; border-bottom: 2px dotted; }
a.bluedotlink:visited  {color: #4366D3; font-weight: none; text-decoration: none; border-bottom: 2px dotted; }
a.bluedotlink:hover    {color: #98B6FC; font-weight: none; text-decoration: none; border-bottom: 0px; }
a.bluedotlink:active   {color: #4366D3; font-weight: none; text-decoration: none; border-bottom: 2px dotted;}


/* End of Links and related */












/* Shadow related class functions */
/* 
 * Note: 
 *   1. Horizontal offset of the shadow, starting from left. Positive=right, negative=left of the object.
 *   2. Vertical offset of the shadow, starting from top. Negative = Shadow will be above, Positive = shadow is below the object.
 *   3. The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
 *   4. The spread radius (optional), positive increase shadow size, negative decrease the size. Default is 0 (same size as blur).
 *   5. Color
 */

.shadow_frame
{
    -moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 5px 5px 5px #888888;
    box-shadow: 5px 5px 5px #888888;
}


.shadow_frame2 {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}


.myshadow_right_referenceOnly_neveruse
{
    background-image: url('{WP_PAGE_IMGPREFIX}shadow_right.png');
    background-repeat: repeat-y;
    font-size: 1%;
}


/* End of Shadow related class functions */































/* this is only use for Javascript Drop Down Menu */
/* COPYRIGHT BY BABYSOFT, ALL RIGHT RESERVED */
/* Last Updated: Sep 2, 2006 */


/* Transparent Class */
.mytransparent {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
-khtml-opacity:0.8;
}



/* Transparent Class */
.untransparent {
/* background-color:#F8F8F8; */
filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity:1.0; 
-khtml-opacity:1.0;
}


/* The Internal Dropdown Table Class */
.dd_list{
    vertical-align: middle;
    position: absolute;
    z-index: 100; /* Menu Z-Index, if change, also need to change JS:showmenuframe() */
    visibility: hidden; /* or visible; */
}



.dd_title_element{

    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: Bold;
    vertical-align: middle;
    background-color: #E8ECF9;
    layer-background-color: #E8ECF9;
    border-style: solid;
    border-color: #F4F4F4;
    border-top-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 2px;
    padding: 0px;
    height: 20px;
    color: #000000;
}


.dd_content{

    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    background-color: #E8ECF9;
    layer-background-color: #E8ECF9;
    border-style: solid;
    border-color: #F4F4F4;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    padding: 0px;
    height: 20px;
    color: #000000;
}






/* End of Drop Down Menu Class */