/* 
    Document   : featuredlinks
    Created on : Sep 28, 2011, 2:57:53 PM
    Author     : dwigton
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.featured-links{
    border:none;
    margin-bottom: 15px;
}

.featured-links li:first-child{
    border: 1px solid gray;
    color: white;
    background-color: #055E95;
    font-size: 105%;
}

.featured-links li:first-child:hover{
    background-color: #054D80;
    color: white;
}

.featured-links li{
    display: block;
    margin: 5px 0 5px 0;
    border: 1px solid gray;
    color: #002B47;
    background-color: #E7F1F4;
}

.featured-links li:hover{
    color:#E26703;
}

.featured-links a{
    display: block;
    width:100%;
    color: inherit;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.featured-links-form{
    display: table;
}

.featured-links-form label{
    display: inline-block;
    width: 140px;
    margin-right: 15px;
    vertical-align: bottom;
    margin-top: 10px;
}

.featured-links-form input, .featured-links-form select{
    display: inline-block;
    margin-right: 40%;
    margin-top: 5px;
}

.featured-links-form select{
    width: 132px;
}

.featured-links-form .form-section{
    display: inline-block;
    margin-right: 50%;
    padding-left: 30px;
}

.featured-links-form .form-section .radio-label{
    vertical-align: bottom;
}


.validation-failed {
   background:#ffffff none no-repeat right top !important;
   padding: 2px;
   border: 1px inset red !important;
}

/********************* Calculators *****************************/

.online-calculator{
    margin: 20px 15px 20px 15px;
    border-bottom: 1px solid #C4C1BC;
}

.online-calculator h3{
    cursor: pointer;
}

.online-calculator h3:hover{
    color: #F18200;
}

.calculator-content{
    display: none;
}

div.online-calculator:last-child{
    border-bottom: none;
}

.online-calculator form{
    display: block;
    margin: 10px 0 10px 0;
}

.online-calculator form p{
    display: inline-block;
    margin-top: 15px;
    font-size: 80%;
    color: gray;
}

.online-calculator label{
    display: inline-block;
    width:170px;
    margin-bottom: 7px;
}

.online-calculator input{
    display: inline-block;
    margin-right: 190px;
}

.online-calculator button{
    display: inline-block;
    width:100px;
    margin-right: 20px;
}

.online-calculator .calculator-result{
    display: inline-block;
    font-size: 110%;
    font-weight: bold;
    width:310px;
    height:24px;
    vertical-align: bottom;
}

.online-calculator .calculator-result span{
    display: inline-block;
    width: 120px;
    padding:2px 10px 2px 10px;
    height: 1.5em;
    border: 1px solid red;
    float:right;
    vertical-align: top;
}

/*************************** Got an Idea popup *******************************/

.popup-header .header-text{
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.pop-up form{
    position:relative;
    margin: 10px;
    display: block;
}

.pop-up form label{
    display: inline-block;
    width: 50px;
}

.pop-up form textarea{
    right:0px;
    width: 98%;
    margin-bottom: 10px;
}