/* /////////////////////////////
ASHLEY BOLSER AGENCY
CLIENT: CHANCE TO SHINE
PROJECT: KIDS SITE
CREATED ON: 27/07/09
//////////////////////////////*/


* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	border: none;
}


body {
	font-family: "Gill Sans MT", "gill sans", "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	background: url('../images/grass-tile.gif') repeat;
	color: #fff;
	line-height: 110%;
}


div#pageWrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
}

/*-- header section START --*/

div#header {
	float: left;
	background: url('../images/header-img.gif');
	width: 900px;
	height: 79px;
	margin-top: 15px;
}

div#header h1, div#header h2, div#header h3 {
	text-indent: -20000px;
}

div#header h3 {
	float: right;
}

/*-- header section END --*/


/*-- nav section START --*/

div#navBar {
   width: 100%;
  height: 37px;
  float: left;
  background: #b11a07 url('../images/nav-tile.gif') repeat-x;
  font-size: 18px;
  line-height: 17px;
  overflow: hidden;
}

div#navBar ul {
    background:#B11A07 url(../images/nav-tile.gif) repeat-x scroll 0 0;
    float:left;
    font-size:16px;
    width:100%;
    font-family:"trebuchet MS";
    font-weight:bold;
    padding-top: 8px;
    letter-spacing: 0.01em;
    }

div#navBar ul li {
  	display: inline;
  	height: 40px;
     }

div#navBar ul li a {
    padding: 7px 14px 11px 14px;
    color: #fff;
    text-decoration: none;
}

* html div#navBar ul li a {
	line-height: 25px;
	position: relative;
	top: -3px;
	padding-bottom: 8px;
}

* + html div#navBar ul li a {
	line-height: 25px;
	position: relative;
	top: -3px;
	padding-bottom: 8px;
}


div#navBar ul li.current a {
	width: 100%;
	background: url('../images/nav-tile-selected.gif') 0 0;
}

/*-- nav section END --*/


/*-- content section START --*/

div#content {
	float: left;
	width: 870px;
	padding: 0 15px 20px 15px;
	background-color: #fff;
}

div.box {
	float: left;
	height: 300px;
	margin-top: 15px;
	padding: 10px;
}

div.box h3 {
	margin-bottom: 5px;
}

div.box h4 {
	font-size: 15px;
	clear: left;
}

div.box p.advice {
	float: left;
	width: 145px;
	font-size: 14px;
	padding-left: 15px;
	color: #fff;
	text-indent: 25px;
}

div.box p.advice span.openQuote {
	height: 20px;
	position: absolute; 
	left: 95px; 
	margin-top:-5px;
}

div.box p.advice span.closeQuote {
	height: 20px;
	position: absolute; 
	right: 5px; 
	margin-top:0px;
}

div.box.lightBlue {
	background: #369ee1 url('../images/blue-box-top.gif') no-repeat top left;
	width: 260px;
	position: relative;
	color: #c3e8fd;
	height: 368px;
}

div.box.lightBlue p {
	margin: 15px 0 10px 0;
	color: #cdedff;
}

div.box.lightBlue a {
	color: #c3e8fd;
}

div.box.lightBlue p.imageIntro {
	margin-bottom: 0px;
}

div.box.lightBlue span {
	background: url('images/blue-quotes.gif') no-repeat; 
	width:30px; 
	display:inline-block; 
	text-indent: -20000px;
}

div.box.lightBlue img {
	width:68px;
	height: 86px;
	border: 3px solid #2274a8;
	float: left;
	margin-top: 15px;
}

div.box.lightBlue div.photoSection img.reload {
	position: absolute;
	bottom: 70px;
	right: 0;
	height: 15px;
	width: 60px;
	border: none;
}

div.box.lightBlue img.smallThumb {
	float: left;
	height: 52px;
	width: 52px;
	border: 3px solid #2274a8;
	margin-right: 6px;
}

div.box.lightBlue div.photoSection {
	width: 260px;
	float: left;
	position: relative;
	bottom: -40px;
}

div.box.lightBlue div.blueBoxBase {
	background: url('../images/blue-box-base.gif') no-repeat bottom;
	width: 280px;
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
}

a.askLink {
	float: left;
	margin-left: 10px;
}

div.box.lightGreen {
	background: #7ec126 url('../images/lgreen-box-top.gif') no-repeat top left;
	width: 265px;
	position: relative;
	height: 368px;
}

* html div.box.lightGreen {
	padding-right: 9px;
}

div.box.lightGreen a.button {
	background: url('../images/play-game-button.gif') no-repeat;
	display: block;
	width: 266px;
	height: 22px;
	text-align: center;
	text-decoration:  none;
	color: #dffcb8;
	padding-top: 2px;
	margin-top:0;
	position: absolute;
	bottom: 13px;
	left: 10px;
}

div.box.lightGreen img {
	border: 3px solid #618f26;
	margin-top: 10px;
}

div.box.lightGreen img.player {
	border: none;
	position: absolute;
	bottom: 36px;
	right: 18px;
}

div.box.lightGreen p {
	width: 140px;
	margin: 5px 0 0 0;
	float: left;
}

div.lgreenBase {
	background: url('../images/lgreen-box-base.gif') no-repeat;
	height: 12px;
	width: 285px;
	position: absolute;
	bottom: 0;
	left: 0;
}

* html div.lgreenBase {
	bottom: -6px;
}

div.box.video {
	clear: left;
	position: relative;
	height: 198px;
	width: 260px;
	background: #2274a8 url('../images/dblue-box-top.gif') no-repeat;
}

div.box.video p {
	margin-top: 0px;
	background: url('../images/blue-arrows.gif') no-repeat left center;
	padding-left: 15px;
}

div.box.video a {
	color: #b6ddf3;
}

div.box.video img {
	margin-top: 8px;
}

div.dBlueBoxBase {
	background: url('../images/dblue-box-base.gif') no-repeat left center;
	height: 12px;
	width: 280px;
	position: absolute;
	bottom: 0;
	left: 0;
}

* html div.dBlueBoxBase {
	bottom: -3px;
}

div.box.darkGreen {
	background: #618f26 url('../images/dgreen-box-top.gif') no-repeat top;
	height: 198px;
	width: 265px;
	color: #e5ffc2;
	position: relative;
}

div.box.darkGreen ul li a {
	color: #e5ffc2;
}

div.box.darkGreen p {
	margin-top: 10px;
}

div.box.darkGreen ul {
	list-style-type: none;
	margin-top: 15px;
}

div.box.darkGreen ul li {
	background: url('../images/list-arrows.gif') no-repeat left center;
	padding-left: 15px;
	margin-top: 4px;
	height: 16px;
}

div.box.darkGreen a.button {
	background: url('../images/green-button.gif') no-repeat;
	display: block;
	width: 266px;
	height: 22px;
	text-align: center;
	text-decoration:  none;
	color: #3e660a;
	padding-top: 2px;
	margin-top:0;
	position: absolute;
	bottom: 13px;
}

div.dGreenBoxBase {
	background: url('../images/dgreen-box-base.gif') no-repeat;
	height: 12px;
	width: 285px;
	position: absolute;
	bottom: 0;
	left: 0;
}

* html div.dGreenBoxBase {
	bottom: -6px;
}

div.box.spirit {
	background: url('../images/c2s-new-image.jpg') no-repeat;
	height: 218px;
	width: 275px;
	padding: 0;
}

div.box.spirit div.blueBand {
	margin-top: 135px;
	padding: 0 0 0 10px;
}

div.box.spirit div.blueBand h4 {
	font-size: 14px;
}

div.box.spirit div.blueBand a {
	display: block;
	background: url('../images/spirit-find-out.gif') no-repeat;
	width: 108px;
	height: 16px;
	text-decoration: none;
	padding-left: 10px;
	margin-top: 5px;
	color: #2a5188;
}

.mt10 {
	margin-top: 10px;
}

.ml15 {
	margin-left: 15px;
}

.mr0 {
	margin-right: 0;
}

div.box.paddingNone {
	padding: 0;
}

div.boxWide {
	width: 850px;
	float: left;
	margin: 15px 0 0 0;
	padding: 10px 10px 20px 10px;
	position: relative;
	background: #e3e3e3 url('../images/wide-box-base.gif') bottom left no-repeat;
}

* html div.boxWide {
	padding: 10px 0 0 10px;
}

div.boxWide h3 {
	font-size: 18px;
	color: #911a29;
	font-weight: normal;
	margin: -10px 0 15px -10px;
	background: #e3e3e3 url('../images/wide-box-top.gif') top left no-repeat;
	width: 855px;
	padding: 15px 0 0 15px;
}

* html div.boxWide h3 {
	width: 855px;
}

div.boxWide a.find_out_more {
	position: absolute;
	right: 20px;
	top: 10px;
	color:#888787;
}

div.boxWide img {
	float: left;
	margin-right: 8px;
}

div.smallBoxWrap {
	width: 275px;
	height: auto;
}

div.boxSmall {
	height: 130px;
	float: left;	
	height: 158px;
	width: 245px;
	float: left;
	padding: 15px;
}

div.boxSmall div {
	float: left;
}

div.boxSmall.red {
	background:#c91d08 url('../images/red-box-top.gif') no-repeat top left;
	position: relative;	
}

div.boxSmall.red a, div.boxSmall.red p, div.boxSmall.red h4 {
	color: #feb9b9;
}

div.boxSmall.red a.button {
	background: url('../images/red-button.gif') no-repeat;
	display: block;
	width: 266px;
	height: 22px;
	text-align: center;
	text-decoration:  none;
	color: #feb9b9;
	padding-top: 2px;
	margin-top:0;
	position: absolute;
	bottom: 13px;
	left: 10px;
}

div.boxSmall.red a {
	display: block;
	margin-top: 10px;
}

div.boxSmall.red p {
	line-height: 140%;
}

div.boxSmall.red img  {
	border: 3px solid #8e1102;	
	float: left;
	margin-right: 10px;
}

div.redBoxBase {
	background: url('../images/red-box-base.gif') no-repeat;
	height: 12px;
	width: 285px;
	position: absolute;
	bottom: 0;
	left: 0;
}

* html div.redBoxBase {
	bottom: -6px;
}

div.boxSmall.yellow {
	background:#ffcc33 url('../images/yellow-box-top.gif') no-repeat top left;
	margin-top: 12px;
	position: relative;
}

div.boxSmall.yellow p {
	width: 160px;
	color: #85520a;
}

div.boxSmall.yellow img.png {
	position: absolute;
	bottom: 37px;
	right: -3px;
}

div.boxSmall.yellow a {
	display: block;
	width: 257px;
	height: 22px;
	background: url('../images/quiz-button.gif') no-repeat;
	text-align: center;
	padding-top: 2px;
	position: absolute;
	bottom: 13px;
	text-decoration: none;
	color:#f8f1e4;
}

div.yellowBoxBase {
	background: url('../images/yellow-box-base.gif') no-repeat;
	height: 12px;
	width: 285px;
	position: absolute;
	bottom: 0;
	left: 0;
}

* html div.yellowBoxBase {
	bottom: -6px;
}

div#content ul.leftNav {
	margin-top: 25px;
	height: 100%;
	float: left;
	list-style-type: none;
}

div#content ul.leftNav li {
	width: 205px;
	height: 23px;
	background: url('../images/left-nav-bg.gif') top left no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 2px 0;
	font-size: 16px;
	padding-top: 5px;	
}

div#content ul.leftNav li a {
	text-decoration: none;
	color: #fff;	
}

div#content ul.leftNav li a:hover {
	text-decoration: underline;
}

div#rightCol {
	color: #333;
	float: left;
	width: 630px;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 15px;
}

div#rightCol p {
	float: left;
	width: 410px;
	margin: 0 0 10px 0;
	line-height: 120%;
}

#rightCol .player_photos {
	float: right;
	width: 200px;
}

div#rightCol img {
	float: right;
}

div#rightCol img.photo {
	float: right;
	margin-bottom: 5px;
}

div#rightCol h3 {
	color:#c91d08;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
}

div#rightCol h4  {
	color:#0a91d7;
	font-size: 18px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#rightCol table {
	margin-bottom: 15px;
}

div#rightCol table tr {

}

div#rightCol table td {
	margin-bottom: 5px;
	height: 20px;
	border-bottom: 1px solid #cccccc;
}

div#rightCol table th {
	color: #c91d08;
	font-weight: normal;
	border-left: 4px solid #c91d08;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0 5px 8px;
}


div.leftContent {
	float: left; 
	width: 295px;
}

div.rightContent {
	float: right; 
	width: 310px;
}

* html div.rightContent {
	float: right; 
	width: 280px;
padding: 0;
}

div#rightCol div.rightContent p {
	width: 295px;
}

body#hints div#rightCol p {
	float: left;
	margin-right: 20px;
	width: auto;
}

body#hints div#rightCol p.quoteName {
	font-size: 15px;
	margin-top: 0;
	clear: none;
	width: 280px;
}

body#hints div#rightCol p.blue {
	color: #4baee2;
	font-size: 18px;
	line-height: 130%;
	display: block;
	float: left;
}

body#hints div#rightCol p.blue span {
	margin: 0 5px 0 0;
	height: 20px;
	width: 30px;
	background: url('../images/blue-open-quotes.gif') top left no-repeat;
	text-indent: -20000px;
	display: block;
	float: left;
}

body#hints div#rightCol p.blue span.close {
	background: url('../images/blue-close-quotes.gif') top left no-repeat;
	float: none;
	margin-left: 10px;
	height: 20px;
	width: 30px;
	display: inline-block;
}

body#hints div#rightCol p img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 3px solid #2274a8;
}

p.floatRight {
	float:right;
}

#profile div#rightCol {
	padding-bottom: 100px;
}

div#rightCol span.greyLine {
	width: 100%;
	height: 15px;
	display: block;
	float: left;
	margin-bottom: 15px;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
	
}

div#rightCol a.showMore {
	float: left;
	padding: 0;
	width: 145px;
	height: 26px;
	margin-bottom: 20px;
}

div#askLeft {
	float: left;
	width: 300px;
}

div#askLeft p {
	width: 270px;
}

body#askCricketer div#askLeft h4 span.playerName {
	color: #0e5d87;
	background-color: transparent;
	margin: 0;
	padding: 0;
	display: inline;
	position: absolute;
}

* html body#askCricketer div#askLeft h4 span.playerName {
	margin-top: 2px;
}

div#askLeft h4 {
	line-height: 110%;
}

div#askLeft p a {
	color: #333;
}

div#rightCol div#askRight {
	float: right;
	width: 316px;
	background: #f4f4f4 url('../images/ask-form-top.gif') no-repeat top left;
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 100px;
}
	

div#askRight label {
	display: block;
	margin-left: 15px;
	font-size: 18px;
	color:#c91d08;
	margin-bottom: 8px;
}

div#askRight input, div#askRight textarea {
	width: 284px;
	border: 1px solid #7ec126;
	margin-left: 15px;
	height: 130px;
	overflow: auto;
}

div#askRight input {
	height: 30px;
}

div#rightCol div#askRight p {
	width: 280px;
	
}

div#rightCol div#askRight p.formBottom {
	width: 100%;
	background: #f4f4f4 url('../images/ask-form-base.gif') no-repeat bottom left;
	padding-bottom: 20px;
	margin-bottom: 0;
}

div#rightCol div#askRight p input.askSubmit {
	background: url('../images/ask-cricketer-submit.gif') no-repeat;
	width: 145px;
	height: 26px;
	border: none;
	cursor: pointer;
	border: none;
}

/*-- content section END --*/

/*-- footer section START --*/

div#footer {
	float: left;
	height: 42px;
	width: 870px;
	margin: 15px 0 30px 0;
	padding: 15px;
	background-color: #7fd1ff;
}

div#footer p {
	bottom: 0;
	margin-top: 30px;
	color: #146c9d;
	font-size: 11px;
	float: left;
}

div#footer ul {
	background: url('../images/social-network-links.gif') no-repeat;
	width: 237px;
	height: 27px;
	float: right;
	list-style-type: none;
	padding-left: 8px;
	padding-top: 4px;
	margin-top: 20px;
}

* html div#footer ul {
	/*margin-left: 210px;*/
}

div#footer ul li {
	display: inline;
	font-size: 10px;
}

div#footer ul li a {
	display: inline-block;
	width: 42px;
	color: #663888;
}

div#footer ul li.flickr a {
	margin-left: 10px;
}

div#footer ul li.facebook a {
	margin-right: 20px;
}
div#footer ul li.twitter a {
	margin-left: 30px;
}

div#footer div.abaBox {
	float:right;
	height:27px;
	margin-left:30px;
	margin-top: 20px;
}

div#footer div.abaBox a {
	font-size: 10px;
	color: #663888;
}

div#footer div.abaBox p {
	background:#FFFFFF none repeat scroll 0 0;
	color:#6F6F6F;
	float:left;
	font-size:100%;
	height:18px;
	padding-top:9px;
	margin: 0;
	vertical-align: top;
}
div#footer div.abaBox img {
	margin-top: -5px;
}

.nokiaBox {
	float:left;
	height:27px;
	margin-left:30px;
	margin-top: 20px;
}
.nokiaBox p {
	background:#FFFFFF none repeat scroll 0 0;
	color:#6F6F6F;
	float:left;
	font-size:70%;
	height:18px;
	padding-top:9px;
	margin: 0 !important;
}
div#footer div.nokiaBox a {
	font-size: 10px;
	color: #663888;
}

/*-- footer section END --*/


/*-- PNG FIX --*/ 


img.png, img.player { 
	behavior: url("iepngfix.htc") 
}


/* GENERIC STYLES */

.access {
	display: none;
}

.error {
	color: #F00;
}

.error {
  margin: 0 !important;
}

ul.error {
	color: #F00;
	padding: 0 0 0 30px;
}


/* SAMS CSS */

#new_column {
	color: #333;
	float: left;
	width: 630px;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 15px;
}

#new_column h1 {
	margin: 0 0 15px 0;
	font-size: 26px;
	line-height: 26px;
}

#new_column p {
	margin: 12px 0;
}

#new_column ul {
	margin-top: 20px;
	padding: 0 0 0 15px;
	
}

#new_column ul li {
	list-style-type: disc;
	color: #c91d08;
	margin-bottom: 5px;
	font-size: 16px;
}

.grey_form { background-color: #ddd; }

.embedded_video_container {
	float: left;
	width: 630px;
	margin-bottom: 10px;
}

.embedded_video {
	float: left;
	padding: 4px;
}

.embedded_video h3 {
	margin: 5px 0 6px 0;
}

#new_column a {
	color: #333;
}

#new_column a:hover {
	text-decoration: none;
}

/* -- Contact form style --*/

#new_enquiry {
	background: #f4f4f4;
	padding: 10px 20px 20px 20px;
	width: 350px;
	margin-bottom: 20px;
}

#new_enquiry input {
	border: 1px solid #7ec126;
	height: 22px;
	margin-top: 3px;
	font-size: 13px;
	padding-top: 3px;
	width: 290px;
}

#new_enquiry textarea {
	border: 1px solid #7ec126;
	margin-top: 5px;
	padding-top: 5px;
	width: 350px;
}

#new_enquiry label {
	display: inline-block;
	margin-top: 6px;
	color: #c91d08;
	font-size: 16px;
}

#new_enquiry input.enquiry_submit {
	background: url('../images/contact-submit.gif') no-repeat left top;
	width: 140px;
	height: 24px;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}

input#enquiry_title {
	width: 60px;
}

div#new_column h2 {
	margin-bottom: 25px;
}



.footPanelLeft {
	background:transparent url(../images/bk-footPanel-left.png) no-repeat scroll left top;
	float:left;
	height:27px;
	width:7px;
}

.footPanelRight {
	background:transparent url(../images/bk-footPanel-right.png) no-repeat scroll left top;
	float:left;
	height:27px;
	width:7px;
}