/* @group Body */
body {
    font-size: 0.813em;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    margin: 0px !important;
    line-height: 1.5em;
    background: #363636 url(images/body_repeat.gif) repeat-x scroll center top;
}
    #wrapper {
        background: transparent url(images/body_repeat_lower.gif) repeat-x scroll center bottom;
    }
/* @end group Body */

/* @group Links */
a {
    color: #8c4732;
}
a:hover {
    /*color: black;*/
    text-decoration: none;
}
a.pdf_link {
    background: transparent url(images/pdf_link.gif) no-repeat scroll left 1px;
    padding-left: 15px;
    padding-top: 1px;
}
/* @endgroup Links */

/* @group Utility */
.left {
    float: left;
}
.right {
    float: right;
}
/* @end group Utility */

/* @group Header */
#header {
    height: 80px;
}
    #header .logo a {
        display: block;
        width: 200px;
        height: 80px;
        background: transparent url(images/logo.png) no-repeat scroll center center;
        overflow: hidden;
        text-indent: -999em;
    }
    #header .navigation {
        position: relative;
    }
        #header .sign_in {
            position: absolute;
            right: 0px;
            top: 0px;
            z-index: 100;
            padding: 1px 8px 2px 28px;
            background: #505050 url(images/sign_in.gif) no-repeat scroll left top;
            border-bottom: 1px solid #6d6d6d;
            font-size: 11px;
            font-weight: bold;
            line-height: 21px;
        }
            #header .sign_in a {
                color: #f2f2f2;
                text-decoration: none;
            }
            #header .sign_in a:hover {
                text-decoration: underline;
            }
/* @end group Header */

/* @group Banner */
#banner {
    height: 190px;
    overflow: hidden;
}
    #banner .banner {
        position: relative;
        width: 700px;
        height: 190px;
    }
        #banner .banner a {
            position: absolute;
            top: 0px;
            left: 0px;
            text-decoration: none;
        }
        #banner .banner span {
            display: none;
        }
    #banner .switcher {
        height: 190px;
        background: transparent url(images/banner_switcher_background.jpg) no-repeat scroll center top;
    }
        #banner .switcher img {
            display: none;
        }
        #banner .switcher ul {
            margin: 7px 0px 0px -17px;
            padding: 0px;
            list-style: none;
        }
            #banner .switcher ul li {
                margin: 0px 0px 8px 0px;
                padding: 0px;
                height: 37px;
                line-height: 37px;
                font-size: 1.2em;
            }
            #banner .switcher ul li.current {
                background: transparent url(images/banner_switcher_indicator.gif) no-repeat scroll left top;
            }
                #banner .switcher a {
                    color: white;
                    text-decoration: none;
                    font-weight: bold;
                    padding-left: 32px;
                }
/* @end group Banner */

/* @group Content */
/*#content_wrapper {
    width: 960px;
    margin: 0 auto;
    background-color: white;
}*/
#content {
    background: white url(images/content_repeat.gif) repeat-x scroll center top;
}
    #content .main {
        padding-top: 24px;
        padding-bottom: 40px;
    }
    #content .content_top {
        width: 960px;
        margin: 0 auto;
        background: transparent url(images/sidebar_repeat.gif) repeat-y scroll center top;
    }
    #content .content_bottom {
        background: transparent url(images/content_repeat_lower.gif) repeat-x scroll center bottom;
    }
    #content .container_16 {
        background: transparent url(images/sidebar_bottom.gif) no-repeat scroll right bottom;
    }
    #content .sidebar {
        padding-bottom: 40px;
        background: transparent url(images/sidebar_top.gif) no-repeat scroll right top;
    }
    #content .sidebar .item {
        margin-top: 24px;
    }
    #content .sidebar .item h4 {
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-size: 1.1em;
    }
    #content .sidebar .item .text {
        padding: 0px 10px 10px 10px;
        text-align: center;
    }
    
    
    #content .sidebar a.heoacademy {
        display: block;
        width: 220px;
        height: 104px;
        background: transparent url(images/sidebar_screencast_heo.gif) no-repeat scroll center top;
    }
    #content .sidebar a.crewrater {
        display: block;
        width: 220px;
        height: 104px;
        background: transparent url(images/sidebar_screencast_crewrater.gif) no-repeat scroll center top;
    }
    #content .sidebar a.crewrater_handhelds {
        display: block;
        width: 220px;
        height: 134px;
        background: transparent url(images/sidebar_crewrater_handhelds.gif) no-repeat scroll center top;
    }
    
    
    #content .sidebar a.watch {
        display: block;
        width: 220px;
        height: 36px;
        background: transparent url(images/button_watch_now.gif) no-repeat scroll center center;
    }
    #content .sidebar a.learn {
        display: block;
        width: 220px;
        height: 36px;
        background: transparent url(images/button_learn_more.gif) no-repeat scroll center center;
    }
    
    
    
    #content .screencast_list {
        /*margin: 0px 16px 0px 10px;*/
    }
        #content .screencast_list td {
            vertical-align: top;
            padding: 10px;
        }
            #content .screencast_list h5 {
                margin: 0px;
                padding: 0px;
            }
            #content .screencast_list .runtime {
                color: gray;
                margin-bottom: 10px;
            }
            #content .screencast_list .description {
                margin-bottom: 14px;
            }
            /*#content .screencast_list a.watch {
                width: 191px;
                height: 36px;
                display: none;
                background: transparent url(images/button_watch_now_white.gif) no-repeat scroll center center;
            }*/
            #content .screencast_tips {
                width: 640px;
                margin-top: 30px;
            }
            #content .screencast_meta {
                width: 640px;
            }
                #content .screencast_tips h6 {
                    margin: 0px 0px 5px 0px;
                    padding: 0px;
                    font-size: 13px;
                }
                #content .screencast_tips .flashplayer {
                    font-size: 11px;
                    line-height: 16px;
                    float: left;
                    width: 242px;
                    height: 65px;
                    padding-left: 68px;
                    background: transparent url(images/logo_flashplayer.gif) no-repeat scroll left top;
                }
                #content .screencast_tips .quicktime {
                    font-size: 11px;
                    line-height: 16px;
                    float: left;
                    width: 242px;
                    height: 65px;
                    padding-left: 68px;
                    background: transparent url(images/logo_quicktime.gif) no-repeat scroll left top;
                }
    #content  table.crewrater_smalls h4 {
        margin: 0px 0px 8px 0px;
        padding: 0px;
        font-size: 15px;
    }
    #content  table.crewrater_smalls td {
        padding: 6px;
    }
    #screencast {
        margin: 0 auto;
        width: 640px;
        height: 480px;
        background-color: white;
    }
    #screencast.locked {
        width: 350px;
        height: 190px;
        padding: 150px 104px 140px 186px;
        color: white;
        background: #787878 url(images/screencast_locked.jpg) no-repeat scroll left top;
    }
        #screencast.locked h5 {
            padding: 0px;
            margin: 0px;
        }
        #screencast.locked a {
            color: #f2b341;
            text-decoration: underline;
        }
        #screencast.locked a:hover {
            text-decoration: none;
        }
span.code {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    padding: 3px;
    background-color: #ffffcc;
}
.innerpage_subnav {
    height: 20px;
    margin-bottom: 22px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cecece;
}
.innerpage_subnav ul {
    display: block;
    list-style: none;
    height: 20px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: normal;
    float: right;
    text-align: right;
}
    .innerpage_subnav ul li {
        float: left;
        margin: 0px 0px 0px 16px;
    }
#content h1.title {
    text-indent: -999em;
    overflow: hidden;
    display: block;
    height: 20px;
    width: 300px;
    margin: 0px;
    padding: 0px;
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}
#content h1.title.about {
    background-image: url(images/titles/about.gif);
}
#content h1.title.address {
    background-image: url(images/titles/address.gif);
}
#content h1.title.contact_form {
    background-image: url(images/titles/contact_form.gif);
}
#content h1.title.crewcenter {
    background-image: url(images/titles/crewcenter.gif);
    width: 211px;
}
#content h1.title.crewrater {
    background-image: url(images/titles/crewrater.gif);
    width: 188px;
}
#content h1.title.crewrater_screencast {
    background-image: url(images/titles/crewrater_screencast.gif);
    width: 400px;
}
#content h1.title.crewval {
    background-image: url(images/titles/crewval.gif);
}
#content h1.title.error {
    background-image: url(images/titles/error.gif);
}
#content h1.title.heoacademy {
    background-image: url(images/titles/heoacademy.gif);
}
#content h1.title.heoacademy_screencast {
    background-image: url(images/titles/heoacademy_screencast.gif);
    width: 436px;
}
#content h1.title.screencasts {
    background-image: url(images/titles/screencasts.gif);
}
#content h1.title.solutions {
    background-image: url(images/titles/solutions.gif);
    width: 171px;
}
#content h1.title.ttaworks_screencast {
    background-image: url(images/titles/ttaworks_screencast.gif);
}
#content h1.title.welcome {
    background-image: url(images/titles/welcome.gif);
    width: 396px;
}
#content h1.title.privacy {
    background-image: url(images/titles/privacy.gif);
    width: 300px;
}
#content .inset_right {
    width: 250px;
    background-color: #f0f0f0;
    border: 1px solid #cecece;
    float: right;
    padding: 16px;
    margin: 0px 0px 16px 16px;
    font-size: 12px;
}
#content table.two_column td {
    padding: 8px;
    vertical-align: top;
}
    #content .inset {
        background-color: #f0f0f0;
        border: 1px solid #cecece;
        float: right;
        padding: 16px;
        font-size: 12px;
    }
    #content .inset_right h5 {
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }
#content .img_left {
    float: left;
    margin: 0px 24px 16px 0px;
}
#content .img_right {
    float: right;
    margin: 0px 0px 16px 24px;
}
#content .img_right {
    margin: 0px auto 16px auto;
}
#content .home_linkbar {
    border-top: 1px solid #cecece;
    margin: 24px 0px 0px 0px;
    padding-top: 24px;
}
#content .home_linkbar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 85px;
}
    #content .home_linkbar ul li {
        margin: 0px 20px 0px 0px;
        padding: 0px;
        float: left;
        display: block;
        width: 160px;
    }
    #content .home_linkbar ul li.last {
        margin: 0px 0px 0px 0px;
    }
        #content .home_linkbar ul li h5 {
            margin: 0px 0px 8px 0px;
            padding: 0px;
        }
    #promo {
        width: 360px;
        float: right;
        margin-left: 24px;
        margin-bottom: 24px;
        margin-top: 20px;
    }
    .gray {
        color: gray;
    }
    table.logos td {
        vertical-align: top;
    }
    table.logos td.logo {
        width: 245px;
        text-align: left;
        padding-bottom: 20px;
    }
    table.logos p {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 6px;
        padding-bottom: 0px;
    }
/* @end group Content */

/* @group Press */
ol.press {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
    ol.press li {
        margin: 0px 0px 20px 0px;
    }
        ol.press .date {
            color: gray;
            display: block;
            margin: 0px 0px 5px 0px;
        }
        ol.press a {
            font-weight: bold;
        }
/* @end group Press */

/* @group Forms */
input.text, input.password, textarea, select {
    font-size: 14px;
    padding: 3px;
    width: 200px;
}
table.form td {
    padding: 4px;
}
table.form .label {
    font-weight: bold;
    text-align: right;
}
/* @end group Forms */

/* @group Errors */
.errors {
    background: #fbe3e4 url(images/notices/error.gif) no-repeat 16px 16px;
    color: #8a1f11;
    border: 2px solid #fbc2c4;
    padding: 16px 16px 16px 64px;
    margin-bottom: 1em;
    font-size: 12px;
}
    .errors ul {
        margin: 7px 0px 7px 0px;
        padding: 0px;
    }
.messages {
    background: #e6efc2 url(images/notices/success.gif) no-repeat 16px 16px;
    color: #264409;
    border: 2px solid #c6d880;
    padding: 16px 16px 16px 64px;
    margin-bottom: 1em;
    font-size: 12px;
}
/* @end group Errors */

/* @group Footer */
#footer {
    text-align: center;
    color: white;
    height: 32px;
    line-height: 32px;
    font-size: 11px;
}
    #footer a {
        color: white;
        text-decoration: underline;
    }
    #footer a:hover {
        text-decoration: none;
    }
/* @end group Footer */

/* @group Recaptcha */
td.recaptcha {
    width: 318px;
    height: 137px;
}
img#recaptcha_reload,
img#recaptcha_switch_audio,
img#recaptcha_switch_img,
img#recaptcha_whatsthis {
    visibility: hidden;
}
a#recaptcha_reload_btn {
    display: block !important;
    width: 25px !important;
    height: 18px !important;
    background: transparent url(images/recaptcha/reload.png) no-repeat !important;
}
a#recaptcha_switch_audio_btn {
    display: block;
    width: 25px !important;
    height: 15px !important;
    background: transparent url(images/recaptcha/audio.png) no-repeat !important;
}
a#recaptcha_switch_img_btn {
    display: block;
    width: 25px !important;
    height: 15px !important;
    background: transparent url(images/recaptcha/text.png) no-repeat !important;
}
a#recaptcha_whatsthis_btn {
    display: block !important;
    width: 25px !important;
    height: 16px !important;
    background: transparent url(images/recaptcha/info.png) no-repeat !important;
}
a#recaptcha_reload_btn,
a#recaptcha_switch_audio_btn,
a#recaptcha_switch_img_btn,
a#recaptcha_whatsthis_btn {
    cursor: pointer;
}
/* @end group Recaptcha */