@CHARSET "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
ul { list-style: none; }

body { background-color: #000; color: #fff; font-size: 11px; font-family: Georgia, Times, serif; }

a, img, object { outline: none; border: none; }
a:link, a:visited, a:hover, a:active { color: #bbb; }

h1 { font-family: Helvetica, Arial, sans-serif; color: #797979; text-transform: uppercase; font-size: 1.6em; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #40425E;}
h2 { font-family: Helvetica, Arial, sans-serif; color: #797979; text-transform: uppercase; font-size: 1.4em; margin-bottom: 10px; }
h2 a { color: #797979; }
h3 { text-transform: uppercase; font-style: italic; font-size: 1.3em; margin-bottom: 8px; color: #797979; }
h3 a { color: #bbb; }
h4 { color: #fff; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1.3em; margin-bottom: 10px;  }

#container { width: 960px; margin: 0 auto; border-right: 1px solid #40425E; border-left: 1px solid #40425E; }

#content h1 { margin: 0 29px 0 0; }
#content h1 .rss { margin-top: 4px; float: right; width: 14px; height: 14px; background: transparent url(../../../core/images/feed-icon-14x14.png) no-repeat 0 0; }

#header { position: relative; overflow: hidden; padding: 29px; border-bottom: 1px solid #40425E; background: #000 url(../images/grad_up.gif) repeat-x 0 100% }
#logo { text-indent: -9999px; float: left; display: block; margin: 0 30px 0 0; width: 142px; height: 142px; background: transparent url(../images/sprite.png) no-repeat 0 0; }
#header .advertisement { float: left; width: 730px; height: 90px; margin: 0 0 12px 0; }
#header .advertisement a { display: block; }
#header ul { list-style: none; float: left; overflow: visible; }
#header li, #header li a { float: left; }
#header .rowA { float: left; overflow: hidden; margin-bottom: 8px; width: 730px; }
#header .rowB { float: left; overflow: hidden; height: 14px; width: 730px; }
#header .search { position: absolute; right: 29px; top: 132px; width: 131px; height: 20px; }
#header .search input { width: 108px; }
#header .subscribe, #header #newsletter-signup { text-decoration: none; color: #fff; font-style: italic; position: relative; top: -2px; }
#header #newsletter-signup { float: right; margin-right: 8px; }
    
#feature-bar .links { float: right; margin: 0; }
#footer .links { margin: 10px 0; height: 18px; }
#feature-bar .links a, #footer .links a { float: left; display: inline; margin-left: 3px; width: 18px; height: 18px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 100% 100%; }
#feature-bar .links a.fbc, #footer .links a.fbc{ background-position: -334px -53px; width: 66px; }
#feature-bar .links a.facebook, #footer .links a.facebook{ background-position: -382px -36px; }
#feature-bar .links a.twitter, #footer .links a.twitter{ background-position: -382px -18px; }
#feature-bar .links a.rss, #footer .links a.rss{ background-position: -382px 0px; }
#feature-bar .links a.user-action, #footer .links a.user-action { text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; color: #80829C; font-size: 1.3em; font-weight:bold; width: auto; margin: 1px 2px 0 0; background: transparent; }
#nav {  }
#nav a { height: 17px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1.3em; font-style: italic; }
#nav li { margin-right: 12px; height: 17px; }

#filter { width: 500px; height: 12px; }
#filter li { margin-right: 8px; font-family: Helvetica, Arial, sans-serif; color: #999; font-size: 0.9em; text-transform: uppercase;  }
#filter li.title { margin-right: 6px; }
#filter li.title span { line-height: 1.4em; }
#filter li a { background-image: url(../images/sprite.png); background-repeat: no-repeat; height: 12px; padding: 0 0 0 16px; color: #999; text-decoration: none;  line-height: 1.4em; }
#filter li.skate a { background-position: -143px -14px; }
#filter li.music a { background-position: -143px -28px; }
#filter li.art a { background-position: -143px -42px; }
#filter li.film a { background-position: -143px -56px; }
#filter li.life a { background-position: -143px -70px; }
#filter li.fashion a { background-position: -143px -84px; }
#filter li.print { margin-right: 0; }
#filter li.print a { background-position: -143px -98px; }
#filter li a.off { background-position: -143px 0px; }

#feature-bar { border: 1px solid #000; background-color: #272727; padding: 3px 29px 0; height: 20px; font-family: Helvetica, Arial, sans-serif; }
#feature-bar .hello { float: left; padding-top: 2px; }
#feature-bar .hello a { color: #ddd; }

#feature { position: relative; border-top: 1px solid #40425E; overflow: visible; border-bottom: 1px solid #40425E;}

#menu .ui-tabs-panel { overflow: hidden; zoom: 1; }
#menu .ui-tabs-panel li { float: left; margin-right: 20px; }

#content { float: left; padding: 29px 0 29px 29px; width: 624px; background: #000 url(../images/grad_down.gif) repeat-x 0 0; }
#sidebar { margin: 0 0 0 653px; padding: 29px 29px 29px 0; background: #000 url(../images/grad_down.gif) repeat-x 0 0; }
#sidebar .columnA { float: left; width: 140px; margin: 0; min-height: 600px; overflow: hidden; }
#sidebar .columnA h4 { background-color: #272727; color: #939393; font-size: 1.1em; text-align: center; padding: 8px 0; margin-bottom: 1px; }
#sidebar .columnB { margin: 0 0 0 158px; height: 600px; width: 120px; }
#sidebar .columnA .ctrl-paginator-page { width: 140px; margin: 0 !important; }
#sidebar .list { background-color: #272727; position: relative; }
#sidebar .list h3 { background-color: #3C3C3C; color: #fff; font-size: 1em; font-weight: normal; text-transform: none; padding: 10px 0; text-align: center; margin: 0; }
#sidebar .list ul { padding: 6px 6px 10px; }
#sidebar .list li { margin: 7px 0; }
#sidebar .list li a { text-align: center; color: #fff; text-decoration: none; display: block; }
#sidebar .rowA { overflow: hidden; }
#sidebar .columnA .list .overlay { top: auto; bottom: 12px; right: 20px; }
#sidebar .columnC {  width: 100%; margin-top: 18px; }
#sidebar .columnC .section { border-top: 1px solid #40425E; padding: 18px 0; }
#sidebar .columnC .section .overlay { top: 20px; }
#sidebar .columnC a img { display: block; }
#sidebar .columnC .ctrl-paginator li { width: 296px; margin: 0; height: 513px; }
#sidebar .columnC .list { float: left; width: 135px; }
#sidebar .latest-issue { margin: 0 0 18px 0; }

#footer { clear:both; height: 218px; padding: 29px 29px 0 29px; border-top: 1px solid #40425E;  background: #000 url(../images/grad_down.gif) repeat-x 0 0; }
#footer .columnA { float: left; width: 283px; margin-right: 29px; }
#footer .columnA a { text-transform: uppercase; font-style: italic; text-decoration: none; font-size: 1.1em; }
#footer .columnB { float: left; width: 283px; margin-right: 29px; }
#footer .columnB a { text-transform: uppercase; text-decoration: none; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif; }
#footer .columnC { float: left; width: 278px; }
#footer ul { list-style: none; }

#footer table { color: #797979; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; width: 100%; }
#footer th { text-align: left; }
#footer td {  letter-spacing: -0.4px;  }
#footer td.phone { text-align: right; }

#footer .rowB { border-top: 1px solid #40425E; height: 22px; margin: 30px 0 0; padding: 8px 0; }
#footer .copy { float: left; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; padding-top: 2px; }
#footer .logo { float: right; background: transparent url(../images/sprite.png) no-repeat 0 -146px; width: 68px; height: 22px; }

#footer form.newsletter  { margin: 1em 0 0; }
#footer form.newsletter div.input { float: left; width: 70%;  margin: 0 2% 0 0; }
#footer form.newsletter button { float: left; width: 24%; }

/* common styles */
.byline { color: #797979; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; }
.byline a { color: #fff; text-decoration: none; }
a.read-more { display: block; color: #fff; text-decoration: none; font-size: 1.2em; margin: 0 0 10px 0; letter-spacing: 2px; font-family: Helvetica, Arial, sans-serif; }
.departments { display: block; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.9em; }
.post .image { border: 1px solid #40425E; }
.post .image img { display: block;  }
.post .excerpt { height: 42px; overflow: hidden; }
.date { color: #797979; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; }
.comments { display: block; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; }
.comments a { margin-left: 4px; color: #fff; }
#content .section { float: left; width: 283px; height: 326px; border-top: 1px solid #40425E; border-bottom: 1px solid #40425E; padding: 12px 0; margin: -1px 29px 0 0; }
#content .fragment { overflow: auto; margin: 0 0 1px 0; background-color: #272727; padding: 12px; }
.section { position: relative; }
.section .overlay, .list .overlay { display: none; position: absolute; top: 12px; right: 0; height: 20px; width: 120px; text-align: right; color: #797979; font-family: "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.9em; }
.section .overlay a, .list .overlay a { color: #797979; text-decoration: none; }
.paginator { overflow: auto; clear:both; margin-right: 29px; }
.paginator a { color: #797979; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.9em;text-decoration: none; }
.paginator .previous { float: left; }
.paginator .next { float: right; }
p.notice { padding: 1em; border: 1px solid #6EB558; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
ul.errors { padding: 1em 1em 1em 2em; border: 1px solid #EB4B32; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
ul.errors li { margin: 2px 0; }

.search-results { margin-right:29px; border-bottom: 1px solid #40425E; padding: 8px 0; font-family: Helvetica, Arial, sans-serif; color: #797979; text-transform: uppercase; font-size: 1.4em; font-weight: bold;  }
.search-results em { color: #fff; font-style: normal; }
#search-results { margin-right: 29px; }
#search-results .post h2 {color:#FFFFFF;font-family:Georgia,Times,serif;font-size:1.5em;font-style:italic;margin-bottom:8px;text-transform:uppercase;}
#search-results .post {border-bottom:1px solid #40425E;padding:12px 0;}
#search-results .post p { margin: 12px 0; }
#search-results h2.result { margin: 12px 0 0 0; }

#comments { background: #272727; margin: 12px 0; }
#comments .comments-top { border-bottom: 1px solid #000; padding: 1em;  }
#comments .comments-top .count { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
#comments .comments-top .status { font-weight: bold; margin: 0 0 0 1em;  }
#comments ol { list-style: none; padding: 0; }
#comments li { padding: 4px 0; margin: 0 0 7px 0; }
#comments li.alt {  }
#comments p { margin: 7px 0; }
#comments .avatar { float: left; }
#comments .inside { margin-left: 60px; }
#comments .byline { display: block; font-style: italic; color:#FFFFFF;font-family:Georgia,Times,serif; font-size: 1.3em; font-weight: bold; text-decoration: none; margin: 0 0 6px 0; }
#comment-form { padding: 0 0 0 16px; }
#comment-form .input { width: 30em; }
#comments h2 { color: #fff; font-size: 1.3em !important; margin-top: 0; text-decoration: underline; }
#comments .comments-wrapper { border-bottom: 1px solid #000; padding: 1em; }
#comments .comment-form-wrapper { padding: 1em; } 

#page-auth #content .columnA, #page-auth #content .columnB { margin-right: 29px } /* fix gutter on login page if not in a dialog */


#feature .feature { position: absolute; }
#feature .columnA { float: left; padding: 29px 12px 0 29px; width: 346px; }
#feature .columnB { margin-left: 387px; }
#feature .byline { display: block; margin: 12px 0 18px 0; }
#feature .excerpt { font-size: 1.1em; line-height: 1.4em; }
#feature h2 { font-family: Georgia, Times, serif; text-transform: uppercase; font-style: italic; font-size: 1.5em; margin-bottom: 8px; color: #fff; }
#feature h2 a { color: #fff; }
#feature .columnB img { display: block; border: 1px solid #000; }


/* advertisements */
.advertisement { position: relative; background-color: #444; text-align: center; color: #666; }
#sidebar .columnB .advertisement { width: 120px; height: 600px; }
#sidebar .columnC .advertisement { background: transparent; margin: 18px 0; }
#content .advertisement { clear: both; margin: 29px 0 0 0; height: 60px; float: left; width: 595px; background-color: #000; }


/* department colors */
.skate, .skate a { color: #4EACF2; }
.music, .music a { color: #D9419A; }
.art, .art a { color: #78CD3A; }
.film, .film a { color: #7B6E48; }
.life, .life a { color: #ABA8F9; }
.fashion, .fashion a { color: #EC7F34; }
.print, .print a { color: #FBE84D; }

#filter-dialog h3 { color: #BBBBBB; text-decoration: underline; text-align: center; }
#filter-dialog p { text-align: center; }
#filter-dialog p.departments { margin: 12px 0 20px; font-size: 1.3em; }
#filter-dialog label { text-align: center; }
#filter-dialog input { margin-right: 6px; }
    
.share { width: 67px; position: relative; font-family: Helvetica, Arial, sans-serif; color: #939393; }
.share a { text-decoration: none; color: #939393; }
.share .share-trigger { display: block; text-transform: uppercase; border: 1px solid #666; height: 16px; padding-right: 5px; }
.share .share-trigger .ui-icon { background-color: #272727; border-right: 1px solid #666; margin-right: 5px; }
.share .share-inside { position: absolute; width: 240px; height: 213px; background-color: #272727; z-index: 101;}
.share .title { text-transform: uppercase; padding: 2px 6px; background-color: #000; border-bottom: 1px solid #666; display: block;}
.share ul { list-style: none; padding: 12px 0 12px 12px; }
.share li { float: left; width: 114px; height: 20px; margin: 0 0 6px 0; }
.share li a { float: left; width: 80px; height: 20px; padding: 0 0 0 24px; background-image: url(../images/share-icons.png); background-position: 0 0; background-repeat: no-repeat; }
.share li.subscribe a { background-position: 0 0; }
.share li.blinklist a { background-position: 0 -160px; }
.share li.bloglines a { background-position: 0 -60px; }
.share li.blogmarks a { background-position: 0 -140px; }
.share li.digg a { background-position: 0 -240px; }
.share li.delicious a { background-position: 0 -20px; }
.share li.email a { background-position: 0 -280px; }
.share li.facebook a { background-position: 0 -260px; }
.share li.flickr a { background-position: 0 -40px; }
.share li.furl a { background-position: 0 -200px; }
.share li.magnolia a { background-position: 0 -80px; }
.share li.newsvine a { background-position: 0 -120px; }
.share li.reddit a { background-position: 0 -100px; }
.share li.stumbleupon a { background-position: 0 -220px; }
.share li.technorati a { background-position: 0 -180px; }


/* forms */
fieldset { border: none; }
fieldset.submit { margin: 8px 0; }
label { color: #939393; display: block; margin: 4px 0; }
label.error { font-family: Helvetica, Arial, sans-serif; font-size: 0.875em; margin-bottom: 0; }
div.input { margin: 4px 0;  border: 1px solid #353535; background-color: #000; padding: 4px; color: #fff; }
select { color: #fff; background-color: #000; border: 1px solid #353535; padding: 4px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size:13px; }
div.input input, div.input textarea { width: 100%; border: none; padding: 0; margin: 0; background-color: #000; color: #fff; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-size:13px;}
button, a.button { cursor: pointer; text-decoration: none; background-color: #272727; padding: 4px 6px; border:1px solid #7A7A7A; text-transform: uppercase; font-family: Georgia, Times, serif; font-size: 12px; color: #fff !important;  }

form.search .input { -moz-border-radius: 8px; -webkit-border-radius: 8px;  background-color: #fff; padding: 2px; border: none;  margin: 0; color: #000; }
form.search .input .ui-icon { background-image: url(../../../core/images/ui-icons_000000_256x240.png); }
form.search .input input { width: auto; background-color: #fff; color: #000; padding: 0 0 0 3px; }

form.newsletter p { margin: 1em 0; }
form.newsletter div.input { float: left; width: 76%;  margin: 0 2% 0 0; }
form.newsletter button { float: left; width: 18%; }

/* ctrl paginator */
.ctrl-paginator, .ctrl-slideshow { list-style: none; }
.ctrl-paginator li.ctrl-paginator-page { float: left; width: 283px; position: relative; margin-right: 20px;}
#content .ctrl-paginator li { height: 281px; }

/* dialogs */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; /*opacity: .70;filter:Alpha(Opacity=70);*/ }

.ui-dialog { position: relative; width: 300px; background-color: #000; border: 3px solid #40425E;}
.ui-dialog .ui-dialog-titlebar { padding: 1em 1.5em; position: relative; height: 16px; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; color: #797979; font-weight: bold; font-size: 1.3em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1.5em 1.5em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .columnA { float: left; width: 290px; margin-right: 30px; padding-right: 30px; border-right: 1px solid #40425E; }
.ui-dialog .columnB { float: left; width: 290px; }

/* tabs */
.ui-tabs { zoom: 1; overflow: auto; font-family: Helvetica, Arial, sans-serif;  }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; overflow: auto; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 20px 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 10px 0; color: #797979; text-transform: uppercase; font-size: 1.3em; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0 0 10px 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-panel a { color: #797979; text-decoration: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel a.ui-state-active, .ui-tabs .ui-tabs-panel .ui-state-active a { color: #fff; }

/* mini datepicker */
.ctrl-datepicker { background-color: #272727; padding: 6px; text-align: center; color: #939393; margin-bottom: 18px;  }
.ctrl-datepicker a { color: #939393;text-decoration: none}
.ctrl-datepicker table { width: 100%; }
.ctrl-datepicker tbody { font-size: 10px; }
.ctrl-datepicker thead td { padding: 3px 0; }
.ctrl-datepicker td { padding: 2px 0; }
.ctrl-datepicker .notInMonth a { color: #666; }
.ctrl-datepicker .today { background-color: #111; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

/* icons */
.ui-icon { display: block; display: inline-block; vertical-align: bottom; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(../../../core/images/ui-icons_ffffff_256x240.png); }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

@CHARSET "UTF-8";

#uploadButton, .swfupload { margin-top: 5px; float: left; cursor: pointer; }

.progressWrapper {
    /* width: 357px; */
    overflow: hidden;
}

.progressContainer {
    margin: 0 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #272727;
    overflow: hidden;
}
/* Message */
.progressContainer .message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    overflow: hidden;
}
/* Error */
.progressContainer.red { border: solid 1px #B50000; }
/* Current */
.progressContainer.green {  border: solid 1px #DDF0DD; }
/* Complete */
.progressContainer.blue { border: solid 1px #CEE2F2;}
.progressContainer .progressName {
    font-size: 8pt;
    font-weight: 700;
    /* width: 323px; */
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressContainer .progressBarInProgress,
.progressContainer .progressBarComplete,
.progressContainer .progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    margin-top: 2px;
}

.progressContainer .progressBarComplete {  width: 100%; visibility: hidden;}
.progressContainer .progressBarError { width: 100%; visibility: hidden;}
.progressContainer .progressBarStatus { margin-top: 2px; font-size: 7pt; text-align: left; white-space: nowrap;}
.progressContainer a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}