#Cmp_Tour_MainContainer
{
    width: 800px;
}
        
#Cmp_BodyHeader_Tour
{
    color: White !important;
}
        
#Cmp_Tour_Navigation
{
    -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px;
    
    -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px;
}
    #Cmp_Tour_Navigation ul li
    {
        float: left;
        width: 250px;
        height: 120px;
        background: #E7F7F7;
        color: #686868;
        cursor: pointer;
        position: relative;
    }

    #Cmp_Tour_Navigation ul li span
    {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 25px;
        height: 120px;
    }
            
    .first-li
    {
        -webkit-border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
                border-top-left-radius: 10px;
        width: 240px !important;
        border-left: none !important;
    }
            
    .last-li
    {
        -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topright: 10px;
                border-top-right-radius: 10px;
        width: 258px !important;
        border-right: none !important;
    }
#Cmp_Tour_ContentViewport
{
    overflow: hidden;
    border-top: 1px solid #becedd;
}
.css_Tour_Feature
{
    float: left;
    padding: 80px;
    padding-top: 51px;
}
.css_Tour_Feature h1
{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}
.css_Tour_StepTitle
{
    height: 22px;
    font-size: 18px;
    padding-left: 45px;
    padding-top: 8px;
    margin: 20px 0px;
    margin-left: 50px;
}
.css_Tour_StepSubTitle
{
    margin-left: 35px;
    font-size: 14px;
    line-height: 1.4em;
    text-align: center;
}
.css_Tour_BottomNavigation
{
    height: 50px;
    padding: 80px;
    padding-top: 2px;
    clear: both;
    -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px;
}
.css_Tour_ContentTitle
{
    font-size: 45px;
    line-height: 1.4em;
    text-align: center;
    font-weight:bold;
    font-family: InvoicebusFont, Arial, Helvetica, Sans-Serif;
    width: 852px;
    
}
.css_Tour_ContentDescription
{
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 20px;
}


#Cmp_Tour_ContentViewport .ContentTable
{
    direction: ltr;
    margin: 0px auto;
    width: 100%;
}

#Cmp_Tour_ContentViewport .ContentTable>tbody>tr>td
{
    vertical-align: middle;
    text-align: left;
    padding: 65px 0px;
}

#Cmp_Tour_ContentViewport .ContentTable:first-child td
{
    padding: 10px 0px;
}

#Cmp_Tour_ContentViewport .ContentTable:last-child td
{
    border: none;
    padding-bottom: 0px;
}

.css_Tour_FeatureTitle
{
    font-size: 18px;
    color: #666;
    line-height: 1.5em;
    margin-bottom: 10px;
    font-weight: bold;
}
.css_Tour_FeatureDescription
{
    font-size: 16px;
    line-height: 1.8em;
    color: #888;
}
.css_Tour_ViewportLeft
{
    background: url(/img/viewport-fade.png?3ddb8eb2134b4717a2512909ba45ab11==) 0px 0px repeat-y;
    width: 80px;
    height: 1000px;
    position: absolute;
    top: 123px;
    left: 0px;
    z-index: 5;
}
.css_Tour_ViewportRight
{
    background: url(/img/viewport-fade.png?3ddb8eb2134b4717a2512909ba45ab11==) -80px 0px repeat-y;
    width: 80px;
    height: 1000px;
    position: absolute;
    top: 123px;
    right: 0px;
    z-index: 5;
}
.css_Tour_ViewportTop
{
    background: url(/img/viewport-fade-vert.png?be32ab11ff6a1a1a88ae580c265d6c7a==) 0px 0px repeat-x;
    width: 998px;
    height: 51px;
    position: absolute;
    top: 123px;
    left: 0px;
    z-index: 6;
}
.css_Tour_ViewportDown
{
    background: url(/img/viewport-fade-vert.png?be32ab11ff6a1a1a88ae580c265d6c7a==) 0px -51px repeat-x;
    width: 998px;
    height: 80px;
    position: absolute;
    top: 1043px;
    left: 0px;
    z-index: 6;
}

.css_Tour_SelectedTab,
#Cmp_Tour_Navigation ul li span
{    
    color: #fff !important;
    text-shadow: rgb(137, 137, 138) 0px -1px 1px;    
}

.css_Tour_SelectedTab
{
    background: url(/img/tour-bg.png?aa64e2a020b84867df5c2319932910e5==) repeat-x !important;
}

#Cmp_Tour_Navigation ul li span
{
    background: url(/img/tour-arrows.png?aa64e2a020b84867df5c23199e6910e5==) 0px 0px no-repeat;
}

.css_Tour_Handwrite1
{
    font-weight: bold;
    font-size: 16px;
    -webkit-font-smoothing: antialiased !important;    
}

.css_Tour_Handwrite2
{    
    font-weight: bold;
    font-family: InvoicebusFont, Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    -webkit-font-smoothing: antialiased !important;
}

/* Circles -- START*/
.css_Tour_SimpleGraph
{
    -webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
	
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
	
	font-size: 1px;
	text-shadow: rgb(137, 137, 138) 0px -1px 1px;
    color: #4b4f52;
    font-weight: bold;
    
    position: absolute;
    top: 69px;
    left: 175px;
    
	width: 10px;
    height: 10px;
    
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .5) inset;
       -moz-box-shadow: 0 1px 1px rgba(255,255,255,.5) inset;
            box-shadow: 0 1px 1px rgba(255, 255, 255, .5) inset;
}

.css_Tour_SimpleGraph div
{
    width: inherit;
    height: inherit;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: ProximaNovaSoftR, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
}

.circ_center
{
    width: 85px;
    height: 85px;
    position: absolute;
    top: 33px;
    left: 139px;
    background: url(/img/invoicebus-simplified-invoicing.png?83abd9655502135f4f33f0f9027d73d3==) center center no-repeat;
    z-index: 1;
}

.blue
{
    -webkit-transition-delay: 0.3s;
       -moz-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
            transition-delay: 0.3s;    
	
    width: 60px;
    height: 60px;
    top: 13px;
    left: 29px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #278DAC;
    background-color: #2BA6CB;
}

.red
{	
    -webkit-transition-delay: 0.7s;
       -moz-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
            transition-delay: 0.7s;
    
    width: 44px;
    height: 44px;
    top: 19px;
    left: 283px;        
    border: 1px solid #ec2328;
    font-size: 11px;
    color: #fff;
    background-color: #D85338;
}

.green
{	
    -webkit-transition-delay: 1.1s;
       -moz-transition-delay: 1.1s;
         -o-transition-delay: 1.1s;
        -ms-transition-delay: 1.1s;
            transition-delay: 1.1s;
            
    width: 61px;
    height: 61px;
    top: 128px;
    left: 201px;
    border: 1px solid #51a351;
    font-size: 14px;
    color: #fff;
    background-color: #5bb75b;
}


.circ_line
{
    position: absolute;
    top: 75px;
    right: 145px;
    
    width: 10px;
    height: 1px;
    border-top: 1px solid #ccc;
    
    -webkit-transition: all 0.7s ease-in-out;
	   -moz-transition: all 0.7s ease-in-out;
	     -o-transition: all 0.7s ease-in-out;
	    -ms-transition: all 0.7s ease-in-out;
	        transition: all 0.7s ease-in-out;	
    
    -webkit-transform-origin: bottom right;
       -moz-transform-origin: bottom right; 
         -o-transform-origin: bottom right; 
        -ms-transform-origin: bottom right; 
            transform-origin: bottom right; 
}

.blue_line
{
    -webkit-transform: rotate(16deg);
       -moz-transform: rotate(16deg);
         -o-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
            transform: rotate(16deg);
    
    -webkit-transition-delay: 1.6s;
       -moz-transition-delay: 1.6s;
         -o-transition-delay: 1.6s;
        -ms-transition-delay: 1.6s;
            transition-delay: 1.6s;
}

.blue_line_expanded
{
    width: 98px;
}

.red_line
{
    -webkit-transform: rotate(160deg);
       -moz-transform: rotate(160deg);
         -o-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
            transform: rotate(160deg);
    
    -webkit-transition-delay: 1.6s;
       -moz-transition-delay: 1.6s;
         -o-transition-delay: 1.6s;
        -ms-transition-delay: 1.6s;
            transition-delay: 1.6s;
}

.red_line_expanded
{
    width: 102px;
}

.green_line
{
    -webkit-transform: rotate(240deg);
       -moz-transform: rotate(240deg);
         -o-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg);
    
    -webkit-transition-delay: 1.6s;
       -moz-transition-delay: 1.6s;
         -o-transition-delay: 1.6s;
        -ms-transition-delay: 1.6s;
            transition-delay: 1.6s;
}

.green_line_expanded
{
    width: 64px;
}

/* Circles -- END*/



/* Video -- START */

#video
{
    position: relative;
}

#yt_cnt
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#video_img_cnt
{
    width: 400px;
    height: 223px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: white;
    z-index:2;
}

#video_img_cnt>div
{
    position: absolute;
    top: 0px;
    left: 100px;
}

.video_circ_no_effect
{
    background: url(/img/video_inside.png?ebdd0810f8a4bdfd0a48ce3064aa6159==) -210px center no-repeat;
    width: 210px; 
    height: 210px;    
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
}

.video_circ_outside
{
    background: url(/img/video_inside.png?ebdd0810f8a4bdfd0a48ce3064aa6159==) left center no-repeat; 
    width: 210px;
    height: 210px;
    position: absolute;
    top: 0px;
    left: 0px;    
    
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;   
                    
	-webkit-animation: rotate_light 12s ease-in-out infinite;
	   -moz-animation: rotate_light 12s ease-in-out infinite;
	     -o-animation: rotate_light 12s ease-in-out infinite;
	        animation: rotate_light 12s ease-in-out infinite;
}

@-webkit-keyframes rotate_light
{
    0%   { -webkit-transform: rotate(360deg); }
    5%  { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes rotate_light 
{
    0%   { -moz-transform: rotate(0deg); }
    5%  { -moz-transform: rotate(3600deg); }
}

@-o-keyframes rotate_light 
{
    0%   { -o-transform: rotate(360deg); }
    5%  { -o-transform: rotate(0deg); }
}

@keyframes rotate_light 
{
    0%   { transform: rotate(360deg); }
    5%  { transform: rotate(0deg); }
}

.video_circ_inside
{
    width: 210px;
    height: 210px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.video_circ_inside:hover
{
    background: url(/img/video_inside.png?ebdd0810f8a4bdfd0a48ce3064aa6159==) right center no-repeat;
}

#editor_text
{
    width: 430px;
    -webkit-transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
}

.video_play
{
    width: 400px !important;
    margin-left: 40px;
}

/* Video -- END */


/* Calendar -- START */
.css_Tour_Calendar
{
    color: #000;
    border: 1px solid #ccc;
    margin-left: 45px;
    border-collapse: separate;
    
    -webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
            border-radius: 5px !important;
    
    -webkit-box-shadow: 0px 1px 6px #a3bad9;
       -moz-box-shadow: 0px 1px 6px #a3bad9;
         -o-box-shadow: 0px 1px 6px #a3bad9;
            box-shadow: 0px 1px 6px #a3bad9;
}

.css_Tour_Calendar thead tr:first-child td:first-child {
    -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px
}

.css_Tour_Calendar thead tr:first-child td:last-child {
    -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
            border-top-right-radius: 5px
}

.css_Tour_Calendar tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius: 5px
}

.css_Tour_Calendar tbody tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px
}

.css_Tour_Calendar tbody tr:nth-child(2) td, .css_Tour_Calendar tbody tr:nth-child(4) td
{
    background: #f5f5f5;
}
.css_Tour_Calendar td
{
    text-align: center !important;
    vertical-align: middle !important;
    width: 35px;
    height: 28px;
    font-size: 11px;
}

.css_Tour_Calendar thead td
{    
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2BA6CB), to(#278DAC)) !important;
    background-image: -webkit-linear-gradient(top, #2BA6CB, #278DAC) !important;
    background-image: -o-linear-gradient(top, #2BA6CB, #278DAC) !important;
    background-image: linear-gradient(to bottom, #2BA6CB, #278DAC);
    border-bottom: 1px solid #278DAC;
    height: 28px;
    color: #fff;
    font-weight: bold;
}

.css_Tour_Calendar tbody td
{
    background: #f8f8f8;
}

.css_Tour_Calendar tbody td:hover
{
    background: #e9e9e9 !important;
    cursor: pointer;
}

.css_Tour_Calendar tbody tr:first-child td:first-child:hover, 
.css_Tour_Calendar tbody tr:last-child td:nth-child(5):hover,
.css_Tour_Calendar tbody tr:last-child td:nth-child(6):hover,
.css_Tour_Calendar tbody tr:last-child td:nth-child(7):hover
{
    background: #f8f8f8 !important;
    cursor: default;
}

.encircle
{
    background: url(/img/tour_circle.png) no-repeat;
    width: 41px;
    height: 31px;
    position: absolute;
    top: -10px;
    left: -2px;
    
    -webkit-animation: Encircle .3s steps(12) 1 forwards;
       -moz-animation: Encircle .3s steps(12) 1 forwards;
         -o-animation: Encircle .3s steps(12) 1 forwards;
            animation: Encircle .3s steps(12) 1 forwards;
}

@-webkit-keyframes Encircle
{
    0%     { background-position: 0px 0px; }
    100%   { background-position: 0px -372px; }
}

@-moz-keyframes Encircle
{
    0%     { background-position: 0px 0px; }
    100%   { background-position: 0px -372px; }
}

@-o-keyframes Encircle
{
    0%     { background-position: 0px 0px; }
    100%   { background-position: 0px -372px; }
}

@keyframes Encircle
{
    0%     { background-position: 0px 0px; }
    100%   { background-position: 0px -372px; }
}

/* Calendar -- END */

/* Palette -- START */
.palette_cnt
{
    position: relative; 
    margin-left: 20px;
    width: 305px; 
    height: 206px;
}

.palette_cnt div
{
    height: 50px;
    width: 150px;
    cursor: pointer;
    position: absolute;
                                                                
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

    
    -webkit-box-shadow: 0px 1px 4px rgb(107, 107, 107);
       -moz-box-shadow: 0px 1px 4px rgb(107, 107, 107);
            box-shadow: 0px 1px 4px rgb(107, 107, 107);

    bottom: 0px;
    left: 0px;

    -webkit-transition: all 0.8s ease-in-out;
       -moz-transition: all 0.8s ease-in-out;
         -o-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
                                                                
    -webkit-transform-origin: right 10px;
       -moz-transform-origin: right 10px;
         -o-transform-origin: right 10px;
            transform-origin: right 10px;
        -ms-transform-origin: right 10px;
}
                                                            
.speed_up_transition
{
    -webkit-transition: left 0.1s ease, bottom 0.1s ease !important;
       -moz-transition: left 0.1s ease, bottom 0.1s ease !important;
         -o-transition: left 0.1s ease, bottom 0.1s ease !important;
            transition: left 0.1s ease, bottom 0.1s ease !important;
        -ms-transition: left 0.1s ease, bottom 0.1s ease !important;
}
                                                            
.palette_cnt .color1
{
    background: rgb(211, 27, 27);
}
.palette_cnt .color1a
{
    z-index: 1;                                                                
    -webkit-transform: rotate(40deg);
       -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
         -o-transform: rotate(40deg);
}
.palette_cnt .color1a:hover
{
    bottom: 13px;
    left: -15px;
}
                                                            
.palette_cnt .color2
{
    background: red;
}
                                                            
.palette_cnt .color2a
{
    z-index: 2;

    -webkit-transform: rotate(53deg);
       -moz-transform: rotate(53deg);
        -ms-transform: rotate(53deg);
            transform: rotate(53deg);
         -o-transform: rotate(53deg);
}
.palette_cnt .color2a:hover
{
    bottom: 15px;
    left: -10px;
}

.palette_cnt .color3
{
    background: rgb(253, 179, 22);
}
                                                                                                                        
.palette_cnt .color3a
{
    z-index: 3;

    -webkit-transform: rotate(66deg);
       -moz-transform: rotate(66deg);
        -ms-transform: rotate(66deg);
            transform: rotate(66deg);
         -o-transform: rotate(66deg);
}
.palette_cnt .color3a:hover
{
    bottom: 15px;
    left: -7px;
}
                                                            
.palette_cnt .color4
{
    background: rgb(252, 252, 33);
}
                                                            
.palette_cnt .color4a
{
    z-index: 4;

    -webkit-transform: rotate(79deg);
       -moz-transform: rotate(79deg);
        -ms-transform: rotate(79deg);
            transform: rotate(79deg);
         -o-transform: rotate(79deg);
}
                                                            
.palette_cnt .color4a:hover
{
    bottom: 15px;
    left: -3px;
}
                                                            
.palette_cnt .color5
{
    background: rgb(168, 231, 56);
}
                                                            
.palette_cnt .color5a
{
    z-index: 5;

    -webkit-transform: rotate(92deg);
       -moz-transform: rotate(92deg);
        -ms-transform: rotate(92deg);
            transform: rotate(92deg);
         -o-transform: rotate(92deg);
}
                                                            
.palette_cnt .color5a:hover
{
    bottom: 15px;
    left: 0px;
}
                                                            
.palette_cnt .color6
{
    background: rgb(60, 184, 36);
}
                                                            
.palette_cnt .color6a
{
    z-index: 6;
    -webkit-transform: rotate(105deg);
       -moz-transform: rotate(105deg);
        -ms-transform: rotate(105deg);
            transform: rotate(105deg);
         -o-transform: rotate(105deg);
}
                                                            
.palette_cnt .color6a:hover
{
    bottom: 15px;
    left: 5px;
}
                                                            
.palette_cnt .color7
{
    background: rgb(74, 185, 213);
}
                                                            
.palette_cnt .color7a
{
    z-index: 7;
                                                                
    -webkit-transform: rotate(118deg);
       -moz-transform: rotate(118deg);
        -ms-transform: rotate(118deg);
            transform: rotate(118deg);
         -o-transform: rotate(118deg);
}
                                                            
.palette_cnt .color7a:hover
{
    bottom: 15px;
    left: 10px;
}
                                                            
.palette_cnt .color8
{
    background: rgb(71, 0, 255);
}
                                                            
.palette_cnt .color8a
{
    z-index: 8;
                                                                
    -webkit-transform: rotate(131deg);
       -moz-transform: rotate(131deg);
        -ms-transform: rotate(131deg);
            transform: rotate(131deg);
         -o-transform: rotate(131deg);
}
                                                            
.palette_cnt .color8a:hover
{
    bottom: 12px;
    left: 12px;
}
                                                            
.palette_cnt .color9
{
    background: rgb(163, 0, 255);
}
                                                            
.palette_cnt .color9a
{
    z-index: 9;
                                                                
    -webkit-transform: rotate(144deg);
       -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
            transform: rotate(144deg);
         -o-transform: rotate(144deg);
}
.palette_cnt .color9a:hover
{
    bottom: 10px;
    left: 10px;
}
                                                            
.palette_cnt .color10
{
    background: rgb(204, 0, 255);
}
                                                            
.palette_cnt .color10a
{
    z-index: 10;
                                                                
    -webkit-transform: rotate(157deg);
       -moz-transform: rotate(157deg);
        -ms-transform: rotate(157deg);
            transform: rotate(157deg);
         -o-transform: rotate(157deg);
}
.palette_cnt .color10a:hover
{
    bottom: 6px;
    left: 13px;
}
                                                            
.palette_cnt .color11
{
    background: rgb(240, 240, 240);
}
                                                            
.palette_cnt .color11a
{
    z-index: 11;
                                                                
    -webkit-transform: rotate(170deg);
       -moz-transform: rotate(170deg);
        -ms-transform: rotate(170deg);
            transform: rotate(170deg);
         -o-transform: rotate(170deg);
}
                                                            
.palette_cnt .color11a:hover
{
    bottom: 2px;
    left: 12px;
}
                                                            
                                                            
/* Palette END */


/* Flag START */

.ch-grid {
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid li {
	width: 213px;
	height: 213px;
	display: inline-block;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 105px rgba(255,255,255,0),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

.ch-info {
	position: absolute;
	background: rgba(63,147,147, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	     -o-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 90px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	line-height:1.4em;
	
	-webkit-transition: all 1s ease-in-out 0.4s;
	   -moz-transition: all 1s ease-in-out 0.4s;
	     -o-transition: all 1s ease-in-out 0.4s;
	    -ms-transition: all 1s ease-in-out 0.4s;
	        transition: all 1s ease-in-out 0.4s;
	
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	     -o-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

/* Flag -- END */


/* Demo Invoice -- START */
.css_Tour_DemoInvoice
{
    position: absolute;
    top: 210px;
    right: 90px;
    line-height: 1.4em;
    z-index: 2;
    font-size: 16px;
    
    -webkit-transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
}

#invoice1, #invoice2
{
    width: 390px;
    height: 260px;
    position: absolute;
    
    -webkit-transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
    z-index:1;
}

#invoice1
{
    background: url(/img/tour-invoice1.png) no-repeat;
    left: 13px;
    top:-74px;
    background-size: 90%;
}

#invoice2
{
    background: url(/img/tour-invoice2.png) no-repeat;
    left: 0px;
    top: -62px;
    background-size: 90%;
}

.big-inv
{
    opacity:0;
       
    -webkit-transform: scale(1.5) rotate(-10deg);
       -moz-transform: scale(1.5) rotate(-10deg);
        -ms-transform: scale(1.5) rotate(-10deg);
         -o-transform: scale(1.5) rotate(-10deg);
            transform: scale(1.5) rotate(-10deg);
}

.nudge
{    	
    -webkit-animation: nudge_btn 12s ease-in-out infinite;
	   -moz-animation: nudge_btn 2s ease-in-out infinite;
	     -o-animation: nudge_btn 2s ease-in-out infinite;
	        animation: nudge_btn 2s ease-in-out infinite;
}

@-webkit-keyframes nudge_btn
{
    0%, 1%, 2% { -webkit-transform: rotate(3deg); }
    0.5%, 1.5%, 2.5% { -webkit-transform: rotate(-3deg); }
    3%  { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes nudge_btn
{
    0%, 1%, 2% { -moz-transform: rotate(3deg); }
    0.5%, 1.5%, 2.5% { -moz-transform: rotate(-3deg); }
    3%  { -moz-transform: rotate(0deg); }
}

@keyframes nudge_btn
{
    0%, 1%, 2% { transform: rotate(3deg); }
    0.5%, 1.5%, 2.5% { transform: rotate(-3deg); }
    3%  { transform: rotate(0deg); }
}
/* Demo Invoice -- END */


/* Quote -- START */

.css_Tour_QuoteMenu
{
    position: absolute;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
            
    -webkit-box-shadow: 1px 1px 4px 1px #ccc;
       -moz-box-shadow: 1px 1px 4px 1px #ccc;
            box-shadow: 1px 1px 4px 1px #ccc;
                
    -webkit-transition: all 0.1s ease-in;
       -moz-transition: all 0.1s ease-in;
        -ms-transition: all 0.1s ease-in;
         -o-transition: all 0.1s ease-in;
            transition: all 0.4s ease-in;
}

#quote_left
{
    top: 0px;
    left: 61px;
    width: 141px;
    height: 200px;
    background: url(/img/tour-quote1.png) no-repeat;
    background-size: cover;
        
    -webkit-transform-origin: 140px 0px;
       -moz-transform-origin: 140px 0px;
        -ms-transform-origin: 140px 0px;
         -o-transform-origin: 140px 0px;
            transform-origin: 140px 0px;
            
    -webkit-transform: perspective(500px) translateX(-48px) rotateY(22deg);
       -moz-transform: perspective(500px) translateX(-48px) rotateY(22deg);
        -ms-transform: perspective(500px) translateX(-48px) rotateY(22deg);
         -o-transform: perspective(500px) translateX(-48px) rotateY(22deg);
            transform: perspective(500px) translateX(-48px) rotateY(22deg);
}

#quote_center
{
    width: 26px;
    height: 200px;
    background: url(/img/tour-quote3.png) 0px 0px no-repeat;
    position: absolute;
    top: 0px;
    left: 147px;
    z-index: 2;
    background-size: contain;
}

#quote_right
{
    width:  127px;
    height: 181px;
    padding: 10px 15px;
    color: white;
    font-size: 11px;
    
    background: -webkit-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: -o-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: -ms-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: -moz-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: linear-gradient(to bottom, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);

    top: -1px; 
    left: 207px;
    
    -webkit-transform-origin: 0px 0px;
       -moz-transform-origin: 0px 0px;
        -ms-transform-origin: 0px 0px;
         -o-transform-origin: 0px 0px;
            transform-origin: 0px 0px;
            
    -webkit-transform: perspective(500px) translateX(-48px) rotateY(-143deg);
       -moz-transform: perspective(500px) translateX(-48px) rotateY(-143deg);
        -ms-transform: perspective(500px) translateX(-48px) rotateY(-143deg);
         -o-transform: perspective(500px) translateX(-48px) rotateY(-143deg);
            transform: perspective(500px) translateX(-48px) rotateY(-143deg);
    
    font-family: Arial, helvetica, Sans-Serif;
}

.opened {    
    -webkit-transform: perspective(500px) translateX(-48px) rotateY(-22deg) !important;
       -moz-transform: perspective(500px) translateX(-48px) rotateY(-22deg) !important;
        -ms-transform: perspective(500px) translateX(-48px) rotateY(-22deg) !important;
         -o-transform: perspective(500px) translateX(-48px) rotateY(-22deg) !important;
            transform: perspective(500px) translateX(-48px) rotateY(-22deg) !important;
}

.css_Tour_QuoteMenu div
{    
    padding: 2px 0px;
    width: 100%;
    margin: 8px 0px;
    padding-top: 3px;
    
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.css_Tour_QuoteMenu div:hover
{    
    color: #333;
    background: #efefef;
    background-image: -webkit-linear-gradient(#fff,#e6e6e6);
    background-image: -moz-linear-gradient(#fff,#e6e6e6);
    background-image: -ms-linear-gradient(#fff,#e6e6e6);
    background-image: linear-gradient(#fff,#e6e6e6);
    cursor: default;
}

.css_Tour_QuoteMenu_Hover
{
    background: url(/extjs/resources/images/default/button/btn-gif/ext.axd) repeat-x 0 -2165px;
    color: #333;
    cursor: default;
}

.css_Tour_QuoteMenu div:active
{
    background: #e6e6e7;
    background-image: -webkit-linear-gradient(#dcdcdf,#dcdcdf);
    background-image: -moz-linear-gradient(#dcdcdf,#dcdcdf);
    background-image: -ms-linear-gradient(#dcdcdf,#dcdcdf);
    background-image: linear-gradient(#dcdcdf,#dcdcdf);
}

.css_Tour_QuoteMenu div span
{    
    display: inline-block;
    padding-left: 22px;
    padding-top: 4px;
    margin-left: 10px;
    background-repeat: no-repeat !important;
    background-position: 0px 1px !important;
    height: 16px;
}

.css_Tour_QuoteMenu div:nth-child(1)
{
    margin-left: 10px;
    margin-top: 0px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 22px;
}
.css_Tour_QuoteMenu div:nth-child(1):hover
{    
    background: none !important;
    color: White !important;
}
.css_Tour_QuoteMenu div:nth-child(2) span
{
    background: url("/icons/accept-png/ext.axd");    
}

.css_Tour_QuoteMenu div:nth-child(3) span
{
    background: url("/icons/decline-png/ext.axd");    
}

.css_Tour_QuoteMenu div:nth-child(4) 
{
    height: 1px;
    padding: 0px;
    border-top: 1px solid #bbb;
    background: none;
    width: 90%;
    margin: 0px auto;
}

.css_Tour_QuoteMenu div:nth-child(5) span
{
    background: url("/icons/printer-png/ext.axd");
}

.css_Tour_QuoteMenu div:nth-child(6) span
{
    background: url("/icons/page_white_acrobat-png/ext.axd");
}

.css_Tour_QuoteMenu div:nth-child(7)
{
    width: 100%;
    height: 197px;
    background: -webkit-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: -o-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: -ms-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: -moz-linear-gradient(top, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);
    background: linear-gradient(to bottom, rgb(118, 126, 133) 0%, rgb(73, 78, 82) 80%, rgb(71, 76, 80) 100%);

    top: -8px;
    left: 0px;
    position: absolute;
}

#quote_status
{
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -13px;
    bottom: 11px;
    left: 14px;
    font-size: 25px;
}
/* Quote -- END */


/* Message Templates -- START */

.css_Tour_Msg_tmpl
{
    z-index: 1;   
    cursor: text;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    height: auto;
    color: #333;
    padding: 15px;
    text-align: left;
    line-height: 1.4em;

    -webkit-box-shadow: 1px 1px 4px 1px #ccc;
       -moz-box-shadow: 1px 1px 4px 1px #ccc;
            box-shadow: 1px 1px 4px 1px #ccc;
    
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    font-family: Arial, helvetica, sans-serif;
}

.css_Tour_Msg_tmpl:hover
{
    z-index: 2;
}

.msg1
{
    top: 0px;
    left: 10px;
    width: 280px;
    background: url(/img/tour-msg1.png);
    background-size: cover;
    -webkit-transform: rotate(-7deg);
       -moz-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
}

.msg2
{
    top: 60px;
    left: 40px;
    width: 260px;
    background: url(/img/tour-msg2.png) 0px -26px;
    background-size: cover;
    -webkit-transform: rotate(4deg);
       -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
}

.msg3
{
    top: 10px; 
    left: 80px; 
    width: 275px; 
    background: url(/img/tour-msg3.png);
    background-size: cover;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
}

.msg_hovered
{
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0;
}

.msg1:hover, .msg2:hover, .msg3:hover
{
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
         -o-transform: scale(1.3);
            transform: scale(1.3);
}

.msg1:hover
{
    left: 30px !important;    
}
/* Message Templates -- END */

/* Thank You -- START */

#thankyou
{
    position: relative;
    margin-top: -60px;
    margin-left: 30px;
        
}

#thankyou .thankyou_wrapper div
{
    width: 55px;
    height: 60px;
    position: absolute;
    
    -webkit-box-shadow: 1px 1px 3px 1px #ccc;
       -moz-box-shadow: 1px 1px 3px 1px #ccc;
            box-shadow: 1px 1px 3px 1px #ccc;
    
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
            
    top: 0px;
    left: 0px;
            
    -webkit-transition: transform 0.5s ease-in-out;
       -moz-transition: transform 0.5s ease-in-out;
        -ms-transition: transform 0.5s ease-in-out;
         -o-transition: transform 0.5s ease-in-out;
            transition: transform 0.5s ease-in-out;
}

#thankyou .thankyou_wrapper div:hover
{
    -webkit-transition: transform 0.2s ease-in-out !important;
       -moz-transition: transform 0.2s ease-in-out !important;
        -ms-transition: transform 0.2s ease-in-out !important;
         -o-transition: transform 0.2s ease-in-out !important;
            transition: transform 0.2s ease-in-out !important;
            
    -webkit-transform: scale(1.3) !important;
       -moz-transform: scale(1.3) !important;
        -ms-transform: scale(1.3) !important;
         -o-transform: scale(1.3) !important;
            transform: scale(1.3) !important;
    z-index: 10;
}

#thankyou .thankyou_wrapper div:nth-child(1)
{
    background: rgb(255, 244, 244) url(/img/tour-thankyou.png) 13px 10px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(2)
{
    background: rgb(234, 237, 255) url(/img/tour-thankyou.png) -37px 10px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(3)
{
    background: rgb(242, 255, 245) url(/img/tour-thankyou.png) -90px 10px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(4)
{
    background: rgb(245, 222, 230) url(/img/tour-thankyou.png) -141px 14px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(5)
{
    background: white url(/img/tour-thankyou.png) -193px 14px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(6)
{
    background: rgb(255, 251, 231) url(/img/tour-thankyou.png) -248px 4px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(7)
{
    background: rgb(253, 236, 165) url(/img/tour-thankyou.png) -299px 10px no-repeat;
}

#thankyou .thankyou_wrapper div:nth-child(8)
{
    background: #bbe2ed;
    background-position: -353px 10px;
    background-repeat: no-repeat;
}

#thankyou .thankyou_wrapper.move div:nth-child(1)
{
    left: 10px;
    -webkit-transform: rotate(-5deg);
       -moz-transform: rotate(-5deg);
            transform: rotate(-5deg);
}

#thankyou .thankyou_wrapper.move div:nth-child(2)
{
    left: 50px;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
            transform: rotate(10deg);
}

#thankyou .thankyou_wrapper.move div:nth-child(3)
{
    left: 97px;    
    top: 4px;
    -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
            transform: rotate(-3deg);
}

#thankyou .thankyou_wrapper.move div:nth-child(4)
{
    left: 145px;
    top: 0px;
}

#thankyou .thankyou_wrapper.move div:nth-child(5)
{
    left: 190px;
    -webkit-transform: rotate(-10deg);
       -moz-transform: rotate(-10deg);
            transform: rotate(-10deg);
}

#thankyou .thankyou_wrapper.move div:nth-child(6)
{
    top: 80px;
    left: 60px;
    -webkit-transform: rotate(5deg);
       -moz-transform: rotate(5deg);
            transform: rotate(5deg);
}

#thankyou .thankyou_wrapper.move div:nth-child(7)
{
    top: 80px;
    left: 110px;
    -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
            transform: rotate(3deg);
}

#thankyou .thankyou_wrapper.move div:nth-child(8)
{
    top: 80px;
    left: 160px;
    background-image:  url(/img/tour-thankyou.png);
    -webkit-transform: rotate(-5deg);
       -moz-transform: rotate(-5deg);
            transform: rotate(-5deg);
}


/* Thank You -- END */



/* Dashboard -- START */
.css_Tour_Dashboard_Totalbar
{
    height: 15px;
    width: 100px;
    position: absolute;
    top: 7px;
    right: 35px;
    cursor: help;
}

.dash_name
{
    height: 15px;
    width: 100px;
    position: absolute;
    top: 9px;
    left: 30px;
    text-align: left;
    padding-top: 2px;
    padding-left: 17px;
}

.dash_status
{
    height: 15px;
    width: 100px;
    position: absolute;
    top: 9px;
    left: 120px;
    text-align: left;
    padding-top: 2px;
    padding-left: 17px;   
}

.dash_status:before
{
    width: 6px;
    height: 6px;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.css_OutgoingInvoices_RowTipTable
{
    width: 220px;
}

.css_OutgoingInvoices_RowTipTable td
{
    border:none;
    vertical-align:top;
}
    
.css_OutgoingInvoices_RowTipTable_Col1
{
    font-weight:bold;
    text-align:left !important;
    padding:1px 0px;
    vertical-align:top;
}                
        
.css_OutgoingInvoices_RowTipTable_Col2
{
    min-width:120px;
    text-align:right !important;
    vertical-align:top;
    padding-right:2px;
}  

.css_OutgoingInvoices_RowTipTable_HorLine
{
    width:100%;
    display: block;
    border-top:1px solid #c9c9c9;
    margin:3px auto;
}

.dash_fade
{
    width: 66px;
    height: 190px;
    position: absolute;
    top: 0px;
    left: -18px;
    background: url(/img/viewport-fade.png?3ddb8eb2134b4717a2512909ba45ab11==) -10px 0px;
    z-index: 2;
}

.dash_fade_right
{
    left: 320px !important;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

#sm1 .dash_status:before, #sm2 .dash_status:before, #sm4 .dash_status:before
{
    background: #EBD933;
}

#sm3 .dash_status:before, #sm6 .dash_status:before
{
    background: #62c462;
}

#sm5 .dash_status:before
{
    background: #eb593c;
}

.bar_fill
{
    width: 0px;
}

.bar_price
{
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 12px;
    color: #333;
}

.bar_price span
{
    color: gray;
}

.css_Tour_Dashboard_Totalbar:hover .css_Tour_Dashboard_TT
{
    display: block;
}

.css_Tour_Dashboard_TT
{
    position: absolute;
    top: -9px;
    right: 100px;
    display: none;
    z-index: 6;
    border: none !important;
    border-radius: 3px !important;
    color: White;
    background: #333 !important;
    opacity: 0.95;
    padding: 10px;
}

.css_Tour_Dashboard_TT:before
{
    display: block;
    content: '';
    position: absolute;
    right: -12px;
    top: 11px;
    border: 6px solid transparent;
    border-left-color: #333;
    opacity: 0.85;
}

.css_Tour_Dashboard_Row
{
    width: 355px;
    height: 30px;
    position: relative;
    cursor: pointer;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ededed;
    font-size: 11px;
}

.css_Tour_Dashboard_Row:hover,
.hovered
{
    background: #f3f3f3 !important;
    border-bottom: 1px solid #dfdfdf;
}

.css_Tour_Dashboard_Row:hover:before,
.hovered:before
{
    position: absolute;
    height: 0px;
    width: 100%;
    content: '';
    top: -2px;
    left: 0px;
    border-top: 1px solid #dfdfdf;
}

.css_Tour_Dashboard_Row.r1:hover:before,
.r1.hovered:before,
.css_Tour_Dashboard_Row.r1.active:before
{
    border-top: 1px solid transparent;
}

.css_Tour_Dashboard_Row.active
{
    background: #efefef !important;
    border-bottom: 1px solid #dfdfdf !important;
}

.css_Tour_Dashboard_Row.active:before {
    position: absolute;
    height: 0px;
    width: 100%;
    content: '';
    top: -2px;
    left: 0px;
    border-top: 1px solid #e2e2e2;
}

.w1
{
    width: 0%;
}

.w2
{
    width: 34.07%;
}

.w3
{
    width: 100%;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.w4
{
    width: 24%;
}

.w5
{
    width: 53.13%;
}

.r1, .r3, .r5
{
    background-color: #fafafa !important;
}

.r1
{
    border-top: 1px solid #ededed;
}


.r5 .css_Tour_Dashboard_TT
{
    min-height: 95px !important;
}

    /* ----------------------------------------------------------------- BARS START */
    
    
    .css_OutgoingInvoices_TotalBarsTbl 
    {
        font-family: arial, helvetica, sans-serif;
        font-size: 11px;
    }
    
    .css_OutgoingInvoices_TotalBarsTbl tr td
    {
        padding-bottom: 5px;
    }
    
    .css_OutgoingInvoices_TotalBarsTbl tr td > div:first-child
    {        
        background-color:white;
        border: 1px solid #2BA6CB;
        position:relative;
        width: 100px;
        height: 14px;
        
        -webkit-border-radius: 15px;
           -moz-border-radius: 15px;
                border-radius: 15px;
    }
    
.css_OutgoingInvoices_TotalBarsTbl tr td > div:first-child > div:nth-child(1)
{
	position: absolute;
	width: 95px;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
	top: 0px;
	left:0px;
	z-index:1;
	color: #666;
}
    
.css_OutgoingInvoices_TotalBarsTbl tr td > div:first-child > div:nth-child(2)
{        
    height:100%; 
    background:#2BA6CB;
    position: absolute;    
	z-index:2;
	overflow: hidden;
	color: white;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	-webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
}

.css_OutgoingInvoices_TotalBarsTbl tr td > div:first-child > div:nth-child(2).border-radius
{
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.css_OutgoingInvoices_TotalBarsTbl tr td > div:first-child > div:nth-child(2) > div
{
	width: 95px;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
	display: block;
}   

.css_OutgoingInvoices_CurrencyLeftBars
{
    float: left;
    margin-left: 7px;
}

.css_OutgoingInvoices_TotalBarsTbl tr td > div:first-child > div:nth-child(2) .css_OutgoingInvoices_GrayText
{
    color: White;
}

/* -------------------------------------- BARS END */

/* Dashboard -- END */

/* Envelope -- START */
#envelope
{
    width: 340px;
    margin-top: -20px;
    position: relative;
}

#envelope div:nth-child(1)
{
    position: absolute;
    width: 220px;
    height: 163px;
    background: url(/img/envelope.png) 0px -0px no-repeat;
    top: -40px;
    left: 70px;
    background-size: 100%;
    z-index: 3;
}

#envelope div:nth-child(2)
{
    position: absolute;
    background: url(/img/3.png) no-repeat;
    width: 143px;
    height: 130px;
    
    left: 117px;
    top: -24px;
    z-index: 2;
    
    background-size: 100%;
    -webkit-box-shadow: -1px 0px 3px 1px #ccc;
       -moz-box-shadow: -1px 0px 3px 1px #ccc;
            box-shadow: -1px 0px 3px 1px #ccc;
    
    -webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;

    -webkit-transform: perspective(800px) rotateX(46deg) rotateY(-1deg) rotateZ(-34deg);
       -moz-transform: perspective(800px) rotateX(46deg) rotateY(-1deg) rotateZ(-34deg);
            transform: perspective(800px) rotateX(46deg) rotateY(-1deg) rotateZ(-34deg);
}

#envelope.open_invoice div:nth-child(2) 
{
    left: 77px !important;
    top: -64px !important;
}

#envelope div:nth-child(3)
{
    position: absolute;
    width: 220px;
    height: 163px;
    background: url(/img/envelope.png) 0px -160px no-repeat;
    background-size: 100%;
    top: -84px;
    left: 70px;
    z-index: 1;
}


.invoice_opened_stamp
{
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
        -ms-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
   opacity:0;
}

#envelope div:nth-child(4)
{
    position: absolute;
    width: 99px;
    height: 63px;
    background: url(/img/envelope.png) -115px -236px no-repeat;
    background-size: 220px;
    top: 26px;
    left: 150px;
    z-index: 4;
    
    -webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in--out;
	     -o-transition: all 0.2s ease-in--out;
	    -ms-transition: all 0.2s ease-in--out;
	        transition: all 0.2s ease-in--out;
}


/* Envelope -- END */

/* Pinboard -- START */
#pinboard
{
    width: 280px;
    height: 200px;
    background: url(/img/tour-pinboard.png) -10px -20px;
    background-size: 299px 230px;
    position: absolute;
    top: 30px;
    left: 60px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
            
    -webkit-box-shadow: 1px 0px 8px 2px #ccc;
       -moz-box-shadow: 1px 0px 8px 2px #ccc;
            box-shadow: 1px 0px 8px 2px #ccc;
    
    -webkit-transform-origin: 138px -56px;
       -moz-transform-origin: 138px -56px;
            transform-origin: 138px -56px;
            
    -webkit-transform: rotate(18deg);
       -moz-transform: rotate(18deg);
            transform: rotate(18deg);
}

#pinboard>div
{
    position: relative;
}

#pinboard .hanger
{
    position: absolute;    
    border-top: 1px solid #7E7870;
    width: 128px;
    height: 1px;  
    -webkit-transform-origin: 0px 0px;
       -moz-transform-origin: 0px 0px;
            transform-origin: 0px 0px;
}

#pinboard .hanger.hgr1
{
    top: 16px;
    left: 244px;
    -webkit-transform: rotate(-145deg);
       -moz-transform: rotate(-145deg);
            transform: rotate(-145deg);
}

#pinboard .hanger.hgr2
{
    top: 16px;
    left: 33px;
    -webkit-transform: rotate(-35deg);
       -moz-transform: rotate(-35deg);
            transform: rotate(-35deg);
}

.pin1
{
    position: absolute;
    top: -32px;
    left: 193px;
    width: 17px;
    height: 17px;
    background: url(/img/tour-pinboard-pin.png) no-repeat;
    background-size: contain;
}

#pinboard .point
{
    width: 3px;
    height: 3px;
    background: #724001;
    position: absolute;
    border-radius: 50% 50%;
    border: 1px solid #724001;
    top: 15px;
}

#pinboard .point.pnt1
{
    left: 30px;
}

#pinboard .point.pnt2
{
    left: 243px;
}

#pinboard .note
{
    position: absolute;
    background-size: contain !important;
    -webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

#pinboard .note.nt1
{
    top:35px;
    left:30px;
    background: url(/img/tour-pinboard-note1.png) no-repeat;
    width: 81px;
    height:81px;
    -webkit-transform: rotate(-20deg);
       -moz-transform: rotate(-20deg);
            transform: rotate(-20deg);
}

#pinboard .note.nt2
{
    top: 20px;
    left: 120px;
    background: url(/img/tour-pinboard-note2.png) no-repeat;
    width: 81px;
    height: 81px;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
            transform: rotate(10deg);
}

#pinboard .note.nt3
{
    top: 110px;
    left: 147px;
    background: url(/img/tour-pinboard-note4.png) no-repeat;
    width: 41px;
    height:41px;
    -webkit-transform: rotate(-20deg);
       -moz-transform: rotate(-20deg);
            transform: rotate(-20deg);
}

#pinboard .note.nt4
{
    top: 96px;
    left: 183px;
    background: url(/img/tour-pinboard-note3.png) no-repeat;
    width: 100px;
    height: 61px;
}

#pinboard .note.nt5
{
    top: 147px;
    left: 77px;
    background: url(/img/tour-pinboard-note5.png) no-repeat;
    width: 58px;
    height: 58px;
    -webkit-transform: rotate(16deg);
       -moz-transform: rotate(16deg);
            transform: rotate(16deg);
}

#pinboard .note.nt6
{
    top: 130px;
    left: 17px;
    background: url(/img/tour-pinboard-note6.png) no-repeat;
    width: 50px;
    height: 58px;
    -webkit-transform: rotate(6deg);
       -moz-transform: rotate(6deg);
            transform: rotate(6deg);
}

#pinboard .note.nt7
{
    top: 41px;
    left: 223px;
    background: url(/img/tour-pinboard-note7.png) no-repeat;
    width: 60px;
    height: 50px;
    -webkit-transform: rotate(-16deg);
       -moz-transform: rotate(-16deg);
            transform: rotate(-16deg);
}

#pinboard .note:hover
{
    z-index:2;
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
            transform: scale(1.3);    
}


#pinboard.hang {
	-webkit-animation: sway 8s 1s ease-in-out 1 forwards;
	   -moz-animation: sway 8s 1s ease-in-out 1 forwards;
	        animation: sway 8s 1s ease-in-out 1 forwards;
}

@-webkit-keyframes sway {
	0% { -webkit-transform: rotateZ(18deg); }
	1% { -webkit-transform: rotateZ(18deg); }
	3% { -webkit-transform: rotateZ(-16deg); }
	5% { -webkit-transform: rotateZ(14deg); }
	7% { -webkit-transform: rotateZ(-12deg); }
	9% { -webkit-transform: rotateZ(10deg); }
	11% { -webkit-transform: rotateZ(-8deg); }
	13% { -webkit-transform: rotateZ(6deg); }
	15% { -webkit-transform: rotateZ(-4deg); }
	17% { -webkit-transform: rotateZ(2deg); }
	19% { -webkit-transform: rotateZ(-1deg); }
	21% { -webkit-transform: rotateZ(1deg); }
	23% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes sway {
	0% { -moz-transform: rotate(18deg); }
	1% { -moz-transform: rotate(18deg); }
	3% { -moz-transform: rotate(-16deg); }
	5% { -moz-transform: rotate(14deg); }
	7% { -moz-transform: rotate(-12deg); }
	9% { -moz-transform: rotate(10deg); }
	11% { -moz-transform: rotate(-8deg); }
	13% { -moz-transform: rotate(6deg); }
	15% { -moz-transform: rotate(-4deg); }
	17% { -moz-transform: rotate(2deg); }
	19% { -moz-transform: rotate(-1deg); }
	21% { -moz-transform: rotate(1deg); }
	23% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes sway {
	0% { transform: rotate(18deg); }
	1% { transform: rotate(18deg); }
	3% { transform: rotate(-16deg); }
	5% { transform: rotate(14deg); }
	7% { transform: rotate(-12deg); }
	9% { transform: rotate(10deg); }
	11% { transform: rotate(-8deg); }
	13% { transform: rotate(6deg); }
	15% { transform: rotate(-4deg); }
	17% { transform: rotate(2deg); }
	19% { transform: rotate(-1deg); }
	21% { transform: rotate(1deg); }
	23% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
/* Pinboard -- END */

.scale_95
{
    -webkit-transform: scale(0.95);
       -moz-transform: scale(0.95);
            transform: scale(0.95);
}

.scale_90
{
    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
            transform: scale(0.9);
}

.scale_85
{
    -webkit-transform: scale(0.85);
       -moz-transform: scale(0.85);
            transform: scale(0.85);
}

.scale_80
{
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
            transform: scale(0.8);
}

.pick-a-theme {
    position: absolute;
    top:15px;
    left:40%;
    width: 200px;
    height: 100px;
    background: url('/img/pick-a-theme.png') no-repeat;
}