body
{
    font-family: Arial,Times New Roman;
    font-size: 11px;
    margin: 0 0 0 0;
}
TD
{
    font-family: Arial,Times New Roman;
    font-size: 12px;
    color: black;
}
td.header
{
    font-size: 11px;
    color: #000080;
    background-color: #CCDDFD;
    height: 20px;
    padding-left: 5px;
    font-weight: bold;
}

td.header-pg
{
    color: #000080;
    background-color: #CCDDFD;
    height: 20px;
    padding-left: 5px;
    font-size: medium;
}

td.header-item
{
    color: #000080;
    background-color: #CCDDFD;
    height: 20px;
    padding-left: 5px;
    font-size: medium;
}

td.header-sc
{
    font-size: 11px;
    color: #000080;
    background-color: #99cc99;
    height: 20px;
    padding-left: 5px;
    font-weight: bold;
}
td.funzonemenu
{
    font-size: 10px;
    font-family: Verdana;
    color: White;
    background-color: black;
    height: 20px;
    text-align: center;
}
a.linkbutton
{
    font-size: 12px;
    color: #000080;
}
a.leftnavment
{
    font-size: 12px;
    color: #010183;
    text-decoration: none;
}
a.leftnavment:active
{
    font-family: Arial,Times New Roman;
    font-size: 12px;
    color: #65CC35;
}
.navHeader
{
    font-size: 14px;
    font-weight: bold;
    color: #000080;
    text-decoration: none;
    background: #CCDDFD;
}
.textstyle
{
    font-family: Arial,Times New Roman;
    font-size: 12px;
    color: black;
    text-align: left;
}
.grayrectangle
{
    border-top: #d7d4d7 2px solid;
    border-bottom: #d7d4d7 2px solid;
    border-right: #d7d4d7 2px solid;
    border-left: #d7d4d7 2px solid;
}
.footer
{
    color: Blue;
}
.txtstyle
{
    background-color: #dcdcdc;
}
.bodytext
{
    color: #81929f;
    font-family: MS Sans Serif;
    font-size: smaller;
}
.btn-bx
{
    font-size: 9pt;
    margin-left: 2px;
    border: solid 1px orange;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
.text-style
{
    font-family: Arial,Times New Roman;
    font-size: 12px;
    color: #1E4874;
    text-align: left;
    margin-bottom: 0px;
    background-color: White;
}
.buttonstyle
{
    font-size: 11px;
    color: #ffffff;
    background-color: #8C969C;
    font-weight: bold;
}
.linktext
{
    font-family: Arial,Times New Roman;
    font-size: 14px;
    color: Gray;
    text-align: left;
    margin-bottom: 0px;
    background-color: White;
}
.button1
{
    font-size: 11px;
    color: #000080;
    background-color: white;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.box
{
    border-right: #E8E8E8 1px solid;
    border-top: #E8E8E8 1px solid;
    border-left: #E8E8E8 1px solid;
    border-bottom: #E8E8E8 1px solid;
}
.SuccessMessage
{
    border-right: green 1px solid;
    border-top: green 1px solid;
    border-left: green 1px solid;
    border-bottom: green 1px solid;
    background-color: #eeeeee;
    font-family: Arial,Times New Roman;
    font-size: 12px;
    color: #1E4878;
    text-align: left;
}
.ErrorMessage
{
    border-right: red 1px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    background-color: #eeeeee;
    font-family: Arial,Times New Roman; /*font-weight:bold;*/
    font-size: 12px;
    color: #1E4878;
    text-align: left;
}

.bgheader
{
    background-color: #F0F0F0;
    font-size: small;
}

.btnConfirmOrder
{
    border: 2px solid black;
    background-color: #CCDDFD;
    color: black;
}

# homeButton a link
{
    text-decoration: none;
    background-color: white;
}

#homeButton
{
    display: block; /* Or float left, whichever is necessary... */
    background-image: url(http://localhost/SMSLane/images/home.bmp);
}


#homButton a visited
{
    text-decoration: none;
    background-color: white;
}

#homeButton a hover
{
    text-decoration: none;
    background-color: white;
}

#homeButton a active
{
    text-decoration: none;
    background-color: white;
}

#fadeinbox
{
    position: absolute;
    width: 300px;
    left: 0;
    top: -400px;
    border: 2px solid black;
    background-color: #ffffe0;
    padding: 4px;
    z-index: 100;
    visibility: hidden;
}

.register a
{
    font-size: .8em;
    color: #1E4878;
    font-family: Verdana;
    text-decoration: none;
}

.saperator
{
    font-size: .7em;
    color: Red;
}
.grayText
{
    color: #696969;
}
.header1
{
    background-color: #ccddfd;
    font-weight: bold;
    color: #000080;
    font-size: 14px;
}
.bluebox
{
    border: solid 1px #ccddfd;
}
.smallGray
{
    color: #696969;
    font-size: 10px;
}
.topHeader
{
    /*font-family:Verdana;*/
    font-size: 16px;
    font-weight: bold;
    color: #000080;
}

/* breadcrumb */

#breadcrumb
{
    margin: 3px 0;
    padding: 0;
    height: 30px;
    background: #62a4d8 url(breadcrumb_bg.gif) repeat-x top left;
    width: 100%;
    list-style-type: none;
}
#wrap
{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 0;
    top: 0px;
    left: 0px;
}

#breadcrumb li
{
    float: left;
    background: url(breadcrumb.gif) no-repeat top right;
    padding: 0 35px 0 15px;
    color: white;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
#breadcrumb li.active
{
    background: #e8f6ff url('breadcrumb_active.gif') no-repeat top right;
    color: #697d8b;
}
#breadcrumb li.last-active
{
    background: url('breadcrumb_prev.gif') no-repeat top right;
}

#breadcrumb li a
{
    color: white;
    text-decoration: none;
}

#breadcrumb li.active a
{
    color: #697D8B;
}

* html #breadcrumb
{
    margin-top: 0px;
}

.image
{
    vertical-align: bottom;
    border: 0px;
}
.roundedbox
{
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border: solid 1px orange;
    border-bottom: 0px;
    color: #808080;
    margin-left: 2px;
    padding: 3px;
    font-size: 11px;
    width: 318px;
}
.navy
{
    color: #010183;
    font-size: 11px;
}
.mobileDisplay
{
    font-size: 9px;
}
.pluginService td
{
    border-bottom: 1px dotted gray;
    border-right: 1px dotted gray;
}
.grid-empty-data
{
    color: Red !important;
    font-weight: bold;
}
h3
{
    color: Navy;
}

.table
{
    display: table;
}

.row
{
    display: table-row;
}

.left, .right, .middle
{
    display: table-cell;
    padding: 5px;
}
.border-bottom
{
    border-bottom: solid 1px #9A9A9A;
}

/* modal pop up style */
.button-modal
{
    font-size: small;
    border: 1px solid #616163;
    background: #eeeeee;
    padding: 3px 7px;
    color: #222222;
    font-family: Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
}
.button-modal:hover
{
    border-color: #169983;
    background: #169983;
    color: #ccc;
}
.button-modal:active
{
    border-color: #000c12;
    background: #000c12;
}

.modalStyle
{
    background-color: black;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.popUpStyle
{
    width: 480px; /* height:580px;*/
    border: 1px solid navy;
    background-color: White;
    color: Black; /*  padding:6px;     */
}

.drag
{
    line-height: 15px;
    background-color: #ccddfd;
    color: navy;
    cursor: move;
    font-size: 1.2em;
    font-family: Georgia;
    padding: 5px;
    width: 470px;
    float: left; /*border:solid 1px gray;*/
    margin: 1px 1px 0px 1px;
    height: 15px;
}
/* end modal pop up style */
.click
{
    color:gray;
    text-decoration:underline;
}