/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
    margin: 0;
    padding: 0;
    /*background:url(../images/content_bg.jpg) repeat-x left top;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #3a3838;
    font-weight: 400;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #000000;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.6em;
}

p, ul, ol {
    margin-top: 0;
    line-height: 180%;
}

ul, ol {
}

a {
    text-decoration: none;
    color: #26A4F9;
}

    a:hover {
    }

#wrapper {
    width: 980px;
    margin: 0 auto;
    padding: 0;
}
/* Header */

#header {
    clear: both;
    width: 980px;
    height: 150px;
    margin: 0 auto;
    padding: 0px;
    background: url(../images/1_01.jpg) no-repeat left top;
}
/* Logo */

#logo {
    margin: 0;
    padding: 0px 0px 0px 0px;
    color: #000000;
    height: 150px;
    width: 459px;
    float: left;
    vertical-align: middle;
    background: url(../images/logo.png) no-repeat left top;
}

    #logo h1, #logo p {
        margin: 0;
        padding: 0;
    }

    #logo h1 {
        padding-top: 160px;
        letter-spacing: -1px;
        text-transform: lowercase;
        font-size: 3.8em;
    }

    #logo p {
        margin: 0;
        padding: 0px 0 0 10px;
        font: normal 14px Georgia, "Calibri", Times, serif;
        font-style: italic;
        color: #FFFFFF;
    }

    #logo a {
        border: none;
        background: none;
        text-decoration: none;
        color: #FFFFFF;
    }
/* Sub Head */
#subHead {
    background-image: url(../images/1_03.jpg);
    background-repeat: no-repeat;
    line-height: 36px;
    color: #333333;
    text-align: left;
}

    #subHead h3 {
        padding-top: 0px;
        letter-spacing: 1px;
        text-transform: lowercase;
        margin-top: 1px;
        margin-left: 5px;
    }

    #subHead h4 {
        padding-top: 0px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 1.3em;
        margin-top: 1px;
        margin-left: 5px;
    }
/* Flash animation */

#flah {
    width: 521px;
    height: 150px;
    background: url(images/flashbg.png) no-repeat;
    float: left;
}
/* welcom user and account */
#welcom {
    /*background-color:#AEB357;*/
    background-image: url(../images/welcombg.jpg);
    background-repeat: repeat-x;
    line-height: 20px;
    height: 20px;
}

    #welcom a {
        color: #FFFF99;
    }

        #welcom a:hover {
            text-decoration: underline;
            color: #FFFF66;
        }
/* Search */

#search {
    float: right;
    width: 280px;
    height: 60px;
    padding: 20px 0px 0px 0px;
    background: #E2E2E2;
    border-bottom: 4px solid #FFFFFF;
}

    #search form {
        height: 41px;
        margin: 0;
        padding: 10px 0 0 20px;
    }

    #search fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }

#search-text {
    width: 170px;
    padding: 6px 5px 2px 5px;
    border: 1px solid #DEDEDE;
    background: #FFFFFF;
    text-transform: lowercase;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #5D781D;
}

#search-submit {
    width: 50px;
    height: 22px;
    border: none;
    background: #B9B9B9;
    color: #000000;
}
/* Menu */
.MenuStyle {
    background-image: url(../images/menubg.jpg);
    background-repeat: repeat;
    /*width:10em;*/
    height: 31px;
    text-decoration: none;
    /*font-family: Arial;*/
    color: Black;
    font-weight: bold;
    font-size: 12px;
    padding-left: 2px;
    margin-bottom: 1px;
    padding-right: 2px;
    width: 100%;
    text-align: left;
}

.MenuStyleHover {
    background-image: url(../images/menubg_hover.jpg);
    /*width:12em;*/
    height: 31px;
    background-repeat: repeat;
    width: 100%;
}

.MenuStyleSelected {
    background-image: url(../images/menubg_hover.jpg);
    background-repeat: repeat;
    /*width:12em;*/
    height: 31px;
    width: 100%;
}

.aMenu {
    text-decoration: none;
    /*font-family: Arial;*/
    color: Black;
    font-weight: bold;
    font-size: 12px;
}

    .aMenu:hover {
        text-decoration: none;
    }
/* Page */

#page {
    width: 980px;
    margin: 0 0px;
    padding: 0px 0px 0px 0px;
}

#page-bgtop {
    padding: 0px 0px;
}

#page-bgbtm {
}
/* Content */

#content {
    float: right;
    width: 815px;
    padding: 0px 2px 0px 0px;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url(../images/content_bg.jpg);
    background-repeat: repeat-x;
}

.post {
    margin-bottom: 5px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
    height: 38px;
    margin-bottom: 10px;
    padding: 12px 0 0 0px;
    letter-spacing: -.5px;
    color: #000000;
}

    .post .title a {
        color: #000000;
        border: none;
    }

.post .meta {
    margin-bottom: 30px;
    padding: 5px 0px 15px 0px;
    text-align: left;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    font-weight: bold;
}

.rsq {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    height: 28px;
    font-size: 40px;
}

.post .meta .date {
    float: left;
}

.post .meta .posted {
    float: right;
}

.post .meta a {
}

.post .entry {
    padding: 0px 0px 0px 0px;
    padding-bottom: 0px;
    text-align: justify;
}

.links {
    padding-top: 20px;
    font-size: 12px;
    font-weight: bold;
}
/*
download 
*/


/* right scroll */
#scrol {
    float: right;
    padding: 0px 0px 0px px;
    color: #666666;
    width: 206px;
    background: url(images/leftbg.jpg) repeat-x;
}

    #scrol ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #scrol li {
        margin: 0;
        padding: 0;
    }

        #scrol li ul {
            margin: 0px 0px;
            padding-bottom: 0px;
        }

        #scrol li li {
            line-height: 30px;
            /*background: url(images/linebg.jpg) repeat-x left bottom;*/
            margin: 0px 30px;
            border-left: none;
        }

    #scrol a {
        font-size: 12px;
        font-style: italic;
        text-align: justify;
        color: #999966;
        font-weight: bold;
        line-height: 18px;
    }

    #scrol span {
        padding: 0;
        font-size: 11px;
        font-style: italic;
        text-align: justify;
        color: #FF66CC;
        font-weight: bold;
    }

.scrollDiv {
    background-color: #F5FAFA;
    padding: 2px;
}

.scrollDivAlt {
    background-color: #F9F9F2;
    padding: 2px;
}
/* pop closre */

a.clsBtn {
    background: url(../images/close.png);
    width: 20px;
    height: 20px;
}

    a.clsBtn:hover {
        background: url(../images/close_hover.png);
        width: 20px;
        height: 20px;
    }

a.welhead {
    color: #333333;
    text-decoration: none;
}

    a.welhead:hover {
        color: #6666FF;
        text-decoration: underline;
    }
/* Sidebar */

#sidebar {
    float: left;
    width: 150px;
    height: 500px;
    margin: 0px;
    padding: 0px 0px 26px 0px;
    color: #787878;
    background: url(../images/leftmenu_bg.jpg) repeat-x;
}

    #sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sidebar li {
        margin: 0;
        padding: 0;
    }

        #sidebar li ul {
            margin: 0px 0px;
            padding-bottom: 20px;
        }

        #sidebar li li {
            line-height: 30px;
            background: url(../images/linebg.png) repeat-x left bottom;
            margin: 0px 10px;
            border-left: none;
        }

            #sidebar li li a {
                padding-left: 15px;
                background: url(images/bullte.jpg) no-repeat left 3px;
            }

            #sidebar li li span {
                display: block;
                margin-top: -20px;
                padding: 0;
                font-size: 11px;
                font-style: italic;
            }

    #sidebar h2 {
        height: 38px;
        padding-left: 30px;
        letter-spacing: -.5px;
        font-size: 1.8em;
    }

    #sidebar p {
        margin: 0 0px;
        padding: 0px 30px 20px 30px;
        text-align: justify;
    }

    #sidebar a {
        border: none;
    }

        #sidebar a:hover {
            text-decoration: underline;
            color: #8A8A8A;
        }
/* Calendar */

#calendar {
}

#calendar_wrap {
    padding: 20px;
}

#calendar table {
    width: 100%;
}

#calendar tbody td {
    text-align: center;
}

#calendar #next {
    text-align: right;
}
/* Footer */

#footer {
    height: 50px;
    margin: 0 auto;
    padding: 0px 0 15px 0;
    background: #B9B082; /*#F8FAE4; #ECECEC;*/
    border-top: 1px solid #DEDEDE;
    /*font-family: Arial, Helvetica, sans-serif;*/
    vertical-align: baseline;
}

    #footer p {
        margin: 0;
        padding-top: 20px;
        line-height: normal;
        font-size: 9px;
        text-transform: uppercase;
        text-align: center;
        color: #666666;
    }

    #footer a {
        color: #4D4D4D;
    }

iframe {
    overflow-x: hidden;
    overflow-y: roll;
}

.loginbrd {
    border: solid 1px #cc6600;
}

.IE8Fix {
    z-index: 100;
}

.dynamicmenuItem {
    z-index: 100;
    text-align: left;
    color: #003399;
    font-size: 11pt;
    margin: 5px;
}

.AutoExtender {
    /*font-family: Verdana, Helvetica, sans-serif;*/
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left: 10px;
}

.AutoExtenderList {
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}

.AutoExtenderHighlight {
    color: White;
    background-color: #006699;
    cursor: pointer;
}

#divwidth {
    width: 450px !important;
}

    #divwidth div {
        width: 450px !important;
    }

.ItemsTable {
    border-width: 1px;
    border-color: #695F21;
    border-style: solid;
    background-color: #CCCCCC;
}

.ItemHead {
    background-color: #B8A638;
    font-weight: bold;
}

.Item {
    background-color: #EAE2B9;
}

.man {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: x-small;
    color: #FF0000;
}

.highlight {
    background-color: #ffcccc;
    font-weight: bold;
}

.highlightCon {
    background-color: #FFF8F0;
}

.overlay {
    /*position: fixed;*/
    position: absolute;
    display: inline;
    vertical-align: middle;
    text-align: center;
    z-index: 1000;
    top: 0px;
    left: 0px;
    background-color: #fff;
    filter: alpha(opacity=75);
    opacity: 0.75;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    /*font-family: Tahoma;*/
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    -moz-opacity: 0.75;
    border: black 1px solid;
    padding: 5px;
}

input[type="text"], input[type="password"], textarea {
    border: 1px #aaaacc solid;
    /*font-family:Arial;
    font-size:12px;*/
    font-size: 14px;
    color: #3a3838;
    font-weight: 400;
    padding: 5px;
    margin: 3px;
    background-color: Transparent;
}

select {
    border: 1px #aaaacc solid;
    /*font-family:Arial;
    font-size:12px;*/
    font-size: 14px;
    color: #3a3838;
    font-weight: 400;
    padding: 5px;
    margin: 1px;
    background-color: Transparent;
}

.styleContainer {
    border-right: #d8dbfc 1px solid;
    border-top: #d8dbfc 1px solid;
    border-left: #d8dbfc 1px solid;
    border-bottom: #d8dbfc 1px solid;
    background-color: #f3f4fe;
}

.myPhoto {
    padding: 3px;
    border: solid 1px #ccc;
    width: 103px;
    height: 103px;
}


.evenRow {
    background-color: #fff;
    line-height: 25px;
}

.modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 128px;
        width: 128px;
    }




.tbl {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: Verdana;
    font-size: 12px;
}

    .tbl td {
        padding: 6px 8px;
        border: solid 1px #c1c1c1;
        color: #003366;
    }

    .tbl th {
        padding: 6px 8px;
        color: #000000;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#99CCFF');*/ /* for IE */
        /*background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#9CF));*/ /* for webkit browsers */
        /*background: -moz-linear-gradient(top,  #FFF,  #9CF);*/ /* for firefox 3.6+ */
        background: #99CCFF;
        font-size: 0.9em;
        border: solid 2px #77b7f7;
    }

.buttonStyle {
    border: 1px solid #245327;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: inline-block;
    /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
    font-weight: 500;
    color: #FFFFFF;
    background-color: #ed7f36;
    /*background-image: linear-gradient(to bottom, #79d480, #49f080);*/
}

    .buttonStyle:hover {
        border: 1px solid #239649;
        background-color: #36ad3f;
        /*background-image: linear-gradient(to bottom, #79d480, #49f080);*/
    }

.buttonStyleLib {
    font-size: 0.7rem;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    /*text-shadow: rgba(0, 0, 0, 0.3) -1px -1px 0px;*/
    font-weight: 600;
    color: rgb(255, 255, 255);
    background-color: rgb(174 179 87);
    /*background-image: linear-gradient(rgb(73, 192, 240), rgb(44, 175, 227));*/
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(166 171 84);
    border-image: initial;
    padding: 6px 0px;
    text-decoration: none;
}

    .buttonStyleLib:hover {
        border: 1px solid rgb(158 163 80);
        background-color: rgb(162 167 81);
        /*background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);*/
        cursor: pointer;
    }

.buttonStyleLibSel {
    font-size: 0.7rem;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    /*text-shadow: rgb(0 0 0 / 30%) -1px -1px 0px;*/
    font-weight: 600;
    background-color: rgb(146 27 121);
    color: white;
    cursor: not-allowed;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(146 27 121);
    border-image: initial;
    padding: 6px 0px 8px 0px;
    text-decoration: none;
}
.box {
    border: solid 1px #ededed;
    background-color: #f5f5f5;
    padding: 10px;
}
.error-msg {
    padding: 15px;
    color: red;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}
.success-msg {
    padding:15px;
    color: green;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}