/* CSS Document */

/************************************************************************ 

Common style document for DanceMELA
Author: Jatin Parmar
Contact: Jatin@Kreeda.com
Version: 1.0       
Browser Target: Mozilla 6+/FireFox Netscape 6+, IE 5.0+

***********************************************************************/

/* CSS Document */
body{
background:#0882e7;
margin:0px;
padding:0px;
}

/* =Header
   ----------------------------------------------------*/
.Header1Img{
width:100%;
}
.Header1Left{
float:left;
}

.Header2Button{
clear:both;
width:100%;
height:98px;
}
.Header2BG{
background:#171717 url(../images/DanceMela-01.jpg) no-repeat;
float:left;
width:743px;
height:98px;
}

.Header2Top{
width:100%;
height:66px;
}
.Header2TopText{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
text-decoration:none;
padding-top:18px;
float:right;
}

.Header2TopLink{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
text-decoration:none;
}

.Header2TopLink a:link 			{color:#FFFFFF; text-decoration: underline; }
.Header2TopLink a:visited 		{color:#FFFFFF; text-decoration: underline; }
.Header2TopLink a:hover 		{color:#ff9900; text-decoration: underline; }
.Header2TopLink a:active 		{color:#FFFFFF; }

#Header2TopLink{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
text-decoration:none;
}

#Header2TopLink A:link 			{color:#FFFFFF; text-decoration: underline; }
#Header2TopLink A:visited 		{color:#FFFFFF; text-decoration: underline; }
#Header2TopLink A:hover 		{color:#ff9900; text-decoration: underline; }
#Header2TopLink A:active 		{color:#FFFFFF; }


.Header2TopRight{
float:right;
padding-top:13px;
margin-left:05px;
}


.Header2Search{
background:url(../images/Arrow-01.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
text-decoration:none;
float:right;
width:50px;
margin-top:18px;
margin-left:05px;
}

.Header2Search a:link 			{color:#FFFFFF; text-decoration: underline; }
.Header2Search a:visited 		{color:#FFFFFF; text-decoration: underline; }
.Header2Search a:hover 			{color:#ff9900; text-decoration: underline; }
.Header2Search a:active 		{color:#FFFFFF; }

#Header2Search{
background:url(../images/Arrow-01.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
text-decoration:none;
float:right;
width:50px;
margin-top:18px;
margin-left:05px;
}

#Header2Search A:link 			{color:#FFFFFF; text-decoration: underline; }
#Header2Search A:visited 		{color:#FFFFFF; text-decoration: underline; }
#Header2Search A:hover 			{color:#ff9900; text-decoration: underline; }
#Header2Search A:active 		{color:#FFFFFF; }

.HeaderField{
background:url(../images/Search-Bg.gif) no-repeat;
border:#1e3b61 1px solid;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#bbc4cf;
height:17px;
padding-left:20px;
padding-top:03px;
}

.Header2Bottom{
width:740px;
height:28px;
float:right;
}


.Header2BottomText{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:07px;
float:left;
}

.Header2BottomMainLink{
float:left;
padding-top:04px;
margin-right:00px;
}

.MyKreedaSub{
margin-top:05px;
}

.Header2MyKreeda{
background:url(../images/Arrow-02.gif) no-repeat center right;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
width:65px;
padding:0px 09px;
border:0px;
}

.Header2MyKreeda a:hover{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

.Header2MyKreeda a:visited 		{color:#FFFFFF; text-decoration: underline; }
.Header2MyKreeda a:hover 		{color:#ff9900; text-decoration: underline; }
.Header2MyKreeda a:active 		{color:#FFFFFF; }

#Header2MyKreeda{
background:url(../images/Arrow-02.gif) no-repeat center right;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
width:65px;
padding:0px 09px;
border:0px;
}

#Header2MyKreeda a:hover{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

#Header2MyKreeda a:visited 		{color:#FFFFFF; text-decoration: underline; }
#Header2MyKreeda a:hover 		{color:#ff9900; text-decoration: underline; }
#Header2MyKreeda a:active 		{color:#FFFFFF; }

#kreeda{
background:url(../images/Arrow-02.gif) no-repeat center right;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
width:65px;
padding:0px 09px;
border:0px;
}

#kreeda a:hover{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

#kreeda a:visited 		{color:#FFFFFF; text-decoration: underline; }
#kreeda a:hover 		{color:#ff9900; text-decoration: underline; }
#kreeda a:active 		{color:#FFFFFF; }


.Header2Play{
background:url(../images/Arrow-02.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:0px 12px 0px 08px;
width:79px;
}

.Header2Play a:hover{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

.Header2Play a:visited 		{color:#FFFFFF; text-decoration: underline; }
.Header2Play a:hover 		{color:#ff9900; text-decoration: underline; }
.Header2Play a:active 		{color:#FFFFFF; }

#playtogether{
background:url(../images/Arrow-02.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:0px 12px 0px 08px;
width:150px;
}

#playtogether a:hover{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

#playtogether a:visited 		{color:#FFFFFF; text-decoration: underline; }
#playtogether a:hover 		{color:#ff9900; text-decoration: underline; }
#playtogether a:active 		{color:#FFFFFF; }


.playtogether{
background:url(../images/Arrow-02.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:0px 12px 0px 08px;
width:150px;
}

.playtogether a:hover{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

.playtogether a:visited 		{color:#FFFFFF; text-decoration: underline; }
.playtogether a:hover 		{color:#ff9900; text-decoration: underline; }
.playtogether a:active 		{color:#FFFFFF; }



.Header2Tribes{
background:url(../images/Arrow-02.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:0px 12px 0px 08px;
width:70px;
margin-right:05px;
}

.Header2Tribes a:hover	{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

.Header2Tribes a:visited 		{color:#FFFFFF; text-decoration: underline; }
.Header2Tribes a:hover 		{color:#ff9900; text-decoration: underline; }
.Header2Tribes a:active 		{color:#FFFFFF; }

#community{
background:url(../images/Arrow-02.gif) center right no-repeat;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:left;
padding:0px 12px 0px 08px;
width:70px;
margin-right:05px;
}

#community a:hover	{
background:url(../images/Arrow-04.gif) center right no-repeat;
color:#ff6508;
text-decoration:underline;
}

#community a:visited 		{color:#FFFFFF; text-decoration: underline; }
#community a:hover 		{color:#ff9900; text-decoration: underline; }
#community a:active 		{color:#FFFFFF; }

.Header2BottomLink{
color:#FFFFFF;
text-decoration:none;
}

.Header2BottomLink a:link 			{color:#FFFFFF; text-decoration: underline; }
.Header2BottomLink a:visited 		{color:#FFFFFF; text-decoration: underline; }
.Header2BottomLink a:hover 			{color:#ff9900; text-decoration: underline; }
.Header2BottomLink a:active 		{color:#FFFFFF; }

#Header2BottomLink{
color:#FFFFFF;
text-decoration:none;
}

#Header2BottomLink A:link 			{color:#FFFFFF; text-decoration: underline; }
#Header2BottomLink A:visited 		{color:#FFFFFF; text-decoration: underline; }
#Header2BottomLink A:hover 			{color:#ff9900; text-decoration: underline; }
#Header2BottomLink A:active 		{color:#FFFFFF; }

.Header2BottomLinkOS{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding-left:05px;
}

.Header2BottomLinkOS a:link 			{color:#FFFFFF; text-decoration: underline; }
.Header2BottomLinkOS a:visited 			{color:#FFFFFF; text-decoration: underline; }
.Header2BottomLinkOS a:hover 			{color:#ff9900; text-decoration: underline; }
.Header2BottomLinkOS a:active 			{color:#FFFFFF; }

.Header2BottomL{
float:left;
}

.Header2BottomR{
float:right;
}

.LoginButton{
float:left;
margin:01px 05px 0px 05px;
}

.RegisterText{
padding:01px 00px 00px 05px;
float:left;
}

.Header3BGIn{
clear:both;
background:url(../images/Delete-3.jpg) top repeat-x;
width:962px;
height:132px;
border-left:#004471 1px solid;
border-right:#004471 1px solid;
}

/* =Content
   ----------------------------------------------------*/

.ContentBg{
background:#ddebf6 url(../images/DanceMela-03.jpg) top repeat-x;
border-left:#004471 1px solid;
border-right:#004471 1px solid;
}

.ContentBgIn{
background:#ddebf6 url(../images/DanceMela-03-In.jpg) top repeat-x;
border-left:#004471 1px solid;
border-right:#004471 1px solid;
}

/* Content Left Panel */
.ContentLeft{
width:211px;
padding-bottom:08px;
padding-left:08px;
}

/* Adv Panel Content*/
.AdvPanel{
width:141px;
}

.AdvTop{
padding:0px 08px 10px 08px;
}

.AvdBottom{
padding:0px 10px 10px 10px;
}

/* =Footer
   ----------------------------------------------------*/
.FooterTop{
width:100%
}

.FoterTopLeft{
float:left;
}

.FoterTopText{
background:url(../images/DanceMela-13.gif) repeat-x;
width:926px;
float:left;
height:82px;
text-align:center;
padding-top:18px;
}

.FooterTopText1{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
height:25px;
}

.FooterTopLink{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.FooterTopLink:hover{
color:#FF9900;
text-decoration:underline;
}

.FooterTopText2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
}

a.FooterTopText2:hover{
color:#FF9900;
font-weight:bold;
text-decoration:underline;
}

.FooterBottom{
clear:both;
float:left;
width:100%;
}

.FooterBottom1{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
float:left;
padding-right:07px;
height:50px;
width:110px;
}

.FooterBottom1.1{
float:left;
padding-right:07px;
width:75px;
}

.FooterBottom2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
float:left;
padding-right:07px;
height:50px;
width:40px;
}

.FooterBottom2.1{
float:left;
padding-right:07px;
width:75px;
}

.FooterBottom3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
float:left;
padding-right:07px;
height:50px;
width:50px;
}

.FooterBottom3.1{
float:left;
padding-right:07px;
width:75px;
}

.FooterBottomLink{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
float:left;
padding-right:10px;
}

a.FooterBottomLink:hover{
color:#FF9900;
text-decoration:underline;
}

.FooterBottomLink h1{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
margin:0px;
padding:0px;
text-decoration:underline;
}

a.FooterBottomLink h1:hover{
color:#FF9900;
text-decoration:underline;
}