/* color swatches
red (view): #dd3800
orange (av): #ff5f00
orange yellow (re): #ff8c00
yellow orange (gr): #fbb500
yellow (ms): #ffd800
ice blue (qc): #8ad6ff
sky blue (ab): #3bb8e6
mid blue (dm): #0086ae
dark blue (he): #054b8e
*/

#p_table_container {background-color:#000; width:540px; margin:20px 0 0;float:left; padding:0;
}

#p_table {width:484px; position:relative; margin:0 28px;
}



/*-----

links below the table / also covers the links in the sidebar throughout the site ------------------------ */

div.categories {margin:320px 28px 0; width:484px; padding:12px 0 50px 0; font-size:0.9em;
}

div.categories ul {float:left; width:161px; margin:0 0 35px 0;
}

div.categories li {margin:0 0 10px 0; 
}

/* shared styles for all these links */
div.categories a:link, div.categories a:visited {padding:0 0 0 20px; background-color:#000; position:relative; border:none; text-decoration:none;
}

/* sets individual background image and color for each link / color is overridden in main.css for links in sidebar */
div.categories a.view_link:link, div.categories a.view_link:visited {color:#dd3800; background-color:#000;
}

a.view_link {background:url(images/view_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.av_link:link, div.categories a.av_link:visited  {color:#ff5f00; background-color:#000;
}

a.av_link {background:url(images/av_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.re_link:link, div.categories a.re_link:visited  {color:#ff8c00; background-color:#000;
}

a.re_link {background:url(images/re_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.gr_link:link, div.categories a.gr_link:visited  {color:#fbb500; background-color:#000;
}

a.gr_link {background:url(images/gr_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.ms_link:link, div.categories a.ms_link:visited  {color:#ffd800; background-color:#000;
}

a.ms_link {background:url(images/ms_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.qc_link:link, div.categories a.qc_link:visited  {color:#8ad6ff; background-color:#000;
}

a.qc_link {background:url(images/qc_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.ab_link:link, div.categories a.ab_link:visited  {color:#3bb8e6; background-color:#000;
}

a.ab_link {background:url(images/ab_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.dm_link:link, div.categories a.dm_link:visited  {color:#0086ae; background-color:#000;
}

a.dm_link {background:url(images/dm_cell_15px.gif) 0 0 no-repeat;
}

div.categories a.he_link:link, div.categories a.he_link:visited  {color:#054b8e; background-color:#000;
}

a.he_link {background:url(images/he_cell_15px.gif) 0 0 no-repeat;
}

/* covers background image sprite position for all hovers/focuses (foci?) */
a.view_link:hover, a.view_link:focus, a.av_link:hover, a.av_link:focus, a.re_link:hover, a.re_link:focus, a.gr_link:hover, a.gr_link:focus, a.ms_link:hover, a.ms_link:focus, a.qc_link:hover, a.qc_link:focus, a.ab_link:hover, a.ab_link:focus, a.dm_link:hover, a.dm_link:focus, a.he_link:hover, a.he_link:focus {background-position:0 -45px;
}



/*-----

links in the actual table / uses background images and absolute placement ------------------------ */

#p_table a:link, #p_table a:visited {border:none; /* overwrites the specificity conflict of border on links set in main.css */
}

a#view_cell {position:absolute; top:0; left:0; background-image:url(images/view_cell.png); width:24px; height:24px;
}

a#view_cell:hover, a#view_cell:focus {background-position:24px 0;
}

a#av_cells {position:absolute; top:27px; left:0; background-image:url(images/av_cells.png); width:24px; height:159px;
}

a#av_cells:hover, a#av_cells:focus {background-position:24px 0;
}

a#re_cells {position:absolute; top:27px; left:27px; background-image:url(images/re_cells.png); width:24px; height:159px;
}

a#re_cells:hover, a#re_cells:focus {background-position:24px 0;
}

a#gr_cells {position:absolute; top:81px; left:54px; background-image:url(images/gr_cells.png); width:267px; height:105px;
}

a#gr_cells:hover, a#gr_cells:focus {background-position:0 105px;
}

a#ms_cells {position:absolute; top:54px; left:324px; width:105px; height:132px; background:url(images/ms_cells03.png) 0 0 no-repeat; z-index:1;
}

a#ms_cells:hover, a#ms_cells:focus {z-index:98; /* z-index is set on hover since this link overlaps with qc_cells */ background-position:-108px 0;
}

a#qc_cells {position:absolute; top:27px; left:324px; width:132px; height:132px; background-image:url(images/qc_cells.png); z-index:0;
}

a#qc_cells:hover, a#qc_cells:focus {z-index:98; /* z-index is set on hover since this link overlaps with ms_cells */ background-position:132px 0;
}

a#ab_cells {position:absolute; top:0; left:459px; background-image:url(images/ab_cells.png); width:24px; height:159px;
}

a#ab_cells:hover, a#ab_cells:focus {background-position:24px 0;
}

a#dm_cells {position:absolute; top:216px; left:108px; background-image:url(images/dm_cells.png); width:375px; height:24px;
}

a#dm_cells:hover, a#dm_cells:focus {background-position:0 24px;
}

a#he_cells {position:absolute; top:243px; left:108px; background-image:url(images/he_cells.png); width:375px; height:24px;
}

a#he_cells:hover, a#he_cells:focus {background-position:0 24px;
}

#p_table_container a:hover, #p_table_container a:focus {background-color:transparent; /* overwrites background color hover set in main.css */
}