/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
    width: 100%;
}
#ThreeColumns
{
    width: 100%;
    overflow: hidden;
}
#LeftContentArea
{
    width: 680px; /*width: 540px;*/
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
#RightContentArea
{
    width: 240px;
    float: left;
}

#LeftContent
{
    width: 680px; /*width: 540px;*/
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
#RightContent
{
    width: 240px;
    float: left;
}

#ThreeColumns #LeftContent
{
    width: 215px;
    margin: 0;
}
#ThreeColumns #RightContent
{
    width: 215px;
    margin: 0;
    overflow: hidden;
}

#ThreeColumns #LeftContentArea
{
    width: 215px;
    margin: 0;
}
#ThreeColumns #RightContentArea
{
    width: 215px;
    margin: 0;
    overflow: hidden;
}

#MiddleContentArea
{
    width: 490px;
    float: left;
    overflow: hidden;
    margin: 0 10px 0 10px;
}
/* IE 6 doesn't understand the > selector and ignores it */
html > body #MainContentArea
{
    height: 100%;
}
#StageArea #MainBodyArea
{
    margin-left: 16px;
    margin-bottom: 10px;
    height: auto;
    min-height: 0;
    overflow: hidden;
}

#StageArea #MainBodyArea div img
{
    margin-right: 10px;
}

div.mainInfoBox
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
div.mainInfoBox.alt
{
}
.mainInfoBox.Top
{
}
.mainInfoBox.Top .headingContainer
{
    background: url(images/boxes/boxHeaderLeftTop.png) no-repeat left top;
    height: 6px;
}
.mainInfoBox.TopR .headingContainer
{
    background: url(images/boxes/boxHeaderLeftTopL.png) no-repeat left top;
}
.mainInfoBox.Top .headingContainer span
{
    background: url(images/boxes/boxHeaderRightTop.png) no-repeat right;
    height: 6px;
    float: left;
    width: 100%;
}
.mainInfoBox.TopR .headingContainer h2
{
    background: url(images/boxes/boxHeaderRightTopR.png) no-repeat right top;
}
.mainInfoBox.alt .headingContainer
{
    /*background: url(images/boxes/boxHeaderLeftAlt.png) no-repeat left top;*/
}
.mainInfoBox.alt .headingContainer h2
{
    /*background: url(images/boxes/boxHeaderRightAlt.png) no-repeat right top;*/
}
.mainInfoBox.dark .headingContainer
{
    background: url(images/boxes/darkboxleft.png) no-repeat left top;
}
.mainInfoBox.dark .headingContainer h2
{
    background: url(images/boxes/darkboxright.png) no-repeat right top;
}
.mainInfoBox .headingContainer
{
    background: url(images/boxes/boxHeaderLeft.png) no-repeat left top;
    height: 26px;
    overflow: hidden;
    clear: both;
    padding-left: 16px;
}
.mainInfoBox .headingContainer a
{
    color: #fff;
}
.mainInfoBox .headingContainer h2
{
    color: #fff;
    background: url(images/boxes/boxHeaderRight.png) no-repeat right top;
    padding-top: 6px;
    font-size: 12px;
    height: 20px;
    margin: 0;
    font-weight: bold;
    overflow: hidden;
    text-transform: uppercase;
}
.mainInfoBoxMenuList
{
    padding: 3px 0 3px 0;
    overflow: hidden;
    color: #2e2e2e;
    background-color: #f0f0f0;
}
.mainInfoBoxMenuList ul
{
    margin: 0 0 0 2%;
}
.mainInfoBoxMenuList li
{
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
.mainInfoBoxMenuList div
{
    border-right: none;
    float: left;
}
.mainInfoBoxMenuList div.report1
{
    padding-left: 2%;
    width: 270px;
}
.mainInfoBoxMenuList div.report2
{
    padding-left: 20px;
    width: 240px;
}
.mainInfoBoxMenuList div.report3
{
    padding-left:20px;
    width:350px;
}
.mainInfoBoxMenuList div.reportsmall
{
    padding-right: 220px;
    border-right: none;
}
.mainInfoBoxMenuList li.last
{
    border: none;
}
.mainInfoBoxMenuList li a
{
    color: #2e2e2e;
}
.mainInfoBox.alt div.gradientBg, .mainInfoBox.dark div.gradientBg
{
    background: url(images/boxes/boxBg.png) repeat-x;
    padding: 5px;
    min-height: 70px;
    overflow: hidden;
}
.mainInfoBox.Top div.gradientBg
{
    background: url(images/boxes/boxBg.png) repeat-x;
    padding: 10px;
    min-height: 75px;
    overflow: hidden;
}
.mainInfoBoxContentContainer
{
    background: url(images/boxes/leftBorder.png) repeat-y left;
}
.mainInfoBoxContent
{
    margin-bottom: -5px;
    padding: 0 4px 5px 4px;
    background: url(images/boxes/rightBorder.png) repeat-y right;
    overflow: hidden;
}
.mainInfoBox.alt .mainInfoBoxContent
{
    padding: 0 4px 0 4px;
}
.mainInfoBox.Top .mainInfoBoxContent
{
    padding: 0 4px 0 4px;
}
.mainInfoBox.TopR .mainInfoBoxContent
{
    padding: 0 4px 0 4px;
}
.mainInfoBoxBottom
{
    background: url(images/boxes/boxBottomLeft.png) no-repeat left;
    padding-left: 12px;
    height: 14px;
}
.mainInfoBoxBottom span
{
    background: url(images/boxes/boxBottomRight.png) no-repeat right;
    display: block;
    height: 14px;
}
img.topImage
{
    padding: 2px;
    width: 193px;
    height: 133px;
    background-color: #fff;
    margin-right: 15px;
    float: left;
    border: 1px solid #bababa !important;
}
div.topBody
{
    /*width: 600px;*/ /*float: left;*/
}
/*************************/
/* StartPage             */
/*************************/
#StartPage
{
}
#StartPage div.left
{
    width: 540px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
#StartPage #LeftContentArea
{
    width: 210px;
}
#StartPage #MiddleContentArea
{
    width: 320px;
    margin: 0;
}
#StartPageBanner
{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
#StartPage .dateAndWriter
{
    /*width: 22%;*/
}
#StartPage .itemContent
{
    width: 75%;
}
#StartPage img.topImage
{
    height: auto !important;
    width: auto !important;
}
ul.login
{
    margin: 10px 0 0 10px;
}
ul.login li
{
    list-style-image: none;
    list-style: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
ul.login label
{
    text-transform: uppercase;
    color: #666;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 0.9em;
    float: left;
    width: 60px;
}
ul.login input.textBox
{
    width: 135px;
    margin: 0;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    border: 1px solid #ccc;
    margin: 0px 2px 0px 0px;
}
.loginCheckBox
{
}
.loginCheckBox input
{
    width: 20px !important;
    border: none !important;
    float: left;
}
.loginCheckBox label
{
    margin: 2px 0 0 0 !important;
    width: 80px !important;
}
div.bannerText
{
    position: absolute;
    top: 55px;
    left: 30px;
    width: 250px;
    overflow: hidden;
}
div.bannerText h1
{
    font-size: 1.5em;
    color: #333;
    margin: 0;
    float: left;
}
ul.itemList
{
    margin: 0;
    padding: 10px 12px 0 12px;
    overflow: hidden;
    clear: both;
}
ul.itemList li
{
    font-size: 1em;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
ul.itemList li h2
{
    margin: 0 0 3px 0;
}
ul.itemList li p
{
    margin: 0;
}

/*************************/
/* Autocomplete          */
/*************************/
.list
{
    border: 1px solid DarkGray;
    list-style-type: none;
    margin: 0px;
    background-color: #EEEEEE;
    text-align: left;
    font-size: small;
    vertical-align: middle;
    color: black;
}

ul.list li
{
    padding: 0px 0px;
    margin: 0px !important;
}

.listitem
{
    color: #000;
}

.hoverlistitem
{
    background-color: White;
}

/*************************/
/* Image Listings         */
/*************************/
ul.imgList
{
    list-style: none;
    margin-left: 6px;
    margin-top: 6px;
    list-style-image: none;
    overflow: hidden;
    width: 185px;
}
ul.imgList li
{
    float: left;
    overflow: hidden;
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
}

ul.imgListLong
{
    list-style: none;
    margin-left: 6px;
    margin-top: 6px;
    list-style-image: none;
    overflow: hidden;
    width: 310px;
}
ul.imgListLong li
{
    float: left;
    overflow: hidden;
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.imgListThmb
{
    padding: 2px;
    background-color: #fff;
    float: left;
    overflow: hidden;
    border: 1px solid #bababa !important;
    width: 50px;
    height: 50px;
}
div.member-info
{
    /*width: 98%;*/
    overflow: hidden;
    padding-left: 2%;
    margin-top: 5px;
}
ul.imgList li div.member-info
{
    width: 190px;
}
div.member-info .imgListThmb
{
    /*width: 70px;*/
    margin-bottom: 5px;
    margin-right: 10px;
}
/*************************/
/* MyPage                */
/*************************/
#MyPage
{
}
div.personalBox, div.whiteBox
{
    /*margin-bottom: 10px;*/
    width: 100%;
    overflow: hidden;
}
div.personalBox div.gradientBg
{
    overflow: hidden;
    background: url(images/boxes/boxBg.png) repeat-x;
    padding: 5px;
}
div.personalBox div.headingContainer, div.whiteBox div.headingContainer
{
    padding-left: 16px;
    overflow: hidden;
}
div.personalBox div.headingContainer
{
    background: url(images/boxes/personalBoxLeftTop.png) left top no-repeat;
}
div.whiteBox div.headingContainer
{
    background: url(images/boxes/whiteboxLeft.png) left top no-repeat;
}
div.personalBox div.headingContainer span, div.whiteBox div.headingContainer span
{
    height: 6px;
    overflow: hidden;
    display: block;
    width: 100%;
}
div.personalBox div.headingContainer span
{
    background: url(images/boxes/personalBoxRightTop.png) right top no-repeat;
}
div.whiteBox div.headingContainer span
{
    background: url(images/boxes/whiteBoxRight.png) right top no-repeat;
}
div.personalInfo
{
    overflow: hidden;
    float: left;
    margin-left: 10px;
    font-size: 0.9em;
}
div.personalInfo ul
{
    list-style: none;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    list-style-image: none;
}
img.personalImg
{
    width: 120px;
    float: left;
    overflow: hidden;
    padding: 3px;
    border: 1px solid #bababa !important;
    background-color: White;
}
div.approveFriends
{
    overflow: hidden;
    margin: 5px 0 0 0;
}
#MyPage div.personalInfo
{
    width: 220px; /*width: 180px;*/
}
div.personalInfo h1
{
    color: #333;
}
/***MINIFEED***/
ul.activityList
{
    list-style-image: none;
    list-style: none;
    margin-left: 0;
    padding: 5px 5px 5px 11px;
    overflow: hidden;
}
ul.activityList li
{
    margin-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 19px;
}
ul.activityList li.message
{
    background: url(images/icons/feedBlog.png) left center no-repeat;
}
ul.activityList li.commented
{
    background: url(images/icons/feedCommented.png) left center no-repeat;
}
ul.activityList li.club
{
    background: url(images/icons/feedClub.png) left center no-repeat;
}
ul.activityList li.friends
{
    background: url(images/icons/feedFriend.png) left center no-repeat;
}
ul.activityList li.images
{
    background: url(images/icons/feedImages.png) left center no-repeat;
}
ul.activityList li.film
{
    background: url(images/icons/feedVideo.png) left center no-repeat;
}
ul.activityList li a
{
    font-weight: normal;
}
/********************/

#MyPage ul.partners
{
    margin: 0;
    list-style-image: none;
}
#MyPage ul.partners li
{
    /*background: url(images/defaultbullet.png) no-repeat left center;*/
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
}
#MyPage ul.partners li h2
{
    font-size: 1em;
}

#MyPage ul.blogEntries
{
    margin: 0;
    list-style-image: none;
}
#MyPage ul.blogEntries li
{
    /*background: url(images/defaultbullet.png) no-repeat left center;*/
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    display: block;
    overflow: hidden;
}
#MyPage ul.blogEntries li h2
{
    font-size: 1em;
}

ul.messages
{
    margin: 0;
    overflow: hidden;
    clear: both;
    list-style: none;
    list-style-image: none;
}
ul.messages li
{
    padding: 5px 12px 5px 12px;
    display: block;
    overflow: hidden;
    background-color: #fff;
}
ul.messages li.odd
{
    background-color: #f0f0f0;
}
ul.messages .imgListThmb
{
    margin-right: 10px;
}
div.messagePreview
{
    float: left;
    width: 70%;
}
div.singleMessageHeader
{
    background-color: #f0f0f0;
    margin-top: 20px;
    padding: 5px;
    overflow: hidden;
}
div.messageWriter
{
    float: left;
    width: 70%;
    margin-left: 2%;
}
div.menuBar
{
    background-color: #f0f0f0;
    padding: 5px 14px 5px 14px;
    height: 15px;
    margin-bottom: 3px;
}
/*************************/
/* BLOG                  */
/*************************/
ul.popularBlog
{
    font-size: .8em;
    list-style: none;
    overflow: hidden;
    margin: 0 0 0 5px;
    padding-top: 10px;
}
ul.popularBlog li
{
    overflow: hidden;
    list-style-image: none;
    margin-bottom: 5px;
}
ul.popularBlog h2
{
    margin: 3px 0 0 0;
}
div.blogShortInfo
{
    float: left;
    overflow: hidden;
    width: 138px;
    height: 60px;
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 5px;
    margin-left: 5px;
    background: url(images/boxes/dialogBox.png) no-repeat left;
}
div.comment, span.comment
{
    clear: both;
    color: #606060;
    overflow: hidden;
    font-size: 0.9em;
}
/* Tag links */
.tags
{
    overflow: hidden;
    clear: both;
}
.tags h2
{
    float: left;
    font-style: normal;
}
.tags ul
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tags li
{
    font-family: Verdana, Helvetica, Sans-Serif;
    list-style: none;
    list-style-image: none;
    float: left;
    margin-left: 0.5em;
}
/* Tag cloud */
div.tagCloud
{
    width: 100%;
    overflow: hidden;
    background: url(images/boxes/leftBorder.png) repeat-y left;
    margin-bottom: 10px;
}
.tagCloud .headingContainer
{
    background: url(images/boxes/boxHeaderLeft.png) no-repeat left top;
    height: 26px;
    overflow: hidden;
    clear: both;
    padding-left: 12px;
}

.tagCloud .headingContainer a
{
    color: #FFFFFF;
}

.tagCloud .headingContainer h2
{
    color: #fff;
    background: url(images/boxes/boxHeaderRight.png) no-repeat right top;
    padding-left: 5px;
    padding-top: 6px;
    font-size: 12px;
    height: 20px;
    margin: 0;
    font-weight: bold;
    overflow: hidden;
    text-transform: uppercase;
}
.tagCloudContent
{
    margin-bottom: -6px;
    overflow: hidden;
    padding: 0 4px 0 4px;
    background: url(images/boxes/rightBorder.png) repeat-y right;
}
.tagCloudBottom
{
    background: url(Images/Boxes/tagCloudBottomLeft.png) no-repeat left;
    padding-left: 12px;
    height: 51px;
}
.tagCloudBottom span
{
    background: url(Images/Boxes/tagCloudBottomRight.png) no-repeat right;
    display: block;
    height: 51px;
}
.tagCloud div.gradientBg
{
    background: url(images/boxes/boxBg.png) repeat-x;
    padding: 5px;
    min-height: 70px;
}
ul.tagCloud
{
    margin: 0;
    padding: 0 2px 2px 2px;
    text-align: center;
    min-height: 188px;
    overflow: hidden;
}
ul.tagCloud li
{
    display: inline;
    list-style: none;
    list-style-image: none;
    margin: 0 0.4em 0 0;
    vertical-align: baseline;
}
ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6
{
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Sans-Serif;
}
ul.tagCloud h1
{
    font-size: 1.5em;
    font-weight: 900;
}
ul.tagCloud h2
{
    font-size: 1.4em;
    font-weight: 700;
}
ul.tagCloud h2 a
{
    color: #333;
}
ul.tagCloud h3
{
    font-size: 1.3em;
    font-weight: 500;
}
ul.tagCloud h4
{
    font-size: 1.2em;
    font-weight: 400;
}
ul.tagCloud h5
{
    font-size: 1.1em;
    font-weight: 200;
}
ul.tagCloud h5 a
{
    color: #333;
}
ul.tagCloud h6
{
    font-size: 0.9em;
    font-weight: 100;
}
/* Date archive */
div.dateTree
{
    margin: 0;
    padding: 5px;
    overflow: hidden;
}
div.dateTree ul
{
    list-style-image: none;
    padding: 0;
    margin: 0;
}
div.dateTree ul ul
{
    margin: 0 0 0 0;
}
div.dateTree ul li
{
    background-image: none;
    margin: 0;
    padding: 0 0 0 0;
}
div.dateTree ul li ul li
{
    background-image: none;
    padding-left: 15px;
}
/* Comments */
ol.comments
{
    margin-bottom: 1.5em;
    padding: 0;
    margin: 0;
    list-style: none;
}
ol.comments li
{
    padding-bottom: 1.2em;
    margin-bottom: 1.2em;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}
ol.comments div.dateAndWriter
{
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    width: 12%;
    overflow: hidden;
}
ol.comments div.itemContent
{
    float: left;
    width: 85%;
    overflow: hidden;
}
ol.comments h3
{
    margin-top: 0;
}
ol.comments .footer
{
    margin-top: 0.4em;
    text-align: right;
}
ol.comments .footer h2
{
    margin: 0.5em 0;
    margin-top: 0.2em;
    font-size: 1.1em;
    font-style: italic;
}
ol.comments .footer a
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-style: normal;
}
/* Post comment */
fieldset.comment
{
}
fieldset.comment ul
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-style: normal;
    font-size: 0.8em;
    background-color: #eeeeee;
    margin: 1em 0;
    padding: 1em;
}
/*************************/
/* Images/Videos         */
/*************************/
table.itemContainer
{
    margin: 5px 5px 0 5px;
    overflow: hidden;
}
table.itemContainer tbody
{
    padding-top: 10px;
}
table.itemContainer tr
{
}
table.itemContainer td
{
    padding: 5px;
    width: 110px;
    vertical-align: bottom;
}
table.itemContainer.clubs .imgListThmb
{
    float: none;
}
table.itemContainer.galleries td, table.itemContainer.videos td, table.itemContainer td.members
{
    vertical-align: top;
    width: 105px;
    padding: 10px;
}
table.itemContainer.clubs td
{
    width: 70px;
    padding: 0 0 3px 0;
}
table.itemContainer td div.galleryListContent
{
    text-align: left;
}
div.galleryScroll
{
    float: right;
    height: 14px;
    margin-bottom: 5px;
    overflow: hidden;
}
h1.galleryScrollHeading
{
    color: #fff;
    margin: 0;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 900;
    float: left;
    position: relative;
    top: -7px;
    left: 0px;
}
ul.scrollArrows
{
    overflow: hidden;
}
ul.scrollArrows li
{
    height: 14px;
    width: 17px;
    float: left;
    overflow: hidden;
    display: block;
    margin-left: 10px;
}
ul.galleryList
{
    min-height: 100px;
    overflow: hidden;
    margin-left: 0;
    clear: both;
}
ul.galleryList li
{
    float: left;
    border: 2px solid transparent;
    padding: 3px;
    overflow: hidden;
    display: inline;
    margin-right: 5px;
}
ul.galleryList li.selected
{
    border: 2px solid #faa61b;
    padding: 3px;
}
ul.galleryList a
{
    overflow: hidden;
    float: left;
}
a.arrowGallery
{
    font-weight: bold;
    font-size: 2em;
}
img.galleryImg
{
    padding: 4px;
    background-color: #fff;
    border: 1px solid #BABABA !important;
}
img.galleryImg:hover
{
    border: 1px solid #333;
}
img.galleryImg.large
{
    overflow: hidden;
    margin-bottom: 10px;
}
img.galleryImg.large:hover
{
    border: 1px solid #BABABA;
}
input.uploadButton
{
    width: 57px !important;
    height: 23px;
    border: none !important;
    float: left !important;
    color: #444;
    overflow: hidden;
    margin-left: 10px !important;
    font-size: 12px;
    padding: 0;
    background: transparent url(images/buttons/button.png) no-repeat top;
}
/*************************/
/* Clubs and Tabs        */
/*************************/
#ClubMenuArea
{
    padding-left: 2px;
    background: url(images/boxes/clubmenuarealeft.png) left no-repeat;
    height: 67px;
    margin-bottom: 20px;
    overflow: hidden;
}
#ClubMenu
{
    background: url(images/boxes/clubmenuarearight.png) right no-repeat;
    height: 67px;
    overflow: hidden;
    margin-bottom: 10px;
}
#ClubMenu h1
{
    float: left;
    margin: 0;
    font-weight: bold;
}
#ClubHeader
{
    padding: 10px 10px 0 10px;
    color: #fff;
    overflow: hidden;
}
div.tabContainer
{
    overflow: hidden; /*margin-top: -19px;*/
    margin-left: 10px;
}
#ClubMenu ul, div.tabContainer ul
{
    overflow: hidden;
    float: left;
    clear: both;
    margin: 13px 0 0 0;
    list-style-image: none;
    list-style: none;
}
#ClubMenu ul
{
}
div.tabContainer ul
{
    margin: 0;
}
#ClubMenu li, div.tabContainer li
{
    float: left;
    background: url(images/boxes/clubmenuright.png) right bottom no-repeat;
    height: 24px;
    margin-right: 1px;
}
div.tabContainer li
{
    background: url(images/boxes/boxTabRight.png) right top no-repeat;
    height: 19px !important;
    margin-right: 2px !important;
}
#ClubMenu li.selected
{
    background-position: right top;
}
#ClubMenu li.selected a
{
    background-position: left top;
}
div.tabContainer li.selected
{
    background-position: right bottom;
}
div.tabContainer li.selected a
{
    background-position: left bottom;
    color: #333;
}
#ClubMenu li a, div.tabContainer li a
{
    font-weight: bold;
    text-align: center;
    background: url(images/boxes/clubmenuleft.png) left bottom no-repeat;
    display: block;
    height: 19px;
    padding: 5px 10px 0 10px;
    color: #333;
}
div.tabContainer li a
{
    background: url(images/boxes/boxTabLeft.png) left top no-repeat;
    height: 17px !important;
    color: #fff;
    padding-top: 2px !important;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 0;
}
#ClubMenu li:hover
{
    background-position: right top;
}
div.tabContainer li:hover
{
    background-position: right bottom;
}
#ClubMenu li a:hover
{
    background-position: 0 top;
}
div.tabContainer li a:hover
{
    background-position: 0 bottom;
    color: #333;
}
li.clubInfo
{
    background: url(/Templates/RelatePlus/Styles/Images/icons/Information_indication.png) left top no-repeat;
    padding: 0 0 10px 25px;
}
span.clubInfo
{
    color: #666;
    font-weight: bold;
}
.calendarHeading
{
    font-weight: bold;
    color: #333;
    font-size: 1.1em;
}
.calendarText
{
    color: #333;
}
.calendarText a
{
    color: #025897 !important;
    font-weight: bold;
    font-size: 1.1em;
}
.calendarText td
{
    height: 20px;
    border: 1px solid transparent;
}
.calendarOtherDay a
{
    color: #999 !important;
}
.daySelected a
{
    background-color: #fff !important;
    padding: 4px;
    border: 1px solid #999 !important;
    overflow: hidden;
    float: left;
}
li.appliedMembers
{
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
li.appliedMembers div.comment
{
    margin: 0;
}
li.appliedMembers h2
{
    margin: 0;
}
div.description
{
    margin: 5px 0 5px 0;
}
input.timeOfMonth
{
    width: 90px !important;
}
input.timeOfDay
{
    width: 50px !important;
}
/****AJAX Calendar****/
.ajax__calendar_body
{
    overflow: hidden;
}
.ajax__calendar_body
{
    overflow: hidden;
    border: none;
}
.ajax__calendar_container
{
    background: url('images/box_bg_170.gif') right top;
    border: solid 1px black;
    z-index: 10002;
    overflow: hidden;
}
.ajax__calendar_hover
{
    background-color: transparent;
    color: #333;
    padding: 0;
    margin: 0;
}
.ajax__calendar_days .ajax__calendar_active
{
    background-color: #FFFEE4;
    color: #FEC208;
    border: solid 1px #FEC208;
    padding: 0;
    margin: 0;
}
.ajax__calendar_hover .ajax__calendar_title, .ajax__calendar_hover .ajax__calendar_next, .ajax__calendar_hover .ajax__calendar_prev, .ajax__calendar_footer
{
    background-color: transparent;
    color: #666666;
    padding: 0;
    margin: 0;
}
.ajax__calendar_other
{
    color: #999999;
}
.ajax__calendar_footer
{
    margin: 5px 0 0 0;
}
.ajax__calendar_day
{
    border-right: transparent 1px solid;
    border-top: transparent 1px solid;
    border-left: transparent 1px solid;
    border-bottom: transparent 1px solid;
}
/*************************/
/* Extras                */
/*************************/
.padding5x5
{
    padding: 5px;
    overflow: hidden;
}
ul.arrowLinks
{
    float: left;
    font-size: 0.9em;
    margin-top: 10px;
    text-align: left;
    width: 100%;
}
ul.arrowLinks.alt li
{
    float: left;
}
ul.arrowLinks li
{
    background: url('Images/DefaultBulletSmall.png') center left no-repeat;
    padding-left: 10px;
    margin: 0 5px 0 0;
    float: right;
}
div.services
{
    margin: 10px 0 10px 0;
    overflow: hidden;
    float: left;
    width: 100%;
}
#MyPage div.services
{
    margin: 0 0 10px 0;
    font-size: 1.1em;
}
div.validation
{
    float: left;
}
div.valMessage
{
    /*clear: both;*/
}
.odd
{
    background-color: #f0f0f0;
}
div.skypeIcon
{
    float: left;
    margin-right: 10px;
}
div.msnIcon
{
    float: left;
}
.smallText
{
    color: #606060;
    float: left;
    font-size: 0.9em;
}
span.requested
{
    font-style: italic;
    font-weight: bold;
}
span.tagInformation
{
    clear: both;
    display: block;
    font-style: italic;
    color: #606060;
    font-size: 0.9em;
}
span.bold
{
    font-weight: bold;
}
.overflowhidden
{
    overflow: hidden;
}
.floatright
{
    float: right;
    overflow: hidden;
}
.floatleft
{
    float: left;
    overflow: hidden;
}
.alignLeft
{
    text-align: left !important;
}
.clearboth
{
    clear: both;
    width: 100%;
}
/*************************/
/* POPUPs and MySettings */
/*************************/
#PopUp
{
    overflow: hidden;
    width: 100%;
}
#PopUp .mainInfoBox .headingContainer
{
    position: relative;
    background: transparent url(images/boxes/boxHeaderLeft.png) no-repeat scroll left top;
}
#MySettings
{
    overflow: hidden;
    width: 100%;
}
div.intaract
{
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EAEAEA;
}
div.interactInfo
{
    margin-left: 5px;
    width: 145px;
    float: left;
    overflow: hidden;
}
img.msnImage
{
    float: left;
    margin-top: 15px;
}
#MySettings h1
{
    font-size: 1.7em;
    margin-left: 10px;
    margin-top: 20px;
}
#PopUp.reply
{
    width: 300px;
}
.popUpBg
{
    overflow: hidden;
    background-color: #fff;
}
#PopUp fieldset, #MySettings fieldset
{
    border: none;
    background-color: #fff;
    overflow: hidden;
}
#PopUp fieldset.popUp
{
    padding: 2%;
    margin: 0;
}
#MySettings fieldset.mySettings
{
    padding: 0;
    width: 100%;
}
#PopUp legend, #MySettings legend
{
    color: red;
    font-style: italic;
    overflow: hidden;
    padding: 10px 0 0 15px;
}
#PopUp fieldset.popUp ul
{
    margin: 0;
    list-style-image: none;
}
fieldset.mySettings ul
{
    margin: 20px;
}
fieldset.createEvent ul
{
    margin: 5px;
}
fieldset.popUp li, fieldset.createEvent li
{
    list-style: none;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 5px;
}

fieldset.mySettings li
{
    list-style: none;
    overflow: hidden;
    padding: 5px;
}

fieldset.mySettings li.heading
{
    color: #004A80;
    font-size: 12px;
    font-weight: bold;
    padding-top: 20px;
}

fieldset.createEvent li
{
    padding: 0;
}
div.imageSelect
{
    background-color: #eaeaea;
    padding: 10px 0 10px 15px;
    overflow: hidden;
    margin-bottom: 10px;
}
div.imageSelect label
{
    text-align: left !important;
    width: 100% !important;
}
div.imageSelect input
{
    float: none !important;
    margin: 0px 0 3px 0 !important;
}
div.imageSelect input
{
}
div.imageSelect div.newImage
{
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}
div.newImage span.removeImage input
{
    width: auto !important;
    border: none !important;
    clear: both;
    margin: 0 5px 0 0 !important;
}
div.newImage span.removeImage label
{
    float: none !important;
    width: auto !important;
    margin: 0 0 2px 0 !important;
}
img.newImage
{
    padding: 2px;
    width: 100px;
    background-color: transparent;
    float: left;
    overflow: hidden;
    border: 1px solid #bababa !important;
}
#PopUp h3
{
    color: #004a80;
    font-style: italic;
}
#PopUp label, fieldset.mySettings label
{
    color: #004a80;
    float: left;
    overflow: hidden;
    margin-top: 3px;
    margin-right: 15px;
    font-weight: bold;
}
ul.register label
{
    width: 110px;
    text-align: right;
}
fieldset.mySettings label, fieldset.mySettings span.passReq, fieldset.createEvent label
{
    text-align: right;
    width: 110px;
}
label.video
{
    width: 60px;
}
fieldset.mySettings span.passReq
{
    overflow: hidden;
    float: left;
    clear: both;
}
fieldset.mySettings input
{
    float: left;
}
fieldset.createEvent input
{
}
fieldset.mySettings input.file, fieldset.createEvent input.file
{
    margin-top: 20px;
    width: 17em !important;
}
#PopUp select, #MySettings select
{
    border: 1px solid #ccc;
    margin-right: 10px;
    float: left;
}
#MySettings select.category
{
    width: 15em;
}
#PopUp label span
{
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
}
#PopUp input, #MySettings input
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 2px 0px 0px;
    width: 220px;
}
#PopUp input.text, #MySettings input.text
{
    border: 1px solid #ccc;
}
span.radioButton
{
    margin-right: 5px;
    float: left;
}
span.radioButton label
{
    float: none !important;
    color: #000 !important;
    width: auto !important;
}
span.radioButton input
{
    width: auto !important;
    float: left;
    border: none !important;
}
#PopUp textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    float: right;
    border: 1px solid #ccc;
    width: 220px;
    height: 250px;
    background-color: transparent;
}
#PopUp textarea.textBox
{
    width: 99%;
}
#PopUp a.close
{
    color: #fff;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 1em;
    font-weight: bold;
    text-transform: none;
}
.modalPopUpHost
{
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    visibility: hidden;
}
.modalPopUpCover
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 1000;
}
.modalPopUpContentWrapper
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}
.modalPopUp
{
    position: absolute;
    left: 50%;
    top: 100px;
}
/*************************/
/* Rating                */
/*************************/
div.ratingContainer
{
    float: left;
    margin: 4px 0 0 4px;
}
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 9px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    float: right;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(Images/icons/rating_filled.png);
}
.emptyRatingStar
{
    background-image: url(Images/icons/rating_notfilled.png);
}
.savedRatingStar
{
    background-image: url(Images/icons/rating_red.png);
}
ul.rating
{
    background: url(images/icons/rating.png) no-repeat;
    width: 65px;
    margin: 0;
    height: 9px;
    float: left;
    margin: 3px 0 0 5px;
    vertical-align: middle;
    list-style: none;
}
ul.rating li
{
    float: left;
    width: 9px;
    margin-right: 4px;
}
ul.rating li span
{
    background: url(images/icons/rating_filled.png) no-repeat;
    overflow: hidden;
    width: 9px;
    height: 9px;
    float: left;
    display: block;
}
/*************************/
/* Pagination            */
/*************************/
.pagination
{
    clear: both;
    margin: 10px 15px 5px 0px;
    padding: 2px;
    text-align: right;
}
a.numericButton
{
    background-color: #BFBFBF;
    border: 1px solid #999 !important;
    color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}
a.numericButton:hover
{
    background-color: #C0DFFF;
    border-color: #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333 !important;
    text-decoration: none;
}
.pagination a
{
    margin-left: 2px;
    border-bottom: 1px solid #CCCCCC;
    text-decoration: none;
}
.pagination a:hover
{
    color: #ccc;
    border-bottom: 1px solid #004A80;
}
.pagination span
{
    background-color: #4692BF;
    border: 1px solid #999;
    color: #FFFFFF;
    margin-left: 2px;
    padding: 1px 2px 1px 2px;
}

.ieDefault
{
    text-decoration: none;
}

.ieDefaultHover
{
    text-decoration: underline;
    cursor: pointer;
}

/* File listing */
.workroomFilelist
{
}

.workroomFilelist .containerContent
{
    display: block;
    padding: 3px;
    padding-top: 7px;
}

.workroomFilelist ul
{
    list-style-type: none;
    list-style-image: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.workroomFilelist li
{
    font-family: Verdana, Helvetica, Sans-Serif;
    clear: both;
    padding: 2px 5px 2px 7px;
    overflow: hidden;
}

.workroomFilelist li.even
{
    background: transparent;
}

.workroomFilelist li.uneven
{
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    background-color: #ebf0f3;
}

.workroomFilelist .document
{
    float: left;
}

.workroomFilelist .date
{
    font-size: 0.8em;
    line-height: 2em;
    float: right;
    min-width: 9em;
}

/*************************/
/* DOCUMENTS             */
/*************************/

#MainBody.documentList ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#MainBody.documentList li
{
    clear: both;
}

#MainBody.documentList .download
{
    float: right;
}

.documentList a, .document
{
    padding: 0 0 2px 20px;
    background-image: url(images/extensions/default.gif);
    background-repeat: no-repeat;
    line-height: 1.4em;
}

.folder
{
    padding: 0 0 2px 20px;
    background-image: url(images/filemanager/folder.png);
    background-repeat: no-repeat;
    line-height: 1.4em;
}
.folderup
{
    padding: 0 0 2px 20px;
    background-image: url(images/filemanager/folderup.png);
    background-repeat: no-repeat;
    line-height: 1.4em;
}


.bmpExtension
{
    background-image: url(images/extensions/bmp.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.docExtension
{
    background-image: url(images/extensions/doc.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.gifExtension
{
    background-image: url(images/extensions/gif.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.htmExtension, .htmlExtension
{
    background-image: url(images/extensions/htm.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.jpgExtension, .jpegExtension
{
    background-image: url(images/extensions/jpg.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.mp3Extension
{
    background-image: url(images/extensions/mp3.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.mpgExtension
{
    background-image: url(images/extensions/mpg.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.pdfExtension
{
    background-image: url(images/extensions/pdf.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.pngExtension
{
    background-image: url(images/extensions/png.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.pptExtension
{
    background-image: url(images/extensions/ppt.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.tifExtension, .tiffExtension
{
    background-image: url(images/extensions/tif.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.txtExtension
{
    background-image: url(images/extensions/txt.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.wavExtension
{
    background-image: url(images/extensions/wav.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.xlsExtension
{
    background-image: url(images/extensions/xls.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}
.zipExtension
{
    background-image: url(images/extensions/zip.gif);
    background-repeat: no-repeat;
    padding: 0 0 2px 20px;
    line-height: 1.4em;
}

/**********************************/
/*   File Manager                 */
/**********************************/

div.filemanager
{
}

.filetree
{
    margin-top: .6em;
    margin-bottom: 1em;
}

.filetree td
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.filetree td a
{
    padding: .1em .2em;
}

.filetree td.selectednode a
{
    font-weight: bold;
}

/**********************************/
/*   File Manager Control         */
/**********************************/
div.filemanagercontrol
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    padding-left: 8px;
}

div.filemanagercontrol h1, div.filemanagercontrol h2, div.filemanagercontrol h3, div.filemanagercontrol h4
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
div.filemanagercontrol h1
{
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0;
    margin: 0.3em 0em 0.2em 0em;
}
div.filemanagercontrol h2
{
    font-weight: normal;
    font-style: normal;
    font-size: 1.2em;
    padding: 0;
    margin: 0.2em 0em;
}
div.filemanagercontrol h3
{
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}
div.filemanagercontrol h4
{
    font-weight: bold;
    font-size: 0.9em;
    padding: 0;
    margin: 0.4em 0em;
}

div.filemanagercontrol p
{
    margin: 0.3em 0em 0.4em 0;
}
div.filemanagercontrol fieldset
{
    margin: -0.5em 0.8em 1em 0.2em;
}
div.filemanagercontrol label
{
    display: block;
    padding-top: 0.3em;
    float: left;
    width: 7em;
}


div.filemanagercontrol .toolbar
{
    background: url(images/filemanager/toolbarbg.png) no-repeat;
    padding: 7px;
}
div.filemanagercontrol .toolbarbuttonarea
{
    overflow: hidden;
    width: 100%;
    padding-bottom: 0.1em;
    clear: both;
    text-align: center;
}

div.filemanagercontrol .toolbarbuttonsectionleft, div.filemanagercontrol .toolbarbuttonsectionright
{
    overflow: hidden;
    float: left;
}

div.filemanagercontrol .toolbarbuttonsectionleft
{
    padding-right: 0.3em;
    margin-right: 0.3em;
    border-right: dotted 1px #aaa;
}

div.filemanagercontrol .toolbarbuttonsectionright
{
    padding-left: 0.3em;
    margin-left: 0.3em;
    border-left: dotted 1px #aaa;
}

div.filemanagercontrol .toolbarmessage
{
    margin-left: 0.4em;
    color: #ff6600;
}

div.filemanagercontrol .crumbs
{
    color: #006ea0;
    font-size: 0.9em;
    background: url(images/filemanager/toolbarcrumbsbg.png) no-repeat;
    padding: 0.3em;
    padding-left: 1.1em;
}

div.filemanagercontrol .validator ul
{
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    margin-left: 0.4em;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em;
}

div.filemanagercontrol .body
{
    border: 1px solid #DCDCDC;
    min-height: 400px;
    overflow: hidden;
    width: 663px;
}

div.filemanagercontrol .body .leftpanel, div.filemanagercontrol .body .rightpanel
{
    overflow: auto;
    padding-top: 0.7em;
}
div.filemanagercontrol .body .leftpanel
{
    float: left;
    width: 23%;
    border-right: 1px solid #DCDCDC;
}
div.filemanagercontrol .body .rightpanel
{
    width: 100%;
}

div.filemanagercontrol a
{
    text-decoration: none;
    color: #3e3e3e;
    border: 0;
}

div.filemanagercontrol .toolbar a
{
    font-family: Helvetica, "Trebuchet MS" , Verdana, Arial, Sans-Serif;
    text-decoration: none;
    color: #3e3e3e;
    border: 0;
    min-width: 3.8em;
    max-width: 5.2em;
}

* html div.filemanagercontrol .toolbar a
{
    font-family: Helvetica, "Trebuchet MS" , Verdana, Arial, Sans-Serif;
    text-decoration: none;
    color: #3e3e3e;
    border: 0;
    width: 4.1em;
}

/* --------------- */
/* ToolBar BUTTONS */
/* --------------- */

div.filemanagercontrol .toolbar a[disabled="disabled"], div.filemanagercontrol .toolbar a:hover.addfile_dis, div.filemanagercontrol .toolbar a:hover.addfolder_dis, div.filemanagercontrol .toolbar a:hover.copy_dis, div.filemanagercontrol .toolbar a:hover.cut_dis, div.filemanagercontrol .toolbar a:hover.checkin_dis, div.filemanagercontrol .toolbar a:hover.checkout_dis, div.filemanagercontrol .toolbar a:hover.undocheckout_dis, div.filemanagercontrol .toolbar a:hover.delete_dis, div.filemanagercontrol .toolbar a:hover.details_dis, div.filemanagercontrol .toolbar a:hover.paste_dis, div.filemanagercontrol .toolbar a:hover.rename_dis, div.filemanagercontrol .toolbar a:hover.version_dis
{
    color: #888;
    text-decoration: none;
    border: 0;
}

.toolbar a.addfile_dis, .toolbar a.addfolder_dis, .toolbar a.copy_dis, .toolbar a.cut_dis, .toolbar a.checkin_dis, .toolbar a.checkout_dis, .toolbar a.undocheckout_dis, .toolbar a.delete_dis, .toolbar a.details_dis, .toolbar a.paste_dis, .toolbar a.rename_dis, .toolbar a.version_dis
{
    color: #888;
    display: block;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 0.8em;
    line-height: 1.6em;
    text-align: center;
    padding-top: 18px;
    margin: 0 0.4em;
    text-decoration: none;
    border: 0;
}

div.filemanagercontrol a:hover
{
    color: #000;
    text-decoration: none;
    border-bottom: dotted 1px #888;
    background-color: transparent;
}

.toolbar a.addfile, .toolbar a.addfolder, .toolbar a.copy, .toolbar a.cut, .toolbar a.checkin, .toolbar a.checkout, .toolbar a.undocheckout, .toolbar a.delete, .toolbar a.details, .toolbar a.paste, .toolbar a.rename, .toolbar a.version
{
    display: block;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 0.8em;
    line-height: 1.6em;
    text-align: center;
    padding-top: 18px;
    margin: 0 0.4em;
    color: #000;
    border: 0;
}

* html .toolbar a
{
    letter-spacing: -0.1em;
}

div.filemanagercontrol .toolbar a:hover
{
    color: #004A80;
    background-color: Transparent;
    text-decoration: none;
    border: 0;
}


div.filemanagercontrol a.addfile
{
    background-image: url(images/filemanager/buttonaddfile_off.png);
}
div.filemanagercontrol a.addfolder
{
    background-image: url(images/filemanager/buttonaddfolder_off.png);
}
div.filemanagercontrol a.copy
{
    background-image: url(images/filemanager/buttoncopy_off.png);
}
div.filemanagercontrol a.cut
{
    background-image: url(images/filemanager/buttoncut_off.png);
}
div.filemanagercontrol a.checkin
{
    background-image: url(images/filemanager/buttoncheckin_off.png);
}
div.filemanagercontrol a.checkout
{
    background-image: url(images/filemanager/buttoncheckout_off.png);
}
div.filemanagercontrol a.undocheckout
{
    background-image: url(images/filemanager/buttonundocheckout_off.png);
}
div.filemanagercontrol a.delete
{
    background-image: url(images/filemanager/buttondelete_off.png);
}
div.filemanagercontrol a.details
{
    background-image: url(images/filemanager/buttondetails_off.png);
}
div.filemanagercontrol a.paste
{
    background-image: url(images/filemanager/buttonpaste_off.png);
}
div.filemanagercontrol a.rename
{
    background-image: url(images/filemanager/buttonrename_off.png);
}
div.filemanagercontrol a.view
{
    background-image: url(images/filemanager/buttonview_off.png);
}
div.filemanagercontrol a.version
{
    background-image: url(images/filemanager/buttonversion_off.png);
}
div.filemanagercontrol a:hover.addfile
{
    background-image: url(images/filemanager/buttonaddfile_on.png);
}
div.filemanagercontrol a:hover.addfolder
{
    background-image: url(images/filemanager/buttonaddfolder_on.png);
}
div.filemanagercontrol a:hover.copy
{
    background-image: url(images/filemanager/buttoncopy_on.png);
}
div.filemanagercontrol a:hover.cut
{
    background-image: url(images/filemanager/buttoncut_on.png);
}
div.filemanagercontrol a:hover.checkin
{
    background-image: url(images/filemanager/buttoncheckin_on.png);
}
div.filemanagercontrol a:hover.checkout
{
    background-image: url(images/filemanager/buttoncheckout_on.png);
}
div.filemanagercontrol a:hover.undocheckout
{
    background-image: url(images/filemanager/buttonundocheckout_on.png);
}
div.filemanagercontrol a:hover.delete
{
    background-image: url(images/filemanager/buttondelete_on.png);
}
div.filemanagercontrol a:hover.details
{
    background-image: url(images/filemanager/buttondetails_on.png);
}
div.filemanagercontrol a:hover.paste
{
    background-image: url(images/filemanager/buttonpaste_on.png);
}
div.filemanagercontrol a:hover.rename
{
    background-image: url(images/filemanager/buttonrename_on.png);
}
div.filemanagercontrol a:hover.view
{
    background-image: url(images/filemanager/buttonview_on.png);
}
div.filemanagercontrol a:hover.version
{
    background-image: url(images/filemanager/buttonversion_on.png);
}


div.filemanagercontrol a.addfile_dis
{
    background-image: url(images/filemanager/buttonaddfile_dis.png);
}
div.filemanagercontrol a.addfolder_dis
{
    background-image: url(images/filemanager/buttonaddfolder_dis.png);
}
div.filemanagercontrol a.copy_dis
{
    background-image: url(images/filemanager/buttoncopy_dis.png);
}
div.filemanagercontrol a.cut_dis
{
    background-image: url(images/filemanager/buttoncut_dis.png);
}
div.filemanagercontrol a.checkin_dis
{
    background-image: url(images/filemanager/buttoncheckin_dis.png);
}
div.filemanagercontrol a.checkout_dis
{
    background-image: url(images/filemanager/buttoncheckout_dis.png);
}
div.filemanagercontrol a.undocheckout_dis
{
    background-image: url(images/filemanager/buttonundocheckout_dis.png);
}
div.filemanagercontrol a.delete_dis
{
    background-image: url(images/filemanager/buttondelete_dis.png);
}
div.filemanagercontrol a.details_dis
{
    background-image: url(images/filemanager/buttondetails_dis.png);
}
div.filemanagercontrol a.paste_dis
{
    background-image: url(images/filemanager/buttonpaste_dis.png);
}
div.filemanagercontrol a.rename_dis
{
    background-image: url(images/filemanager/buttonrename_dis.png);
}
div.filemanagercontrol a.view_dis
{
    background-image: url(images/filemanager/buttonview_dis.png);
}
div.filemanagercontrol a.version_dis
{
    background-image: url(images/filemanager/buttonversion_dis.png);
}

div.filemanagercontrol ul.folderlist
{
    list-style-type: none;
    list-style-image: none;
    margin: 0em 0 0 0.8em;
    padding: 0;
}
div.filemanagercontrol ul.folderlist li
{
    background-image: url(images/filemanager/folder.png);
    background-repeat: no-repeat;
    padding-left: 1.7em;
}
div.filemanagercontrol ul.folderlist li.parent
{
    background-image: url(images/filemanager/folderup.png);
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

div.filemanagercontrol table.fileList
{
    width: 98%;
    border-collapse: collapse;
    margin: 0;
}

div.filemanagercontrol table.fileList tr.selected
{
    background-color: #eee;
}

div.filemanagercontrol .fileList th
{
    border-bottom: 1px solid #DCDCDC;
    padding: 0 1em 0.3em 1em;
}

div.filemanagercontrol .fileList th a, div.filemanagercontrol .crumbs a
{
    border-bottom: dotted 1px #888;
}

div.filemanagercontrol .fileList th a:hover, div.filemanagercontrol .crumbs a:hover
{
    border-bottom: none;
}

div.filemanagercontrol .fileList td
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    padding-top: 0.3em;
    padding-right: 15px;
}

div.filemanagercontrol .fileList td a
{
    padding: 3px 0 2px 20px;
    line-height: 1.4em;
}
div.filemanagercontrol ul.documentList
{
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 1em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    padding-top: 0.3em;
}

/* File summary css styling */
/* Applied to override what is in the filesummary.config */
div.filemanagercontrol fieldset.editfilesummary
{
}

div.filemanagercontrol .editfilesummary p
{
    padding-left: 20.3em;
}
div.filemanagercontrol fieldset.editfilesummary fieldset
{
    margin-top: 0.2em;
}
div.filemanagercontrol fieldset.editfilesummary label
{
    float: none;
    display: inline;
    width: auto;
}
div.filemanagercontrol fieldset.editfilesummary td
{
    vertical-align: top;
    padding-top: 0.3em;
    width: 20em;
}

div.filemanagercontrol fieldset.editfilesummary a
{
    cursor: text;
    text-decoration: none;
    color: #606060;
}

div.filemanagercontrol fieldset.editfilesummary a:hover
{
    background: none;
}

.sort
{
    padding: 0 0 2px 14px;
    line-height: 1.2em;
}

.Ascending
{
    background-image: url(images/Filemanager/ascending.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 2px 14px;
    line-height: 1.2em;
}
.Descending
{
    background-image: url(images/Filemanager/descending.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 2px 14px;
    line-height: 1.2em;
}