/* School Dynamics v3.0 */

/* Import External CSS Files */
@import url(datePicker.css);

/* Html, Body */
html { 
    background: #0f5085 url(../images/bknd_body.png) repeat-x; 
    font: 85% Arial, Helvetica, sans-serif; 
}
html, body { 
    margin: 0; 
    padding: 0; 
}
body { 
    margin: 0 auto; 
    width: 926px; 
    text-align: left; 
    line-height: 1em;
}

/* Baseline values (for browser consistancy) */
p, div, h1, h2, h3, h4, h5, h6, ul, li, form, input, select, option, dl, dt, dd, pre, blockquote, fieldset, input { 
    margin: 0; 
    padding: 0;
}
img { 
    margin: 0; 
    padding: 0; 
    border: 0;
}
ul { 
    list-style: none;
}
a { 
    outline: 0;
}

/* General */
abbr, acronym { 
    border-bottom: 1px dotted; 
    cursor: help;
}
.clear { 
    clear: both;
}
.center { 
    text-align: center;
}
address { 
    margin-bottom: 1.5em;
}
.hidden { 
    display: none;
}

/* Containers */
#header, #content, #main, #column, #footer { 
    float: left;
}
#header { 
    clear: both; 
    width: 926px;
}
#content { 
    width: 926px;
    background: #e1e7ef url(../images/rounded_corners_top.png) no-repeat 0 0; 
}
#features { 
    height: 288px;
    color: white;
    background: #6da9f2 url(../images/rounded_corners_top.png) no-repeat 0 0;
}
#home #main { 
    padding-top: 25px;
}
#main { 
    background-color: white;
    background-image: url(../images/bknd_sidebar.png);
    background-repeat: repeat-y;
    background-position: top right;
    padding: 0 37px 0 25px;
    width: 621px;
    min-height: 250px;
}
#column { 
    padding: 25px 25px 0 13px;
    width: 205px;
    height: auto; 
    display: inline; /* this rule is for IE6 */
}
#footer {
    width: 926px;
    background: url(../images/bknd_footer_top.png) no-repeat top center;
    padding-top: 37px;
}

/* Headlines */
h1 { float: left; margin-right: 50px; padding: 0; }
h1 a { background: url(../images/sd_logo.png) no-repeat left center; text-indent: -9999px; width: 514px; height: 109px; display: block; }
h2 { font-size: 200%; font-weight: normal; color: #ff8200; margin-bottom: .8em; }
h2 { background: url(../images/rounded_corners_top.png) no-repeat 0 0; margin-left: -25px; padding: 25px 0 0 25px; }
#home h2 { background: none; margin-left: 0; padding: 0; }
#schooldynamics h2, #infodirect h2, #reaching_hearts h2, #revenue h2, #free h2, #sdAdvantage h2, #omni h2, #backup h2 { height: 250px; width: 671px; margin-left: -25px; margin-bottom: 0; padding: 0; text-indent: -9999px; }
#schooldynamics h2 { background: url(../images/h2_school_dynamics.jpg); }
#infodirect h2 { background: url(../images/h2_infodirect.jpg); }
#reaching_hearts h2 { background: url(../images/h2_reaching_hearts.jpg); }
#revenue h2 { background: url(../images/h2_budget_boost.jpg); }
#free h2 { background: url(../images/h2_free.jpg); }
#sdAdvantage h2 { background: url(../images/h2_server.jpg); }
#omni h2 { background: url(../images/h2_omni.jpg); }
#backup h2 { background: url(../images/h2_backup.jpg); }
.feature h2 { color: white; margin: 10px 0 10px 0; font-size: 1.6em; line-height: 1.2em;}
h3 { color: #333333; font-size: 140%; font-weight: normal; margin-bottom: .5em; }
h4 { color: #333333; font-size: 120%; margin-bottom: 1em;}
h6 { color: #4e5a62; font-size: 90%; margin-bottom: .8em;}

/* Navigation */
#nav { 
    margin: 48px 0 0 0;
    padding: 0;
    list-style: none;
}
#nav li {
    float: left;
    display: block;
    width: 90px;
    position: relative;
    z-index: 500;
}
/* parent menu */
#nav li a {  
    display: block;
    padding: 8px 5px 0 5px; 
    height: 23px;
    text-decoration: none;
    color: #4ac0ee;
    text-align: center;
    font-size: 120%;
}
#nav li a:hover {
    color: white;
}
#nav a.selected {
    color: #4ac0ee;
}
/* Submenu: hidden by default */
#nav ul {
    position: absolute;
    left: 1px;
    display: none;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
}
#nav ul:last-child {
    left: -100px;
}
#nav ul li {
    float: left;
    margin-top: 1px;
    width: 180px;
    padding: 0 10px;
    /* Transparency fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 22, 44);
    /* Transparency RGBa with 0.8 opacity */
    background: rgba(0, 22, 44, 0.8);
    /* Transparency for IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#334556, endColorstr=#334556);
    /* Transparency for IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#334556, endColorstr=#334556)";
}
#nav ul li:hover {
    /* Transparency fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 22, 44);
    /* Transparency RGBa with 100% opacity */
    background: rgba(0, 22, 44, 1);
     /* Transparency for IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00162c, endColorstr=#00162c);
    /* Transparency for IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00162c, endColorstr=#00162c)";
}
#nav ul li:first-child {
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
#nav ul li:last-child {
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
#nav ul a {
    display: block; 
    padding: 8px 5px;
    color: white;
    font-size: 100%;
    line-height: 1.5em;
    height: auto;
}
 #nav ul a:hover {
    text-decoration: none;
    color: #4ac0ee; 
}

/* Buttons */
.button { background: no-repeat 0 0; text-indent: -9999px; height: 32px; display: block; }
.sign_up { background: url(../images/btn_sign_up.png); width: 211px; }
.download { background: url(../images/btn_download.png); width: 211px; }
.update { position: relative; left: 65px; top: -30px; background: url(../images/btn_update.png); width: 182px; }
.codec { background: url(../images/btn_codec.png); width: 211px; }
.contactus { background: url(../images/btn_contact.png); width: 211px; }
.cleared { background: url(../images/btn_clear.png); width: 104px; }
.questions { background: url(../images/btn_questions.png); width: 211px; }
.submit { background: url(../images/btn_submit.png); width: 104px; }
.shop { background: url(../images/btn_shop.png); width: 211px; }
.info { background: url(../images/btn_info.png); width: 211px; }
.logout { background: url(../images/btn_logout.png); width: 211px; }
.demo { background: url(../images/btn_demo.png); width: 211px; }
.demo_request { background: url(../images/btn_demo2.png); width: 211px; }
.login { background: transparent url(../images/btn_login.png); width: 104px; }
.cancel { background: transparent url(../images/btn_cancel.png); width: 104px; }
.get_it { background: transparent url(../images/btn_get_it.png); width: 113px; }
.product_docs { background: transparent url(../images/btn_product_documentation.png); width: 231px; }
.product_docs_selected { background: transparent url(../images/btn_product_documentation_selected.png); width: 231px; }
.training { background: transparent url(../images/btn_training_resources.png); width: 211px; }
.training_selected { background: transparent url(../images/btn_training_resources_selected.png); width: 211px; }

/* Ribbon */
#ribbon { left: 0px; top: 0px; position: absolute; }

/* Features */
#feature_anchors { width: 200px; float: left; }
#feature_anchors li span { text-indent: -9999px; }
#feature_anchors li a, #feature_anchors li span { background: no-repeat 0 0; padding: 0 0 0 69px; height: 72px; display: block; cursor: pointer; }

/*
#feature_anchors li.tab1, #feature_anchors li.tab1 a.selected, #feature_anchors li.tab1 a.selected:hover { background: url(../images/features_btn_information_bknd.png); }
#feature_anchors li.tab1 a { background: url(../images/features_btn_information.png); }
#feature_anchors li.tab1 a:hover { background: url(../images/features_btn_information_hover.png); }
*/

#feature_anchors li.tab1, #feature_anchors li.tab1 a.selected, #feature_anchors li.tab1 a.selected:hover { background: url(../images/features_btn_webinar_bknd.png); }
#feature_anchors li.tab1 a { background: url(../images/features_btn_webinar.png); }
#feature_anchors li.tab1 a:hover { background: url(../images/features_btn_webinar_hover.png); }

#feature_anchors li.tab2, #feature_anchors li.tab2 a.selected, #feature_anchors li.tab2 a.selected:hover { background: url(../images/features_btn_training_bknd.png); }
#feature_anchors li.tab2 a { background: url(../images/features_btn_training.png); }
#feature_anchors li.tab2 a:hover { background: url(../images/features_btn_training_hover.png); }

#feature_anchors li.tab3, #feature_anchors li.tab3 a.selected, #feature_anchors li.tab3 a.selected:hover { background: url(../images/features_btn_advantage_bknd.png); }
#feature_anchors li.tab3 a { background: url(../images/features_btn_advantage.png); }
#feature_anchors li.tab3 a:hover { background: url(../images/features_btn_advantage_hover.png); }

#feature_anchors li.tab4, #feature_anchors li.tab4 a.selected, #feature_anchors li.tab4 a.selected:hover  { background: url(../images/features_btn_money_bknd.png); }
#feature_anchors li.tab4 a { background: url(../images/features_btn_money.png); }
#feature_anchors li.tab4 a:hover { background: url(../images/features_btn_money_hover.png); }

.feature_image { float: right; margin-left: 30px; }
.feature { padding: 11px 30px 11px 40px; margin-left: 200px; width: 656px; max-height: 288px; }
.feature p {margin-bottom: 20px; line-height: 1.5em;}

/* News Items */
.news_item { background: transparent url(../images/hr.png) top center no-repeat; padding-top: 1.5em; }
.news_item img { float: left; }
.news_item h3, .news_item p { padding-left: 65px; }

/* Main */
#home #main { min-height: 0; }
#main { color: #555555; }
#main p, #main ul, #main form, #main ol { margin-bottom: 1.5em; line-height: 1.5em; font-size: 95%; }
#main small { line-height: 1.5em; }
#main ol li { margin-bottom: .8em; }
#main a { color: #1780c2; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main ul.list li, #main ul.list li ul { margin-left: 20px; list-style-image: url(../images/bullet.png); }
#main ul.list li ul { margin: .3em 0; }
#intro { line-height: 1.5em !important; background: url(../images/bknd_intro_gradient.png) repeat-x 0 bottom; margin: 0 -25px 0 -25px; padding: 20px 25px 20px 25px; }
#intro em { font-style: normal; color: #333333; font-size: 1.2em; }
#main .updates { min-height: 185px; border-top: 1px solid #e5e5e5; padding-top: 10px; }
#fixes #main .updates { min-height: 130px;  }
#main .updates a.button { float: right; clear: right; margin-top: 12px; }
#main .updates p { width: 380px; }
#backup #main dl { 
    margin-bottom: 1.5em;
    line-height: 1.5em;
    font-size: 95%;
}
#backup #main dt {
    margin-left: 5px;
    padding-left: 15px;
    background: url(../images/bullet.png) 0 4px no-repeat;
    font-weight: bold;
    margin-bottom: .5em;
}
#backup #main dd {
    margin-left: 35px;
    margin-bottom: .8em;
}

/* Feature Bulletpoints */
ul#feature_bulletpoints { padding-left: 10px; }
ul#feature_bulletpoints li { width: 37%; float: left; margin: 0 30px 30px 0; line-height: 1.5em; padding-left: 48px; min-height: 7em; }
ul#feature_bulletpoints li strong { color: #333333; font-size: 1.2em; font-style: normal; font-weight: normal; display: block; line-height: 1.7em; }
#reaching_hearts ul#feature_bulletpoints { padding: 15px 0 0 50px; }
#reaching_hearts ul#feature_bulletpoints li { width: 40%; float: left; margin: 0 10px 1em 20px; line-height: 1.5em; list-style-image: url(../images/bullet.png); padding-left: 0; min-height: 1em; }

/* Download Details */
#main .download_details { float: right; width: 212px; margin-left: 20px; border-bottom: 1px solid #e5e5e5; font-size: 95%; }
#main .download_details h4 { margin-bottom: .5em; }
#main .download_details dl { display: inline; padding: 0; margin: 0; }
#main .download_details dt, #main .download_details dd { float: left; line-height: 1.8em; border-top: 1px solid #e5e5e5; }
#main .download_details dt { width: 40%; clear: left; margin-left: -1px; padding-left: 1px; }
#main .download_details dd { width: 60%; margin-right: -1px; padding-right: 1px; text-align: right; }

/* Products */
.product { background-position: 0 8px; background-repeat: no-repeat; padding: 8px 0 0 85px; min-height: 85px; margin-bottom: 20px; }
.schooldynamics { background-image: url(../images/icon_schooldynamics_logo.png); }
.infodirect { background-image: url(../images/icon_infodirect_logo.png); }
.hearts { background-image: url(../images/icon_reachingthehearts_logo.png); }

/* Support */
#main .support { background-position: 0 8px; background-repeat: no-repeat; padding: 8px 0 0 65px; min-height: 50px; margin-bottom: 20px; }
.product_updates { background-image: url(../images/icon_product_updates.png); }
.product_documentation { background-image: url(../images/icon_product_documentation.png); }
.video_training { background-image: url(../images/icon_video_training.png); }
.software_fixes { background-image: url(../images/icon_software_fixes.png); }
.webinars { background-image: url(../images/icon_network.png); }
.software { background-image: url(../images/icon_person_support.png); }

/* Webinars page */
#webinar_left { height: auto; width: 340px; float: left; }
#webinar_left td { padding:13px  }
#webinar_right { float: right; width: 242px; border: 4px dashed #b2b6bd; height: 301px; display: block; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; text-align: center; }
#webinar_right p { color: #b2b6bd; font-weight: bold; font-size: 1.2em !important; margin-top: 48%; padding-left: 20px; padding-right: 20px; }
#webinar_right object { z-index: 100; position: relative; top: -4px; left: -4px; background-color: white; /* needed for IE, which doesn't support rounded corners */ }

/* Icons */
.icon { background-repeat: no-repeat; background-position: 0 0; }
.calendar { background-image: url(../images/icon_calendar.png); }
.day-at-glance { background-image: url(../images/icon_magnify.png); }
.meals { background-image: url(../images/icon_plate.png); }
.homework { background-image: url(../images/icon_pencil.png); }
.grades { background-image: url(../images/icon_pie_chart.png); }
.communicate { background-image: url(../images/icon_speech_balloon.png); }
.re-enroll { background-image: url(../images/icon_pen_paper.png); }
.sync { background-image: url(../images/icon_sync.png); }
.recycle { background-image: url(../images/icon_recycle.png); }
.secure { background-image: url(../images/icon_lock.png); }
.im { background-image: url(../images/icon_keyboard.png); }
.skype { background-image: url(../images/icon_skype.png); }
.email { background-image: url(../images/icon_mail.png); }
.remote { background-image: url(../images/icon_computer_download.png); }
.phone { background-image: url(../images/icon_phone.png); }
.gauge { background-image: url(../images/icon_gauge.png); }
.students { background-image: url(../images/icon_students.png); }
.megaphone { background-image: url(../images/icon_megaphone.png); }
.dollar_sign { background-image: url(../images/icon_dollar_sign.png); }
.books { background-image: url(../images/icon_books.png); }
.pencil_holder { background-image: url(../images/icon_pencil_holder.png); }
.report { background-image: url(../images/icon_report.png); }
.touch { background-image: url(../images/icon_touch.png); }
.web_broadcast { background-image: url(../images/icon_web_broadcast.png); }
.infodirect_small { background-image: url(../images/icon_infodirect.png); }
.hand_collect { background-image: url(../images/icon_hand_collect.png); }
.handshake { background-image: url(../images/icon_handshake.png); }
.moneybag { background-image: url(../images/icon_money_bag.png); }
.whiteboard { background-image: url(../images/icon_whiteboard.png); }
.networked_computers { background-image: url(../images/icon_networked_computers.png); }
.service_rep { background-image: url(../images/icon_person_support_female.png); }
.hardware { background-image: url(../images/icon_hardware.png); }
.server_speed { background-image: url(../images/icon_server_speed.png); }
.button_on { background-image: url(../images/icon_button_on.png); }
.computer { background-image: url(../images/icon_computer.png); }
.report2 { background-image: url(../images/icon_report2.png); }
.internet { background-image: url(../images/icon_internet.png); }
.magnify2 { background-image: url(../images/icon_magnify2.png); }
.mouse { background-image: url(../images/icon_mouse.png); }
.envelope { background-image: url(../images/icon_envelope.png); }
.pencil_ruler { background-image: url(../images/icon_pencil_ruler.png); }
.signature { background-image: url(../images/icon_signature.png); }
.smartphone { background-image: url(../images/icon_smart_phone.png); }
.shield { background-image: url(../images/icon_shield.png); }
.computer_internet { background-image: url(../images/icon_computer_internet.png); }
.hard_drive_none { background-image: url(../images/icon_hard_drive_none.png); }
.server_none { background-image: url(../images/icon_server_none.png); }
.clipboard { background-image: url(../images/icon_clipboard.png); }
.globe_clock { background-image: url(../images/icon_globe_clock.png); }
.pc_mac { background-image: url(../images/icon_pc_mac.png); }

/* Tables */
table { border-collapse: collapse; width: 100%; border: #b7c3cc 1px solid; margin-bottom: 1.5em; }
table th { color: #4e5a62; background: #d9e3ea; line-height: 1.5em; padding: 10px 12px; border: #b7c3cc 1px solid; text-align: center; }
table th.first-child { text-align: left; }
table tr.alt { background-color: #f2f6f9;}
table td { font-size: 90%; color: #4e5a62; text-align: center; padding: 10px 12px 10px 12px; line-height: 1.3em; border: #b7c3cc 1px solid; }
table.third td.first-child, table.third td:first-child { width: 35%; }
table td.first-child { text-align: left; }
table td.small { width: 30%; }
table td.medium { width: 50%; }
table td.large { width: 70%; }
table td img { position: relative; top: 5px; padding-left: 5px; }
table td span { color: black;  font-weight: bold; display: block; line-height: 1.5em; }
table td.section { font-weight: bold; background: #d9e3ea; }
table td.center { text-align: center; }
table .left { text-align: left; }
table td.table-icon { padding-left: 50px; background-repeat: no-repeat; background-position: 6px center; }
table td a.button { margin: 0 auto; }

table.form_table { border: none; }
table.form_table label { text-align: left; }
table.form_table td { padding: 3px 10px 3px 0px; border: none; }
table.form_table input.small, table.form_table select.small { width: 150px !important; }
table.form_table input.xsmall { width: 70px; }
table.form_table table { margin: 0; }
table.form_table td.center input { margin: 0 auto; } 
table.form_table td span { color: #555555; font-weight: normal; }
.form_section table { margin-bottom: 0px; }

/* Table Icons */
table a.video, table a.pdf, table a.web_broadcast, table a.info { background-repeat: no-repeat; text-indent: -9999px; width: 100%; height: 34px; display: block; cursor: pointer; background-position: center center; }
table span.video, table span.pdf, table span.web_broadcast, table span.locked { background-repeat: no-repeat; text-indent: -9999px; width: 100%; height: 34px; display: block; background-position: center center; }
table a.video { background-image: url(../images/icon_video_clip.png); }
table span.video { background-image: url(../images/icon_video_clip_bw.png); }
table a.pdf { background-image: url(../images/icon_download.png); }
table span.pdf { background-image: url(../images/icon_download_bw.png); }
table a.web_broadcast { background-image: url(../images/icon_web_broadcast.png); }
table span.web_broadcast { background-image: url(../images/icon_web_broadcast_bw.png); }
table a.info { background-image: url(../images/icon_info.png); }
table span.locked { background-image: url(../images/icon_lock.png); }
table a.broadcasting { background-image: url(../images/icon_on_air.png); }

/* Forms */
#main form { border: #e1e7ef solid 6px; padding: 10px; }
#main form input, #main form label, #main form select, #main form textarea { display: block; }
#main form input.input { border: 0; cursor: pointer; margin: 10px 10px 0 0; text-indent: -9999px; display: inline-block; height: 32px; }
#main form label, form input { line-height: 1.5em;  }
#main form input { height: 1.5em; }
#main form input, #main form select { margin-bottom: 8px; }
#main form label.label { font-weight: bold; }
#main form .small { width: 50px; }
#main form .medium, #main form select.medium { width: 200px; }
#main form .large { width: 300px; }
#main form .xlarge { width: 450px; }
#main form input.radio { display: inline; padding-right: 10px; }
#main form textarea { height: 8em; margin-bottom: 10px; }
#main form .checkbox_group, #main form .checkbox_inline  { padding: 10px 0 10px 0; }
#main form .checkbox_group input, #main form .checkbox_inline input { display: inline; margin-right: 8px; }
#main form .checkbox_inline div.total { display: inline; }
#main form .checkbox_group span { display: inline-block; width: 45%; }
#main form .checkbox_group_extra { padding-left: 20px; }
#main form .checkbox_inline span { display: inline-block; width: 100%; }
#main form .form_section { border: 3px #b7c3cc solid; padding: 10px 10px 0 10px; margin-top: 14px; margin-bottom: 8px; background-color: #e8eef2; }
.form_section p.check, .form_section p.x { line-height: 25px !important; background-position: 0 0; background-repeat: no-repeat; padding-left: 40px; }
.form_section p.check { background-image: url(../images/icon_check_mark.png);  }
.form_section p.x { background-image: url(../images/icon_x.png);  }
#main form .buttons { height: 32px; padding-top: 8px; }
#main form button { background-repeat: no-repeat; background-position: 0 center; text-indent: -9999px; height: 32px; display: block; float: left; margin: 0 8px 0 0; padding: 0; border: 0; cursor: pointer; overflow: hidden; }
#main form input.hidden { display: none; }

/* Login Form */
#login_form { background-color: white; padding: 15px; border: #0c4371 solid 8px;  }
#login_form h3 { color: #ff8200; }
#login_form h4 { background: url(../images/icon_lock_small.png) no-repeat; font-size: 150%; font-weight: normal; color: #ff8200; line-height: 30px; padding-left: 35px; }
#login_form .notify { border-width: 2px; border-style: solid; font-weight: bold; margin-bottom: 1.2em; line-height: 2.5em; padding-left: 8px; padding-right: 8px; }
#login_form .error { border-color: red; background-color: #ff7f7f; color: white; }
#login_form .caution { border-color: #ff8b00; background-color: #fff24c; color: #dd7a03; }
//#login_form input#username, #login_form input#password, #login_form label.label { display: block; width: 90%; }
#login_form input#username, #login_form input#password { height: 1.5em; line-height: 1.5em; }
#login_form label { line-height: 1.5em; }
#login_form input { margin-bottom: 8px; }
#login_form input#remember_me { margin: 3px 5px 16px 0; }
#login_form label.label { font-weight: bold; }
#login_form label.label_remember_me { display: inline-block; width: 80%;  }
#login_form input#login, #login_form input#submit, #login_form input#cancel { border: 0; cursor: pointer; margin-top: 10px; text-indent: -9999px; display: inline-block; height: 32px; width: 104px; }
#login_form input#login { background: transparent url(../images/btn_login.png) no-repeat 0 0; }
#login_form input#submit { background: transparent url(../images/btn_submit.png) no-repeat 0 0; }
#login_form input#cancel { background: transparent url(../images/btn_cancel.png) no-repeat 0 0; margin-left: 10px; }
#login_form p.login_trouble { font-size: 90%; margin-top: 20px; }

/* Jump Box */
ul#jumpbox { border-top: solid 1px #b9bac0; border-bottom: solid 1px #b9bac0; background: url(../images/bknd_intro_gradient.png) repeat-x 0 bottom; margin-bottom: 2em; height: 2.5em; padding: 5px 10px; }
#resources h6 { font-size: 100%; line-height: 3.4em; float: left; padding-left: 10px; }
ul#jumpbox { line-height: 2.6em;  }
ul#jumpbox li { float: left; margin-left: 15px; }
ul#jumpbox a.selected { color: #555555; text-decoration: none; }

/* Price Box */
#priceBox {
    background: url(../images/bknd_price_box.jpg) 0 0 repeat-y;
    min-height: 130px;
    width: 283px;
    float: right;
    margin-left: 20px;    
}
#priceBoxTop {
    background: url(../images/bknd_price_box_top.jpg) 0 0 no-repeat;
    padding-top: 12px;
}
#priceBoxTop p {
    padding-top: 10px;
    padding-left: 75px;
    background: url(../images/7_99.png) 0 18px no-repeat;
    margin-left: 20px;
    }
#priceBoxBottom {
    background: url(../images/bknd_price_box_bottom.jpg) 0 0 no-repeat;
    height: 30px;
    text-align: center;
    padding-top: 3px;
}
#priceBox h4 {
    text-align: center;
}
#priceBoxBottom p {
    font-size:86%;
    margin-bottom: 0;
    padding-bottom: 0;
}
#priceBox span.number {
    text-indent: -9999px;
    display: block;
    height :0px;
}

/* Image Gallery */
ul.photo_gallery li { display: block; width: 189px; float: left; position: relative; margin: 0 18px 20px 0; }
ul.photo_gallery img { padding: 2px; border: #ccc solid 2px; }
ul.photo_gallery span { font-style: normal; color: #333333; font-size: 1.1em; line-height: 1.8em; float: left; }
ul.photo_gallery a img { border: #1780c2 solid 2px; }
ul.photo_gallery a:hover img { border: #ff8200 solid 2px; }

/* Sneak Peek Gallery */
/*#gallery { background-color: green; position: relative; }*/
.gallery_img { margin: 0 auto 30px auto; -moz-border-radius: 3px 3px 3px 3px; background-color: #ededed; border: 1px solid #c8c8c8; padding-top: 5px; text-align: center; }
.caption { font-size: 11px; line-height: 13px; margin: 10px 0; padding: 0; display: block; }
#gallery .border { border: 1px solid #c8c8c8; }

/* Password Strength */
#main form .password_test { float: left; }
#main form label.password_label, #main form #password2 { clear: left; }
.testresult { font-weight: bold; font-size: 13px; color: #555555; padding:0px 0px 0px 10px; margin-left:7px; display: block; height: 23px; float: left; }
.testresult span { padding:0px 20px 0px 10px; line-height: 23px; margin: 0px 0px 0px 20px; display: block; float: right; white-space: nowrap; }
.shortPass { background: url(../images/password_strength_red.png) no-repeat 0 0; }
.shortPass span { background: url(../images/password_strength_red.png) no-repeat top right; }
.badPass { background: url(../images/password_strength_red.png) no-repeat 0 0; }
.badPass span { background:url(../images/password_strength_red.png) no-repeat top right; }
.goodPass { background: url(../images/password_strength_yellow.png) no-repeat 0 0; }
.goodPass span { background: url(../images/password_strength_yellow.png) no-repeat top right; }
.strongPass { background: url(../images/password_strength_green.png) no-repeat 0 0; }
.strongPass span { background: url(../images/password_strength_green.png) no-repeat top right; }

/* Column */
#column {}
.col_element { margin-bottom: 20px; padding-bottom: 20px; background: url(../images/column_divider.png) no-repeat bottom center; }
#column p { margin-bottom: 1.2em; line-height: 1.5em; color: #333333; font-size: 90%; }
#column a { color: #1780c2; text-decoration: none; }
#column a:hover { text-decoration: underline; }
#column ul li { line-height: 2em; }
#column ul.im_list, #column ul.tight_list { margin-bottom: 1.5em; }
#column ul.im_list li, #column ul.tight_list li { line-height: 1.5em; }

/* Search Form */
#searchform { height: 50px; position: relative; }
#searchform input { height: 19px; width: 154px; border: 1px solid #a7abae; margin: 4px 5px 5px 0; }
#searchform button { background: transparent url(../images/btn_go.png) no-repeat 0 center; text-indent: -9999px; height: 30px; width: 40px; display: block; margin: 0; padding: 0; border: 0; cursor: pointer; position: absolute; bottom: 9px; right: 0px; }

/* Footer */
#footer #elements { background: white url(../images/bknd_footer_bottom.png) no-repeat bottom center; padding-bottom: 24px; height: 7.3em; }
.element { float: left; width: 30%; padding: 5px 0 0 30px; height: 104px; }
.center_element, .right_element { background: url(../images/footer_v_divider.png) no-repeat left center; }
.element h5 { text-indent: -9999px; height: 14px; padding: 5px 0 8px 0; margin-top: 5px; }
.left_element h5 { background: url(../images/h5_discover_sd.png) no-repeat; width: 193px; }
.center_element h5 { background: url(../images/h5_current_version.png) no-repeat; width: 114px; }
.right_element h5 { background: url(../images/h5_sign_up_services.png) no-repeat; width: 149px; }
.element ul { padding-left: 80px; min-height: 51px; }
.left_element ul { background: url(../images/icon_apple_magnify.png) no-repeat 0 center; } 
.center_element ul { background: url(../images/icon_hard_drive.png) no-repeat 0 center; }
.right_element ul { background: url(../images/icon_pen.png) no-repeat 0 center; }
.element li { list-style-image: url(../images/bullet.png); color: #6a6562; font-size: 85%; line-height: 1.5em; }
.element a { color: #1780c2; text-decoration: none; }
.element a:hover { text-decoration: underline; }
#copyright { color: white; font-size: 85%; text-align: center; margin: 20px auto; }
#copyright a { text-decoration: none; color: #4ac0ee; }
#copyright a:hover { text-decoration: underline; }
#copyright p { margin-bottom: .8em; }

/* fix the submit buttons for IE */
#idsignup input#submitform, input#clear { *border:0px solid red; *text-indent:0px; *display: inline; *font-size:0px; *color:#FFFFFF; }
#free_form input#submitform, input#clear { *border:0px solid red; *text-indent:0px; *display: inline; *font-size:0px; *color:#FFFFFF; }