﻿html
{
	height: 100%;
}

body
{
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 85%;
	background-color: White;
}

td
{
	vertical-align: top;
}

img
{
	border:none;
}

.ImageRight
{
	border:none;
	padding-left:5px;
	padding-bottom:5px;
	float:right;
}
.ImageLeft
{
	border:none;
	padding-right:5px;
	padding-bottom:5px;
	float:left;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}

#container
{
	margin: 0px;
	width: 1036px;
	height: auto;
	position: relative;
}

#content
{
	margin-top: 13px;
	width: 1036px;
	height: 100%;
}

#header
{
	height: 154px;
	width: 1036px;
	background-image: url(../Images/Layout/General/top.jpg);
	background-repeat: no-repeat;
	position: absolute;
}

#header2
{
	height: 44px;
	width: 861px;
	background-image: url(../Images/Layout/General/The_Odes_design_03.jpg);
	background-repeat: no-repeat;
}

#left
{
	margin-left: 116px;
	width: 150px;
	float: left;
	display: inline;
}

/* a link color */
a
{
	color: #646464;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

a:hover
{
	color: #646464;
	text-decoration: underline;
}

#basketLink
{
	float: right;
	font-weight: bold;
	color: #BA4545;
	padding-right:10px;
}

#basketLink a
{
	float: right;
	font-weight: bold;
	color: #BA4545;
	padding-right:10px;
}

#returnToSearch
{
	float: right;
	font-weight: bold;
	padding-right:10px;
}

#returnToSearch a
{
	float: right;
	font-weight: bold;
	padding-right:10px;
}

.ArtistName
{
color:#1B4784;
font-size:14px;
font-weight:bold;
}

/********************* menu ****************************/

/* memu headers */
.postheader, .menuheader
{
	color: White;
}

/********************* post ****************************/

.post
{
	margin-bottom: 15px;
}

.postheader
{
	display: block;
	width: 570px;
	height: 31px;
	margin-left: 20px;
	padding-left: 10px;
	font-size: medium;
	font-weight: normal;
	background-image: url(../Images/Layout/General/The_Odes_design_13.jpg);
	background-repeat: no-repeat;
}

.postheaderLabel
{
	padding-top: 8px;
	padding-left: 10px;
}

.postfooter
{
	background-image: url(../Images/Layout/General/The_Odes_design_33.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 570px;
	height: 87px;
	margin-left: 20px;
}

h3
{
	font-size: larger;
	color: #224690;
}

#OdeToVideoLeft
{
	font-weight:bold;
	color:Green;
	margin-right:5px;
}

p.colLeft
{
	text-align:center;	
}

.divLeft {
width:150px;
float:left;
margin:0;
padding:0 15px 0 0;
}

.divLeftAlt {
width:130px;
float:left;
margin:0;
padding:0 15px 0 0;
}

.divLeftAlt1 {
width:200px;
float:left;
margin:0;
padding:0 15px 0 0;
}

.divRight {
width:370px;
float:left;
margin:0;
padding:0;
}

.divRightAlt {
width:380px;
float:left;
margin:0;
padding:0;
}

.divRightAlt1 {
width:320px;
float:left;
margin:0;
padding:0;
}

.clear {
clear:both;
padding-top:5px;
}

.clearNoPadding {
clear:both;
}

/********************* header ****************************/

.headerMenuButtons
{
	margin-top: 118px;
	margin-left: 165px;
}

.headerLinks
{
	color: White;
	margin-top: -135px;
	margin-left: 782px;
	#padding-left:25px;
	position: relative;
}

.headerLinks a
{
	color: White;
	text-decoration: none;
}

#headerLoggedInAs
{
	/*margin-left: 762px; 	padding-top:10px; 	color:White; 		position:relative;*/
	padding-left: 782px; 
	#padding-left:12px;
	padding-top:12px;
	color:white;
	position:absolute;
}

.headerSearch
{
	margin-left: 795px;
	padding-top: 90px;
}

.headerSearchButton
{
	margin-left: 1007px;
	margin-top: -20px;
}

.SiteMapPath
{
	margin-left: 180px;
	padding-top: 5px;
}

.EntryTitle
{
	font-size: 19px; 
	color: #BA4545;	
}

.EntryLink
{
	text-align: right; 
	padding-right: 20px;	
	color:#BA4545;	
}

.EntryLink a
{
	color:#299F4A;	
	font-weight:bold;
}

.ArtistDetails
{
color: #299F4A; 
font-weight: bold	
}

/* Blog Comments */
.BlogComment
{
	width:460px;
	background-color:#E8E8F0;
	line-height:17px;
	margin:0 0 10px 25px;
	padding:20px 20px 20px 20px;
}

.BlogCommentTitle
{
	background-image: url(../Images/comment.png);
	background-repeat:no-repeat;
	font-size:9px;
	padding-left:20px;
	padding-bottom:10px;
}

.BlogCommentAdmin
{
	background-image: url(../Images/comment_delete.png);
	background-repeat:no-repeat;
	color:Red;
	font-size:9px;
	padding-left:20px;
	margin-top:20px;
}



/********************* footer ****************************/

.footerTxtLeft a
{
	color: White;
	text-decoration: none;
}

.footerTxtRight a
{
	color: White;
	text-decoration: none;
}


/********************* footer ****************************/

.listenerText
{
	line-height: 20px;
	margin-right: 10px;
}


/********************* Controls ****************************/
.button
{
	font-size: 11px;
	height: 20px;
	vertical-align: middle;
	color:White;
	background-color:#D86464;
	border:none;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	border-width:1px; 
	border-style: solid; 
	border-color: black;
}

.button:Hover
{
	color:Black;
	background-color:Silver;
	cursor:pointer;
}

.fileupload
{
	font-size: 11px;
	height: 20px;
	vertical-align: middle;
}

.textbox
{
	font-size: 11px;
	font-family: Verdana;
	width: 150px;
}

.textboxLong
{
	font-size: 11px;
	font-family: Verdana;
	width: 300px;
}

.label
{
	font-size: 11px;
}

.labelLaCronica
{
	font-size: 11px;
	line-height:17px;
}

.regularExpressionValidator
{
	font-size: 11px;
}

.requiredFieldValidator
{
	font-size: 11px;
}

.dropDownList
{
	font-size: 11px;
}

.validatorCalloutHighlight
{
	background-color: #FFFACD;
}

.gridview
{
	font-size: 11px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #5B81C0;
    color: white;
    background-color: #84AAE9;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: White;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #5B81C0;
    color: white;
    background-color: #5E84C3;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #84AAE9;
	#background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ECF1F7;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	#background-color : window;
	color : #FFFFFF;
	#color : #000000;
	padding : 1px;
}