﻿/******************************************
****Web Developer/Designer: Sarah Lopez****
****Design and Content by: Cheryl Ross*****
****MedTrakRx | HospiceRx**********
****Started: Aug 14, 2012******************
****Deployed: Oct 2012*********************
****Staging URL: mtsdev02*****
****Live URL: http://www.hospice-rx.com****
******************************************/


/*----------------------------------------------------------*/
/*MAIN ELEMENTS AND CLASSES*/
body {
    margin: 0;
    margin: auto;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 15px;
    margin-left: 0;
}
a {
    color: #003366; /*navy*/
}
a:visited, a:active, a:link {
    text-decoration: none;
}
ul, ul li {
    font-size: 14px;
    margin: 15px;
}
    ul li {
        list-style-type: disc;
    }
        ul li ul li {
            list-style-type: square;
        }
        ol.nomargin, ul.nomargin, ol.nomargin li, ul.nomargin li {
            margin: 2px;
        }
.imgPadding {
    margin: 20px;
}
.noMargin {
    margin-top: 0;
    margin-bottom: 0;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.shadow {
    -moz-box-shadow: 3px 3px 4px #AEB0B2;
    -webkit-box-shadow: 3px 3px 4px #AEB0B2;
    box-shadow: 3px 3px 4px #AEB0B2;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AEB0B2')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AEB0B2');
}
.nobullet, .nobullet li {
    list-style-type: none;
}
a.white:hover {
    color: white !important;
    font-weight: bold !important;
}
.width100 {
    width: 95%;
}
.width50 {
    width: 50%;
}
.nomargin 
{ margin: 0 !important;}
.pointer,
input[type=button],
input[type=submit],
button[type=submit] {
    cursor: pointer;
}
.button, .orangebutton, .navybutton, .greenbutton {
    padding: .25em 1.5em;
    color: white;
    font-weight: bold;
    /*In case gradient does not work just use blue to fill box*/
    background-color: #00539F; /*light blue*/
    border: none;
    /*Gradient to fill blue background*/
    background-image: -webkit-gradient(linear,left top,left bottom,from(#00539F),to(#00539F));
    background-image: -webkit-linear-gradient(top,#00539F,#00539F);
    background-image: -moz-linear-gradient(top,#00539F,#00539F);
    background-image: -ms-linear-gradient(top,#00539F,#00539F);
    background-image: -o-linear-gradient(top,#00539F,#00539F);
    background-image: linear-gradient(top,#00539F,#00539F);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.button:hover {
    text-decoration: none;
}
.button:hover, .orangebutton:hover, .navybutton:hover 
{
    opacity: 0.9;
}
.orangebutton {
    /*In case gradient does not work just use blue to fill box*/
    background-color: #EF3E42; /*orange*/
    border: 1px solid #EF3E42;
    background-image: none;
}
.navybutton {
    background-color: #003366; /*navy*/
    border: 1px solid #003366;
    background-image: none;
}
.greenbutton {
    background-color: #2abdc7; /*green*/
    border: 1px solid #2abdc7;
    background-image: none;
}
.greybutton {
    color: #4f4e4e!important;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 10px 0;
    border: 1px solid #ddd;
    opacity: 1;
    background-color: #E5E6E5;
}
.orangebutton:hover, .navybutton:hover, .greenbutton:hover {
    text-decoration: none;
}
.orangebutton td {
    text-align:left;
    padding-left:10px;
}
.header th {
    background: #DDDDDD;
}
td {
    vertical-align: top;
}
.placeholder {
    color: #AAAAAA;
}
.form {
    border: 1px solid #E5E6E5;
    padding: 10px;
    border-radius: 5px;
}
.form .form-label {
    float: right;
    margin-right: 5px;
    font-weight: bold;
}
