/**
 * CSS for 121drconsulting.com web site
 *
 */

/***** MASS RESET *****
 ----------------------*/

/* Neutralize styling:
   Elements we want to clean out entirely: */
* { margin: 0; padding: 0; }

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 26px; }

/* Miscellaneous conveniences: */
form label {  }
fieldset { }
fieldset legend { margin-left: 5px; font-weight: bold; }

/* Form field text-scaling */
input, select, texarea { font-size: 100%; }

/***** End Mass Reset *****
---------------------------*/

/***** PREFERRED STYLING *****
 -----------------------------
el/class { position/float list-type margin/padding/border width/height background/color font/text }
------------------------------
*/

/***** BEGIN STYLES ******
 -----------------------------------*/
html, body, form { height: 100%; }
body { background: white; font-family: Helvetica, Arial, Sans-Serif; font-size: 10pt; text-align: left; }


/** Global Styles 
 -----------------------------*/
img.img-border-treatment { padding: 1px; background: white; border: solid 1px #d6d6d6; }
.clear-fix { clear: both; visibility: hidden; height: 1%; }


/** Headers
 -----------------------------*/
#page-content h2, #page-content h3 { font-weight: normal; text-transform: capitalize; }
#page-content h2 { margin-top: 0; margin-bottom: 10px; font-size: 1.7em; }
#page-content h3 { margin-bottom: 3px; font-size: 1.4em; }
#page-content h3.no-mrgn-top { margin-top: 0 !important; }


/** Links
 -----------------------------*/
a { color: #00afde; }
a:hover { color: #03708d; }


/** Buttons
 -----------------------------*/
.dr-button, .dr-button-small {
    outline: 9;
    margin: 0 !important;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    zoom: 1;
}
.dr-button {
    padding: .4em 1em;
}
.dr-button-small {
    padding: .2em .25em .3em .25em;
    font-size: 0.8em !important;
}
.dr-button-icon-left { padding-left: 0.5em !important; }
.dr-button-icon-left span { float: left; margin-right: 4px; }
.dr-button-icon-right { padding-right: 0.5em !important; }
.dr-button-icon-right span { float: right; margin-left: 4px; }


/** Forms
 -----------------------------*/
.form label, .form input[type=text], .form input[type=password], .form textarea { display: block; }
.form label { font-size: 0.9em; font-weight: bold; }
.form input[type=text], .form input[type=password], .form textarea { margin-bottom: 10px; padding: 4px; width: 250px; font-size: 0.9em; }
.form select { margin-bottom: 10px; padding: 4px; }
.form-submit-status { margin-top: 10px; font-size: 0.8em; }
.form textarea { width: 400px; font-family: Arial; }
.form .status { margin-top: 10px; font-size: 0.85em; }


/** Validator classes
 -----------------------------*/
.error { border: solid 1px red; background: #ffdddd; color: Red; }
.status-error { color: Red; }


/** Style box
 -----------------------------*/
.style-box { border: solid 1px #d1d7d5; min-height: 124px; background: #fbfbf7; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.style-box h3 { 
    margin: 0 !important;
    padding: 5px 10px;
    border: 1px solid #dddddd; 
    border-bottom: solid 4px #dddddd;
    background: #3d4548 url(/css/one-to-one/images/ui-bg_highlight-hard_55_3d4548_1x100.png) 50% 50% repeat-x; 
    color: #ffffff;
    font-weight: bold; 
    -moz-border-radius-topleft: 6px; 
    -webkit-border-top-left-radius: 6px; 
    -moz-border-radius-topright: 6px; 
    -webkit-border-top-right-radius: 6px; 
}
.style-box p, .style-box ul {
    margin: 0 !important;
    padding: 10px;
    color: #444d4f;
    -moz-border-radius-bottomleft: 6px; 
    -webkit-border-bottom-left-radius: 6px; 
    -moz-border-radius-bottomright: 6px; 
    -webkit-border-bottom-right-radius: 6px;
}


/** Video wrapper
 -----------------------------*/
.video-wrapper { margin-top: 20px; padding: 10px 20px; border-top: solid 4px #e4eaea; background: #e7eded; }
.video-wrapper h3 { margin-top: 0 !important; margin-bottom: 10px !important; }


/** Container
 -----------------------------*/
#container { position: relative; margin-bottom: -121px; min-height: 100%; }


/** Nav 
 -----------------------------*/
#nav-wrapper { margin: 0; border-bottom: solid 1px #232627; height: 40px; background: url(/images/layout/nav/bg.jpg) repeat-x; }
#nav-content { margin: 0 auto; width: 900px; }
#nav { margin: 0 !important; list-style-type: none; }
#nav li { float: left; margin: 0; padding: 0; }
#nav a { display: block; padding: 10px 10px; height: 20px; color: #d8e5e9; font-weight: bold; text-decoration: none; }
#nav a:hover { background: #28b1f7;  color: White; }


/** Header
 -----------------------------*/
#header-wrapper { height: 247px; border-bottom: solid 1px #444d4f; background: url(/images/layout/header/bg.jpg) repeat-x; }
#header-content { margin: 0 auto; width: 900px; height: 247px; background: url(/images/layout/header/content-bg.jpg); color: White; }
#header-content-no-bg { margin: 0 auto; width: 900px; height: 247px; color: White; }
#header-content h1, #header-content h2, #header-content h3,
#header-content-no-bg h1, #header-content-no-bg h2, #header-content-no-bg h3 { font-weight: normal; }
#header-content h1, #header-content-no-bg h1 { margin-top: 0; font-size: 2.2em; letter-spacing: 0.06em; }
#header-content h2, #header-content-no-bg h2 { margin-top: 25px; margin-bottom: 0; font-size: 1.4em; }
#header-content h3, #header-content-no-bg h3 { margin-top: 5px; font-style: italic; font-size: 1.2em; }


/** Master Two Column 
 -----------------------------*/
#tbl-two-col { width: 900px; }
#tbl-two-col td { vertical-align: top; }
#td-left-tbl-two-column { padding-right: 24px; border-right: solid 1px #d0d0d0; width: 500px;  }
#td-right-tbl-two-column { padding-left: 25px; width: 350px;  }


/** Page content
 -----------------------------*/
#page-content-wrapper { padding: 20px 0; background: white; }
#page-content { margin: 0 auto; width: 900px; /*min-height: 375px;*/ color: #3c3c3c; }
#page-content p { margin-top: 0; }
#page-content p.disclaimer { color: #8f9394; }
#page-content ul { margin-top: 5px; }


/** Footer
 -----------------------------*/
.clear-footer { height: 121px; }
#footer { position: relative; padding: 50px 0; border-top: solid 1px #7d8081; width: 100%; height: 20px; background: #373e43; }
#footer-content { margin: 0 auto; width: 900px; color: white; }
#footer-content a { color: White; }
#footer-content a:hover { color: White; }


/** Home page
 -----------------------------*/
#tbl-home { width: 900px; }
#tbl-home td { vertical-align: top; }