/*******************************************/

/********************************************
   HTML ELEMENTS
********************************************/
/* top elements 
* { margin: 0 0 0 20px; 
padding: 0; outline: 0; }
*/
body {
    background: #caced1;
    font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
    color: #777;
    text-align: center;
    margin: 0px 0;
}


/* links */
a, a:visited {
    text-decoration: none;
    background: inherit;
    color: #FB9233;
}

    a:hover {
        text-decoration: underline;
        background: inherit;
        color: #93C600;
    }

/* headers */
h1, h2, h3 {
    font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}

h1 {
    font-size: 180%;
    font-weight: normal;
    color: #555;
}

h2 {
    font-size: 160%;
    color: #88ac0b;
    font-weight: normal;
}

h3 {
    font-size: 135%;
    color: #666666;
}


.tbl {
}
/* custom table */



/* end - custom table */

/* form elements */
form {
    /*margin:10px 0px 10px 15px; */
    padding: 0px 0px;
    border-top: 12px solid #987444;
    background-color: #f7f9fb;
    /*background-image: url('Theme2/bg_repeat.jpg');*/
    /*background-repeat: repeat;*/
}


label {
    /*	display:block;   commented cuz of checkBox list*/
    padding-right: 5px;
    font-weight: bold;
    margin: 7px 0;
}

textarea {
    width: 400px;
    padding: 3px;
    font: normal 1em Verdana, sans-serif;
    border: 1px solid #E5F0FB;
    height: 100px;
    display: block;
    color: #777;
}

input.button {
    font: bold 12px Arial, Sans-serif;
    height: 28px;
    padding: 2px 3px;
    color: #fff;
    background: #306bc1 url(button-bg.jpg) repeat-x 0 0;
    border: 1px solid #306bc1;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}



/********************************************
   LAYOUT
********************************************/
#wrap {
    width: 960px;
    /* background: #CCC url(content.jpg) repeat-y center top; */
    margin: 0 auto;
    text-align: right;
}

#content-wrap {
    clear: both;
    width: 960px;
    margin: 0px auto;
    padding: 0;
}

#header {
    position: relative;
    height: 210px;
    background: #caced1 url('header_banner1.JPG') no-repeat center top;
    padding: 0;
    color: #fff;
    top: 0px;
    left: 0px;
    border-radius: 8px;
    border: 1px solid #ccc;
}




    /* header links */
    #header #header-links {
        position: absolute;
        color: #D0FF98;
        font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
        top: 20px;
        left: 20px;
    }

        #header #header-links a {
            color: #080056;
            text-decoration: none;
        }

            #header #header-links a:hover {
                color: #D0FF98;
            }

/* navigation */
#menu {
    clear: both;
    margin: 0 auto;
    padding: 0;
    background: #019DDA;
    font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
    height: 45px;
    width: 250px;
    position: absolute;
    top: 5px;
    border-radius: 0px 0px 5px 5px;
}

    #menu ul {
        float: right;
        list-style: none;
        margin: 0 0 0 4px;
        padding: 0 0 0 10px;
        width: 300px;
    }

        #menu ul li {
            display: inline;
            direction: rtl;
        }

            #menu ul li a {
                display: block;
                float: right;
                padding: 0 12px;
                color: #fff;
                text-decoration: none;
                /*background: url(sep.jpg) no-repeat 100% 100%;*/
            }

                #menu ul li a:hover {
                    color: #3b5e0b;
                }

            #menu ul li#current a {
                color: #3b5e0b;
            }
/* Main Column */
#mainL {
    float: left;
    width: 760px;
    margin: 0;
    padding: 0 0 0 0;
    display: inline;
    /*background: url(box.jpg) no-repeat;*/
    min-height: 350px;
}
#main {
    float: left;
    width: 760px;
    margin: 0;
    padding: 0 0 0 0;
    display: inline;
    /*background: url(box.jpg) no-repeat;*/
    min-height: 350px;
    border: 1px solid #e3e3e3;
    background-color: white;
    background: rgba(255,255,255, .4);
    padding: 5px;
    margin-bottom: 15px;
    border-radius:9px;
}

    #main h2 {
        font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
        padding: 0;
        margin-bottom: 0;
        color: #2666c3;
    }

        #main h2 a {
            color: #2666c3;
            text-decoration: none;
        }

    #main p, #main h1, #main h2, #main h3, #main ol, #main ul,
    #main blockquote, #main form {
        /*
	margin-left: 20px;
	margin-right: 25px;*/
    }

        #main ul li {
            list-style-image: url(bullet.gif);
        }

/* Sidebar */
#sidebar {
    width: 150px;
}
/* Footer */
#footer {
    color: #f3f8fb;
    /*background: #caced1 url(footer.jpg) no-repeat center top;*/
    clear: both;
   
    height: 57px;
    text-align: center;
   
    background-color: #745538;
    border-radius: 5px 5px 0 0;
}

    #footer p {
        padding: 10px 0;
        margin: 0;
    }

    #footer a {
        color: #fff;
        text-decoration: none;
    }

/* post footer */
.post-footer {
    background: #F4F8FD;
    padding: 5px;
    margin: 20px 25px 0 25px;
    border: 1px solid #E5F0FB;
    font-size: 95%;
}

    .post-footer .date {
        padding-left: 0px;
        margin: 0 5px;
    }

    .post-footer .comments {
        padding-left: 0px;
        margin: 0 5px;
    }

    .post-footer .readmore {
        padding-left: 0px;
        margin: 0 5px;
    }

.post-by {
    font-size: .95em;
    margin-top: 0;
}

/* alignment classes */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

/* display and additional classes */
.clear {
    clear: both;
}



.Hm_Log {
    background-image: url('../images/Login_01.gif');
    background-repeat: repeat-y;
    border: 0px;
    padding-top: 0px;
    margin-top: 0px;
}


.BG_Log {
    background-image: url('../images/Login_02.gif');
    background-repeat: repeat-y;
    border: 0px;
    padding-top: 0px;
    margin-top: 0px;
}



.textbox {
    width: 96px;
    color: #777;
    height: 27px;
    border: 1px solid green;
    vertical-align: top;
    background-color: #E0FFBA;
    direction: rtl;
}

.Tlabel {
    color: #3D6700;
    font-size: 12px;
    font-weight: bold;
    direction: ltr;
}



#textbox {
    width: 150px;
    color: #777;
    height: 14px;
    border: 1px solid green;
    vertical-align: top;
    background-color: #E0FFBA;
    direction: rtl;
}

.textboxded {
    width: 150px;
    color: #777;
    height: 14px;
    border: 1px solid green;
    vertical-align: top;
    background-color: #FFCACA;
    direction: rtl;
}


.textarea {
    width: 150px;
    color: #777;
    height: 100px;
    border: 1px solid green;
    vertical-align: top;
    background-color: #E0FFBA;
    direction: rtl;
}

.button {
    font: bold 12px Arial, Sans-serif;
    height: 28px;
    margin: 0;
    padding: 2px 3px;
    color: #fff;
    background: #306bc1 url(button-bg.jpg) repeat-x 0 0;
    border: 1px solid #306bc1;
}

.button {
    font: bold 12px Arial, Sans-serif;
    height: 28px;
    margin: 0;
    padding: 2px 3px;
    color: #fff;
    background: #306bc1 url(button-bg.jpg) repeat-x 0 0;
    border: 1px solid #306bc1;
}

.dropdown {
    color: #777;
    padding: 2px;
    border: 1px solid green;
    vertical-align: top;
    background-color: #E0FFBA;
    direction: rtl;
    height: 29px;
    width: 100px;
}


/*
.iframe
{
    width:95%; height:600px; background-color:Transparent; border:0px;
    }
*/


/*GridViewCSS Chrome Style*/
.GridViewStyle {
    font-family: Arial, Sans-Serif;
    font-size: small;
    table-layout: auto;
    border-collapse: collapse;
    border: #666 2px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/ {
    background-image: url(HeaderChrome.jpg);
    background-position: center;
    background-repeat: repeat-x;
    background-color: #1d1d1d;
    border-bottom: #1d1d1d 1px solid;
}

    .HeaderStyle th {
        padding: 5px;
        color: #ffffff;
    }

    .HeaderStyle a {
        text-decoration: none;
        color: #ffffff;
        display: block;
        text-align: left;
        font-weight: normal;
    }

    .PagerStyle table {
        text-align: center;
        margin: auto;
    }

        .PagerStyle table td {
            border: 0px;
            padding: 5px;
        }

    .PagerStyle td {
        border-top: #1d1d1d 1px solid;
    }

    .PagerStyle a {
        color: #ffffff;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        border-top: solid 1px #777777;
        border-right: solid 1px #333333;
        border-bottom: solid 1px #333333;
        border-left: solid 1px #777777;
    }

    .PagerStyle span {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
    }
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/ {
    padding: 5px;
    border-right: solid 1px #1d1d1d;
}

.RowStyle td {
    background-color: #c9c9c9;
}

.AltRowStyle td {
    background-color: #f0f0f0;
}

.SelectedRowStyle td {
    background-color: #ffff66;
}

.EditRowStyle {
    background-color: #CACED1;
}