@charset "utf-8";
/* CSS Document */

body{padding:0px; margin:0px; font-size:13px; color:#414042; font-family:Arial, Helvetica, sans-serif; background:#ACACAC;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; font-weight:normal; }
img{border:0px; }
p{padding:0px; margin:0px;}
a{text-decoration:none; color:#18b3ec;transition-duration: 0.2s;} 
ul, li{list-style:none; padding:0px; margin:0px;  }
input, textarea, select{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;}
.fld{float:left!important}
.frd{float:right!important}
/*************template css***************/
.wrapper{width:100%; min-height:100%; background:#fafafa url(../images/bodybg2.jpg) repeat-x bottom center; margin:auto;border-radius:0px 0px 5px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.wrapper_inner{width:100%; background: url(../images/bodybg.jpg) repeat-x top left; min-height:760px; }
.auto{width:1000px; margin:auto; }
.clearfix:after {  content: " ";visibility: hidden;display: block;height: 0; clear: both;}
/***************header css**************/
.logo{width:100%; text-align:center; padding:30px 0px 0px 0px }
.home_title{ width:100%; text-align:center; color:#8f8f83; padding:40px 0px 30px 0px; font-size:35px;font-family: Arial; }
.content_scrool{width:600px; overflow:auto; border:1px #B5B4B2 solid; background:#FFF; margin:auto; padding:15px 30px;text-align:justify;
box-shadow:0px 0px 3px #D4D4D4 }
.content_scrool p{ padding:0px 0px 15px 0px; line-height:19px;}
.content_scrool .checkmsg .checkbox{margin:2px 5px 25px 0px; float:left;}
.content_scrool .checkmsg{ font-size:14px; color:#F00; margin-top:10px; }
.button_center{width:100%; text-align:center; padding:15px 0px 25px 0px; }
.gobtn{background: #c2c2c2; padding:6px 20px; font-size:15px; color:#000; border-radius:4px; border:1px #9C9C9C solid;
background:url(../images/button_bg.jpg) repeat-x top; color:#333; box-shadow:0 0 2px #B4B4B4}
.gobtn:hover{border:#828282 1px solid  }
.footer{background:#fff url(../images/footer_bg.jpg) repeat-y top left; border-radius:10px; height:40px; width:90%; margin:auto; margin-top:15px; box-shadow:0px 1px 1px #9C9C9C;   }
.footer_logo{ float:right; margin-right:35px; margin-top:10px;}
/************inner page*************/
.header{background:url(../images/header_bg.jpg) repeat-x; min-height:56px; padding:0px 0px; box-shadow:0 7px 15px #474747;  }
.header div.auto{padding:0px 10px; }
.weveform_links{float:left; padding:10px 0px 0px 0px; }
/*.weveform_links a{background:#d3d3ff url(../images/button_bg2.jpg) repeat-x bottom left; float:left; padding:8px 15px; color:#FFF; border-radius:5px; font-size:13px; text-shadow:0 0 1px #123E6C; border:1px #D6D6F6 solid; box-shadow:0px 0px 0px; margin-right:10px; box-shadow:0px 0px 2px #537daa; font-weight:bold;  }
.weveform_links a:hover, .weveform_links a.active{background:#9999cc; text-shadow:0px 0px 10px #fff; text-decoration:underline; color:#34518b; } */
.logo2{background:url(../images/logo2.png) no-repeat 0px 0px; width:115px; height:47px; font-size:0px; float:left; margin-top:4px; 
margin-left:90px; }


.linkScenariosbutton{background-image:url(../images/scenarios_normal.png); width:173px; height:44px; float:left;   }
.linkScenariosbuttonActive {background-image:url(../images/scenarios_ac.png);width:173px; height:44px; float:left;}

.linkSimulatorbutton{background-image:url(../images/simulator_normal.png); width:173px; height:44px; float:left;}
.linkSimulatorbuttonActive {background-image:url(../images/simulator_ac.png); width:173px; height:44px; float:left;}


.header_right{float:right; width:auto; }
.rub_btn{background:#47ff47 url(../images/buttonbg_3.jpg) repeat-x bottom left; float:left; padding:4px 25px; color:#FFF; border-radius:5px; font-size:13px; text-shadow:0 0 1px #123E6C; border:1px #D6D6F6 solid; box-shadow:0px 0px 0px; margin-right:10px; box-shadow:0px 0px 2px #537daa; font-weight:bold; margin-top:15px; cursor:pointer;}
.rub_btn:hover{background:#47ff47; }

.rub_btnStop{background:#a22635 url(../images/buttonbg_3hover.jpg) repeat-x bottom left; float:left; padding:4px 25px; color:#FFF; border-radius:5px; font-size:13px; text-shadow:0 0 1px #123E6C; border:1px #D6D6F6 solid; box-shadow:0px 0px 0px; margin-right:10px; box-shadow:0px 0px 2px #537daa; font-weight:bold; margin-top:15px; cursor:pointer;}
.rub_btnStop:hover{background:#a22635; }

.menu_btn{background:url(../images/menu_btn.png) no-repeat 0px 0px; width:59px; height:45px; float:right; margin:6px 0px 0px 0px; }

/******************content section******************************/
.content{padding:30px 10px 10px 10px; overflow:hidden; min-height:560px;  }
.left_band{width:190px; height:510px; padding:20px 0px; background:#030000; float:left; margin-bottom:15px; border-radius:7px; }
.timing{width:100%; text-align:center; color:#FFF; font-size:38px; font-weight:bold; padding-bottom:22px; position:relative; }
.timingSimulator{width:100%; text-align:center; color:#FFF; font-size:38px; font-weight:bold; padding-bottom:18px; position:relative; }
.timingSimulator span{color:#939292; }
.timing span{color:#939292; }
.fixed{color:#939292; border-top:1px #737272 solid;font-size:34px; font-weight:bold; text-align:center; padding:12px 0px; }
.mart50{margin-top:50px; }
.drop_icon{background:url(../images/dropdown_arrow.png) no-repeat 0px 0px; width:28px; height:55px; float:left; position:absolute; left:15px; }


.tab_section{width:112px; min-height:530px; float:left; background:#CDCCCC; border-radius:0px 5px 5px 0px; margin:15px 0px 0px 0px;transition-duration:0.5s; margin-left:0px }
.tab_section ul{float:left; margin-top:35px; width:100%; background:url(../images/tab_sep.png) no-repeat center bottom; }
.tab_section ul li{ background:url(../images/tab_sep.png) no-repeat center top; padding:15px 0px 15px 14px ; width:88%; float:left; position:relative;  }
.tab_section ul li a{padding:3px; background:#d5ebf1; float:left; border:1px #6a97ab solid; box-shadow:0px 0px 1px #8999a3; }
.tab_section ul li a span.tab_arrow{display:none;}
.tab_section ul li a:hover span.tab_arrow, .tab_section ul li a.active span.tab_arrow{display:block!important; background:url(../images/tab_arrow.png) no-repeat 0px; width:18px; height:57px; position:absolute; right:4px; top:18px;}
.graph_section{float:left; padding-left:25px}
.graph1{width:100%; position:relative; float:left; min-height:276px; margin-bottom:5px; }
.graph_stap{background:url(../images/power_img.png) no-repeat 0px 0px; width:76px; height:276px; width:76px; float:left; margin-right:25px; }
.graph2 .graph_stap{background:url(../images/flow_img.png) no-repeat 0px 0px; width:76px; height:276px; width:76px; float:left; margin-right:25px; }
.graph_box{border:2px #000 solid; float:left; width:84%; min-height:246px; background:#FFF; margin-top:15px; overflow:hidden; transition-duration:0.5s; }
.graph_box1{border:0px #000 solid; float:left; width:78%; min-height:258px; background:#FFF; margin-top:15px; overflow:hidden; transition-duration:0.5s; }
#divScenarios.active .graph_box{width:78%; transition-duration:0.5s; }
#divScenarios.active .graph_box1{width:98%; transition-duration:0.5s; }
#divSimulator.active .graph_box{width:78%; transition-duration:0.5s; }
#divSimulator.active .graph_box1{width:98%; transition-duration:0.5s; }
.graph2 .graph_box{margin-top:10px; }





/**************index3**************/
.graph_section2{float:left; padding-left:10px; width:665px; transition-duration:0.5s;}
#divScenarios.active .graph_section2{width:535px; transition-duration:0.5s;}
#divSimulator.active .graph_section2{width:535px; transition-duration:0.5s;}
.graph_section2 img{width:100%; }
/************right band*************/
.preload{width:240px; height:510px; padding:0px 0px 20px 0px; float:right; margin-bottom:15px; border-radius:7px; 
background:#9a9a9a url(../images/preload_bg.jpg) repeat-x top center; border-radius:5px; border:1px #aeadad solid; margin-top:10px; }
.preload_form{width:175px; margin:auto; }
.form_row{float:left; width:100%; padding-top:20px; }
.form_title{font-size:21px; font-weight:bold; width:100%; float:left; padding:5px 0px; padding-left:10px; } 
.select_fild{padding:3px 3px; border:1px #848484 solid; width:100%; font-size:17px; font-weight:bold; }
.preload_img{background:url(../images/preload_img.png) no-repeat 0px 0px; width:126px; height:218px; margin:auto; display:table;position:relative; }
.Progressbar
{
    background: none repeat scroll 0 0 #E81919;
    height: 37px;
    left: 68px;
    position: absolute;
    top: 105px;
    width: 25px;
}

.canvas_progress_red
{
     background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D41313),
	color-stop(0, #663939),
	color-stop(1, #FF2E2E)
);
background-image: -o-linear-gradient(bottom, #D41313 0%, #663939 0%, #FF2E2E 100%);
background-image: -moz-linear-gradient(bottom, #D41313 0%, #663939 0%, #FF2E2E 100%);
background-image: -webkit-linear-gradient(bottom, #D41313 0%, #663939 0%, #FF2E2E 100%);
background-image: -ms-linear-gradient(bottom, #D41313 0%, #663939 0%, #FF2E2E 100%);
background-image: linear-gradient(to bottom, #D41313 0%, #663939 0%, #FF2E2E 100%);
    height: 47px;
    left: 66px;
    position: absolute;
    top: 104px;
    width: 32px;
    border-radius:2px;
}

.canvas_progress_blue
{
     background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #161EFE),
	color-stop(0, #3A3966),
	color-stop(1, #3041FF)
);
background-image: -o-linear-gradient(bottom, #161EFE 0%, #3A3966 0%, #3041FF 100%);
background-image: -moz-linear-gradient(bottom, #161EFE 0%, #3A3966 0%, #3041FF 100%);
background-image: -webkit-linear-gradient(bottom, #161EFE 0%, #3A3966 0%, #3041FF 100%);
background-image: -ms-linear-gradient(bottom, #161EFE 0%, #3A3966 0%, #3041FF 100%);
background-image: linear-gradient(to bottom, #161EFE 0%, #3A3966 0%, #3041FF 100%);
    height: 47px;
    left: 66px;
    position: absolute;
    top: 104px;
    width: 32px;
    border-radius:2px;
}

.canvas_progress_gray
{
     background-image: -webkit-gradient(
	    linear,
	    right bottom,
	    left bottom,
	    color-stop(0, #525151),
	    color-stop(1, #A1A1A1)
    );
    background-image: -o-linear-gradient(left, #525151 0%, #A1A1A1 100%);
    background-image: -moz-linear-gradient(left, #525151 0%, #A1A1A1 100%);
    background-image: -webkit-linear-gradient(left, #525151 0%, #A1A1A1 100%);
    background-image: -ms-linear-gradient(left, #525151 0%, #A1A1A1 100%);
    background-image: linear-gradient(to left, #525151 0%, #A1A1A1 100%);
    height: 47px;
    left: 66px;
    position: absolute;
    top: 104px;
    width: 32px;
    border-radius:2px;
}

.system_btn{background:#47de07; padding:4px 20px; color:#000; margin:auto; display:table; font-weight:bold; font-size:15px; text-transform:uppercase; border:1px #fff solid; box-shadow:0px 0px 5px #2c9902 inset; margin-top:5px; }
.system_btn:hover{background:#33CA00; }

.system_btnRegulation{background:Red; padding:4px 20px; color:#000; margin:auto; display:table; font-weight:bold; font-size:15px; text-transform:uppercase; border:1px #fff solid; box-shadow:0px 0px 5px #2c9902 inset; margin-top:5px; }
.system_btnRegulation:hover{background:Red; }


.system_btnSuction{background:Red; padding:4px 20px; color:#000; margin:auto; display:table; font-weight:bold; font-size:15px; text-transform:uppercase; border:1px #fff solid; box-shadow:0px 0px 5px #2c9902 inset; margin-top:5px; }
.system_btnSuction:hover{background:Red; }
.right_section{overflow:hidden; }
/***********slider**************/
.rightnav{ 	-webkit-transition: .2s all ease;-moz-transition: .2s all ease;transition: .2s all ease; transition-duration:0.5s; opacity:0 }
.main_content { padding: 1.5em; position: relative; max-width: 70em; margin: 0 auto; background-color: #f4f4f4; }
.rightnav { margin-right: -300px; float: right;}
#divScenarios.active .rightnav { margin-right:0;  opacity:1}
#divScenarios.active .tab_section{ transition-duration:0.5s; margin-left:-115px}
#divSimulator.active .rightnav { margin-right:0;  opacity:1}
#divSimulator.active .tab_section{ transition-duration:0.5s; margin-left:-115px}
.pointer{cursor:pointer;}



/**************footer**************************/
.footer_wrap{background:#ccccff url(../images/footerbg_2.jpg) repeat-x bottom left; min-height:34px; width:98%; margin:auto; border-radius:15px; box-shadow:0px 1px 0px 1px #264c72; clear:both; border-top:2px #e6e6e6 solid; padding:0px 20px; box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; margin-top:15px; }
.signal_icon{background:url(../images/network_icon.png) no-repeat 0px 0px; width:25px; height:23px; float:left; margin-top:5px; }
.signal_time{float:left; font-size:16px; padding:7px 35px 0px 15px; color:#1F1F1F }
.footer_logo2{background:url(../images/HeartWare_WHITE_Logo_2014.png) no-repeat 0px 0px; width:104px; height:29px; float:right; margin-top: }
.paging{float:left; width:auto; padding-top:6px; margin-left:35px; }
.paging span.number{float:left; width:22px; height:16px; padding:3px 0px; margin-right:7px;  border-radius:25px; text-align:center;  margin-top:1px; }
.footer_wrap .active span.number{float:left; width:22px; height:16px; padding:3px 0px; margin-right:7px; background:#fff; border-radius:25px; text-align:center;  margin-top:1px;  }
.paging span.status{float:left; width:54px; height:19px; background:url(../images/green_signal.png) no-repeat 0px; margin-top:2px; } 
.preload h2{color:#000; font-size:15px; font-weight:bold; text-transform:uppercase; text-align:center; padding:13px 0px 0px 0px; 
text-shadow:0px 0px 2px #CCC }
.preload ul{padding:5px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.preload ul li{width:100%; padding-top:10px; float:left; }
.preload ul li a{background:#6f6d6e url(../images/rightmenu_bg.jpg) repeat-x top left; padding:8px 0px; text-align:center; font-weight:bold; width:100%;float:left; color:#FFF; font-size:15px; border:1px #989898 solid; cursor:pointer;}
.preload ul li a:hover, .preload ul li a.active{background:#b15e5a url(../images/rightmenu_bgho.jpg) repeat-x top left; border:1px #9c7b7b solid;}

.uparrow{width:29px; height:27px; position:absolute; left:16px; top:0px; z-index:999;cursor:pointer; }
.downarrow{width:29px; height:27px;  position:absolute;left:16px; top:31px; z-index:999;cursor:pointer; }



/***********************ipad media*******************************/

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
.auto{width:748px; margin:auto; }
.graph_section{padding-left:20px; width:395px; margin-top:15px;}
.graph_section img{width:100%; }
.graph_section2{width:435px;  transition-duration:0.5s;}
#divScenarios.active .graph_section2{width:340px; transition-duration:0.5s; }
#divSimulator.active .graph_section2{width:340px; transition-duration:0.5s; }
.rightnav{width:190px; }
.content{padding-left:0px; padding-right:0px; }
.logo2{margin-left:30px; }
.graph_box{width:74%; transition-duration:0.5s; }
#divScenarios.active .graph_box{width:69%; transition-duration:0.5s; }
#divSimulator.active .graph_box{width:69%; transition-duration:0.5s; }
}

@media only screen and (max-width: 767px) 
{
body{width:776px; }    
.wrapper{max-width:800px; }
.auto{width:755px; margin:auto; }
.graph_section{padding-left:20px; width:395px; margin-top:15px;}
.graph_section img{width:100%; }
.graph_section2{width:435px;  transition-duration:0.5s;}
#divScenarios.active .graph_section2{width:340px; transition-duration:0.5s; }
#divSimulator.active .graph_section2{width:340px; transition-duration:0.5s; }
.rightnav{width:190px; }
.content{padding-left:0px; padding-right:0px; }
.logo2{margin-left:30px; }
.graph_box{width:74%; transition-duration:0.5s; }
#divScenarios.active .graph_box{width:69%; transition-duration:0.5s; }
#divSimulator.active .graph_box{width:69%; transition-duration:0.5s; }

}
. WhiteLogo
{
    float:left;margin-top:15px;margin-left:40px;width:200px;
}