﻿/*--------- MAIN.CSS --------------*/

.header {
	width: 100%;
	margin: 0 auto;
	height: 139px;
	background-image: url('images/custom/header-bg.jpg');
	background-repeat: no-repeat;
}
.header .logo {
	width:  15%;
	margin-top: 27px;
	height: 68px;
	margin-left: 0;
	float: left;
}
.header .countdown {
	width: 250px;
	float: left;
	margin-left: 143px;
	margin-top: 21px;
}
.countdown p {
	text-align:center;
}
.header .slogan {
	width: 164px;
	height: 68px;
	background-image: url('images/custom/slogans.gif');
	float: right;
	margin-top: 30px;
	margin-right: 20px;
}
.clear {
	clear: both;
}
.content {
	width: 100%;
	padding-left: 0px;
	padding-right:0px;
	margin: 0 auto;
	/*background-image:url('images/custom/contentarea-bg.gif');
	background-color: white;*/
	background-position: top;
	background-repeat: repeat-x;
	padding-bottom: 25px;
}
.menu {
	width: 22%;
	height: 280px;
/*background-color:#d4d4d4;*/
}
.menu ul {
	padding-top: 5px;
	width: 213px;
	background-image: url('images/custom/mainmenubg.gif');
	background-repeat: no-repeat;
	height: 280px;
}
.menu ul li {
	margin: 0px auto 9px auto;
	height: 18px;
	width: 174px;
	padding:0px;
}
.menu ul li a:link, .menu ul li a:visited {
	height: 18px;
	display: block;
	width: 174px;
	text-decoration:none;
	
}
.menu ul li a.organisation {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -108px;
}
.menu ul li a.organisation:hover,.menu ul li a.organisation.current {
	background-position: 180px -108px;
}
.menu ul li a.sponsors {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -162px;
}
.menu ul li a.sponsors:hover,.menu ul li a.sponsors.current  {
	background-position: 180px -162px;
}
.menu ul li a.contact {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -242px;
}
.menu ul li a.contact:hover,.menu ul li a.contact.current {
	background-position: 180px -242px;
}
.menu ul li a.beheard {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -216px;
}
.menu ul li a.beheard:hover,.menu ul li a.beheard.current {
	background-position: 180px -216px;
}
.menu ul li a.faq {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -189px;
}
.menu ul li a.faq:hover,.menu ul li a.faq.current {
	background-position: 180px -189px;
}
.menu ul li a.mediacenter {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -135px;
}
.menu ul li a.mediacenter:hover, .menu ul li a.mediacenter.current  {
	background-position: 180px -135px;
}
.menu ul li a.federations {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -81px;
}
.menu ul li a.federations:hover,.menu ul li a.federations.current {
	background-position: 180px -81px;
}
.menu ul li a.therace {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -54px;
}
.menu ul li a.therace:hover,.menu ul li a.therace.current  {
	background-position: 180px -54px;
}
.menu ul li a.news {
	background-image: url('images/custom/mainmenu-items.gif');
	background-position: 0px -27px;
}
.menu ul li a.news:hover,.menu ul li a.news.current  {
	background-position: 180px -27px;
}
.menu ul li a.home {
	background-image: url('images/custom/mainmenu-items.gif');
}
.menu ul li a.home:hover,.menu ul li a.home.current {
	background-position: 180px 0px;
}
/*.menu ul li a.current {
	background-image: none;
}*/
.featuredHome {
	background-image: url('images/custom/tabs-bg.jpg');
	width: 543px;
	height: 267px;
	float: left;
	margin-top: 12px;
	margin-right: 13px;
}
.sponsorsHome {
	
	margin-top: 2px;
	width:25%;
	background-image: url('images/custom/sponsors.jpg');
	background-repeat: no-repeat;
	height: 268px;
*/margin-left:30;*/
background-color:#D4D4D4 ; 
float:left;
text-align:left;


}
#mediaSponsors{
	margin-top: 25px;
	margin-left: 20%;
}
#travelSponsors{
	margin-top: 9px;
	margin-left: 20%;
}
#motorSponsors{
	margin-top: 7px;
	margin-left: 20%;
}
#normalSponsors{
	margin-top: 7px;
	margin-left: 20%;
}
.sponsorsHome a:link, .sponsorsHome a:visited {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	height: 12px;
	line-height: 12px;
	text-align: center;
	width: 65%;
	margin-left: 7%;
	margin-right: auto;
	text-decoration: none;
	background-color: #606060;
	margin-top: 11px;
text-indent: 7%;

}
.sponsorsHome a:hover {
	color: #606060;
	background-color: white;
}
.tickerHome {
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('images/custom/tickerbg.jpg');
	width: 100%;
	height: 41px;
background-repeat:no-repeat;
/*background-color: #64027b;*/
border-color:64027B;
border-width:5px;
}
#tickerHomeInner{
	height: 41px;
	margin-left:0px;
	width:100%;
	overflow:hidden;
}
.tickerHome a{
color:White;
font-size:13px;
}
.tickerHome div{
text-align:center;
height: 41px;
line-height:41px;
}
/* Style for Usual tabs */
.usual {
	width: 74%;
	height: 286px;
/* 	margin-right: 90px;*/
}
.usual #watch {
	
	background-position: right;
	background-repeat: no-repeat;
}
.usual li {
	float: left;
	list-style: none;
	margin-right: 5px;
}
.usual ul a {
	display: block;
	text-decoration: none!important;
	height: 21px;
	text-align: center;
	width: 100px;
	margin: 1px;
	padding-top: 1px;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 0;
	color: #FFF;
	background: #444;
	background-image: url('images/custom/tab-home-lower-notselected.gif');
}
.usual ul a:hover {
	color: #FFF;
	background-image: url('images/custom/tab-home-lower-hover.gif');
}
.usual ul a.selected {
	margin-bottom: 0;
	color: #000;
	background-image: url('images/custom/tab-home-lower-selected.gif');
	border-bottom: 1px solid snow;
	cursor: default;
}
.usual div {
	padding: 2px 2px 2px 2px;
	background-color: white;
	height: 242px;
	clear: left;
color:Black;
}
.usual div a {
	color: #000;
	font-weight: bold;
}
#usual2 {
	background: #0A0A0A;
	border: 1px solid #1A1A1A;
}
#usual2 a {
	background: #222;
}
#usual2 a:hover {
	background: #000;
}
#usual2 a.selected {
	background: snow;
}
#tabs3 {
	background: #FF9;
}
.lowerHomeArea {
	height: 270px;
	width: 100%;
	background-image: url('images/custom/lowerareahomebg.gif');
	background-color: #d4d4d4;
	background-repeat: no-repeat;
	margin-top: 16px;
	margin-left:0px;
}
.lowerHomeArea .left {
	
	margin-top: 1px;
	margin-left: 0px;
	width: 75%;
}
.footer {
	height: 43px;
	background-color: black;
}
.footerWrap {
	padding-top: 9px;
	width: 992px;
	margin: 0 auto;
	font-size: 10px;
	color: #66426e;
}
.footerWrap .left a:link, .footerWrap .left a:visited {
	color: #66426e;
	text-decoration: none;
}
.footerWrap .left {
	float: left;
	width: 231px;
}
.footerWrap .right {
	float: right;
	width: 231px;
	text-align: right;
}
.footerWrap .right a:link, .footerWrap .right a:visited {
	color: #9e61ab;
	text-decoration: none;
}
#latestnews h1 {
	font-size: 11px;
	display: block;
	padding-bottom: 10px;
	height: 14px;
}
#latestnews h1 strong {
	color: #712a7c;
	display: block;
	float: left;
}
#latestnews h1 em {
	color: #7d6c01;
	display: block;
	float: right;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
}
#latestnews p img {
	margin-bottom: 10px;
}
#latestnews p, #objectives p {
	font-size: 11px;
	color: #6c6a6a;
	line-height: 13px;
}
p.latestNews {
	margin-top:8px;
	margin-left:9px;
}
a.latestNews:link, a.latestNews:visited {
	font-size: 9px;
	width: 351px;
	text-align: left;
	height: 18px;
	cursor: pointer;
	color: #78178a;
	display: block;
	padding-left: 5px;
	line-height: 18px;
	margin-bottom: 2px;
	background-color: #d0d0d0;
	font-weight: normal;
}
a.latestNews:hover {
	background-color: #78178a;
	color: white;
}
#prizes .contentPrizes {
	height: 204px;
}
#prizes strong {
	display: block;
	font-size: 19px;
	color: #767676;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	width: 100%;
}
#prizes blockquote p {
	font-size: 11px;
	color: #474747;
	margin-top: 5px;
	width: 362px;
	text-align: center;
}
#winners , #winners td{
font-size:10px;
color:#6A0F78;
}
#winners table{
margin-left:20px;
}
a.winnersResults:link, a.winnersResults:visited {
background-color:#78178A;
color:white;
cursor:pointer;
font-size:9px;
font-weight:normal;
height:18px;
line-height:18px;
padding:2px;
text-align:right;
}
#schedule table{
width:356px;
}
#schedule th, #schedule td{
font-size:11px;
padding:2px;
}
#schedule th{
	background-color: #78178a;
	color: white;
	height:18px;
}


.leftAreaInner {
	width: 22%;
	float: left;
	background-color:#d4d4d4;
}
.rightAreaInner {
	background-color: #ebebeb;
	width: 77%;
	float: right;
}
.rightAreaInnerWhite {
	width: 77%;
	float: right;
}
.directory {
	font-size: 10px;
	background-color: #ebebeb;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
	border-bottom: 10px white solid;
}
.directory span {
	padding-left: 10px;
}
.directory a:link, .drectory a:visited {
	color: #860ea4;
}
.featuredNews {
	background-color: #ebebeb;
	padding: 6px;
	border-bottom:10px white solid;
	height:171px;
}
.featuredNews .image {
	width: 224px;
	height: 171px;
	background:white;
	float: left;
	margin-right:10px;
	border:2px solid #CCCCCC;
}
.featuredNews .contentFN {
	/* width: 460px; 
	float: right;*/
	
}
.featuredNews .contentFN h3 a {
font-weight:bold;
text-decoration:none;
	width: 460px;
	font-size: 12px;
	color: #8a11a2;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: normal;
	padding: 0px;
	background-image: none;
}
.featuredNews .contentFN p {
	font-size: 11px;
	margin-right: 5px;
	text-align: justify;
}
.featuredNews .contentFN h3 strong {
	display: block;
	font-size: 11px;
	color: #640677;
	text-transform: none;
}
a.readMore:link, a.readMore:visited {
	color: #817000;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	margin-top: 5px;
	display: block;
}
a.readMore:hover {
	text-decoration: none;
}
h1.main, h2.main{
	height: 34px;
	line-height: 34px;
	width: 100%;
	background-image: url('images/custom/h1-title-inners.jpg');
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	color: #817000;
	text-transform: uppercase;
	letter-spacing: -1px;
	border-bottom: 10px white solid;
padding-left: 14px;
	
}
.tickerInner {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: white;
	background-image: url('images/custom/rssticker-inner.jpg');
	background-repeat: no-repeat;
	height: 55px;
	line-height: 55px;
border-color:64027B;
border-width:5px;
	
}
#tickerNewsInner{
	height: 55px;
	margin-left:130px;
	width:580px;
	overflow:hidden;
}
.tickerInner a{
color:White;
font-size:13px;
}
.tickerInner div{
text-align:center;
height: 55px;
line-height:55px;
}
.subFeaturedNews {
	padding: 6px;
	background-color: #ebebeb;
}
.subFeaturedNews blockquote {
	width: 694px;
	margin-bottom: 10px;
	padding: 6px;
	background-color: white;
}
.subFeaturedNews blockquote .image {
	width: 215px;
	float: left;
}
.subFeaturedNews blockquote .contentSFN {
	float: right;
	width: 450px;
	margin-right: 10px;
}
.contentSFN h1 strong {
	font-size: 11px;
	color: #640677;
	display: block;
	float: left;
}
.contentSFN h1 em {
	font-weight: normal;
	font-size: 10px;
	color: #640677;
	display: block;
	float: right;
	font-style: normal;
}
.contentSFN p {
	text-align: justify;
	color: #6a2578;
	font-size: 11px;
}
.newsArchive {
	padding: 0px;
	background-color: white;
	margin: 0px 0px 6px 0px;
}
.acrhiveSort {
	width: 680px;
	height: 61px;
	background-image: url('images/custom/newsarchive.jpg');
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}
.archiveList {
	width: 677px;
	margin: 0 auto;
}
.archiveList ul {
	margin-top: 10px;
	float: left;
	width: 337px;
}
.archiveList ul li {
	margin-bottom: 3px;
}
.archiveList ul li a:link strong, .archiveList ul li a:visited strong {
	display: block;
}
.archiveList ul li a:link, .archiveList ul li a:visited {
	padding-top: 7px;
	padding-left: 7px;
	font-size: 11px;
	color: #575757;
	display: block;
	text-decoration: none;
	background-image: url('images/custom/listarchivenews.jpg');
	background-repeat: no-repeat;
	height: 33px;
}
.archiveList ul li a:hover {
	background-position: 0px -40px;
	color: white;
}
.acrhiveSort table {
	margin: 0px auto 0px auto;
	width: 652px;
	height: 46px;
	font-size: 11px;
}
.style1 {
	vertical-align: middle;
}
.acrhiveSort table h1 {
	color: #756600;
	font-weight: bold;
}
.acrhiveSort table td {
	padding-top: 8px;
	font-weight: bold;
	color: white;
}
select.newsArchive {
	font-size: 11px;
	padding: 0px;
	border: 1px #fce54a solid;
	width: 150px;
	color: #d8bc03;
	font-family: Tahoma;
}
.searchNews, .latestFeatures {
	margin: 13px auto 13px auto;
	width: 182px;
	background-color: #e4e4e4;
	padding: 10px;
}
.latestFeatures ul {
	margin-top: 10px;
}
.latestFeatures ul li {
	font-size: 11px;
	color: #747474;
	margin-bottom: 10px;
}
.latestFeatures ul li a:link, .latestFeatures ul li a:visited {
	color: #747474;
	text-decoration: none;
}
.latestFeatures ul li a:hover {
	text-decoration: underline;
}
.searchNews div {
	margin-top: 14px;
	text-align: center;
}
.searchNews h1, .latestFeatures h1 {
	display: block;
	height: 20px;
	width: 174px;
	background-color: #b1b1b1;
	color: white;
	font-size: 11px;
	line-height: 20px;
	padding-left: 10px;
}
input.inputTextSearch {
	border: 1px #e4e4e4 solid;
	font-family: Tahoma;
	font-size: 10px;
	color: gray;
	width: 180px;
	height: 16px;
	padding-top: 4px;
}
.rssNews {
	text-align: center;
}
.adVert1 {
	margin-top: 20px;
	text-align: left;
	float:left;
	margin-left:0;
}
.raceContent h1 {
	font-size: 13px;
	color: #640677;
	text-transform: uppercase;
	display: block;
	margin-bottom: 13px;
	padding:0;
}
.raceContent .text {
	width: 600px;
	float: left;
}
ul.keyPersons {
	font-size:11px;
	color:#7d1397;
	list-style:square;
	margin-left:30px;
	margin-bottom:20px;
}
ul.keyPersons li {
	margin-top:5px;
	margin-bottom:5px;
	height:12px;
}
ul.keyPersons li strong {
	color:#c2a700;
}
ul.keyPersons li a:link, ul.keyPersons li a:visited {
	color:#777777;
}
.newsContent h1 {
	font-size: 13px;
	color: #640677;
	text-transform: uppercase;
	display: block;
}
.newsContent p a:link, .newsContent p a:visited {
	color:#7d1397;
	font-weight:bold;
	text-transform:uppercase;
}

.newsContent p {
	font-size: 11px;
	color: #717171;
	margin-bottom: 10px;
	text-align: justify;
}
.raceContent .text p a:link, .raceContent .text p a:visited {
	color: #7c049a;
}
.raceContent .text p {
	font-size: 11px;
	color: #717171;
	margin-bottom: 10px;
	text-align: justify;
}
.raceContent .image p a:link, .raceContent .image p a:visited {
	color: #717171;
}
.raceContent .image {
	float: right;
}
.raceContent .image p {
	font-size: 10px;
}
.containerHome {
	float: left;
	width: 78%;
}
.menuHome {
	width: 22%;
	float: left;
}
.raceTable {
	margin-top: 20px;
	margin-bottom: 20px;
}
.raceTable table {
	width: 100%;
}
.raceTable table td.title {
	height: 33px;
	background-color: #7d1397;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	text-transform: uppercase;
	border: 1px white solid;
}
.raceTable table td.dark {
	height: 38px;
	color: black;
	background-color: #c4c4c4;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	border: 1px white solid;
}
.raceTable table td.light {
	height: 38px;
	color: black;
	background-color: #e1e1e1;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	border: 1px white solid;
}
.raceTable table td.info {
	background-color: #777777;
	font-size: 11px;
	color: white;
	height: 37px;
	vertical-align: middle;
	padding-left: 20px;
	font-weight: bold;
}
.raceTable table td.info2 {
	background-color: #e9c801;
	border-top:1px white solid;
	font-size: 11px;
	color: black;
	height: 20px;
	vertical-align: middle;
	padding-left: 20px;
	font-weight: bold;
}
.subMenu {
	width: 212px;
	height: 257px;
	margin-bottom: 20px;
	background-image: url('images/custom/submenu-bg.jpg');
	background-repeat: no-repeat;
}
.subMenu h1 {
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	padding-top: 6px;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
}
.subMenu ul {
	margin-top: 20px;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
}
.subMenu ul li {
	margin-bottom: 6px;
}
.subMenu ul li a.current:visited, .subMenu ul li a.current:link {
	font-weight: bold;
	color: #e579ff;
}
.subMenu ul li a:link, .subMenu ul li a:visited {
	display: block;
	height: 14px;
	border-bottom: 1px #55006b solid;
	color: white;
	text-decoration: none;
}
.subMenu ul li a:hover {
	background-color: #55006b;
	border-bottom: 1px #9800bf solid;
}
.contetBlock {
	margin: 10px auto;
}
.contetBlock blockquote {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	background-image: url('images/custom/federations-block.jpg');
	background-repeat: repeat-x;
	background-color: white;
}
.contetBlock blockquote h1 {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}
.contetBlock blockquote h1 strong {
	float: left;
	display: block;
	font-size: 10px;
	color: white;
	text-transform: uppercase;
}
.contetBlock blockquote h1 em {
	float: right;
	display: block;
	font-style: normal;
}
.contetBlock blockquote h1 em a:link, .contetBlock blockquote h1 em a:visited {
	color: #e272ff;
	font-size: 10px;
	text-decoration: none;
}
.contetBlock blockquote h1 em a:hover {
	color: white;
}
.contetBlock blockquote p {
	font-size: 11px;
	color: #380146;
	text-align: justify;
}
img.logoFeds {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	background-color: white;
	border: 3px white solid;
	text-align: center;
}
#objectives h2 {
	color: #712a7c;
	font-size: 11px;
	padding-bottom: 10px;
	height: 14px;
}
#objectives h3 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #ccb100;
}
.rightLowerHome {
	float: right;
	margin-top: 1px;
	margin-right: 0px;
margin-left:0px;
		width: 24%;
}
.raceContent h2 {
	margin-top: 20px;
	height: 21px;
	line-height: 21px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: white;
	background-color: #831f96;
	padding:0px;
}
table.raceTracks {
	width: 100%;
	margin-top: 10px;
}
table.raceTracks td {
	text-align: center;
	height: 103px;
	vertical-align: middle;
}
table.raceTracks td p {
	font-size: 11px;
	font-weight: bold;
	color: #831f96;
}
.raceContent .registration {
	margin-top: 20px;
}
.roundSchedule table {
	font-size: 11px;
}
.raceContent .registration table {
	color: #5c5c5c;
	font-size: 11px;
	margin-top: 40px;
}
.raceContent .registration p, .roundSchedule table p {
	font-size: 11px;
	font-weight: bold;
	color: #c47a00;
}
.raceContent .registration p a:link, .raceContent .registration p a:visited, .roundSchedule a:link, .roundSchedule a:visited {
	color: #c47a00;
}
.raceContent .registration table td.text02, .roundSchedule table td.title02 {
	text-transform: uppercase;
	color: #e2c500;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
	text-decoration:none;
}
.raceContent .registration table td.text02 a:link, .raceContent .registration table td.text02 a:visited {
	color:#e2c500;
	text-decoration:none;
}
.raceContent .registration table td a:link, .raceContent .registration table td a:visited {
	color: #e2c500;
}
table.equipmentTable {
	font-size: 11px;
	width: 100%;
	margin-bottom: 20px;
}
table.equipmentTable td {
	height: 15px;
	vertical-align: middle;
}
table.sponsorsTable {
	width: 100%;
	margin-bottom: 10px;
}
table.sponsorsTable td {
	height: 120px;
	text-align: center;
	vertical-align: middle;
}
table.sponsorsTable td p {
	font-size: 10px;
}
table.sponsorsTable td p a:link, table.sponsorsTable td p a:visited {
	color: #838383;
	text-decoration: none;
}
table.sponsorsTable td p a:hover {
	color: #620279;
}
.sponsorImage{


margin:20px;
float:left;
text-align:center;
}
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.title01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.text01 a:link, .text01 a:visited {
	color:black;
}
.title02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #812F8E;
}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #812F8E;
}
A.class1:link {
	color: #000000;
}
A.class1:visited {
	text-decoration: none;
	color: #812F8E;
}
A.class1:hover {
	text-decoration: underline;
	color: #FF6600;
}
A.class1:active {
	text-decoration: none;
	color: #812F8E;
}
.text01B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
A.class2:link {
	color: #812F8E;
}
A.class2:visited {
	text-decoration: none;
	color: #812F8E;
}
A.class2:hover {
	text-decoration: underline;
	color: #FF6600;
}
A.class2:active {
	text-decoration: none;
	color: #812F8E;
}
.text02B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #812F8E;
}
.title01Big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.mediaCenter {
	width: 702px;
	height: 475px;
	background-image: url('images/custom/mediacenter-mainbg.gif');
	background-repeat: no-repeat;
	padding: 8px;
}
.media-center-image{
float:left;
margin:0 3px 3px 0;
}
.mediaCenter .latestImagesMedia {
	width: 438px;
	height: 249px;
	background-image: url('images/custom/mekc-latest-images-mediacenter.jpg');
	background-repeat: no-repeat;
}
.contentImages {
	margin-left: 194px;
	padding-top: 16px;
	height:210px;
}
.latestImagesMedia p {
	font-size: 11px;
	color: white;
	display: block;
	text-align: center;
	margin-top: 10px;
}
.latestPress {
	margin-top:30px;
	background-image:url('images/custom/latest-press-bg.jpg');
	width:436px;
	height:215px;
	background-repeat:no-repeat;
}
.latestPress p a:link, .latestPress p a:visited {
	color:#5c595c;
}
.latestPress table {
	width:414px;
	margin:30px auto 0px auto;
}
.latestPress table td ,.latestPress table td a{
	font-size:11px;
	color:white;
	height:26px;
	line-height:26px;
}
.latestPress table td.dark {
	background-color:#494949;
}
.latestPress table td.title {
	width:337px;
	text-indent:10px;
}
.latestPress table td.light {
	background-color:#676767;
}
.contentImages p a:link, .contentImages p a:visited {
	color: white;
}
.contentImages table {
	width: 230px;
}
.latestVideos {
	width:252px;
	padding-top:42px;
	height:434px;
	background-image:url('images/custom/latest-videos-bg.jpg');
}

.latestVideos blockquote {
	display:block;
	width:226px;
	height:93px;
	border:1px #474747 solid;
	background-color:#474747;
	margin:0px auto 5px auto;
}
.latestVideos blockquote .text {
	float:left;
	width:123px;
	margin-left:9px;
}
.latestVideos blockquote .text p {
	font-size:11px;
	color:white;
	margin-top:3px;
}
.latestVideos blockquote .text p strong {
	display:block;
}
.latestVideos blockquote .image {
	float:right;
	width:93px;
	height:93px;
}
.contentImages table td {
	width: 55px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 2px;
	height: 55px;
}
.contentImages h1 {
	margin-bottom: 10px;
}
#media h2 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5f0274;
	margin-bottom: 17px;
	display: block;
}
#media .latestImages {
	width: 365px;
	height: 183px;
	float: left;
	background-color: #dcdcdc;
}
.latestImages table {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	height: 160px;
}
.latestImages table td {
	width: 75px;
	height: 75px;
}
.pressReleaseItem td{
padding:2px;
}

.gallery{
border-left:1px solid black;
border-top:1px solid black;
width:690px;
margin:5px 0px 5px 5px
}

.gallery-image{
background:#CCCCCC none repeat scroll 0 0;
border-bottom:1px solid black;
border-right:1px solid black;
float:left;
height:130px;
width:137px;
}

.mediaCenterOutter {
	width: 702px;
	padding-top:8px;
    width:718px;
	background-image: url('images/custom/mediacenter-mainbg.gif');
	background-repeat: no-repeat;
	background-position:center top;
}
.mediaCenterInner {
	width: 702px;
	
	background-image: url('images/custom/mediacenter-mainbg.gif');
	background-repeat: no-repeat;
	background-position:center bottom;
	padding: 8px;
	padding-top:0px;
}


.videoDescription blockquote {
    background-color:#474747;
    border:1px solid #666666;
    display:block;
    float:left;
    height:296px;
    margin:0 0 0 5px;
    padding-bottom:5px;
    width:170px;
}
.videoDescription blockquote .text {
	float:left;
	width:123px;
	margin-left:9px;
}
.videoDescription blockquote .text p {
	font-size:11px;
	color:white;
	margin-top:3px;
}
.videoDescription blockquote .text p strong {
	display:block;
}


.video-gallery blockquote {
    background-color:#474747;
    border:1px solid #666666;
    display:block;
    float:left;
    margin:0 5px 10px 0;
	width:226px;
	height:93px;
}
.video-gallery blockquote .text {
	float:left;
	width:123px;
	margin-left:9px;
}
.video-gallery blockquote .text p {
	font-size:11px;
	color:white;
	margin-top:3px;
}
.video-gallery blockquote .text p strong {
	display:block;
}

.voteResult{
clear:both;
padding:10px 0;
}
.voteResult span{

}
.voteResult img{
display:block;
}
.voteForm {
margin:5px 0;
}
.voteForm td{
padding:5px 0;
}
.voteForm label{
display:inline-block;
font-weight:bold;
padding-top:1px;
vertical-align:middle;

}
.voteForm input{
display:inline-block;
vertical-align:middle;
margin:0 15px;
}
.voteBarOutter{
border:1px solid #450855;
float:left;
height:15px;
margin-top:3px;
width:200px;
}

.voteBarInner{
background-color:#682477;
height:15px;
}

/*------------ RESET.CSS --------------*/

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	margin: 0px;
	background-color: white;
	font-family: "Tahoma";
	font-size:11px;
	background-color: #cfcfcf;
	background-image: url('images/custom/bgmain.jpg');
	background-repeat: repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*
html{
  background:#DEDFE3 none repeat scroll 0 0;
}

body
{
    margin:0px;
    padding:0px;
    width:100%;
    position:absolute;
}

#bodyDiv{
    width:100%;
    display:block;
}
#aspnetForm{
width:100%;
}

.tdHeader{
padding:0px;
margin:0px;
vertical-align:top;
}


#bodyDivContainer{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:15px auto;
width:929px;
}
#bodyDivContainer2{
padding:17px 18px 17px 17px;
}
body, input, td
{
    color:#444444;
    font-family:Arial;
    font-size:12px;
}
*/


#countdown {
background:black url(images/custom/countdownbg.png) no-repeat scroll left center;
height:33px;
width:244px;
position:relative;
}

#countdown span {
color:#D0D0D0;
font-family:tahoma;
font-size:32px;
line-height:28px;
position:absolute;
}

#countdown #days{
left:12px;
}
#countdown #hrs{
left:91px;
}
#countdown #min{
left:150px;
}
#countdown #sec{
left:210px;
}
.inputText{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #959485;
color:#272522;
font-family:arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px 1px 3px 1px;
overflow:auto;
overflow-x:hidden;
}

.inputText.rhHover{
border-color:#AFAEA3
}

.inputText.rhFocused
{
    color: #000000;
    border-color: #000000;
}
/*
#highlight { width: 240px; height: 135px; padding: 0.4em; }



#footer 
{
    margin-top:10px;
    border-top:1px dotted #cccccc;
    padding-top:10px;
    text-align:center;
    
}

.tdFooter{
padding:0px;
margin:0px;
vertical-align:bottom;
}

#header{
height:139px;
position:relative;

}
#header #flash
{
    z-index:100;
}
#header #flash embed,
#header #flash object
{
    z-index:100;
    
}
#header2
{
    height:139px;
    position:relative;
    top:0;
    width:894px;
    z-index:80; 
}

#header2 #top_bar
{
    position:absolute;
}

#loginArea{
margin-bottom:20px;
}

#loginArea a{
}

#loginArea a:hover{

text-decoration:none;
}

#loginStatus{
text-align:center;
color:red;
}
#loginArea .inside{
}


#searchArea{
background:transparent url(images/ButtonSprites_Navy.gif) no-repeat scroll left top;
padding-left:4px;
position:absolute;
right:0;
top:60px;
}

#searchContainer{
background:transparent url(images/ButtonSprites_Navy.gif) repeat-x scroll left -21px;
color:white;
height:21px;
line-height:19px;
padding:0 0 0 5px;
white-space:nowrap;
display:inline-block;
}
.searchTitle{

display:-moz-inline-box;
height:20px;
line-height:11px;
padding-top:0;
}
.SearchTextBoxWrap{

}
.SearchTextBoxWrap span{
}
.SearchTextBox
{ 
   border: 1px solid #B4D4F8 !important;
   font-size:11px !important;
    
    margin-bottom:0;
    margin-left:5px;
    margin-right:0;
    margin-top:0px; 
    padding:2px 2px 1px !important;
   }

.SearchBtn
{
    margin-top:1px;
}

#header2 #top_bar span{
display:inline-block;
  
   line-height:19px;
}
#header2 #top_bar img{
   padding-right:3px;

}
#header2 #top_bar #loginArea input
{
background-color:white;
border:1px solid #000000;
font-size:11px;
height:11px;
line-height:11px;
vertical-align:top;
}
#header #loginStatus{
font-weight:bold;
}

#header #top_links{
display:block;
height:20px;
position:absolute;
right:5px;
text-align:right;
top:40px;
width:100px;
}
#header #top_links img{
margin:0 2px;
}



#header2 #lang_switch
{
right:0px;
position:absolute;
top:0px;
width:100px;
}

#header2 #logo
{
background:transparent url(images/logo.png) no-repeat scroll 0 0;
display:block;
height:63px;
left:0;
position:absolute;
top:0;
width:233px;
}

#header2 #slogan
{
    position:absolute;
    top:88px;
    color:White;
    font-family:Arial;
    font-size:18px;
    line-height:20px;
    border-left:1px dotted white;
    padding-left:25px;
    left:300px; 
}

#header2 #top_menu
{
bottom:0;
left:0;
position:absolute;
text-align:left;
top:100px;
width:100%;
}


#headerMenu{
background:#E3E4E7 none repeat scroll 0 0;
display:block;
height:41px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
white-space:nowrap;
width:100%;
word-spacing:-3px;
list-style-position:inside;
}


#headerMenu li{
background:transparent url(images/menu_tile.png) no-repeat scroll right -82px;
display:inline;
margin:0;
padding:0 4px 0 0;
word-spacing:-3px;
margin:0;
white-space:normal;
}

html>body #headerMenu li{
display:-moz-box;
}



#headerMenu li a{

color:#000000;
display:inline-block;
font-family:arial;
font-size:10pt;
height:17px;
padding:12px 14px;
text-decoration:none;
margin:0;
word-spacing:normal;
}

html>body #headerMenu li a{
display:-moz-box;
}


#headerMenu li a:hover,
#headerMenu li a.selected{
background:transparent url(images/menu_tile.png) repeat-x scroll left -41px;
color:#FFFFFF;
margin:0 -4px;
padding:12px 18px;
}

#headerMenu li.last
{
    background:none;
}


.main_content{
vertical-align:top;
}
.main_content td{
vertical-align:top;
}
*/
#mainPadder, .mainPadder{
   padding:15px 15px 20px 0;
   
}

/*
#top_banner_home{
background:transparent url(images/header_banner.png) no-repeat scroll left top;
height:327px;
margin-top:3px;
padding-bottom:3px;
width:894px;
}
#top_banner_text{
height:173px;
line-height:160%;
margin:0 0 0 725px;
padding-top:15px;
width:250px;
color:#666666;
}

#top_banner_text a{
color:Red;
}


.leftColumn{
background-color:#F9F9F9;
color:#333;
width:270px;

}
.leftColumn .columnPadder{
padding:15px;
}

.leftColumn h2{
border-bottom:2px solid #C5D9EB;
font-weight:bold;
margin-bottom:5px;

}
.upcomingEventsDiv{
padding:10px;
}
.upcomingEventsDiv table{
border-collapse:collapse;
}


.upcomingEventsDiv .eventTitle{
font-weight:bold;
padding-left:13px;
line-height:13px;
background:url(images/marker.gif) no-repeat left center;
margin-top:10px;
display:block;
}

.upcomingEventsDiv .eventDate{
clear:both;
display:block;
font-size:11px;
margin-top:2px;
}

.homeProducts{
margin-top:8px;
}
.homeProducts h2{
color:#333333;
font-weight:bold;
line-height:30px;
}
.homeProducts h3{
color:#0C88B1;
font-size:1.16em;
line-height:1em;
margin-top:10px;
font-family:Tahoma;
}
.homeProducts .productDesc{
color:#9D9FA9;
margin-top:5px;
}
.homeProducts img{

}

.homeProducts .thumb{
background:#DEDFE3;
margin:0 16px 0 0;
padding:8px 9px 9px;
border:1px solid #CCCCCC;
display:inline-block;
}
.homeProducts .thumbContainer{
background:white none repeat scroll 0 0;
border:1px solid #CCCCCC;
height:98px;
width:170px;
text-align:center;
display:inline-block;
}
.homeLinks{
margin-bottom:50px;
}
.homeLinks h2{
color:#333333;
font-weight:bold;
line-height:30px;
}
.homeLinks h3{
color:#0C88B1;
font-size:1.16em;
line-height:1em;
margin-top:10px;
font-family:Tahoma;
}
.homeLinks .linkDesc{
color:#9D9FA9;
margin-top:5px;
}

.homeProducts img{

}



table.homeOurVision{
margin-right:16px;
line-height:140%;
}
.homeOurVision h2{
padding:0px;
}

*/
.categoriesBoxes .postTitle a{
font-size:13px;
text-decoration:none;
font-weight:bold;
color:#350044;
}

.categoriesBoxes .postTitle a:hover{
text-decoration:underline;
}
.categoriesBoxes .postDescription{
font-size:10px;
margin-left:15px;
font-family:Tahoma;
}
.categoriesBoxes legend{
color:#333333;
}

#rightColumn{

}


#footerMenu{
word-spacing:-3px;
clear:both;
list-style:none;
margin:0 auto;
padding:0;
width:900px;
text-align:left;
}

#footerMenu li{
word-spacing:normal;
display:inline;
}
html>body #footerMenu li{
display:-moz-box;
}


#footerMenu li a{
border-right:1px dotted #66426E;
color:#66426E;
display:inline-block;
font-family:tahoma;
font-size:10px;
height:11px;
padding:0 4px 0 4px;
text-decoration:none;
}
html>body #footerMenu li a{
display:-moz-box;
}


#footerMenu li a:hover, #footerMenu li a.selected
{
    color: #8854AB;
}

#footerMenu li a.first
{
    padding-left:0px;
}


#footerMenu li a.last
{
    background:none;
    border-right:none;
}

.footerText{
font-family:Verdana;
font-size:9px;
clear:both;
}


h1, h2, h3, h4
{
   
    margin:0px;
    padding:0px;
    padding-bottom:5px;
    font-weight:normal;
    color:#640677;
}
h1
{   font-family:Tahoma;
    font-size:18px;
    font-weight:bold;
}
h2
{
    font-size:16px;
    font-weight:bold;
    padding-top:7px;
}
h3 { font-weight:bold;  font-size: 14px; }
 /*   
p { margin:0 0 10px; }
img { border:0px}
.floatl{
 float:left;
}

a, a:visited{ color: #276098; text-decoration:none; }
a:hover{ text-decoration:underline; }
.floatr{
float:right;
}
*/

.floatn{
float:none;
}

.alignl{
text-align:left;
}

.alignr{
text-align:right;
}

img.floatl
{
    margin-right: 5px;
}


img.floatr
{
    margin-left: 5px;
}

.dir{
direction:ltr;
}

.drtl{
direction:rtl;
}

.dltr{
direction:ltr;
}

.paddingLeft10px { padding-left:10px; }
.paddingLeft5px { padding-left:5px; }

.paddingRight10px { padding-right:10px; }
.paddingRight5px { padding-right:5px; }

.marginLeft10px { margin-left:10px; }
.marginLeft5px { margin-left:5px; }

.marginRight10px { margin-right:10px; }
.marginRight5px { margin-right:5px; }


.captcha{

}

.captchaText{
line-height:20px;
margin-right:5px;
}

.captchaInput{
background:white url(images/captcha_arrow_right.gif) no-repeat scroll -5px center;
border:1px solid #CCCCCC;
color:black;
float:left;
font-family:arial;
font-size:15px;
font-weight:bold;
height:20px;
letter-spacing:15px;
margin-left:6px;
padding:0 0 0 15px;
width:97px;
}

.captchaImg{
border:1px solid #CCCCCC;
float:left;
clear:both;
}

/*----------------- fieldset --------- */


fieldset
{ 
    border: 1px solid #CCCCCC;
    margin: 10px 0 10px 0;
    padding:5px;
    padding-top:0px;
}


fieldset h2{
    font-size:14px;
    font-family:Arial;
}

fieldset legend
{
    color: #276098;
    font-size:14px;
    font-weight:bold;
    line-height:24px;
    font-family:Arial;
    
}



fieldset table
{
    width:100%;
    border:none;
    margin:0px;
    border-spacing:0px;
}


.fieldNameToolTip, .fieldName
{      
    white-space:nowrap;
    font-weight:bold;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    color:#242424;
}

td.fieldNameToolTip, td.fieldName{

    padding-top:10px;
   vertical-align:top;
   border-right:none;
    border-bottom:1px solid #ccc;
    background-color:#F5F5F5;
    padding-bottom:10px;
    
}


span.fieldNameToolTip,
.fieldNameToolTip span
{
    background-image: url('images/question_icon.gif');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right:20px;
    cursor: help;
    display: -moz-box;
    display: inline-block;
}

.fieldName .desc, .fieldNameToolTip .desc{
font-size:10px;
font-weight:normal;
clear:both;
display:block;
white-space:normal;
}


.fieldGroup{
float:left;

}


.fieldValue
{
  padding-top:10px;
  padding-left:15px;
  padding-right:10px;
  vertical-align:top;
  padding-bottom:15px;
  border-bottom:1px solid #ccc;
  background-color:#FBFBFB;
}

.fieldValue .smallFont{
font-size:9px;
font-style:italic;
padding:0px 5px 0px 5px;
}

td.fieldname
{
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    vertical-align: top;
}


.fieldsetTable td.commandRow{
    padding-top:10px;
    padding-bottom:5px;
}

.fieldsetTable td.validationSummary{
empty-cells:hide;
padding:0px;
margin:0px;
color:Red;
 background-color:#FFFDEC;
}

.validationSummary div{

 border-bottom:1px solid #ccc;

}
.fieldsetTable{ width:100%; border-spacing:0px; border:0px; border-collapse:collapse; }


.info {
margin:0;
padding:0 5px;
}

.info H1,.info H2, .info H3{
border-bottom:1px solid #CCCCCC;
font-size:14px;
padding-top:5px;
}
.info p{
margin:0;
padding:10px 0;
}
/*-----------SectionTable--------------*/

.sectionTable
{
    margin-right:10px;
    padding:5px;
}
.sectionTable td
{
    padding:5px;
}

.sectionTable h2
{
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    width: 100%;
}

.sectionTable h2 a
{
    
    text-decoration: none;
}

.sectionTable p
{
    margin-top:5px;

}

.sectionTable td
{
    vertical-align:top;
}

/*-----------moduleTitle--------------*/

.moduleTitle
{
    padding:0px;
    margin:0px;
    width:100%;
    margin-bottom:10px;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;

    border-collapse:collapse;
    
}

.moduleTitle td
{
    padding:0px;
    margin:0px;
    padding-bottom:20px;
    border-spacing:0px;
}

.moduleTitle td.img
{
    padding:0px;
    margin:0px;
    width:48px;
    vertical-align:top;
}



.moduleTitle img
{
    margin-top:2px;
    margin-right:10px
}


.moduleTitle h1
{
    font-family:Tahoma;
    font-size:18px;
    font-weight:bold;
    line-height:25px;
    padding:0px;
    margin:0px
    
}

.moduleTitle p{
    padding:0px;
    margin:0px;
    margin-top:2px;
    font-size:12px;
    color:#333;
}






/* ------------ WIZARD ---------------------- */


    .verticalWizard .wizardHeading{
    
    border-bottom:1px solid #ccc;
    }
    .verticalWizard h1,.verticalWizard h2,.verticalWizard h3{
        padding:2px 10px;
        font-size:16px;
        
    
    }
    .wizardHeading p{
        margin-left:10px;
    }
    
    .verticalWizard .wizardStepLinks td
     {
         padding:0px;
     }

    

     .verticalWizard .wizardContainer
    {
        position:static;
        left:0px;
        top:0px;
        width:100%;
        z-index:100;
       
             border:1px solid #ccc;
       border-collapse:separate !important;     
                      
    }
    
     .verticalWizard .wizardContainer td
    {
       
    }
        
     .verticalWizard .info {
        background-color:#E3E3E3;
        padding:10px 5px 10px 5px;
        margin:0px;
     }
     .verticalWizard td.wizardStep
    {
        vertical-align:top;
        width:100%;
        height:200px;
        padding:0px;
    }
    
    .verticalWizard td.wizardStep p
    {
    
    }
    
    .verticalWizard td.wizardStep table 
    {

        height:auto;
    }    

    .verticalWizard .wizardContainer td
   {

   }
    .verticalWizard .wizardContainer td table
   {

       
   }  
        .verticalWizard .wizardContainer td table table
     {
         border:none;
     }            

    .verticalWizard .wizardContainer td
   {
     
         
       
   }    
    .verticalWizard .wizardContainer table .fieldName
   {
      
            
       
   }    
  
     .verticalWizard  td.SideBar table,
     .verticalWizard  td.navigationArea table
    {
        border:none;
        padding:0px;
        
        
    }

    .verticalWizard td.navigationArea table
    {
        background-color: #F3F3F3;
        /* border-top: 1px solid #BFBFBF; */
        width: 100%;
        height:45px;
     
    }
    .verticalWizard td.navigationArea table td
    {
           padding-top:10px;
           padding-bottom:10px;
           vertical-align:middle;
           width:100%;
    }
    
     .verticalWizard  td.SideBar
    {

        width:150px;
        vertical-align:top;
    }
     .verticalWizard  td.SideBar table
    {
        position:absolute;
        margin-right:-1px;
        margin-top:1px;
        border-right:1px solid white;
    }
    
    .verticalWizard .SideBar a
    {
         display:none;
    }
    
    
    .verticalWizard fieldset{
    margin:0px;
    padding:0px;
    border:none;
    border-top:1px solid #ccc;
    }


/*------ wizard with sideBar --------------*/
    .verticalWizardSideBar .wizardStepLinks td
     {
         padding:0px;
     }
    .verticalWizardSideBar  .wizardStepLink
    {
       background:white url(images/verticalTabBg.gif) no-repeat scroll 0 0;
       height:27px;
       width:150px;
       text-align:right;
       z-index:400;
       position:relative;
       margin-top:-1px;
       border-right:1px solid #787878;
       
    }
    
    .verticalWizardSideBar  .wizardStepLink a
    {
        color:#333333;
        display:block !important;
        margin:0px 10px;
        font-family:"segoe ui",arial,sans-serif;
        font-size:11px;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:26px;
        z-index:1000;
        text-decoration:none;
       
        
    }
     .verticalWizardSideBar .wizardStepLinkSelected .wizardStepLink
    {
        background-position:0 -26px;
        margin-right:-1px;
        width:151px;
        border-right:none;
    }    
    .verticalWizardSideBar  .wizardStepLink a:hover,
     .verticalWizardSideBar .wizardStepLinkSelected .wizardStepLink a{

        color:#6B6B6B;
    }
     .verticalWizardSideBar .wizardContainer
    {
        position:static;
        left:0px;
        top:0px;
        width:100%;
        z-index:100;       
    }
    
     .verticalWizardSideBar .wizardContainer td
    {
       
    }
        
     .verticalWizardSideBar td.wizardStep
    {
        vertical-align:top;
        width:100%;
        height:200px;
        padding:10px;
    }
    
    .verticalWizardSideBar td.wizardStep table 
    {
        height:auto;
    }    

    .verticalWizardSideBar .wizardContainer td
   {
       
       
       
   }
    .verticalWizardSideBar .wizardContainer td table
   {
       border:1px solid #787878;
       border-collapse:separate !important;
       
   }  
        .verticalWizardSideBar .wizardContainer td table table
     {
         border:none;
     }            

    .verticalWizardSideBar .wizardContainer td
   {
     
         
       
   }    
    .verticalWizardSideBar .wizardContainer table .fieldName
   {
      
            
       
   }    
  
     .verticalWizardSideBar  td.SideBar table,
     .verticalWizardSideBar  td.navigationArea table
    {
        border:none;
        padding:0px;
        
        
    }

    .verticalWizardSideBar td.navigationArea table
    {
        background-color: #F3F3F3;
        border-top: 1px solid #BFBFBF;
        width: 100%;
        height:45px;
     
    }
    .verticalWizardSideBar td.navigationArea table td
    {
            padding:5px;
           vertical-align:middle;
           width:100%;
    }
    
     .verticalWizardSideBar  td.SideBar
    {

        width:150px;
        vertical-align:top;
    }
     .verticalWizardSideBar  td.SideBar table
    {
        position:absolute;
        margin-right:-1px;
        margin-top:1px;
        border-right:1px solid white;
    }
    
    .verticalWizardSideBar .SideBar a
    {
         display:none;
    }


    

.htmlContentContainer
{
  
    position: relative;
    display:inline-block;
    
    height:auto;   
}
body>.htmlContentContainer{
display:-moz-inline-block;
}

    .htmlContentOverlay{
    display:none;
    z-index:499;
    position:absolute;
    width:100%;
    height:100%;
    background-color:black;
    border:1px dashed #ccc;
    left:0;
    
    }
    
    .editHtmlContentLink
    {
        z-index:500;
        background-position: top;
        background: red url(../../App_Shared/Images/htmlcontentediticon.png) no-repeat 37px top;
        width: 30px;
        font-weight:bold;
        border: 1px solid #ccc;
        padding-right: 20px;
        padding-left: 3px;
        height: 13px;
        font-size: 11px;
        line-height: 13px;
        color: Blue;
        position: absolute;
        top: 0px;
        right:0;
        display: block;
        text-decoration:none;
        color:white !important;
    }
    

     .changeModeToEdit a,
    .changeModeToLive a{
   color:White !important
    }  
    a.changeModeToEdit,
    a.changeModeToLive
    {
    position:absolute;
    display:block;
    z-index:999;
    top:-100px;
    right:25px;
    padding:5px;
    height:12px;
    width:88px;
    border:1px solid #ccc;
    border-top:none;
    line-height:12px;
    padding-left:26px;
    color:White !important;
    font-size:11px;
    text-decoration:none;
    }


    a.changeModeToLive{
        background:green url(images/live-preview-btns.png) no-repeat left top;
    }
    a.changeModeToEdit{
        background:orange url(images/live-preview-btns.png) no-repeat left -22px;
    }
    
    
    
    .barLoadingPanel
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: url(../../App_Shared/Images/ajax-loader-blue-hairy-circle-b.gif) no-repeat center left;
    padding-left: 37px;
    padding-top: 1px;
    margin-top: 10px;
    margin-left: 5px;
    height: 32px;
    width: 100px;
    position: relative;
    line-height: 32px;
    text-align: left;
    color: #28A9FF;
    z-index: 20000;
}
    
    
    .loadingBox
{
    margin-top: 5px;
    background-position: left;
    margin-bottom: 5px;
    background: #fffffF url(../../App_Shared/images/ajax-loader-gray-circle-b.gif) no-repeat center left;
    padding-left: 37px;
    padding-top: 1px;
    border: 3px solid #28A9FF;
    margin-top: 10px;
    margin-left: 5px;
    height: 32px;
    width: 70px;
    position: absolute;
    line-height: 32px;
    text-align: left;
    color: #28A9FF;
    z-index: 20000;
    top: 50%;
    left: 50%;
}


.validationStars{
color:Red;

}

.tableMargin td.fieldName, .tableMargin td.fieldNameToolTip
{
    padding: 5px 20px 5px 20px;
    height:20px;
}

.tableMargin
{
margin-bottom:10px;
}


.postImage{
width:300px;
height: auto;
}

.FeedbackOk{
color:Green;
}

.FeedbackKo{
color:Red;
}


.forceLTR, .forceLTR input
{
    direction: ltr;
}
