@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: layout.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/										
body {font:normal 12px Arial, Helvetica, sans-serif; color:#141414; text-align:left; background:#000 url(../images/footer_bg.gif) 0 100% repeat-x;}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p,ul,li {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
a {color:#141414; text-decoration:none}	
a:hover {color:#ea4248; text-decoration:none} 
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul, li{ list-style:none}
input, select {background:#fff; border:solid 1px #666; font:normal 11px Verdana; padding:3px}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h4{ font-size:13px;}
h1.TrackTtle{font:normal 23px Arial; color:#5E5E5E; padding:0 5px 0 0;}
.TracksubTtle{font:bold 14px Arial; color:#141414; padding:3px 0 0 0;}
.trdetail{font:normal 14px Arial;} 
.shareTrack{font:bold 14px Arial; font-weight:bold; color:#5E5E5E} 

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:936px}
.brdBTM1{border-bottom:1px solid #d35c08}
#header { width:940px; height:245px; margin-top:10px; margin-left:0px; background:url(../images/header.gif) no-repeat;  position:relative}
#headerLogo {float:left; width:200px; margin-left:-2px; margin-top:-5px; display:inline}
#headerAd {float:left; width:728px; height:180px; margin-top:15px; padding:0px; display:inline}
#welcomeMenue {float:left; width:100%; margin-top:10px;}
#headerMenue {float:left; width:625px; margin-top:2px; padding:1px;  }
#welcome {float:right; width:275px; color:#FFF; margin-top:0px; padding:1px; margin-right:10px;}
#welcome a.buttontop {background:url(../images/topbutton.gif) left top no-repeat; float:right; padding-left:10px; line-height:24px; margin-right:5px; text-decoration:none; color:#C00;}
#welcome a:hover.buttontop {background:url(../images/topbutton.gif) left top no-repeat; float:right; padding-left:10px; line-height:24px; margin-right:5px; text-decoration:none; color:#30C;}
#welcome a.buttontop span {background:url(../images/topbutton.gif) right top no-repeat; float:left; display:block; height:24px; padding-right:10px; cursor:pointer; text-decoration:none}
#welcome p {margin-right:5px}
.freetext {float:left; margin-left:12px; margin-top:25px; margin-right:12px; width:731px; text-align:left; color:#000; height:50px; font-size:12px; line-height:22px;}
#flashdiv {position:absolute; top:0; right:0; width:750px}

#flashmusicplayer {position:fixed; height:50px; z-index:10000; width:750px; height:75px}
/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:10px}
#MainContent{ padding:20px 80px;}
#content {float:left; width:696px}
#contentreadmore {float:left; width:670px}
#videocontent {float:left; width:535px}
#sidebar{float:right; width:220px}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.nav1 {padding-left:10px; margin:0; list-style:none;  width:750px; height:30px; right:0px}
ul.nav1 li {color:#FFF; float:left; padding-right:0px}
ul.nav1 a {padding:5px; font:bold 14px Arial; color:#FFF; display:block; text-decoration:none}
ul.nav1 a:hover {color:#df0000; text-decoration:none}
ul.nav1 a.active {color:#df0000; text-decoration:none}
#spacer {color:#FFF; padding-left:8px; }
ul.nav2 {padding:0; margin:0; list-style:none}
ul.nav2 li {float:left; margin-right:8px}
ul.nav2 li a {background:#f1f1f1; border:1px solid #9f9f9f; padding:6px 6px; font-size:13px; font-weight:bold; color:#000; text-decoration:none; display:block}
ul.nav2 li a:hover {background:#fff; border:1px solid #9f9f9f}
ul.nav2 li a.active {background:#fff; border:1px solid #9f9f9f}

ul.nav3 {padding:0; margin:0; list-style:none}
ul.nav3 li {float:left; margin-right:5px}
ul.nav3 li a {background:#f1f1f1; border:1px solid #9f9f9f; padding:4px 4px; font-size:12px; font-weight:bold; color:#000; text-decoration:none; display:block}
ul.nav3 li a:hover {background:#fff; border:1px solid #9f9f9f}
ul.nav3 li a.active {background:#fff; border:1px solid #9f9f9f}


/* 	MODULES (id=ARTICLE)
**********************************************************/
#scroller {position:relative;}
#scroller .thumb {float:left}
#scroller .descri {margin-left:274px}
#scroller h3.articlename {color:#a0a0a0; font:normal 18px Arial;}
#scroller h4.tracktype {color:#000; font:bold 14px Arial;}


#scroller .takeus {position:absolute; background:url(../images/scroller.gif) left top no-repeat; width:109px; height:16px; top:173px;right:0; padding:3px 6px;}
#scroller .takemeleft,#scroller .takemeright,#scroller .on,#scroller .off {height:16px; width:18px; display:block; float:
left; margin-right:3px; cursor:pointer}
#scroller .takemeleft {background:url(../images/scroll_left.gif) left top no-repeat}
#scroller .takemeright {background:url(../images/scroll_right.gif) left top no-repeat}
#scroller .on {background:url(../images/scroll_on.gif) left top no-repeat}
#scroller .off {background:url(../images/scroll_off.gif) left top no-repeat}
#scroller ul {padding:0; margin:0; list-style:none;}
#scroller ul li {display:inline; height:195px}

.banner{width:180px; margin:0 auto}

.ListingDv{ width:100%; padding:15px 0 5px 0; }
.ListingDv p{ padding:5px 0;}
.ListingDv .LftDv{ width:140px;}
.newshead{ width:490px; padding-top:3px;}
.ListingDv .MidDv{ width:265px; padding-top:3px;}
.ListingDv .RhtDv{ width:229px}

.PagingDv{ font:bold 14px Arial; color:#383838; padding:10px 0 0 0;}
.PagingDv a{ display:block; padding:3px 5px; margin-right:5px; background:#fff; text-decoration:none; float:left}
.PagingDv a:hover{ color:#fff; background:#ea4248; text-decoration:none}
.PagingDv a.active{ color:#fff; background:#ea4248; text-decoration:none}
.PagingDv a.prev{ display:block; padding:3px 5px; margin-right:5px; background:#e3e3e3; text-decoration:none; float:left}
.PagingDv a.prev:hover{ color:#fff; background:#ea4248; text-decoration:none}
span.mrgRt a img{margin-right:3px}
.ListingOne{padding:10px; background:url(../images/gradient_one.gif) 0 0 repeat-x; height:52px; color:#fff;}

dl.TrackList{ padding:10px 0; margin:0 10px; color:#fff; border-bottom:1px dashed #7b7b7b}
dl.TrackList a{color:#fff; text-decoration:none}
dl.TrackList a:hover{color:#ea4248; text-decoration:none}
dl.TrackList dt{ /*background:url(../images/arrow.gif) 0 0 no-repeat; */height:18px; padding:1px 0 0 3px; font-weight:bold}
dl.TrackList dd{ margin:7px 0 0 25px}

ul.NewTrckList{ padding:10px; margin:0}
ul.NewTrckList li{ background:url(../images/arrow1.gif) 0 2px no-repeat; padding:0 0 0 25px; color:#fff; margin-bottom:10px} 
ul.NewTrckList li a{color:#fff; text-decoration:none}
ul.NewTrckList li a:hover{color:#ea4248; text-decoration:none}
/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.bgGray {background:#e3e3e3}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.userPic img{border:4px solid #e8e8e8}
.BrdOne{ border:1px solid #b6b6b6}
.BrdTwo{ border:1px solid #000}
.BrdDashOne{ border-bottom:1px dashed #c9c9c9}
.brdAll {border:1px solid #b6b6b6; padding:4px; background:#fff}

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
span.mod1start {background:url(../images/sprite.gif) left top no-repeat; display:block; padding-left:10px}
span.mod1start span {background:url(../images/sprite.gif) right top no-repeat; height:8px; overflow:hidden; display:block}
span.mod1end {background:url(../images/sprite.gif) left -11px no-repeat; display:block; padding-left:10px}
span.mod1end span {background:url(../images/sprite.gif) right -11px no-repeat; display:block; height:8px; overflow:hidden}
.box {background:#FFF; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7}

.startmodule01 {background:url(../images/sprite.gif) 0 -19px  no-repeat; padding-left:10px; display:block; color:#fff; line-height:38px; font-size:14px; font-weight:bold;}
.startmodule01 .left{ float:left; text-transform:uppercase}
.startmodule01 .right{background:url(../images/sprite.gif) right -19px no-repeat; height:35px; display:block; text-align:right; padding-right:10px; line-height:normal}
.ContinerWhtbg{ border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#fff; padding:0 15px 7px 15px;}
.ContinerWhtbgreadmore{ border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#fff; padding:0 0 7px 10px;}
.endmodule01 {background:url(../images/sprite.gif) left -11px no-repeat; padding-left:10px; display:block}
.endmodule01 span {background:url(../images/sprite.gif) right -11px no-repeat; height:8px; display:block; overflow:hidden}

h2.startmodule02 {background:url(../images/sprite.gif) 0 -19px  no-repeat; padding-left:10px; display:block; color:#151719; line-height:40px; font-size:14px; font-weight:bold;}
h2.startmodule02 span{background:url(../images/sprite.gif) right -19px no-repeat; height:40px; display:block;}
.Containerbg{ border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#383838;}
.endmodule02 {background:url(../images/sprite.gif) left -61px no-repeat; padding-left:10px; display:block}
.endmodule02 span {background:url(../images/sprite.gif) right -61px no-repeat; height:9px; display:block; overflow:hidden}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}

/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}

/* colored text */
.clrTxtone {color:#1168bd}
.clrTxttwo{ color:#8e8e8e}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input {background:url(../images/input.gif) repeat-x top; border:1px solid #666666; padding:3px} 
.BtnLog{background:url(../images/loginBtn.gif) left top no-repeat;
color:#000000;
cursor:pointer;
border:none;
font-size:13px;
font-weight:bold;
width:113px;
padding:10px 0;  text-transform:capitalize}



/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{ height:65px; text-align:center; line-height:22px; color:#fff; padding:20px 0 0 0;}
#footer a{ color:#fff; text-decoration:none;}
#footer a:hover{ color:#8e8e8e; text-decoration:none}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}
.PadTp{ padding-top:5px}
.PadRht{ padding-right:10px}
.PadRhtOne{ padding-right:5px}
.PadTpOne{ padding-top:15px}
.PadTpOne1{ padding-top:0px}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:20px}
.MarRht {margin-right:15px}
.marginLNR {margin:0 12px} 

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}
.fl {float:left;}
.fr {float:right; width:auto}

/* links */
a.ViewProf{ background:url(../images/view_prof_bg.png) 0 0 no-repeat; width:77px; height:24px; line-height:22px; display:block; text-align:center}
a.Play{ background:url(../images/play_bg.png) 0 0 no-repeat; width:41px; height:24px; line-height:22px; display:block; text-align:center}

tr.grayback {background:#FFCFCF none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}
tr.grayback:hover {background:#fff none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}

/* colored text */
.linkcolor(color:#003399;)
.clrOne{color:#d35c08}
tr.mess td a:hover {text-decoration:none}
ul.mess td:hover{background:#cce8fc}

/*****************************update by satish for forum***************************************/
.listtable					{border:1px solid #96a8be}
.listtable	td				{padding:5px;}
.review td{padding:0px;}
.headbg						{background:#8ea6c5; color:#FFFFFF; font-weight:bold;}
.headbg a					{color:#FFFFFF; font-weight:bold;}
.headbg a:hover				{color:#FFFFFF; font-weight:bold;}
tr.grayback {background:#d3d9e1 none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}
tr.grayback:hover {background:#e0e6ed none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}
tr.selectedrow				{background:#FFEDC2}

.conttable			{border:1px solid #96a8be}
.conttableDkBg		{background-color:#e0e6ed}

a .Tooltip					{display:none;}
a:hover .Tooltip					{display:block; border:1px solid #129acc; background:#FFF; padding:2px; position:relative; margin:15px 0 0 0; width:200px;}
a {
color:#6999D7;
text-decoration:none;
}



/* Validation CSS */
.validation-advice {
	margin: 1px 0;
	padding: 1px;
	background-color: #FFF;
	color : #c80000;
	font-size:12px;
/* 	font-weight: bold; */
}


/* styles added for video content display */
.innercontent 
{
	background:#E9E9E9 none repeat scroll 0 0;
	border:1px solid #BBBBBB;
	padding-left:0px;
	padding-top:15px;
}

#videocontent 
{
	width:600px;
}

.fl 
{
	float:left;
}

.imgmodule 
{
	background:transparent url(../images/imgbg.png) no-repeat scroll 0 0;
	display:inline;
	height:240px;
	margin:0 21px;
	padding:12px 12px 0;
	width:149px;
}

/* image */

img.avatar {border:1px solid #D6D6D6; float:center; margin:0 3px 0 0; padding:4px;}


.profile_view {
background:#F5F5F5 none repeat scroll 0 0;
border:0px solid #D8D6D7;
float:left;
margin-bottom:10px;
margin-top:0;
width:100%; }


/* Register */
.inputN {font-family:verdana; font-size:11px; font-weight:normal; color:#656565;}
.inputF {width:200px; border:1px solid #b0b0b0; padding:3px;}


/* miscellaneuos */
.width240{width:240px;}
.btnBlack {background:#000; border:solid 1px #999; font:bold 12px Verdana; color:#fff}


/*Suggestion box*/

#jSuggestContainer {position:absolute; font: 12px Tahoma; border:1px solid #ffb931; border-top:0; background:#FFF; }
.jSuggestLoading {font-style:italic; padding: 10px; }
#jSuggestContainer ul, #jSuggestContainer ul li{margin: 0; padding:0; list-style:none;}
.jTip{cursor:help;}
#jSuggestContainer ul li{padding: 2px 4px; border-bottom: 1px dotted #ffe594;color:#666; background:#fff9e7; cursor:pointer;}
#jSuggestContainer ul li.last{border-bottom: 0;}
#jSuggestContainer ul li.jSuggestHover{background:#ffeaaa; color:#333; }

/*updated css*/
table.test5 img{position:relative; float:left }

#c145{width:80px;}