/* template tweeks
----------------------------------------------- */
#mainbody { width:608px; }

/* sort
----------------------------------------------- */
#sortoptions { background-color:#E3E3E3; margin:30px 0 0 0; }
#sortoptions h3 { display:none; }
.sortoption { float:left; width:25%; }
.sortoption h4 { color:#ffffff; font-size:90%; padding:4px 10px; margin:0; }
.sortoption ul { list-style-type:none; margin:0; padding:5px 0; }
.sortoption li { margin:0; padding:2px 10px; }
.sortoption a { text-decoration:none; color:#666666; }
.sortoption a:hover { text-decoration:underline; }
.sortoption li.selected a { color:#000000; }
.sortoption li.selected a:hover { text-decoration:none; }

/* content groupings
----------------------------------------------- */
.contentitemscontainer { position:relative; }
.contentitemscontainer h3 { border:none; color:#ffffff; margin:0; padding:3px 10px 3px 3px; font-size:90%; clear:left; }
.contentitemscontainer ul { list-style-type:none; margin:0; padding:0; }
.contentitemscontainer li { margin:0; padding:3px 10px 3px 0; border-bottom:1px solid #DBDCD7; position:relative; overflow:hidden; }
.contentitemscontainer li.showingdetails .details { display:block; }
.contentitemscontainer li.showingdetails .title { font-weight:bold; }
.contentitemscontainer a { text-decoration:none; }
.contentitemscontainer .infobtn { position:absolute; top:4px; right:5px; cursor:pointer; }
.contentitemscontainer .detail strong { color:#9C9D9B; }
.contentitemscontainer .viewbtn { position:absolute; top:4px; cursor:pointer; }
.contentitemscontainer .listviewbtn { right:37px; }
.contentitemscontainer .medviewbtn { right:21px; }
.contentitemscontainer .iconviewbtn { right:5px; }
.contentitemsmore { margin:0; padding:3px 10px; background-color:#F0F1EB; font-weight:bold; }
.contentitemsmore a:hover { text-decoration:underline; }

/* list view
----------------------------------------------- */
.viewlist .details { position:relative; display:none; margin:0; padding:2px 0 10px 114px; line-height:160%; }
.viewlist .thumbnail { position:absolute; top:6px; left:18px; }
.viewlist .action p { position:absolute; top:85px; left:18px; }
.viewlist .title a { display:block; background-repeat:no-repeat; background-position:center left; padding-left:18px; }
.viewlist .pdf .title a { background-image:url(/common/img/icons/pdf.gif); }
.viewlist .doc .title a { background-image:url(/common/img/icons/doc.gif); }
.viewlist .video .title a { background-image:url(/common/img/icons/vid.gif); }
.viewlist .audio .title a { background-image:url(/common/img/icons/audio.gif); }
.viewlist .software .title a { background-image:url(/common/img/icons/software.gif); }
.viewlist .demo .title a { background-image:url(/common/img/icons/demo.gif); }

/* med view
----------------------------------------------- */
.viewmed li { position:relative; padding-top:8px;  }
.viewmed .details { margin:0; padding:2px 100px 10px 100px; line-height:160%; }
.viewmed .title { padding-left:100px; }
.viewmed .detail { float:left; padding-right:25px; }
.viewmed .thumbnail { position:absolute; top:10px; left:5px; }
.viewmed .infobtn { display:none; }
.viewmed .action { clear:left; }
.viewmed .action p { position:absolute; top:24px; right:0px; }

/* icon view
----------------------------------------------- */
.viewicon li { float:left; width:21%; position:relative; border:none; height:16em; }
.viewicon .details { margin:0; padding:2px 0 10px 0; }
.viewicon .detail { display:none; }
.viewicon .thumbnail { display:block; position:absolute; top:10px; left:0px; width:100%; text-align:center; }
.viewicon .title { margin:0; padding:90px 0 0 0; text-align:center; }
.viewicon p.contentitemsmore { clear:left; border-top:1px solid #DBDCD7; }
.viewicon .infobtn { display:none; }
.viewicon .action { text-align:center; }
.viewicon .action p { margin:auto; position:absolute; left:25%; }

/* default color settings
----------------------------------------------- */
.sortoption h4, .contentitemscontainer h3 { background-color:#00A0C6; }
.contentitemsmore a { color:#00A0C6; }