/* Login Page */
#info{
	margin:0;
}
#info label{
	padding:3px;
	border:1px solid #fff;
}
#info label,#info input,#info select{
	width:96%;
}
#info input,#info select{
	margin-bottom:10px;
}
#info .checkbox{
	width:auto;
}
#info .button{
	margin-top:10px;
	height:40px;
	width:50%;
}
.remember{
	padding-left:5px;
	color:#666;
}
h1 sup{
	color:#f00;
	font-size:50%;
}
/* Tie Rod Calculator */
.config,.form-section,.block,.styled{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
button:disabled {
    color:#4e5e9e;
}
#calculate{
    background-color:#2e3e7e;
    background-image:url(http://portlandbolt.com/image/tie-rod/calculate_button.gif);
    border:0px none transparent;
    clear:both;
    color:#fff;
    cursor:pointer;
    font-size:12pt;
    font-weight:bold;
    height:32px;
    margin-top:20px;
    width:175px;
}
    #calculate.disabled{
	   color:#4e5e9e;
	   cursor:auto;
    }
    #calculate:active{
	   background-color:#2e3e7e;
	   background-position:0 -32px;
    }
    #calculate.disabled:active{
	   background-position:0 0;
    }
.config{
    border:1px solid #aaa;
    cursor:pointer;
    display:inline-block;
    display:-moz-inline-box;
    margin:5px;
    padding:5px;
    width:167px;
}
    .config:hover{
	   border-color:#888;
    }
    .config.selected:hover{
	   border-color:#000;
    }
#config-options{
    margin:5px;
    padding:5px;
}
.dimension{
    border:0px none transparent;
    left:0px;
    position:absolute;
    text-align:center;
    top:0px;
}
.dimension_text{
    background-color:#fff;
    padding:5px;
    position:absolute;
}
#dimensions{
    float:left;
    width:100%;
}
.form-section{
    border:1px solid #aaa;
    /*float:left;
    display:block;*/
    display:inline-block;
    height:70px;
    margin:.5%;
    padding:1%;
    position:relative;
    width:20%;
}
    .form-section label{
	   display:block;
	   font-size:9pt;
	   height:25px;
	   width:100%;
    }
    .form-section.current{
	   background-color:#2A3A7A;
	   border-color:#000;
	   color:#fff;
    }
    .form-section.current .block{
	   display:none;
    }
    .form-section .block{
	   background-color:#fff;
	   filter:alpha(opacity=60);
	   height:70px;
	   left:0;
	   opacity:.6;
	   position:absolute;
	   top:0;
	   width:100%;
	   z-index:3;
    }
#instructions{
    text-align:left;
}
    #instructions ul{
	   font-size:9pt;
    }
    #instructions.styled{
	   background-color:#2e3e7e;
	   border:2px solid #000;
	   color:#fff;
	   filter:alpha(opacity=95);
	   height:400px;
	   padding:10px;
	   position:absolute;
	   opacity:.95;
	   overflow:hidden;
	   top:0;
	   z-index:5;
    }
	   #instructions.styled h2{
		  color:orange;
		  font-size:8pt;
		  line-height:15px;
		  margin-top:-5px;
	   }
.selected{
    border-color:#000;
    color:#f00;
    font-weight:bold;
}
#tie-rod-calc{
    margin:auto;
    position:relative;
    width:602px;
}
#tie-rod-vis{
    border:1px solid #aaa;
    height:200px;
    overflow:hidden;
    position:relative;
    width:600px;
}
    #tie-rod-vis #start{
	   color:#ccc;
	   font-size:20pt;
	   font-weight:bold;
	   line-height:200px;
    }
    #tie-rod-vis div{
	   float:left;
	   height:100%;
	   padding-top:30px;
    }
	   #tie-rod-vis div img{
		  cursor:pointer;
	   }
#tie-rod-middle-top{
    left:45%;
    position:absolute;
}
#tie-rod-middle img{
    float:left;
    height:132px;
}
/* Nut Weight */
div.calc {
    font-size:9pt;
    background-color:#ddd;
    border:1px solid #333;
    margin:0px 10px 10px 0px;
    float:left;
}
.shadow {
    border:3px solid #eee;
    border-bottom-color:#ccc;
    border-right-color:#ccc;
    padding:5px;
    float:left;
}
div.shadow div {
    float:left;
    display:block;
    padding-left:10px;
}
div.calc label {
    width:100%;
    display:block;
    text-align:left;
}
div.calc select {
    position:relative;
    z-index:0;
}
div.calc button {
    margin-top:14px;
    background-color:#f6f2f2;
    font-weight:bold;
}
/* Bolt Weight Calculator */
#calc {
	width:270px;
	background-image:url(image/misc/bolt_weight_bg.gif);
	padding:0px;
	margin:auto;
	margin-bottom:15px;
}
#calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#calc table {
	margin:10px;
	width:250px;
	border:0px transparent none;
}
#calc table td {
	padding:3px;
	border:0px transparent none;
	text-align:left;
     background-color:transparent;
}
#calc table tr.divider td {
	border-top:1px solid #ccc;
}
#calc table tr.top td {
	padding-top:0px;
	position:relative;
}
#calc table tr.bottom td {
	padding-bottom:0px;
}

#calc table input.readonly {
	border:1px solid #000;
	border-color:#aaa;
	font-weight:bold;
}
#calc table td.label{
	text-align:right;
}
#calc table input{
	border:1px solid #000;
	margin:2px 0px 0px 2px;
}
#calc .button {
	font-weight:bold;
	background-color:#eee;
}
#calc .button:hover {
	background-color:#ddd;
	cursor:pointer;
}
#calc img {
	margin-bottom:-4px;
	padding-bottom:0px;
}
#calcimage {
	text-align:center;
	width:80%;
	margin-left:9%;
	background-color:#fff;
	border:1px solid #333;
	height:110px;
}
#calcimage img{
	margin:auto;
}
.tooltip {
	position:absolute;
	margin-top:-25px;
	margin-left:140px;
	width:150px;
	border:1px solid #ccc;
	background-color:#fff;
	font-size:10px;
	padding:7px;
	opacity:.8;
	filter:alpha(opacity=80);
}
.tooltip img.corner {
	position:absolute;
	top:5px;
	left:-20px;
}