﻿html {
	margin:0px;
	padding:0px;
	font-family:arial,sans-serif;
	}
body 
{
	font-size:0.7em;
	padding:0px;
	margin:0px;
	background-color:#000000;
	color:#333333;
}

h1
{
	font-size:1.4em;
	padding:6px 0px;
	margin:0px;
}

h2
{
    font-size:1.3em;
	padding:0px 0px;
	margin:0px;
}

h3
{
	
	padding:0px 0px 5px 0px;
	font-size:1.1em;
	margin:0px;
}

h4
{
	
	padding:0px;
	margin:0px;
}

h5
{
	
	font-weight:normal;
	padding:0px;
	margin:0px;
}

img
{
	border:0px;
}

form{ 
	margin:0px; 
	padding:0px;	
}

input, select, textarea
{
	font-family:arial;
}

ul, li
{
	padding:0px;
	margin:0px;
	list-style:none;
}

a
{
	text-decoration:none;
	font-size:1.1em;
}
a:hover
{
	text-decoration:underline;
}

label{
	font-size:1.1em;
	display:block;
}

input{ 
	font-size:1em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

textArea
{
	padding:0px 0px 0px 5px;
}

textarea{ 
	font-size:1em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}


select{ 
	font-size:0.9em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	vertical-align:middle;
}

fieldset
{
	width:310px;
	margin:0px auto;
	padding:10px 10px 10px 10px;
}

.fieldsetContents
{
	padding:10px 0px 20px 10px;
}


fieldset label
{
	width:100px;
	float:left;
	text-align:left;
}

fieldset textarea
{
	width:250px;
	height:300px;
}

fieldset input
{
	width:250px;
}

fieldset .field
{
	clear:both;
	min-height:20px;
	padding:0px 0px 7px 0px;
}

fieldset .button
{
	margin-left:100px;
	width:258px;
}

.close
{
	text-align:right;
	padding:10px 11px 10px 0px;
}

legend
{
	font-weight:bold;
	font-size:1.1em;
}

p
{
	font-size:1.1em;
	padding:3px 0px;
	margin:2px 0px;
}

.bold 
{
	font-weight:bold !important;
}

.normal
{
    font-weight:normal !important; 
}

input.text
{
	color:#333333;
	padding:2px 0px 2px 5px;
		vertical-align:middle;
	border:1px solid #666666;
}

.required
{
	padding-left:100px;
}

#siteContainer
{
	padding:6px 6px 10px 6px;
	margin:auto;
	width:840px;
	background-image:url("../../images/header_background.jpg");
	background-repeat:repeat-x;
	background-position:6px 6px;
	background-color:#FFFFFF;
	position:relative;
}

#header
{
	background-image:url("../../images/t-m.jpg");
	background-repeat:no-repeat;
	background-position:200px 0px;
	height:245px;
}

#footer
{
	background-color:#eCeCeC;
	text-align:center;
	padding:20px 0px 20px 0px;
	margin:50px 0px 0px 0px;
}

#logoContainer
{
	background-image:url("../../images/logo.gif");
	width:142px;
	height:230px;
	font-size:1.1em;
}

#logoContainer a
{
	padding:130px 0px 0px 0px;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.4em;
	text-align:center;
	text-decoration:none;
}

#userDetails
{
	min-height:36px;
	font-size:1.1em;
}

#inlineLogin
{
	width:250px;
}

#inlineLogin input.button
{
	vertical-align:middle;
}

#inlineLogin input.text
{
	width:90px;
}


#inlineLogin a
{
	font-size:0.9em;
	text-decoration:underline;
}

#inlineLogin .signup
{
	padding-right:61px;
}

#headerRight
{
	float:right;
}

#siteTitle
{
	height:63px;
}

ul#mainNav 
{
	width:300px;
	height:100px;
	background-color:#222222;
}

ul#mainNav li
{
	width:100px;
	height:50px;
	float:left;
}

ul#mainNav li a
{
	font-weight:bold;
	font-size:1.1em;
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding-top:20px;
	width:100px;
	height:30px;
	text-decoration:none;
}

a.bb
{
	border-bottom:1px solid #CCCCCC;	
}
a.br
{
	border-right:1px solid #CCCCCC;	
}


ul#mainNav li a:hover
{
	background-color:Orange;
	color:#222222;
}

#siteTitle
{
	font-size:1.7em;
	padding:31px 0px 0px 0px;
}

#siteTitle p
{
	padding:0px;
	margin:0px;
	line-height:1.1em;
}

#siteTitle p.bottom
{
	font-size:1.3em;
}

#middle
{
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #666666;
}

#lastFMSections
{
	padding:10px 0px 10px 160px;
	min-height:190px;
	margin:0px auto;
}

#lastFmForm
{
	width:380px;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.1em;
	min-height:35px;
	margin:auto;
}

.lastFMSection
{
	width:300px;
	padding:0px 5px 0px 0px;
	float:left;
}

#searchContainer
{
	padding:0px 0px 10px 200px;
	font-size:1.1em;
}

#searchContainer a
{
	font-size:1.2em;
	vertical-align:middle;
}

#searchContainer span
{
	vertical-align:middle;
}

#searchContainer input
{
	vertical-align:middle;
}

#searchContainer input.text
{
	width:200px;
}

#homeBottom
{
	padding:20px 40px 0px 80px;
	min-height:600px;
	clear:both;
}

#homeBottom div
{
	width:350px;
	padding:0px 10px 0px 0px;
}

#homeBottom .firstColumn
{
	float:left;
}

#homeBottom .secondColumn
{
	float:right;
}

.notAddedYet
{
	margin:10px auto;
	border:2px solid #333333;
	font-size:1.2em;
	width:500px;
	padding:10px;
}

.notAddedYet a
{
	font-size:1em;
}

#contentPage
{
	width:800px;
	margin:auto;
}

#contentPage p
{
	font-size:1.3em;
}





.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}



/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStar_Large {
    font-size: 0pt;
    width: 26px;
    height: 24px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.png);
}



.filledRatingStar_Large {
    background-image: url(../Images/FilledStar_Large.png);

}

.emptyRatingStar_Large {
    background-image: url(../Images/EmptyStar_Large.png);
}

.savedRatingStar_Large {
    background-image: url(../Images/SavedStar_Large.png);
}


