*{padding:0;margin:0;}

/* Header */
h1{font-size:38px;color: #777; font-weight: normal;padding: 5px 0;}
h2{font-size:30px;color: #777; font-weight: normal;padding: 5px 0;}
h3{font-size:25px;color: #777; font-weight: normal;padding: 5px 0;}
h4{font-size:18px;color: #777; font-weight: normal;padding: 5px 0;}
h5{font-size:14px;color: #777; font-weight: normal;padding: 5px 0;}

/* Font Sizes */
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}

/* Padding */
p{padding:5px 3px;text-align:justify;}

.pad1px{padding-top:1px;}
.pad2px{padding-top:2px;}
.pad3px{padding-top:3px;}
.pad4px{padding-top:4px;}
.pad5px{padding-top:5px;}
.pad8px{padding-top:8px;}
.pad10px{padding-top:10px;}
.pad15px{padding-top:15px;}
.pad20px{padding-top:20px;}
.pad25px{padding-top:25px;}
.pad30px{padding-top:30px;}
.pad40px{padding-top:40px;}
.pad50px{padding-top:50px;}
.pad60px{padding-top:60px;}
.pad70px{padding-top:70px;}
.pad80px{padding-top:80px;}

/* Formatting */
a{text-decoration: none;color:black;}
.top_label{font-weight:bold;padding:3px 0 5px;color:black;}
.italics{font-style:italic;}
.bold{font-weight:bold;}
.l_align{text-align:left;}
.r_align{text-align:right;}
.l_float{float:left;}
.r_float{float:right;}
.cursor_pointer{cursor:pointer;}
.cursor_default{cursor:default;}
.center{text-align:center;}
.justify{text-align:justify;}
.normal{font-weight:normal;}
.collapse{border-collapse:collapse;}
.vertical_pad{padding:20px 0 20px 0}
.horizontal_pad{padding:0 20px 0 20px}
.inner_pad{padding:20px 0 0 20px}
.outter_pad{padding:0 20px 20px 0}
.pad{
    display: inline-block;
    padding: 5px;

    /* Border Radius */
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.hide{display: none;}
.show{display: block;}
.white_fade{
    background-image: url('../images/interface/prelogin/fade.png');
    background-position: 0 -15px;
    background-repeat: repeat-x;
}
.white_out{
    background-image: url('../images/interface/prelogin/light.png');
    background-repeat: repeat;
}
.text_shadow{
    /* Text Shadow */
     text-shadow: #888 1px 1px;
    -moz-text-shadow: #888 1px 1px;
    -webkit-text-shadow: #888 1px 1px;
    -khtml-text-shadow: #888 1px 1px;
}
.zebra li{
    padding: 0 10px;
}
.zebra li:nth-child(odd){
    /*background-image: url('../images/interface/prelogin/light.png');
    background-repeat: repeat;*/
    background-color: #F3F3F3;

    /* Text Shadow */
     text-shadow: #FFF 1px 1px;
    -moz-text-shadow: #FFF 1px 1px;
    -webkit-text-shadow: #FFF 1px 1px;
    -khtml-text-shadow: #FFF 1px 1px;
}
.frameset{
    position:relative;border:#CCC solid 1px;padding:20px;

    /* Border Radius */
     border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
}
.legend{
    position:absolute;
    font-size:16px;
    /*font-weight:bold;*/
    background: #FFF;
    color:#BBB;
    top:-10px;
    padding:0 5px;
}

/* Percentage */
.percent1{width:1%;}
.percent2{width:2%;}
.percent3{width:3%;}
.percent4{width:4%;}
.percent5{width:5%;}
.percent10{width:10%;}
.percent15{width:15%;}
.percent20{width:20%;}
.percent25{width:25%;}
.percent30{width:30%;}
.percent35{width:35%;}
.percent40{width:40%;}
.percent45{width:45%;}
.percent50{width:50%;}
.percent55{width:55%;}
.percent60{width:60%;}
.percent65{width:65%;}
.percent70{width:70%;}
.percent75{width:75%;}
.percent80{width:80%;}
.percent85{width:85%;}
.percent90{width:90%;}
.percent95{width:95%;}
.percent100{width:100%;}

/* Text Colors */
.white{color:#fff;}
.blue{color:#39C;}
.orange{color:#FDC921;}
.green{color:#6C0;}
.red{color:#F00;}
.gray{color:#CCC;}
.light_gray{color:#F9F9F9;}
.dark_gray{color:#444;}
.purple{color:#C09;}
.black{color:#000;}

/* Background */
.blue_bg{background-color:#39C;}
.orange_bg{background-color:#FFB612;}
.green_bg{background-color:#6C0;}
.red_bg{background-color:#F00;}
.gray_bg{background-color:#CCC;}
.light_gray_bg{background-color:#F9F9F9;}
.dark_gray_bg{background-color:#444;}
.white_bg{background-color:#FFF;}
.purple_bg{background-color:#C09;}
.black_bg{background-color:#000;}

/* Clearing */
.clear{clear:both;}

body{
  font-family: 'ABeeZee', sans-serif;
    font-size: 13px;
    background-color: #e4e3df;
    position: relative;
}

#wrapper{}
    #header_bg{
            background-color: #FFF;
            background-image: url('../images/interface/prelogin/shadow.png');
            /*background-position: 0 -7px;
            background-repeat: repeat-x;*/
            /*position: fixed;*/
            width: 100%;
            z-index: 98;
    }
        #header{
            width: 955px;
            height: 100px;
            margin: 0 auto;
        }
            #identity{
                position: relative;
                height: 50px;
            }
                #logo{
                    position: absolute;
                    left: 0;
                    top: 10px;
                    z-index: 100;
                }
                #search{
                    float:right;
                    text-align: right;
                }
                    #search li{
                        float: left;
                        list-style: none;
                        display: inline-block;
                        padding: 10px 3px 0 3px;
                    }
                        .contact_box{
                            float: left;
                            border: #FFF solid 1px;
                            padding:2px;
                            height: 16px;
                            padding: 6px 20px;
                            font-size: 14px;
                        }
                        .search_box{
                            float: left;
                            height: 21px;
                            padding: 3px 6px;
                            font-size: 14px;
                            line-height: 1.42857143;
                            color: #555;
                            background-color: #fff;
                            background-image: none;
                            border: 1px solid #ccc;
                            border-radius: 3px;
                            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                                 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                                    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                        }

                        .search_box:hover {
                          border-color: #04ae63;
                          outline: 0;
                          -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                                  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                        }


                                #search .search_box #txt_search{
                                    float: left;
                                    border: none;
                                    padding: 4px;
                                    margin: 0;
                                    width: 55px;
                                }
                                #search .search_box button{
                                    border: none;
                                    cursor: pointer;
                                    float: left;
                                    background: none;
                                    padding: 0;
                                }
                        .button_box{


                        }
                                #search li .button_box a{
                                    margin-top;20px;
                                    height: 16px;
                                    padding: 6px 30px;
                                    font-size: 14px;
                                    text-decoration: none;
                                    border-radius:3px;
                                    color:white;
/*-------------------------------------------client specific---------------------------------------------------*/
                                    background-color:#007f3e;
                                    border:2px black solid;
                                    -webkit-transition:width 2s, height 2s, background-color 1s,
                                    -webkit-transform 2s;
                                  transition:width 2s, height 2s, background-color 1s, transform 2s;
                                  padding 6px 3px;
                                  font-size:14px;
                                }
                                #search li .button_box a:hover{
                                  outline: thin dotted;
                                  outline: 5px auto -webkit-focus-ring-color;
                                  outline-offset: -2px;
                                  color: #333;
                                  text-decoration: none;
                                  background-color: #04ae63;
                                  border-color: #007f3e;

                                }
            #menu{
                position: relative;
                height: 50px;
                z-index: 99;
            }
                #menu ul{
                    float: left;
                }
                    /* Adding the Left border line to the main menu */
                    /*#menu ul > li{
                        border-left: #E5E5E5 solid 1px;
                    }
                    #menu ul > li:first-child{
                        border-left: none;
                    }*/
                #menu ul > li ul{
                    background-color: #777;
                }
                    #menu li{
                        position: relative;
                        float: left;
                        list-style: none;
                        display: inline-block;
                    }
                        #menu li a{
                            text-decoration: none;
                            display: block;
                            height: 20px;
                            font-size: 14px;
                            color: #777;
                            padding: 15px 15px 15px 20px;

                            /* Border Radius */
                             border-radius: 7px 7px 0 0;
                            -moz-border-radius: 7px 7px 0 0;
                            -webkit-border-radius: 7px 7px 0 0;
                            -khtml-border-radius: 7px 7px 0 0;
                        }
                        #menu li a:hover{
                            color: #FFF;
                            /*background-color: #39C;*/
                            /*background-image: url('../images/interface/prelogin/fade.png');
                            background-position: 0 0;*/
                        }

                        /* Second List */

                        div#menu > ul > li > ul{
                            position: absolute;
                            top:50px;
                            left:0;

                            /* Border Radius */
                             border-radius: 0 7px 7px 7px;
                            -moz-border-radius: 0 7px 7px 7px;
                            -webkit-border-radius: 0 7px 7px 7px;
                            -khtml-border-radius: 0 7px 7px 7px;
                        }
                            div#menu > ul > li > ul > li a{
                                width: 150px;
                                padding-top: 7px;
                                padding-bottom: 7px;
                                color: #E2E2E2;

                                /* Border Radius */
                                 border-radius: 0 7px 7px 7px;
                                -moz-border-radius: 0 7px 7px 7px;
                                -webkit-border-radius: 0 7px 7px 7px;
                                -khtml-border-radius: 0 7px 7px 7px;
                            }
                            div#menu > ul > li > ul > li:first-child a{
                                padding-top: 15px;
                                background: transparent url('../images/interface/prelogin/fade.png') 0 -20px repeat-x;
                            }
                            div#menu > ul > li > ul > li:last-child a{
                                padding-bottom: 15px;
                            }
                            div#menu > ul > li > ul > li a:hover{
                                color: #FFF;
                                /*text-decoration: underline;
                                font-weight: bold;*/
                            }

                                /* Third List */

                                div#menu > ul > li > ul > li > ul{
                                    position: absolute;
                                    top:0;
                                    left:175px;

                                    /* Border Radius */
                                     border-radius: 0 7px 7px 7px;
                                    -moz-border-radius: 0 7px 7px 7px;
                                    -webkit-border-radius: 0 7px 7px 7px;
                                    -khtml-border-radius: 0 7px 7px 7px;
                                }
                                        div#menu > ul > li > ul > li > ul > li a{
                                            width: 150px;
                                            padding-top: 7px;
                                            padding-bottom: 7px;

                                            /* Border Radius */
                                             border-radius: 0 7px 7px 7px;
                                            -moz-border-radius: 0 7px 7px 7px;
                                            -webkit-border-radius: 0 7px 7px 7px;
                                            -khtml-border-radius: 0 7px 7px 7px;
                                        }
                                        div#menu > ul > li > ul > li > ul > li:first-child > a{
                                            padding-top: 15px;
                                            background: transparent url('../images/interface/prelogin/fade.png') 0 -20px repeat-x;
                                        }
                                        div#menu > ul > li > ul > li > ul > li:last-child a{
                                            padding-bottom: 15px;
                                        }
                                        div#menu > ul > li > ul > li > ul > li a:hover{
                                            color: #FFF;
                                            /*text-decoration: underline;
                                            font-weight: bold;*/
                                        }
    #content_bg{
            background-color: #FFF;
            background-image: url('../images/interface/prelogin/shadow.png');
            /*background-position: 0 -7px;
            padding-top:100px;*/
            background-position: 0 -107px;
            background-repeat: repeat-x;
        }
        #content{
            width: 955px;
            margin: 0 auto;
        }
            #screen{
                position: relative;
                background-image: url('../images/interface/prelogin/screen.png');
                background-position: center;
                background-repeat: no-repeat;
                height: 250px;
                width: 955px;


                padding: 4px;
                background-color: #04ae63;
                border: 1px solid #ddd;
              box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
                border-radius: 4px;
                        border-bottom: 0px;
                        border-bottom-left-radius: 0px;
                        border-bottom-right-radius: 0px;
            }
                #screen .screen_msg{
                    position: absolute;
                    top: 0;
                    left: 0;
                    color: #FFF;
                    padding: 20px;
                    width: 433px;
                    height: 210px;
                    /*background-color: red;*/
                }

                #screen > ul{
                    position: absolute;
                    top: 0;
                    right: -10px;
                    float: right;
                    width: 180px;
                    padding-top: 25px;
                }
                #screen li{
                    float: right;
                    list-style: none;
                    padding: 10px 0;
                    display: block;
                }
                    #screen li a{
                      width:170px;
                      color: #fff;
/*-------------------------------------------client specific---------------------------------------------------*/
                      background-color: #007f3e;
                      border-color: #4cae4c;
                      display: block;
                      padding: 12px 24px;
                      margin-bottom: 0;
                      font-size: 14px;
                      font-weight: normal;
                      line-height: 1.42857143;
                      text-align: center;
                      white-space: nowrap;
                      vertical-align: middle;
                      -ms-touch-action: manipulation;
                          touch-action: manipulation;
                      cursor: pointer;
                      -webkit-user-select: none;
                         -moz-user-select: none;
                          -ms-user-select: none;
                              user-select: none;
                      background-image: none;
                      border: 1px solid transparent;
                      border-radius: 4px;
                      float: left;
        -webkit-transition:width 2s, height 2s, background-color 1s,
        -webkit-transform 2s;
    transition:width 2s, height 2s, background-color 1s, transform 2s;

                    }


                    #screen li a:hover, a:focus{
                      outline: thin dotted;
                      outline: 5px auto -webkit-focus-ring-color;
                      outline-offset: -2px;
                      color: #333;
                      text-decoration: none;
                      background-color: #04ae63;
                      border-color: #007f3e;
                      width:175px;

                    }
            .prd_intro{
                background-image: url('../images/interface/prelogin/gray-section-divider.png');
                background-position: center bottom;
                background-repeat: no-repeat;
            }

            .tablets{padding: 20px 0 20px;}
               .tablet{
                    position: relative;
                    /*height: 205px;*/
                    border: #F4F4F4 solid 1px;
                    /*padding: 10px;*/
                    background-color: #FFF;
                    background-image: url('../images/interface/prelogin/fade_up.png');
                    background-position: bottom;
                    background-repeat: repeat-x;
                }


                .tablets {

                width:936px;
                  height: auto;
                  padding: 20px;
                  margin-top:30px;
                  line-height: 1.42857143;
                  background-color: #fff;
                  border: 1px solid #ddd;
                box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
                  border-radius: 4px;
                          border-bottom: 0px;
                          border-bottom-left-radius: 0px;
                          border-bottom-right-radius: 0px;

                }


                    .tablet_img{
                        height: 40px;
                        width: 40px;
                        margin: 5px 10px 0 5px;
                        background-image: url('../images/interface/prelogin/fade.png');
                        background-position: 0 -15px;
                        background-repeat: repeat-x;

                        /* Border Radius */
                         border-radius: 45px;
                        -moz-border-radius: 45px;
                        -webkit-border-radius: 45px;
                        -khtml-border-radius: 45px;
                    }
                    .tablets .tablet li{
                        list-style: none;
                    }

                        .tablets .tablet li a{
                            text-decoration: none;
                            color: #666;
                            display: block;
                            padding: 12px 0;
                            position: relative;
                            margin-bottom: -1px;
                            background-color:#fff;
                            border: 1px solid #ddd;
                            border-left:0px;
                            -webkit-transition:width 2s, height 2s, background-color 1s,
                            -webkit-transform 2s;
                        transition:width 2s, height 2s, background-color 1s, transform 2s;
                        }

                        .tablets .tablet li a:hover{
                          color: #555;
                          text-decoration: none;
/*-------------------------------------------client specific---------------------------------------------------*/
                          background-color: rgba(93, 104, 218, 0.83);
                          width:100%;
                        }

                        .tablets .tablets li a:last-child {

                          text-decoration: none;
                          color: #666;
                          display: block;
                          padding: 12px 0;
                          border-top-left-radius: 4px;
                          border-top-right-radius: 4px;
                        }


                        .tablets .tablet li a:first-child{
                            text-decoration: none;
                            color: #666;
                            display: block;
                            padding: 5px;
                            border-top-left-radius: 0px;

                            border-top-right-radius: 4px;
                        }


                        .tablets .tablet li a:hover{
                            color: #39C;
                        }
                .tablets #sidebar{

                }
                    .tablets #sidebar #users_tab{

                    }
                        /* Tab Backend */
                        .tab .ui-tabs {
                            font-size: 12px;
                            padding: 0;
                            font-family: 'ABeeZee', sans-serif;
                        }
                        .tab .ui-tabs .ui-tabs-panel{
                            font-size: 12px;
                            color: #333;
                        }
                        .tab .ui-widget-header {
                            background: none /*#C09 url('../images/interface/prelogin/fade.png') 0 -10px repeat-x*/;
                            border: none;
                            /*border-bottom: #CCC solid 1px;*/
                        }
                        .tab .ui-widget-content {
                            border: none;
                        }
                        .tab .ui-tabs .ui-tabs-panel {
                            padding: 10px;

                             border-radius: 0 /*0 7px 7px*/;
                            -moz-border-radius: 0 /*0 7px 7px*/;
                            -webkit-border-radius: /*0 0 7px 7px*/;
                            -khtml-border-radius: 0 /*0 7px 7px*/;

                            height: 235px;
                            overflow: hidden;
                            overflow-y: scroll;
                        }

                        .tab .ui-tabs .ui-tabs-nav li a {
                            font-family: 'Open Sans', Arial;
                            padding: 3px 5px;
                            font-size:12px;
                        }
                        .tab .ui-tabs .ui-tabs-nav {
                            padding: 5px 5px 0;
                            font-size: 8px;
                        }
                        .tab .ui-corner-all, .tab .ui-corner-bottom, .tab .ui-corner-right, .tab .ui-corner-br {
                             border-radius: 0;
                            -moz-border-radius: 0;
                            -webkit-border-radius: 0;
                            -khtml-border-radius: 0;
                        }
                            .tab .tab_img{
                                margin: 0 10px;
                                background-color: transparent;
                                background-image: url('../images/interface/prelogin/clients_81x110.gif');
                                background-repeat: no-repeat;
                                height: 110px;
                                width: 81px;
                            }

                    .tablets #sidebar #users_tab .ablilities{
                        padding-bottom: 20px;
                    }
                    .tablets #sidebar #users_tab .ablilities > li{
                        list-style: square;
                        margin: 5px 20px;
                    }
                        .tablets #sidebar #users_tab .ablilities > ul li{
                            list-style: none;
                            padding: 5px 10px 5px 40px;
                        }
        #footer_bg{
            background:url('../images/interface/prelogin/footer_bg.jpg') top center repeat-x;
            border-top:#e7e7e7 solid 1px;
            padding-bottom:10px
        }
            #footer_bg .copyright_belt_bg {
                border-top: #aaa solid 1px;
                background: transparent url('../images/interface/shadow.png') top center repeat-x;
            }
                #footer_bg .copyright_belt {
                    width: 955px;
                    margin: 0 auto;
                }

            #footer{
                width: 955px;
                margin: 0 auto;
                color:#777;
            }
                #footer .signature{float:left;padding:15px 0 15px;background:transparent;}
                    #footer .signature ul li{
                        float: left;
                        list-style: none;
                        display: inline-block;
                    }
                    #footer .signature ul a{
                        text-decoration: none;
                        display: inline-block;
                        height: 60px;
                        width: 60px;
                    }
                #footer .socials{float:left;padding:15px 0 15px;background:transparent url('../images/interface/prelogin/dark_line.png') top left no-repeat;min-height:122px;}
                #footer .socials .social_stone {
                    background-image: url('../images/interface/prelogin/social-icons.png');
                    float: left;
                    /*background-color: red;*/
                    margin: 2px;
                    height: 32px;
                    width: 32px;
                }

        #ui_bg{
            background-image: url('../images/interface/prelogin/blind.png');
            background-repeat: repeat;
            background-color: transparent;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1000;
        }
            #ui{
                background-color: white;
                z-index: 1200;
                position: absolute;
                left: 0;
                top: 0;

                 border-radius: 7px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                -khtml-border-radius: 7px;
            }
                #ui_header{
                     border-radius: 7px 7px 0 0;
                    -moz-border-radius: 7px 7px 0 0;
                    -webkit-border-radius: 7px 7px 0 0;
                    -khtml-border-radius: 7px 7px 0 0;
                }

                #ui .title{
                  background-color:#5E5A5A;
                    font-weight:bold;
                    color:#FFF;
                    font-size:14px;
                    padding:8px 10px 0 10px;
                    height:22px;

                    /* Text Shadow */
                    /* text-shadow: #444 1px 1px;
                    -moz-text-shadow: #444 1px 1px;
                    -webkit-text-shadow: #444 1px 1px;
                    -khtml-text-shadow: #444 1px 1px;*/
                }
                #ui li{
                    float: left;
                }
                    #ui li a{
                        float: left;
                        list-style: none;
                        display: inline-block;
                        height: 30px;
                        width: 33px;
                        background-image: url('../images/interface/prelogin/box_ctrl_33x30.png');
                        cursor: pointer;
                    }
                    #product_desc li {
                        list-style: none;
                        padding: 10px 0;
                    }
                    #product_desc li:first-child {
                        padding: 0;
                    }
                    #product_desc li h5 {
                        padding: 6px 10px;
                        font-weight: bold;
                        color: #FFF;
                    }
                    #product_desc li p {
                        padding: 10px;
                    }
                    #product_desc li p img{
                        float: left;
                        padding-right: 10px;
                    }

                #ui #ui_content {
                    overflow-y: auto;
                    height: inherit;
                }



            #loader_bg{
            background: url("../images/interface/prelogin/blind.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            text-align: center;
        }
            #loader{
                background-image: url('../images/interface/prelogin/ajax-loader.gif');
                background-repeat: no-repeat;
                background-position: center; 
                background-color: white;
                z-index: 1200;
                position: fixed;
                left: 50%;
                top: 50%;
                height: 80px;
                width:80px;
                display: block;

                 border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                -khtml-border-radius: 6px;
            }
                

                
                #loader #loader_content {
                    overflow-y: auto;
                    height: inherit;
                }

/*////////*/
/* TABELS */
/*////////*/

/* Visible table */
table.visible_table {
    width:100%;
    border-collapse:collapse;
}
table.visible_table td {padding:5px;}
table.visible_table tr:nth-child(odd) {background:#F9F9F9;}
table.visible_table tr:nth-child(even) {background:#fff;}

/* Invisible table */
table.invisible_table {width:100%;}
table.invisible_table td {padding:3px;border:none;}
table.invisible_table tr:first-child td {background:transparent;}
table.invisible_table tr:nth-child(odd) {background:transparent;}
table.invisible_table tr:nth-child(even) {background:transparent;}

/* Inner table */
table.inner{width:100%;padding:0;margin:0;background: transparent !important;}
table.inner td{padding:0 3px;border:none;margin:0;vertical-align: middle !important;}
table.inner tr:first-child td {border:none !important;}
table.inner td:first-child{padding:0;background: transparent !important;}
table.inner td:last-child{padding:0;background: transparent !important;}
table.inner tr:nth-child(odd) {background: transparent !important;}
table.inner tr:nth-child(even) {background: transparent !important;}

.inner_table{width:100%;padding:0;margin:0;}
.inner_table td{padding:0 3px;margin:0;border:none;vertical-align: middle;}
.inner_table td:first-child{padding:0;background: transparent;}
.inner_table td:last-child{padding:0;background: transparent;}
.inner_table ol{padding:10px 30px 5px 30px}
.inner_table ol li{padding:5px 0}
.inner_table tr:nth-child(odd) {background: transparent;}
.inner_table tr:nth-child(even) {background: transparent;}

/* FORM */

/*input[type="text"]
{
    outline:none;
    height:22px;
    padding:5px 0;
}*/

.selbox, .txtbox{
    border:#CCC solid 1px;
    padding:3px 5px;
    margin:0;
    background-color:#fff;
    width:100%;

    /* border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;*/
}
.txtbox{
    padding:3px 0;
}

button, input[type="button"], input[type="submit"], input[type="reset"]
{

  color: #000;
  background-color: #FCC924;
  border-color: #4cae4c;
  display: block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
-webkit-transition:width 2s, height 2s, background-color 1s,
-webkit-transform 2s;
transition:width 2s, height 2s, background-color 1s, transform 2s


}


/* Anchor Tag as a Button */
.carbon_copy .button_box a
{
    /*border: #bbb solid 1px;*/
    display: block;
    height: 16px;
    padding: 6px 15px;
    font-size: 14px;
    text-decoration: none;
    background-image: url('../images/interface/prelogin/fade.png');
    background-position: 0 -10px;

    /* Text Shadow */
     text-shadow: #666 1px 1px;
    -moz-text-shadow: #666 1px 1px;
    -webkit-text-shadow: #666 1px 1px;
    -khtml-text-shadow: #666 1px 1px;
}
.carbon_copy .button_box a:hover
{
    background-position: 0 -5px;
}

/* Div Tag as a Textbox */
.carbon_copy .text_box
{
    display: block;
    border: #999 solid 1px;
    padding: 2px 6px;
    height: 24px;
    background-color: #FFF;
}
.carbon_copy .text
{
    border: none;
    padding: 4px 0;
    margin: 0;
    width: 100%;
}

/* Progress Box */
.progress_box{
    float: right;
}
    .thread{
        margin-top: 20px;
        background-color: #999;
        height: 10px;
        width: 100%;

        /* Border Radius */
         border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;
    }
    .num{
        float: left;
        background-color: #999;
        padding: 4px 14px;
        color: #666;
        height: 42px;
        width: 22px;
        font-size: 40px;
        font-weight: bold;
        margin: 0 10px;
        z-index: 100;

        background-image: url("../images/interface/prelogin/fade.png");
        background-position: 0 -15px;
        background-repeat: repeat-x;

        /* Border Radius */
         border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;

        /* Text Shadow */
         text-shadow: #000 1px 1px;
        -moz-text-shadow: #000 1px 1px;
        -webkit-text-shadow: #000 1px 1px;
        -khtml-text-shadow: #000 1px 1px;
    }
    .active_num{
        float: left;
        background-color: #333;
        padding: 4px 14px;
        color: #fff;
        height: 42px;
        width: 22px;
        font-size: 40px;
        font-weight: bold;
        margin: 0 10px;
        z-index: 100;

        background-image: url("../images/interface/prelogin/fade.png");
        background-position: 0 -15px;
        background-repeat: repeat-x;

        /* Border Radius */
         border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;

        /* Text Shadow */
         text-shadow: #000 1px 1px;
        -moz-text-shadow: #000 1px 1px;
        -webkit-text-shadow: #000 1px 1px;
        -khtml-text-shadow: #000 1px 1px;
    }

/********************************
** Form Class Components START **
********************************/

    /* General Settings */
    .outer_box {
         border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
    }

    /* Text Box */
    .text_box {
        background-color: #fff;
        box-shadow: 2px 2px 3px #ddd inset;
        border: 1px solid #999;
        display: block;
        margin-right: 10px;
        margin-bottom: 5px;
        padding: 3px 5px;
    }
        .text {
            border: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

    /* Select Box */
    .select_box {
        background-color: #fff;
        border: 1px solid #999;
        display: block;
        margin-right: 10px;
        padding: 0;
    }
        .select {
            border: none;
            margin: 0;
            padding: 3px 5px;
            width: 100%;

             border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
        }

    /* Area Box */
    .area_box {
        background-color: #fff;
        border: 1px solid #999;
        display: block;
        margin-right: 10px;
        padding: 3px;
    }
        .area {
            border: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

    /* Button Box */
    .button_box {
        background-color: #ff0;
        border: 1px solid #999;
        display: block;
        margin-top: 5px;
        margin-left:20px;
        padding: 0;

    }
        .button {
            border: none;
            cursor: pointer;
            margin: 0;
            padding: 5px 3px;
            width: 100%;
            height:inherit;

             border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
        }

    /* Checkbox */
    .chkbox {
        float:left;
        cursor:pointer;
        margin:3px;
    }
        .chk_table, .chk_table tr, .chk_table td {
            border:0 !important;
            margin:0 !important;
            padding:0 !important;
            background: transparent !important;
            vertical-align:middle !important;
        }
            .chk_icon {
                background-image:url(../images/interface/check_radio.png);
                background-repeat:no-repeat;
                background-position:-24px 0;
                display: inline-block;
                height: 22px;
                width: 22px;
            }
                .chk_cloak {
                    visibility:hidden;
                    border:0;margin:0;padding:0;
                }
                .checked {}
                .unchecked {}
            .chk_text {
                padding:0 3px;
            }

    /* Radio Button */
    .radbox {
        float:left;
        cursor:pointer;
        margin:3px;
    }
        .rad_table, .rad_table tr, .rad_table td {
            border:0 !important;
            margin:0 !important;
            padding:0 !important;
            background: transparent !important;
            vertical-align:middle !important;
        }
            .rad_icon {
                background-image:url(../images/interface/check_radio.png);
                background-repeat:no-repeat;
                background-position:-144px 0;
                display: inline-block;
                height: 22px;
                width: 22px;
            }
                .rad_cloak {
                    visibility:hidden;
                    border:0;margin:0;padding:0;
                }
                .checked {}
                .unchecked {}
            .rad_text {
                padding:0 3px;
            }

/********************************
** Form Class Components END **
********************************/
.coy_color{
    color:#007f3e;
}
/* Theming */
/*.coy_color, .tablets .tablet li a:hover, .tab .ui-state-active a, .tab .ui-state-active a:link, .tab .ui-state-active a:visited {color:#877563;}
.coy_bg, .ui-tabs .ui-tabs-nav, {background-color:#363435;}
.coy_border, .ui-tabs .ui-tabs-panel {border:1px solid #877563;}*/

button, input[type="button"], input[type="submit"], input[type="reset"] {
/*-------------------------------------------client specific---------------------------------------------------*/
  background-color:#007f3e;
  border:2px black solid;
  -webkit-transition:width 2s, height 2s, background-color 1s,
  -webkit-transform 2s;
transition:width 2s, height 2s, background-color 1s, transform 2s;

  }



  button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {

    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    color: #333;
    text-decoration: none;
    background-color: #04ae63;
    border-color: #007f3e;



  }



/* Added CSS {Kolawole Balogun} */

.getstartedbtn{
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #15CFE7;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    font-weight: bold;
    border: 1px solid #15BDE7;
    cursor: pointer;
}


.getstartedbtn:hover{
    background-color: #0FDFFA;
}


.eachsteps{
    margin: 0px auto;
}

.eachsteps .eachstepheader{
    padding: 10px;
    background-color: #000;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.eachsteps .eachstepheader:hover{
    background-color: #333;
}


.eachsteps .eachstepcontent{
    height: 0px;
    overflow: hidden;
}


.dim__X__123{
    opacity: 0.1;
}


.go_back_2{
    width: 57px;
    height: 55px;
    background-image: url(../images/back_btn.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
}



/* newly created id tags */



.heading {

  padding:5px;
  border-bottom:#ccc solid 1px;
/*-------------------------------------------client specific---------------------------------------------------*/
  background-color: #007f3e;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

}

#icons {

  width:30px

}


.listings {

padding:3px;


}

#viewall {

  padding:8px 5px;
  border-top:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  background-color: #5E5A5A;


}

.listscroll {

  height:200px;
  overflow:hidden;
  overflow-y:scroll;

}


.client_redirect {
	background-color: #007f3e;
	background-image: none; 
	border: 2px solid black; 
	border-radius: 3px; 
	color: black; 
	font-size: 14px; 
	height: 16px;
    padding: 6px 10px;
    text-decoration: none;
    transition: width 2s ease 0s, height 2s ease 0s, background-color 1s ease 0s, transform 2s ease 0s;

}

.risklist{
                                                           border-top-left-radius: 0;
                                                           border-top-right-radius: 4px;
                                                           color: #fdfafa;
                                                           display: block;
                                                           padding: 10px;
                                                           border-style: solid solid solid none;
                                                           border-width: 1px 1px 1px 0;
                                                           border-color: #ddd #ddd #ddd -moz-use-text-color;
                                                           background-color:#04ae63;
                                                           text-decoration: none;

}