﻿/*body
{
    font-family:MS Sans Serif;
    color: #626363;
}
.footer footer h3, .content_block h1, .content_block h2, .content_block h3, .content_block h4, .content_block h5, .content_block h6
{
    font-family: MS Sans Serif;
}
.footer footer h3, .content_block h3, .content_block h4, .content_block h5, .content_block h6
{
    color: #434242;
}*/
.process ul li h3 span, .why_choose ul li::before, .wraper_typ ul.arrows_list li::before, .btn_col, .btn_col:visited, .homeone .oneByOne1, .blog_entries .post .img_wrap .date, .share_story ul li a:hover, .sidebar_tabs #s_tabs .tab_select li.active a, .sidebar_tabs #s_tabs .tab_select li.active a:visited, span.services_option2, .horizontal_tabs #h_tabs .tab_select li.active span, .content_block a.small-facebook:hover, .content_block a.small-tweeter:hover, .content_block a.small-linkedin:hover, .content_block a.small-baby:hover, .content_block a.small-rss:hover, .content_block a.small-google:hover, .content_block a.small-www:hover, .content_block a.large-facebook:hover, .content_block a.large-tweeter:hover, .content_block a.large-linkedin:hover, .content_block a.large-baby:hover, .content_block a.large-rss:hover, .content_block a.large-google:hover, .content_block a.large-www:hover, .flyout_area dt.selected h4::before, .team_option2 ul li .desc .social li a:hover, .team_option3 ul li .desc .social li a:hover, .team_option4 ul li .desc .social li a:hover, .team_option ul li .desc .social li a:hover::before, .single_full ul li .desc .things_list ul li::before, .faq_list .filter li.active a, .faq_list .filter li span, .process2 #tabs div ul li::before, .process2 #tabs .tab_select li.active span, .left_nav #tabs div ul li::before, .flex-control-paging li a.flex-active, .services_option2 #tabs div ul li::before, .our_clients .bx-pager a.pager-active, .our_clients .bx-pager a.pager-link:hover, .faq_list #faq li.simpleFAQShowing::before, .left_nav #tabs .tab_select li.active, .left_nav #tabs .tab_select li:before, .intro_text .bx-pager a.pager-active, .intro_text .bx-pager a.pager-link:hover, .services_option .right_desc ul li .circle, .flex-control-paging li a:hover, .acc_tabs #tabs .tab_select li.active a, .acc_tabs #tabs .tab_select li.active a:visited
{
    background-color: #68b8e4;
}
.services_option4 ul li:hover .circle, .features2_block ul li:hover .circle, .small_icons ul li:hover .circle, .medium_icons ul li:hover .circle
{
    box-shadow: 0 0 0 5px #68b8e4;
}
.header nav ul ul li:first-child a
{
    border-top-color: #68b8e4;
}
.send_quote:hover, .header nav ul ul li:last-child a, .short_text_layout ul li:hover, .featured_list ul li:hover div
{
    border-bottom-color: #68b8e4;
}
.wraper_typ blockquote, .post blockquote
{
    border-left-color: #68b8e4;
}
/*a, a:active, a:visited, .header nav ul li a:hover, .header nav ul ul li:hover a, .header nav ul ul li:hover li a:hover, .footer footer .subscribe_block p input[type="submit"], .btn_l, .btn_m, .btn_s, .our_clients .clients_slider li blockquote p:last-child, .pricing_option ul li .price span, .pricing_option ul li .price sup, .pricing_option ul li.active h4, .comments ul li .info i, .leave_comment form p input[type="submit"], .copyright .top:hover, #tabs .tab_select li.active a, .horizontal_tabs #h_tabs .tab_select li.active a, .services_option2 #tabs .tab_select li.active a, .horizontal_tabs #h_tabs .tab_select li:hover a, .blog_entries .post_full .desc blockquote, .portfolio_sidebar ul li .desc h5 span a, .portfolio_sidebar ul li .desc h5 span a:visited, .footer footer .section ul li a:hover, .pager_nav a:hover, .contact_us ul li strong, .single_full ul li .desc i, .process2 #tabs .tab_select li.active a, .long_text_layout ul li .desc h5 span a, .long_text_layout ul li .desc h5 span a, .copyright p a:hover, .features2_block #h_tabs ul li.active h4, .process2 #tabs .tab_select li:hover a, .contact_us form p input[type="submit"], .dropcap p::first-letter, .pager_nav a:hover, .pager_nav span, #obo_slider .oneByOne_item span.txt4 a, .leave_comment form p input[type="submit"]
{
    color: #3FA3C9;
}
a:hover, .services_option2 #tabs .tab_select li:hover a
{
    color: #68b8e4;
}
.top_title, .social_block, .text_bar2, .btn_col:hover, .team_option4 ul li .rate p span .blue
{
    background-color: #3FA3C9;
    top: 0px;
    left: 0px;
}
    */
.dgitem
{
    font-family: MS Sans Serif; 
    font-size:small;
    color:Black;
    border-color:#EBF5FA;
    border-width:thin;
}
.top_title1
{
    background-color:#25729a;
    top: 0px;
    left: 0px;
}

/*.header nav ul ul a
{
    border-left-color: #D3E7EF;
    border-right-color: #D3E7EF;
}
.header nav ul ul li li:first-child a
{
    border-top-color: #D3E7EF;
}
    */
.pricing_option ul li.active .active_bg
{
    box-shadow: #D3E7EF 0 0 0 7px inset;
    -moz-box-shadow: #D3E7EF 0 0 0 7px inset;
    -webkit-box-shadow: #D3E7EF 0 0 0 7px inset;
}

#div1
{
    /*background-color: white;*/
   
    /*width: 100%;*/
    text-align: center;
}
/*.MainDiv1SysQue
{
    background-color: #68B8E4;
}


.MainDiv1Fab
{
     background-color: #19244F;
}

.MainDiv1SysQueForeColor
{
    color: #68B8E4;
}
.MainDiv1FabForeColor
{
     color: #19244F;
}
#MainDiv1 {
  
    width: 100%;
    text-align: center;
    margin-top:-4px;
}

#MainDiv {
   background-color: White;
    
    width: 100%;
    text-align: center;
    margin-top:-4px;
}
    */

#div2
{
     /*background-color:#68B8E4;*/
    /* height: 65em;
    width: 960px;*/
    border: none;
    display: inline-block;
  
    /*margin-top: .5%;*/
}


#div3
{
    width: 100%;
    text-align: left;
    margin-top: inherit;
}


.fieldsetbox
{
    margin: 20px;
    padding: 0 10px 10px;
    border: 05px none black;
    border-radius: 0px;
    padding-top: 10px;
    
}
.legendbox
{
    padding: 2px 4px;
    background: #fff; /* For better legibility against the box-shadow */
}

.HalfBG
{
    border-bottom: 5px solid #fff;
    padding: 35px 0;
}

.ViewCss
{
    background-color: #25729a;
    width: 100%;
    text-align: center;
}

#slider
{
    background: White;
}

.ui-slider .ui-slider-handle
{
    width: .5em !important;
    height: 1em !important;
    margin-top: -4px;
}

img.btn_close
{
    float: right;
    margin: -30px -35px 0 0;
}

.header
{
    padding-top: 0px;
    /*min-height: 150px;*/
    top: 0px;
    left: 0px;
}

.header .logo, .header .logo:visited
{
    top: 0px;
    height: 130px;
    width: 200px;
}

.header nav ul li
{
    font-weight: normal;
}

.imgalign
{
    vertical-align: bottom;
    padding-top: 5px;
}



/* pop up OverLay  */

.web_dialogEdithomeDetails
{
    display: none;
    position: fixed;
    width: 560px;
    height:190px;
    top: 30%;
    left: 50%;
    margin-left: -250px;
    margin-top: -90px;
    background-color: #ffffff;
    border: 2px solid #25729a;
    padding: 10px;
    z-index: 999999999999999;
    font-family: MS Sans Serif;
    font-size: 10pt;
    box-shadow: 0 5px 15px #25729a;
      border-radius:5px;
}

.f2 {width: 220px; height: 22px; margin: 0;}








/*.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #68B8E4;
    opacity: 0.5;
    filter: alpha(opacity=60);
    -moz-opacity: 1;
    z-index: 99999999999999;
    display: none;
   
}*/

/*.web_dialogForgetPassword
{
    display: none;
    position: absolute;
    width: 350px;
    top: 100%;
    left: 50%;
    margin-left: -190px;
    margin-top: -10px;
    background-color: #ffffff;
    border: 2px solid #25729a;
    padding: 10px;
    z-index: 999999999999999;
    font-family: MS Sans Serif;
    font-size: 10pt;
    box-shadow: 0 5px 15px #25729a;
    border-radius:5px;
}

.web_dialog
{
    display: none;
    position: fixed;
    width: 500px;
    top: 30%;
    left: 50%;
    margin-left: -190px;
    margin-top: -90px;
    background-color: #ffffff;
    border: 2px solid #25729a;
    padding: 10px;
    z-index: 999999999999999;
    font-family: MS Sans Serif;
    font-size: 10pt;
    box-shadow: 0 5px 15px #25729a;
    border-radius:5px;
}


.web_dialogForFittingIssueReport
{
    display: none;
    position: fixed;
    width: 510px;
    top: 30%;
    left: 50%;
    margin-left: -190px;
    margin-top: -90px;
    background-color: #ffffff;
    border: 2px solid #25729a;
    padding: 10px;
    z-index: 999999999999999;
    font-family: MS Sans Serif;
    font-size: 10pt;
    box-shadow: 0 5px 15px #25729a;
    border-radius:5px;
}*/

.web_dialog_title
{
    border-bottom: #336699;
    background-color: white;
    padding: 4px;
    color: Black;
    font-weight: bold;
}
.web_dialog_title a
{
    color: Black;
    text-decoration: none;
}
.align_right
{
    text-align: right;
}

.modalDialog
{
    position: fixed;
    font-family: MS Sans Serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.close
{
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: right;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover
{
    background: #00d9ff;
}

.modalDialog:target
{
    opacity: 1;
    pointer-events: auto;
}

.modalDialog > div
{
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}


.wordwrap
{
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.ui-autocomplete-loading
{
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}


/*.button
{
    background-color: #68B8E4;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -moz-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -ms-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: -o-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image: linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    border: 1px solid #25729a;
    color: White;
    height: 22px;
    cursor: default;
    display: inline-block;
    font: bold 18px/12px;
    font-size: small;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	float: none;	
	text-align: center;
}

.button:focus
{
    background-color: #68B8E4;
    color: #f6f6f6;
    cursor: default;
}

.button:hover:enabled
{
    background-color: #68B8E4;
    color: #f6f6f6;
    cursor: default;
}
.button:active:enabled
{
    background-color: #68B8E4;
    color: #f6f6f6;
    cursor: default;
}

.button:active
{
    background-color: #68B8E4;
    color: whitesmoke;
    cursor: default;
}

.button:disabled
{
    background-color: #68B8E4;
    cursor: default;
}
*/
 .someinput::-ms-reveal {
 display: none;
 }

.someinputdiscross::-ms-clear {
 display: none;
 }


/*  This is for Downlaod Page*/


.tab-box
{
    border-bottom: 1px solid #DDD; /*padding-bottom: 10px;*/
    font-family: MS Sans Serif;
    font-weight: bold;
    color: #999;
}
.tab-box a
{
    border: 1px solid #DDD;
    color: #666666;
    padding: 5px 15px;
    text-decoration: none;
    background-color: #eee;
}
.tab-box a.activeLink
{
    background-color: #EBF5FA;
    border-bottom: 0;
    padding: 6px 15px;
}
.tabcontent
{
    border: 1px solid #ddd;
    border-top: 0;
    padding: 5px;
}
.hide
{
    display: none;
}
.small
{
    color: #999;
    margin-top: 100px;
    border: 1px solid #EEE;
    padding: 5px;
    font-size: 9px;
    font-family: MS Sans Serif;
}


.panelScroll
{
    color: #000000; /*color: #1F1F1F;*/ /*color:White;*/
    width: 100%;
    height: 650px;
    overflow: scroll;
    overflow-x:hidden;
    float: left;
    margin: 10px 0;
}


        #dhtmltooltip
        {
            position: absolute;
            left: -300px;
            width: 50px; /*border: 1px solid black;*/
            padding: 2px;
            background-color: Silver;
            visibility: hidden;
            z-index: 100;
            text-align: center;
            border-radius: 5px 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px; /*Remove below line to remove shadow. Below line should always appear last within this CSS
            filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
        }
        
        #dhtmlpointer
        {
            position: absolute;
            left: -300px;
            z-index: 101;
            visibility: hidden;
        }



/*  Set the container for the bar*/
.bar
{
    height: 10px;
    width: 200px;
    padding: 10px;
    background-color: rgba(0,0,0,.1);
    margin: 200px auto 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.03),inset 0 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.03),inset 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 0 rgba(255,255,255,.08),inset 0 10px 0 rgba(0,0,0,.1);
}

/* 
This is the actual bar with stripes
*/
.bar span
{
    display: inline-block;
    z-index: 10;
    height: 100%;
    width: 100%;
    border: 1px solid #208DBD;
    border-bottom-color: #208DBD;
    background-color: #FDFDFD;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
    /*background-image: -webkit-linear-gradient(              -45deg,              rgba(32, 139, 189,255) 25%,              transparent 25%,              transparent 50%,              rgba(32, 139, 189,255) 50%,              rgba(32, 139, 189,255) 75%,              transparent 75%,              transparent              );
    background-image: -moz-linear-gradient(               -45deg,               rgba(32, 139, 189,255) 25%,               transparent 25%,               transparent 50%,               rgba(32, 139, 189,255) 50%,               rgba(32, 139, 189,255) 75%,               transparent 75%,               transparent              );
    background-image: -ms-linear-gradient(               -45deg,               #208DBD 25%,               transparent 25%,               transparent 50%,               #208DBD 50%,               #208DBD 75%,               transparent 75%,               transparent              );
    background-image: linear-gradient(               -45deg,               #208DBD 25%,               transparent 25%,               transparent 50%,               #208DBD 50%,               #208DBD 75%,               transparent 75%,               transparent              );
    */

    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -ms-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    -ms-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
}

/*
Animate the stripes
*/ 
@-webkit-keyframes move{
  0% {
   background-position: 0 0;
  }
  100% {
   background-position: 50px 50px;
  }
} 
@-moz-keyframes move{
  0% {
   background-position: 0 0;
  }
  100% {
   background-position: 50px 50px;
  }
} 
@-ms-keyframes move{
  0% {
   background-position: 0 0;
  }
  100% {
   background-position: 50px 50px;
  }
} 
@keyframes move{
  0% {
   background-position: 0 0;
  }
  100% {
   background-position: 50px 50px;
  }




