@charset "utf-8";
/* CSS Document */

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body 				{font:normal 11px Arial !important; color:#606060; text-align:left; background:#282828 url(../images/pageBg.png) repeat}
body,form,h1,h2,h3,h4,h5,h6,p	{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,label		{text-transform:capitalize; text-decoration:none;}
a 				{color:#606060; font-weight:bold; text-decoration:none;}
a:hover 			{color:#619cce; text-decoration:underline;}
a:active, a:focus 		{outline:0} /* to avoid link borders on new browsers */
img				{border:none;}
ul				{padding:3px; margin:5px;}
hr 				{ border-top:1px dashed #000000; color: #FFFFFF; background-color: #FFFFFF; height: 0px; width: 100%;}


.headClass {color:#606060; font-weight:bold; text-decoration:none;}

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
-ms-word-wrap: sWrap; /* Internet Explorer 7+ */
_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
table-layout: fixed;
}


/** HEADER ELEMENTS STYLING	(id=HEADELE) **/
h1.one			{background:url(../images/icn-collect-toons-people.gif) left no-repeat; color:#FFF; font-size:1.2em; padding-left:20px; position:relative; top:7px;}
h1.two			{background:url(../images/icn-collect-toons-ad.gif) left no-repeat; color:#FFF; font-size:1.2em; padding-left:20px; position:relative; top:7px;}
h1.thr			{color:#000; font-size:1.3em; margin:5px 0; text-transform:uppercase;}

/** FORM ELEMENTS STYLING (id=FORM) **/
label				{text-transform:capitalize; color:#606060;}
p 					{line-height:150%; margin-bottom:5px;}
textarea		{border:1px solid #606060; padding:1px;}

.textfield:hover, textarea:hover {border:1px solid #728d3b; background:#F9FAF7;}
.textfield:focus, textarea:focus {border-color:#000; background:#FFF;}
select.One	{width:200px; border:1px solid #c7c7c7; padding:1px;}	

/** ONLY FOR BROWSERS OTHER THAN IE-6 **/
input[type=submit]					{background:#141414 url(../images/button.png) repeat-x top; color:#FFF; cursor:pointer; text-transform:uppercase; padding:3px; border:1px solid #606060; font:bold 12px Arial;}	
input[type=button]					{background:#141414 url(../images/button.png) repeat-x top; color:#FFF; cursor:pointer; text-transform:uppercase; padding:4px; border:1px solid #606060; font:bold 12px Arial;}	
input[type=text]						{background:url(../images/input.png) left top repeat-x; font-size:11px; color:#606060; border:1px solid #606060; padding:4px;}
input[type=password]				{background:url(../images/input.png) left top repeat-x; font-size:11px; color:#606060; border:1px solid #606060; padding:3px;}

/** debugging block level elements **/
/* div					{border:1px solid #0000FF;} */

/* 	BODY WRAPPER / HEADER / TOP MENU 
**********************************************************/
#mainWrapper	{margin:0 auto; width:907px; margin-top:16px;}
#logo			{background:url(../images/logoBgs_05.png) repeat-x top; overflow:hidden; height:94px; overflow:hidden;}

/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/


/* 	MAIN CONTENT  (to position the content)
**********************************************************/
#contLeft			{width:25%; float:left;/* border:1px solid #000;*/}
.contLeft			{ float:left; padding:3px; border:1px solid #CCC; clear:right; width:22%; text-align:center; height:170px; margin:2px; }

.contLeftGift           { float:left; padding:3px; border:1px solid #CCC; clear:right; width:30%; text-align:center; height:127px; margin:2px; }

#contRight		{width:74%; float:right;/* border:1px solid #000;*/}
#banner				{margin-top:15px;}

/* 	MODULES
**********************************************************/
#photoListing td		{text-align:center;}
.modulemid 					{background:transparent url(../images/whtModuleOne.gif) no-repeat scroll right top; position:relative;}
.modulemid div 			{background:transparent url(../images/whtModuleTwo.gif) no-repeat scroll left top; padding:4px 0 0;}
.modulemid div div 	{background:transparent url(../images/whtModuleTwo.gif) no-repeat scroll left bottom; margin:0pt; padding:0pt 0 0 4px;}
.modulemid div div div {background:transparent url(../images/whtModuleOne.gif) no-repeat scroll right bottom; height:1%; padding:0 4px 4px 0;}
.modulemid div div div div	{background:none !important; padding:0px;}

/* Round Module one */

.module01-Left,.module01-Right,
.module01-BT-Left,.module01-BT-Right	{background: url(../images/roundmodul01.gif) no-repeat;}

.module01maindiv			 		{width:100%;}
.module01-Left						{background-position:0px 0px; }
.module01-Right						{background-position:100% 0%; }
.module01-BT-Left					{background-position:0px 100%;}
.module01-BT-Right					{background-position:100% 100%; margin-left:10px; height:8px;}
.module01-Content					{padding:0px 10px 0px 10px; border-left:1px solid #afafaf; border-right:1px solid #afafaf;}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGs)
**********************************************************/
.bgWht				{background:#FFF;}
.bgGry				{background:#e7e8e8;}
.Lflot				{width:96.9%;}


/* 	RESUBALE GRADIENTS
**********************************************************/  
.headerText				{background:url(../images/headerBg.png) top repeat-x; padding-left:10px; border-bottom:1px solid #afafaf; border-top:1px solid #afafaf; font:bold Arial 13px; color:#FFF; height:30px;}
.greyGradOne	{background:url(../images/greyGrad.png) bottom repeat-x; padding-bottom:20px;}

/* 	MAKE ME ROUND
**********************************************************/
.left_topCurvature		{background:#FFF url(../images/rounds.gif) left top no-repeat; height:10px; overflow:hidden;}
.right_topCurvature		{background:#FFF url(../images/rounds.gif) right top no-repeat; height:10px;}

.leftCurvature		{background:#FFF url(../images/rounds.gif) left bottom no-repeat; height:10px; overflow:hidden;}
.rightCurvature		{background:#FFF url(../images/rounds.gif) right bottom no-repeat; height:10px;}


/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
/* font weights */
.strong				{font-weight:bold;}
.smlTxt			  {font-size:11px;}
.para					{font-size:12px;}
.normTxt		 	{font-weight:normal; font-family:Verdana;}
.largeText		{font-size:15px;}
.bigText		 	{font-size:18px;}
/* text transform */
.allCaps			{text-transform:capitalize;}
.textU				{text-decoration:underline;}
/* text align & content align inside a particular element */
.centerall		{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}
.justify			{text-align:justify;}
/* colored text */
.blueTxt			{color:#27569f; font:normal 11px Trebuchet MS;}
.blueTxtTwo		{color:#27569f; font:bold 12px Trebuchet MS;}
.redTxtTwo		{color:#990000; font:bold 12px Trebuchet MS;}

/*Added By pallavi*/
.success		{color:#00CC66; font:bold 12px Trebuchet MS;}
.error		    {color:#FF0000; font:bold 12px Trebuchet MS;}

/* others */


/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/
.input				{background:url(../images/input.png) left top repeat-x; font-size:11px; color:#606060; border:1px solid #606060; padding:4px;}


/* 	ALL BORDER CSSs
**********************************************************/
.anyPic	img			{border:1px solid #606060;}
.bordLnRgrey		{border-left:1px solid #afafaf; border-right:1px solid #afafaf;}
.borderGreyone		{border:1px solid #CCCCCC;padding:6px;}
.borderright		{border-right:1px solid #CCCCCC;}
.borderdown		    {border-bottom:1px solid #CCCCCC;}
.bordertop		    {border-top:1px solid #CCCCCC;}
.imgbrd             {border:2px solid #000000}
.brdbtm				{border-bottom:1px dashed #CCCCCC;}

/* 	REQUIRED PADDINGS / MARGINS 
**********************************************************/
.padOne					{padding:0 14px;}
.padTwo					{padding:10px;}
.padThree				{padding:6px;}
				
/* 	FOOTER 
**********************************************************/
#footer,#footer a 			{color:#FFF; font-weight:normal;}

/* 	MISCELLANEOUS
**********************************************************/
.clr			{clear:both;}
.error {color:#FF0000; font-weight:bold;}

.contentSpacer {background-color:transparent; margin-top:0; padding-top:10px; clear:both; overflow:hidden;}

/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
.leftlink	{ padding:10px;  width:90%; }
.leftlink	a{  background:url(../images/arrow.gif) 0px 3px  no-repeat; padding-left:10px; font-weight:normal; line-height:150%; }

.chatLink {
	font-weight:normal; color:#000099;
	text-decoration:underline;
}

.boldLink {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; text-decoration:underline;
	color:#619CCE;
}

/*	PAGINATION */

ul.digit       	{display:inline; margin-right:10px; float:right;}
ul.digit li      {float:left; list-style:none; margin-left:3px;}
ul.digit li a     {float:left; font-size:11px; font-weight:bold; display:block; color:#000; padding:2px 5px; background:#C3CBDF;}
ul.digit li a.active  {color:#000; background:none; background:#000; color:#fff;}
ul.digit li a:hover    {text-decoration:none; display:block; padding:2px 5px; }
/*	END	PAGINATION */

.selected {background:#333333; color:#FFFFFF;}
.selected a {color:#FFFFFF;}

.selection {background:#888a85; color:#FFFFFF;}

#my_collection {
	height:300px; border:1px solid #000000;
	overflow-y:scroll; overflow-x:hidden; 
}

.my_game_collection {
	height:300px; border:1px solid #000000;
	overflow-y:scroll; overflow-x:hidden; 
}

#user_collection {
	height:300px; border:1px solid #000000;
	overflow-y:scroll; overflow-x:hidden; 
}

/* 	BATTLE
**********************************************************/
.phraseWondow{
	border:1px solid #000000;
	padding:0px 5px 0px 5px;
	height:300px;
	overflow-y:scroll;
}

.chatline{	padding:5px;	}


/**********************************************************/
.show_jackpot_amount{ font-size:14pt; font-weight:bold;}

	#message_boxNew {
		position: absolute;
		z-index: 10000;
		background:#FFFFFF;
		color:#000;
		border:1px solid #CCCCCC;
		text-align:center;
		font-weight:bold;
		font-size:14px;
		width:20%;
		padding-left:30px;
		padding-right:30px;
		padding-top:5px;
		padding-top:5px;
		top:318px;
		left:578px;
		height:25px;
		display:none;
	}

