/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, abbr, acronym, address, applet, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, tt, var
{
    background: none repeat scroll 0 0 transparent;
    font-size: 11px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}


body
{
    color: #414141;
    font-family: verdana,helvetica,sans-serif;
    line-height: 1;
}

/* general layout styles
----------------------------------------------------------*/

#header
{
    height: 78px;
    margin: 0 auto 0;
    padding-top: 23px;
    position: relative;
    text-align: center;
    width: 980px;
    z-index: 100;
}
h1#logo
{
    background: url("Images/Interface/logoHermanMiller.png") no-repeat scroll 0 0 transparent;
    height: 55px;
    left: 0;
    padding: 0;
    position: absolute;
    text-indent: -999.9em;
    top: 26px;
    width: 55px;
}
h1#oneStop
{
    background: url("Images/Interface/logoOneStop-AP.gif") no-repeat scroll 0 0 transparent;
    height: 65px;
    right: 0;
    padding: 0;
    position: absolute;
    text-indent: -999.9em;
    top: 27px;
    width: 299px;
}
h1#logo a
{
    display: block;
    height: 55px;
}
.globalDivider
{
    background: url("Images/Interface/bgHdrFtrDivider.png") repeat-x scroll 0 0 transparent;
    clear: both;
    height: 4px;
    margin-top: -4px;
    min-width: 980px;
    text-indent: -999.9em;
    width: 100%;
}
div.bottom
{
    background-position: 0 -10px;
    margin: 0;
    padding: 40px 0 0;
}
#footer
{
    color: #B1B1B1;
    font-size: 11px;
    margin: 10px auto 0;
    padding-bottom: 30px;
    width: 980px;
}

#footer a {
    color: #B1B1B1;
}
#spacerBar
{
    height: 27px;
}
#copyright
{
    clear: both;
    color: #B1B1B1;
    display: block;
    float: right;
    line-height: 160%;
    margin: -2px 0 0;
    text-align: right;
}
#copyright a
{
    color: #B1B1B1;
    text-decoration: none;
}
.headerBar
{
    background-color: #F2F2F2;
    border-top: 1px solid #EDEDED;
    height: 32px;
    margin: -1px auto 4px;
    min-width: 980px;
    text-align: center;
    width: 100%;
}
.headerBar .container
{
    margin: 0 auto;
    padding: 0;
    width: 980px;
}

.container
{
    margin: 0 auto 20px;
    padding: 0;
    vertical-align: bottom;
    width: 980px;
    position: relative;
}
.container.banner 
{
    margin-top: 20px;
}
.textmodule
{
    padding: 20px 20px 20px 15px;
}
.width980
{
    background: url("Images/Interface/moduleBorders980.gif") repeat;
    width: 980px;
}

.width980HdrBg
{
    background: url("Images/Interface/moduleBordersGradient.png") no-repeat scroll -2313px 100% transparent;
    width: 980px;
}
.width980 .topCurve
{
    background: url("Images/Interface/moduleBorders980.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 10px;
    text-indent: -999.9em;
    width: 980px;
}
.width980 .botCurve
{
    background: url("Images/Interface/moduleBorders980.png") no-repeat scroll 0 -90px transparent;
    clear: both;
    height: 10px;
    text-indent: -999.9em;
    width: 980px;
}

.col150
{
    width: 150px;
}
.col250
{
    width: 246px; /*background: url("Images/Interface/bgLeftNavGradient.gif") no-repeat 246px -17px; height: 600px;*/
}
.col380
{
    width: 380px;
}
.col380 fieldset
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
.col550
{
    width: 550px;
}
.col600
{
    width: 600px;
}
.col730
{
    width: 732px;
}

.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}

.col730 h2
{
    border-bottom: 1px solid #E5E5E5;
    padding: 0px 0px 10px 15px;
    color: #FF3300;
    font-size: 17px;
    font-weight: normal;
    margin: 0px 0px 0px -2px;
}
h2 .grey
{
    color: #414141;
    font-size: 17px;
}
h2 .small
{
    color: #999;
    font-size: 12px;
}
.loading
{
    display: none;
    padding: 25px 0px 0px 80px;
    text-align: left;
}
#narrowImage
{
    width: 244px;
    height: 500px;
    margin: 0px 0px 0px 1px;
    background-repeat: no-repeat;
}
/* general html
----------------------------------------------------------*/
.red
{
    color: #ff3300;
}

ul, dl
{
    list-style: none outside none;
}
ol li
{
    list-style-position: inside;
}
ol li, blockquote
{
    margin-left: 1em;
}
ol li
{
    line-height: 1.3em;
    padding-bottom: 10px;
}
fieldset, img, iframe
{
    border: 0 none;
    vertical-align: bottom;
}
a
{
    color: #FF3300;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    color: #FF3300;
}
p
{
    padding: 0px 0px 16px 0px;
    margin: 0px;
    line-height: 160%;
}

/* menus
----------------------------------------------------------*/

#breadcrumb
{
    float: left;
    padding: 11px 0 0;
    width: auto;
}
#breadcrumb li
{
    background: url("Images/Interface/icons.png") no-repeat scroll -980px 3px transparent;
    color: #7F7F7F;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
    padding-left: 10px;
}
#breadcrumb li.first
{
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}
#breadcrumb a
{
    color: #7F7F7F;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#breadcrumb a:hover
{
    color: #FF3300;
}

/* navigation layout
--------------------------------------------------*/
#lhsNavigation
{
    font-size: 12px;
}
.detailsNav
{
    margin-top: 0px !important;
    width: 220px;
}
.thick
{
    border-top: 3px solid #E5E5E5;
}
.heading
{
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 18px 18px 18px 15px;
}
#lhsNavigation li
{
    border-bottom: 1px solid #E5E5E5;
}
.bottom
{
    border-bottom: 0px !important;
}
.top
{
    border-top: 1px solid #E5E5E5;
}
#lhsNavigation li a
{
    color: #7F7F7F;
    text-decoration: none;
    display: block;
    padding: 18px 18px 18px 33px;
}
#lhsNavigation li#bulletinsNav a 
{

}
#lhsNavigation li a:hover
{
    color: #424242;
    text-decoration: none;
    background-color: #f2f2f2;
}

#lhsNavigation li ul
{
    margin: 0px 17px 10px 15px;
    font-size: 11px;
}
#lhsNavigation li ul li
{
    border-top: 1px solid #E5E5E5;
    border-bottom: 0px;
    line-height: 130%;
}
#lhsNavigation li ul li a
{
    padding: 6px 5px 6px 19px;
}
.navactive
{
    background-color: #f2f2f2;
}
.navproduct
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -272px;
    margin-left: 1px;
}
.navproduct:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -735px;
}
.navcategory
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -228px;
    margin-left: 1px;
}
.navcategory:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -691px;
}
.navpostdate
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -8px;
    margin-left: 1px;
}
.navpostdate:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -471px;
}
.navalphabetical
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -184px;
    margin-left: 1px;
}
.navalphabetical:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -647px;
}
.navfilesize
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -200px;
    margin-left: 1px;
}
.navfilesize:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -591px;
}
.navtags
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -360px;
    margin-left: 1px;
}
.navtags:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -823px;
}
.navrating
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -52px;
    margin-left: 1px;
}
.navrating:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -515px;
}
.navmediatype
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -316px;
    margin-left: 1px;
}
.navmediatype:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -779px;
}
.navviews
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -96px;
    margin-left: 1px;
}
.navviews:hover
{
    background: url("/Content/Images/Interface/lhsNavigationIcons.gif") #fff no-repeat 0 -559px;
}
.detailsnavdownload
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 0px;
    margin-left: 1px;
}
.detailsnavdownload:hover
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -216px;
    margin-left: 1px;
}
.detailsnavbookmark
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -45px;
    margin-left: 1px;
}
.detailsnavbookmark:hover
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -261px;
    margin-left: 1px;
}
.detailsnavemail
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -88px;
    margin-left: 1px;
}

.detailsnavemail:hover
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -304px;
    margin-left: 1px;
}
.detailsnavfeedback
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -132px;
    margin-left: 1px;
}
.detailsnavfeedback:hover
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -348px;
    margin-left: 1px;
}
.detailsnavedit
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -170px;
    margin-left: 1px;
}
.detailsnavedit:hover
{
    background: url("/Content/Images/Interface/lhsDetailsIcons.gif") #fff no-repeat 0 -386px;
    margin-left: 1px;
}

/* footer nav
----------------------------------------------------------*/
#corporateNav li
{
    display: block;
    padding-right: 15px;
    line-height: 150%;
    float: left;
}
#corporateNav li.addDivider
{
    border-left: 1px solid #7F7F7F;
    padding-left: 15px;
}
#corporateNav li.fontNormal
{
    font-weight: normal;
}
#corporateNav a
{
    color: #7F7F7F;
    text-decoration: none;
}
#corporateNav a:hover
{
    color: #FF3300;
}
#corporateNav
{
    float: left;
    padding-bottom: 10px;
    width: 700px;
    margin-top: 5px;
}




/* top nav
----------------------------------------------------------*/
#topNav
{
    position: absolute;
    left: -2px;
    top: 0px;
    margin: 0px;
}
#topNav li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}
#topNav a
{
    background: url("/Content/Images/Interface/topNavigationItB.png") no-repeat scroll 0 0 transparent;
    color: #414141;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 36px;
    text-decoration: none;
    text-indent: -999.9em;
}
#topNav a#section1
{
    background-position: 0 0;
    width: 126px;
}
#topNav a#section2
{
    background-position: -126px 0;
    width: 111px;
}
#topNav a#section3
{
    background-position: -237px 0;
    width: 109px;
}
#topNav a#section4
{
    background-position: -347px 0;
    width: 110px;
}
#topNav a#section5
{
    background-position: -457px 0;
    width: 94px;
}
#topNav a#section6
{
    background-position: -551px 0;
    width: 87px;
}
#topNav a#section7
{
    background-position: -637px 0;
    width: 69px;
}
#topNav a#section8
{
    background-position: -706px 0;
    width: 91px;
}
#topNav a#section9
{
    background-position: -796px 0;
    width: 91px;
}
#topNav a#section10
{
    background-position: -885px 0;
    width: 91px;
}
#topNav a:hover, #mainNav li:hover
{
    position: relative;
    visibility: visible;
}
#topNav a#section1:hover
{
    background-position: 0px -48px;
}
#topNav li:hover > a#section1
{
    background-position: 0px -48px;
}
#topNav a#section2:hover
{
    background-position: -126px -48px;
}
#topNav li:hover > a#section2
{
    background-position: -126px -48px;
}
#topNav a#section3:hover
{
    background-position: -237px -48px;
}
#topNav li:hover > a#section3
{
    background-position: -237px -48px;
}
#topNav a#section4:hover
{
    background-position: -347px -48px;
}
#topNav li:hover > a#section4
{
    background-position: -347px -48px;
}
#topNav a#section5:hover
{
    background-position: -457px -48px;
}
#topNav li:hover > a#section5
{
    background-position: -457px -48px;
}
#topNav a#section6:hover
{
    background-position: -551px -48px;
}
#topNav li:hover > a#section6
{
    background-position: -551px -48px;
}
#topNav a#section7:hover
{
    background-position: -637px -48px;
}
#topNav li:hover > a#section7
{
    background-position: -637px -48px;
}
#topNav a#section8:hover, #topNav li:hover > a#section8
{
    background-position: -706px -48px;
}
#topNav a#section9:hover, #topNav li:hover > a#section9
{
    background-position: -796px -48px;
}
#topNav a#section10:hover, #topNav li:hover > a#section10
{
    background-position: -885px -48px;
}

#topNav li.active a, #mainNav li.active a:hover
{
    font-weight: bold;
}
#topNav li.active a#section1, #topNav li.active a#section1:hover, #topNav li.selected a#section1
{
    background-position: 0px -48px;
}
#topNav li.active a#section2, #topNav li.active a#section2:hover, #topNav li.selected a#section2
{
    background-position: -126px -48px;
}
#topNav li.active a#section3, #topNav li.active a#section3:hover, #topNav li.selected a#section3
{
    background-position: -237px -48px;
}
#topNav li.active a#section4, #topNav li.active a#section4:hover, #topNav li.selected a#section4
{
    background-position: -347px -48px;
}
#topNav li.active a#section5, #topNav li.active a#section5:hover, #topNav li.selected a#section5
{
    background-position: -457px -48px;
}
#topNav li.active a#section6, #topNav li.active a#section6:hover, #topNav li.selected a#section6
{
    background-position: -551px -48px;
}
#topNav li.active a#section7, #topNav li.active a#section7:hover, #topNav li.selected a#section7
{
    background-position: -637px -48px;
}
#topNav li.active a#section8, #topNav li.active a#section8:hover, #topNav li.selected a#section8
{
    background-position: -706px -48px;
}
#topNav li.active a#section9, #topNav li.active a#section9:hover, #topNav li.selected a#section9
{
    background-position: -796px -48px;
}
#topNav li.active a#section10, #topNav li.active a#section10:hover, #topNav li.selected a#section10
{
    background-position: -885px -48px;
}

/* assets list
----------------------------------------------------------*/

.bgAsset
{
    background: url("Images/Interface/bgRightGradient.jpg") no-repeat 0px 27px;
    margin-left: -3px;
    height: 585px;
}
.viewDisplayType
{
    float: right;
    margin: -3px 12px 0px 0px;
}
.bgAssetLiquid
{
    background: url("Images/Interface/bgRightGradientLiquid.jpg") repeat-y 0px 0px #f2f2f2;
    margin-left: -3px;
    padding: 0px 10px 0px 10px;
}
.bgAssetLiquidTop
{
    margin-left: -3px;
    height: 16px;
}
.bgAssetLiquidFooter
{
    margin-left: -3px;
    height: 14px;
}


#assetList.wide
{
    margin-left: 2px;
}
.assetWhiteBg
{
}
.assetItemListDisplay
{
    background: url("Images/Interface/assetListBg.jpg") no-repeat #fff;
    position: relative;
    margin: 0px 14px 0px 0px;
    min-height: 30px;
    display: block;
    width: 695px;
    padding: 10px 10px 0px 10px;
}
.assetItemListDisplayWide
{
    background: url("Images/Interface/assetListBgWide.jpg") no-repeat #fff;
    position: relative;
    margin: 0px 14px 0px 0px;
    min-height: 30px;
    display: block;
    width: 935px;
    padding: 10px 10px 0px 10px;
}
.postItemListDisplayWide
{
    background: url("Images/Interface/postListBgWide_Rep.jpg") repeat-y #fff;
    position: relative;
    margin: 0px 14px 0px 0px;
    display: block;
    width: 935px;
    padding: 10px 10px 0px 10px;
}
.assetItemListFooterWide
{

}
.assetItem
{
    width: 173px;
    height: 178px;
    background: url("Images/Interface/assetItemBg.jpg") no-repeat;
    margin: 0px 5px 7px 0px;
    float: left;
    color: #7F7F7F;
    position: relative;
}
.assetItem .title a
{
    width: 130px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    left: 12px;
    height: 28px;
    line-height: 125%;
    color: #414141;
    text-decoration: none;
    font-size: 11px;
}
.assetItem .title a:hover
{
    color: #414141;
    overflow: visible;
}
.assetItemListDisplayWide .title
{
    margin-top: 5px;
    margin-left: 35px;
    padding-bottom: 5px;
    line-height: 125%;
    text-decoration: none;
    font-size: 11px;
    width: 420px;
    color: #414141;
}
.assetItemListDisplayWide .title a
{
    color: #ff3300;
}
.assetItemListDisplayWide .description
{
    margin-left: 35px;
    line-height: 125%;
    color: #7f7f7f;
    text-decoration: none;
    font-size: 11px;
    width: 420px;
}
.assetItemListDisplayWide .description a
{
    color: #ff3300;
}

.smIcon
{
    height: 24px;
    width: 21px;
    background: url("Images/Interface/fileIconsSm.png") no-repeat 0 0;
    position: absolute;
    top: 11px;
    right: 8px;
}
.assetItemListDisplayWide .smIcon
{
    height: 24px;
    width: 21px;
    background: url("Images/Interface/fileIconsSm.png") no-repeat 0 0;
    position: absolute;
    top: 15px;
    left: 15px;
}
.smIcon.pdf
{
    background-position: 0px 0px;
}
.smIcon.zip
{
    background-position: -22px 0px;
}
.smIcon.mov
{
    background-position: -45px 0px;
}
.smIcon.img
{
    background-position: -68px 0px;
}
.smIcon.aud
{
    background-position: -0px -26px;
}
.smIcon.xls
{
    background-position: -22px -26px;
}
.smIcon.doc
{
    background-position: -45px -26px;
}
.smIcon.ppt
{
    background-position: 0px -49px;
}
.smIcon.misc
{
    background-position: -45px -49px;
}

.assetItem .image
{
    width: 164px;
    height: 109px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 41px;
    left: 5px;
}

.lgIcon
{
    background: url("Images/Interface/fileIconsLg.png") no-repeat 0px 0px;
}
.assetItem .thumblink a
{
    height: 109px;
    width: 164px;
    position: absolute;
    top: 35px;
    left: 5px;
    color: #fff;
}
.lgIcon.pdf
{
    background-position: 0px 0px;
}
.lgIcon.doc
{
    background-position: 0px -109px;
}
.lgIcon.zip
{
    background-position: -164px 0px;
}
.lgIcon.xls
{
    background-position: -164px -109px;
}
.lgIcon.mov
{
    background-position: -328px 0px;
}
.lgIcon.ppt
{
    background-position: -328px -109px;
}
.lgIcon.img
{
    background-position: -492px 0px;
}
.lgIcon.misc
{
    background-position: -492px -109px;
}
.lgIcon.aud
{
    background-position: -656px 0px;
}
.assetProperties
{
    position: absolute;
    bottom: 7px;
    left: 8px;
    height: 16px;
}
.assetItemListDisplayWide .assetProperties
{
    position: relative;
    margin-left: 25px;
    color: #7f7f7f;
    top: 0px;
}
.assetProperties li
{
    display: block;
    float: left;
    margin: 5px 7px 0 0;
    padding: 0 0 0 17px;
    background: url("Images/Interface/assetProperties.png") no-repeat 0px 0px;
}
.assetProperties li.date
{
}
.assetProperties li.rating
{
    background-position: 0px -157px;
}
.assetProperties li.downloaded
{
    background-position: 0px -33px;
}
.assetItem .ajax
{
    display: none;
}

a.info
{
    position: relative; /*this is the key*/
    z-index: 24;
    color: #000;
    text-decoration: none;
}

a.info:hover
{
    z-index: 1000;
}
a.info span
{
    display: none;
}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: -1px;
    left: -4px;
    border: 1px solid #999;
    padding: 0px 3px 2px 3px;
    background-color: #f2f2f2;
    color: #000;
    width: 120px;
}
.download
{
   background-color: #fff;
   position: relative;
}
.assetDetails
{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background: url("/Content/Images/Interface/assetDetailsDirectBg.gif") #fff repeat-y scroll 0 0;
}

#assetDirectLink .assetDetails 
{
    border-top: 0px;
}
.assetDetails p
{
    padding: 0px 0px 20px 0px;
}
.assetDetails .title
{
}
.assetDetails .image
{
}
.assetDetails .lgIcon
{
    height: 115px;
    width: 130px;
    margin: 20px auto 20px auto;
    position: absolute;
    top: 30px;
    left: 90px;
}
.assetDetails .rightcolumn
{
    width: 220px;
}
.download .thumbnail
{
    /*border:1px solid #E5E5E5;*/
    margin: 0px 10px 0px 0px;
    width: 350px;
    position: relative;
    padding-left: 5px;
    text-align: center;
    height: 330px;
    overflow: auto;
}
.download .thumbnail img
{
    border: 1px solid #E5E5E5;
    padding: 3px;
    margin: 20px auto 20px auto;
}
.download .text
{
    width: 420px;
}
.download p
{
    line-height: 160%;
}

/* Asset Direct Link page*/


.download .detailsNav 
{
    width: 246px;
}
.download .thumbnail 
{
    width: 350px;
    height: 360px;
    margin-left: 40px;
    position: relative;
}
.download .assetDetails .rightcolumn {
    width: 250px;
}
.download .detailsdownload 
{
    font-size: 13px;
    padding: 5px 20px;
    text-decoration: none;
    background-image: none;
    background-color: #ff3300;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 110px;
}
.download .detailsdownload:hover 
{

    background-color:#E62E00;
    
}
.download h2 
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 8px 0 14px 18px;
    margin-top: -20px;
    font-size: 19px;
    font-weight: normal;
    color: #999;
}
#assetDirectLink h2 
{
    padding-top: 5px;
}

.detailProperties
{
    margin: 20px 0px 0px 0px;
    width: 220px;
}
.detailProperties li
{
    margin: 0 7px 4px 0;
    padding: 0 0 5px 0px;
    line-height: 150%;
    
}
.detailProperties .date
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px 2px;
    padding-left: 20px;
}
.detailProperties .rating
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -154px;
    padding-left: 20px;
    
}
.detailProperties .downloaded
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -33px;
    padding-left: 20px;
}
.detailProperties .name
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -65px;
    padding-left: 20px;
}
.detailProperties .category
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -81px;
    padding-left: 20px;
}
.detailProperties .product
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -98px;
    padding-left: 20px;
}
.detailProperties .filesize
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -173px;
    padding-left: 20px;
}
.detailProperties .description
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -137px;
    padding-left: 20px;
}
.detailProperties .uploadedby
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -202px;
    padding-left: 20px;
}
li .red
{
    color: #ff3300;
}




.directDownloadContainer .thumbnail
{
    /*border:1px solid #E5E5E5;     border-left: 1px solid #E5E5E5;     border-right: 1px solid #E5E5E5;     background-color: #F2F2F2;*/
    margin: 0px 10px 0px 0px;
    width: 350px;
    position: relative;
    padding-left: 5px;
    text-align: center;
    height: 330px;
    overflow: auto;
}
.directDownloadContainer .thumbnail img
{
    border: 1px solid #E5E5E5;
    padding: 3px;
    margin-top: 20px;
}
/* popup content  
--------------------------------------------------*/
.jqmOverlay
{
    background: url("Images/Interface/transparencyDOM.png") repeat scroll 0 0 transparent;
}
iframe.jqm
{
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
#popupContent
{
    position: absolute;
    width: 935px;
}

a.btnClose
{
    background: url("Images/Interface/buttons.png") no-repeat scroll -158px 0 transparent;
    display: block;
    height: 21px;
    position: absolute;
    right: 10px;
    text-indent: -999.9em;
    top: 8px;
    width: 21px;
    
}
a.btnClose:hover
{
    background-position: -158px -25px;
}
#driveFiles .btnClose
{
    background: url("Images/Interface/buttons.png") no-repeat scroll -1412px -53px transparent;
    display: block;
    height: 21px;
    position: absolute;
    right: 14px;
    text-indent: -999.9em;
    top: 0px;
    width: 21px;
    cursor: pointer
}
#driveFiles .btnClose:hover
{
    background-position: -1412px -76px;
}
#assetDirectLink a.btnClose 
{
    top: 6px;
}

.shadowBg
{
    background: url("Images/Interface/shadowDomWindwBg.png") repeat-y scroll 0 0 transparent;
    width: 866px;
}
.shadowTop
{
    background: url("Images/Interface/shadowDomWindwTop.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 866px;
}
.shadowBtm
{
    background: url("Images/Interface/shadowDomWindwBtm.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 866px;
}
.medium .domContent
{
    width: 452px;
}
.medium .shadowBg
{
    background: url("Images/Interface/shadowDomWindwMedBg.png") repeat-y scroll 0 0 transparent;
    width: 516px;
}
.medium .shadowTop
{
    background: url("Images/Interface/shadowDomWindwMedTop.png") no-repeat scroll 0 0 transparent;
    width: 516px;
}
.medium .shadowBtm
{
    background: url("Images/Interface/shadowDomWindwMedBtm.png") no-repeat scroll 0 0 transparent;
    width: 516px;
}


.narrow .domContent
{
    width: 310px;
}
.narrow .shadowBg
{
    background: url("Images/Interface/shadowDomWindwSmlBg.png") repeat-y scroll 0 0 transparent;
    width: 374px;
}
.narrow .shadowTop
{
    background: url("Images/Interface/shadowDomWindwSmlTop.png") no-repeat scroll 0 0 transparent;
    width: 374px;
}
.narrow .shadowBtm
{
    background: url("Images/Interface/shadowDomWindwSmlBtm.png") no-repeat scroll 0 0 transparent;
    width: 374px;
}


/* Styles for carousel / pagination
----------------------------------------------------------*/
.carouselControls
{
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.carouselControls li
{
    float: left;
}
.carouselControls li.selected a
{
    background-position: -171px -25px;
}
.carouselControls a.btnCarousel
{
    background: url("Images/Interface/buttons.png") no-repeat scroll -100px 0 transparent;
    float: left;
    height: 25px;
    text-indent: -999.9em;
    width: 30px;
}
.carouselControls a.prev
{
    background-position: -100px 0;
}
.carouselControls a.prev:hover
{
    background-position: -100px -25px;
}
.carouselControls a.next
{
    background-position: -130px 0;
    width: 28px;
}
.carouselControls a.next:hover
{
    background-position: -130px -25px;
}
.carouselControls a.dot
{
    background-position: -179px 0;
    height: 8px;
    margin: 8px 12px 0 0;
    width: 8px;
}
.carouselControls a.dot:hover
{
    background-position: -179px -25px;
}
.carouselControls li.selected a.dot
{
    background-position: -179px -50px;
}

.btnCarousel
{
    width: 52px;
    float: right;
}
.btnCarousel .clickable
{
    background: url("Images/Interface/buttons.png") no-repeat scroll 0px 0 transparent;
    height: 25px;
    text-indent: -999.9em;
    width: 25px;
    float: right;
}
.btnCarousel .previous
{
    background-position: 0px 0px;
}
.btnCarousel .previous:hover
{
    background-position: 0px -25px;
}
.btnCarousel .next
{
    background-position: -25px 0px;
}
.btnCarousel .next:hover
{
    background-position: -25px -25px;
}
.page-number
{
    background: url("Images/Interface/buttons.png") no-repeat scroll -178px -56px transparent;
    margin: 8px 12px 0 0;
    width: 10px;
    padding: 3px;
}
.page-number:hover
{
    background-position: -178px -82px;
}
.page-number:active
{
    background-position: -178px -82px;
}
.pagination
{
    float: right;
    margin-right: 13px;
    padding-top: 10px;
}
.pager
{
    padding-top: 13px;
    float: left;
}
.clickable
{
    cursor: pointer;
    color: #990000;
    text-decoration: none;
}
.pagenumber
{
    float: left;
    color: #ccc;
    padding: 7px 20px 0px 0px;
}
.nextContainer
{
    float: right;
    width: 25px;
}
.prevContainer
{
    float: left;
    width: 25px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* search */
#filterpanel
{
    margin-top: 5px;
    margin-bottom: 7px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding: 10px 10px 7px 10px;
    width: 960px;
    background: url("Images/Interface/bgFilterTop.jpg") repeat-x #F2F2F2;
}
#filterpanel.qna
{
    width: 97%;
    padding-top: 5px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.qnaFilterBy
{
    margin-right: 10px;
    margin-top: 2px;
}

.btnGo
{
    background: url("Images/Interface/buttons.png") no-repeat -313px 0;
    height: 0px;
    text-indent: -999.9em;
    width: 47px;
    border: none !important;
    color: #fff;
    padding-top: 22px;
    display: block;
    margin-top: 1px;
}
.btnGo:hover
{
    background-position: -313px -26px;
}
fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: none;
    margin: 0px 30px 0px 30px;
}

fieldset p
{
    margin: 10px 12px 10px 0px;
    clear: both;
    padding-top: 10px;
}
.noMarginTop
{
    margin-top: 0px;
    padding-top: 0px;
}
legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    margin: -20px 0px 0px -43px;
}
fieldset select
{
    border: 0 none;
    font-size: 11px;
    height: 24px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 210px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    clear: both;
}
/*#filterpanel select
{
    border: 0 none;
    font-size: 11px;
    height: 24px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 180px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
}
  
#filterpanel input, #filterpanel select 
{
    float: left;
    clear: none;
    margin-right: 10px;
}*/
#filterpanel .advancedSearch
{
    display: none;
    margin: 5px 0px 5px 0px;
}
#filterpanel .radio
{
    background: url("Images/Interface/viewtoggle.png") no-repeat 0px 0px;
    display: block;
    text-indent: -999.9em;
    width: 36px;
    height: 23px;
    float: left;
}
#filterpanel .radio
{
    background: url("Images/Interface/viewtoggle.png") no-repeat -36px 0px;
    display: block;
    text-indent: -999.9em;
    width: 36px;
    height: 23px;
    float: left;
}
/*#filterpanel .select 
{
    background: url("Images/Interface/buttons.png") no-repeat -1552px -52px;
    display: block;
    text-indent: -999.9em;
    width: 180px;
    height: 23px;
    float: left;
}*/
#filterpanel .select
{
    position: absolute;
    width: 148px;
    height: 19px;
    padding: 5px 16px 0 8px;
    color: #666;
    background: url(Images/Interface/buttons.png) no-repeat -1552px -52px;
    overflow: hidden;
}
.lnkGridView
{
    background: url("Images/Interface/buttons.png") no-repeat -1269px 0px;
    display: block;
    text-indent: -999.9em;
    width: 36px;
    height: 23px;
    float: left;
}
.lnkGridView:hover
{
    background-position: -1269px -23px;
}
.lnkListView
{
    background: url("Images/Interface/buttons.png") no-repeat -1305px 0px;
    display: block;
    text-indent: -999.9em;
    width: 37px;
    height: 23px;
    float: right;
}
.lnkListView:hover
{
    background-position: -1305px -23px;
}
fieldset input[type="text"], input[type="password"]
{
    border: 0 none;
    font-size: 11px;
    height: 19px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 210px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    clear: both;
}

fieldset textarea, textarea
{
    border: 0 none;
    font-size: 11px;
    height: 75px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 210px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
}
.bgWhiteNarrow textarea 
{
    
    width: 190px;
}
fieldset textarea#QuestionDetail, fieldset textarea#AnswerDetail
{
    height: 140px;
    width: 370px;
}
input, textarea, select
{
    font-family: Verdana,san-serif;
    font-size: 100%;
    background: url("/Content/Images/Interface/bgTextBox.png") repeat-x top;
}
input[type="text"], input[type="password"]
{
    border: 0 none;
    font-size: 11px;
    height: 19px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 167px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    clear: both;
}
#search
{
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 3px;
}
input[type="text"].searchbox
{
    border: 0 none;
    font-size: 11px;
    height: 20px;
    margin: 0px 5px 4px 0px;
    padding: 0px 5px 0px 8px;
    width: 130px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    float: left;
}
#emailform
{
    padding-left: 18px;
    padding-bottom: 10px;
}
#emailform input[type="text"], input[type="password"]
{
    border: 0 none;
    font-size: 11px;
    height: 19px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 167px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    clear: both;
}
#emailform textarea
{
    border: 0 none;
    font-size: 11px;
    height: 60px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 167px;
    background: url("Images/Interface/bgSearch.png") 0px -25px no-repeat;
}
#commentsform
{
    padding: 0px 15px 10px 18px;
}
#commentsform p
{
    padding-bottom: 10px;
}
#commentsform textarea
{
    border: 0 none;
    font-size: 11px;
    height: 60px;
    margin: 0;
    padding: 3px 5px 2px 8px;
    width: 167px;
    background: url("Images/Interface/bgSearch.png") 0px -25px no-repeat;
}
.send-editor-label, .send-display-label
{
    padding-top: 5px;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 5px;
}
button
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.btnSubmit
{
    background: url("Images/Interface/buttons.png") no-repeat -834px 0;
    display: block;
    height: 0px;
    text-indent: -999.9em;
    width: 72px;
    border: none !important;
    color: #fff;
    padding-top: 25px;
}
.btnSubmit:hover
{
    background-position: -834px -25px;
}
#cropButton
{
    background: url("Images/Interface/buttons.png") no-repeat -1724px -51px;
    display: block;
    height: 0px;
    text-indent: -999.9em;
    width: 93px;
    border: none !important;
    color: #fff;
    padding-top: 23px;
}
#cropButton:hover
{
    background-position: -1724px -76px;
}
#cropButton.cropAvatar
{
    margin-left: 30px;
}

.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.5em 0;
    float: left;
}

.display-field
{
    margin-bottom: 20px;
    padding-top: 5px;
}
.display-field.notification
{
    padding-top: 0px;
}
.editor-label, .display-label
{
    padding-top: 5px;
    width: 130px;
    clear: both;
    margin-right: 10px;
    margin-bottom: 20px;
}
.profile-label
{
    padding-top: 5px;
    width: 100px;
    clear: both;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    font-weight: bold;
    line-height: 160%;
}
.profile-field
{
    margin-bottom: 10px;
    padding-top: 5px;
    float: left;
    width: 300px;
    line-height: 160%;
}
/*
input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}*/


a.btnLogout
{
    background: url("Images/Interface/buttons.png") no-repeat -965px 0px;
    height: 22px;
    width: 75px;
    display: block;
    float: right;
    margin: 0px 0px 0px 10px;
    text-indent: -999.9em;
}
a.btnLogout:hover
{
    background-position: -965px -23px;
}

a.btnLoginSm
{
    background: url("Images/Interface/buttons.png") no-repeat -1039px 0px;
    height: 22px;
    width: 69px;
    display: block;
    float: right;
    margin: -6px 0px 0px 10px;
    text-indent: -999.9em;
}
a.btnLoginSm:hover
{
    background-position: -1039px -23px;
}

.btnLogin
{
    background: url("Images/Interface/buttons.png") no-repeat -937px -51px;
    display: block;
    height: 0px;
    text-indent: -999.9em;
    width: 72px;
    padding-top: 25px;
    border: none !important;
    color: #fff;
}
.btnLogin:hover
{
    background-position: -937px -76px;
}
.btnForgotPassword
{
    background: url("Images/Interface/buttons.png") no-repeat -1724px 0px;
    display: block;
    height: 0px;
    text-indent: -999.9em;
    width: 173px;
    padding-top: 25px;
    border: none !important;
    color: #fff;
}
.btnForgotPassword:hover
{
    background-position: -1724px -25px;
}
.indent1
{
    margin-left: 140px;
}
.indent2
{
    margin-left: 90px;
}
.indent3
{
    margin: 10px 0px 70px 0px;
}
.indent4
{
    margin-left: 120px;
}
.indent5
{
    margin-top: 5px;
}
.indent6
{
    margin-left: 145px;
}
.indent7
{
    margin-top: 40px;
}
.indent8
{
    margin: 0px 10px 16px 0px;
}
.indent9
{
    margin: 2px 0px 3px 0px;
}
.btnDownload
{
    background: url("Images/Interface/buttons.png") no-repeat -360px -50px;
    display: block;
    height: 25px;
    text-indent: -999.9em;
    width: 92px;
    float: left;
    margin: 0px 20px 15px 0px;
}
.btnDownload:hover
{
    background-position: -360px -76px;
}

.btnShare
{
    background: url("Images/Interface/buttons.png") no-repeat -712px 0px;
    display: block;
    text-indent: -999.9em;
    width: 122px;
    float: left;
    height: 0px;
    padding-top: 25px;
    border: none !important;
}
.btnShare:hover
{
    background-position: -712px -25px;
}

.btnRegister
{
    background: url("Images/Interface/buttons.png") no-repeat -1008px -51px;
    display: block;
    height: 0px;
    text-indent: -999.9em;
    width: 83px;
    padding-top: 25px;
    border: none !important;
    color: #fff;
}
.btnRegister:hover
{
    background-position: -1008px -76px;
}
.btnChangePassword
{
    background: url("Images/Interface/buttons.png") no-repeat -1090px -51px;
    display: block;
    height: 0px;
    text-indent: -999.9em;
    width: 130px;
    margin-left: 140px;
    padding-top: 25px;
    border: none !important;
    color: #fff;
}
.btnChangePassword:hover
{
    background-position: -1090px -76px;
}


.bgAssetAdmin .editor-label
{
    padding-top: 5px;
    width: 100px;
    clear: both;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 20px;
}
.bgAssetAdmin
{
    background: url("Images/Interface/bgRightGradient_admin.jpg") no-repeat 0px 27px;
    margin-left: -3px;
    height: 585px;
}
.bgAssetAdmin fieldset
{
    margin: 1em 0;
    padding: 1em;
    border: none;
    margin: 0px;
}
.bgAssetAdmin h3
{
    padding: 8px 0px 8px 15px;
    border-bottom: 1px solid #EDEDED;
    color: #999999;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}

.uploadForm
{
    width: 385px;
    overflow: auto;
    background-color: #fff;
    margin: 15px;
    border: 1px solid #E8E8E8;
    height: 525px;
}
.bgWhiteNarrow
{
    width: 385px;
    overflow: auto;
    background-color: #fff;
    margin: 15px;
    border: 1px solid #E8E8E8;
    height: 525px;
}
.emailmodule
{
    border: 1px solid #E8E8E8;
    padding: 10px 10px 0px 10px;
    margin-top: -10px;
    width: 500px;
    background-color: #FCFCFC;
}

.bgWhiteFull
{
    background-color: #fff;
    margin: 15px;
    border: 1px solid #E8E8E8;
    height: 525px;
    overflow: auto;
}
.bgWhiteLiquid
{
    background-color: #fff;
    margin: 0px 15px 0px 15px;
    border: 1px solid #E8E8E8;
    min-height: 525px;
}
#report .bgWhiteLiquid
{
    margin: 15px;
}
#report h5
{
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
}
.bgWhiteFull.asset
{
    margin: 0px 5px 0px 5px;
    height: auto !important;
}
.bgWhiteFull h3, .bgWhiteLiquid h3 
{
    padding: 8px 0px 8px 15px;
    border-bottom: 1px solid #EDEDED;
    color: #999999;
    font-size: 16px;
    font-weight: normal;
}
.bgWhiteFull h4
{
    padding: 8px 0px 8px 12px;
    border-bottom: 1px solid #EDEDED;
    color: #999999;
    font-size: 16px;
    font-weight: normal;
    margin: 20px -15px 15px -15px;
}
.bgWhiteFull .btnUpdate, .btnUpdate
{
    background: url("Images/Interface/buttons.png") no-repeat -1118px 0px;
    display: block;
    text-indent: -9999.9em;
    width: 74px;
    height: 23px;
    float: left;
    margin-right: 10px;
    border: 0px;
}
.bgWhiteFull .btnUpdate:hover, .btnUpdate:hover
{
    background-position: -1118px -24px;
}
.bgWhiteFull .btnDelete
{
    background: url("Images/Interface/buttons.png") no-repeat -1193px 0px;
    display: block;
    text-indent: -999.9em;
    width: 74px;
    height: 0px;
    float: left;
    padding-top: 23px;
    border: none !important;
}



.bgWhiteFull .btnDelete:hover
{
    background-position: -1193px -24px;
}
.lnkDelete
{
    background: url("Images/Interface/buttons.png") no-repeat -1193px 0px;
    display: block;
    text-indent: -999.9em;
    width: 74px;
    height: 23px;
    float: left;
}
.lnkDelete:hover
{
    background-position: -1193px -24px;
}

.lnkRemoveFilter
{
    background: url("Images/Interface/buttons.png") no-repeat -1348px -51px;
    display: block;
    text-indent: -999.9em;
    width: 63px;
    height: 22px;
    float: right;
}
.lnkRemoveFilter:hover
{
    background-position: -1348px -75px;
}

.lnkUpdate
{
    background: url("Images/Interface/buttons.png") no-repeat -1118px 0px;
    display: block;
    text-indent: -999.9em;
    width: 74px;
    height: 23px;
    float: left;
    margin-right: 10px;
}
.lnkUpdate:hover
{
    background-position: -1118px -24px;
}
.lnkRevoke
{
    background: url("Images/Interface/buttons.png") no-repeat -1474px 0px;
    display: block;
    text-indent: -999.9em;
    width: 113px;
    height: 23px;
    float: left;
}
.lnkRevoke:hover
{
    background-position: -1474px -24px;
}
.lnkAdvanced
{
    background: url("Images/Interface/buttons.png") no-repeat -1587px 0px;
    display: block;
    text-indent: -999.9em;
    width: 91px;
    height: 23px;
}

.btnArchive
{
    background: url("Images/Interface/buttons.png") no-repeat -1474px -52px;
    display: block;
    text-indent: -999.9em;
    width: 78px;
    height: 0px;
    float: left;
    padding-top: 24px;
    border: none !important;
}
.btnArchive:hover
{
    background-position: -1474px -76px;
}
.lnkCreateUser
{
    background: url("Images/Interface/buttons.png") no-repeat -1221px -51px;
    display: block;
    text-indent: -999.9em;
    width: 127px;
    height: 23px;
    float: right;
    margin-right: 14px;
}

.lnkGridView
{
    background: url("Images/Interface/buttons.png") no-repeat -1269px 0px;
    display: block;
    text-indent: -999.9em;
    width: 36px;
    height: 23px;
    float: left;
}
.lnkGridView:hover
{
    background-position: -1269px -23px;
}

.lnkListView
{
    background: url("Images/Interface/buttons.png") no-repeat -1305px 0px;
    display: block;
    text-indent: -999.9em;
    width: 37px;
    height: 23px;
    float: left;
}
.lnkListView:hover
{
    background-position: -1305px -23px;
}


.lnkOrderTime
{
    background: url("Images/Interface/orderByToggle.png") no-repeat 0px 0px;
    display: block;
    text-indent: -999.9em;
    width: 36px;
    height: 23px;
    float: left;
}
.lnkOrderTime:hover
{
    background-position: 0px -23px;
}

.lnkOrderRating
{
    background: url("Images/Interface/orderByToggle.png") no-repeat -36px 0px;
    display: block;
    text-indent: -999.9em;
    width: 37px;
    height: 23px;
    float: left;
}
.lnkOrderRating:hover
{
    background-position: -36px -23px;
}

.lnkOrderDownloads
{
    background: url("Images/Interface/orderByToggle.png") no-repeat -73px 0px;
    display: block;
    text-indent: -999.9em;
    width: 37px;
    height: 23px;
    float: left;
}
.lnkOrderDownloads:hover
{
    background-position: -73px -23px;
}

.lnkOrderAlpha
{
    background: url("Images/Interface/orderByToggle.png") no-repeat -110px 0px;
    display: block;
    text-indent: -999.9em;
    width: 37px;
    height: 23px;
    float: left;
}
.lnkOrderAlpha:hover
{
    background-position: -110px -23px;
}

.lnkOrderAlphaDesc
{
    background: url("Images/Interface/orderByToggle.png") no-repeat -147px 0px;
    display: block;
    text-indent: -999.9em;
    width: 37px;
    height: 23px;
    float: left;
    margin-right: 5px;
}
.lnkOrderAlphaDesc:hover
{
    background-position: -147px -23px;
}


a.lnkLike
{
    background: url("Images/Interface/buttons.png") no-repeat -1345px 0px;
    display: block;
    text-indent: -999.9em;
    width: 58px;
    height: 24px;
    float: left;
    padding: 0px !important;
    margin-bottom: 10px;
    margin-left: -2px;
}
a.lnkLike:hover
{
    background-position: -1345px -24px;
}
a.lnkDislike
{
    background: url("Images/Interface/buttons.png") no-repeat -1403px 0px;
    display: block;
    text-indent: -999.9em;
    width: 70px;
    height: 24px;
    float: left;
    padding: 0px !important;
    margin-bottom: 10px;
}
a.lnkDislike:hover
{
    background-position: -1403px -24px;
}
a.lnkGeneral
{
    background: url("Images/Interface/buttonlink.png") no-repeat top right;
    display: block;
    height: 18px;
    color: #000;
    float: left;
    margin-right: 8px;
    padding-right: 10px;
    text-decoration: none;
    padding-top: 2px;
}
a.lnkGeneral:hover
{
    color: #ff3300;
}
.linkGeneralLHS
{
    background: url("Images/Interface/buttonlink.png") no-repeat 0 0px;
    height: 18px;
    color: #000;
    display: block;
    float: left;
    width: 10px;
}
a.lnkGeneral:link
{
}
/* TABLE
----------------------------------------------------------*/

table
{
    border: solid 1px #f2f2f2;
    border-collapse: collapse;
}

table td
{
    padding: 8px;
    border: solid 1px #f2f2f2;
    border-collapse: collapse;
    vertical-align: middle;
    line-height: 1.3em;
}

table th
{
    padding: 10px 8px 10px 8px;
    text-align: left;
    background-color: #ff3300;
    border: solid 1px #ff3300;
    color: #fff;
}
#adminCommentsList td
{
    vertical-align: top;
}
.recoverPasswordTable td
{
    border: none;
}
table.recoverPasswordTable
{
    border: 1px solid #fff;
}
#PasswordRecovery1 td
{
    border: 1px solid #fff;
    padding: 2px;
}
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

#menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    text-align: right;
    margin: 5px 0px 0px 10px;
    float: right;
    width: 350px;
}

#logindisplay a:link
{
    color: #414141;
    text-decoration: none;
}

#logindisplay a:visited
{
    color: #414141;
    text-decoration: none;
}

#logindisplay a:hover
{
    color: #ff3300;
    text-decoration: none;
}
.message
{
    width: 980px;
    margin: 5px auto 5px auto;
}
.assetmessage
{
    width: 980px;
    margin: 4px auto 5px auto;
}
.filter
{
    margin-left: 256px;
    color: #666;
    padding: 6px;
    line-height: 140%;
    width: 550px;
    height: 20px;
    overflow: visible;
    float: left;
}
.succMessage
{
    margin-left: 244px;
    width: 720px;
    border-top: 1px solid #339933;
    border-bottom: 1px solid #339933;
    background-color: #D5F0D5;
    color: #339933;
    padding: 6px;
    line-height: 140%;
}
.errMessage
{
    margin-left: 244px;
    width: 720px;
    border-top: 1px solid #ff3300;
    border-bottom: 1px solid #ff3300;
    background-color: #FFDFD7;
    color: #ff3300;
    padding: 6px;
    line-height: 140%;
}
.contactDetails
{
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.contactDetails h3
{
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
}
.contactDetails p
{
    padding: 8px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    display: block;
    margin: 10px 0px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 10px;
}

.validation-summary-valid
{
    display: none;
}




.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

#votelinks
{
    margin: 15px 0px 10px 20px;
}



/* Wide Layout ------------------------------------------------ */
.width980oneCol
{
    background: url("Images/Interface/moduleBorders980-1.gif") repeat;
    width: 980px;
}
.width980oneCol .topCurve
{
    background: url("Images/Interface/moduleBorders980-1.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 10px;
    text-indent: -999.9em;
    width: 980px;
}
.width980oneCol .botCurve
{
    background: url("Images/Interface/moduleBorders980-1.png") no-repeat scroll 0 -90px transparent;
    clear: both;
    height: 10px;
    text-indent: -999.9em;
    width: 980px;
}
.width980oneCol h2
{
    border-bottom: 1px solid #E5E5E5;
    padding: 0px 0px 10px 15px;
    color: #FF3300;
    font-size: 17px;
    font-weight: normal;
    margin: 0px;
}

.width980oneCol .bgAssetLiquidTop
{
    height: 16px;
    margin-left: 0px;
}
.width980oneCol .bgAssetLiquid
{
    background: url("Images/Interface/bgRightGradientLiquidWide.jpg") repeat-y 0px 0px #f2f2f2;
    padding: 0px 10px 0px 10px;
    margin-left: 0px;
}

.width980oneCol .bgAssetLiquidFooter
{
    height: 14px;
    margin-left: 0px;
}
.width980oneCol #assetList 
{
}
.width980oneCol .assetItem
{
    margin: 5px 10px 10px 9px;
}
.width980oneCol .assetItemListDisplay
{
    margin: 0px 14px 0px 13px;
    display: block;
    padding: 10px 10px 15px 10px;
    background: #fff;
    border-bottom: 1px solid #E8E8E8;
    background-image: none;
    min-height: 30px;
    width: 915px;
}

.width980oneCol .assetItemListDisplay .title
{
    font-size: 12px;
    margin-left: 50px;
}

.width980oneCol .assetItemListDisplay .description
{
    width: 750px;
    margin-left: 50px;
    margin-bottom: 5px;
}
.width980oneCol .assetItemListDisplay .smIcon
{
    height: 24px;
    width: 21px;
    background: url("Images/Interface/fileIconsSm.png") no-repeat 0 0;
    position: absolute;
    top: 15px;
    left: 15px;
}
.width980oneCol .assetItemListDisplay .assetProperties
{
    margin-left: 40px;
}
.width980oneCol .bgWhiteFull  
{
    margin-bottom: 0px;
}
#assetItemListWrapper 
{
    background-color: #fff;
    margin: 0px 15px 0px 15px;
    border: 1px solid #E8E8E8;
    padding: 20px;
}
#assetItemGridWrapper
{
}
#assetItemDetailsWrapper
{
    background-color: #fff;
    margin: 0px 15px 0px 15px;
    border: 1px solid #E8E8E8;
    padding-bottom: 15px;
    visibility: hidden;
}

/* tabs
-------------*/
#tabsOuterContainer
{
    padding: 0px 0px 15px 0px;
}
ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 26px;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    width: 100%;
}
ul.tabs li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border: 1px solid #E5E5E5;
    border-left: none;
    margin-bottom: -1px;
    background: #F2F2F2;
    overflow: hidden;
    position: relative;
}
ul.tabs li a
{
    text-decoration: none;
    display: block;
    padding: 0 18px;
    border: 1px solid #fff;
    outline: none;
    font-weight: bold;
    color: #666;
}
ul.tabs li a:hover
{
    background: #ebebeb;
}
html ul.tabs li.active, html ul.tabs li.active a:hover
{
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container
{
    border: 1px solid #E5E5E5;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}
.tab_content
{
    padding: 10px;
    line-height: 150%;
}
.tab_content .username
{
    color: #999;
}
.tab_content fieldset
{
    margin: 0px 30px 0px 10px;
}
.tab_content fieldset .editor-label
{
    width: 70px;
}
.tab_content .indent1
{
    margin-left: 80px;
}
.answerButtons
{
    margin: 15px 0px 12px 0px;
}
.questionItem
{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#tab1
{
    padding-top: 20px;
}
.questionItem a
{
    background: url("/Content/Images/Interface/bgLink.png") repeat-x top;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 3px 10px 5px 10px;
    text-decoration: none;
    margin-right: 10px;
}
.questionDetail
{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.answerDetail
{
    padding: 15px 20px 10px 15px;
    border: 1px solid #E5E5E5;
    margin: 23px 15px 20px 15px;
    position: relative;
    background-color: #f2f2f2;
}

.answerDetail .votelinks
{
    margin: 0px;
    float: right;
}

.answerDetailForm
{
    margin: 30px 0 20px 15px;
}
.answerForm
{
    padding-left: 10px;
}


#tabsOuterContainer a.lnkLike
{
    background: url("Images/Interface/qnaVoteLinks.png") no-repeat 0px 0px;
    display: block;
    text-indent: -999.9em;
    width: 29px;
    height: 24px;
    float: left;
    padding: 0px !important;
    margin-bottom: 10px;
    margin-left: -2px;
}
#tabsOuterContainer a.lnkLike:hover
{
    background-position: 0px -24px;
}
#tabsOuterContainer .voteCounter
{
    background: url("Images/Interface/qnaVoteLinks.png") no-repeat -27px 0px;
    display: block;
    width: 36px;
    height: 19px;
    float: left;
    padding: 3px 0px 2px 0px !important;
    margin-bottom: 10px;
    margin-left: -2px;
    text-align: center;
}
#tabsOuterContainer a.lnkDislike
{
    background: url("Images/Interface/qnaVoteLinks.png") no-repeat -63px 0px;
    display: block;
    text-indent: -999.9em;
    width: 27px;
    height: 24px;
    float: left;
    padding: 0px !important;
    margin-bottom: 10px;
}
#tabsOuterContainer a.lnkDislike:hover
{
    background-position: -63px -24px;
}

/*FAQ-------------------------------*/
#faqText
{
    line-height: 160%;
    margin-right: 50px;
}
.faqQuestion
{
    font-weight: bold;
    margin-top: 15px;
    border-top: 1px solid #E5E5E5;
    padding-top: 10px;
    margin-bottom: 5px;
}
.faqQuestion:hover
{
    color: #FF3300;
    cursor: pointer;
}
.faqAnswer
{
    display: none;
}

a.lnkButton
{
    background: url("/Content/Images/Interface/bgLink.png") repeat-x top;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 4px 10px 5px 10px;
    text-decoration: none;
    margin: 1px -4px 0px 0px;
}
a.lnkButton:hover
{
    text-decoration: underline;
}

.jButton 
{
    background: url("/Content/Images/Interface/bgLink.png") repeat-x top;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 3px 10px 5px 10px;
    text-decoration: none;
    margin: 0px 5px 5px 0px;
    float: left;
    width: auto;
    height: 15px;
    font-weight: bold;
}
.jButton .heroGroup, .jButton .heroPerson, .jButton .label, .jButton .action
{
    float: left;
}
.jButton .action 
{
    color: #999;
    font-size: 10px;
    margin: 0px -3px 0px 3px;
    cursor: pointer;
    padding: 0px 3px;
}

.jButton.on, .jButtonSquare.on 
{
    background: url("/Content/Images/Interface/bgLink-on.png") repeat-x top;
    color: #fff;
}
.jButton .label:hover, .jButton .action:hover 
{
    color: #ff3300;
}
.jButton.on .action 
{
    color: #f6f6f6;
}
.jButton.on .label:hover, .jButton.on .action:hover, .jButtonSquare.on .label:hover
{
    color: #f6f6f6;
}
.jButton .heroPerson, .jButton .heroGroup, .jButton .heroAdd 
{
    
    height: 19px;
    margin-left: -3px;
    padding-left: 22px;
}
.jButton .heroPerson 
{
    background: url("/Content/Images/Interface/sharePeopleIcons.png") no-repeat 0px -21px;
}
.jButton .heroGroup 
{
    background: url("/Content/Images/Interface/sharePeopleIcons.png") no-repeat 0px -41px;
}
.jButton.on .heroPerson 
{
    background: url("/Content/Images/Interface/sharePeopleIcons.png") no-repeat 0px -60px;
}
.jButton.on .heroGroup 
{
    background: url("/Content/Images/Interface/sharePeopleIcons.png") no-repeat 0px -79px;
}
.jButton .heroAdd 
{
    background: url("/Content/Images/Interface/sharePeopleIcons.png") no-repeat 0px -1px;
}
#addPeopleInput 
{
    width: 320px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px 5px;
    margin-bottom: 5px;
}
#addPeopleButton 
{

}
#shareWithUsers 
{
    padding: 5px 5px 0px 0px;
    
}
.jButtonSquare 
{
    background: url("/Content/Images/Interface/bgLink.png") repeat-x top;
    border: 1px solid #ccc;
    padding: 3px 10px 5px 10px;
    text-decoration: none;
    margin: 0px;
    float: left;
    width: auto;
    height: 15px;
    font-weight: bold;
}
.jButtonSquare .label
{
    float: left;
}
.jButtonSquare .label:hover
{
    color: #ff3300;
}
/* tabs
-------------*/
#dashBoardOuter
{
}
#dashBoardOuter fieldset
{
    border: 1px solid #dbdbdb;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 20px 15px 20px;
    margin: 0px 0px 30px 0px;
    width: 600px;
}
#dashBoardOuter fieldset.margin
{
    margin-right: 60px;
}
#dashBoardOuter legend
{
    font-size: 1em;
    font-weight: 600;
    padding: 2px 10px 8px 10px;
    margin: 3px 0px 0px -10px;
    color: #ff3300;
}
#dashBoardOuter fieldset .floatRight.marginRight
{
    margin-right: 100px;
}
#dashBoardOuter .display-field, #dashBoardOuter .display-label
{
    margin-bottom: 10px;
}
.display-label
{
    padding-left: 24px;
    width: 110px;
}

#dashBoardOuter .dDownloaded
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -33px;
}
#dashBoardOuter .dComments
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -61px;
}
#dashBoardOuter .dDownloaded
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -169px;
}
#dashBoardOuter .dUploaded
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -46px;
}
#dashBoardOuter .dAssets
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -134px;
}
#dashBoardOuter .dUsers
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -200px;
}
#dashBoardOuter .dNewusers
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -185px;
}
#dashBoardOuter .dLikes
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -152px;
}
#dashBoardOuter .dDislikes
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -216px;
}
#dashBoardOuter .dEmail
{
    background: url("Images/Interface/assetProperties.png") no-repeat 0px -230px;
}


/* Social */
.postItemListDisplay
{
    background: url("Images/Interface/postListBg.jpg") repeat-y #fff;
    position: relative;
    margin: 0px 14px 0px 0px;
    min-height: 30px;
    display: block;
    width: 685px;
    padding: 5px 10px 0px 20px;
    line-height: 160%;
}
#oneChat .postItemListDisplay 
{
    background-image: none;
    width: 705px;
    border: 2px solid #eee;
    float: right;
    padding:10px 10px 5px 10px;
    margin:  0px 14px 15px 0px;
    
}
.profileContainer 
{
    float: left;
    margin: 0px 0px 0px 20px;
    width: 155px;
    line-height: 130%;
    position: relative;
}
.profileContainer .title 
{
    color: #777;
}
.profileContainer .hmUser
{
    background: url("/Content/Images/Interface/logo_xsmall.png") no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 10px;
    
}
.postItemListDisplay .hmUserComment
{
    background: url("/Content/Images/Interface/logo_xsmall.png") no-repeat right top 10px;
}
.postItemListDisplay .hmUser
{
    background: url("/Content/Images/Interface/logo_xsmall.png") no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    
}
.profileContainer a 
{
    text-decoration: none;
    
}
.profileContainer a:hover 
{
    text-decoration: underline;
}
.profileContainer img 
{
    border: 1px solid #eee;
    margin-bottom: 5px;
}
#oneChat .itemContainer 
{
    padding-bottom: 20px;
}
#oneChat .dividerLine 
{
    margin: 0 0px 5px 0px;
}
#assetDirectLink .postItemListDisplay
{
    background: #fff;
    width: 682px;
    margin-right: 0px;    
    border-top: 1px solid #E5E5E5;
}

.postItemListTop
{
}
.postItemListFooter
{
}
.postItemListDisplay .createdBy
{
    font-weight: bold;
    margin-bottom: 3px;
}
.fileListDisplay  .createdBy 
{
    font-weight: normal;
    margin-bottom: 0px;
    color: #ccc;
}
.fileListDisplay .createdBy a 
{
    color: #ccc;
}
.fileListDisplay .createdBy.hover, .fileListDisplay  .createdBy.hover a 
{
    color: #999;
} 
.fileListDisplay .createdBy.hover a:hover 
{
    color: #ff3300;
} 
.postItemListDisplay .postedFor
{
    color: #999;
    margin-right: 15px;
    text-align: right;
}
.lightGrey
{
    color: #ccc;
}
.postItemListDisplay #clicktoShare
{
    border: 1px solid #CCCCCC;
    background: url("/Content/Images/Interface/bgTextBox.png") repeat-x scroll center top transparent;
    height: 22px;
    padding: 3px 0px 0px 6px;
    width: 610px;
    float: left;
}
.postItemListDisplay #shareButtonLink
{
    float: right;
    margin-right: 8px;
    cursor: pointer;
}
.postItemListDisplay .standardButton, .styledButton
{
    background: url("/Content/Images/Interface/bgTextBox.png") repeat-x scroll center top transparent;
    color: #ff3300;
    padding: 4px 10px 3px 10px;
    font-size: 11px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    text-align: center;
}
.postItemListDisplay #bulletinBody 
{
    padding: 10px 20px 5px 0px;
}
.postItemListDisplay #bulletinBody ul 
{
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 0px 16px;
    list-style-type: disc;
}
.postItemListDisplay #bulletinBody ol ul 
{
   padding: 5px 0px 0px 0px;
}
.postItemListDisplay #bulletinBody ol ul li 
{
    padding-bottom: 3px;
}
#bulletinBody h3 
{
    margin: 0px;
    padding: 0px;
    color: #666;
    font-size: 13px;
}
#bulletinBody h4 
{
    margin: 0px;
    padding: 0px;
    color: #999;
    font-size: 13px;
}
.postItemListDisplay .bulletinHeading 
{
    font-size: 14px;
    line-height: 160%;
}
#bulletinBody table td
{
    vertical-align: top;
    line-height: 150%;
}
#bulletinBody table 
{
    margin-bottom: 15px;
}
#bulletinBody table tr:nth-of-type(even) td
{
    background-color: #f4f4f4;
}
#bulletinBody table.noBorder 
{
     border: 0px;
     margin-bottom: 0px;
}
#bulletinBody table.noBorder td 
{
    border: 0px;
    padding: 0px;
}
.notification
{
}

a.notification, .notification a
{
    color: #ff3300;
    border: 1px solid #CCCCCC;
    text-decoration: none;
    line-height: 160%;
    background: url("/Content/Images/Interface/bgTextBox.png") repeat-x scroll center top transparent;
    text-decoration: none;
    padding: 2px 5px;
}
a.notification:hover, .notification a:hover
{
    background-color: #ff3300;
    background-image: none;
    color: #fff;
}
.postItemListDisplay .standardButton:hover, .postItemListDisplay .standardButton a:hover, .styledButton a:hover
{
    color: #fff !important;
    background-color: #ff3300;
    background-image: none;
}
.postItemListDisplay #cancelShare
{
    margin-left: 10px;
    cursor: pointer;
    color: #ff3300;
}
.postItemListDisplay #cancelShare:hover
{
    color: #414141;
}
#createNewPost 
{
    
}
.dividerLine
{
    border-bottom: 1px solid #E5E5E5;
    margin: 0px -4px 5px -12px;
    padding-bottom: 5px;
}

.postItemListDisplay a
{
    text-decoration: none;
}
.postAssets
{
    cursor: pointer;
}

.fileListDisplay .postAssets 
{
    cursor: default;
}
.postItemListDisplay .smallIcon
{
    height: 24px;
    width: 20px;
    display: block;
    float: left;
    margin-bottom: 5px;
    background: url("Images/Interface/fileIconsSm.png") no-repeat 0 0;
}
.postItemListDisplay .fileName
{
    margin-left: 3px;
    float: left;
    margin-right: 10px;
    padding-top: 2px;
}
.postItemListDisplay .comments
{
    position: relative;
    padding-top: 5px;
}
.postItemListDisplay a.replyToComments
{
    background: url("Images/Interface/buttons.png") no-repeat scroll -1902px -3px transparent;
    display: block;
    height: 21px;
    position: absolute;
    right: 5px;
    text-indent: -999.9em;
    top: 0px;
    width: 19px;
}
.postItemListDisplay a.replyTo:hover
{
    background-position: -1902px -27px;
}
#oneChat .commentsList
{
    padding-left: 12px;
    padding-right: 12px;
    display: none;
    margin: 10px -11px 0px -11px;
    min-height: 1px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #E5E5E5;
}
.commentsList .avatar-sm 
{  
    float: left;
    width: 40px;
    margin: 10px 0;
    
}
.commentsList .avatar-sm img 
{ 
    border: 1px solid #E5E5E5;
}
#assetDirectLink .commentsList
{
    padding-left: 12px;
    padding-right: 12px;
    display: none;
    margin: 10px 0px 0px 0px;
    min-height: 1px;
    background-color: #f9f9f9;
}
.commentsListItem
{

    padding: 5px 12px;
}
#oneChat .commentsListItem
{
    float: right;
    width: 590px;
    margin-top: 0px;
    padding-right: 60px;
}

#oneChat .commentListItemContainer 
{
    border-bottom: 1px solid #E5E5E5;
}
#oneChat .commentListItemContainer.hmUser 
{
    background:  url("/Content/Images/Interface/logo_small_grey_bg.png") no-repeat right #f9f9f9;
}
.commentsListItem
{
    margin: 0px;
    margin: 10px -11px 0px -11px;
    
}
#assetDirectLink .commentsListItem
{
    margin: 0px;
    background-color: #f9f9f9;
    margin: 10px -11px 0px -11px;
    border-bottom: 1px solid #E5E5E5;
    
}
.commentsListItem .commentedBy
{
    color: #999;
    font-style: italic;
}
.comments .commentsReply
{
    padding: 9px 0px 5px 0px;
}
.comments textarea
{
    width: 615px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    height: 18px;
    border: 1px solid #ccc;
    padding: 3px;
    margin-top: 3px;
}
.comments input[type="submit"]
{
    float: right;
    margin-right: 2px;
    margin-top: 3px;
}

.attachFile 
{
    float: right;
    margin-right: 55px;
    width: 100px;
    height: 24px;
    padding-right: 50px;
    padding-top: 4px;
    background: url("/Content/Images/Interface/oneChatAttach.gif") no-repeat 59px 2px;
    cursor: pointer;
    color: #999;
}
.attachFile:hover 
{
    background-position: 59px -25px;
    color: #333;
}
.uploadNewAttachment 
{
     float: right;
     margin-right: 25px;
    padding-top: 4px;
}


#assetDirectLink .comments
{
    width: 680px;
    padding: 0px 0px 20px 0px;
    margin-top: 10px;
}
#assetDirectLink .comments textarea
{
    width: 600px;
}
#assetDirectLink .comments p
{
    padding: 10px 10px 10px 0px;
}
#assetDirectLink .comments h3
{
    font-size: 12px;
    color: #ff3300;
    font-weight: normal;
    padding-bottom: 10px;
}

.smallIcon.pdf
{
    background-position: 0px 0px;
}
.smallIcon.zip
{
    background-position: -22px 0px;
}
.smallIcon.mov
{
    background-position: -45px 0px;
}
.smallIcon.img
{
    background-position: -68px 0px;
}
.smallIcon.aud
{
    background-position: -0px -26px;
}
.smallIcon.xls
{
    background-position: -22px -26px;
}
.smallIcon.doc
{
    background-position: -45px -26px;
}
.smallIcon.ppt
{
    background-position: 0px -49px;
}
.smallIcon.misc
{
    background-position: -46px -49px;
}

#createNewPost textarea
{
    width: 585px;
    height: 100px;
    border-radius: 0px;
}
#createNewFile textarea
{
    width: 600px;
    height: 50px;
}
#createNewFile input[type="file"]
{
    margin-bottom: 10px;
}
#shareWithButtons 
{
}
#buttonHm, #buttonDealer, #buttonSubdealer
{
    display: inline-block;
    background-image: url(/Content/Images/Interface/socialShareWith.png);
    height: 25px;
    text-indent: -9999px;
    float: left;
}
#buttonHm
{
    display: inline-block;
    background-position: 0 0;
    width: 116px;
}
#buttonDealer
{
    display: inline-block;
    background-position: -117px 0;
    width: 96px;
}
#buttonSubdealer
{
    display: inline-block;
    background-position: -213px 0;
    width: 122px;
    margin-right: 5px;
}
#buttonHm:hover, #buttonDealer:hover, #buttonSubdealer:hover
{
    background-image: url(/Content/Images/Interface/socialShareWith-Hover.png);
}
#buttonHm :hover
{
    background-position: 0px -75px;
}
#buttonDealer:hover
{
    background-position: -117px -75px;
}
#buttonSubdealer:hover
{
    background-position: -213px -75px;
}
#buttonHm.on, #buttonDealer.on, #buttonSubdealer.on
{
    background-image: url(/Content/Images/Interface/socialShareWith-On.png);
}
#buttonHm.on
{
    background-position: 0px -75px;
}
#buttonDealer.on
{
    background-position: -117px -75px;
}
#buttonSubdealer.on
{
    background-position: -213px -75px;
}
.displayNone
{
    display: none;
}
.displayNoneLabel
{
    left: -9999px;
    position: absolute;
}
.marginRight 
{
    margin-right: 7px;
}


.height30 
{
    height: 30px;
}


.loadMorePosts 
{
    background: url("/Content/Images/Interface/arrows_more.gif") no-repeat 0 0;
    text-indent: -9999px;
    width: 87px;
    height: 13px;
    margin: 5px auto 0px auto;
}
.morePagination:hover .loadMorePosts
{
    background-position: 0 -13px;
}

#imageCropFull 
{
    float: left;
}

#imageCropCropped 
{ 
    width:150px;
    height:115px;
    overflow:hidden;
    margin-bottom: 20px;
    
}
#slideshow
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 291px;
    overflow: hidden;
}

#slideshow li
{
    margin: 0px;
    padding: 0px;
}

#na-instruction 
{
    border: 1px solid #ff3300;
    background-color: #f4f4f4;
    padding: 0px 15px 0 15px;
    margin-top: 5px;
}
#na-instruction p 
{
    padding: 0px;
}