/* ***text formatting*** */
body {
  font-family: arial,sans-serif; font-size: 83%; line-height: 120%;
  padding: 0; margin: 0; overflow:auto;
  text-align: center; }

td, th { 
  font-family: arial,sans-serif; font-size: 83%; line-height: 120%;
  padding: 0; margin: 0; }

button {
  width:72px; /* abuse this as min-width */
  overflow:visible; /* without this, IE will cut off the buttons */
  padding:0 10px;} /* this needs to be fixed to avoid px! */

.pref th {font-weight:bold; text-align:right; vertical-align:top; margin:0 1em 1em 0;}
.pref td {vertical-align:top; margin-bottom:1em;}

a:link, a:visited, a:active { color: #00c }

.detail { font-size: .9em; color: #676767; padding-bottom: 0; margin-bottom: 0; }
.inactive { font-size: 1em; color: #676767; padding-bottom: 0; margin-bottom: 0; }
.status_error { color: #CC0000; font-weight: bold; }
.msg { color: #FF9900; font-weight: bold; }

h1 { font-weight: bold; font-size: 1em; margin-bottom: .5em; margin-top:.5em;}
h1.dialog { font-weight: bold; font-size: 1.2em; margin-bottom: 2ex; margin-top:.5ex; vertical-align:center;}
h1.single {font-weight:bold; font-size:1.2em; display:inline;}
h2 { font-weight: bold; font-size: 1em; border-bottom: 1px solid #C0C0C0; padding-bottom:0; margin-bottom:.4em;}
.hr {border-bottom:1px solid #C0C0C0; width:100%; margin:.5em 0 1em 0;}

ul.tip { list-style: disc; padding:4px 0 4px 1.5em; margin:0 0 0 .5em;}
ul.tip li { padding-bottom: .1em; }

.right { float: right; }
.left { float: left; }
.clear { clear: both; }

.primary_button { font-weight: bold; }

/* ***dialog regions*** */
#content_dialog {
  width: 90%; padding:2ex 4% 0 4%; margin: 0; 
  text-align: left;}
#dialog_buttons {
  text-align:right;
  width:100%;
}
#proxy_dialog {
  width: 90%; padding:ex 4% 0 4%; margin: 0; 
  text-align: left;
}



/* ***page regions*** */

/*is height ok at 87% for content?  tabs make up rest of it at 52px high*/
#content {
  width: 100%; height:86%; padding: 12px; margin: 0; 
  text-align: left;}
#content_single {
  width: 100%; height:86%; padding: 12px; margin: 0; 
  text-align: left;}  
#content_pref {
  width: 100%; height:83%; padding: 6px;
  margin:12px;
  text-align: left;}
#content_eula {
  width: 100%; height:100%; padding-left: 0px; padding-top: 0px; margin: 0; 
  position: relative;
  text-align: left;}

/* the top area of current install page*/
#summary {
 width: 100%; /*height:10%;*/
 padding: 6px 0px 4px 0px;  
 margin: 0; }
#summary_single {
 width: 100%; /*height:10%;*/
 padding: 6px 0px 4px 0px;  
 margin: 0; }  

/* install complete popup*/
#idBodyDim{
  position:absolute;
  display:none;
  width:100%; height:100%; top:0; left:0;
  background:#8D8D8D;
  filter:alpha(opacity=40); -moz-opacity:.40;
}
#idAppRunPopup {
  position:absolute;
  display:none;
  width:60%; height:30%; left:20%; top:35%;
  border:2px solid #5F70B0; background:#FFFFFF; 
  padding:.5em; 
}

/* ***messaging*** */	
#idStatusMsg {
   width:100%; padding:2px 4px 2px 4px; margin:6px 0 6px 0;
}
#idSingleStatusMsg {
   width:100%; padding:2px 4px 2px 4px; margin:6px 0 6px 0;
}
.msg {
   background-color:#FFEAC0; border:1px solid #FD9801; color:#000000; font-weight:normal;
}
.msg_simple {
   background-color:#FFEAC0; border:1px solid #FD9801; color:#000000; font-weight:normal;
   text-align:center; margin-top:2px; padding:2px 4px 2px 4px;
}
.msg_error {
   background-color:#e8e8e8; border:1px solid #CC0000; color:#000000; font-weight:normal;
}
.msg_error_center {
   background-color:#e8e8e8; border:1px solid #CC0000; color:#000000; font-weight:normal;
   text-align:center; margin-top:2px; padding:2px 4px 2px 4px;
}
.error_page {
   float:right;	
   background-color:#F0F0F0;
   border:1px solid #888888; 
   color:#888888; 
   cursor:pointer; padding:0 3px;	
   font-weight:bold;
}
.error_page_hover {
   float:right;	
   border:1px solid #0000CC; 
   cursor:pointer; padding:0 3px;	
   font-weight:bold;
   background-color:#E0EAFF;
   color:#0000CC; 
}
.error_page_num {
   float:right;	
   color:#555555; 
}


/* page level buttons under summary */
#buttons_bottom {
  width: 100%; height:2.5em;
  padding: 0 0 4px 0;  margin: 0; 
  vertical-align:center;
  text-align: right; }
#buttons_bottom_single {
  width: 100%; height:2.5em;
  padding: 0 0 4px 0;  margin: 0; 
  vertical-align:center;
  text-align: right; }  


/* table of software downloading/installed */
#software_td {height:95%}
#software {
  width: 100%; text-align: left; height:100%;
  overflow-x:hidden; overflow-y:scroll;
  border: 1px solid #C0C0C0; padding:0; margin:0;}

/* progress bars install/download */
.progress {
  width:48%; height:48px;
  padding:4px 0px 4px 0px; margin:0px;}
.progress_single {
  width:100%; height:48px;
  padding:4px 0px 4px 0px; margin:0px;}   
.progress_bar {
  height:8px; width:90%;
  background-color:#E0E0E0;
  margin: 4px 0 4px 0; padding:0;
  font-size:.5em; }
.progress_bar_single {
  height:8px; width:100%;
  background-color:#E0E0E0;
  margin: 4px 0 4px 0; padding:0;
  font-size:.5em; }  
.progress_bar_filled {
  height:100%;
  background-color:#80C65A;}
.progress_bar_filled_complete {
  height:100%;
  background-color:#008000;}
.progress_bar_filled_paused {
  height:100%;
  background-color:#808080;}
.progress_bar_error {
  height:100%;
  background-color:#CC0000;
}


/* display of software table */
.software_curr {height:55%}
.software_inst {height:79%}
.software_inst_with_msg {height:77%}
#software tr {cursor:pointer;}
#software td {
 padding:6px 4px 4px 4px;
 border-bottom:1px solid #E0E0E0;
 vertical-align:middle;}
#software td.last {border:none;}
tr.progDetail{background-color:#F0F0F0; display:none;}

/* column header display */
a.header, a.header:visited {color:#000000; text-decoration:none;}
a.header:hover, a.header:active {color:#A0A0A0}
#software_header_left {
  border-top: 1px solid #C0C0C0;border-left: 1px solid #C0C0C0; 
  background-color:#E8E8E8;}
#software_header_right {
  border-top: 1px solid #C0C0C0;border-right: 1px solid #C0C0C0;
  background-color:#E8E8E8;}

#software_header_left th {
  font-weight:bold;  
  padding:4px; 
  vertical-align:top;}

/* width of software columns for installer/maintainer/updates/history */
.col_program { width: 34%; text-align:left;}
.col_links { width:21%; text-align:left;}
.col_status { width: 26%;  text-align:left;}
.col_size { width: 19%; text-align: right;}

.col_curr_program { width: 33%;  text-align:left;}
.col_curr_links { width: 18%;  text-align:left;}
.col_curr_date { width: 20%;  text-align:left;}
.col_curr_size { width: 15%; text-align: right;}
.col_curr_uninst { width: 14%;  text-align:middle;}

.col_updates_header_program_name { width: 34%;  text-align:left;}
.col_updates_check_box { width: 3%;  text-align:left;}
.col_updates_program_name { width: 31%;  text-align:left;}
.col_updates_whats_new_link { width: 23%;  text-align:left;}
.col_updates_date_when_available { width: 23%;  text-align:left;}
.col_updates_download_size { width: 20%; text-align: right;}
.col_updates_prog_detail { width: 97%; text-align: left;}

.col_history_program { width: 42%;  text-align:left;}
.col_history_version { width: 20%;  text-align:left;}
.col_history_date { width: 19%;  text-align:left;}
.col_history_action { width: 19%; text-align: left;}

/* tabs at top of page */

#tabs { 
   width: 100%; 
   margin:9px 0 0 4px; padding: 0; }     
#tabs div.inactive1 {
   height: 4px;
   background: url(ul.gif) no-repeat top left;}
#tabs div.inactive2 {
   height: 4px;
   background: url(ur.gif) no-repeat top right;
   padding: 0 4px;}
#tabs div.active1 {
   height: 4px;
   background: url(ul.gif) no-repeat top left;}
#tabs div.active2 {
   height: 4px;
   background: url(ur.gif) no-repeat top right;
   padding: 1px 6px;}
#tabs div.tabText {padding: 0px 1em 2px; font-weight:bold;}
#tabs td.inactiveTab {   
   cursor: pointer;
   text-align:middle;
   background-color:#E5ECF9;
   vertical-align:top;}
#tabs td.activeTab {
   text-align:middle;
   vertical-align:top;
   background-color:#3366CC}
#tabs td.inactiveTab a{
   text-decoration:none;
   color: #000000;}

/* Styles for EULA and EULA-declined-uninstallation page */

iframe {
  border-style: inset;}
.eula_top_bottom {
  background-color: #e5ecf9;}
.eula_footer {
  width: 100%;
  position:absolute;
  bottom: 0px;}
.eula_margins {
  padding-left: 25px;}
#softwareTable img, input {
  margin-right: 5px;}
#softwareTable td {
  vertical-align: top;}
.eula_appname {
  font-weight:bold;
  font-size:95%;}
.eula_app_descr {
  font-weight:normal;
  font-size:83%;
  color:#707070;}
.uacShield {
  background:url('shield.gif');
  margin:0 2px 0 0;
  height:16px;
  width:16px;
  display:none;}