.Header {
	padding: 0 !important;
	}	

.Header div {
	margin: 0 !important;
	padding: 0 !important;
	}	

.Header a {
	display: block;
	padding: 8px 11px 0px 11px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	height:21px;
	}	

.Header a.link:hover {
	background-position: right -30px !important;
	text-decoration: none !important;
	}

.HeaderLight {
	background: url(../images/Header/Light.gif) top left repeat-x !important;
	}	

.HeaderDark {
	background: url(../images/Header/Dark.gif) top left repeat-x !important;
	}	
.MenuHeaderDark {
	background: url(../images/Header/menu_Dark.gif) top left repeat-x !important;
	}	
.Header .leftLightWhite {
	background: url(../images/Header/LeftLightWhite.gif) top left no-repeat !important;
	}	

.Header .leftLightGray {
	background: url(../images/Header/LeftLightGray.gif) top left no-repeat !important;
	}	

.Header .leftDarkWhite {
	background: url(../images/Header/LeftDarkWhite.gif) top left no-repeat !important;
	}	

.Header .leftDarkGray {
	background: url(../images/Header/LeftDarkGray.gif) no-repeat !important;
	}	

.Header .leftDarkBlack {
	background: url(../images/Header/LeftDarkBlack.gif) no-repeat !important;
	}	

.Header .rightLightWhite {
	background: url(../images/Header/RightLightWhite.gif) top right no-repeat !important;
	}	

.Header .rightLightGray {
	background: url(../images/Header/RightLightGray.gif) top right no-repeat !important;
	}	
	
.Header .rightDarkWhite {
	background: url(../images/Header/RightDarkWhite.gif) top right no-repeat !important;
	}	

.Header .rightDarkBlack {
	background: url(../images/Header/RightDarkBlack.gif) top right no-repeat !important;
	}	

.Header .linkDarkWhite {
	background: url(../images/Header/LinkDarkWhite.gif) right top no-repeat !important;
}


.Header .linkDarkWhiteMenu {
	display: block;
	height: 30px;
	color: #fff;
	text-decoration: none;
}
.Header .linkDarkGray {
	background: url(../images/Header/LinkDarkGray.gif) right top no-repeat !important;
}

.Header .rightLightDarkGray {
	background: url(../images/Header/RightLightDarkGray.gif) top right no-repeat !important;
	}	
	
.Header .leftLightDarkGray {
	background: url(../images/Header/LeftLightDarkGray.gif) top left no-repeat !important;
	}	

/*===========*/

.HeaderText {
	font-weight: bold;
	color: #474747;
}

/*===========*/

.HeaderSection {
	background: url(../images/Header/SectionBg.gif) top left repeat-x;
	height: 22px;
	padding: 8px 11px 0px 11px;
	color: #474747;
	font-weight: bold;
	text-decoration: none;
	}	

.SectionSeparatorBd {
	border: solid 0 #d9d9d9;
	}
	
/*===========*/

a.Icon:hover {
	text-decoration: none;
}

a.Icon:hover span, a.Icon span:hover {
	text-decoration: underline;
}

.Icon img {
	padding: 0 !important;
	margin: 0 !important;
}

.IconHMargin {
	margin-right: 6px;
	}

.Icon img.video {
	width: 9px !important;
	height: 11px !important;
}

.Icon img.videoWithText {
	width: 9px !important;
	height: 11px !important;
	margin-right: 6px !important;
}

.Icon img.reminder {
}

.Icon img.reminderWithText {
	width: 10px !important;
	height: 10px !important;
	position: relative;
	top: 1px;
	margin-right: 6px !important;
}

.Icon img.photoGallery {
}

.Icon img.photoGalleryWithText {
	width: 9px !important;
	height: 8px !important;
	position: relative;
	top: 3px;
	margin-right: 6px !important;
}

.ReminderIconPanel {
	margin-top: 5px;
	border: solid 1px #2F2F2F; 
	background: #474747 url(../images/Icons/ReminderPanelBg.gif) top left repeat-x; 
	padding: 10px;
	width: 240px;
	color: #ffffff;
}

.ReminderIconPanel .intro {
	margin-bottom: 10px;
}

.ReminderIconPanel input {
	width: 200px;
}

.ReminderIconPanel .buttons {
	margin-top: 10px;
	height:15px;
}

.ReminderIconPanel a {
	float: right;
	margin: 0 0 0 20px !important;
	color: #FFCC00;	
}

.ReminderIconPanel .error {
	margin-top: 5px;
	color: #ff4444;
}
/*=== BUTTON ===*/

a.Button, a.Button:hover
{
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
}
a.Button div
{
	float: left;
	height:	22px;
	
}
a.Button .left
{
	background: url(../images/Button/ButtonLeft.gif) no-repeat;
	width: 6px;
}
a.Button .middle
{
	background: url(../images/Button/ButtonMiddle.gif) repeat-x;
	padding: 4px 2px 0px 2px;
	height: 18px;
}
a.Button .right
{
	background: url(../images/Button/ButtonRight.gif) no-repeat;
	width: 6px;
}
.Button:hover .left, .Button:hover .middle, .Button:hover .right
{
	background-position: left -22px;
}
a.ButtonNoLeft .left
{
	background: url(../images/Button/ButtonMiddle.gif) no-repeat;
}