@font-face {
font-family: "HelveticaNeue";
src: url("fonts/HelveticaNeueLt.eot");
src: local("fonts/HelveticaNeueLt"), 
url("fonts/HelveticaNeueLt.woff") format("woff"), 
url("fonts/HelveticaNeueLt.ttf") format("truetype"), 
url("fonts/HelveticaNeueLt.svg'") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "HelveticaNeueLTStd-Cn";
src: url("fonts/HelveticaNeueLTStd-Cn.eot");
src: local("fonts/HelveticaNeueLTStd-Cn"), 
url("fonts/HelveticaNeueLTStd-Cn.woff") format("woff"), 
url("fonts/HelveticaNeueLTStd-Cn.ttf") format("truetype"), 
url("fonts/HelveticaNeueLTStd-Cn.svg'") format("svg");
font-weight: normal;
font-style: normal;
}

* {
margin: 0;
padding: 0;
border: 0;
}
html, body, div, span object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

body {
line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

nav ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}

input, select {
vertical-align: middle;
}

/************************************************END RESET CSS*************************************************/


body {
background: url(images/desktop-wallpaper.jpg) no-repeat center;
}

body#desktop_alerts_tab {
background: url(images/desktop-wallpaper.jpg) no-repeat center -724px;
}

.clear {
clear: both;
}

h1 {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 18px;
color: #000000;
font-weight: normal;
}

h2 {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 28px;
color: #000000;
font-weight: normal;
display: block;
margin: 0 0 18px 0;
}

#dashboard_wrapper {
margin: 0 auto;
}


body#desktop_alerts_tab #dashboard_wrapper {
min-height: 100%;
height: 100%;
margin: 0 auto -470px auto;
}

.top_spacer {
height: 60px;
}

#dashboard_container {
height: 650px;
width: 1000px;
margin: 0 auto;
background: #FFFFFF url(images/general-motors-logo.svg) no-repeat 800px 630px;
box-shadow: 0px 0px 18px 1px #000000;
}

/*************************************Header*********************************/

#dashboard_header {
height: 56px;
position: relative;
z-index: 9999;
background: #026ABF;
}

#pc_dashboard_logo {
width: 200px;
padding: 10px 12px 10px 12px;
float: left;
}

#header_right_container {
width: 600px;
float: right;
}

#header_window_buttons_container {
float: right;
}

ul#window_buttons {
list-style: none;
}

ul#window_buttons li {
width: 56px;
height: 56px;
display: block;
float: left;
}

ul#window_buttons li:hover {
background-color: #067BDA;
}

ul#window_buttons li#close:hover {
background-color: #DB0000;
}

li#minimize {
background: url(images/minimize-button.svg) center center no-repeat;
}

li#restore_down {
background: url(images/restore-down-button.svg) center center no-repeat;
}

li#close {
background: url(images/close-button.svg) center center no-repeat;
}

#header_options_container {
float: right;
}

ul#header_options {
list-style: none;
}

ul#header_options li {
float: left;
}

ul#header_options li:hover {
color: #FFFFFF;
background-color: #067BDA;
}

ul#header_options li a {
font-family: "HelveticaNeue";
padding: 20px 10px 20px 10px;
font-size: 16px;
text-align: right;
color: #FFFFFF;
display: block;
text-decoration: none;
}

li#alerts {
width: 88px;
background: url(images/alerts-icon.svg) no-repeat 10px center;
}

li#alerts span#alerts_number {
font-size: 16px;
display: inline-block;
font-weight: bold;
position: relative;
margin: 0 0 0 7px;
float: left;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
li#alerts span#alerts_number {
font-weight: normal;
}
}

body#alerts_tab li#alerts {
background-color: #FFFFFF;
}

body#alerts_tab li#alerts a {
color: #000000;
}

body#alerts_tab li#alerts span#alerts_number {
color: #FFFFFF;
}

li#settings {
width: 105px;
background: url(images/settings-icon.svg) no-repeat 10px center;
}

li#help {
width: 82px;
background: url(images/help-icon.svg) no-repeat 10px center;
}

/**********************Page Subheading*******************/

#subheading_container {
height: 95px;
border-bottom: 1px solid #BBBBBB;
}

#subheading_left_container {
height: 95px;
width: 600px;
float: left;
}

#subheading_icon {
height: 73px;
width: 70px;
margin: 17px 0 0 0;
float: left;
}

#subheading_text_container {
height: 45px;
width: 500px;
margin: 22px 0 0 5px;
float: left;
}

#subheading_text {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 28px;
color: #000000;
margin: 0 0 3px 0;
}

#subheading_description {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #333333;
float: left;
}

#subheading_right_container {
margin: 24px 175px 0 0;
float: right;
}

/***********************************Navigation*******************************/

#navigation {
width: 85px;
border-right: 2px solid #026ABF;
float: left;
/*********box-shadow: 2px 0px 8px -2px #999;***********/
background: #FFFFFF;
}

ul#navigation_options {
list-style: none;
}

ul#navigation_options li a {
font-family: "HelveticaNeue";
height: 22px;
width: 85px;
font-size: 13px;
text-align: center;
color: #1654A0;
padding: 63px 0 0 0;
display: block;
text-decoration: none;
}

ul#navigation_options li a:hover {
color: #1654A0;
background-color: #E3E3E3;
}

li#my_pc a {
padding: 62px 0 0 0 !important;
background: url(images/my-pc-icon.svg) no-repeat center 11px;
}

li#my_pc a:hover {
background: url(images/my-pc-icon.svg) no-repeat center -63px;
}

body#my_pc_tab li#my_pc a {
color: #1654A0;
background: #E3E3E3 url(images/my-pc-icon.svg) no-repeat center -63px;
}

li#hardware a {
background: url(images/hardware-icon.svg) no-repeat center 11px;
}

li#hardware a:hover {
background: url(images/hardware-icon.svg) no-repeat center -64px;
}

body#hardware_tab li#hardware a {
color: #1654A0;
background: #E3E3E3 url(images/hardware-icon.svg) no-repeat center -64px;
}

li#software a {
background: url(images/software-icon.svg) no-repeat center 11px;
}

li#software a:hover {
background: url(images/software-icon.svg) no-repeat center -64px;
}

body#software_tab li#software a {
color: #1654A0;
background: #E3E3E3 url(images/software-icon.svg) no-repeat center -64px;
}

li#storage a {
background: url(images/storage-icon.svg) no-repeat center 11px;
}

li#storage a:hover {
background: url(images/storage-icon.svg) no-repeat center -64px;
}

body#storage_tab li#storage a {
color: #1654A0;
background: #E3E3E3 url(images/storage-icon.svg) no-repeat center -64px;
}

li#network a {
background: url(images/network-icon.svg) no-repeat center 11px;
}

li#network a:hover {
background: url(images/network-icon.svg) no-repeat center -63px;
}

body#network_tab li#network a {
color: #1654A0;
background: #E3E3E3 url(images/network-icon.svg) no-repeat center -63px;
}

li#security a {
background: url(images/security-icon.svg) no-repeat center 11px;
}

li#security a:hover {
background: url(images/security-icon.svg) no-repeat center -63px;
}

body#security_tab li#security a {
color: #1654A0;
background: #E3E3E3 url(images/security-icon.svg) no-repeat center -63px;
}

li#utilities a {
background: url(images/utilities-icon.svg) no-repeat center 11px;
}

li#utilities a:hover {
background: url(images/utilities-icon.svg) no-repeat center -64px;
}

body#utilities_tab li#utilities a {
color: #1654A0;
background: #E3E3E3 url(images/utilities-icon.svg) no-repeat center -64px;
}


/********************************Page Heading and Prifile Info**********************/

#page_heading_profile_container {
border-bottom: 1px solid #BBBBBB;
}

#page_heading {
width: 400px;
padding: 12px 0 0 0;
float: left;
}

#profile_info {
font-family: "HelveticaNeue";
font-size: 13px;
color: #333333;
padding: 12px 0 12px 0;
float: right;
}

.profile_separator {
font-size: 12px;
display: inline-block;
padding: 0 8px 0 8px;
}

/*******************************Main Content Styles**************************/

#pc_dashboard_main_content_container {
min-height: 565px;
width: 875px;
margin: 0 19px 0 19px;
float: right;
}

#application_footer {
height: 37px;
clear: both;
}

/*******************************My PC Tab**************************/

#my_pc_tab_subheading_container {
padding: 16px 0 24px 0;
border-bottom: 1px solid #BBBBBB;
background: url(images/computer-image.svg) no-repeat right center;
}

#my_pc_tab_subheading_left {
float: left;
width: 640px;
}

#my_pc_tab_subheading_right {
height: 30px;
width: 30px;
margin: 84px 42px 0 0;
float: right;
}

#computer_actions_container {
width: 660px;
}

#actions_left_container {
width: 250px;
float: left;
}

#actions_right_container {
width: 300px;
margin: 0 0 0 10px;
float: left;
}

.subheading_container {
height: auto;
}

.status_icon {
height: 27px;
width: 27px;
margin: 0 8px 0 0;
float: left;
}

.large_subheading {
font-family: "HelveticaNeue";
font-size: 22px;
color: #222222;
margin: 0 0 5px 0;
padding: 2px 0 0 0;
}

.status_message {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #222222;
margin: 0 0 13px 35px;
}

.status_button input {
font-family: "HelveticaNeue";
font-size: 14px;
color: #FFFFFF;
width: 108px;
padding: 10px 0 12px 0;
text-align: center;
cursor: pointer;
margin: 0 0 0 35px;
background: #026ABF;
}

.status_button input:hover {
background-color: #067BDA;
}

#my_pc_tab_bottom_container {
margin: 30px 0 0 0;
}

.content_box_top {
width: 408px;
padding: 11px 11px 11px 11px;
border: 1px solid #BBBBBB;
margin: 0 0 12px 0;
background: #FFFFFF;
}

.content_box_bottom {
width: 408px;
padding: 11px 11px 11px 11px;
border: 1px solid #BBBBBB;
background: #FFFFFF;
}

.content_box_heading_container {
width: 100%;
margin: 0 0 14px 0;
}

.content_box_heading {
font-family: "HelveticaNeue";
font-size: 22px;
color: #000000;
float: left;
}

.blue_text a {
color: #026ABF;
text-decoration: none;
}

.red_text a {
color: #DB0000;
text-decoration: none;
}

.copy_all {
float: right;
}

.copy_all a {
font-family: "HelveticaNeue";
font-size: 12px;
color: #026ABF;
font-weight: bold;
display: block;
height: 20px;
width: 18px;
text-decoration: none;
text-align: right;
margin: 1px 0 0 0;
background: url(images/copy-all-icon.svg) no-repeat center;
}

.copy_all a:hover {
text-decoration: none;
}

.text_content_box_information_container_first_row {
width: 100%;
}

.text_content_box_information_container_remaining_rows {
width: 100%;
margin: 8px 0 0 0;
}

.content_box_information_left {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #222222;
float: left;
}

.content_box_information_right {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #222222;
text-align: right;
float: right;
}

/********************Tooltip*******************/

.tooltip {
position: relative;
display: inline-block;
}

.tooltip .tooltiptext {
top: -66px;
right: 133%;
visibility: hidden;
width: 250px;
color: #FFFFFF;
text-align: left;
padding: 10px 10px 10px 10px;
position: absolute;
z-index: 1;
background: #E9E9E9;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin: -5px 0 0 0;
border-width: 8px;
border-style: solid;
border-color: transparent transparent transparent #E9E9E9;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}

.tooltip_heading {
font-family: "HelveticaNeue";
font-size: 22px;
color: #000000;
display: block;
margin: 0 0 14px 0;
}

.tooltip_text_wrapper {
width: 100%;
display: inline-block;
margin: 0 0 8px 0;
}

.tooltip_text {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
float: left;
color: #222222;
}

.tooltip_text_right {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #222222;
float: right;
}

.last {
margin-bottom: 0;
}

/************************************Software Page****************************/

#software_page_container {
max-height: 456px;
width: 875px;
margin: 23px 0 0 0;
float: right;
}

#software_page_bottom_container {
width: 875px;
margin: -5px 0 0 0;
}

.software_category_heading_container {
margin: 0 0 8px 0;
}

.category_heading {
font-family: "HelveticaNeue";
font-size: 20px;
width: 820px;
color: #222222;
font-weight: normal;
display: block;
margin: 0;
padding: 8px 13px 8px 13px;
cursor: pointer;
background: #EDEDED url(images/collapsed-icon.svg) no-repeat 818px center;
}

.category_heading:hover {
background-color: #E3E3E3;
}

.expanded {
background: #EDEDED url(images/expanded-icon.svg) no-repeat 818px center;
}

.expand_content_container {
width: 820px;
margin: 0 0 0 15px;
padding: 10px 0 0 0;
}

.software_programs_heading {
font-family: "HelveticaNeue";
font-size: 22px;
color: #222222;
font-weight: normal;
margin: 0 0 14px 0;
}

.software_programs_heading_info {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #222222;
margin: 0 0 12px 0;
}

.name_column {
width: 185px;
}

.name_column_spacer {
width: 28px;
}

.publisher_column {
width: 155px;
}

.publisher_column_spacer {
width: 26px;
}

.version_column {
width: 110px;
}

.version_column_spacer {
width: 40px;
}

.description_column {
width: 245px;
}

.description_column_spacer {
width: 41px;
}

/************************************Desktop alerts Page****************************/

#desktop_alerts_container {
height: 430px;
width: 325px;
margin: 0 80px 0 0;
box-shadow: 0px 0px 10px 0px #000000;
float: right;
}

/**********Header************/

#desktop_alerts_header {
height: 50px;
background: #026ABF;
}

#desktop_alerts_content {
height: 345px;
width: 325px;
overflow-y: scroll;
overflow-x: hidden;
background: #EDEDED;
}

#pc_dashboard_logo_small {
height: 32px;
padding: 11px 0 0 15px;
float: left;
}

#clear_all_container {
padding: 23px 20px 0 0;
float: right;
}

#clear_all_container a {
font-family: "HelveticaNeue";
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

#clear_all_container a:hover {
text-decoration: underline;
}

/**************Footer******************/

#desktop_alerts_footer {
height: 35px;
background: #026ABF;
}

#desktop_alerts_footer_left {
width: 180px;
float: left;
}

#desktop_alerts_footer_right {
width: 120px;
margin: 0 10px 0 0;
float: right;
}

#desktop_alerts_footer ul li {
list-style: none;
}

#desktop_alerts_footer ul li a {
font-family: "HelveticaNeue";
font-size: 13px;
height: 23px;
color: #FFFFFF;
text-decoration: none;
text-align: right;
display: inline-block;
padding: 12px 10px 0 0px;
float: left;
}

#desktop_alerts_footer ul li a:hover {
background-color: #067BDA;
}

li#my_pc_desktop_alerts_footer_link a {
width: 67px;
background: url(images/home-icon-footer.svg) no-repeat 10px center;
}

#settings_desktop_alerts_footer_link a {
width: 79px;
background: url(images/settings-icon-small.svg) no-repeat 10px center;
}

#silent_mode_toggle a {
font-family: "HelveticaNeue";
font-size: 13px;
height: 23px;
width: 120px;
color: #FFFFFF;
text-decoration: none;
text-align: left;
display: inline-block;
padding: 12px 0 0 0px;
float: left;
background: url(images/silent-mode-toggle.svg) no-repeat right;
}

/*****************Main Content********************/

.desktop_alerts_category_heading_container {
margin: 0 0 3px 0;
}

.desktop_alerts_category_heading {
height: 50px;
width: 300px;
padding: 0 0 0 8px;
cursor: pointer;
background: #FFFFFF url(images/collapsed-small-icon.svg) no-repeat 255px center;
}

.desktop_alerts_expanded {
background: #FFFFFF url(images/expanded-small-icon.svg) no-repeat 255px center; 
}

.desktop_alerts_category_heading_left {
width: 140px;
float: left;
}

.tab_icon_container {
float: left;
}

.tab_text_name {
font-family: "HelveticaNeue";
font-size: 14px;
height: 23px;
color: #1654A0;
margin: 0 0 0 7px;
padding: 17px 0 0 0;
float: left;
}

.desktop_notification_number {
font-family: "HelveticaNeue";
font-size: 14px;
height: 18px;
width: 20px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding: 2px 0 0 0;
background: url(images/alerts-icon-small.svg) no-repeat top left;
}

.desktop_alerts_expand_content_container {
margin: 3px 0 0 0;
padding: 0;
}

.desktop_alerts_options_left_container {
width: 270px;
padding: 0 0 0 17px;
}

.desktop_alerts_options_text_container {
height: auto;
}

.desktop_alerts_status_icon {
height: 22px;
width: 22px;
margin: -2px 6px 0 0;
float: left;
}

.desktop_alerts_options {
font-family: "HelveticaNeue";
font-size: 18px;
color: #222222;
margin: 0 0 5px 0;
float: left;
}

.desktop_alerts_options_description p {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 15px;
width: 240px;
color: #666666;
margin: 0 0 0 28px;
}

.desktop_alerts_horizontal_rule {
height: 1px;
background: #CCCCCC;
}

span.desktop_alerts_options_heading {
width: 230px;
margin: 0 10px 0 0;
display: inline-block;
}

a.expand_content_dashboard_link {
display: block;
padding: 10px 0 10px 0;
text-decoration: none;
}

a:hover.expand_content_dashboard_link {
background: #F3F3F3;
}

/*******************Individual Tabs***************/

#my_pc_tab_small_icon {
height: 35px;
width: 48px;
margin: 7px 0 0 0;
background: url(images/my-pc-icon-small.svg) no-repeat 8px 0;
}

#hardware_tab_small_icon {
height: 35px;
width: 48px;
margin: 7px 0 0 0;
background: url(images/hardware-icon-small.svg) no-repeat 10px 0;
}

#software_tab_small_icon {
height: 35px;
width: 48px;
margin: 7px 0 0 0;
background: url(images/software-icon-small.svg) no-repeat 10px 0;
}

#storage_tab_small_icon {
height: 35px;
width: 48px;
margin: 7px 0 0 0;
background: url(images/storage-icon-small.svg) no-repeat 8px 0;
}

#network_tab_small_icon {
height: 35px;
width: 48px;
margin: 7px 0 0 0;
background: url(images/network-icon-small.svg) no-repeat 10px 0;
}

#security_tab_small_icon {
height: 35px;
width: 48px;
margin: 7px 0 0 0;
background: url(images/security-icon-small.svg) no-repeat 12px 0;
}

/***************END individual Tabs***************/

.desktop_alerts_category_heading_right {
float: right;
}

a.close_alert {
font-family: "HelveticaNeue";
font-size: 13px;
height: 20px;
width: 20px;
color: #808080;
text-decoration: none;
text-align: right;
display: inline-block;
margin: 15px 5px 0 0;
background: url(images/close-button-small.svg) no-repeat center;
}

a:hover.close_alert {
text-decoration: underline;
}

/********************************Universal Styles****************************/

#list_view_container {
height: 396px;
width: 875px;
margin: 30px 0 0 0;
overflow-y: auto;
overflow-x: hidden;
float: right;
}

body#security_tab #list_view_container {
overflow-y: hidden;
}

.list_view {
width: 700px;
margin: 0 0 13px 0;
}

.list_view:last-child {
margin: 0 0 0 0;
}

.options_left_container {
width: 575px;
float: left;
}

.options_right_container {
margin: 5px 0 0 0;
float: right;
}

.options_text_container {
height: auto;
}

.list_view_startup_issues span.options_heading {
width: 820px;
padding: 3px 0 0 0;
}

.list_view_startup_issues .options_left_container {
width: 800px;
margin: 5px 0 0 0;
}

.list_view_startup_issues .options {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
padding: 0 0 5px 0;
border-bottom: 1px solid #DDDDDD;
}

.status_icon {
height: 27px;
width: 27px;
margin: 0 8px 0 0;
float: left;
}

.options {
font-family: "HelveticaNeue";
font-size: 19px;
color: #222222;
margin: 2px 0 5px 0;
float: left;
}

span.options_heading {
width: 190px;
margin: 0 10px 0 0;
display: inline-block;
}

.options span.options_info {
display: inline-block;
}

.options span.options_info_2 {
margin: 0 0 0 20px;
display: inline-block;
}

.options_info_red_warning_text {
color: #F70005;
}

.options_info_yellow_warning_text {
color: #FAA124;
}

.options_description p {
font-family: "HelveticaNeueLTStd-Cn";
font-size: 16px;
color: #333333;
margin: 0 0 13px 35px;
}

body#utilities_tab span.options_heading {
width: 450px;
}

.options_right_container input {
font-family: "HelveticaNeue";
font-size: 14px;
color: #FFFFFF;
width: 90px;
padding: 9px 0 11px 0;
text-align: center;
cursor: pointer;
background: #026ABF;
}

.options_right_container input:hover {
background-color: #067BDA;
}

/*************************************Footer********************************/


body#desktop_alerts_tab footer#footer_container {
height: 470px;
background: none;
}

footer#footer_container {
height: 40px;
display: block;
width: 100%;
}

#footer_taskbar {
height: 40px;
background: #111111;
}

#windows_taskbar_left {
height: 40px;
width: 477px;
float: left;
background: url(images/windows-taskbar-left.jpg) no-repeat left;
}

#windows_taskbar_right {
height: 40px;
width: 310px;
float: right;
background: url(images/windows-taskbar-right.jpg) no-repeat right;
}