/* Page Top Header (header.css) */

#header_container_spacer{

    height:75px;

}

#header {

    height: 42px;

    background-color: #f1f1f1;

}



#header_top_logo{

    width: 220px;

    height: 38px;

    margin-left: 5px;

    float: left;

    border-right: 1px solid #ffffff;

}

#header_top_logo img {

    width: 90px;

    height:38px;

}

.left_main_menu_btn {

    width: 32px;

    height: 32px;

    display: inline-block;

    float: left;

    position: relative;

    left: -21px;

    top: 1px;

}



.left_main_menu_btn a {

    background-image: url("../images/header_top_nav/main_menu_button.png");

    background-repeat: no-repeat;

    background-size: 32px 32px;

    display: inline-block;

    height: 32px;

    margin-left: 3px;

    margin-right: 3px;

    margin-top: 5px;

    width: 32px;

    background-color: #2075cc;

    border-radius: 50%;

}



#header_top_nav {

    float:right;

    width:170px;

    height:42px;

    position: relative;

    right:12px;

    margin-top:0px;

}



#header_top_nav ul {

    display:inline-block;

    float:right;

    list-style:none;

    margin-top:5px;

    padding-left: 0px;

}



#header_top_nav ul li {

    float:left;

    width: 24px;

    height: 24px;

    margin-left: 3px;

    margin-right: 3px;

    padding: 5px;



}



#header_top_nav ul li a{

    float: left;

    width: 24px;

    height: 24px;

    background-size: 24px 24px;

}



#header_top_nav ul li a:hover{

    /*background-color: #CCC;*/

}



#header_top_nav ul li a.active{

    width: auto;

    height: 16px;

    margin-right: 5px;

    /* [disabled]background-color:#C0C; */

}



#header_top_nav .nav_user_messages_icon {

    background-image: url('../images/header_top_nav/messages.png');

    background-repeat: no-repeat;

    background-position: center center;

}



#header_top_nav .nav_user_details_icon {

    background-image: url('../images/header_top_nav/user_details.png');

    background-repeat: no-repeat;

    background-position: center center;

}



#header_top_nav .nav_notifications_icon {

    background-image: url('../images/header_top_nav/notifications.png');

    background-repeat: no-repeat;

    background-position: center center;

}

#header_top_nav .nav_tab_menu_icon {

    background-image: url('../images/header_top_nav/menu_button.png');

    background-repeat: no-repeat;

    background-position: center center;

}



#header_top_nav .TotalNotifications{

    text-align: center;

    font-size: 0.9em;

    background-color: #ff180a;

    color: #ffffff;

    border-radius: 50%;

    width: 18px;

    height: 18px;

    position: relative;

    top: -8px;

    right: -13px;

    overflow: hidden;

    /* Prevent background color leak outs */

    -webkit-background-clip: padding-box;

    -moz-background-clip:    padding;

    background-clip:         padding-box;

}



#nav_tab_menu_btn {

    visibility:hidden;

}

.nav_notifications_details_wrapper{

    top:-10px;

    right:340px;

}

.nav_notifications_details_wrapper .title .top_pointer {

    top: -41px;

}

.nav_user_details_wrapper {

    top:-10px;

    right: 202px;

}

/* end of page top Header */





/* Left and Right Columns of the User Interface (zorkif_fluid_main.css) */

.first_column {

    width:220px; /* Set margin-left in second column equal+1 to this */

    height:100%;

    border-right: 1px solid #c5c5c5;

    background-color:#f0eff5;

    min-height: 640px;

}



.second_column{

    margin-left: 221px; /* This Width should be equal+1 to the width of first_column */

    background-color: #fafafc;

    background-image: url('../images/zk_bg1.png');

    background-repeat: repeat;

}



/* End of Left and right column */





/* Tabs Bar   tab_bar.css */

.tab_bar_spacer{

    width:10px;

    float:left;

}



#tab_bar{

    width: auto;

    height: 30px;

    text-align: center;

    display: block;

    background-color: #484848;

    padding: 0px;

    margin: 0px;

    margin-bottom: 3px;

    border-bottom-color:#ff9b10;

    border-bottom-style: solid;

    border-bottom-width: 3px;

}



#tab_bar ul {

    display:inline-block;

    list-style:none;

    margin:0;

    padding:0;

}

#tab_bar ul li {

    width: auto;

    height: 22px;

    float: left;

}



#tab_bar ul li a{

    width: auto;

    height: 24px;

    float: left;

    font-size: 0.8em;

    color: #f4f4f4;

    background-color: #001940;

    margin-right: 1px;

    padding-top: 6px;

    padding-left: 10px;

    padding-right: 10px;

    text-decoration: none;

}



#tab_bar ul li a img{

    width: 60px;

    height: 60px;

    float: right;

    color: #f4f4f4;

    text-decoration: none;

}



#tab_bar ul li a:hover{

    background-color: #ee5315;

}



#tab_bar li a.active_tab, #tab_bar ul li a:active{

    color: #000000;

    background-color: #ffffff;

    border-color: #ff9b10;

    border-top-style: solid;

    border-top-width: 3px;



    border-right-style: solid;

    border-right-width: 3px;



    border-left-style: solid;

    border-left-width: 3px;



    width: auto;

    height: 30px;

    font-size:1em;

    position: relative;

    top: -6px;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    z-index: 99999;



}



#current_page_title{

    width: 200px;

    height: 25px;

    margin: 0 auto;

    padding-top: 5px;

    color: #dad7d7;

}



.TabNameLinkText{

    display: inline-block;

}

#tab_bar ul li a:hover .TabNameLinkText{

    display: inline-block;

    background-color: #ee5315;

}



/* End of Tabs bar  Settings*/





/* action buttons (action_buttons.css)*/

#action_buttonsSearch{

    background: -moz-linear-gradient(center top , #f5f5f5, #ddd) repeat-x scroll 0 0 #ebebeb;

    background: -webkit-linear-gradient(top, #F5F5F5, #DDDDDD)repeat-x scroll 0 0 #ebebeb;

    border-bottom: 1px solid #aaa;

    border-radius: 3px 3px 0 0;

    box-shadow: 0 1px 0 0 #f5f5f5 inset;

}



#buttons ul li span{

    color: #FFFFFF;

    text-align: center;

    width: 60px;

    height: 26px;

    background-color: #ee5315;

}

#search_box input[type=button] {/* Search is not Work so we hide it */



    background-color: #f5f5f5;

    border: 0 solid #FFFFFF;

    color: #E0E0E0;

    display: none;

}

#search_box input[type=text] { /* Search is not Work so we hide it */

    display: none;

}

#action_buttons{

    background: -moz-linear-gradient(center top , #f5f5f5, #ddd) repeat-x scroll 0 0 #ebebeb;

    background: -webkit-linear-gradient(top, #F5F5F5, #DDDDDD) repeat-x scroll 0 0 #ebebeb;

    border-bottom: 1px solid #aaa;

    border-radius: 3px 3px 0 0;

    box-shadow: 0 1px 0 0 #f5f5f5 inset;

}



/*End of action buttons */







/* accordion left side menu bars (scripts/accordion_menu.css) */

.main_menu a.btn_main{

    border-bottom:#FFF 1px solid;

    color: #f8f8f8;

    background: #001940; /* Old browsers */

    background-color: #001940;

}



.main_menu a.active{

    background: #0866c6; /* Old browsers */

    background-color: #0866c6;

    color:#ffffff;

}

.sub_menu  a{

    color: #797979;

    background-color: #ebebeb;

    border-bottom: 1px solid #484848;

}

.sub_menu  a:hover{

    background-color:#CCC;

}

/* end of accordion left side menu*/





/* Start of second column grids labeling and ui area */

.GridLabeling {

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0 0 transparent;

    border: 1px solid rgba(255, 255, 255, 0.2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

    border-radius: 3px 3px 3px 3px;

}

.GridLabeling h3 {

    font-size:80%;

    background-color:#d1d1d1;

    border-bottom: 1px solid #d1d1d1;



    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0 0 transparent;

    border: 1px solid rgba(255, 255, 255, 0.2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

    border-top-left-radius: 0.5em;

    border-top-right-radius: 0.5em;

}

/* end of second column grids labeling and ui area */