/***************************************************************************

	Name:		pirat.css
    Site:		PIRAT TV - http://www.dr.dk/pirat
	Author:		Bjarni Olsen
	Date:		april-juli 2009

	Table of Contents:
	=================

	1 - =GLOBAL SETTINGS
	2 - =GRID LAYOUT
		2.1 - =Header navigation
		2.2 - =Pages
			2.2.1 - =shared styles
			2.2.2 - =startPage
			2.2.3 - =ShowClip
			2.2.4 - =blogListPage
			2.2.5 - =blogPostPage
			2.2.6 - =searchPage
			2.2.7 - =categoryPage
			2.2.8 - =showPage
            2.2.9 - =pagination
            2.2.10 - =blogEdit
            2.2.11 - =omPiratTV
        2.3 - =Playlists
            2.3.1 - =clipPlaylist
            2.3.2 - =relatedClips
	3 - =SPOTS
		3.1 - =Spot framework
	4 - =SSO POPUP OVERLAY
		4.1 - =Overlay
    5 - =MOOEDITABLE
        5.1 - =Default MooEditable styles
        5.2 - =Overriden MooEditable styles
    6 - =ADDTHIS
    7 - =AUTOCOMPLETER
    8 - =PIRATNOTIFIER

****************************************************************************/

/***************************************************************************
1 - =GLOBAL SETTINGS
****************************************************************************/
body {
	margin: 0;
	padding: 0;
	font: 11px verdana, arial, sans-serif;
	line-height: 16px;
	background-color: #000;
	color: #fff; }

a:link    { color: #fff; }
a:active  { color: #fff; }
a:visited { color: #fff; }
a:hover   { color: #fff; }
a:active, a:focus {}

q:before, q:after { content: ""; }

q {
	font-weight: normal;
	font-size: 10px;
	color: #ccc; }

.clear { 
	clear: both;
	height: 0; }

/***************************************************************************
2 - =GRID LAYOUT
****************************************************************************/
.headerWrapper { 
	height: 58px;
	background: url(../Images/headerBGny.gif) repeat-x; }

.headerWrapper h1 {
    width: 935px;
    height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	text-indent: -9999px;
	background: url(../Images/piratTVlogo.gif) no-repeat 0 60%; }

.headerWrapper h1 a {
    display: block;
    width: 150px;
    height: 100%; }

.navigationWrapper {
    position: relative;
	z-index: 2;
    height: 35px;
    text-align: center;
	background: url(../Images/navigationBG.gif) repeat-x; }

.pageWrapper { margin-top: 10px; }

#header,
.page {
    position: relative;
	width: 935px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
    z-index: 1 }

/*
2.1 - =Header navigation
*****************************************/
#header,
#header ul,
#header li,
#header li a { height: 35px; } 

#header ul { position: relative; }

#header li { position: absolute; top: 0; }

#header li a { position: relative; outline: none; }

/*
li#frontMenu {
	left: 0;
	width: 128px;
	background: url(../Images/piratTV.gif) no-repeat 0 50%;
	text-indent: -9999px;
	overflow: hidden; }

li#frontMenu a {
    display: block;
    width: 128px; }
*/

li#categoryMenu {
	left: -15px; /*192px*/
	width: 93px;
	text-indent: -9999px; }

li#categoryMenu a:hover { background-position: 0 -35px; }

a.HeaderCategory {
    display: block;
	height: 35px;
	padding: 0 10px;
	background: url(../Images/HeaderCategory2.gif) no-repeat; }

a.HeaderCategoryHover { background-position: 0 -35px; }

/*category/show dropdown*/
#categoryMenu ul.atStart,
#showMenu ul.atStart {
	visibility: hidden;
    width: 155px;
    margin: 0;
    padding: 10px;
    background: transparent url(../Images/dropdown.png) no-repeat left bottom; }

#categoryMenu ul.atStart li,
#showMenu ul.atStart li {
    position: static;
    display: block;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0 5px;
	text-indent: 0;
	overflow: hidden; }

#categoryMenu ul.atStart li.seperatorMenu {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #222; }

#categoryMenu ul.atStart li.lastItem,
#showMenu ul.atStart li.lastItem { padding-bottom: 10px; }

#categoryMenu ul.atStart li a,
#showMenu ul.atStart li a { 
    display: block;
    margin: 0;
	padding: 0;
	height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    background: none; }

#categoryMenu ul.atStart li a:hover,
#showMenu ul.atStart li a:hover { text-decoration: underline; }

li#showMenu {
	left: 69px; /*275px*/
	width: 106px;
	text-indent: -9999px; }

li#showMenu a:hover { background-position: 0 -35px; }

li#showMenu a.HeaderCategory { 
    display: block;
	height: 35px;
	padding: 0 10px;
	background: url(../Images/HeaderShows2.gif) no-repeat; }

li#showMenu a.HeaderCategoryHover { background-position: 0 -35px; }

li#nyhedernavMenu {
	left: 171px; /*385px*/
	width: 75px;	
	text-indent: -9999px;
	overflow: hidden; }

li#nyhedernavMenu a { 
    display: block;
    height: 35px;
    padding: 0 10px;
    background: url(../Images/HeaderNyheder2.gif) no-repeat; }

li#nyhedernavMenu a:hover { background-position: 0 -35px; }

li#omMenu {
	left: 247px;
	width: 86px;	
	text-indent: -9999px;
	overflow: hidden; }

li#omMenu a { 
    display: block;
    padding: 0 10px;
    height: 35px;
    background: url(../Images/HeaderOm.gif) no-repeat; }

li#omMenu a:hover { background-position: 0 -35px; }

li#search {
	top: 7px;
	right: 0; /*left: 525px;*/
	width: 203px;
	height: 21px;
	background: url(../Images/HeaderSearchBG2.gif) no-repeat; }

#header li.noFocus { background-position: 0 0; }

#header li.hasFocus { background-position: 0 -21px; }

li#search form { height: 21px; }

li#search fieldset {
	float: left;
	height: 21px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	font-size: 12px; }

li#search legend,
li#search label { display: none; }

input#searchField { 
	float: left;
	width: 175px;
	height: 18px;
	margin: 1px 0 0 5px;
	padding: 2px 0 0 2px;
	border: none;
	background-color: transparent;
	color: #999;
    font-size: 10px;
    letter-spacing: 1px; }

input#submitSearch {
	float: left;
	width: 15px;
	height: 20px;
	margin: 1px 5px 0 0;
	padding: 0;
	border: none;
	background-color: transparent;
	text-indent: -9999px;
	overflow: hidden; }

li#burnDR {
	top: 17px;
	right: 0;
	height: 20px; }

li#burnDR a {
    display: block;
    width: 67px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
    background: url(../Images/HeaderBurnDR.gif) no-repeat;
    background-position: 0 0; }

li#burnDR a.gone { background-position: 0 -14px; }
    
li#showPiratNotifier {
	top: 15px;
	right: 120px;
	height: 20px; }   

li#showPiratNotifier a {
    display: block;
    width: 15px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
    background: url(../Images/introIconSmall.gif) no-repeat; }

#header p {
	position: absolute;
	top: 5px;
	left: 5px; }

/*
2.2 - =Pages
*****************************************/
/***
	2.2.1 - =shared styles
	*************************************/
.title {
    clear: left;
	position: relative;
	margin: 0 0 10px; }

.title h1,
.title h2 {
    padding-right: 120px; /* Prevent title-collaps with rating buttons */
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px; }

.title a,
.title a:visited { text-decoration: none; }

.description { margin: 10px 0; }

.description p, .description div {
   /*display: inline;*/
   margin: 0px 10px 10px 0px; }

#shareTools {
    height: 24px;
    margin: 15px 0;
    padding: 6px 0 0;
    background: url(../Images/shareToolsBG.gif) repeat-x; }

.labelColumn strong {
	float: left;
	width: 90px;
	font-size: 11px;
	font-weight: normal; }

.labelColumn ol { padding-left: 90px; }

.labelColumn li { 
    float: left;
    margin-right: 5px;
    color: #646464; }

.labelColumn li a { color: #646464; }

.labelColumn li a:hover { color: #fff; }


/* hide stuff that will be removed by swiff, display swiff. TODO: Display no-flash error */
#container_swf { position: absolute; z-index: 0; }
#container_swf * { display: none; }
#container_swf object { display: block; outline: none; } /* Remove dotted outline when swf has focus */

#player { margin-bottom: 5px; }

#player, #player object { outline: none; }

/***
	2.2.2 - =startPage
	*************************************/

/***
	2.2.3 - =ShowClip
	*************************************/
/* Clip statistics */
#stats li { 
    float: left;
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 10px;
    color: #646464; }

#stats a { 
    text-decoration: none;
    color: #646464; }

/* Notification about unfortunate version of Flash */
#flashVersionWarning
{
	margin: auto;
}
#flashVersionWarning p
{
	background: #F79537;
	color: #000;
	padding: 10px;
}
/*Rating*/
.rating {
    position: absolute;
    top: -2px;
    right: 10px;
    width: 100px;
    height: 15px; }

.rating strong { display: none; }

.rating li { 
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px; }

.rating button {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(../Images/rating.gif) no-repeat;
    border: none;
    cursor: pointer; }

/*no rating: empty*/
.rating .rate1_empty { background-position: 0 0; }
.rating .rate2_empty { background-position: -15px 0; }
.rating .rate3_empty { background-position: -30px 0; }
.rating .rate4_empty { background-position: -45px 0; }
.rating .rate5_empty { background-position: -60px 0; }
/*rated: full*/
.rating .rate1_full { background-position: 0 -15px; }
.rating .rate2_full { background-position: -15px -15px; }
.rating .rate3_full { background-position: -30px -15px; }
.rating .rate4_full { background-position: -45px -15px; }
.rating .rate5_full { background-position: -60px -15px; }

/*Tags*/

/*Cast*/

/*addThis*/
#showClip #addThis,
#blog #addThis { 
    float: left;
    margin-left: 5px; }

#show #addThis { 
    float: right;
    margin: 0 5px 0 0; }

/*Embed*/
#embed { 
    float: right;
    margin-right: 5px;
    overflow: hidden; }

#embed label {
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal; }

#embed textarea {
	float: left;
	overflow: hidden;
	width: 228px;
	height: 13px;
	margin: 0;
	padding: 4px 0 4px 4px;
	font-size: 10px;
	color: #fff;
	border: none;
	background: url(../Images/embedTextarea2.gif) no-repeat; }

/*More info*/
#moreInfo h2 {
    margin-bottom: 10px;	
	font-size: 13px;
	background: url(../Images/commentHeaderLine.gif) repeat-x left center; }

#moreInfo h2 a {
	padding: 0 10px 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #646464;
	background: #000 url(../Images/moreInfoPlus.gif) no-repeat 0 0; }

#moreInfo h2 a.active { background-position: 0 -16px; }

#moreInfo div.dropdown { visibility: hidden; }

/*Comments*/
#comments { float: left; }

#comments h2 {	
	font-size: 13px;
	background: url(../Images/commentHeaderLine.gif) repeat-x left center; }

#comments h2 a.dropdown {
	padding: 0 10px 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #646464;
	background: #000 url(../Images/moreInfoPlus.gif) no-repeat 0 0; }

#comments h2 a.active { background-position: 0 -16px; }



#comments ol {	padding: 15px 10px 0; }

#comments li { margin-bottom: 10px; }

#comments li h3 {
	font-size: 12px;
	color: #646464; }

#comments li p 
{
	padding-bottom: 10px;
}

#comments q { 
	margin-left: 10px;
	color: #3c3c3c; }

/*add comment*/
#comments .addComment {
	float: left;
	padding: 10px; }

#comments .addComment h2 { background: none; }

#comments .addComment fieldset {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent; }

#comments .addComment fieldset.comment { width: 380px; margin-right: 10px; }
#comments .addComment fieldset.userinfo { width: 200px; }

#comments .addComment fieldset legend { 
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	color: #3c3c3c; }

/*comment fieldset*/
#comments .addComment fieldset.comment label { display: none; }

#comments .addComment fieldset.comment .textarea {
    overflow: hidden;
	height: 137px;
	margin: 0;
	padding: 0 0 0 6px;
	background: transparent url(../Images/commentTextareaLeft.gif) no-repeat top left; }

#comments .addComment fieldset.comment textarea {
	overflow: hidden;
	width: 360px;
	height: 117px;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 4px;
	background: #cdcdcd url(../Images/commentTextareaRight.gif) no-repeat top right;
	font: 100% verdana, sans-serif;
	color: #3c3c3c; }

/* if user is logged in */
#comments .addComment fieldset.IsLoggedIn { width: 580px; margin-right: 0; }
#comments .addComment fieldset.IsLoggedIn textarea { width: 560px; }

/*userinfo fieldset*/
#comments .addComment fieldset.userinfo label { 
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 11px; }

#comments .addComment fieldset.userinfo input {
    width: 180px;
    height: 19px;
    margin: 0 0 10px 0;
    padding: 0 5px;
    background: #cdcdcd url(../Images/commentUserinfo.gif) no-repeat; }

#comments .addComment fieldset.userinfo label.remember { 
    float: left;
    margin: 0 6px 0 0;
    padding: 0; }

#comments .addComment fieldset.userinfo input#remember {
    float: left;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    background: #cecece none; }

#comments .addComment #submitComment {
    float: right;
    width: 55px;
    height: 21px;
    margin: 0 10px 0 0;
    padding: 0;
    background: url(../Images/commentSubmit.gif) no-repeat;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer; }

#comments .addComment .IsLoggedIn #submitComment { margin: 10px 0 0 0; }

/***
	2.2.4 - =blogListPage
	*************************************/
#blog h1 { display: none; }

#blog h2 { padding-right: 0; }

#blog .title { margin-bottom: 0; }

#blog .blogPostDate {
    font-size: 10px;
    color: #666; }

#blog #shareTools { margin: 10px 0; }

#blog .description div, #blog .blogpostdesc div { margin: 16px 0px; }

.blogPost { 
    clear: both;
    width: 620px;
    overflow: hidden;
    margin-bottom: 30px; }

/*.odd { background-color: #111; }*/

.blogpostdesc p { margin: 10px 0; }

.blogComments {
    margin-right: 5px;
    text-align: right; }

.blogComments a,
.blogComments a:link,
.blogComments a:visited,
.blogComments a:active {
    display: block;
    color: #646464;
    text-decoration: none; }

.blogComments a span {
    padding-right: 18px;
    background: url(../Images/blogComment.gif) no-repeat right 2px;
    text-decoration: underline; }

#blog .pagination { margin-bottom: 60px; }
#blog .labelColumn ol { padding-left: 40px; }
#blog .labelColumn strong { width: 40px; }

/*aside bar*/
#blogArchive,
#tagCloud,
#newsletter,
#skrivTilPirat {
    margin-bottom: 30px; }

#blogArchive h2,
#tagCloud h2,
#newsletter h2,
#skrivTilPirat h2,
#omPiratTV h2 {
    margin-bottom: 5px;	
	font-size: 13px;
	background: url(../Images/commentHeaderLine.gif) repeat-x left center; }

#blogArchive h2 span,
#tagCloud h2 span,
#newsletter h2 span,
#skrivTilPirat h2 span,
#omPiratTV h2 span {
	padding-right: 10px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #646464;
	background-color: #000; }

#blogArchive { position: relative; }

#blogArchive ul a { text-decoration: none; }
#blogArchive ul a:hover { text-decoration: underline; }

#blogArchive ul ul { padding-left: 10px; }

#blogArchive ul ul li { 
    margin-left: 10px;
    list-style-type: none; }

#blogArchive ul ul ul { padding-left: 20px; }

#blogArchive ul ul ul li { 
    margin-left: 10px;
    list-style-type: disc; }

#blogArchive .rss {
    position: absolute;
    top: -5px;
    right: 0;
    display: block;
    width: 40px;
    height: 29px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    outline: none;
    background: #000 url(../Images/rss_icon.gif) no-repeat top right; }

#blogArchive .rss:hover {
    top: -8px; }

/*newsletter*/
#newsletter p { margin: 5px 0; }

#newsletter p.errorMsg { 
    margin-top: 10px;
    padding-left: 30px;
    background: url(../Images/piratLoginErrorSign2.gif) no-repeat 0 1px;
    color: #930; }

#newsletter p.succesMsg { font-size: 14px; }

#newsletter input.email {
    width: 164px;
    height: 17px;
    margin: 0;
    padding: 2px 4px;
    background: url(../Images/piratLoginInput.gif) no-repeat;
    color: #fff; }

#newsletter fieldset.error input.email { background: url(../Images/piratLoginInputError.gif) no-repeat; }

#newsletter input.tilmeld {
    width: 55px;
    height: 21px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(../Images/tilmeld.gif) no-repeat; }

#newsletter input.afmeld {
    width: 55px;
    height: 21px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(../Images/afmeld.gif) no-repeat; }

/* tags */
#tagCloud ol { text-align: justify; }

#tagCloud li { 
    display: inline;
    margin-right: 5px; }

#tagCloud li a { text-decoration: none; }
#tagCloud li a:hover { text-decoration: underline; }

#tagCloud li a.tagWeight1 { font-size: 160%; line-height: 14px; }
#tagCloud li a.tagWeight2 { font-size: 140%; line-height: 14px; }
#tagCloud li a.tagWeight3 { font-size: 130%; line-height: 18px; }
#tagCloud li a.tagWeight4 { font-size: 120%; line-height: 18px; }
#tagCloud li a.tagWeight5 { font-size: 100%; line-height: 18px; }

a.rss, a.rss:visited, a.rss:hover, a.rss:active {
    background: transparent url(../Images/feed-icon-12x12.gif) no-repeat 0px 1px;
    padding-left: 15px;
    color: #646464; }

/***
	2.2.7 - =categoryPage
	*************************************/
#categoryPage #showMenu, #categoryPage #clips { display: none; }


/***
	2.2.8 - =showPage
	*************************************/
#show {
    position: relative;
    height: 305px; }

#show h1{ 
    margin: 0 0 10px 0;
    font-weight: normal;
	font-size: 21px;
	line-height: 22px; }

#show #shareTools {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 516px;
    margin: 0; }

#show .playAll {
    float: left;
    margin: 0 0 0 5px;
    text-transform: uppercase; }

/* Det her er et hack til FF og MooEditable
   som bruger DIVs istedet for P rundt om afsnit... */
#show div {
	margin: 10px 0;
}
/* ...og det skal så reset'tes alle andre steder: */
#show .addthis_toolbox,
#show .custom_images,
#show .atclear {
	margin: 0;
}

/***
	2.2.9 - =pagination
	*************************************/
.pagination { 
    float: left;
    width: 100%;
    text-align: center; }

.pagination li { 
    display: inline;
    margin: 0;
    padding: 0; }

.pagination li a {
	padding: 1px 4px;
	border: 1px solid #646464;
	background-color: #000;
	font-size: 10px;
	color: #646464;
	text-decoration: none; }

.pagination li a:hover { 
    color: #fff;
    border: 1px solid #fff; }

.pagination li.selected {
	padding: 1px 4px;
	font-weight: bold;
	color: #fff; }

.pagination li.firstPage,
.pagination li.lastPage {
	padding: 1px 4px;
    color: #323232; }

.pagination li.firstPage,
.pagination li.prev { margin-right: 10px; }

.pagination li.lastPage,
.pagination li.next { margin-left: 10px; }

/***
	2.2.10 - =blogEdit
	*************************************/
.blogEditForm input, .blogEditForm textarea, .blogEditForm div { display: block; margin-bottom: 10px; }
.blogEditForm label { display: block; margin-bottom: 2px; }

/***
	2.2.11 - =omPiratTV
	*************************************/
#omPiratNavi li {
    height: 29px;
    line-height: 29px;
    background: url(../Images/omPiratNaviBorder.gif) repeat-x left bottom; }

#omPiratNavi a {
    display: block;
    color: #646464;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-decoration: none; }

#omPiratNavi a:hover {
    color: #fff;
    text-decoration: none; }

#omPiratTV {
    padding-bottom: 100px; }

#omPiratTV h2 {
    margin: 10px 0 20px; }

#omPiratTV h3 {
    margin: 10px 0;
    padding: 0 0 0 30px; }

#omPiratTV p {
    padding: 0 0 20px 30px;
    line-height: 18px;
    font-size: 12px; }

#omPiratTV a {
    text-transform: uppercase; }

#omPiratTV a:hover { 
    text-decoration: underline;
    color: #f60; }

#omPiratTV ul {
    padding: 0 0 20px 30px;
    list-style-type: disc; }

#omPiratTV li {
    margin-left: 20px;
    list-style-type: disc; }

#omPiratTV span.syteminfo {
    display: block;
    margin: 10px 0 0 0;
    padding: 10px;
    white-space: normal;
    line-height: 18px;
    font-size: 12px;
    color: #f60;
    border: 1px solid #f60; }

#omPiratTV span.syteminfo q {
    font-size: 12px;
    color: #f60; }

/*
2.3 - =Playlists
*****************************************/
/***
	2.3.1 - =clipPlaylist
	*************************************/
#clipPlaylist {}

/***
	2.3.2 - =relatedClips
	*************************************/
#relatedClips {}

/***************************************************************************
3 - =SPOTS
****************************************************************************/
/*
3.1 - =Spot framework
*****************************************/
.col { float: left; margin-bottom: 10px; }
.gutter { margin-right: 10px; }
.xsmall { width: 95px; }
.small { width: 200px; }
.aside { width: 295px; padding-left: 10px; }
.oddsize { width: 505px; }
.medium { width: 410px; }
.large { width: 620px; }
.full { width: 830px; }
.clear{ clear: left; }

.small a img,
.small img {
    display: block;
    width: 200px;
    height: 200px; }

.xsmall a img,
.xsmall img {
    display: block;
    width: 95px;
    height: 95px; }

/***************************************************************************
4 - =SSO POPUP OVERLAY
****************************************************************************/
/*
4.1 - =Overlay
*****************************************/
#piratOverlay {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    z-index: 32766; }

/* these classes are used by javascript to toggle overlay visibility */
.overlayVisible { 
    opacity: 0.8;
    visibility: visible !important; }

#piratLoginWrapper {
    position: absolute;
    display:none;
	top: 138px;
	width: 315px;
	margin: 0;
	padding: 0;
	z-index: 32767; }

#piratLoginWrapper a:hover { color: #930; }
	
#piratLoginWrapper.piratWrapperVisible {
    display: block;
    visibility: visible; }

#piratLoginWrapper .piratLoginWrapperTop {
    position: relative;
    padding-top: 39px;
    background: url(../Images/piratLoginBGtop.png) no-repeat left top; }

#piratLoginWrapper .piratLoginClose {
    position: absolute;
    top: 9px;
    right: 9px;
    display: block;
    width: 25px;
    height: 24px;
    background: url(../Images/piratLoginClose.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden; }

#piratLoginWrapper form {
    width: 266px; /*315px - 49px padding*/
    padding: 0 30px 19px 19px;
    background: url(../Images/piratLoginBGbottom.png) no-repeat left bottom; }

#piratLoginWrapper form p.description { 
    margin: 0 0 10px 0; }

#piratLoginWrapper fieldset {
    margin: 0;
    padding: 0;
    border: none; }

#piratLoginWrapper legend {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;    
    background: url(../Images/commentHeaderLine.gif) repeat-x left center; }

#piratLoginWrapper legend span {
    padding-right: 10px;
	text-transform: uppercase;
	font-size: 14px;
    color: #646464;
	background-color: #000; }

#piratLoginWrapper fieldset li {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 10px; }

#piratLoginWrapper fieldset label { float: left; }

#piratLoginWrapper fieldset li input {
    float: right;
    width: 164px;
    height: 17px;
    margin: 0;
    padding: 2px 4px;
    background: url(../Images/piratLoginInput.gif) no-repeat;
    color: #fff; }

#piratLoginWrapper fieldset li.error input { background: url(../Images/piratLoginInputError.gif) no-repeat; }

#piratLoginWrapper fieldset li.checkbox input {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: none; }

#piratLoginWrapper fieldset li.submit a { float: left; }

#piratLoginWrapper fieldset li.submit input {
    width: 55px;
    height: 20px;
    margin: 0;
    padding: 2px 4px;
    background: url(../Images/piratLoginSubmit.gif) no-repeat; }

.validation_summary_wrapper ul {
    float: left;
    margin-top: 10px;
    padding-left: 40px;
    list-style-type: disc;
    color: #930;
    background: url(../Images/piratLoginErrorSign2.gif) no-repeat; }

#piratLoginWrapper fieldset li.validation_summary_wrapper li { margin-bottom: 2px; }

/* *****Doberman:******** */
#playlist {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 29px;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../Images/playlist.png) top center no-repeat; } 

#piratLoginWrapper form { display:none; }

#piratLoginWrapper form.formVisible { display: block; }

/***************************************************************************
5 - =MOOEDITABLE
****************************************************************************/

/*
5.1 - =Default MooEditable styles
*****************************************/

.mooeditable-container{
	position: relative;
	border: 2px solid #ddd; }

.mooeditable-ui-toolbar{
	color: inherit;
	background-color: #eee;
	padding: 2px; }

.mooeditable-ui-toolbar:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.mooeditable-ui-toolbar .toolbar-item,
.mooeditable-ui-toolbar .toolbar-separator{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle; }

.mooeditable-ui-toolbar .mooeditable-ui-button{
	cursor: pointer;
	border: 0;
	width: auto;
	height: auto;
	margin: 2px;
	padding: 2px;
	vertical-align: middle;
	color: inherit;
	background-color: transparent; }

* html .mooeditable-ui-toolbar .mooeditable-ui-button{ /* IE6 */
	width: 24px;
	overflow: visible;
	padding: 2px 4px; }

*:first-child+html .mooeditable-ui-toolbar .mooeditable-ui-button{ /* IE7 */
	min-width: 24px;
	overflow: visible;
	padding: 2px 4px; }

.mooeditable-ui-toolbar .mooeditable-ui-button.active,
.mooeditable-ui-toolbar .mooeditable-ui-button.onActive{
	color: inherit;
	background-color: #ddd; }

.mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.mooeditable-ui-toolbar .mooeditable-ui-button.hover{
	color: inherit;
	background-color: #fff; }

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled{ cursor: default; }

.mooeditable-ui-toolbar .mooeditable-ui-button.disabled:hover{
	color: inherit;
	background-color: transparent; }

.mooeditable-ui-toolbar .mooeditable-ui-button .button-icon{
	display: -moz-inline-box;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	color: inherit;
	background: transparent url(../images/mooeditable-toolbarbuttons-tango.png) no-repeat 0 -8px; }

.mooeditable-ui-toolbar .mooeditable-ui-button .button-text{
	display: none;
	font-size: 13px;
	vertical-align: middle; }

.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-icon{ display: none; }
.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-text{ display: inline; }

.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text{ width: auto; }
.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text .button-text{
	display: inline;
	margin-left: 4px; }

.mooeditable-ui-toolbar .toolbar-separator{
	width: 1px;
	height: 24px;
	margin: 2px;
	text-indent: -999em;
	color: inherit;
	background-color: #fafafa; }

.mooeditable-ui-toolbar .bold-item .button-icon{ background-position: 0 0; } 
.mooeditable-ui-toolbar .createlink-item .button-icon{ background-position: 0 -16px; } 
.mooeditable-ui-toolbar .indent-item .button-icon{ background-position: 0 -32px; } 
.mooeditable-ui-toolbar .insertorderedlist-item .button-icon{ background-position: 0 -48px; } 
.mooeditable-ui-toolbar .insertunorderedlist-item .button-icon{ background-position: 0 -64px; } 
.mooeditable-ui-toolbar .italic-item .button-icon{ background-position: 0 -80px; } 
.mooeditable-ui-toolbar .outdent-item .button-icon{ background-position: 0 -96px; } 
.mooeditable-ui-toolbar .redo-item .button-icon{ background-position: 0 -112px; } 
.mooeditable-ui-toolbar .strikethrough-item .button-icon{ background-position: 0 -128px; } 
.mooeditable-ui-toolbar .toggleview-item .button-icon{ background-position: 0 -144px; } 
.mooeditable-ui-toolbar .underline-item .button-icon{ background-position: 0 -160px; } 
.mooeditable-ui-toolbar .undo-item .button-icon{ background-position: 0 -176px; } 
.mooeditable-ui-toolbar .unlink-item .button-icon{ background-position: 0 -192px; } 
.mooeditable-ui-toolbar .urlimage-item .button-icon{ background-position: 0 -208px; } 

.mooeditable-iframe{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%; }

.mooeditable-textarea{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: 100% !important;
	resize: none !important; /* disable resizable textareas in Webkit */
	outline: 0 !important; /* disable focus ring in Safari */ }

.mooeditable-ui-dialog{
	color: inherit;
	background-color: #ddd;
	position: absolute;
	display: block;
	cursor: default;
	font-size: 12px;
	z-index: 100;
	width: 100%; }

.mooeditable-ui-dialog .dialog-content{ padding: 4px 10px; }

.mooeditable-ui-dialog .dialog-content *{ vertical-align: middle; }

.mooeditable-ui-dialog input{ margin: 0 8px; }

.mooeditable-ui-dialog input.text{ width: 300px; }

.mooeditable-ui-button-overlay{
	color: inherit;
	background-color: #ddd;
	font-size: 12px;
	z-index: 100; }

.mooeditable-ui-button-overlay .overlay-content{ padding: 10px; }

/*
5.2 - =Overriden MooEditable styles
*****************************************/
#show img {
	margin: 0px 20px 0px 0px;
	float: left; }

/***************************************************************************
6 - =ADDTHIS
****************************************************************************/
.addthis_toolbox .custom_images strong { 
    float: left;
    margin-right: 10px;
    font-weight: normal;
    font-size: 10px; }

.addthis_toolbox .custom_images a {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0; }

.addthis_toolbox .custom_images a.at300m { width: auto; }

.addthis_toolbox .custom_images span {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(../Images/addthis/icons.gif) 0 0 no-repeat; }

.addthis_toolbox .custom_images .addthis_separator { background: none; margin: 0 5px 0 0; }

.addthis_toolbox .custom_images .at15t_facebook { background-position: 0 -32px !important; }
.addthis_toolbox .custom_images .at15t_myspace { background-position: 0 -64px !important; }
.addthis_toolbox .custom_images .at15t_twitter { background-position: 0 -48px !important; }
.addthis_toolbox .custom_images .at15t_stumbleupon { background-position: 0 -80px !important; }
.addthis_toolbox .custom_images .at15t_digg { background-position: 0 -96px !important; }
.addthis_toolbox .custom_images .at15t_email { background-position: 0 -16px !important; }
.addthis_toolbox .custom_images .at15t_expanded { display: none; /*background-position: 0 0 !important; margin: 0 5px 0 0;*/ }

/***************************************************************************
7 - =AUTOCOMPLETER
****************************************************************************/
ul.autocompleter-choices {
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #686868;
	border-left-color:		#686868;
	border-right-color:		#686868;
	border-bottom-color:	#686868;
	background-color:		#000;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	overflow:               hidden; }

ul.autocompleter-choices li {
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em; }

ul.autocompleter-choices li.autocompleter-selected {
	background-color:		#444;
	color:					#fff; }

ul.autocompleter-choices span.autocompleter-queried {
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0; }

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
	color:					#f60; }

/***************************************************************************
8 - =PIRATNOTIFIER
****************************************************************************/
#piratNotifier {
	display: none;
	position: relative;
	z-index: 3;
	width: 915px;
	height: 220px;
	background: url(../Images/introBackgrond.gif) no-repeat;
	color: #000;
	margin: 10px auto;
	text-align: left; }

#piratNotifier a { color: #0000FF; }

#piratNotifier h2 {
	text-indent: -9999px;
	overflow: hidden; }

#piratNotifier .hide {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #00f; }

#piratNotifier .message {
	position: relative;
	top: 30px;
	padding: 0 10px; }

#piratNotifier .options {
	position: relative;
	top: 50px;
	padding: 0 10px; }

#piratNotifier .errorReport {
	position: relative;
	left: 50px;
	float: left; }

#piratNotifier .browserDownload {
	position: relative;
	left: 170px;
	float: left; }

#piratNotifier .flashPlayer {
	position: relative;
	left: 280px;
	float: left; }