body
{
    background: url(../images/all_bg.jpg) repeat-x #fff;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.clr
{
    clear: both;
    height: 0px;
}

.header
{
    height: 25px;
    width: 98%;
    margin: 0px auto;
    padding-top: 6px;
    color: #FFFFFF;
}

a
{
    color: #3366CC;
    text-decoration: none;
}
a:hover
{
    color: #000;
}
.middle
{
    min-height: 520px;
    height: auto;
    width: 98%;
    margin: 0px auto;
    padding: 10px 0px;
}
.middle .logo
{
    height: auto;
    width:565px;
    margin:0 auto;
    padding: 10px 0px;
    margin-bottom:34px;
}
.middle .login
{
    height: 299px;
    width: 723px;
    margin: 0px auto;
    background: url(../images/Login_bg.png) no-repeat;
    padding-top: 60px;
}
.middle .login .login_inner
{
    height: 170px;
    width: 387px;
    margin: 0px auto;
}
.footer
{
    height: auto;
    width: 100%;
    background: #056592;
    margin: 0px auto;
    color: #FFFFFF;
}
.footer p
{
    font-size: 11px;
    padding: 8px 10px;
    margin: 0px;
}

.input
{
    width: 340px;
    height: 21px;
    border: 1px solid #93b7c8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(../images/input_bg.png) repeat-x #d9e9f1;
    margin-bottom: 8px;
    margin-top: 3px;
}

.login_btn
{
    border: 1px solid #93b7c8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(../images/input_bg.png) repeat-x #d9e9f1;
    height: 30px;
    width: 80px;
    background: url(../images/btn_bg.png) repeat-x #01415f;
    color: #FFFFFF;
    cursor:pointer;
}

/* --------------------- inner page --------------------*/
.header .top_link_div
{
    height: 25px;
    width: auto;
}
.header .top_link_div ul
{
    margin: 0px;
    padding: 0px;
}
.header .top_link_div ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
    border-right: 1px solid #707172;
    padding: 0px 10px;
}
.header .top_link_div ul li a
{
    color: #999999;
}
.header .top_link_div ul li a:hover
{
    color: #fff;
}

.header .user_div
{
    height: auto;
    width: auto;
    background: #666666 url(../ddlevelsfiles/a.png) no-repeat right center;
    border: 1px solid #000;
    padding: 2px 20px 2px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.header .user_div a
{
    color: #fff;
}
.header .user_div:hover
{
    height: auto;
    width: auto;
    background: #fff url(../ddlevelsfiles/arrow-down.gif) no-repeat right center;
    color: #333333;
}
.header .user_div:hover a
{
    color: #000;
}

.middle .top_bar
{
    height: 120px;
    width: 100%;
    padding: 10px 0px;
}
.middle .top_bar .t_b_left
{
    height: auto;
    width: auto;
    padding-right: 20px;
}
.middle .top_bar .t_b_right
{
    height: auto;
    width: 66%;
}
.middle .top_bar .t_b_right h1
{
    margin: 0px;
    padding: 0px;
    border-bottom: 2px solid #828282;
}
.middle .top_bar .t_b_right p
{
    margin: 0px;
    padding: 10px 0px;
}

.middle .m_left
{
    height: auto;
    width: 214px;
    float:left;
    clear:both;
    margin-right: 20px;
}
.middle .m_left .side_nav
{
    height: auto;
    float:left;
}
.middle .m_left .side_nav .s_n_top_bar
{
    height: 38px;
    width: 204px;
    background: url(../images/side_nav_topbar_img.jpg) no-repeat;
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px 0px 0px 10px;
}
.middle .m_left .side_nav .s_n_middle_bar
{
    border-left: 6px solid #056592;
    border-right: 6px solid #056592;
    width: 202px;
    background: #FFFFFF;
}
.middle .m_left .side_nav .s_n_bottom_bar
{
    height: 11px;
    background: url(../images/side_nav_bottom_curve.jpg) no-repeat;
    width: 214px;
}

.middle .m_right
{
    width: 70%;
    background: #fff;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0px;
}

.home_icon_div
{
    width: 111px;
    height: 111px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
    margin-right: 10px;
}
.home_icon_div:hover
{
    width: 111px;
    height: 111px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
    margin-right: 10px;
    background: #066591;
}
.home_icon_div img
{
    padding-bottom: 10px;
}
.home_icon_div a
{
    color: #036592;
}
.home_icon_div:hover a
{
    color: #fff;
}
.home_icon_div:hover a:hover
{
    text-decoration: underline;
}
.BtnSave
{
    background-color: #f9f9f9;
    background-image: url(../Images/save.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}
.BtnSaveHover
{
    background-color: #f9f9f9;
    background-image: url(../Images/save.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #444;
    height: 30px;
    cursor: pointer;
    width: 70px;
}
.BtnNew
{
    background-color: #f9f9f9;
    background-image: url(../Images/new.gif);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.4;
}
.BtnNewHover
{
    border: 1px solid #f37436;
    background-color: #fceed0;
    background-image: url(../Images/new.gif);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}
.BtnCancel
{
    background-color: #f9f9f9;
    background-image: url(../Images/cancel.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 80px;
}

.BtnClearAll
{
    background-color: #f9f9f9;
    background-image: url(../Images/Clear_all_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}

.BtnClearAllHover
{
    background-color: #f9f9f9;
    background-image: url(../Images/Clear_all_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #444;
    height: 30px;
    cursor: pointer;
    width: 70px;
}

.BtnViewAll
{
    background-color: #f9f9f9;
    background-image: url(../Images/viewall_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}


.BtnViewAllHover
{
    background-color: #f9f9f9;
    background-image: url(../Images/viewall_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #444;
    height: 30px;
    cursor: pointer;
    width: 70px;
}


.BtnCancelHover
{
    background-color: #f9f9f9;
    background-image: url(../Images/cancel.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #444;
    height: 30px;
    width: 80px;
}
.BtnDelete
{
    background-color: #f9f9f9;
    background-image: url(../Images/delete.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}
.BtnDeleteHover
{
    background-color: #f9f9f9;
    background-image: url(../Images/delete.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #444;
    height: 30px;
    width: 70px;
}

.top_contaner_css
{
    background: #EDEDED;
    border-bottom: 2px groove #ccc;
    border-top: 2px groove #EDEDED;
    width: 100%;
    margin-bottom:10px;
}
.top_contaner_css .t_c_c_text
{
    font-size: 14px;
    padding-left: 10px;
    font-weight: bold;
    color: #056693;
}
fieldset
{
    border: 1px solid #ccc;
}

.gray table
{
    width: 100%;
}

.gray th
{
    padding: 5px;
    background: #036592;
    color: #ffffff;
}
.gray tb
{
    padding: 5px;
}

.grid_colour
{
    background: #ededed;
}
.grid2_colour
{
    background: #ffffff;
}
.title_text_css
{
    font-size: 14px;
}
.contant_table
{
    width: 100%;
    background: #EDEDED;
}
.contant_table td
{
    border-bottom: 1px solid #fff;
    padding: 3px 5px;
    border-right: 1px solid #fff;
}
asp:Button
{
    background-color: #f9f9f9;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
}
asp:ButtonHover
{
    background-color: #f9f9f9;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
}

.BtnArchive
{
    background-color: #f9f9f9;
    background-image: url(../Images/archive.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}


.BtnActive
{
    background-color: #f9f9f9;
    background-image: url(../Images/Active_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}


.BtninActive
{
    background-color: #f9f9f9;
    background-image: url(../Images/inactive_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 30px;
    width: 70px;
}


.show
{
    visibility: visible;
    display: block;
}
.hide
{
    visibility: hidden;
    display: none;
}


#divForgetPwd
{
    width: 423px;
    margin: 0px auto;
    background: url(../images/Forgetpassword.png) no-repeat;
    padding-top: 60px;
}
#divForgetPwd .login_inner
{
    width: 387px;
    margin: 0px auto;
    height:175px;
    -moz-border-radius: 4px;
}
#divForgetPwd .login_btn
{
    border: 1px solid #93b7c8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(images/input_bg.png) repeat-x #d9e9f1;
    height: 30px;
    width: 80px;
    background: url(images/btn_bg.png) repeat-x #01415f;
    color: #FFFFFF;
    margin-right: 50px;
}

#divMsg
{
    width: 423px;
    margin: 0px auto;
    background: url(images/MessageDiv.png) no-repeat;
    padding-top: 60px;
    height: 135px;
}
#divMsg .login_inner
{
    width: 387px;
    margin: 0px auto;
    -moz-border-radius: 4px;
}
#divMsg .login_btn
{
    border: 1px solid #93b7c8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url(images/input_bg.png) repeat-x #d9e9f1;
    height: 30px;
    width: 80px;
    background: url(images/btn_bg.png) repeat-x #01415f;
    color: #FFFFFF;
    margin-right: 50px;
}

.BtnGenerateReport
{
    background-color: #f9f9f9;
    background-image: url(../Images/generate_report.png);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.4;
}
.BtnGenerateExcelReport
{
    background-color: #f9f9f9;
    background-image: url(../Images/Export-to-Excel.png);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.4;
}
.BtnGenerateExcelReportHover
{
    border: 1px solid #f37436;
    background-color: #fceed0;
    background-image: url(../Images/Export-to-Excel_hov.png);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}
.BtnGenerateReportHover
{
    border: 1px solid #f37436;
    background-color: #fceed0;
    background-image: url(../Images/generate_report_hov.png);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}

.Loginbg
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.userlabel
{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
}

/* AsyncFileUploader On AddMessage Form */

.AsyncFileUploadStyle
{
    width:350px;
    height:auto;
}

.modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }
        
        .ModalPanel
        {
            border: none;
            position: absolute;
            z-index: 9999999;
            width: 600px;
            height: 450px;
            color: Black;
            background-color: #FAFAFA;
        }
        
        .topBanner
        {
            background: #f8f8f8;
			box-shadow:0 0 3px 0 #717171;
			-webkit-box-shadow:0 0 3px 0 #717171;
			-moz-box-shadow:0 0 3px 0 #717171;
			-ms-box-shadow:0 0 3px 0 #717171;
            -moz-border-radius: 5px;
            border-radius: 4px;
            color: black;
            text-align: center;
            font-size: 10px;
            height: 12px;
        }
        
        .cancelbtn
        {
            color: Black;
            height: 28px;
            float: right;
            line-height: 20px;
            -moz-border-radius: 5px;
            font-family: Verdana;
            font-size: 14px;
            cursor: pointer;
            border-radius: 4px;
            font-weight: bolder;
            margin-right: 5px;
            margin-top: 1px;
            text-decoration: none;
        }
        
             /* Message Boxes Style */


.info, .success, .warning, .error {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #00529B;
display:none;
background-color: #BDE5F8;
background-image: url('../images/notify.png');
}
.success {
color: #4F8A10;
display:none;
background-color: #DFF2BF;
background-image:url('../images/warning.png');
}
.warning {
color: #9F6000;
display:none;
background-color: #FEEFB3;
background-image: url('../images/error.png');
}
.error {
color: #D8000C;
display:none;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
     
#result{
    margin-left:5px;
}
 .short{
    color:Red !important;
    font-size:12px;
}
 .weak{
    color:ThreeDLighShadow;
    font-size:12px;
}
 .good{
    color:Blue !important;
    font-size:12px;
}
 .strong{
    color:green;
    font-size:12px;
}



