﻿/*	-------------------------------------------------------------
	stylesheet for fantasy cricket pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor				Dream11
	.version    	    1.0
	.url       		    http://www.dream11.com
	.timestamp  	    31/07/2009 - 1/12/2009
	.created by		    Amitaj Ram
-------------------------------------------------------------	*/
/*#containerMain{width:100%; height:auto; margin:0 0 10px 0; overflow:hidden; float:left;}*/
/*--------------------------- player details ----------------------------- */
#userdetails{width:100%; height:auto; overflow:hidden;}
#userdetails .photo{width:145px; height:143px; float:left; margin-top:5px;}
#userdetails .details{width:445px; height:auto; float:left;}
#userdetails .details .title{width:100%; height:auto; float:left; line-height:22px; padding-left:10px;}
#userdetails .details .title h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000;float:left;}

#userdetails .details div.infom dl{width:100%;float:left;overflow:hidden; padding-left:10px;}
#userdetails .details div.infom dl dt{width:20%;float:left;clear:left; font-weight:bold;}
#userdetails .details div.infom dl dd{width:70%;float:left;padding:0 0 0 5px;}
#userdetails .details div.infom ul{width:100%;float:left;overflow:hidden; padding-left:10px; list-style:none;}
#userdetails .details div.infom ul li{width:100%;float:left; list-style:none; clear:left; font-weight:bold; float:left;}
#userdetails .details .addbtn{position:relative;  width:100%; float:left; background-image: url(../images/sptBgInputBtn.gif) -134px no-repeat;}
#userdetails .details .icnadd{background:url(../images/sptBgIcns.gif) 0px -441px no-repeat;z-index:0; padding-left:10px; margin-top:45px;}
#userdetails .details div.infom .scrapbtn{width:115px; height:auto; float:right; margin-top:48px; padding:0px;!important}
#userdetails .details div.infom .scrapbtn h4{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal;}
#userdetails .details div.infom .scrapbtn h4 a{text-decoration:underline;}
#userdetails .details div.infom .scrapbtn h4 span{color:#A80802; text-decoration:none; font-weight:bold;}



/*---------------------------------    Accordion panal for User Profiles   ---------------------------------------------*/
.maintabsContent  .ui-accordion .ui-accordion-header{cursor:pointer;border-bottom:1px solid #CCC; margin-bottom:1px; background:#f0f0f0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; outline:none;}
.maintabsContent .ui-accordion .ui-accordion-header .iconfrnd{background:url(../images/sptBgIcns.gif) 0px -421px no-repeat; margin-right:3px; height:19px; width:19px; float:left}
.maintabsContent .ui-accordion .ui-accordion-header  .iconLeagues{background:url(../images/sptBgIcns.gif) 1px -380px no-repeat; margin-right:3px; height:19px; width:19px; float:left}
.maintabsContent .ui-accordion .ui-accordion-header  .iconchallenge{background:url(../images/sptBgIcns.gif) 2px -401px no-repeat; margin-right:3px; height:19px; width:19px; float:left}
.maintabsContent .ui-accordion .ui-accordion-header a:hover{text-decoration:none; color:#333;}
.maintabsContent .ui-accordion .ui-accordion-header .red{color:#cd0d0d;}
.maintabsContent .ui-accordion .ui-accordion-header .ui-icon{float:right;width:97px;height:16px;}
.maintabsContent .ui-accordion .ui-accordion-header .ui-icon-triangle-1-s{background:url(../images/accordion_expend_new.gif) no-repeat 0px -16px;}
.maintabsContent .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e{background:url(../images/accordion_expend_new.gif) no-repeat 0px 0px;}
.maintabsContent .ui-accordion .ui-accordion-content .cnt{padding:5px;}

/*Tab Title*/
/*.maintabsContent .title{ padding:5px 0 5px 0; vertical-align:middle; }
.maintabsContent .title h3{color:#333; font-size:12px;}
.maintabsContent .title span{ color:#cd0d0d; }*/

/* Challenge datatable */
.maintabsContent .datatable_up{width:100%;font-size:11px;}
.maintabsContent .datatable_up thead th{background:#f4f4f4;padding:0px 10px; height:28px; background:url(../images/light-dotgreywhite_repX.gif) repeat-x bottom; background-position:bottom; vertical-align:middle; border-collapse:collapse;}
.maintabsContent .datatable_up tbody tr td{padding:1px 10px ;text-align:left; border:none; height:24px;}
.maintabsContent .datatable_up tbody tr.altRow td{background:#f7f7f7 !important;}
.maintabsContent .datatable_up a{text-decoration:underline;}

/* friends list datatable */
.maintabsContent .datatable_frndlist{width:100%;}
.maintabsContent .datatable_frndlist thead th{background:#f4f4f4;padding:0px 10px; height:28px; background:url(../images/light-dotgreywhite_repX.gif) repeat-x bottom; background-position:bottom; vertical-align:middle; border-collapse:collapse; font-size:10px; color:#222;}
.maintabsContent .datatable_frndlist tbody tr td{padding:1px 10px ;text-align:left; border:none; height:24px;font-size:11px;}
.maintabsContent .datatable_frndlist tbody tr.altRow td{background:#f7f7f7 !important; font-size:11px;}
.maintabsContent .datatable_frndlist a{text-decoration:underline; font-size:11px;}



/* FOR POST YOUR COMMENT SECTION (.postscarp)
---------------------------------------------------------------------------------------------------------------------------------- */
.postscarp{width:100%;overflow:hidden;clear:both;}
.postscarp .hd{width:100%;overflow:hidden;clear:both; padding:10px 0 5px 0;/* background:url(../images/dotgreywhite_repX.gif) top left repeat-x;*/}
.postscarp .hd h3{font-size:12px;}
.postscarp .hd h3 span{color:#cd0d0d;}
.postscarp .bd{width:100%;overflow:hidden;clear:both;padding-bottom:10px;margin-bottom:5px;}
.postscarp .cmtfld{width:100%;float:left;background:url(../images/commentBox.gif) repeat-x left -74px;}
.postscarp .cmtfld span.tl{width:117px; height:71px; float:left; background:url(../images/commentBox.gif) no-repeat 0 0px;}
.postscarp .cmtfld span.tr{width:13px; height:71px; float:right; background:url(../images/commentBox.gif) no-repeat left -148px;}
.postscarp .cmtfld .inputrow{width:77%;float:left; padding-bottom:5px;}
.postscarp .cmtfld .textArea{width:360px;float:left;padding-top:8px;}
.postscarp .cmtfld .textArea textarea{width:360px; height:40px;border:1px solid #979696;}
.postscarp .cmtfld .reqAction{width:50px;float:left;padding:12px 0 0 12px;  }
.postscarp .cmtfld .reqAction .inputbtn_h15{margin-bottom:8px;}
.postscarp .cmtfld .mxChr{float:left;color:#666666;}
.postscarp .ifGuest{padding:10px 0;}
.postscarp .ifGuest span a{font-weight:bold;}
.postscarp .ifGuest span a.txtRed{color:#cd0d0d;}
.scrapbox .nocmb{width:100%;padding:50px 0;text-align:center;overflow:hidden;clear:both;}
.scrapbox .cbr{width:100%;overflow:hidden;clear:both;}
.scrapbox .cbr .pby{padding:5px 10px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#f7f7f7;}
.scrapbox .cbr p{padding:8px 10px;}
.scrapbox .cbr .dvcmt{width:100%;float:left;}
.scrapbox .cbr .dvcmt p{width:80%;float:left;}
.scrapbox .cbr .dvcmt .dvdel{width:10%;float:right;padding-right:20px;padding-top:10px;}

.scrapbox .hd{width:100%;overflow:hidden;clear:both; padding:10px 0 5px 0;/* background:url(../images/dotgreywhite_repX.gif) top left repeat-x;*/}
.scrapbox .hd h3{font-size:12px;}
.scrapbox .hd h3 span{color:#cd0d0d;}

.userprofileTopPanal{margin:0 0 10px 0; height:50px;}
.userprofileTopPanal .iUnRm{width:50%;float:left;margin-top:15px;text-align:center;}
.userprofileTopPanal .hdply{width:35%;float:right;margin-top:20px;padding-left:25px;}
.userprofileTopPanal .hdply a{color:#a80802; text-decoration:underline;}
.userprofileTopPanal div.info dl{width:50%;float:left;overflow:hidden; padding-left:15px;}
.userprofileTopPanal div.info dl dt{width:36%;float:left;clear:left; font-weight:bold;}
.userprofileTopPanal div.info dl dd{width:60%;float:left;padding:0 0 0 5px;}
/* */
.userprofileTabbedPanal{margin:0px;}
.userprofileTabbedPanal .bd{background:#d5d5d5; padding:0 0 5px 0;}
.userprofileTabbedPanal .datatable{border:1px solid #A80802;margin:0px 8px;background:#FFF;}
.userprofileTabbedPanal .myTeamPoints{background:#A80802;line-height:22px;height:24px;overflow:hidden;clear:both; padding:0 5px 0 5px;color:#FFF;}
.userprofileTabbedPanal .myTeamPoints .mtp{padding-right:25px;float:left;}
.userprofileTabbedPanal .myTeamPoints .mtp a{color:#fff; text-decoration:underline;}
.userprofileTabbedPanal .myTeamPoints .mtp .btnGo{float:left; width:19px; height:18px; background:url(../images/btnGoMyTeam.gif) top left no-repeat; border:0 none; cursor:pointer; margin:3px 0 0 5px;}

.userprofileTabs{padding:8px 8px 0px 8px;}
.userprofileTabs ul{height:40px;overflow:hidden;}
.userprofileTabs li{float:left;}
.userprofileTabs li a{background:#fff;height:30px;line-height:14px;float:left;padding:5px 10px;margin-right:5px;color:#1A1A1A;text-decoration:none;}
.userprofileTabs li a:hover{color:#FFF;text-decoration:none;background:#999;}
.userprofileTabs li.ui-tabs-selected a{color:#FFF;text-decoration:none;background:#A80802;cursor:default;}
.userprofileTabs li.ui-tabs-selected a:hover{background:#A80802;}
.userprofileTabbedPanal .cet{padding:10px 8px;}
.userprofileTabbedPanal .cet .title{padding:0 0 5px 5px;}
.userprofileTabbedPanal .cet .title h3{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;}
.userprofileTabbedPanal .cet .title h3 span{color:#cd0d0d;}


/* datatable */
.userprofileTabbedPanal .datatable_up{width:100%;font-size:11px;}
.userprofileTabbedPanal .datatable_up thead th{padding:3px 10px;background:#f7f7f7;border-bottom:1px solid #d8d8d8;text-align:left;}
.userprofileTabbedPanal .datatable_up tbody tr td{padding:1px 10px;text-align:left;}
.userprofileTabbedPanal .datatable_up tbody tr.altRow td{background:#f2f2f2 !important;}
.userprofileTabbedPanal .datatable_up a{text-decoration:underline;}


/*-----------------------------		Friends list thumbnails	-----------------------------------*/
#frndhld #title { background:url(../images/dotgreywhite_repX.gif) bottom left repeat-x; height:30px; margin-bottom:10px;}
#frndhld #title #txt {font-size:10px; color:#000; float:left;  padding:6px 10px;!important}
#frndhld #title #txt span {}

#frndhld{width:610px; height:auto; margin-top:10px 0 0 10px; overflow:hidden;}
#frndhld .frame {width:600px; height:auto; margin:0px 0 0 10px; overflow:hidden;}
#frndhld .frame #container {width:90px; margin-right:10px; float:left; text-align:center; padding-bottom:10px;}
#frndhld .frame #container #thumb .img{padding:2px; border:1px solid #e0e0e0; vertical-align:middle;}
#frndhld .frame #container #thumb .img a{padding:2px; border:1px solid #e0e0e0; vertical-align:middle;}
#frndhld .frame #container #thumb .img a:hover{ border:1px solid #000;  padding:2px;}
#frndhld .frame #container #thumb #names {width:100px; text-align:center; padding-top:70px; background-color: #333333;}
.verscrollbar {height: 125px; overflow-y:scroll; overflow-x: hidden; width:auto;}
.horscrollbar {height: 100px; overflow-x:scroll; overflow-y: hidden; width:auto;}

/* ----------------------------------- input buttons Style ----------------------------------------*/
.inputbtn_white { font-size:10px; padding-left:25px; padding-top:6px; float:left; }
.inputbtn_white .btn_rht{background:url(../images/sptBgInputBtn.gif) right -159px no-repeat;padding-right:12px;height:16px;cursor:pointer;float:left;}
.inputbtn_white .btn_lft{background:url(../images/sptBgInputBtn.gif) left -159px no-repeat;padding-left:10px; height:16px; cursor:pointer; vertical-align:middle; line-height:12px; font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:10px; color:#a80802; border:none;float:left; text-shadow: 0.1em 0.1em 0.05em #ffffff}
* html .inputbtn_white input{width:auto;overflow:visible;padding-bottom:0px;padding-top:2px;float:left;}
*:first-child+html .inputbtn_white input{width:auto;overflow:visible;padding-bottom:0px;padding-top:2px;float:left;}
body:nth-of-type(1) .inputbtn_white input{padding-bottom:0px;float:left;}

/*----------------------------------- user addas buttons Style ------------------------------------ */
.inputbtnadd { font-size:11px; padding-top:47px; float:left; }
.inputbtnadd .btn_rht{background:url(../images/sptBgInputBtn.gif) right -134px no-repeat;padding-right:12px;height:19px;cursor:pointer;float:left;}
.inputbtnadd .btn_lft{background:url(../images/sptBgInputBtn.gif) left -134px no-repeat;padding-left:24px; height:19px; cursor:pointer; vertical-align:middle; line-height:12px; font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:11px; color:#a80802; border:none;float:left; text-shadow: 0.1em 0.1em 0.05em #ffffff}
* html .inputbtnadd input{width:auto;overflow:visible;padding-bottom:0px;padding-top:2px;float:left;}
* html .inputbtnadd input{width:auto;overflow:visible;padding-bottom:0px;padding-top:2px;float:left;}
*:first-child+html .inputbtnadd input{width:auto;overflow:visible;padding-bottom:0px;padding-top:2px;float:left;}
body:nth-of-type(1) .inputbtnadd input{padding-bottom:0px;float:left;}

/* list of all games*/
.gamelistholder { margin-bottom:10px;}
.gamelistholder  .ui-accordion .ui-accordion-header{cursor:pointer;border-bottom:1px solid #CCC; margin-bottom:0px; background:#f0f0f0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; outline:none; !important}
.gamelistholder .ui-accordion .ui-accordion-header  .iconlistofgame{background:url(../images/sptBgIcns.gif) 2px -463px no-repeat; margin-right:3px; height:19px; width:22px; float:left}
.gamelistholder .ui-accordion .ui-accordion-header a:hover{text-decoration:none; color:#333;}
.gamelistholder .ui-accordion .ui-accordion-header .red{color:#cd0d0d;}
.gamelistholder .ui-accordion .ui-accordion-header .ui-icon{float:right;width:97px;height:16px;}
.gamelistholder .ui-accordion .ui-accordion-header .ui-icon-triangle-1-s{background:url(../images/accordion_expend_new.gif) no-repeat 0px -16px;}
.gamelistholder .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e{background:url(../images/accordion_expend_new.gif) no-repeat 0px 0px;}
.gamelistholder .ui-accordion .ui-accordion-content .cnt{padding:5px;}
