/*	-------------------------------------------------------------
    SYNERGY (www.thesynergyofdrumsandguitar.com)
    Instrumental Mathcore Duo - Band from Czech Republic
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Description:	Part of OldPaper theme for Synergy website
    Author:         Martin Kovarik (kovarik.martin@gmail.com)
    Copyright:      (c) 2007 Martin Kovarik
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    
/*	-------------------------------------------------------------
Base Body Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body 
{
    margin: 0;
    padding: 0;
    background-color: #948049;
    background-image: url(Images/backg-middle.jpg);
    background-position: 50% 820px;
    color: #191804;
    font-family: "Segoe UI", Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.3em; 
}

ul li 
{
    margin-bottom: 0.75em;
    line-height: 110%;
}
    
p 
{
    margin: 0 0 1em 0;
    padding: 0;
}

#secondaryContent p,
#secondaryContent ul
{
    font-size: 85%;
    line-height:115%;
}

/* odkazy v obsahu */

#content a, 
#content a:visited, 
#content a:hover,
.topBar a,
.topBar a:visited,
.topBar a:hover
{
    color: #511;
    position: relative;
    margin: -1px -3px;
    padding: 1px 3px 2px 3px;
    text-decoration: none;
}

#content a:hover,
.topBar a:hover
{
    color: #a08e5b;
    background-color: #511;
}

/* ikonky */

span.iconDownload
{
    position: relative;
    float: left;
    width: 13px;
    height: 11px;
}

span.iconDownload 
{
    background: url(Images/icon-download.gif) no-repeat;
}

/* odkazy obrazku */

#content a.img, 
#content a.img:hover, 
#content a.img:visited 
{
    background-color: transparent;
}

#content a.img img:hover 
{
    border-color: #511;
}


#content a.img img 
{
    border: 2px solid black;
}


/* nadpisy */

h1, 
h2, 
h3, 
h4, 
h5, 
.signature ,
.header
{
    font-family: Cambria, Constantia, Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    margin: 0.9em 0 0.4em 0;
    padding: 0;
    font-size: 225%;
    line-height: 1.0em;
    letter-spacing: -0.015em;
}

h1, 
h2 
{
    display: none;
}

h3 
{
    font-size: 185%;
    margin-top: 1.6em;
}

h4 
{
    font-size: 140%;
}

h5, 
.signature 
{
    font-size: 115%;
}

abbr
{
    border-bottom: dotted 1px;
    padding: 0 0.1em;
}

/* odstup pro normalni CSS kapitalky bez sIFR */
#primaryContent h3 
{
    margin-bottom: 0.7em;
}

/* odstup pro sIFR kapitalky */
.sIFR-hasFlash #primaryContent h3 
{
    margin-bottom: 0.3em;
}
    
/* kapitalky na pravy strane */
.cap 
{
    position: relative;
    float: left;
    font-size: 4.9em;
    line-height: 80%;
    margin-left: -0.15em;
    font-weight: normal;
    font-family: Cambria, Constantia, Georgia, "Times New Roman", Times, serif;
}

p.signature 
{
    text-align:right; 
    font-weight:bold; 
    margin-bottom: 2.2em;
}

div#secondaryContent cite 
{
    font-weight: bold;
}


/*	-------------------------------------------------------------
Tables Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

table 
{
    width: 100%;
    font-size: 85%;
    border-collapse: separate;
    border-spacing: 0;
    border: solid 2px #443304;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
}

table caption 
{
    display: none;
}

table thead 
{
    background: url(Images/background-dark.jpg) #443304 fixed center; 
}

table td, 
table th 
{
    line-height: 100%;
    padding: 5px;
    text-align: left;
}

table th 
{
    color: #a08e5b;
    padding-bottom: 7px;
}

table tr       td       { border-bottom: dotted 1px #948049;            }
table tr.alt   td       { background: url(Images/white-06-percent.png); }
table tr:hover td       { background: url(Images/white-20-percent.png); }
table tr       td:hover { background: url(Images/white-30-percent.png); }
table tr       th:hover { background: url(Images/black-30-percent.png); }

/*	-------------------------------------------------------------
Table Columns Width Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* gigs */
table.gigs col.date       { width: 58px;  }
table.gigs col.place      { width: 170px; }
table.gigs col.support    { width: auto;  }
table.gigs col.info       { width: 200px; }

table.gigs th#pastDate,
table.gigs td[headers~="pastDate"],
table.gigs th#futureDate,
table.gigs td[headers~="futureDate"]
{
    text-align: center; 
}

/* media */
table.media col.mediaName     { width: 140px; }
table.media col.mediaCreated  { width: 70px;  }
table.media col.mediaAdded    { width: 70px;  }
table.media col.mediaLength   { width: 60px;  }
table.media col.mediaSize     { width: 75px;  }
table.media col.mediaInfo     { width: auto;  }

table.media th#homeMediaCreated,
table.media td[headers~="homeMediaCreated"],
table.media th#rehearMediaCreated,
table.media td[headers~="rehearMediaCreated"],
table.media th#homeMediaAdded,
table.media td[headers~="homeMediaAdded"],
table.media th#rehearMediaAdded,
table.media td[headers~="rehearMediaAdded"],
table.media th#homeMediaLength,
table.media td[headers~="homeMediaLength"],
table.media th#rehearMediaLength,
table.media td[headers~="rehearMediaLength"],
table.media th#homeMediaSize,
table.media td[headers~="homeMediaSize"],
table.media th#rehearMediaSize,
table.media td[headers~="rehearMediaSize"]
{
    text-align: center; 
}

/* photogallery */
table.photogallery col.photogalleryName { width: 250px; }
table.photogallery col.photogalleryDate { width: 80px; }
table.photogallery col.photogalleryInfo { width: auto;  }

table.photogallery th#photogalleryDate,
table.photogallery td[headers~="photogalleryDate"]
{
    text-align: center; 
}

/* articles */
table.articles col.articlesVariousName      { width: auto; }
table.articles col.articlesVariousMedia     { width: 105px; }
table.articles col.articlesVariousPublished { width: 55px; }
table.articles col.articlesVariousInfo      { width: 295px; }

table.articles th#articlesVariousPublished,
table.articles td[headers~="articlesVariousPublished"]
{
    text-align: center;
}

/* links */
table.links col.linksLink      { width: 160px; }
table.links col.linksInfo      { width: auto; }

/*	-------------------------------------------------------------
Backg divs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#top,
#top div 
{
    position: absolute;
    z-index: 1;
    background-image: url(Images/backg-top.gif);
    background-position: top center;
    background-repeat: no-repeat;
    width:100%;
    height: 820px;
}

#top div 
{
    top: 132px;
    background-image: url(Images/backg-top_paper.jpg);
}

        
/*	-------------------------------------------------------------
Site style
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#bottom 
{
    position: absolute;
    width: 100%;
    top: 475px;
    margin: 0; 
    padding: 0;
    z-index: 2;
}

#content 
{
    width: 685px;
    margin: 0 auto 20px auto;
    padding: 0;
    min-height: 385px;
}

#secondaryContent 
{
    float: left;
    width: 285px;
    margin: 0 0 0 -685px;
}

#primaryContent 
{
    float: left;
    width: 382px;
    margin: 0 0 0 303px;
}

#footer 
{
    background-image: url(Images/backg-bottom.jpg);
    background-position: top center;
    height: 190px;
    clear: both;
}

/* absolutni pozicovani pro top objekty */
.centerAbsolute 
{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0; padding: 0;
    z-index: 3;
}

/* centrovani v absolutnim pozicovani pro horni objekty */
.topObjects 
{ 
    position: relative;
    width: 750px;
    margin: 0 auto; padding: 0;
    background-repeat: no-repeat;	
}


/*	-------------------------------------------------------------
mainNavHolder styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#mainNavHolder
{
    left: 30px;
    top: 178px;
    background-position: 0px 71px;
    background-image: url(Images/main-nav.gif);
}

#mainNavHolder li a 
{
    visibility: visible;
    display: block;
    text-indent: 300px;
    text-decoration: none;
    overflow: hidden;
    background-position: 74px 0px;
    background-repeat: no-repeat;
    width: 87px;
    height: 25px;
    background-color: transparent;
}
    
#mainNavHolder li 
{
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}

#mainNavHolder #synergyMenu a 
{
    position: relative;
    width: 273px;
    height: 71px;
    left: 24px;
    background-position: 0px 0px;
    background-image: url(Images/synergy.gif);
}

#mainNavHolder #bandMenu    a:hover { background-image: url(Images/band.gif);    }
#mainNavHolder #gigsMenu    a:hover { background-image: url(Images/gigs.gif);    }
#mainNavHolder #mediaMenu   a:hover { background-image: url(Images/media.gif);   }
#mainNavHolder #historyMenu a:hover { background-image: url(Images/history.gif); }
#mainNavHolder #avenueMenu  a:hover { background-image: url(Images/avenue.gif);  }
#mainNavHolder #variousMenu a:hover { background-image: url(Images/various.gif); }
#mainNavHolder #contactMenu a:hover { background-image: url(Images/contact.gif); }
#mainNavHolder #linksMenu   a:hover { background-image: url(Images/links.gif);   }


/*	-------------------------------------------------------------
others top object styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#categoryPicture 
{
    background-position: 117px 0px; 
    top: 249px;
    height: 206px;
    background-image: url(Images/categoryPicture.gif);
}

#synergyCategory    #categoryPicture { background-image: url(Images/category-picture-synergy.gif); }
#bandCategory       #categoryPicture { background-image: url(Images/category-picture-band.gif);    }
#gigsCategory       #categoryPicture { background-image: url(Images/category-picture-gigs.gif);    }
#mediaCategory      #categoryPicture { background-image: url(Images/category-picture-media.gif);   }
#historyCategory    #categoryPicture { background-image: url(Images/category-picture-history.gif); }
#avenueCategory     #categoryPicture { background-image: url(Images/category-picture-avenue.gif);  }
#variousCategory    #categoryPicture { background-image: url(Images/category-picture-various.gif); }
#contactCategory    #categoryPicture { background-image: url(Images/category-picture-contact.gif); }
#linksCategory      #categoryPicture { background-image: url(Images/category-picture-links.gif);   }

#categoryText 
{
    top: 253px;
    height: 196px;
    background-image: url(Images/categoryText-synergy.gif);
    background-position: 334px 0px; 
}

#synergyCategory    #categoryText { background-image: url(Images/category-text-synergy.gif); }
#bandCategory       #categoryText { background-image: url(Images/category-text-band.gif);    }
#gigsCategory       #categoryText { background-image: url(Images/category-text-gigs.gif);    }
#mediaCategory      #categoryText { background-image: url(Images/category-text-media.gif);   }
#historyCategory    #categoryText { background-image: url(Images/category-text-history.gif); }
#avenueCategory     #categoryText { background-image: url(Images/category-text-avenue.gif);  }
#variousCategory    #categoryText { background-image: url(Images/category-text-various.gif); }
#contactCategory    #categoryText { background-image: url(Images/category-text-contact.gif); }
#linksCategory      #categoryText { background-image: url(Images/category-text-links.gif);   }

#lampy 
{
    top: 158px;
    height: 95px;
    background-image: url(Images/lampy.jpg);
    background-position: 616px 0px; 
}

/*	-------------------------------------------------------------
footer styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footSynergy, #footCopyright 
{
    visibility: visible;
    display: block;
    text-indent: 300px;
    text-decoration: none;
    overflow: hidden;
    background-color: transparent;		
    height: 14px;
}

#footSynergy 
{
    width: 157px;
    top: 56px;
    left: -298px;
    background-image: url(Images/thesynergyofdrumsandguitar.gif);
}

#footSynergy:hover 
{
    background-image: url(Images/thesynergyofdrumsand_over.gif);
}

#footCopyright 
{
    width: 123px;
    top: 42px;
    left: 314px;
    background-image: url(Images/copyright.gif);
}

#footCopyright:hover 
{
    background-image: url(Images/copyright_over.gif);
}



/*	-------------------------------------------------------------
topNavbar styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

.topBar
{
    position: relative;
    height: 17px;
    top: 152px;
    font-size: 85%;
    margin: 0 25px 0 55px;
    padding: 0 5px;
    font-weight: bold;
}

.topBar a
{
    color: #551111;
    text-decoration: none;
}

.siteMapBar
{
    float: left;
    width: 65%;
}

.siteMapPathNodeSeparator
{
    margin: 0 0.2em;
}

.loginBar
{
    text-align: right;
    float: right;
    width: 35%;
}


/*
.siteMapPath 
{
    position: relative;
    display: block;
    top: 138px;
    text-align: right;
    margin: 6px 31px 2px 7px;
    font-size: 80%;
}

.siteMapPathNode, .siteMapPathNodeSeparator
{
    background: url(Images/background-dark.jpg) #443304 fixed center; 
    padding: 1px 4px 3px 4px;
    color: #a08e5b;
}

a.siteMapPathNode, a.siteMapPathNode:hover, a.siteMapPathNode:visited
{
    color: #a08e5b;
    font-weight: bold;
    text-decoration: none;
}

a.siteMapPathNode:hover 
{
    color: #443304;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
    border: 3px solid #443304;
    text-decoration: underline;
    position: relative;
    left: 3px;
}

.siteMapPathNodeSeparator
{
    margin: 0 -3px; 
}
*/


/*	-------------------------------------------------------------
bottomNavbar styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

#bottomNavbar ul
{                   
    display: block;
    position: relative;
    background: url(Images/background-dark.jpg) #443304 fixed center; 
    text-align: left;
    margin: -12px 32px 0 33px;
    font-size: 80%;
    height: 15px;
}

#bottomNavbar li
{
    display: inline;
    float: left;
    /* 100 procent / 9 kategorii = 11.1 procent */
    width: 11.1%; 
    margin: 1px 0 3px 0;
}

#bottomNavbar a
{
    display: inline;
    padding: 1px 4px 3px 4px;
    color: #a08e5b;
    font-weight: bold;
    text-decoration: none;
}


#bottomNavbar a:hover 
{
    color: #443304;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
    border: 3px solid #443304;
    text-decoration: underline;
    position: relative;
    left: -3px;
}


/*	-------------------------------------------------------------
left-card styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

.card {
    float: left;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
    border: 1px dotted #191804;
    margin-bottom: 10px;
}
    
.card img {
    margin: 5px 5px 2px 5px;
    border: 2px solid black; 
}

.card p {
    margin: 0 5px 5px 5px;
    padding:0;
    width: 268px;
    text-align: left;
}

.card p.newspaper {
    width: 370px;
}


/*	-------------------------------------------------------------
photogallery styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

#slideshow, 
#gallery, 
#navigation 
{
    font-size: 85%;
    line-height: 1.08em;
    margin-bottom: 4px;
}

#slideshow, 
#gallery 
{
    display:none;
}

#gallery 
{
    height: auto;
}

.gcap, 
.scap 
{
    margin: 0 6px 4px 6px; 
    padding:0;
}

.gcon, .scon 
{
    width: 219px;
    height: auto;
    margin: 0px;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
    border: 1px dotted #191804;
}

.gcon 
{
    margin-right: 7px;
    margin-bottom: 7px;
    float: left;
}

.scon 
{ 
    width: 687px;
    float: none;
}

#gallery img, 
#slideshow img 
{
    margin: 5px 5px 2px 5px;
    border: 2px solid black;
    background: transparent;
}

#navigation 
{
    margin-top: 4px;
}

#prev, 
#next, 
#back, 
#auto, 
#time 
{
    cursor: pointer;
    font-weight: bold;
    margin-right: 10px;
}

.clearAll 
{
    clear:both;
    margin:0; padding:0;
}


/*	-------------------------------------------------------------
band section styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
.textColumn
{
    margin: 0 0 25px 0;
    width: 673px;
    padding: 6px;
    border-bottom: solid 6px #443304;
    background: url(Images/background-dark.jpg) #443304 fixed center; 
    overflow: hidden;
}

.textColumn h3,
.textColumn ul.pictureNumbers
{
    height: 26px;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.textColumn h3 
{
    width: 390px;
    color: #a08e5b;
    font-size: 170%;
}

.textColumn ul.pictureNumbers 
{
    float: right;
}

.textColumn ul.pictureNumbers li
{
    display: block;
    float: left;
    width: 21px;
    height: 20px;
    margin: 0 0 0 6px;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
    text-align: center;
}

#content .textColumn ul.pictureNumbers li a
{
    position: relative;
    display: block;
    margin: 0px; 
    padding: 0px;
    width: 21px;
    height: 20px;
    background: transparent;
    color: #443304;
    font-weight: bold;
    font-size: 85%;
    line-height: 20px;
}

#content .textColumn ul.pictureNumbers li a:hover 
{
    background: url(Images/white-30-percent.png);
    text-decoration: underline;
}


.textColumn .picture, 
.textColumn .content
{
    float: left;
    background: url(Images/background-light.jpg)  #a08e5b fixed center; 
    padding-bottom: 30000px;
    margin-bottom: -30000px;
}

.textColumn .picture
{
    width: 264px;
}

.textColumn .content
{
    width: 403px;
}

.textColumn .floatRight
{
    float: right;
}

.textColumn p 
{
    margin: 10px;
}

.textColumn div.picture p 
{
    margin: 6px 6px 0 6px;
}

.textColumn div.picture img
{
    width: 248px;
    border: solid 2px #191804;
    margin: 0 0 1px 0;
}


/*	-------------------------------------------------------------
misc styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

.clearBoth          { clear: both; }
.textAlignLeft      { text-align: left; }
.textAlignRight     { text-align: right; }
.textAlignCenter    { text-align: center; }
.displayNone        { display: none; }
.marginTopZero      { margin-top: 0; }
.fontSize100Percent { font-size: 100% !important; }	


/*	-------------------------------------------------------------
sIFR styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* decoy styles sIFR: kapitalky s fontem Celticeels.ttf pres ctyri radky */
.sIFR-active .cap 
{ 
    visibility: hidden;
    position: relative;
    top: 0.05em;
    width: 60px;
    height: 60px;
    margin: 0;
    margin-right: 0.05em;
    line-height: 60px;
}


/*	-------------------------------------------------------------
Css Friendly Adapters - Login
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.SynergyLogin .AspNet-Login .AspNet-Login-FailurePanel
{
    color: #990000;
}

.SynergyLogin .AspNet-Login .AspNet-Login-UserPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-RememberMePanel,
.SynergyLogin .AspNet-Login .AspNet-Login-SubmitPanel
{
    padding: 0.25em 0.1em 0 0;
}

.SynergyLogin .AspNet-Login .AspNet-Login-UserPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-SubmitPanel
{
    text-align: right;
}

.AdditionalLoginInfo
{
    text-align: center;
    margin-top: -1.5em;
}

.SynergyLogin .AspNet-Login .AspNet-Login-CreateUserPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordRecoveryPanel
{
}

.SynergyLogin .AspNet-Login .AspNet-Login-UserPanel label,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordPanel label
{
    white-space: nowrap;
}

.SynergyLogin .AspNet-Login .AspNet-Login-UserPanel input,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordPanel input
{
    width: 10.5em;
}

.SynergyLogin .AspNet-Login .AspNet-Login-InstructionPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-HelpPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-RememberMePanel,
.SynergyLogin .AspNet-Login .AspNet-Login-CreateUserPanel,
.SynergyLogin .AspNet-Login .AspNet-Login-PasswordRecoveryPanel
{
    margin: 0.5em 0 0.3em 0;
}

.SynergyLogin .AspNet-Login .AspNet-Login-PasswordPanel
{
    margin-top: 0;
}

.SynergyLogin .AspNet-Login .AspNet-Login-RememberMePanel 
{
    margin-left: 0.7em;
    font-style: italic;
}

.SynergyLogin .AspNet-Login .LoggedInInfo 
{
    float: left;
    width: 40%;
}

.SynergyLogin .AspNet-Login .LoggedInLinks
{
    text-align: right;
}


/*	-------------------------------------------------------------
Interview definition list
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
dl.interview
{
    line-height: 110%;
}

dl.interview dt 
{
    font-weight: bold;
    font-size: 95%;
}

dl.interview dd 
{
    margin: -0.1em 0 0.5em 0.7em;
}


/*	-------------------------------------------------------------
Register Page - CreateUserWizard 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.SynergyCreateUserWizard 
{
    text-align: center;
}

.AspNet-CreateUserWizard-SuccessTextPanel
{
    display: block;
    margin-top: 0.8em; 
    margin-bottom: 0.75em;
}

/*	-------------------------------------------------------------
Forms - Definice formularu obecne
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Hlavni konteiner formulare */
.SynergyLogin .AspNet-Login,
.SynergyCreateUserWizard .AspNet-CreateUserWizard
{
    font-size: 95%;
    padding: 4px;
    border: solid 2px #443304;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
}


/* Hlavni konteiner formulare napozicovan v leve casti stranky Synergy */
.SynergyLogin,
.SynergyCreateUserWizard
{
    width: 281px;
    margin-bottom: 2em;
}


/* Prvotni a druhotny nadpis */
.TitlePanel,
.SubTitlePanel,
.AspNet-Login-TitlePanel
{
    background: url(Images/background-dark.jpg) #443304 fixed center; 
    font-weight: bold;
    color: #a08e5b;
    text-align: center;
    padding: 0.1em 0;
}


/* Prvotni nadpis */
.TitlePanel,
.AspNet-Login-TitlePanel
{
    font-size: 105%;
    height: 1.7em;
    margin-bottom: 0.4em;
    padding-top: 0.4em;
}


/* Druhotny nadpis */
.SubTitlePanel
{
    margin-top: 0.4em;
}

/* velikost pisma ve vstupnich prvcich */
input,
select,
textarea
{
    font-size: 95%; 
    margin: 0;
    padding: 1px;
}

/* fieldset */
fieldset
{
    border: solid 1px #443304;
    position: relative;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    padding: 0.5em;
}

/* legend */
legend
{
    font-weight: bold;
}


/* access key */
label em
{
    text-decoration: underline;
    font-style: normal;
}

/* buttonci */
.AspNet-CreateUserWizard-CreateUserButtonPanel input,
.AspNet-CreateUserWizard-ContinuePanel input,
.SynergyLogin .AspNet-Login .AspNet-Login-SubmitPanel input
{
    background: url(Images/background-dark.jpg) #443304 fixed center; 
    border: solid 2px #443304;
    color: #a08e5b;
    padding: 0.1em 0.6em;
}


.Form ul,
.Form li
{
    margin: 0;
    padding: 3px 0;
    list-style-type: none; 
    clear: both;
}

.Form li .Name,
.Form li .Value
{
}

.Form li input,
.Form li select,
.Form li textarea
{
    width: 100%;
}


.Form li .Name
{
    width: 40%;
    float: left;
    text-align: right;
    position: relative;
    top: 1px;
}

.Form li .Value
{
    width: 55%;
    float: right;
}


/*	-------------------------------------------------------------
FlashMovies
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.MovieList
{
    list-style-type:  none;
    padding: 0;
    margin: 0;
}

.MovieBox 
{
    margin: 1.5em 0;
    line-height: 1.3;
    font-size: 95%;
    padding: 4px;
    border: solid 2px #443304;
    background: url(Images/background-light.jpg) #a08e5b fixed center;
}

.MovieBox .header
{
    font-size: 165%;
    margin: 0 0 0.15em 0;
    background: url(Images/background-dark.jpg) #443304 fixed center; 
    font-weight: bold;
    color: #a08e5b;
    text-align: left;
    padding: 0.15em;
}

#content .MovieBox .header a
{
    color: #a08e5b;
}

#content .MovieBox .header a:hover
{
    padding: 0;
    margin: 0;
    text-decoration: underline;
    background-color: Transparent;
}

.MovieBox .name
{
    font-weight: bold;
    width: 6em;
    float: left;
    text-align: left;
    position: relative;
    top: 1px;
}

.MovieBox .value
{
    margin-left: 6em;
    display: block;
}

.MoviePlayerWrapper
{
    margin: 0 auto;
}

/*	-------------------------------------------------------------
Css Friendly Adapters - DetailsView
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.AspNet-DetailsView {}
div.AspNet-DetailsView-Header {}
div.AspNet-DetailsView-Data ul; {}
div.AspNet-DetailsView-Data li {}
div.AspNet-DetailsView-Data li.AspNet-DetailsView-Alternate {}
span.AspNet-DetailsView-Name { display: block; position: absolute; font-weight: bold; width: 18%; }
div.AspNet-DetailsView-Data li.AspNet-DetailsView-Alternate span.AspNet-DetailsView-Name {}
span.AspNet-DetailsView-Value { display: block;  margin-left: 20%; position: relative; }
.AspNet-DetailsView-Pagination {}
.AspNet-DetailsView-ActivePage {}
.AspNet-DetailsView-OtherPage {}
.DetailsViewFooter .AspNet-DetailsView-Name 
{ 
    display: block;
    float: none;
    width: auto;
    position: relative;
}

div.AspNet-DetailsView ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
}


/*	-------------------------------------------------------------
Next Gig DetailsView at HomePage
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
dl.NextGig  
{
    margin-bottom: 0.2em;
    font-size: 0.85em;
}
dl.NextGig dt { position:absolute; font-weight: bold; }
dl.NextGig dd { margin-left: 40px; }