/*------------------------------------------------------------------------
# SC ULTIMATE - March 6, 2009
# ------------------------------------------------------------------------
# Author: SMARTCHOICESITES.COM
# Websites:  http://www.smartchoicesites.com -  Email: sales@smartchoicesites.com
-------------------------------------------------------------------------*/

pre { padding: 1em; border-left: 5px solid #404040; background: #FFFFD5; font-family: "Courier New", Courier, monospace; }
small { font-size: .85em; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sup em { color: #FF0000; font-size: .8em; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
acronym,
abbr { border-bottom: 1px dashed; letter-spacing: 1px; cursor: help; }
/* @IMAGE */
img { border: none; }
img.image-left { float: left; margin: .5em 1em .5em 0; }
img.image-right { float: right; margin: .5em 0 .5em 1em; }
img.image-border { border: 1px solid #E5E5E5; padding: 3px; }
img.image-margin { margin: .5em; }
/* @LINK */
a:link,
a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a:active { color: #FF0000; }
a img { border: none; }
/* Based on extension */
a.text { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-txt.png) no-repeat center right; }
a.music { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-music.png) no-repeat center right; }
a.archive { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-archive.png) no-repeat center right; }
a.movie { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-film.png) no-repeat center right; }
a.wmv { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-wmv.png) no-repeat right center; }
a.doc,
a.rtf { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-doc.png) no-repeat center right; }
a.xls { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-xls.png) no-repeat center right; }
a.pps { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-pps.png) no-repeat center right; }
a.flash { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-flash.png) no-repeat center right; }
a.pdf { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-pdf.png) no-repeat center right; }
a.rss,
a.atom { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-feed.png) no-repeat center right; }
a.vcard { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-vcard.png) no-repeat center right; }
a.mov { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-mov.png) no-repeat right center; }
a.dmg,
a.app { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-dmg.png) no-repeat center right; }
a.ical { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-ical.png) no-repeat center right; }
a.css { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-css.png) no-repeat center right; }
a.ttf { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-ttf.png) no-repeat center right; }
a.torrent { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-torrent.png) no-repeat center right; }
a.mailto { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-mailto.png) no-repeat center right; }
a.callto { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-call.png) no-repeat center right; }
a.msnim { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-msn.png) no-repeat center right; }
a.aim { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-aim.png) no-repeat center right; }
a.yim { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-yim.png) no-repeat center right; }
a.skype { padding: 5px 20px 5px 0; background: transparent url(../images/typo/icon-link-skype.png) no-repeat center right; }
a.noicon { padding: 0 !important; background: none !important; }
/* Reset original styles */
#sc-mainbody a[title="PDF"],
#sc-mainbody a[title="Print"],
#sc-mainbody a[title="E-mail"] { padding: 0; background: none; }
/* @TEXT */
.clearbreak { clear: both; }
div.grid2:after,
div.grid3:after,
div.grid4:after,
div.grid5:after,
ul.hlist-left:after,
ul.hlist-right:after,
.clearafter:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
/* Text grid */
div.grid-col { float: left; margin-right: 2%; overflow: hidden; }
div.grid-lastcol { float: right; margin-right: 0 !important; overflow: hidden; }
div.grid2 div.grid-col { width: 48.8%; }
div.grid3 div.grid-col { width: 31.9%; }
div.grid4 div.grid-col { width: 23.4%; }
div.grid5 div.grid-col { width: 18.3%; }
/* Text paragraph */
.border { border: 1px solid #E5E5E5; padding: 3px; }
.alert { border-top: 2px solid #FEABAB; border-bottom: 2px solid #FEABAB; padding: 1em 1em 1em 5em; background: url(../images/typo/icon-text-alert.png) #FFDFDF no-repeat 1.5em; }
.info { border-top: 2px solid #B7D2F2; border-bottom: 2px solid #B7D2F2; padding: 1em 1em 1em 5em; background: url(../images/typo/icon-text-info.png) #DBE7F8 no-repeat 1.5em; }
.download { border-top: 2px solid #DDEDBC; border-bottom: 2px solid #DDEDBC; padding: 1em 1em 1em 5em; background: url(../images/typo/icon-text-download.png) #F2F9E5 no-repeat 1.5em; }
.comment { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; padding: 1em 1em 1em 5em; background: url(../images/typo/icon-text-comment.png) #FEF8E1 no-repeat 1.5em; }
.tip { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; padding: 1em 1em 1em 5em; background: url(../images/typo/icon-text-tip.png) #FFFFD5 no-repeat 1.5em; }
.attachment { border-top: 2px solid #E5E5E5; border-bottom: 2px solid #E5E5E5; padding: 1em 1em 1em 5em; background: url(../images/typo/typo/icon-text-attachment.png) #F2F2F2 no-repeat 1.5em; }
.dropcap:first-letter { float: left; color: #404040; font: 4em/.8em "Times New Roman", Times, serif; }
/* @LIST */
ul.arrowlist-red,
ul.arrowlist-green,
ul.arrowlist-blue,
ul.iconlist-article,
ul.iconlist-folder,
ul.iconlist-image,
ul.iconlist-online,
ul.iconlist-star,
ul.iconlist-user { list-style: none; }
/* Arrow list */
ul.arrowlist-red li { margin-left: .6em; padding: 0 0 0 10px; background: url(../images/typo/arrow.png) no-repeat left 6px; }
ul.arrowlist-green li { margin-left: .6em; padding: 0 0 0 10px; background: url(../images/typo/icon-arrow-s.png) no-repeat left 6px; }
ul.arrowlist-blue li { margin-left: .6em; padding: 0 0 0 10px; background: url(../images/typo/icon-arrow-blue.png) no-repeat left 6px; }
/* Icon list */
ul.iconlist-article li { margin-left: .6em; padding: 0 0 0 20px; background: url(../images/typo/icon-module-article.png) no-repeat left top; }
ul.iconlist-folder li { margin-left: .6em; padding: 0 0 0 20px; background: url(../images/typo/icon-module-folder.png) no-repeat left top; }
ul.iconlist-image li { margin-left: .6em; padding: 0 0 0 20px; background: url(../images/typo/icon-module-image.png) no-repeat left top; }
ul.iconlist-online li { margin-left: .6em; padding: 0 0 0 20px; background: url(../images/typo/icon-module-online.png) no-repeat left top; }
ul.iconlist-star li { margin-left: .6em; padding: 0 0 0 20px; background: url(../images/typo/icon-module-star.png) no-repeat left top; }
ul.iconlist-user li { margin-left: .6em; padding: 0 0 0 20px; background: url(../images/typo/icon-module-user.png) no-repeat left top; }
/* Horizontal list */
ul.hlist,
ul.hlist-left,
ul.hlist-right { margin: 0; list-style: none; }
ul.hlist li { margin: 0; display: inline; }
ul.hlist-left li { margin: 0 1em 0 0; display: inline; }
ul.hlist-right li { margin: 0 0 0 1em; display: inline; }
ul.nobullet { margin: 0; list-style: none; }
ul.nobullet li { margin: 0; padding: 0; list-style: none; }
/* @TABLES */
table { border-collapse: collapse; border-spacing: 0; }
caption,
th { text-align: left; }
/* Plain rows */
table.plainrows { background-color: #F2F2F2; color: #404040; border-collapse: collapse; }
table.plainrows caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; }
table.plainrows thead { border-bottom: solid 1px #284D73; }
table.plainrows thead th { padding: 5px 10px; background-color: #366999; color: #FFFFFF; font-size: 1.1em; text-transform: capitalize; }
table.plainrows tfoot th,
table.plainrows tfoot td { padding: 3px 10px; background-color: #D9D9D9; color: #000000; font-size: 1.1em; text-transform: capitalize; }
table.plainrows tfoot td { text-align: right; }
table.plainrows tbody th,
table.plainrows tbody td { border-bottom: solid 1px #D9D9D9; padding: 4px 10px; }
table.plainrows tbody th { white-space: nowrap; }
table.plainrows tr.odd { }
table.plainrows tbody tr:hover { background: #E5E5E5; }
/* Dark stripes */
table.colorstripes { border: 1px solid #162C40; color: #FFFFFF; background: #284D73; border-collapse: collapse; }
table.colorstripes caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; }
table.colorstripes td,
table.colorstripes th { border: 1px dashed #366999; padding: 5px 10px; }
table.colorstripes thead th { border: 1px solid #284D73; background: #162C40; color: #FFFFFF; font-size: 1.1em; }
table.colorstripes tbody th,
table.colorstripes tbody td { text-align: left; vertical-align: top; }
table.colorstripes tbody tr.odd { background: #224161; }
table.colorstripes tbody tr:hover { background: #1F3D59; }
table.colorstripes tbody tr:hover th,
table.colorstripes tbody tr.odd:hover th { background: #1F3D59; }
table.colorstripes tfoot th,
table.colorstripes tfoot td { border: none; padding: 4px 10px; background: #162C40; color: #FFFFFF; font-size: 1.1em; }
table.colorstripes tfoot td { text-align: right; }
/* Light stripes */
table.greystripes { border: 1px solid #D9D9D9; color: #404040; background: #FFFFFF; border-collapse: collapse; }
table.greystripes caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; }
table.greystripes td,
table.greystripes th { border: 1px dashed #E5E5E5; padding: 5px 10px; }
table.greystripes thead th { border: 1px solid #595959; border-bottom: 2px solid #000000; background: #404040; color: #FFFFFF; font-size: 1.1em; }
table.greystripes tbody th,
table.greystripes tbody td { text-align: left; vertical-align: top; }
table.greystripes tbody tr.odd { background: #F2F2F2; }
table.greystripes tbody tr:hover { background: #E5E5E5; }
table.greystripes tbody tr:hover th,
table.greystripes tbody tr.odd:hover th { background: #E5E5E5; }
table.greystripes tfoot th,
table.greystripes tfoot td { border: none; padding: 4px 10px; background-color: #D9D9D9; color: #000000; font-size: 1.1em; }
table.greystripes tfoot td { text-align: right; }
ul.iconlist-star li { background: url(../images/icon-star.png) no-repeat left 3px; padding: 3px 0 3px 25px }
.highlight { background:#FFFFCC none repeat scroll 0 0; color:#333333; font-weight:bold; padding:1px 5px; }
.dropcap { color: #E9DA95; display: block; float: left; font: 25px/30px Georgia, Times, serif; padding: 0 10px 0 0; }
blockquote { padding: 1em 40px 1em 25px; background: url(../images/typo/blockquote.png) no-repeat left 10px; }
.legend-title { background: #FFF; display: block; font-size: 100%; float: left; font-weight: bold; left: 7px; margin: 0; padding: 0 3px; position: absolute; top: -10px; }
.legend { border: 1px solid #558c0c; margin: 20px 0; padding: 0 10px; position: relative; }
div.attention,
div.notice,
div.alert,
div.download,
div.approved,
div.media,
div.note,
div.cart,
div.camera,
div.doc { display: block; padding: 8px 10px 8px 36px; margin: 15px 0; }
div.attention { color: #B79000; border: 1px solid #E7BD72; background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat; }
div.attention a { color: #B79000 !important; font-weight: bold !important; font-style: italic !important; }
div.notice { color: #648434; border: 1px solid #9BCC54; background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat; }
div.notice a { color: #648434 !important; font-weight: bold !important; font-style: italic !important; }
div.alert { color: #CF3738; border: 1px solid #FFACAD; background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat; }
div.alert a { color: #CF3738 !important; font-weight: bold !important; font-style: italic !important; }
div.download { color: #1C6B8B; border: 1px solid #6ABCE2; background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat; }
div.download a { color: #1C6B8B !important; font-weight: bold !important; font-style: italic !important; }
div.approved { color: #666; border: 1px solid #a8a8a8; background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat; }
div.approved a { color: #666 !important; font-weight: bold !important; font-style: italic !important; }
div.media { color: #C76E34; border: 1px solid #FFBB65; background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat; }
div.media a { color: #C76E34 !important; font-weight: bold !important; font-style: italic !important; }
div.note { color: #B79000; border: 1px solid #E7BD72; background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat; }
div.note a { color: #B79000 !important; font-weight: bold !important; font-style: italic !important; }
div.cart { color: #666; border: 1px solid #C5C5C5; background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat; }
div.cart a { color: #666 !important; font-weight: bold !important; font-style: italic !important; }
div.camera { color: #666; border: 1px solid #C5C5C5; background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat; }
div.camera a { color: #666 !important; font-weight: bold !important; font-style: italic !important; }
div.doc { color: #C76E34; border: 1px solid #FFBB65; background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat; }
div.doc a { color: #C76E34 !important; font-weight: bold !important; font-style: italic !important; }
