/* inline css styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
html { }
body { font-size: 62.5%; line-height: 1; padding: 20px 0px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
p { font-weight: normal; font-size: 1.5em; line-height: 1.35em; color: #454545; }

h1 { font-size: 2.1em; line-height: 1.4em; margin-bottom: 15px; color: #444; font-weight: normal; font-family: 'Arbutus Slab', Arial, sans-serif; }

label span {
    color: #000;
    font-size: 16px;
}

.w { width: 750px; margin: 0 auto; margin-bottom: 40px; }

.formwrap2  input  {
    margin: 0!important;
	width:100%!important;
}
/*Center Main Contenet */
.main_content {}

/*----- shadow #09 -----*/
.formwrap {
display: block;
margin-bottom: 9px;
}

.formwrap label { 
display: inline-block; 
width: 100%; 
font-size: 1em; 
font-weight: normal; 
color: #444; 
font-family: Arial, Tahoma, sans-serif; 
}

.formwrap .shadowfield {
position: relative;
width: 250px;
font-size: 17px;
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
text-align: right;
background: #F7F8F8;
color: #7c7c7c;
line-height: 1.4;
padding: 6px 12px;
outline: none;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
border: 1px solid #428bca;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px rgba(34, 25, 25, 0.2) inset, 0 1px #fff;
}
.formwrap .shadowfield:focus {
border-color: #155183; 
background: #fff;
color: #5d5d5d;
box-shadow: inset 0 1px rgba(113, 176, 228, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 7px rgba(66, 139, 202, 0.5); 
-moz-box-shadow: inset 0 1px rgba(113, 176, 228, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 7px rgba(66, 139, 202, 0.5); 
-webkit-box-shadow: inset 0 1px rgba(113, 176, 228, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 7px rgba(66, 139, 202, 0.5);
}

.styled-select {
position: relative;
width: 250px;
font-size: 12px;
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
background: #f7f8f8;
color: #7c7c7c;
line-height: 1.7;
padding: 10px 12px;
outline: none;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
border: 1px solid #90bee4;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px rgba(113, 176, 228, 0.2) inset, 0 1px #fff;
}

.styled-select {
   //background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 250px;
}

.styled-select {
   //background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 250px;
}

.styled-select select {
   border: none;
   font-size: 17px;
   height: 29px;
   padding: 0px; /* If you add too much padding here, the options won't show in IE */
   width: 270px;
   background: #f7f8f8;
   color: #7c7c7c;
   overflow: hidden;
}

.final_result {
   font-size: 17px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 250px;
}

.demo-big {
    display: table;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.demo-big__code {
    /*display: table-cell;*/
    min-width: 290px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.demo-big__example {
    display: table-cell;
    position: relative;
    vertical-align: middle;
	width: 100%;
	float:left;
}
/**/

.form_pv {


} 

.zInput {
          display: block;
          padding: 10px 20px;
          border-radius: 2px 2px 0 0;
          color: #08C;
          font-size: 24px;
          font-weight: normal;
          font-family: 'Lily Script One', helveti;
          background: rgba(255,255,255,0.2);
          cursor: pointer;
          position: relative;
          top: 3px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
      }  
   
/**/

.final_button {
	clear:both;
}

.final_button input {
	background-color:#3bb3e0;
	padding:10px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	box-shadow: inset 0px 1px 0px #7fd2f1 , 0px 6px 0px #156785;
	border-radius: 5px;
}

.final_button input:active {
	top:7px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #156785;
	color: #156785;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	background: rgb(44,160,202);
}   

.final_button input::before {
	background-color:#072239;
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:4px;
	left:-2px;
	top:5px;
	z-index:-1;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #fff;
}

.final_button input:active::before {
	top:-2px;
}

/**/
.tran_sele label
{
background-color:#428bca;
padding: 5px 12px;
}

.tran_sele input[type=radio]
{
display:none;
}
.tran_sele input[type=radio]:checked + label
{
background-color:#204d74;
}
/**/

/* Tabs */
/*#428bca*/
.ui-widget-header { border: 0px solid #000!important; background:none!important;}
.ui-widget-content { border: 0px solid #000!important; }
.ui-tabs-panel { border: 1px solid #000!important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
    outline: medium none !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000!important;
    text-decoration: none;
}

.ui-tabs-nav .ui-tabs-active { 
border: 1px solid #000!important;
border-bottom: 0px solid #ffffff!important;
}




/* Accordion */
.tab-pane .panel-group {
    padding-left: 30px;
    padding-right: 30px;
}
/* On / Off */
.switch-button-label {font-size: 40px!important;}

/*Multi Transformers */




/* Final Button */
.final_button {padding-left:30px; margin-bottom: 10px;}


/*Checkbox Power Comparison*/
.powercomp {margin-left:30px;}

/*Dropdown Table*/
.dropdown-table td{border:0px!important; padding:0px!important;}

/*Tables*/
.table_comp3 td {vertical-align:middle!important;}
.formwrap2 {margin-bottom:0px!important; width:180px;}

/*Border Chart*/
.border-chart {
/*border: 1px solid #428bca;*/
border: 1px solid #000000;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px rgba(34, 25, 25, 0.2) inset, 0 1px #fff;
}

/*Grey Button*/
.grey_button {
background-color: hsl(0, 0%, 79%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#134134134), to(#c9c9c9)); 
background-image: -moz-linear-gradient(top, #134134134, #c9c9c9); 
background-image: -ms-linear-gradient(top, #134134134, #c9c9c9); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9)); 
background-image: -webkit-linear-gradient(top, #134134134, #c9c9c9); 
background-image: -o-linear-gradient(top, #134134134, #c9c9c9); 
background-image: linear-gradient(#134134134, #c9c9c9); 
border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%); 
color: #333 !important; 
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69); -webkit-font-smoothing: antialiased; 
}