/* ONLY PRINT START -------------------------------------------------------------------------- */

@media print {
    .onlyScreen {
        display: none;
    }
}

/* ONLY PRINT END -------------------------------------------------------------------------- */

/* ONLY SCREEN START -------------------------------------------------------------------------- */

@media screen {
    .onlyPrint {
        display: none;
    }
}

/* ONLY SCREEN END -------------------------------------------------------------------------- */

/* GENERAL STYLES START ------------------------------------------------------------------------------- */

    body {
        background-color: white;
        color: black;
        text-align: left;
        height: 100%;
    }
    
    legend {
    	color: #e64415;
    }

    form {
        margin: 0px;
    }

    p {
        padding: 0px;
        margin: 0px;
    }

    a {
        color: #FF6600;
        text-decoration: underline;
    }

    a:hover {
        color: #FF944E;
        text-decoration: underline;
    }

    img {
        border: 0px;
        margin: 0px;
    }

    td {
        vertical-align: top;
    }

/* GENERAL STYLES END ------------------------------------------------------------------------------- */

/* HEADER STYLES START ------------------------------------------------------------------------------- */

    h1 {
        text-align: left;
        font-weight: bold;
        margin-top: 2pt;
        margin-bottom: 2pt;
    }

    h2 {
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        margin-top: 2pt;
        margin-bottom: 2pt;
    }

    h3 {
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        margin-top: 2pt;
        margin-bottom: 2pt;
    }

    h4 {
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        margin-top: 2pt;
        margin-bottom: 2pt;
        color: #FF6602;
    }

/* HEADER STYLES END ------------------------------------------------------------------------------- */

/* SPECIAL ANCHORS START -------------------------------------------------------------------------- */

/* SPECIAL ANCHORS START -------------------------------------------------------------------------- */

/* SPECIAL TD START -------------------------------------------------------------------------- */

    td.errorHeaderLeft {
        font-size: 10px;
        padding: 3px;
        padding-bottom: 0px;
        color: white;
        font-weight: bold;
        vertical-align: middle;
    }

    td.errorHeaderRight {
        padding: 3px;
        padding-bottom: 0px;
        text-align: center;
        vertical-align: bottom;
    }

/* SPECIAL TD END -------------------------------------------------------------------------- */

/* SPECIAL TR START -------------------------------------------------------------------------- */

    tr.settings {
        height: 1px;
    }

    tr.list_row_grey {
        background-color: #EFEFEF;
    }

    tr.list_row_over {
        background-color: #999999;
        color: white;
        cursor: pointer;
    }

    tr.list_bottom {
        height: 5px;
        background-color: #B8BDD4;
    }

    tr.list_control td {
        background-image: url( '../img/list/list_control_bg.gif' );
        background-position: 0px bottom;
        background-repeat: repeat-x;
        padding-left: 5px;
        line-height: 30px;
        height: 30px;
        vertical-align: middle;
    }

    input.listControlImage {
        width: 15px;
        height: 15px;
        border: none;
        padding: 0px;
        position: relative;
        top: 2px;
    }

    input.list_control {
        width: 45px;
        text-align: right;
    }

    td.list_control_buttons {
        text-align: right;
        padding-right: 5px;
    }

/* SPECIAL TR END -------------------------------------------------------------------------- */

/* SPECIAL TH START -------------------------------------------------------------------------- */

    th.list_header {
        background-color: #5A718D;
        font-weight: bold;
        color: white;
        text-align: left;
        border-right: 1px solid white;
        border-bottom: 1px solid #D0D0D0;
        padding: 3px 6px;
        vertical-align: middle;
    }

    th.weakly {
        background-color: #9EBFE3;
        font-weight: bold;
        color: white;
        text-align: left;
        border-right: 1px solid white;
        padding-left: 3px;
        padding-right: 3px;
        vertical-align: middle;        
    }

/* SPECIAL TH START -------------------------------------------------------------------------- */

/* SPECIAL INPUTS START -------------------------------------------------------------------------- */

    input.buttonSelect {
        height: 18px;
        width: 5%;
        font-weight: bold;
        padding: 1px;
        background-color: #ff6600;
        color: white;
        cursor: pointer;
    }

    input.search_field {
        width: 100%;
        padding: 2px;
    }

    input.checkbox, input.radio {
        border: none !important;
        padding: 0px;
        background-color: transparent;
    }

/* SPECIAL INPUTS END -------------------------------------------------------------------------- */

/* SPECIAL SPANS START -------------------------------------------------------------------------- */

    span.list_title {
        background-image: url( '../img/icons/title_list.gif' );
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 20px;
        text-decoration: none;
        height: 15px;
        margin-bottom: 5px;
        font-size: 13px;
        padding-top: 1px;
        font-weight: bold;
    }

    span.form_title {
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
    }

    span.title_small {
        font-weight: bold;
        color: #000066;
    }

    span.title_text {
        color: #000066;
        font-weight: bold;
        height: 15px;
        padding-bottom: 15px;
    }

    span.label_text {
        color: #555555;
        font-weight: bold;
        height: 15px;
        padding: 3px;
    }

/* SPECIAL SPANS END -------------------------------------------------------------------------- */

/* SPECIAL DIVS START -------------------------------------------------------------------------- */

    div.folder_items_open {
        padding-left: 6px;
        display: block;
    }

    div.folder_items_closed {
        padding-left: 6px;
        display: none;
    }

    div.folder_spacer {
        height: 0px;
        font-size: 0px;
    }

    div.spacer {
        height: 5px;
        font-size: 0px;
    }

    div.menu {
        width: 180px;
        margin: 15px;
        margin-top: 0px;
    }

    div.dynamic_row_highlight {
        color: red;
        background-color: #FFD4D1;
        margin: 1px;
        border: 1px solid red;
    }

    div.dynamic_row {
        background-color: white;
        margin: 1px;
        border: 1px solid #E0f1ff;
    }

    div.settingsPrompt {
        width: 150px;
        height: 0px;
        font-size: 0px
    }

    div.settingsField {
        width: 300px;
        height: 0px;
        font-size: 0px
    }

    div.errorList {
        width: 100%;
        color: black;
        padding: 3px;
        text-align: left;
        border: 2px solid #7e95a5;
        border-top: 0px solid;
        margin-top: 0px;
        height: 60px;
        overflow: auto;
        background-color: white;
        background-image: url( '../img/icons/error.gif' );
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 70px;

        scrollbar-track-color: #FFFFFF;
        scrollbar-face-color: #CCCCCC;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-shadow-color: #FFFFFF;
        scrollbar-arrow-color: #FFFFFF;
    }

    div.errorWindow {
        cursor: default;
        position: absolute;
        display: none;
    }

    div.accessDeniedBox {
        width: 100%;
        height: 70px;
        background-image: url( '../img/icons/lock.gif' );
        background-position: top left;
        background-repeat: no-repeat;
        padding-left: 55px;
        font-weight: bold;
    }

    div.pageNotFoundBox {
        width: 100%;
        height: 70px;
        background-image: url( '../img/icons/page_not_found.gif' );
        background-position: top left;
        background-repeat: no-repeat;
        padding-left: 65px;
        padding-top: 5px;
        font-weight: bold;
    }

    div.globalErrorBox {
        width: 100%;
        height: 70px;
        background-image: url( '../img/icons/warning.gif' );
        background-position: top left;
        background-repeat: no-repeat;
        padding-left: 65px;
        font-weight: bold;
    }

    div.errorTitle {
        font-size: 16px;
        color: black;
        border-bottom: 2px dotted #D2D7D9;
        padding-bottom: 2px;
    }

    div.errorMessage {
        padding-top: 5px;
        color: black;
        font-weight: normal;

    }

/* SPECIAL DIVS END -------------------------------------------------------------------------- */

/* SPECIAL LEGENDS START --------------------------------------------------------------------- */

    legend.edit {
        text-decoration: none;
        height: 20px;
        margin-bottom: 3px;
        font-size: 13px;
        font-weight: bold;
        padding-top: 1px;
    }

/* SPECIAL LEGENDS END -------------------------------------------------------------------------- */

/* OTHER START -------------------------------------------------------------------------- */

    table.listTag {
        border-collapse: collapse;
        border: 1px solid #5A718D;
    }

    td.listColumnTD {
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 6px;
    }

    td.listColumnTD_showGrid {
        border: 1px solid #5A718D;
    }

    td.listColumnTD_widepadding {
        padding-top:10px;
        padding-bottom:10px;
    }

    img.calendar {
        height: 13px;
        width: 13px;
        border: 0px solid white;
        border-left: 3px solid white;
        margin: 0px;
        padding: 0px;
    }

    th.filterPanelToggleTH, th.filterPanelTitleTH, div.filterPanel {
        background-color: #EEEEEE;
        padding: 2px 6px;
    }

    th.filterPanelToggleTH, th.filterPanelTitleTH {
        background-color: #CCD5DC;
        vertical-align: middle; 
        width: 50%;
    }
    
    th.filterPanelToggleTH div {
    	text-align: left;
    }

    th.filterPanelToggleTH {
        text-decoration: underline;
    }

    div.filterPanel {
        padding: 5px 6px;
    }

    img.filterPanelToggle {
        width: 13px;
        height: 13px;
        float: left;
        margin-right: 5px;
    }

    input.calendars {
        background-color: #EDEAE0;
        width: 65px;
        margin-right: 3px;
    }

    img.CalendarImgIdClass, img.ResetImgIdClass {
        float: left;
        cursor: pointer;
    }

    img.CalendarImgIdClass {
        width: 16px;
        height: 17px;
        margin-top: 1px;
    }

    img.ResetImgIdClass {
        width: 15px;
        height: 13px;
        margin-top: 3px;        
    }

    input.invokepopup {
        background-color: #EDEAE0;
        width: 140px;
    }

    input.multiselect {
        width: 140px;
    }

    input.columnTag {
        border: none;
        width: 9px;
        height: 9px;
        margin-right: 3px;         
    }

    input[type="image"] {
        border: none;
    }

    input[type="image"]:focus {
        outline: none;
    }

    button.refreshIntervals {
        background: none;	
        background-image: url( ../img/icons/refresh.png );
        background-color: #FF6600;	
        background-position: top left;
        background-repeat: no-repeat;    
        width: 60px;
        height: 13px;
        margin-left: 12px;
        margin-bottom: 2px;
        padding-top: 0px;
        padding-left: 16px;	
        border: 0px solid white;	
        color: #ffffff;	
    }

    button.logout {
        background: none;
        /*width: 60px;
        height: 13px;*/
        margin-left: 0px;
        margin-bottom: 2px;
        padding-top: 0px;
        padding-left: 2px;	
        border: 0px solid white;	
        color: #ffffff;		
    }

/* style for animated windows */
    .transferer {
        border: 1px solid #8C9B9D;
        background-color: #EEEEEE;
        /*filter: progid:DXImageTransform.Microsoft.Alpha( opacity = 40 );*/
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    #freezeBackground {
        background-color: black;
        position: absolute;
        z-index: 1000;
        display: none;
        left: 0px;
        top: 0px;
        /*filter: progid:DXImageTransform.Microsoft.Alpha( opacity = 0 );*/
        filter: alpha(opacity=0);
        opacity: 0;
    }
	#languageDiv img {
	    margin-right: 14px;
	}

/* OTHER END -------------------------------------------------------------------------- */

/* NN colors */
    .orange,
    .colorized,
    .medium-orange { color:#ea650d; }
    .light-orange { color:#ee7f00; }
    .medium-orange { color:#ea650d; }
    .dark-orange { color:#e64415; }
    .extra-dark-grey { color:#414141; }
    .dark-grey { color:#666; }
    .medium-grey { color:#999; }
    .light-grey { color:#cac7c7;}
    .extra-light-grey { color:#e5ded9; }
    .ultra-light-grey { color:#f1edeb; }
    .light-blue { color:#a4ccea; }
    .medium-blue { color:#7caad6; }
    .dark-blue { color: #5389c2; }
    .light-green { color: #c8cd2e; }
    .medium-green { color: #96b439; }
    .dark-green { color: #5b9853; }
    .light-purple { color:#c6bfe0; }
    .medium-purple { color: #9c91c6; }
    .dark-purple { color: #706cb0; }

    .orange-bg,
    .colorized-bg,
    .dark-orange-bg { background-color:#e64415; }
    .light-orange-bg { background-color:#ee7f00; }
    .medium-orange-bg { background-color:#ea650d; }
    .extra-dark-grey-bg { background-color: #414141; }
    .dark-grey-bg { background-color: #666666; }
    .medium-grey-bg { background-color: #999999; }
    .light-grey-bg { background-color: #cac7c7;}
    .extra-light-grey-bg { background-color: #e5ded9; }
    .ultra-light-grey-bg { background-color: #f1edeb; }
    .light-blue-bg { background-color:#a4ccea; }
    .medium-blue-bg { background-color:#7caad6; }
    .dark-blue-bg { background-color: #5389c2; }
    .light-green-bg { background-color: #c8cd2e; }
    .medium-green-bg { background-color: #96b439; }
    .dark-green-bg { background-color: #5b9853; }
    .light-purple-bg { background-color:#c6bfe0; }
    .medium-purple-bg { background-color: #9c91c6; }
    .dark-purple-bg { background-color: #706cb0; }

    .NNColorize { font-size: 20px; }
    .NNColorize > .NNLightOrange{ color: #ee7f00; }
    .NNColorize > .NNMediumOrange{ color: #ea650d; }
    .NNColorize > .NNDarkOrange{ color: #e64415; }

/* base colors */
    .black { color: #000!important; }
    .white { color: #fff!important; }
    .red  { color: red!important; }
    .blue { color: blue!important; }
    
    .black-bg { background-color:: #000; }
    .white-bg { background-color:: #fff; }
    .red-bg  { background-color:: red!important; }
    .blue-bg { background-color: blue!important; }
	
/* NN web */
    .help-box {
        background-color: #f1edeb;
        padding: 20px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
    .err-box {
        padding: 5px; 
        vertical-align: middle; 
        border: 1px solid red; 
        color: red;
        position: relative;
        width: 80%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
         -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

/* utils */
    .clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }
    .fl { float: left!important; }
    .fr { float: right!important; }
    .float-none { float: none!important; }
    .no-border { border: 0 none!important; }
    .no-bg { background: none!important; }
    .text-left,
    .tal { text-align: left!important; }
    .text-right,
    .tar { text-align: right!important; }
    .text-center,
    .tac { text-align: center!important; }
    .bold,
    .bold td,
    .bold div { font-weight: bold!important; }
    .block { display: block; }
    .inline-block { display: inline-block!important; }
    .inline { display: inline!important; }
    .z-index { position: relative; z-index: 1; }
    .transparent { background: none!important; }
    .valign-top td { vertical-align: top; }
    .overflow-auto { overflow: auto; }
    .overflow-scroll { overflow: scroll; }
    .overflow-scroll-y { overflow-y: scroll; }
    .overflow-hidden { overflow: hidden!important; }
    .overflow-visible { overflow: visible!important; }
    .uppercase { text-transform: uppercase; }
    .lowercase { text-transform: lowercase; }
    .capitalize { text-transform: capitalize; }
    .line-height09 { line-height: 0.9; }
    .line-height1 { line-height: 1!important; }
    .line-height11 { line-height: 1.1; }
    .line-height12 { line-height: 1.2; }
    .line-height13 { line-height: 1.3; }
    .line-height14 { line-height: 1.4; }
    .line-height15 { line-height: 1.5; }
    .line-height16 { line-height: 1.6; }
    .line-height17 { line-height: 1.7; }
    
    .table-fixed { table-layout: fixed; }
    
    .no-resize { resize: none; }
    .italic { font-style: italic; }
    .font-size9 { font-size: 9px!important; }
    .font-size10 { font-size: 10px!important; }
    .font-size11 { font-size: 11px!important; }
    .font-size12 { font-size: 12px!important; }
    .font-size13 { font-size: 13px!important; }
    .font-size14 { font-size: 14px!important; }
    .font-size15 { font-size: 15px!important; }
    .font-size18 { font-size: 18px!important; }
    .border0 { border: 0 none!important; }
    .border-default { border: 1px solid #ea650d; }
    .border-top { border-top: 1px solid #ea650d!important; }
    .border-right { border-right: 1px solid #ea650d!important; }
    .border-bottom { border-bottom: 1px solid #ea650d!important; }
    .border-left { border-left: 1px solid #ea650d!important; }
    .vertical-align-top td { vertical-align: top; }
    .vertical-align-middle { vertical-align: middle; }
    .white-space-normal th { text-align: center; white-space: normal!important; }
    .white-space-normal td { text-align: left; }

/* -- Cross Browser Opacity -- */
    .opacity05 { 
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      /* IE 5-7 */
      filter: alpha(opacity=50);
      /* Netscape */
      -moz-opacity: 0.5;
      /* Safari 1.x */
      -khtml-opacity: 0.5;
      /* Good browsers */
      opacity: 0.5;
    }

/* margin */
    .margin0 { margin: 0!important; }
    .margin2 { margin: 2px!important; }
    .margin5 { margin: 5px!important; }
    .margin10 { margin: 10px!important; }
    .marginRL5 { margin: 0 5px; }
    .marginRL10 { margin-right: 10px!important; margin-left: 10px!important; }
    .margin-top-1 { margin-top: -1px!important; }
    .margin-top-2 { margin-top: -2px!important; }
    .margin-top-3 { margin-top: -3px; }
    .margin-top-4 { margin-top: -4px; }
    .margin-top-5 { margin-top: -5px!important; }
    .margin-top-6 { margin-top: -6px; }
    .margin-top-7 { margin-top: -7px; }
    .margin-top-10 { margin-top: -10px; }
    .margin-top-15 { margin-top: -15px; }
    .margin-top-16 { margin-top: -16px; }
    .margin-top-20 { margin-top: -20px!important; }
    .margin-top-22 { margin-top: -22px!important; }
    .marginTB5 { margin: 5px auto!important; }
    .marginTB8 { margin: 8px auto!important; }
    .marginTB9 { margin: 9px auto!important; }
    .marginTB10 { margin: 10px auto!important; }
    .margin-top0 { margin-top: 0px!important; }
    .margin-top1 { margin-top: 1px!important; }
    .margin-top2 { margin-top: 2px!important; }
    .margin-top3 { margin-top: 3px!important; }
    .margin-top4 { margin-top: 4px!important; }
    .margin-top5 { margin-top: 5px!important; }
    .margin-top6 { margin-top: 6px!important; }
    .margin-top7 { margin-top: 7px!important; }
    .margin-top8 { margin-top: 8px!important; }
    .margin-top9 { margin-top: 9px!important; }
    .margin-top10 { margin-top: 10px!important; }
    .margin-top11 { margin-top: 11px!important; }
    .margin-top14 { margin-top: 14px!important; }
    .margin-top15 { margin-top: 15px!important; }
    .margin-top18 { margin-top: 18px!important; }
    .margin-top20 { margin-top: 20px!important; }
    .margin-top25 { margin-top: 25px!important; }
    .margin-top26 { margin-top: 26px!important; }
    .margin-top28 { margin-top: 28px!important; }
    .margin-top29 { margin-top: 29px!important; }
    .margin-top30 { margin-top: 30px!important; }
    .margin-top35 { margin-top: 35px!important; }
    .margin-top48 { margin-top: 48px!important; }
    .margin-top50 { margin-top: 50px!important; }
    .margin-top-7 { margin-top: -7px!important; }
    .margin-top-16 { margin-top: -16px!important; }
    .margin-top-21 { margin-top: -21px!important; }
    .margin-top-25 { margin-top: -25px!important; }
    .margin-top-27 { margin-top: -27px!important; }
    .margin-top-32 { margin-top: -32px!important; }
    .margin-top-37 { margin-top: -37px!important; }
    .margin-top-16 { margin-top: -16px!important; }
    .margin-right-2 { margin-right: -2px!important; }
    .margin-right-3 { margin-right: -3px; }
    .margin-right-4 { margin-right: -4px; }
    .margin-right-5 { margin-right: -5px!important; }
    .margin-right-10 { margin-right: -10px!important; }
    .margin-right-12 { margin-right: -12px!important; }
    .margin-right-15 { margin-right: -15px!important; }
    .margin-right0 { margin-right: 0!important; }
    .margin-right1 { margin-right: 1px!important; }
    .margin-right2 { margin-right: 2px!important; }
    .margin-right3 { margin-right: 3px!important; }
    .margin-right4 { margin-right: 4px!important; }
    .margin-right5 { margin-right: 5px!important; }
    .margin-right6 { margin-right: 6px!important; }
    .margin-right7 { margin-right: 7px!important; }
    .margin-right8 { margin-right: 8px!important; }
    .margin-right9 { margin-right: 9px!important; }
    .margin-right10 { margin-right: 10px!important; }
    .margin-right12 { margin-right: 12px!important; }
    .margin-right13 { margin-right: 13px; }
    .margin-right14 { margin-right: 14px!important; }
    .margin-right15 { margin-right: 15px!important; }
    .margin-right16 { margin-right: 16px; }
    .margin-right17 { margin-right: 17px!important; }
    .margin-right18 { margin-right: 18px!important; }
    .margin-right19 { margin-right: 19px!important; }
    .margin-right20 { margin-right: 20px!important; }
    .margin-right22 { margin-right: 22px!important; }
    .margin-right23 { margin-right: 23px!important; }
    .margin-right24 { margin-right: 24px!important; }
    .margin-right25 { margin-right: 25px!important; }
    .margin-right28 { margin-right: 28px!important; }
    .margin-right30 { margin-right: 30px!important; }
    .margin-right33 { margin-right: 33px!important; }
    .margin-right35 { margin-right: 35px!important; }
    .margin-right37 { margin-right: 37px!important; }
    .margin-right40 { margin-right: 40px!important; }
    .margin-right45 { margin-right: 45px!important; }
    .margin-right50 { margin-right: 50px!important; }
    .margin-right59 { margin-right: 59px!important; }
    .margin-right60 { margin-right: 60px!important; }
    .margin-right70 { margin-right: 70px!important; }
    .margin-right80 { margin-right: 80px!important; }
    .margin-right130 { margin-right: 130px!important; }
    .margin-bottom-2 { margin-bottom: -2px!important; }
    .margin-bottom-3 { margin-bottom: -3px!important; }
    .margin-bottom-4 { margin-bottom: -4px!important; }
    .margin-bottom-5 { margin-bottom: -5px!important; }
    .margin-bottom-7 { margin-bottom: -7px!important; }
    .margin-bottom0 { margin-bottom: 0!important; }
    .margin-bottom1 { margin-bottom: 1px!important; }
    .margin-bottom2 { margin-bottom: 2px!important; }
    .margin-bottom3 { margin-bottom: 3px!important; }
    .margin-bottom4 { margin-bottom: 4px!important; }
    .margin-bottom5 { margin-bottom: 5px!important; }
    .margin-bottom6 { margin-bottom: 6px!important; }
    .margin-bottom7 { margin-bottom: 7px!important; }
    .margin-bottom8 { margin-bottom: 8px!important; }
    .margin-bottom9 { margin-bottom: 9px!important; }
    .margin-bottom10 { margin-bottom: 10px!important; }
    .margin-bottom11 { margin-bottom: 11px; }
    .margin-bottom12 { margin-bottom: 12px; }
    .margin-bottom13 { margin-bottom: 13px!important; }
    .margin-bottom15 { margin-bottom: 15px!important; }
    .margin-bottom16 { margin-bottom: 16px!important; }
    .margin-bottom17 { margin-bottom: 17px!important; }
    .margin-bottom18 { margin-bottom: 18px!important; }
    .margin-bottom30 { margin-bottom: 30px!important; }
    .margin-left-1 { margin-left: -1px!important; }
    .margin-left-2 { margin-left: -2px!important; }
    .margin-left-3 { margin-left: -3px!important; }
    .margin-left-4 { margin-left: -4px!important; }
    .margin-left-5 { margin-left: -5px!important; }
    .margin-left-7 { margin-left: -7px!important; }
    .margin-left-9 { margin-left: -9px!important; }
    .margin-left-10 { margin-left: -10px!important; }
    .margin-left-15 { margin-left: -15px!important; }
    .margin-left-20 { margin-left: -20px!important; }
    .margin-left-22 { margin-left: -22px!important; }
    .margin-left-25 { margin-left: -25px!important; }
    .margin-left0 { margin-left: 0!important; }
    .margin-left1 { margin-left: 1px!important; }
    .margin-left2 { margin-left: 2px!important; }
    .margin-left3 { margin-left: 3px!important; }
    .margin-left4 { margin-left: 4px!important; }
    .margin-left5 { margin-left: 5px!important; }
    .margin-left6 { margin-left: 6px!important; }
    .margin-left7 { margin-left: 7px!important; }
    .margin-left8 { margin-left: 8px!important; }
    .margin-left9 { margin-left: 9px!important; }
    .margin-left10 { margin-left: 10px!important; }
    .margin-left11 { margin-left: 11px!important; }
    .margin-left12 { margin-left: 12px!important; }
    .margin-left13 { margin-left: 13px!important; }
    .margin-left14 { margin-left: 14px!important; }
    .margin-left15 { margin-left: 15px!important; }
    .margin-left16 { margin-left: 16px!important; }
    .margin-left17 { margin-left: 17px!important; }
    .margin-left18 { margin-left: 18px!important; }
    .margin-left19 { margin-left: 19px!important; }
    .margin-left20 { margin-left: 20px!important; }
    .margin-left22 { margin-left: 22px!important; }
    .margin-left23 { margin-left: 23px!important; }
    .margin-left25 { margin-left: 25px!important; }
    .margin-left30 { margin-left: 30px!important; }
    .margin-left31 { margin-left: 31px!important; }
    .margin-left35 { margin-left: 35px!important; }
    .margin-left37 { margin-left: 37px!important; }
    .margin-left40 { margin-left: 40px!important; }
    .margin-left44 { margin-left: 44px!important; }
    .margin-left45 { margin-left: 45px!important; }
    .margin-left50 { margin-left: 50px!important; }
    .margin-left60 { margin-left: 60px!important; }
    .margin-left70 { margin-left: 70px!important; }
    .margin-left75 { margin-left: 75px!important; }
    .margin-left80 { margin-left: 80px!important; }
    .margin-left85 { margin-left: 85px!important; }
    .margin-left90 { margin-left: 90px!important; }
    .margin-left100 { margin-left: 100px!important; }
    .margin-left180 { margin-left: 180px!important; }
    .margin-center { margin: 0 auto; }
	
/* padding */
    .padding0 { padding: 0px!important; }
    .padding1 { padding: 1px!important; }
    .padding2 { padding: 2px!important; }
    .padding3 { padding: 3px!important; }
    .padding4 { padding: 4px!important; }
    .padding5 { padding: 5px!important; }
    .padding10 { padding: 10px!important; }
    .paddingTB5 { padding-top: 5px!important; padding-bottom: 5px!important; }
    .paddingTB6 { padding-top: 6px; padding-bottom: 6px; }
    .paddingTB7 { padding-top: 7px; padding-bottom: 7px; }
    .paddingTB10 { padding-top: 10px!important; padding-bottom: 10px!important; }
    .padding-top0 { padding-top: 0px!important; }
    .padding-top1 { padding-top: 1px!important; }
    .padding-top2 { padding-top: 2px!important; }
    .padding-top3 { padding-top: 3px!important; }
    .padding-top4 { padding-top: 4px!important; }
    .padding-top5 { padding-top: 5px!important; }
    .padding-top6 { padding-top: 6px!important; }
    .padding-top7 { padding-top: 7px!important; }
    .padding-top8 { padding-top: 8px!important; }
    .padding-top9 { padding-top: 9px!important; }
    .padding-top10 { padding-top: 10px!important; }
    .padding-top12 { padding-top: 12px!important; }
    .padding-top13 { padding-top: 13px!important; }
    .padding-top15 { padding-top: 15px!important; }
    .padding-top20 { padding-top: 20px!important; }
    .padding-top25 { padding-top: 25px!important; }
    .padding-top30 { padding-top: 30px!important; }
    .paddingRL3 { padding-right: 3px!important; padding-left: 3px!important; }
    .paddingRL5 { padding-right: 5px!important; padding-left: 5px!important; }
    .paddingRL6 { padding-right: 6px!important; padding-left: 6px!important; }
    .paddingRL,
    .paddingRL10 { padding-right: 10px!important; padding-left: 10px!important; }
    .paddingRL15 { padding-right: 15px!important; padding-left: 15px!important; }
    .paddingRL20 { padding-right: 20px!important; padding-left: 20px!important; }
    .padding-right0 { padding-right: 0px!important; }
    .padding-right2 { padding-right: 2px!important; }
    .padding-right3 { padding-right: 3px!important; }
    .padding-right4 { padding-right: 4px!important; }
    .padding-right5 { padding-right: 5px!important; }
    .padding-right6 { padding-right: 6px!important; }
    .padding-right7 { padding-right: 7px!important; }
    .padding-right8 { padding-right: 8px!important; }
    .padding-right9 { padding-right: 9px!important; }
    .padding-right10 { padding-right: 10px!important; }
    .padding-right12 { padding-right: 12px!important; }
    .padding-right15 { padding-right: 15px!important; }
    .padding-right17 { padding-right: 17px!important; }
    .padding-right20 { padding-right: 20px!important; }
    .padding-right25 { padding-right: 25px!important; }
    .padding-right30 { padding-right: 30px!important; }
    .padding-bottom0 { padding-bottom: 0!important; }
    .padding-bottom1 { padding-bottom: 1px!important; }
    .padding-bottom2 { padding-bottom: 2px!important; }
    .padding-bottom3 { padding-bottom: 3px!important; }
    .padding-bottom4 { padding-bottom: 4px!important; }
    .padding-bottom5 { padding-bottom: 5px!important; }
    .padding-bottom6 { padding-bottom: 6px!important; }
    .padding-bottom7 { padding-bottom: 7px!important; }
    .padding-bottom8 { padding-bottom: 8px!important; }
    .padding-bottom9 { padding-bottom: 9px!important; }
    .padding-bottom10 { padding-bottom: 10px!important; }
    .padding-bottom11 { padding-bottom: 11px!important; }
    .padding-bottom12 { padding-bottom: 12px!important; }
    .padding-bottom13 { padding-bottom: 13px!important; }
    .padding-bottom14 { padding-bottom: 14px!important; }
    .padding-bottom15 { padding-bottom: 15px!important; }
    .padding-bottom16 { padding-bottom: 16px!important; }
    .padding-bottom17 { padding-bottom: 17px!important; }
    .padding-bottom18 { padding-bottom: 18px!important; }
    .padding-bottom20 { padding-bottom: 20px!important; }
    .padding-bottom25 { padding-bottom: 25px!important; }
    .padding-bottom26 { padding-bottom: 26px!important; }
    .padding-bottom28 { padding-bottom: 28px!important; }
    .padding-bottom30 { padding-bottom: 30px!important; }
    .padding-bottom31 { padding-bottom: 31px!important; }
    .padding-bottom41 { padding-bottom: 41px!important; }
    .padding-left0 { padding-left: 0px!important; }
    .padding-left1 { padding-left: 1px!important; }
    .padding-left3 { padding-left: 3px!important; }
    .padding-left4 { padding-left: 4px!important; }
    .padding-left5 { padding-left: 5px!important; }
    .padding-left6 { padding-left: 6px!important; }
    .padding-left7 { padding-left: 7px!important; }
    .padding-left8 { padding-left: 8px!important; }
    .padding-left10 { padding-left: 10px!important; }
    .padding-left11 { padding-left: 11px!important; }
    .padding-left12 { padding-left: 12px!important; }
    .padding-left15 { padding-left: 15px!important; }
    .padding-left16 { padding-left: 16px!important; }
    .padding-left19 { padding-left: 19px!important; }
    .padding-left20 { padding-left: 20px!important; }
    .padding-left21 { padding-left: 21px!important; }
    .padding-left22 { padding-left: 22px!important; }
    .padding-left25 { padding-left: 25px!important; }
    .padding-left27 { padding-left: 27px!important; }
    .padding-left29 { padding-left: 29px!important; }
    .padding-left43 { padding-left: 43px!important; }
    .padding-left95 { padding-left: 95px!important; }
	
/* position */
    .posTop0 { position: relative; top: 0!important; }
    .posTop1 { position: relative; top: 1px!important; }
    .posTop2 { position: relative; top: 2px!important; }
    .posTop3 { position: relative; top: 3px!important; }
    .posTop4 { position: relative; top: 4px!important; }
    .posTop5 { position: relative; top: 5px!important; }
    .posTop6 { position: relative; top: 6px!important; }
    .posTop7 { position: relative; top: 7px; }
    .posTop8 { position: relative; top: 8px; }
    .posTop9 { position: relative; top: 9px; }
    .posTop10 { position: relative; top: 10px; }
    .posTop16 { position: relative; top: 16px; }
    .posTop-1 { position: relative; top: -1px!important; }
    .posTop-2 { position: relative; top: -2px!important; }
    .posTop-3 { position: relative; top: -3px!important; }
    .posTop-4 { position: relative; top: -4px!important; }
    .posTop-5 { position: relative; top: -5px!important; }
    .posTop-6 { position: relative; top: -6px!important; }
    .posTop-7 { position: relative; top: -7px!important; }
    .posTop-10 { position: relative; top: -10px; }
    .posTop-11 { position: relative; top: -11px; }
    .posTop-15 { position: relative; top: -15px; }
    .posTop-16 { position: relative; top: -16px; }
    .posTop-18 { position: relative; top: -18px; }
    .posTop-20 { position: relative; top: -20px; }
    .pos-rel,
    .relative { position: relative; }
    .pos-abs,
    .absolute { position: absolute!important; }
    .top { top: 0; }
    .right { right: 0; }
    .bottom { bottom: 0; }
    .left { left: 0; }
    .top5 { top: 5px; }
    .right5 { right: 5px; }
    .bottom5 { bottom: 5px; }
    .left5 { left: 5px; }
    
    .z-index1 { z-index: 1; }
    
    .border-box { 
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }